@charset "UTF-8";
/* CSS Document */




#index_notice { margin: 0 auto 70px auto; padding: 15px 0; width: 1050px; background: #fff; }
#index_notice table { margin: 0; padding: 0; border-spacing: 0; width: 100%; }
#index_notice th { margin: 0; padding: 0; width: 15%; font-size: 15px; color: #3e3735; line-height: 1.2em; font-weight: normal; text-decoration: underline; text-underline-offset: 5px; text-align: center; }
#index_notice td { margin: 0; padding: 0 5% 0 0; width: 70%; font-size: 12px; color: #3e3735; line-height: 1.6em; }

@media only screen and (max-width: 768px) {
#index_notice { margin: 0 auto 30px auto; padding: 0 0; width: 90%; background: none; }
#index_notice table { margin: 0; padding: 0; border-spacing: 0; }
#index_notice th { margin: 0; padding: 0 0 30px 0; width: 100%; font-size: 18px; color: #3e3735; line-height: 1.2em; font-weight: bold; text-decoration: underline; text-underline-offset: 8px; text-align: center; display: block; }
#index_notice td { margin: 0; padding: 0 5% 0 0; width: 100%; font-size: 14px; color: #3e3735; line-height: 1.6em; display: block; }
}




.index_btn-bnr_sp { display: none; }

