@charset "utf-8";
/* CSS Document */
/* SPL総合TOP */



#none, .none {
display:none;
}

.bright {
  filter: opacity(30%);
}


/* contents */

.titlesub {
	font-size: 16px;
	line-height: 28px;
}


/* shop navi */

#shop_navi {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 50px;
	position: relative;
	text-align: center;
}

.scale_up {
overflow: hidden;
}

.scale_up img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale_up img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


#shoplist {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

#areatop {
	width: 100%;
	padding-bottom: 30px !important;
}

#shoplist ul {
	margin-left: -10px;
}

#shoplist ul li {
	width: 172.5px;
	float: left;
	margin-left: 10px;
	margin-bottom: 15px;
}

#shoplist ul li img {
	width: 100%;
	vertical-align: top;
	height: 90px;
}

#shoplist .shopname {
	width: 100%;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
	background-color: rgba(0,0,0,1.00);
}

#shoplist .groupname {
	width: 720px;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFFFFF;
	background-color: rgba(0,0,0,1.00);
	margin-bottom: 20px;
	margin-left: 10px;
}


/* もっと見る */

.txt-hide, .txt-hide2 {
display: none;
}

button.more, button.more2 {
font-size: 20px;
line-height: 20px;
width: 350px;
margin-top: 0px;
margin-bottom: 60px;
margin-right: auto;
margin-left: auto;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
display: block;
color: #000;
border: 1px solid #000;
transition: .5s;
-erbkit-transition: .5s;
background-color: #E6E6E6;
}
 
button.more::after, button.more2::after {
content: "もっと見る";
transition: .2s;
-erbkit-transition: .2s;
}

button.more.on-click::after, button.more2.on-click::after{
content: "閉じる";
}


/* MOVIE, S.P.L MOVIEページ共通 */

#movie_navi {
	width: 720px;
	padding-top: 50px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}

#movie_navi ul {
padding: 0px;
margin-left: -40px;
}

#movie_navi li {
	width: 340px;
	text-align: left;
	margin-left: 40px;
	float: left;
	padding-bottom: 0px;
}

#movie_navi li .channel01 {
width: 330px;
padding-top: 8px;
padding-bottom: 5px;
padding-left: 10px;
color: #FFFFFF;
font-size: 14px;
line-height: 16px;
background-color: #000000;
margin-bottom: 0px; 
}

#movie_navi li .photo_sp {
width: 340px;
}

#movie_navi li .photo_sp img {
width:100%;
height: auto;
vertical-align: top;
}

.movietitle {
	font-size: 14px;
	line-height: 20px;
	padding-top: 5px;
	height: 100px !important;
}

#blogpage {
	font-size: 16px;
	line-height: 22px;
	padding-top: 5px;
	text-align: center;
	margin-bottom: 50px;
}


/* アクセスランキング */

.iframe-wrap {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 0px;
	text-align: center;
}

.iframe-wrap iframe {
	height: 500px !important;
	width: 720px;
	padding-bottom: 20px;
	text-align: center;
}



/* 共通 */

/* 下部コンテンツ */

.contents_banner {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 20px;
	text-align: center;
}

.contents_banner ul {
	margin-left: -20px;
}

.contents_banner ul li {
	width: 348px;
	margin-left: 20px;
	float: left;
	border: 1px solid #CCCCCC;
}


.contents_banner ul li img {
	width: 100%;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}



/* Webページ */

/* プライバシーポリシー */

#privacy {
width: 700px;
margin-left: auto;
margin-right: auto;
padding-bottom: 70px;
margin-top: 50px;
}

.privacy_txt {
font-size: 16px;
line-height: 32px;
margin-right: auto;
margin-left: auto;
}

.komidashi {
font-size: 18px;
font-weight: 600;
}


/* 会社概要 */

.kaisya_gaiyo {
width: 100% !important;
font-size: 16px;
line-height: 28px;
width: 100%;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #ABABAB;
border-right-color: #ABABAB;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
margin-bottom: 0px;
}

.kaisya_gaiyo th {
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #ABABAB;
border-left-color: #ABABAB;
text-align: center;
width: 35%;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
background-color: #F2F2F2;
}

.kaisya_gaiyo td {
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #ABABAB;
border-left-color: #ABABAB;
text-align: left;
padding: 20px;
background-color: #FFFFFF;
}


@media screen and (min-width:769px) {
.akiaki {

}
}

@media screen and (max-width:768px) {
.akiaki {
	display:block;
	clear:both;
	width:auto;
	height:400px;
	margin:-1px 0 0 0;
	margin:0;
	padding:0;
}
}