@charset "UTF-8";
/* CSS Information ===========
File name:style.css
Description: Tanoshima Special Vol.28 Sugurimun
Date: 2019.03
Contents: *this page only
=============================== */
/* public ====================*/



/* FlexBox */
.flex{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.flex-wrap{-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flex-horizon--end{-webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end;}
.flex-horizon--ctr{-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;}
.flex-horizon--between{-webkit-justify-content:space-between; -ms-flex-pack:space-between; justify-content:space-between;}
.flex-vertical--end{-webkit-align-items:flex-end; -ms-align-items:flex-end; align-items:flex-end;}
.flex-vertical--ctr{-webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.flex-direction--reverse{-ms-flex-direction:row-reverse; -webkit-flex-direction:row-reverse; flex-direction:row-reverse;}
/* Plan Header =====================*/
/*.shop__body{width:100%; background:url("../img/ami.png") repeat 0 0; background-size:auto;}*/
.shop__wrap{width:100%; position:relative; padding-bottom:40px;overflow:hidden;}
.shop__line{background:url("../img/line.jpg") repeat-x 0 0; background-size:60px auto; width:100%; height:10px;}
.svg--bg{position:absolute; width:4300px;  top:0; left:0; z-index:-1;}
.grn{right:0%;left:auto;}
.shop__bg{width:100%; height:100%; max-width:1280px; margin:0 auto 0; padding:0 20px;}
.shop__discription{width:100%; padding:60px 0 0; text-align:center; color:#381d0e; margin-bottom:40px;}
.shop__name{font-size:2.5rem; line-height:1.2em;}
.shop__name span{display:inline-block; padding:0 5px;}
.shop__name span.thin{display:block; padding:0 5px; font-size:80%;}
.shop__subname{font-size:1.25rem; margin-top:10px;}
.shop__subname span{display:inline-block;}
.shop__special{width:100%; margin:0 auto; max-width:1024px;}
/* Plan Info */
.shop__info{width:100%; background:#fff; padding:40px 40px 0; border-radius:20px;border:solid 2px #ccc;}
.shop__info:last-child{padding-bottom:40px;}
.shop__info__symbol{margin:0 auto 20px; display:block; width:100%;}

.symbol--c{max-width:300px;}/*C*/
.symbol--e{max-width:370px;}/*E*/
.symbol--a{max-width:280px;}/*A*/
.symbol--f{max-width:250px;}/*F*/
.symbol--d{max-width:300px;}/*D*/
.symbol--b{max-width:330px;}/*B*/
.symbol--g{max-width:370px;}/*E*/

.shop__info__data{width:100%; display:table; border-bottom:solid 1px #ccc;}
.shop__info__data:nth-of-type(1){border-top:solid 1px #ccc;}
.shop__info__data dt{display:table-cell; border-right:solid 1px #ccc; width:200px; padding:10px; background:#f7f7f7; text-align:center;}
.shop__info__data dd{display:table-cell; padding:10px;}
.shop__info__note{margin-top:40px;}
.shop__info__note span{display:inline-block;}
.shop__info__note strong{color:#099;}
.gmap__wrap{width:100%; position:relative; height:auto; max-width:1024px; margin:0 auto;}
.gmap__wrap:before{display:block; content:""; padding-top:40%;}
.gmap__wrap iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:0;}
.location__sub{width:100%; margin-top:20px;}
.location__sub li{width:32.66666666%; float:left;}
.location__sub li:nth-of-type(1){margin-right:0.5%;}
.location__sub li:nth-of-type(2){margin-left:0.5%; margin-right:0.5%;}
.location__sub li:nth-of-type(3){margin-left:0.5%;}
.vlocation__sub__photo{position:relative; width:100%; height:auto; border-radius:15px;}
.vlocation__sub__photo:before{display:block; content:""; padding-top:65%;}
.vlocation__sub__photo img{position:absolute; top:0; left:0; width:100%; height:100%;}
.jump__btn{width:100%; margin-top:25px; text-align:center;}
.jump__btn a{text-decoration:none; display:inline-block; padding:12px 20px 10px; border:solid 1px #4f9b68; color:#4f9b68; border-radius:40px;}
.jump__btn a:hover{background:#4f9b68; border-color:#4f9b68; color:#fff;}
/* Carousel =====================*/
.view__wrap,.location__wrap {display: none;}
.view__wrap.initialized,.location__wrap.initialized {display: block;}
.slick-list{padding-bottom:20px;}
.view__crs.slick-dotted.slick-slider{margin-bottom:50px;}
.view__crs{width:100%; max-width:1024px; margin:0 auto 0;}
.view__tile{margin:0;}
.view__tile a{display:block; width:100%;}
.location__wrap .view__tile a{padding:4px;}
.view__photo{position:relative; height:auto; width:100%;}
.view__photo img{width:100%;}
.location__wrap .view__photo{border-radius:20px;}
.location__wrap .view__photo:before{display:block; content:""; padding-top:65%;}
.location__wrap .view__photo img{position:absolute; top:0; left:0; width:100%; height:100%;}
.slick-prev,.slick-next{z-index:2;}
.slick-prev{left:0px; top:45%;}
.slick-prev:before{content:"\f053"; font-family:"FontAwesome"; background:rgba(255,0,0,.85); color:#fff; width:35px; height:35px; line-height:35px; display:block; border-radius:50%; font-size:13px;}
.slick-next{right:15px; top:45%;}
.slick-next:before{content:"\f054"; font-family:"FontAwesome"; background:rgba(255,0,0,.85); color:#fff; width:35px; height:35px; line-height:35px; display:block; border-radius:50%; font-size:13px;}
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.slick-dots li.slick-active button:before{color:#ed6d46;}
.slick-dots li button:before{font-size:1rem;}
.slick-dots li{margin:0 5px;}
/* Anchor =====================*/
.shop__nav{max-width:740px; /*max-width:640px;*/ margin:0 auto 0;}/*ADD20191114*/
.shop__nav li{width:25%; /*max-width: 185px;*/ position:relative; margin-bottom:20px;padding: 0 1rem;}/*ADD20191114*/
.shop__nav li a{display:block; width:100%; padding:10px;}
.shop__nav__icon{display:block; position:relative; width:100%; height:auto;}
.shop__nav__icon:before{content:""; display:block; padding-top:100%;}
.shop__nav__icon img{position:absolute; top:0; left:0; width:100%; height:100%;}
.shop__nav li p{position:absolute; bottom:-20px; left:0; z-index:2; width:100%; text-align:center; line-height:1.2em;}
.shop__nav li p em{background:rgba(255,255,255,.8); display:block; width:96%; padding:4px 0; font-size:0.6875rem; font-style:normal; margin:0 auto; border:solid 1px #ccc; border-radius:4px;}
.shop__nav li p em span{display:inline-block; padding:0 2px;}
.icon--radius{border-radius:50%;}
/* Visual =====================*/
.visual{width:100%;}
.visual__inner{width:100%; max-width:1400px; margin:0 auto; padding-bottom:60px; position:relative;}
.visual__hikari{    width: 100%;
  background-image: url('../img/titlebg02.png');
  background-repeat: no-repeat;
  background-position: bottom center;}
.visual__title{width:73.14285714%; margin:10px auto 0;}/*1024*/
.visual__lead{width:66.42857142%; margin:0 auto 20px;}/*930*/
/* Caution =====================*/
.caution{width:100%; background:#fff100;}
.caution__inner{width:100%; max-width:1024px; margin:0 auto; padding:40px 0;}
.caution__inner h3{font-size:1.25rem; margin-bottom:20px;}
/* Responsive =====================*/
@media (max-width:1450px){
  /*Contents*/
  .visual__inner{padding:0 20px 60px; max-width:100%;}
  }
@media (max-width:1024px){
  /*Contents*/
  .shop__bg{padding:0 30px;}
  .caution__inner{padding:20px;}
  .caution__inner h3{margin-bottom:10px;}
  .shop__name{font-size:1.875rem;}
  .shop__subname{font-size:1rem;}
  .shop__nav{width:100%;}
  .shop__discription{padding-top:40px; margin-bottom:40px;}
  .visual__inner{padding-bottom:40px;}
  .visual__title{width:96%;}
  .visual__lead{width:90.8203125%; margin-bottom:20px;}
  .hvr-float-shadow:before{display:none;}
  }
@media (max-width:880px){
  /*Contents*/
  .shop__name{font-size:1.625rem;}
  }
@media (max-width:768px){
  .visual__title{width:100%;}
  .shop__nav li{width:33.33333333%;}
  }
@media (max-width:700px){
  /*Contents*/
  .shop__info__data,.shop__info__data dt,.shop__info__data dd{display:block; width:100%;}
  .shop__info__data dt{border-right:0; text-align:left;}
  .caution__inner h3{font-size:1rem;}
  }
@media (max-width:640px){
  .shop__nav li{width:50%;}
  }
@media (max-width:550px){
  /*Contents*/
  .shop__info{padding:40px 20px 0;}
  .shop__info__note{margin-top:20px;}
  .gmap__wrap:before{padding-top:55%;}
  .shop__subname{width:100%; padding:10px;}
  .view__tile,.view__photo{border-radius:20px;}
  .shop__nav{width:100%;}
  .visual__lead{margin-bottom:0;}
  .location__sub li{width:100%; float:none;}
  .location__sub li:nth-of-type(1){margin-right:0; margin-bottom:10px;}
  .location__sub li:nth-of-type(2){margin-left:0; margin-right:0; margin-bottom:10px;}
  .location__sub li:nth-of-type(3){margin-left:0;}
  }
@media (max-width:450px){
  /*Contents*/
  .shop__bg{padding:0 15px;}
  .view__crs.slick-dotted.slick-slider{margin-bottom:40px;}
  .shop__discription{padding-top:25px; margin-bottom:25px;}
  .shop__nav li{width:50%; margin-bottom:15px;}
  .shop__nav li p em{font-size:0.625rem;}
  .symbol--a{max-width:280px;}/*A*/
  .symbol--b{max-width:220px;}/*B*/
  .symbol--c{max-width:220px;}/*C*/
  .symbol--d{max-width:260px;}/*D*/
  .symbol--e{max-width:220px;}/*E*/
  }
@media (max-width:360px){
  .shop__discription{margin-bottom:5px;}
  .shop__name{font-size:1.5rem;}
  .gmap__wrap:before{padding-top:70%;}
  .shop__info{padding:20px 10px 0;}
  }
  
  

.shop__nav li p em {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    background: rgba(255,255,255,1);
    padding: 4px;
    font-style: normal;
    margin: 0 auto;
    border: solid 1px #e4e4e4;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    height: 3rem;
}
.shop__nav li p em span {
    display: block;
    padding: 0 2px;
}

footer {
  background: #3e5804;
}

.visual {
  background-image: url('../img/titlebg.jpg');
  background-repeat: no-repeat;
  background-position: top center;
}