@media only screen and (max-width: 768px) {
.index_btn-bnr_sp      { display: block; margin: 0 auto 80px auto; padding: 0; width: 90%; }
.index_btn-bnr_sp .inner { margin: 0 auto 15px auto; padding: 0; width: 100%; display: -webkit-flex; display: flex; }
.index_btn-bnr_sp .bnr { margin: 0 7%; padding: 20px 0; width: 86%; background: #4c4b4b; border: 2px solid #bbb9b9; border-radius: 6px; text-align: center; }
.index_btn-bnr_sp .bnr img { width: 90%; }

@media screen and (orientation: landscape) {
.index_btn-bnr_sp .bnr img { width: 60%; }
}
}




#index_hours { margin: 0 auto 90px auto; padding: 0 0 30px 0; width: 100%; background: url(../img/index/kazari.svg) top center no-repeat; }
#index_hours .title { margin: -15px auto 20px auto; padding: 0; font-size: 20px; color: #3e3735; line-height: 1.2em; text-align: center; }
#index_hours .inner { margin: 0 auto; padding: 0; width: 705px; display: -webkit-flex; display: flex; font-size: 14px; line-height: 1.6em; }
#index_hours .shop  { margin: 0 25px; padding: 0; width: 185px; }
#index_hours .shop .cate  { margin: 0 0 10px 0; padding: 2px 0; width: 100%; background: #3e3735; font-size: 14px; color: #fff; line-height: 1.2em; text-align: center; }
#index_hours .shop .time  { margin: 0 0 15px 0; padding: 0; font-size: 24px; color: #3e3735; line-height: 1.2em; text-align: center; font-weight: 500; }
#index_hours .shop .dtl  { margin: 0; padding: 3px 0; font-size: 12px; color: #3e3735; line-height: 1.2em; text-align: center; border-top: 1px solid #3e3735; border-bottom: 1px solid #3e3735; }

@media only screen and (max-width: 1200px) {
#index_hours { margin: 0 auto 90px auto; padding: 0 0 30px 0; width: 1200px; background: url(../img/index/kazari.svg) top center no-repeat; }
}

@media only screen and (max-width: 768px) {
#index_hours { display: none; }
}




#todays { margin: 0 auto 90px auto; padding: 0 0 70px 0; width: 1250px; background: #fff; position: relative; }
#todays .title { position: absolute; top: -27px; margin: 0; padding: 0; width: 100%; text-align: center; }
#todays .title img { width: 465px; }
#todays .date { margin: 0 0 40px 0; padding: 40px 0 0 0; font-size: 25px; color: #3e3735; line-height: 1.2em; font-weight: bold; text-align: center; }

@media only screen and (max-width: 1200px) {
#todays { margin: 0 auto 90px auto; padding: 0 0 70px 0; width: 1200px; background: #fff; position: relative; }
}
@media only screen and (max-width: 768px) {
#todays { margin: 0 auto 55px auto; padding: 0; width: 100%; background: #fff; position: relative; }
#todays .title { position: absolute; top: -17px; margin: 0; padding: 0; width: 100%; text-align: center; }
#todays .title img { width: 75%; }
#todays .date { margin: 0 0 0 0; padding: 20px 0 0 0; font-size: 22px; color: #3e3735; line-height: 1.2em; font-weight: bold; text-align: center; }

@media screen and (orientation: landscape) {
#todays .title { position: absolute; top: -24px; margin: 0; padding: 0; width: 100%; text-align: center; }
#todays .title img { width: 55%; }
#todays .date { margin: 0 0 0 0; padding: 24px 0 0 0; font-size: 22px; color: #3e3735; line-height: 1.2em; font-weight: bold; text-align: center; }
}
}


#pickup { margin: 0 auto 120px auto; padding: 70px 0 30px 0; width: 1250px; background: #dfecea; position: relative; }
#pickup .title { position: absolute; top: -19px; margin: 0; padding: 0; width: 100%; text-align: center; }
#pickup .title img { width: 210px; }

@media only screen and (max-width: 1200px) {
#pickup { margin: 0 auto 120px auto; padding: 70px 0 30px 0; width: 1200px; background: #dfecea; position: relative; }
}

@media only screen and (max-width: 768px) {
#pickup { margin: 0 auto 100px auto; padding: 30px 0 0 0; width: 100%; background: #dfecea; position: relative; }
#pickup .title { position: absolute; top: -13px; margin: 0; padding: 0; width: 100%; text-align: center; }
#pickup .title img { width: 35%; }

@media screen and (orientation: landscape) {
#pickup .title img { width: 25%; }
}
}




#parking			{ overflow: hidden; margin: 0 auto; padding: 17px 0; width: 1000px; background: #f1f1ef; border-radius: 8px; }
#parking .ttl		{ float: left; margin: 0; padding: 0.5em 0 0 0; width: 160px; font-size: 15px; color: #3e3735; line-height: 1.2em; text-align: center; }
#parking .place		{ float: left; margin: 0; padding: 0.1em 0 0 0; width: 600px; display: -webkit-flex; display: flex; justify-content: center; }
#parking .place .side		{ margin: 0 auto; padding: 0; width: 180px; text-align-last: center; }
#parking .build		{ float: left; margin: 0.5em 0 0 0; padding: 0; width: 240px; }
#parking .time		{ float: left; margin: 0.7em 0 0 0; padding: 0; width: 80px; font-size: 12px; color: #3e3735; line-height: 1.2em; text-align: left; }

#parking .position		{ margin: 0; padding: 0; font-size: 23px; color: #3e3735; line-height: 1.2em; font-weight: 500; }
#parking .position2		{ position: relative; margin: 0; padding: 0; font-size: 15px; color: #3e3735; line-height: 1.2em; }

#parking .kuu		{ margin: 0 30px 0 10px; padding: 2px 8px 4px 8px; font-size: 22px; color: #fff; line-height: 1em; font-weight: 500; background: #02a7bb; text-align: center; }
#parking .kon		{ margin: 0 30px 0 10px; padding: 2px 8px 4px 8px; font-size: 20px; color: #fff; line-height: 1em; font-weight: 500; background: #f87a53; text-align: center; }
#parking .man		{ margin: 0 30px 0 10px; padding: 2px 8px 4px 8px; font-size: 20px; color: #fff; line-height: 1em; font-weight: 500; background: #ec2b37; text-align: center; }

#parking .build_kuu		 { position: absolute; top: -9px; margin: 0 0 0 5px; padding: 0; background: #02a7bb; text-align: center; border-radius: 4px; width: 80px; height: 40px; }
#parking .build_kuu img		{ padding: 7px 0 0 0; width: 18.34px; }
#parking .build_kon		 { position: absolute; top: -9px; margin: 0 0 0 5px; padding: 0; background: #f87a53; text-align: center; border-radius: 4px; width: 80px; height: 40px; }
#parking .build_kon img		{ padding: 5px 0 0 0; width: 32.75px; }
#parking .build_man		 { position: absolute; top: -9px; margin: 0 0 0 5px; padding: 0; background: #ec2b37; text-align: center; border-radius: 4px; width: 80px; height: 40px; }
#parking .build_man img		{ padding: 3px 0 0 0; width: 41.31px; }


@media only screen and (max-width: 768px) {
#parking			{ overflow: hidden; margin: 0 0 100px 0; padding: 10px 0 15px 0; width: 100%; background: #f1f1ef; border-radius: 0; text-align: left; border-bottom: 10px solid #fff; }
#parking .ttl		{ float: none; margin: 0; padding: 20px 0 10px 0; width: 100%; font-size: 20px; color: #3e3735; line-height: 1.2em; font-weight: 500; }
#parking .place		{ float: none; margin: 0; padding: 20px 0; width: 100%; display: -webkit-flex; display: flex; }
#parking .place .side		{ margin: 0; padding: 0 0 0 5%; width: 28%; }
#parking .build		{ float: left; margin: 0; padding: 20px 5% 20px 5%; width: 50%; }
#parking .time		{ float: left; margin: 0; padding: 20px 0 20px 5%; width: 35%; font-size: 14px; color: #3e3735; line-height: 1.2em; text-align: left; }

#parking .position		{ margin: 0; padding: 0; font-size: 16px; color: #3e3735; line-height: 1.2em; font-weight: 500; }
#parking .position2		{ position: relative; margin: 0; padding: 0; font-size: 15px; color: #3e3735; line-height: 1.2em; font-weight: 500; }

#parking .kuu		{ margin: 0 8px 0 6px; padding: 2px 7px 4px 7px; font-size: 18px; color: #fff; line-height: 1em; font-weight: 500; background: #02a7bb; text-align: center; }
#parking .kon		{ margin: 0 8px 0 6px; padding: 4px 7px 6px 7px; font-size: 15px; color: #fff; line-height: 1em; font-weight: 500; background: #f87a53; text-align: center; }
#parking .man		{ margin: 0 8px 0 6px; padding: 4px 7px 6px 7px; font-size: 15px; color: #fff; line-height: 1em; font-weight: 500; background: #ec2b37; text-align: center; }

#parking .build_kuu		 { position: absolute; top: -8px; margin: 0 0 0 5px; padding: 0; background: #02a7bb; text-align: center; border-radius: 4px; width: 80px; height: 40px; }
#parking .build_kuu img		{ padding: 7px 0 0 0; width: 18.34px; }
#parking .build_kon		 { position: absolute; top: -8px; margin: 0 0 0 5px; padding: 0; background: #f87a53; text-align: center; border-radius: 4px; width: 80px; height: 40px; }
#parking .build_kon img		{ padding: 5px 0 0 0; width: 32.75px; }
#parking .build_man		 { position: absolute; top: -8px; margin: 0 0 0 5px; padding: 0; background: #ec2b37; text-align: center; border-radius: 4px; width: 80px; height: 40px; }
#parking .build_man img		{ padding: 3px 0 0 0; width: 41.31px; }

@media screen and (orientation: landscape) {
#parking .build		{ float: left; margin: 0; padding: 20px 5% 20px 5%; width: 50%; text-align: center;}
#parking .time		{ float: left; margin: 0; padding: 20px 0 20px 5%; width: 35%; font-size: 14px; color: #3e3735; line-height: 1.2em; text-align: left; }
}
}



#topics { margin: 0 0 90px 0; padding: 85px 0 110px 0; width: 100%; background: #fffef7; position: relative; }
#topics .conts { margin: 0 0 35px 0; }
#topics .title { position: absolute; top: -23px; margin: 0; padding: 0; width: 100%; text-align: center; }
#topics .title img { width: 210px; }

#topics .tabwrap { margin: 0 auto 80px auto; padding: 0; width: 600px; display: -webkit-flex; display: flex; }
#topics .tabwrap .tab_off { margin: 0 10px; padding: 15px 0; width: 200px; font-size: 13px; color: #fffef7; line-height: 1.2em; text-align: center; background: #4c4b4b; }
#topics .tabwrap .tab_off:hover { margin: 0 10px; padding: 15px 0; width: 200px; font-size: 13px; color: #4c4b4b; line-height: 1.2em; text-align: center; background: #fffef7; cursor: pointer;  border-bottom: 1px solid #4c4b4b; transition: all 0.6s; }
#topics .tabwrap .tab_on { margin: 0 10px; padding: 15px 0; width: 200px; font-size: 13px; color: #4c4b4b; line-height: 1.2em; text-align: center; background: #fffef7; border-bottom: 1px solid #4c4b4b; }

#topics .inner { margin: 0 auto 0 auto; padding: 0; width: 1250px; overflow: hidden; }
#topics .inner .topi { float: left; margin: 0 40px 50px 40px; padding: 0; width: 520px; display: -webkit-flex; display: flex; }
#topics .inner .topi .imgbx { margin: 0 20px 0 0; padding: 0; width: 190px; height: 190px; }
#topics .inner .topi .imgbx img { width: 190px; height: 190px; object-fit: cover; } 
#topics .inner .topi .txtbx { margin: 0; padding: 0; width: 310px; position: relative; }
#topics .inner .topi .txtbx p.ttl { margin: 0 0 10px 0; padding: 0; font-size: 15px; color: #3e3735; line-height: 1.4em; font-weight: 600; 
height: 3em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#topics .inner .topi .txtbx p.shop { margin: 0 0 30px 0; padding: 0; font-size: 12px; color: #3e3735; line-height: 1.6em; }
#topics .inner .topi .txtbx p.period { margin: 0; padding: 0; font-size: 12px; color: #3e3735; line-height: 1.2em; }
#topics .inner .topi .txtbx .date { margin: 0; padding: 0; font-size: 12px; color: #3e3735; line-height: 1.2em; text-align: right; position: absolute; bottom: 0; right: 0; }

#topics .inner .topi:hover { opacity: 0.6; transition: all 0.6s; }

@media only screen and (max-width: 1200px) {
#topics { margin: 0 0 90px 0; padding: 85px 0 110px 0; width: 1200px; background: #fffef7; position: relative; }
#topics .inner { margin: 0 auto 0 auto; padding: 0; width: 1200px; overflow: hidden; }
#topics .inner .topi { float: left; margin: 0 25px 50px 25px; padding: 0; width: 520px; display: -webkit-flex; display: flex; }
}

@media only screen and (max-width: 768px) {
#topics { margin: 80px auto 80px auto; padding: 0 0 65px 0; width: 100%; background: #fffef7; position: relative; }
#topics .conts { margin: 0 0 0 0; }
#topics .title { position: absolute; top: -15px; margin: 0; padding: 0; width: 100%; text-align: center; }
#topics .title img { width: 35%; }

#topics .tabwrap { margin: 0 auto 40px auto; padding: 50px 0 0 0; width: 100%; display: -webkit-flex; display: flex; }
#topics .tabwrap .tab_off { margin: 0 1%; padding: 15px 0; width: 98%; font-size: 11px; color: #fffef7; line-height: 1.2em; text-align: center; background: #4c4b4b; font-weight: 500; }
#topics .tabwrap .tab_off:hover { margin: 0 1%; padding: 15px 0; width: 98%; font-size: 11px; color: #fffef7; line-height: 1.2em; text-align: center; background: #4c4b4b; font-weight: 500; }
#topics .tabwrap .tab_on { margin: 0 1%; padding: 15px 0; width: 98%; font-size: 11px; color: #4c4b4b; line-height: 1.2em; text-align: center; background: #fffef7; border-bottom: 1px solid #4c4b4b; font-weight: 500; }

#topics .inner { margin: 0 auto; padding: 0; width: 93%; overflow: hidden; }
#topics .inner .topi { float: none; margin: 0 0 40px 0; padding: 0; width: 100%; height: 100%; display: -webkit-flex; display: flex; }
#topics .inner .topi .imgbx { margin: 0 5% 0 0; padding: 0; width: 30%; height: 50%; }
#topics .inner .topi .imgbx img { width: 30%; height: 50%; object-fit: cover; } 
#topics .inner .topi .txtbx { margin: 0; padding: 0; width: 65%; position: relative; }
#topics .inner .topi .txtbx p.ttl { margin: 0 0 10px 0; padding: 0; font-size: 14px; color: #3e3735; line-height: 1.3em; font-weight: 600; 
height: 2.5em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#topics .inner .topi .txtbx p.shop { margin: 0 0 15px 0; padding: 0; font-size: 12px; color: #3e3735; line-height: 1.4em; }
#topics .inner .topi .txtbx p.period { margin: 0; padding: 0; font-size: 12px; color: #3e3735; line-height: 1.2em; font-weight: 500; }
#topics .inner .topi .txtbx .date { margin: 0 8px 0 0; padding: 0; font-size: 11px; color: #3e3735; line-height: 1.2em; text-align: right; position: absolute; bottom: 0; right: 0;  }

@media screen and (orientation: landscape) {
#topics .title img { width: 25%; }
}
}

#info { margin: 0 0 90px 0; padding: 18px 0 30px 0; width: 100%; background: #f1f1ef; }
#info .title { margin: 0 auto 15px auto; padding: 0 0 15px 0; width: 700px; text-align: center; border-bottom: 1px solid #3e3735;  }
#info .sbtitle { margin: 0 auto 23px auto; padding: 0 0 15px 0; font-size: 17px; color: #3e3735; line-height: 1.2em; text-align: center; }
#info .title img { width: 375px; }

#info ul.info_inner { margin: 0 auto 43px auto; padding: 0; width: 1140px; overflow: hidden; }
#info ul.info_inner li { margin: 0 70px 40px 70px; padding: 0; width: 430px; float: left; }
#info ul.info_inner li:hover { opacity: 0.6; transition: all .6s ease 0s; }
#info ul.info_inner table { margin: 0; padding: 0; width: 100%; }
#info ul.info_inner th { margin: 0; padding: 0; width: 26%; height: 5em; text-align: left; font-size: 12px; color: #4c4b4b; line-height: 2em; vertical-align: top; font-weight: normal; border-right: 1px solid #000; }
#info ul.info_inner td { margin: 0 0 0 0; padding: 0 0 0 4%; font-size: 15px; color: #4c4b4b; line-height: 1.4em; vertical-align: top; 
height: 3em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#info ul.info_inner .new { margin: 0; padding: 0 5px 2px 5px; font-size: 12px; color: #fff; line-height: 1em; background: #4c4b4b; }

@media only screen and (max-width: 1200px) {
#info { margin: 0 0 90px 0; padding: 18px 0 30px 0; width: 1200px; background: #f1f1ef; }
}

@media only screen and (max-width: 768px) {
#info { margin: 0 0 50px 0; padding: 0 0 40px 0; width: 100%; background: #f1f1ef; }
#info .title { margin: 0 auto 15px auto; padding: 0 0 15px 0; width: 93%; text-align: center; border-bottom: 1px solid #3e3735;  }
#info .sbtitle { margin: 0 auto 30px auto; padding: 0 0 15px 0; font-size: 17px; color: #3e3735; line-height: 1.2em; text-align: center; }
#info .title img { width: 65%; }

#info ul.info_inner { margin: 0 auto 60px auto; padding: 0; width: 93%; overflow: hidden; }
#info ul.info_inner li { margin: 0 0 10px 0; padding: 10px 0 0 0; width: 100%; float: none; background: #f8f8f4; position: relative; }

#info ul.info_inner li::before,
#info ul.info_inner li::after{ position: absolute; top: 0; bottom: 0; right: -450px; margin: auto; content: ""; vertical-align: middle; }

#info ul.info_inner .vect::before{ right: 5%; width: 8px; height: 8px; border-top: 1.5px solid #4c4b4b; border-right: 1.5px solid #7b7a79; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#info ul.info_inner table { margin: 0; padding: 0 3%; width: 94%; }
#info ul.info_inner th { margin: 0; padding: 0 0 0 0; width: 100%; height: 2em; text-align: left; font-size: 13px; color: #4c4b4b; line-height: 1em; vertical-align: top; font-weight: 500; display: block; border-right: none; }
#info ul.info_inner td { margin: 0 0 10px 0; padding: 0 10% 0 0; width: 90%; font-size: 15px; color: #4c4b4b; line-height: 1.2em; vertical-align: top;
font-weight: 500; 
height: 2.5em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#info ul.info_inner .new { margin: 0 0 0 10px; padding: 0px 5px 2px 5px; font-size: 11px; color: #fff; line-height: 1em; background: #4c4b4b; position: absolute; top: 13px; }

@media screen and (orientation: landscape) {
#info .title img { width: 49%; }
}
}



#spinfo { margin: 0 0 0px 0; padding: 100px 0 50px 0; width: 100%; background: #f6f6f6; }
#spinfo .title { margin: 0 auto 15px auto; padding: 0 0 0 0; width: 700px; text-align: center; }
#spinfo .sbtitle { margin: 0 auto 12px auto; padding: 0 0 15px 0; font-size: 17px; color: #c2242b; line-height: 1.2em; text-align: center; }
#spinfo .title img { width: 365px; }

#spinfo ul.spinfo_inner { margin: 0 auto; padding: 0; width: 1100px; overflow: hidden; }
#spinfo ul.spinfo_inner li { margin: 0 15px 40px 15px; padding: 30px 0 0 0; width: 520px; float: left; }

#spinfo .bnr-l { margin: 0; padding: 55px 50px 0 50px; width: 395px; height: 405px; background: #fff; border-radius: 6px;
box-shadow: -moz-box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.2);
-ms-box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.2);
box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.2); }
#spinfo .bnr-l .ph { margin: 0 0 1.8em 0; padding: 0; width: 400px; }
#spinfo .bnr-l p { margin: 0; padding: 0; font-size: 22px; color: #3e3735; line-height: 1.4em; }


