










/* ----------

BASE CLASS

---------- */

.flex{
  display:flex;
}
.inner{
  margin:0 auto;
  max-width:880px;
  padding:70px;
}
.center{
  text-align:center;
}
.before-empty{
  margin-left:1em;
}
.fa-icon::before{
  font-family:"Font Awesome 5 Free";
}
.sans-serif{
  font-family:'Noto Sans JP',メイリオ,Meiryo,sans-serif;
}
.row{ 
  flex-wrap:wrap;
}
.row-2col >.col{
  width:50%;
}
@media screen and (max-width:767px){
  body{
    font-size:14px;
  }
  .inner{
    padding:20px;
  }
  .row-2col >.col{
    width:100%;
  }
}

#wpadminbar{
  opacity:.4;
}

.container{
  flex-direction:column;
  min-height:100vh;
}
.breadcrumb-ol,
.header-nav-ul,
.filtered-nav-ul,
.footer-nav-ul,
.section-info-ul,
.section-event-ul,
.front-archives{
  list-style:none;
}
.medium-btn-red,
.small-btn-sand,
.breadcrumb-a,
.header-nav a,
.front-filtered-nav-btn,
.filtered-nav-item,
.front-archives-a,
.archives-section-article-a,
.copyright-a{
  text-decoration:none;
}
.medium-btn-red{
  background:#c62a28;
  border-radius:25px;
  color:#fff;
  display:block;
  font-size:18px;
  font-weight:bold;
  margin:30px auto;
  padding:16px 25px;
  text-align:center;
  width:310px;
}
.small-btn-sand{
  border-radius:15px;
  background:#f5eedc;
  color:#583820;
  display:block;
  font-size:14px;
  line-height:2.2;
  margin:40px auto 30px;
  text-align:center;
  width:170px;
}
.bg{
  background:rgba(0,0,0,.5);
  display:none;
  height:100%;
  left:0;
  opacity:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:3;
}
.zoomContainer{
  overflow:hidden;
}
@media screen and (max-width:767px){
  .medium-btn-red{
    border-radius:23px;
    font-size:14px;
    margin:30px auto;
    padding:16px 10px;
    width:auto;
  }
}
@keyframes fade{
  0%{
    display:none;
    opacity:0;
  }
  1%{
    display:block;
    opacity:0;
  }
  100%{
    display:block;
    opacity:1;
  }
}










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

Header

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



/* Site-title */
.site-header{
  border-bottom:solid #efefef 1px;
  width:100%;
}
.site-header-inner{
  align-items:center;
  justify-content:space-between;
  margin:0 auto;
  max-width:960px;
  padding:0 30px;
  position:relative;
  width:100%;
}
.site-title{
  padding:10px 0;
}
.site-title-a{
  display:block;
}
.site-title-img{
  max-height:85px;
  width:auto;
}



/* Site-Nav */
.site-header-nav{
  align-items:center;
}
body:not(.home) .header-nav{
  margin:0 10px 0 0;
}
.header-nav-ul{
  justify-content:flex-end;
}
.header-nav-ul >.menu-item{
  color:#583820;
  margin:0 20px 0 0;
  position:relative;
  text-align:center;
}
.header-nav-ul >.menu-item:last-child{
  margin-right:0;
}
.header-nav-ul >.menu-item:not(:last-child)::after{
  content:'|';
  font-size:18px;
  margin:0 0 0 7px;
  position:absolute;
  top:0;
  z-index:0;
}
.header-nav a{
  color:#583820;
  font-size:11px;
  font-weight:500;
  line-height:2;
  margin:0;
}
.header-nav-input,
.header-nav-hm,
.header-nav-close{
  display:none;
}
@media screen and (max-width:959px){
  .header-nav-ul >.menu-item{
    margin:0 14px 0 0;
  }
  .header-nav-ul >.menu-item:not(:last-child)::after{
    margin:0 0 0 4px;
  }
}
@media screen and (max-width:812px){
  .header-nav-ul >.menu-item{
    margin:0 12px 0 0;
  }
  .header-nav-ul >.menu-item:not(:last-child)::after{
    margin:0 0 0 3px;
  }
  .header-nav-ul >.menu-item:not(:last-child)::after{
    font-size:14px;
  }
}
@media screen and (max-width:959px){
  .site-header-inner{
    justify-content:center;
    padding:0 20px;
  }
  .site-title{
    padding:8px 0 4px;
  }
  .site-title-img{
    max-height:70px;
  }
  .header-nav-hm{
    background:url('../img/hm.png');
    background-size:24px 20px;
    cursor:pointer;
    display:inline-block;
    font-size:26px;
    height:20px;
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    z-index:4;
  }
  .header-nav-input:checked ~.bg{
    animation-duration:.5s;
    animation-name:fade;
    display:block;
    opacity:1;
  }
  .header-nav{
    background:rgba(255,255,255,.95);
    display:block;
    height:100%;
    left:100%;
    padding:80px 20px;
    position:fixed;
    top:0;
    transition:.3s;
    -webkit-overflow-scrolling:touch;
    width:60%;
    z-index:5;
  }
  .header-nav-input:checked ~.header-nav{
    left:40%;
    transition:.3s;
  }
  .header-nav-close{
    background:url('../img/hm_close.png');
    background-size:24px 20px;
    cursor:pointer;
    display:inline-block;
    font-size:26px;
    height:20px;
    position:absolute;
    right:20px;
    top:30px;
    width:24px;
  }
  .header-nav-ul{
    flex-direction:column;
  }
  .header-nav-ul >.menu-item{
    margin:0;
    text-align:left;
  }
  .header-nav-ul >.menu-item:not(:last-child)::after{
    content:'';
  }
  .header-nav a{
    font-size:15px;
  }
}

