@charset "UTF-8";

html{
font-size:62.5%;
}
body{
font-size:1.6em;
font-family: 'Noto Sans JP', sans-serif !important;
font-weight:400;
background:#FFF;
color:#000;
text-align:center;
margin:0;
padding:0;
animation:fadeIn 5s ease 0s 1 normal;
-webkit-animation:fadeIn s ease 0s 1 normal;
}
@keyframes fadeIn{
0% {opacity:0}
100% {opacity:1}
}
@-webkit-keyframes fadeIn{
0% {opacity:0}
100% {opacity:1}
}
img{
width:100%;
height:auto
}
.clearfix{
display:block;
}
.clear{
clear:both;
}
.clear hr{
display:none;
}
ul,li{
list-style:none;
}








@media screen and (min-width:1024px) {
.smp{
display:none;
}
.tablet{
display:none;
}
.pc{
display:block;
}







}
@media only screen and (min-width:768px) and (max-width:1023px) {
.smp{
display:none;
}
.pc{
display:none;
}
.tablet{
display:block;
}







}
@media only screen and (min-width:320px) and (max-width:767px) {
.pc{
display:none;
}
.tablet{
display:none;
}
.smp{
display:block;
}








}









/* ==================================================

THEATERS

================================================== */
@media screen and (min-width:1024px) {
.theaters{
width:1000px;
margin:50px auto 0;
}
.theaters h2{
font-size:40px;
font-weight:300;
letter-spacing:0.05em;
line-height:1em;
margin-bottom:1.5em;
}
.theaters h2 span{
font-size:0.5em;
font-weight:400;
}
.theaters p{
font-size:15px;
letter-spacing:0.05em;
margin-bottom:1em;
}
.theaters h6{
font-size:20px;
text-align:center;
margin-bottom:2em;
}
.theaters h4{
font-size:18px;
text-align:left;
letter-spacing:0.05em;
position:relative;
color:#FFF;
padding:0.5em 0.5em 0.5em 2em;
background-color:rgba(58,91,82,0.5);
margin:0 0 1.5em 0;
}
.theaters h4::after{
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
content:'';
width:18px;
height:4px;
background-color:#FFF;
}
.theaters h3{
font-size:20px;
font-weight:300;
text-align:left;
letter-spacing:0.1em;
margin-bottom:1em;
}
.theaters h3 span{
margin:0 0.5em;
}
.theaters dl{
text-align:justify;
font-size:14px;
margin-bottom:5em;
}
.theaters dl dt{
font-size:20px;
/*font-weight:300;*/
padding-top:1em;
margin-bottom:0.5em;
letter-spacing:0.07em;
}
.theaters dl dt span{
font-size:13px;
letter-spacing:0.05em;
margin-left:2em;
background:#3A5B52;
color:#FFF;
padding:0.1em 0.5em;
}
.theaters dl dt:first-child{
border-top:1px solid #AAA;
}
.theaters dl dd{
line-height:1.5em;
letter-spacing:0.02em;
word-spacing:2em;
padding-bottom:1.5em;
border-bottom:1px solid #AAA;
}
.theaters dl dd span{
border-bottom:1px solid #000;
}
.theaters dl dd span.del{
text-decoration:line-through;
border-bottom:none;
}
.theaters a{
color:#3A5B52;
}
/*.theaters dl dd div.btn{
width:20%;
margin:1.5em auto 1em;
}*/
.theaters dl dd div.btn{
margin:1.5em auto 1em;
font-size:16px;
width:30em;
padding:1em 0.8em;
text-align:center;
text-decoration:none;
color:#FFF;
background:#999;
border:1px solid #FFF;
}
/*a.google{
font-size:16px;
display:block;
position:relative;
width:15em;
padding:1em 0.8em;
text-align:center;
text-decoration:none;
color:#FFF;
background:#EA5550;
border:1px solid #FFF;
overflow:hidden;
}
a.google:after{
content:"";
position:absolute;
top:-100%;
left:-100%;
height:100%;
width:15em;
background:#FFF;
opacity:0.3;
transition:.4s;
}
a.google:hover:after{
top:0;
left:0;
}*/
.theaters dl dd p{
font-size:13px;
letter-spacing:0;
line-height:1.5em;
}
.theaters dl dd span.tel{
text-decoration:none;
border-bottom:none;
letter-spacing:0.1em;
}


}
@media only screen and (min-width:768px) and (max-width:1023px) {
.theaters{
width:90%;
margin:40px auto 0;
}
.theaters h2{
font-size:40px;
font-weight:300;
letter-spacing:0.05em;
line-height:1em;
margin-bottom:1.5em;
}
.theaters h2 span{
font-size:0.5em;
font-weight:400;
}
.theaters p{
font-size:15px;
letter-spacing:0.05em;
margin-bottom:1em;
}
.theaters h6{
font-size:18px;
text-align:center;
margin-bottom:2em;
}
.theaters h4{
font-size:17px;
text-align:left;
letter-spacing:0.05em;
position:relative;
color:#FFF;
padding:0.5em 0.5em 0.5em 2em;
background-color:rgba(58,91,82,0.5);
margin:0 0 1.5em 0;
}
.theaters h4::after{
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
content:'';
width:18px;
height:4px;
background-color:#FFF;
}
.theaters h3{
font-size:18px;
font-weight:300;
text-align:left;
letter-spacing:0.1em;
margin-bottom:1em;
}
.theaters h3 span{
margin:0 0.5em;
}
.theaters dl{
text-align:justify;
font-size:13px;
margin-bottom:5em;
}
.theaters dl dt{
font-size:18px;
/*font-weight:300;*/
padding-top:1em;
margin-bottom:0.5em;
letter-spacing:0.07em;
}
.theaters dl dt span{
font-size:13px;
letter-spacing:0.05em;
margin-left:2em;
background:#3A5B52;
color:#FFF;
padding:0.1em 0.5em;
}
.theaters dl dt:first-child{
border-top:1px solid #AAA;
}
.theaters dl dd{
line-height:1.5em;
letter-spacing:0.02em;
word-spacing:2em;
padding-bottom:1.5em;
border-bottom:1px solid #AAA;
}
.theaters dl dd span{
border-bottom:1px solid #000;
}
.theaters dl dd span.del{
text-decoration:line-through;
border-bottom:none;
}
.theaters a{
color:#3A5B52;
}
/*.theaters dl dd div.btn{
width:30%;
margin:1.5em auto 1em;
}*/
.theaters dl dd div.btn{
margin:1.5em auto 1em;
font-size:15px;
width:20em;
padding:1em 0.8em;
text-align:center;
text-decoration:none;
color:#FFF;
background:#999;
border:1px solid #FFF;
}
/*a.google{
font-size:15px;
display:block;
position:relative;
width:15em;
padding:1em 0;
text-align:center;
text-decoration:none;
color:#FFF;
background:#EA5550;
border:1px solid #FFF;
overflow:hidden;
}
a.google:after{
content:"";
position:absolute;
top:-100%;
left:-100%;
height:100%;
width:15em;
background:#FFF;
opacity:0.3;
transition:.4s;
}
a.google:hover:after{
top:0;
left:0;
}*/
.theaters dl dd p{
font-size:12px;
letter-spacing:0;
line-height:1.5em;
}
.theaters dl dd span.tel{
text-decoration:none;
border-bottom:none;
letter-spacing:0.1em;
}




}
@media only screen and (min-width:320px) and (max-width:767px) {
.theaters{
width:90%;
margin:20px auto 0;
}
.theaters h2{
font-size:36px;
font-weight:300;
letter-spacing:0.05em;
line-height:1em;
margin-bottom:1.5em;
}
.theaters h2 span{
font-size:0.5em;
font-weight:400;
}
.theaters p{
font-size:15px;
letter-spacing:0.05em;
margin-bottom:1em;
}
.theaters h6{
font-size:20px;
text-align:center;
margin-bottom:2em;
}
.theaters h4{
font-size:16px;
text-align:left;
letter-spacing:0.05em;
position:relative;
color:#FFF;
padding:0.5em 0 0.5em 2em;
background-color:rgba(58,91,82,0.5);
margin:0 0 1em 0;
}
.theaters h4::after{
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
content:'';
width:18px;
height:4px;
background-color:#FFF;
}
.theaters h3{
font-size:20px;
font-weight:300;
text-align:left;
letter-spacing:0.1em;
margin-bottom:1em;
}
.theaters h3 span{
margin:0 0.5em;
}
.theaters dl{
text-align:justify;
font-size:14px;
margin-bottom:5em;
}
.theaters dl dt{
font-size:20px;
/*font-weight:300;*/
padding-top:1em;
margin-bottom:0.5em;
letter-spacing:0.01em;
}
.theaters dl dt span{
font-size:13px;
letter-spacing:0.05em;
margin-left:0;
background:#3A5B52;
color:#FFF;
padding:0.1em 0.5em;
}
.theaters dl dt:first-child{
border-top:1px solid #AAA;
}
.theaters dl dd{
line-height:1.8em;
letter-spacing:0.02em;
word-spacing:2em;
padding-bottom:1.5em;
border-bottom:1px solid #AAA;
}
.theaters dl dd span{
border-bottom:1px solid #000;
}
.theaters dl dd span.del{
text-decoration:line-through;
border-bottom:none;
}
.theaters a{
color:#3A5B52;
}
/*.theaters dl dd div.btn{
width:100%;
margin:1.5em auto 1em;
}*/
.theaters dl dd div.btn{
margin:1.5em auto 1em;
font-size:15px;
width:100%;
padding:1em 0;
text-align:center;
text-decoration:none;
color:#FFF;
background:#999;
border:1px solid #FFF;
}
/*a.google{
font-size:15px;
display:block;
position:relative;
width:100%;
padding:1em 0;
text-align:center;
text-decoration:none;
color:#FFF;
background:#EA5550;
border:1px solid #FFF;
overflow:hidden;
}
a.google:after{
content:"";
position:absolute;
top:-100%;
left:-100%;
height:100%;
width:100%;
background:#FFF;
opacity:0.3;
transition:.4s;
}
a.google:hover:after{
top:0;
left:0;
}*/
.theaters dl dd p{
font-size:12px;
letter-spacing:0;
line-height:1.5em;
}
.theaters dl dd span.tel{
text-decoration:none;
border-bottom:none;
letter-spacing:0.1em;
}



}










/* ==================================================

FOOTER

================================================== */
@media screen and (min-width:1024px) {
footer{
/*position:absolute;
bottom:0;
right:2%;*/
}
footer p{
font-size:13px;
font-weight:300;
text-align:right;
letter-spacing:0.03em;
margin:1em 2% 1em auto;
}



}
@media only screen and (min-width:768px) and (max-width:1023px) {
footer{
/*position:absolute;
bottom:0;
right:2%;*/
}
footer p{
font-size:13px;
font-weight:300;
text-align:right;
letter-spacing:0.03em;
margin:1em 2% 1em auto;
}

}
@media only screen and (min-width:320px) and (max-width:767px) {
footer{
/*position:absolute;
bottom:0;
right:1%;*/
}
footer p{
font-size:13px;
font-weight:300;
text-align:right;
letter-spacing:0.03em;
margin:1em 2% 1em auto;
}

}