#spinfo .bnr-s { margin: 0 10px 20px 10px; padding: 44px 35px 0 35px; width: 170px; height: 176px; background: #fff; border-radius: 6px; float: left; 
    box-shadow: -moz-box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.4);
-ms-box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.4);
box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.4); }
#spinfo .bnr-s .ph { margin: 0 0 0 0; padding: 0; width: 170px; position: relative; }
#spinfo .bnr-s p { margin: 0; padding: 0; font-size: 15px; color: #3e3735; line-height: 1.2em; text-align: center; }

#spinfo .check { margin: 0; padding: 2px 5px; font-size: 10px; color: #fff; line-height: 1em; background: #c2242b; position: absolute; top: -15px; left: 0; }

#spinfo .bnr-s:hover { opacity: 0.6; transition: all .6s ease 0s; }
#spinfo .bnr-l:hover { opacity: 0.6; transition: all .6s ease 0s; }

@media only screen and (max-width: 1200px) {
#spinfo { margin: 0 0 0px 0; padding: 100px 0 50px 0; width: 1200px; background: #f6f6f6; }
}

@media only screen and (max-width: 768px) {
#spinfo { margin: 0 0 50px 0; padding: 70px 0 50px 0; width: 100%; background: #f6f6f6; }
#spinfo .title { margin: 0 auto 15px auto; padding: 0 0 0 0; width: 93%; text-align: center; }
#spinfo .sbtitle { margin: 0 auto 30px auto; padding: 0 0 15px 0; font-size: 17px; color: #c2242b; line-height: 1.2em; text-align: center; font-weight: 500; }
#spinfo .title img { width: 65%; }

#spinfo ul.spinfo_inner { margin: 0 auto; padding: 0; width: 84%; }
#spinfo ul.spinfo_inner li { margin: 0 0 30px 0; padding: 0 0 0 0; width: 100%; float: none; overflow: hidden; }

#spinfo .bnr-l { margin: 0 2%; padding: 40px 0; width: 96%; height: auto; background: #fff; border-radius: 6px;
box-shadow: -moz-box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.4);
-ms-box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.4);
box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.4);
    clear: both; }