/* Front Header */
.site-header-front{
  border-bottom:none;
}
.site-header-top{
  min-height:170px;
}
.site-header-top .site-header-inner{
  justify-content:flex-end;
  margin:0 auto;
  max-width:1280px;
  padding:0;
  position:relative;
  width:100%;
}
.site-header-top .site-header-top-left{
  align-items:center;
  background-color:#180200;
  background-image:url(https://sanoramenkai.jp/wp-content/uploads/2025/12/ramen-sosenkyo.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:100% auto;
  flex-direction:column;
  justify-content:center;
  left:0;
  max-width:640px;
  min-height:790px;
  padding:70px 90px 90px;
  position:absolute;
  top:0;
  width:50%;
  z-index:2;
}
.site-header-top .site-title{
  margin:0 0 60px;
}
.site-header-top .site-title-a{
  transform:translateX(-13.5%);
}
.site-header-top .site-title-img{
  max-height:inherit;
  max-width:297px;
  width:100%;
}
.header-read{
  color:#000;
  font-size:30px;
  font-weight:bold;
  line-height:1.8;
  text-shadow:0 3px 1px rgba(255, 255, 255, 1);
}
_:-ms-lang(x)::-ms-backdrop, .header-read{
  font-weight:normal;
}

.site-header-top .site-header-top-right{
  padding:45px 50px 0;
  width:50%;
}
@media screen and (max-width:959px){
  .site-header-top .site-header-top-left{
    padding:70px 30px;
  }
  .site-header-top .site-title-img{
    max-width:270px;
  }
  .header-read{
    font-size:27px;
  }
  .site-header-top .site-header-top-right{
    padding:45px 30px 55px;
  }
}
@media screen and (max-width:812px){
  .site-header-top .site-title-img{
    max-width:220px;
  }
  .header-read{
    font-size:23px;
  }
}
@media screen and (max-width:959px){
  .site-header-top .site-header-top-left{
    justify-content:flex-start;
    max-width:100%;
    min-height:100vh;
    padding:70px;
    position:static;
    width:100%;
  }
  .site-header-top .site-header-top-right{
    height:0;
    padding:0;
    width:0;
    z-index:4;
  }
  .site-header-top .header-nav-hm{
    background:url('../img/hm_w.png');
    background-size:24px 20px;
    height:20px;
    right:20px;
    top:30px;
    transform:translateY(0);
    width:24px;
  }
}
@media screen and (max-width:400px){
  .site-header-top .site-header-top-left{
    padding:60px;
  }
  .site-header-top .site-title{
    margin:0 0 65px;
  }
  .header-read{
    font-size:20px;
  }
}
@media screen and (max-width:350px){
  .site-header-top .site-title{
    margin:0 0 20px;
  }

}

/* =============
Filtered Nav
============= */
.filtered-nav input[type=checkbox]{
  display:none;
}
.filtered-nav li:not(:last-child){
  margin:0 0 15px;
}
.filtered-nav-item{
  background:#fff;
  box-shadow:0 3px 3px rgba(0,0,0,.2);
  color:#583820;
  cursor:pointer;
  display:block;
  font-size:18px;
  line-height:1.2;
  padding:15px 20px;
}
.filtered-nav-item::before{
  background-image:url('../img/nav-icon.png');
  background-size:19px 19px;
  content:'';
  display:inline-block;
  height:19px;
  margin:0 6px 0 0;
  transform:translateY(3px);
  width:19px;
}

/* For Modal */
.filtered-nav-input-sp,
.filtered-nav-touch-icon-sp{
  display:none;
}
.filtered-nav-touch-icon{
  cursor:pointer;
  display:block;
  max-width:80px;
}
.filtered-nav-modal{
  background:#fff;
  border-radius:4px;
  left:50%;
  min-width:600px;
  opacity:0;
  visibility:hidden;
  padding:30px 60px;
  position:fixed;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:8;
}
#filtered-nav-input:checked ~.filtered-nav-modal{
  opacity:1;
  visibility:visible;
}
#filtered-nav-input:checked ~.bg{
  animation-duration:.5s;
  animation-name:fade;
  display:block;
  opacity:1;
}
.filtered-nav-headline{
  color:#583820;
  font-size:20px;
  font-weight:bold;
  margin:0 0 20px;
  text-align:center;
}
.filtered-nav-modal-close{
  margin:50px auto 0;
  text-align:center;
}
.filtered-nav-modal-close label{
  cursor:pointer;
  font-size:18px;
  font-weight:bold;
}

/* For FrontPage */
.front-filtered-nav-wrap{
  background-color:#f5eedc;
  background-image:url('../img/bg.gif');
  background-repeat:repeat;
  min-height:620px;
}
.front-filtered-nav-inner{
  justify-content:flex-end;
  margin:0 auto;
  max-width:1280px;
  width:100%;
}
.front-filtered-nav-wrap-content{
  align-items:flex-end;
  flex:1 0 auto;
  flex-direction:column;
  justify-content:center;
  max-width:1280px;
  min-height:620px;
  padding:10px 50px 10px 50%;
  position:relative;
  width:100%;
}
.front-filtered-nav-btn{
  background:#c62a28;
  border-top-right-radius:6px;
  border-top-left-radius:6px;
  bottom:100%;
  color:#fff;
  display:inline-block;
  font-weight:700;
  padding:10px 30px;
  position:absolute;
  right:50px;
  z-index:0;
}
.front-filtered-nav-search-icon{
  bottom:0;
  position:absolute;
  left:50%;
  max-width:221px;
  transform:translate(-50%, 40px);
  z-index:3;
}
.front-filtered-nav-wrap .filtered-nav >.filtered-nav-headline,
.front-filtered-nav-wrap .filtered-nav >.filtered-nav-modal-close{
  display:none;
}
.front-filtered-nav-wrap .filtered-nav{
  width:100%;
}
.front-filtered-nav-wrap-content >.filtered-nav{
  padding:0 0 0 130px;
}
.front-filtered-nav-wrap-content >.filtered-nav >.filtered-nav-headline +.filtered-nav-ul >li:nth-child(1){
  display:block;
}
@media screen and (min-width:960px){
  .front-filtered-nav-wrap-content >.filtered-nav >.filtered-nav-headline +.filtered-nav-ul >li:nth-child(1){
    display:none;
  }
}