#spinfo .bnr-l .ph { margin: 0 auto 15px auto; padding: 0; width: 80%; }
#spinfo .bnr-l p { margin: 0 auto; padding: 0; width: 80%; font-size: 14px; color: #3e3735; line-height: 1.2em; font-weight: 500; text-align: center; }

#spinfo .bnr-s { margin: 0 2% 4% 2%; padding: 25px 0 10px 0; width: 46%; height: auto; background: #fff; border-radius: 6px; float: left; 
    box-shadow: -moz-box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.4);
-ms-box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.4);
box-shadow: -2px 0px 28px -17px rgba(0, 0, 0, 0.4); }
#spinfo .bnr-s .ph { margin: 0 auto; padding: 0; width: 80%; position: relative; }
#spinfo .bnr-s p { margin: -5px 0 0 0; padding: 0; font-size: 14px; color: #3e3735; line-height: 1.2em; height: 2em; text-align: center; font-weight: 500; }

#spinfo .check { margin: 0; padding: 0px 5px 2px 5px; font-size: 10px; color: #fff; line-height: 1em; background: #c2242b; position: absolute; top: -5px; left: 5px; }

@media screen and (orientation: landscape) {
#spinfo .title img { width: 49%; }
#spinfo .bnr-l .ph { margin: 0 auto 15px auto; padding: 0; width: 50%; }
#spinfo .bnr-s .ph { margin: 0 auto; padding: 0; width: 50%; position: relative; }
}
}




#sns { margin: 0 0 0px 0; padding: 110px 0 0 0; width: 100%; background: #f1f1ef; }
#sns ul.sns_inner { margin: 0 auto; padding: 0; width: 1144px; display: flex; flex-wrap: wrap; }
#sns ul.sns_inner li       { margin: 0 6px 12px 6px; padding: 40px 0 0 55px; width: 505px; height: 140px; background: #f7f7f4; border-radius: 6px; position: relative; }
#sns ul.sns_inner li:hover { margin: 0 6px 12px 6px; padding: 40px 0 0 55px; width: 505px; height: 140px; background: #fff; border-radius: 6px; transition: all .6s ease 0s; position: relative; }

#sns .linkico { position: absolute; margin: 0; padding: 0; width: 16px; top: 16px; right: 16px; }
#sns .qrico { position: absolute; margin: 0; padding: 0; width: 119px; top: 34px; right: 23px; }

#sns .sns-insta { margin: 0 0 27px 0; padding: 0; width: 445px; overflow: hidden; }
#sns .sns-insta .ico { margin: 0 20px 0 0; padding: 0; width: 50px; float: left; }
#sns .sns-insta .ico img { margin: 0; padding: 0; width: 50px; }
#sns .sns-insta .txt { margin: 0; padding: 7px 0 0 0; width: 375px; float: left; }
#sns .sns-insta .txt img { margin: 0; padding: 0; width: 232px; }