/* For Common */
@media screen and (min-width:960px){
  .common-filtered-nav-pcbg{
    background-color:rgba(198,42,40,.85);
  }
  .site-header-nav-common{
    margin:0 80px 0 0;
  }
  .common-filtered-nav-wrap{
    max-width:960px;
    margin:0 auto;
    position:relative;
    width:100%;
  }
  .common-filtered-nav-wrap .filtered-nav-touch-icon-sp{
    cursor:pointer;
    display:block;
    max-width:70px;
    position:absolute;
    right:30px;
    top:-100px;
  }
  .common-filtered-nav-wrap .filtered-nav >.filtered-nav-headline,
  .common-filtered-nav-wrap .filtered-nav >.filtered-nav-modal-close{
    color:#fff;
  }
  .common-filtered-nav-wrap .filtered-nav{
    background-color:none;
    height:0;
    opacity:0;
    overflow:hidden;
    padding:0 40px;
    position:relative;
    width:100%;
  }
  .common-filtered-nav-wrap #filtered-nav-input-sp:checked ~.filtered-nav{
    height:420px;
    opacity:1;
    padding:40px;
    transition:.3s;
    visibility:visible;
  }
  .common-filtered-nav-wrap .filtered-nav-ul{
    flex-wrap:wrap;
  }
  .common-filtered-nav-wrap .filtered-nav-ul li{
    margin:0 1% 20px;
    width:48%;
  }
  .common-filtered-nav-wrap .filtered-nav-ul.flex >li:nth-child(1){
    width:100%;
  }
}


@media screen and (max-width:959px){
  .front-filtered-nav-wrap-content >.filtered-nav{
    padding:0 0 60px 110px;
  }
}
@media screen and (max-width:959px){
  .common-filtered-nav-wrap,
  .front-filtered-nav-wrap{
    background:none;
    background-color:#c62a28;
    bottom:0;
    left:0;
    min-height:40px;
    position:fixed;
    width:100%;
    z-index:5;
  }
  .filtered-nav-touch-icon-sp{
    bottom:10px;
    display:block;
    left:50%;
    max-width:110px;
    position:fixed;
    transform:translateX(-50%);
  }
  .filtered-nav,
  .common-filtered-nav-wrap .filtered-nav{
    background-color:rgba(198,42,40,.85);
    display:flex;
    flex-direction:column;
    height:110%;
    justify-content:center;
    left:0;
    right:0;
    opacity:0;
    padding:10px;
    position:fixed;
    top:110%;
    transition:.5s;
    -webkit-overflow-scrolling:touch;
    visibility:visible;
    width:100%;
    z-index:6;
  }
  #filtered-nav-input-sp:checked ~.filtered-nav{
    opacity:1;
    top:-5%;
    transition:.5s;
  }
  /* Front */
  .front-filtered-nav-wrap-content{
    min-height:0;
    padding:0;
  }
  .front-filtered-nav-btn,
  .front-filtered-nav-search-icon,
  .filtered-nav-touch-icon{
    display:none;
  }
  .front-filtered-nav-wrap .filtered-nav >.filtered-nav-headline,
  .front-filtered-nav-wrap .filtered-nav >.filtered-nav-modal-close,
  .common-filtered-nav-wrap .filtered-nav >.filtered-nav-headline,
  .common-filtered-nav-wrap .filtered-nav >.filtered-nav-modal-close{
    color:#fff;
    display:block;
  }
  .front-filtered-nav-wrap-content >.filtered-nav{
    padding:0 10px;
  }
  .common-filtered-nav-wrap .filtered-nav-ul{
    display:block;
  }
}



/* Modal */
.filtered-nav-item-modal-wrap{
  background:#efefef;
  border-radius:4px;
  left:50%;
  max-width:1000px;
  min-height:200px;
  opacity:0;
  padding:50px;
  position:fixed;
  top:50%;
  transform:translate(-50%, -50%);
  visibility:hidden;
  width:92%;
  z-index:16;
}
.filtered-nav-item-sml{
  display:block;
  font-family:sans-serif;
  font-size:11px;
  line-height:1;
  margin:6px 0 0 32px;
}
.filtered-nav-item-modal-wrap .filtered-nav-headline{
  font-size:24px;
  margin:0 0 40px;
}
#filtered-input-area:checked ~.filtered-nav-item-modal-wrap,
#filtered-input-seats:checked ~.filtered-nav-item-modal-wrap{
  opacity:1;
  visibility:visible;
}
#filtered-input-area:checked ~.bg,
#filtered-input-seats:checked ~.bg{
  animation-duration:.3s;
  animation-name:fade;
  display:block;
  opacity:1;
}
.filtered-nav-ul-2{
  width:100%;
  position:relative;
}
.filtered-nav-ul-2 .filtered-nav-item::before{
  transform:translateY(12px);
}
.filtered-nav-seats-3col{
  justify-content:center;
}
.filtered-nav-seats-3col a{
  border:solid 1px #c62a28;
  border-radius:4px;
  color:#c62a28;
  display:block;
  font-size:20px;
  font-weight:bold;
  margin:0 16px;
  padding:26px;
  text-align:center;
  text-decoration:none;
  transition:.3s;
}
.filtered-nav-seats-3col a:hover{
  background:#c62a28;
  color:#fff;
  transition:.3s;
}
@media screen and (min-width:960px){
  .filtered-nav-ul-2 li{
    width:50%;
  }
  .filtered-nav-ul-2::after{
    background-image:url('../img/areamap0.png');
    background-size:contain;
    content:'';
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:57%;
    width:340px;
    height:360px;
    z-index:99;
  }
  .filtered-nav-mapimg{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:57%;
    width:340px;
    height:360px;
    visibility:hidden;
    z-index:100;
  }
  .filtered-nav-ul-2 .filtered-nav-item:hover .filtered-nav-mapimg{
    visibility:visible;
  }
}
@media screen and (max-width:959px){
  .filtered-nav-item-modal-wrap{
    border-radius:0;
    height:100vh;
    padding:65px 30px;
    width:100%;
  }
  .filtered-nav-item{
    padding:12px 20px;
  }
  .filtered-nav-ul-2{
    padding:0;
    width:100%;
  }
  .right-img,
  .filtered-nav-mapimg{
    display:none;
  }
  .filtered-nav-ul-2 .filtered-nav-item{
    padding:10px 20px;
  }
  .filtered-nav-seats-3col{
    display:block;
  }
  .filtered-nav-seats-3col a{
    margin:24px 0;
  }
}
@media screen and (max-width:350px){
  .filtered-nav-item{
    font-size:15px;
  }
  .filtered-nav-item-modal-wrap{
    padding:40px 16px;
  }
  .filtered-nav-item-modal-wrap .filtered-nav-headline{
    font-size:20px;
    margin:0 0 30px;
  }
  .filtered-nav-modal-close{
    margin:20px auto 0;
  }
  .filtered-nav-item-sml{
    display:none;
  }
  .filtered-nav-seats-3col a{
    font-size:16px;
  }
}










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