#sns .sns-line { margin: 0 0 27px 0; padding: 0; width: 445px; overflow: hidden; }
#sns .sns-line .ico { margin: 0 20px 0 0; padding: 0; width: 50px; float: left; }
#sns .sns-line .ico img { margin: 0; padding: 0; width: 50px; }
#sns .sns-line .txt { margin: 0; padding: 5px 0 0 0; width: 375px; float: left; }
#sns .sns-line .txt img { margin: 0; padding: 0; width: 134px; }

#sns .sns-fb { margin: 0 0 27px 0; padding: 0; width: 445px; overflow: hidden; }
#sns .sns-fb .ico { margin: 0 20px 0 0; padding: 0; width: 50px; float: left; }
#sns .sns-fb .ico img { margin: 0; padding: 0; width: 22px; }
#sns .sns-fb .txt { margin: 0; padding: 7px 0 0 0; width: 375px; float: left; }
#sns .sns-fb .txt img { margin: 0; padding: 0; width: 126px; }

#sns ul.sns_inner p { margin: 0 60px 0 0; padding: 0; font-size: 11px; color: #7d7572; line-height: 1.6em; height: 2em; }
#sns ul.sns_inner p.line { margin: 0 150px 0 0; padding: 0; font-size: 11px; color: #7d7572; line-height: 1.6em; height: 2em; }