Footer

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

.site-footer{
  background:#583820;
  color:#fff;
  font-weight:normal;
  margin:auto 0 0;
  text-align:center;
}
.footer-nav-ul,
.footer-address-dl{
  align-items:center;
  justify-content:center;
}
.footer-nav{
  background:#c62a28;
  width:100%;
}
.footer-nav-inner{
  padding:0;
  position:relative;
}
.footer-nav-headline{
  bottom:105%;
  display:inline-block;
  left:10px;
  position:absolute;
  z-index:0;
}
.footer-nav-headline-img{
  width:100%;
}

.footer-nav-ul{
  flex-wrap:wrap;
  line-height:1.5;
  padding:20px 0 22px;
}
.footer-nav-ul >a:not(:nth-child(3)):not(:nth-child(8))::after,
.footer-nav-ul >span:not(:nth-child(3)):not(:nth-child(8))::after{
  content:'　｜　';
}

.footer-nav-ul >a{
  color:#fff;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
}
.footer-nav-ul >span{
  font-size:14px;
  font-weight:500;
}
.footer-nav-ul >span input{
  display:none;
}
.footer-nav-ul >span label{
  cursor:pointer;
}
.footer-nav-ul .filtered-nav-item-modal-wrap{
  line-height:1.5;
}
.footer-nav-ul .filtered-nav-ul-2{
  text-align:left;
}
.footer-nav-ul .filtered-nav-ul-2 li:not(:last-child){
  margin:0 0 15px;
}
.footer-nav-ul >span .filtered-nav-modal-close label{
  color:#333;
}

#filtered-input-footer-area:checked ~.filtered-nav-item-modal-wrap,
#filtered-input-footer-seats:checked ~.filtered-nav-item-modal-wrap{
  opacity:1;
  visibility:visible;
}
#filtered-input-footer-area:checked ~.bg,
#filtered-input-footer-seats:checked ~.bg{
  animation-duration:.3s;
  animation-name:fade;
  display:block;
  opacity:1;
}







.footer-address{
  font-size:12px;
  font-style:normal;
  line-height:2;
  padding:40px 0 28px;
}
.footer-address-item{
  margin:0 8px;
}
.footer-address-name::before{
  content:'＜'
}
.footer-address-name::after{
  content:'＞';
}
.copyright{
  font-size:11px;
  padding:0 0 40px;
}
.copyright-a{
  color:#fff;
}
.pagetop{
  background:#c62a28;
  border-radius:50%;
  bottom:36px;
  box-shadow:0 2px 2px rgba(32,32,32,.2);
  cursor:pointer;
  height:52px;
  position:fixed;
  right:36px;
  text-align:center;
  width:52px;
  z-index:3;
}
.pagetop >span{
  background-image:url('../img/top-arrow.png');
  background-size:52px 52px;
  display:inline-block;
  height:52px;
  width:52px;
}
@media screen and (max-width:959px){
  .footer-nav{
    display:none;
  }
  .copyright{
    padding:0 0 160px;
  }
  .pagetop{
    bottom:50px;
    height:46px;
    right:20px;
    width:46px;
  }
  .pagetop >span{
    background-size:46px 46px;
    height:46px;
    width:46px;
  }
}
@media screen and (max-width:599px){
  .footer-nav-headline{
    bottom:102%;
  }
  .footer-nav-ul{
    flex-wrap:wrap;
    padding:0 0 20px;
  }
  .footer-nav-ul >.menu-item{
    margin:20px 0 0;
    padding:0;
  }
  .footer-nav-ul >.menu-item:not(:last-child)::after{
    content:'';
  }
  .footer-address{
    padding:20px 0 10px;
  }
  .footer-address-dl{
    flex-direction:column;
  }
}










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

Contents

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

.site-contents{
  flex:1 0 auto;
  min-height:0%;
  padding:0 0 60px;
}
.home .site-contents{
  padding:60px 0;
}



/* Front Page */
.front-main{
  justify-content:center;
  flex-wrap:wrap;
}
.about-front-section,
.maps-front-section{
  width:100%;
}
.front-section-inner{
  margin:0 auto;
  max-width:880px;
  width:100%;
}
.front-section-headline{
  color:#583820;
  font-size:32px;
  font-weight:normal;
  text-align:center;
}

/* News Event */
.news-front-section{
  flex-direction:column;
  justify-content:space-between;
  margin:0 0 30px;
  max-width:520px;
  padding:50px 30px 0;
}
.news-front-section .front-section-headline{
  margin:0 0 45px;
}
.news-front-section .front-section-headline img{
  max-height:94px;
}
.front-archives-article{
  flex-direction:column-reverse;
  margin:0 0 35px;
}
.front-archives-h3{
  font-size:18px;
  font-weight:normal;
  line-height:1.5;
}
.front-archives-a{
  color:#333;
}
.front-archives-time{
  font-size:13px;
  margin:0 0 9px 0;
}
.front-archives-btn{
  margin:auto 0 0;
}
@media screen and (max-width:959px){
  .news-front-section{
    border-right:none;
    margin:0;
    padding:50px 0;
    width:100%;
  }
}
@media screen and (max-width:599px){
  .front-section-headline{
    font-size:20px;
  }
  .front-section-headline img{
    max-width:85%;
  }
  .news-front-section{
    padding:40px;
  }
  .front-archives-h3{
    font-size:16px;
  }
  .front-archives-time{
    font-size:12px;
  }
}

/* About */
.about-front-section{
  background-color:#f5eedc;
  background-image:url('../img/bg.gif');
  background-repeat:repeat;
  padding:60px 0;
}
.about-front-section .front-section-headline{
  line-height:1.5;
  margin:0 0 24px;
}
.about-front-section .front-section-headline-subtext{
  display:block;
  font-size:16px;
}
.about-front-content{
  background:#fff;
  box-shadow:0 3px 6px rgba(0,0,0,.2);
  padding:60px;
}
.about-front-content-p{
  line-height:2;
}
.about-front-content-p strong{
  font-weight:normal;
}
.about-front-content-p em{
  font-style:normal;
}
.about-front-content .row{
  margin:0 -28px;
}
.about-front-content .col{
  padding:0 28px;
}

/* Maps */
.maps-front-section{
  padding:40px 0;
}
.maps-front-section .front-section-headline{
  margin:0 0 24px;
}
.maps-front-content{
  padding:0 70px;
}
.maps-front-content-p{
  line-height:2;
  margin:0 0 2em;
}
.maps-front-pc{
  display:none;
}
.maps-front-maps-front-sp{
  display:block;
}
@media screen and (max-width:959px){
  .about-front-content{
    background:#fff;
    box-shadow:0 3px 6px rgba(0,0,0,.2);
    margin:0 30px;
    padding:45px;
  }
  .maps-front-content{
    padding:0 30px;
  }
}
@media screen and (max-width:959px){
  .about-front-content .row{
    margin:0 -20px;
  }
  .about-front-content .col{
    padding:0 20px;
  }
}
@media screen and (max-width:599px){
  .about-front-content{
    margin:0 20px;
    padding:20px;
  }
  .maps-front-content{
    padding:0 20px;
  }
  .about-front-content .row{
    margin:0;
  }
  .about-front-content .col{
    margin:0 0 20px;
    padding:0;
  }
  .about-front-content .col:last-child{
    margin:0;
  }
  .about-front-section .front-section-headline-subtext{
    font-size:14px;
  }
}
@media screen and (max-width:959px){
  .maps-front-pc{
    display:block;
  }
  .maps-front-sp{
    display:none;
  }
}



/* Page */
.single-content-page{
  line-height:1.8;
  margin:0 auto;
  max-width:620px;
  padding:60px 30px;
}
.single-content-page ul{
  margin:0 0 2em 24px;
}



/* Single */
.single-content{
  font-size:16px;
  line-height:1.8;
  margin:0 auto;
  max-width:960px;
  padding:30px;
  width:100%;
}
.single-content p{
  margin:0 0 2em;
}
.single-content ul{
  margin:0 0 0 24px;
}
.contents-table{
  word-break:break-all;
  width:100%;
}
.contents-table th,
.contents-table td{
  border-bottom:solid 1px #efefef;
  border-top:solid 1px #efefef;
  font-size:15px;
  padding:14px;
  text-align:center;
  width:50%;
}
.contents-table th{
  background:rgba(198,42,40,.05);
  color:#583820;
  white-space:nowrap;
}

/* Single Header */
.single-header{
  margin:0 0 30px;
  text-align:center;
}
.single-headline{
  color:#583820;
  font-size:30px;
  margin:0 0 14px;
}
.single-header .post-categories{
  list-style:none;
  margin:0 0 24px;
}
.single-header .post-categories a{
  background:#c62a28;
  border-radius:8px;
  color:#fff;
  display:inline-block;
  padding:3px 16px;
  text-decoration:none;
}
.single-header .single-tag-list{
  flex-wrap:wrap;
  justify-content:center;
  list-style:none;
  margin:0;
}
.single-tag-list a{
  border:solid 1px #c62a28;
  border-radius:4px;
  color:#c62a28;
  display:block;
  font-size:14px;
  margin:0 4px 20px;
  padding:4px 10px;
  text-decoration:none;
  transition:.3s;
}
.single-tag-list a:hover,
.single-tag-list a:active{
  background:#c62a28;
  color:#fff;
  transition:.3s;
}
.single-header .single-main-image{
  border:solid 1px #f4f4f4;
  margin:0 0 8px;
  overflow:hidden;
}
.single-header .single-main-image img{
  transform:scale(1.2);
}
.single-header figcaption{
  color:#583820;
  font-size:18px;
  margin:0 0 25px;
  white-space:nowrap;
}
.single-header .single-sub-image{
  border:none;
}
.single-sub-image >div{
  margin:0 0 8px;
}
.single-sub-image-col1,
.single-sub-image-col2{
  flex-wrap:wrap;
  justify-content:center;
}
.single-sub-image-col1 >div{
  width:100%;
}
.single-sub-image-col2 >div{
  width:50%;
}
.single-sub-image-col2 >div:nth-child(odd){
  padding:0 10px 0 0;
}
.single-sub-image-col2 >div:nth-child(even){
  padding:0 0 0 10px;
}
.single-sub-image-col2 figcaption{
  flex:1 0 100%;
}

/* Single Contents */
.single-section{
  margin:120px 0;
  padding:0 100px;
}
.single-section h2{
  font-size:26px;
  margin:0 0 30px;
  text-align:center;
}
.single-section dt,
.single-section h3{
  color:#583820;
}
.sidemenu-pr + h3,
.contents-table + h3{margin:20px 0 0;}
/* S1 */
.single-section-1{
  background-color:#f5eedc;
  background-image:url('../img/bg.gif');
  border-radius:10px;
  padding:60px 100px;
}
.single-section-1 p,
.single-section-1-dl dd{
  border-bottom:dotted 1px rgba(88,56,32,.3);
  margin:0 0 36px;
  padding:0 0 36px;
}
.single-section-1-dl div:last-child dd{
  border-bottom:none;
}
.single-section-1-dl dt{
  color:#583820;
  font-size:19px;
  font-weight:bold;
  margin:0 0 6px;
}
/* S2 */
.single-section-2{
  flex-direction:column;
}
.single-section-2 >.sidemenu-pr{
  margin:0 0 60px;
  order:1;
}
.single-section-2 .sidemenu-pr h3{
  color:#333;
  font-size:26px;
  margin:0 0 30px;
  text-align:center;
}
.single-section-2 .sidemenu-pr p{margin:0;}
.single-section-2 >h2{
  order:2;
}
.single-section-2 >table{
  order:3;
}
.single-section-2 >h3{
  order:4;
}
.single-section-2 >p{
  order:5;
}
/* S3 */
.single-section-3 .single-setmenu{
  align-items:center;
  flex-direction:column;
}
.single-section-3 .single-setmenu ul{
  margin-bottom:24px;
}
/* S5 */
.single-section-5 .contents-table th,
.single-section-5 .contents-table td{
  width:auto;
}
.single-section-5 .contents-table td{
  text-align:left;
}
.single-section-5-td-tel a{display:none;}
.single-shopinfo{margin:40px 0;}
.gmaps{margin:30px 0 0;}
.gmaps >iframe{
  min-height:360px;
  width:100%!important;
}