@media only screen and (max-width: 1200px) {
#sns { margin: 0 0 0px 0; padding: 110px 0 0 0; width: 1200px; background: #f1f1ef; }
}

@media only screen and (max-width: 768px) {
#sns { margin: 0 auto 40px auto; padding: 40px 0 0 0; width: 93%; background: #f1f1ef; }
#sns ul.sns_inner { margin: 0; padding: 0; width: 100%; display: block; flex-wrap: wrap; }
#sns ul.sns_inner li { margin: 0 0 20px 0; padding: 30px 0; width: 100%; height: auto; background: #f7f7f4; border-radius: 6px; position: relative; }
#sns ul.sns_inner li:hover { margin: 0 0 20px 0; padding: 30px 0; width: 100%; height: auto; background: #f7f7f4; border-radius: 6px; position: relative; }

#sns .linkico { position: absolute; margin: 0; padding: 0; width: 16px; top: 16px; right: 16px; }
#sns .qrico { display: none; }

#sns .sns-insta { margin: 0 auto 20px auto; padding: 0; width: 88%; overflow: hidden; }
#sns .sns-insta .ico { margin: 0 5% 0 0; padding: 0; width: 13%; float: left; }
#sns .sns-insta .ico img { margin: 0; padding: 0; width: 100%; }
#sns .sns-insta .txt { margin: 0; padding: 0 0 0 0; width: 82%; float: left; }
#sns .sns-insta .txt img { margin: 0; padding: 1% 0 0 0; width: 80%; }

#sns .sns-line { margin: 0 auto 20px auto; padding: 0; width: 88%; overflow: hidden; }
#sns .sns-line .ico { margin: 0 5% 0 0; padding: 0; width: 14%; float: left; }
#sns .sns-line .ico img { margin: 0; padding: 0; width: 100%; }
#sns .sns-line .txt { margin: 0; padding: 0 0 0 0; width: 81%; float: left; }
#sns .sns-line .txt img { margin: 0; padding: 1% 0 0 0; width: 45%; }

#sns .sns-fb { margin: 0 auto 20px auto; padding: 0; width: 90%; overflow: hidden; }
#sns .sns-fb .ico { margin: 0 9% 0 5%; padding: 1% 0 0 0; width: 5.5%; float: left; }
#sns .sns-fb .ico img { margin: 0; padding: 0; width: 100%; }
#sns .sns-fb .txt { margin: 0; padding: 0 0 0 0; width: 80.5%; float: left; }
#sns .sns-fb .txt img { margin: 0; padding: 1.5% 0 0 0; width: 40%; }

#sns ul.sns_inner p { margin: 0 6%; padding: 0; font-size: 12px; color: #7d7572; line-height: 1.5em; height: auto; }
#sns ul.sns_inner p.line { margin: 0 6% 0 6%; padding: 0; font-size: 12px; color: #7d7572; line-height: 1.5em; height: auto; }

@media screen and (orientation: landscape) {
#sns .sns-insta .ico { margin: 0 0 0 0; padding: 0; width: 13%; float: left; }
#sns .sns-insta .ico img { margin: 0; padding: 0; width: 60%; }
#sns .sns-insta .txt img { margin: 0; padding: 1% 0 0 0; width: 50%; }

#sns .sns-line .ico { margin: 0 0 0 0; padding: 0; width: 14%; float: left; }
#sns .sns-line .ico img { margin: 0; padding: 0; width: 63%; }
#sns .sns-line .txt img { margin: 0; padding: 1% 0 0 0; width: 28%; }

#sns .sns-fb .ico { margin: 0 5% 0 4%; padding: 1% 0 0 0; width: 5.5%; float: left; }
#sns .sns-fb .ico img { margin: 0; padding: 0; width: 70%; }
#sns .sns-fb .txt img { margin: 0; padding: 1.5% 0 0 0; width: 26%; }

#sns ul.sns_inner p { margin: 0 6%; padding: 0; font-size: 14px; color: #7d7572; line-height: 1.5em; height: auto; }
#sns ul.sns_inner p.line { margin: 0 6% 0 6%; padding: 0; font-size: 14px; color: #7d7572; line-height: 1.5em; height: auto; }
}
}