/* Single Footer */
.topfixed-info{
  background:#fff;
  height:auto;
  left:0;
  opacity:0;
  position:fixed;
  top:0;
  transform:translateY(-70px);
  transition:.3s;
  visibility:visible;
  width:100%;
}
.topfixed-info.single-header-fixed{
  background:#f4f4f4;
  box-shadow:0 2px 4px rgba(0, 0, 0, .1);
  opacity:1;
  transform:translateY(0);
  transition:.3s;
}
.topfixed-info-ul{
  align-items:center;
  justify-content:space-between;
  line-height:1.5;
  list-style:none;
  margin:0 auto;
  max-width:960px;
  padding:16px 30px;
}
.topfixed-info-name{
  border-left:solid 4px #c62a28;
  font-size:20px;
  margin:0 auto 0 0;
  padding:0 0 0 6px;
  white-space:nowrap;
}
.topfixed-info-link a{
  border:solid 1px #c62a28;
  border-radius:4px;
  color:#c62a28;
  display:block;
  font-size:14px;
  margin:0 4px;
  padding:2px 6px;
  text-decoration:none;
  transition:.3s;
  white-space:nowrap;
}
.topfixed-info-link a:hover{
  background:#c62a28;
  color:#fff;
  transition:.3s;
}
@media screen and (max-width:812px){
  .topfixed-info-link:not(:first-of-type){
    display:none;
  }
}
@media screen and (max-width:959px){
  .single-tag-list a{
    font-size:11px;
    padding:2px 6px;
  }
  .single-header figcaption{
    font-size:14px;
    padding:0 20px;
  }
  .single-content{
    font-size:14px;
    padding:30px 0 0;
  }
  .contents-table th,
  .contents-table td{
    font-size:13px;
  }
  .single-headline,
  .single-shopinfo{
    padding:0 16px;
  }
  .single-headline{
    font-size:24px;
  }
  .single-section{
    margin:0;
  }
  .single-section p,
  .single-section figure,
  .single-section h2,
  .single-section h3{
    padding:0 20px;
  }
  .single-section h2{
    font-size:20px;
  }
  .single-section,
  .single-section-1{
    padding:40px 0;
  }
  .single-section-1{
    border-radius:0;
    padding:30px 20px;
  }
  .single-section-1 p,
  .single-section-1 dd{
    margin:0 0 18px;
    padding:0 0 18px;
  }
  .single-section-1-dl dt{
    font-size:17px;
  }
  .single-section-2 .sidemenu-pr h3{
    font-size:18px;
  }
  .single-section-5 .contents-table th,
  .single-section-5 .contents-table td{
    border-bottom:none;
    border-top:solid 1px #efefef;
    display:block;
    padding:.8em 1.2em;
    text-align:left;
    width:100%;
  }
  .single-section-5 .contents-table tr:last-of-type td{
    border-bottom:solid 1px #efefef;
  }
  .single-section-5-td-tel a{
    background:#c62a28;
    border-radius:6px;
    color:#fff;
    display:inline-block;
    font-size:11px;
    letter-spacing:.1em;
    line-height:1;
    margin:0 0 0 15px;
    padding:7px 12px 6px;
    text-decoration:none;
  }
  .single-section-5 .single-shopinfo p{
    padding:0;
  }
  .topfixed-info-ul{
    padding:14px 20px;
  }
}
@media screen and (max-width:599px){
  .topfixed-info-name{
    border-left:solid 3px #c62a28;
    font-size:18px;
  }
}





/* 新フォーマット */

.format2020-article-wrap{margin:0 0 120px;}
.format2020-article-wrap p{
  font-size:16px;
  line-height:1.8;
}
.single-content .format2020-article-copy{
  color:#c62a28;
  font-size:40px;
  justify-content:center;
  margin:3em 0 1.8em;
}
.single-content .format2020-article-copy strong{
  font-weight:400;
  letter-spacing:.3em;
  line-height:2.4;
  -ms-writing-mode     : tb-rl;
  -webkit-writing-mode : vertical-rl;
  writing-mode         : vertical-rl;
  word-break:keep-all;
}
.format2020-article-main{
  margin:0 0 120px;
  padding:0 100px;
}
.format2020-article-main p{margin:0 0 1.5em;}
.format2020-article-main ul{
  list-style:none;
  margin:48px -12px 0;
}
.format2020-article-main li{padding:0 12px;}
.format2020-article-side{
  background:#fcf5f5;
  margin:0 0 120px;
  padding:100px;
}
.format2020-article-main .format2020-article-main-attention{
  border:double 5px #e93649;
  color:#e93649;
  padding:28px 30px 30px;
  font-size:14px;
  margin:60px 0 0;
}
.format2020-article-main img{width:100%;}
.format2020-article-side h2{
  font-size:24px;
  margin:0 0 30px;
  text-align:center;
}
.format2020-article-side-bar{
  display:inline-block;
  margin:0 1em;
}
.format2020-article-side p{margin:0;}
.format2020-article-side b{
  color:#c62a28;
  display:block;
  font-size:24px;
  font-weight:400;
  margin:48px 0 36px;
  text-align:center;
}
.format2020-article-dl{
  justify-content:center;
  padding:0 30px;
}
.format2020-article-dl dt{
  font-size:26px;
  font-weight:bold;
  margin:0 0 36px;
  text-align:center;
}
.format2020-article-dl dd,
.single-shopinfo p,
.single-section-5 td{font-family:'Noto Sans JP', メイリオ, Meiryo, sans-serif;}