#modal-movie { margin: 0 auto; width: 1000px; text-align: center; background: #3e3735; }
#modal-movie iframe { padding: 35px 0; width: 840px; height: 480px; }
#modal-movie .link { background: #f1f1ef; }
#modal-movie .link img { margin: 0 auto; padding: 70px; width: 507px; }
#modal-movie .link:hover img { opacity: 0.8; }

@media only screen and (max-width: 768px) {
#modal-movie { margin: 0 auto; width: 100%; text-align: center; background: #3e3735; }
#modal-movie iframe { padding: 5% 0; width: 90%; height: 178px; }
#modal-movie .link { background: #f1f1ef; }
#modal-movie .link img { margin: 0 auto; padding: 40px; width: 75%;}
}








#parking .base		    { overflow: hidden; margin: 0 auto 0 auto; padding: 0 0 15px 0; width: 760px; }
#parking .base-status	{ margin: 0 auto; padding: 15px 0 0 0; width: 940px; border-top: 1px solid #202020; display: -webkit-flex; display: flex; justify-content: center;}

#parking .base-status .status-check { margin: 0 15px; padding: 12px 0 12px 80px; width: 320px; background: #202020; font-size: 15px; color: #fff; line-height: 1.2em; text-align: center; position: relative; }
#parking .base-status .status-check::before,
#parking .base-status .status-check::after{ position: absolute; top: 0; bottom: 0; right: -450px; margin: auto; content: ""; vertical-align: middle; }
#parking .base-status .vect::before{ right: 5%; width: 8px; height: 8px; border-top: 1.5px solid #f6d70d; border-right: 1.5px solid #f6d70d; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#parking .base-status .status-check img { position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); left: 20%; margin: 0; padding: 0; width: auto; height: 35px; }


@media only screen and (max-width: 768px) {

#parking .base		    { overflow: hidden; margin: 0 auto 15px auto; padding: 0; width: 90%; }
#parking .base-status	{ margin: 0 auto; padding: 25px 0 0 0; width: 90%; border-top: 1px solid #202020; display: block;}

#parking .base-status .status-check { margin: 0 auto 25px auto; padding: 12px 0 12px 33%; width: 67%; background: #202020; font-size: 15px; color: #fff; line-height: 1.2em; text-align: left; position: relative; }
#parking .base-status .status-check::before,
#parking .base-status .status-check::after{ position: absolute; top: 0; bottom: 0; right: -450px; margin: auto; content: ""; vertical-align: middle; }
#parking .base-status .vect::before{ right: 5%; width: 8px; height: 8px; border-top: 1.5px solid #f6d70d; border-right: 1.5px solid #f6d70d; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#parking .base-status .status-check img { position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); left: 15%; margin: 0; padding: 0; width: auto; height: 60%; }

}