@media screen and (max-width:959px){
  .format2020-article-wrap{margin:0 0 40px;}
  .format2020-article-wrap p{font-size:14px;}
  .single-content .format2020-article-copy{
    font-size:24px;
    margin:3em 0 1.8em;
  }
  .format2020-article-main{
    margin:0 0 40px;
    padding:0 20px;
  }
  .format2020-article-main ul{margin:0 -6px;}
  .format2020-article-main li{padding:0 6px;}
  .format2020-article-main .format2020-article-main-attention{
    padding:20px 24px 24px;
    font-size:12px;
    margin:40px 0 80px;
  }
  .format2020-article-side{
    margin:0;
    padding:40px 20px;
  }
  .format2020-article-side h2{font-size:20px;}
  .format2020-article-side-bar{display:none;}
  .format2020-article-side-sp{display:block;}
  .format2020-article-side b{
    font-size:16px;
    letter-spacing:0;
    margin:36px 0 24px;
  }
  .format2020-article-dl{margin:40px 0 0;}
  .format2020-article-dl dt{
    font-size:20px;
    margin:0 0 20px;
  }
}



/* Archives */
.archives-section{
  line-height:1.8;
  padding:60px 0;
  width:100%;
}
.archives-section-headline{
  color:#583820;
  font-size:32px;
  font-weight:normal;
  margin:0 0 40px;
  text-align:center;
}
.archives-section-subtext{
  font-size:13px;
  margin:0 auto 30px;
  max-width:430px;
  text-align:center;
}
.archives-sort-link{
  margin:0 auto 50px;
  max-width:1280px;
  padding:0 50px;
  text-align:center;
}
.archives-sort-link-fixed{
  background:#f4f4f4;
  box-shadow: 0 2px 4px rgba(0,0,0,.1);
  justify-content:center;
  left:0;
  margin:0;
  max-width:100%;
  opacity:0;
  padding:20px 0 10px;
  position:fixed;
  top:0;
  transform:translateY(-68px);
  transition:.5s;
  visibility:hidden;
  width:100%;
  z-index:4;
}
.archives-sort-link-fixed.archive-header-fixed{
  opacity:1;
  transform:translateY(0);
  visibility:visible;
}
.archives-sort-link-fixed a,
.archives-sort-link a{
  border:solid 1px #583820;
  border-radius:12.5px;
  color:#583820;
  display:inline-block;
  font-size:13px;
  margin:0 10px 10px 0;
  padding:0 10px;
  text-decoration:none;
}

.archives-s{
  margin:-30px 0 0;
  padding:140px 0 0;
}
.archives-s:first-of-type{
  padding:70px 0 0;
}
.archive-text-sort-headline{
  margin:0 auto 50px;
  max-width:1280px;
  padding:0 50px;
}
.archive-text-sort-headline h2{
  background:rgba(198,42,40,.05);
  border-radius: 5px;
  color:#583820;
  font-size:20px;
  font-weight:400;
  padding:6px 16px;
}
.archives-section-content{
  align-items:flex-start;
  flex-wrap:wrap;
  list-style:none;
  margin:0 auto;
  max-width:1280px;
  padding:0 50px;
}
.archives-section-content li{
  padding:0 25px;
  margin:0 0 50px;
  width:25%;
}
.archives-section-article{
  flex-direction:column-reverse;
}
.archives-section-article-title{
  font-size:16px;
  margin:10px 0 0;
  text-align:center;
}
.archives-section-article-a{
  color:#333;
}
.archives-section-article-img-a{
  border:solid 1px #f4f4f4;
  border-radius:50%;
  display:inline-block;
  overflow:hidden;
  position:relative;
  z-index:1;
}
.archives-section-article-img-a img{
  height:100%;
  transition:.3s;
  vertical-align:middle;
  width:100%;
}
.archives-section-article-title:hover ~.archives-section-article-img-a img,
.archives-section-article-img-a:hover img{
  transform:scale(1.2);
  transition:.3s;
}

@media screen and (max-width:959px){
  .archives-section{
    padding:40px 30px;
  }
  .archives-sort-link{
    padding:0;
  }
  .archives-sort-link-fixed{
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    padding:20px 10px 10px;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
  }
  .archives-sort-link-fixed a{
    border-radius:11.5px;
    font-size:12px;
    margin:0 15px 10px 0;
  }
  .archive-text-sort-headline{
    padding:0;
  }
  .archives-section-content{
    margin:0 -15px;
    padding:0;
  }
  .archives-section-content li{
    padding:0 15px;
    margin:0 0 30px;
  }
}
@media screen and (max-width:959px){
  .archives-section{
    padding:40px 20px;
  }
  .archives-section-headline{
    font-size:26px;
    margin:0 0 30px;
  }
  .archives-s,
  .archives-s:first-of-type{
    margin:0;
    padding:50px 0 0;
  }
  .archive-text-sort-headline{
    margin:0 auto 40px;
  }
  .archives-section-content li{
    margin:0 0 40px;
    width:33.3333%;
  }
}
@media screen and (max-width:599px){
  .archives-section-content li{
    width:50%;
  }
  .archives-section-article-title{
    font-size:14px;
  }
}



/* Single news */
.single-content.single-content-news{
  max-width:620px;
  padding:60px 30px;
}
.single-header.single-news-header{
  border-bottom:solid 1px #efefef;
  flex-direction:column-reverse;
  margin:0 0 50px;
  text-align:left;
}
.single-news-header .single-headline{
  font-size:21px;
}
.single-news-header .single-tags{
  margin:0 0 10px;
}
.single-content-news .single-footer{
  margin:80px 0 40px;
}
.single-news-btn{
  text-align:center;
}
.single-news-btn a{
  background:#c62a28;
  border-radius:8px;
  color:#fff;
  display:inline-block;
  padding:3px 16px;
  text-decoration:none;
}
.news-archive-h2{
  background:rgba(198,42,40,.05);
  border-radius:5px;
  color:#583820;
  font-size:20px;
  font-weight:400;
  margin:0 0 40px;
  padding:6px 16px;
}
.news-archive-sec{margin:0 0 50px;}
.news-archive-sec:last-of-type{margin:0;}
.news-archive-sec .news-archive-ul{margin:0;}
.news-archive-ul li{
  border-bottom:1px dotted #583820;
  list-style:none;
  padding:0 0 30px;
  margin:0 0 30px;
}
.news-archive-ul li:last-child{
  border-bottom:none;
  margin:0;
}
.news-archive-btn{
  border:solid 1px #583820;
  border-radius:12px;
  color:#583820;
  display:inline-block;
  font-size:12px;
  line-height:1;
  margin:0 0 0 20px;
  padding:5px 0;
  text-align:center;
  text-decoration:none;
  width:110px;
}
@media screen and (max-width:959px){
  .single-content.single-content-news{
    padding:30px 20px;
  }
  .single-content.single-content-news .single-headline{
    font-size:16px;
    padding:0;
  }
  .news-archive-h2{margin:0 0 30px;}
  .news-archive-sec{margin:0 0 30px;}
  .news-archive-ul li{
   padding:0 0 20px;
   margin:0 0 20px;
  }
  .news-archive-btn{margin:0 0 0 10px;}
}



/* Taxonomy */
.tax-archives{
  max-width:620px;
  width:100%;
}
.tax-ul{
  list-style:none;
}
.tax-ul li:not(:last-child){
  border-bottom:solid 1px #efefef;
  margin:0 0 25px;
  padding:0 0 24px;
}
.tax-ul time{
  font-size:14px;
}
.tax-ul a{
  color:#333;
  font-size:18px;
  letter-spacing:.09em;
  text-decoration:none;
}
.tax-ul a:hover{
  text-decoration:underline;
}
@media screen and (max-width:959px){
  .tax-ul time{
    font-size:13px;
  }
  .tax-ul a{
    font-size:15px;
    letter-spacing:auto;
  }
}



/*

関連店舗

*/

.relate-posts{
  padding:0 0 40px;
}
.relate-posts-headline{
  color:#c62a28;
  font-size:24px;
  font-weight:400;
  line-height:1;
  margin:0 0 40px;
  text-align:center;
}
.relate-posts-wrap{
  margin:0 -40px;
}
.relate-posts-inner{
  padding:0 40px;
  width:50%;
}
.relate-posts-article{
  flex-direction:column;
}
.relate-posts-article .relate-posts-img{
  border:solid 1px #f4f4f4;
  order:1;
}
.relate-posts-article .relate-posts-img a{
  display:block;
}
.relate-posts-article .relate-posts-title{
  font-weight:400;
  margin:20px 0 10px;
  order:2;
  text-align:center;
}
.relate-posts-article .relate-posts-title a{
  color:#583520;
  font-size:20px;
  text-decoration:none;
}
.relate-posts-article .post-categories{
  list-style:none;
  margin:0;
  order:3;
  text-align:center;
}
.relate-posts-article .post-categories a{
  background:#c62a28;
  border-radius:8px;
  color:#fff;
  display:inline-block;
  font-size:13px;
  padding:2px 12px;
  text-decoration:none;
}
@media screen and (max-width:959px){
  .relate-posts{
    margin:0 auto;
    max-width:560px;
    padding:40px 20px;
  }
  .relate-posts-headline{
    color:#c62a28;
    font-size:20px;
    font-weight:400;
    line-height:1;
    margin:0 0 32px;
    text-align:center;
  }
  .relate-posts-wrap{
    display:block;
    margin:0;
  }
  .relate-posts-inner{
    padding:0;
    width:100%;
  }
  .relate-posts-inner-l{
    margin:0 0 60px;
  }
  .relate-posts-article .relate-posts-title a{
    font-size:16px;
  }
}





/* ----------

Multi Lang

---------- */

.lang-changer{
  align-items:center;
  justify-content:flex-end;
  padding:12px 0 0;
}
.lang-changer a{
  border:solid 2px #c62a28;
  border-radius:4px;
  display:block;
  color:#c62a28;
  font-size:12px;
  font-weight:700;
  line-height:1;
  margin:0 0 0 6px;
  min-width:40px;
  padding:3px 6px 4px;
  text-align:center;
  text-decoration:none;
}
.lang-changer a:hover{
  background-color:rgba(198,42,40,.05);
}
.lang-en .lang-changer a[data-stt-changelang=en]{
  background-color:#c62a28;
  color:#fff;
}
.lang-ja .lang-changer a[data-stt-changelang=ja]{
  background-color:#c62a28;
  color:#fff;
}
.stt-lang-select{
  opacity:0!important;
  visibility:hidden!important;
  z-index:-1!important;
}
@media screen and (max-width:959px){
  .lang-changer{
    justify-content:flex-start;
    padding:24px 0 0;
  }
  .lang-changer a{
    font-size:14px;
    margin:0 6px 0 0;
  }
}




.lang-en .single-header figcaption{
  white-space:wrap;
}
.lang-en .single-content .format2020-article-copy{
  font-size:36px;
  margin:3em auto 1.8em;
  max-width:520px;
  width:75%;
}
.lang-en .single-content .format2020-article-copy strong{
  letter-spacing:.175em;
  line-height:1.75;
  -ms-writing-mode     :initial;
  -webkit-writing-mode :initial;
  writing-mode         :initial;
  word-break :initial;
}
.lang-en .archives-sort-link{
  margin:0 auto 10px;
}
.lang-en .header-read{
  font-size:24px;
}
@media screen and (max-width: 812px){
  .lang-en .header-read {
    font-size:20px;
  }
}
@media screen and (max-width: 400px){
  .lang-en .header-read {
    font-size:18px;
  }
}
@media screen and (min-width: 960px){
  .lang-en .filtered-nav-ul-2::after{
    background-image:url('../en/img/areamap0.png');
  }
}