@charset "UTF-8";

/*- the_content --------  */
/* 自由入力用 */
.main_bace{width:100%;}
.the_content.bace_page{padding:0 4% 100px 4%;}
/*.the_content.bace_page{padding:100px 4%;}*/
.the_content img{
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.the_content > section{margin-bottom:120px;
}
.the_content > section:last-of-type{margin-bottom:0;}


.the_content .justify{}

@media only screen and (min-width:813px) {
main{/*padding-top:60px;*/}
}


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


#page-shops > section > section{margin-bottom: 76px; padding:0 4%;}
#page-shops .shopsBox{}
#page-shops .shopsBox h2{display: flex; align-items:  center; font-size: 3.0rem; color: #000; margin-bottom: 40px;}
#page-shops .shopsBox h2 img{width:80px; height: 80px; display: block;margin-right: 10px; }
#page-shops .shopsBox h3{font-size: 2.2rem; color: #000;padding-bottom: 10px; border-bottom: 1px solid #E5E5E5; margin-bottom:24px;}
#page-shops .shopsBox .shiplist{}

#page-shops .shopsBox .shiplist:not(:last-of-type){margin-bottom:40px;}

#page-shops .shopsBox .shiplist dt{font-weight: 700;}
#page-shops .shopsBox .shiplist dt a{color: #E45E2B;}
#page-shops .shopsBox .shiplist dt a:hover{text-decoration: underline;}

#page-shops .shopsBox .shiplist dt a::after{
    display: inline-block;
    margin-left: 10px;
    content: "";
    width: 12px;
    height: 12px;
    background: url(../img/common/ico-group.png) no-repeat center center;
    background-size: 12px;
    
}

#page-shops .shopsBox .shiplist dd{font-size: 1.4rem; color: rgba(0, 0, 0, 0.6);text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */}
#page-shops .shopsBox .shiplist dd a{color: rgba(0, 0, 0, 0.6);}
#page-shops .shopsBox .shiplist dl{margin-bottom:24px;}
@media only screen and (min-width:813px) {
    #page-shops .shopsBox .shiplist{display: flex; flex-wrap: wrap;}
    #page-shops .shopsBox .shiplist dl{width:46.2%;}
    #page-shops .shopsBox .shiplist dl:not(:nth-of-type(2n)){margin-right:7.4%;}
}
@media only screen and (max-width:812px){
    #page-shops .shopsBox h2{font-size: 2.2rem;}
    #page-shops .shopsBox h3{font-size: 2.0rem;}
    #page-shops .shopsBox .shiplist dt{font-size: 1.4rem;}
    #page-shops .shopsBox .shiplist dd{font-size: 1.2rem;}
    
}


#page-lineup{padding:0 4% 100px;}
#page-lineup .lineup-menu{margin-bottom: 60px;}
#page-lineup .lineup-menu a{color: #000; text-decoration: underline;}
#page-lineup .lineup-menu a:hover{text-decoration: none;}

#page-lineup .lineupBox section{}
#page-lineup .lineupBox section img{width:100%; height: auto;}
#page-lineup .lineupBox section h2{text-align: center; font-size: 1.2rem; font-weight:500; margin-bottom: 24px;}
#page-lineup .lineupBox section h2 span{
color: #000000;
display: block;
font-family: 'League Gothic';
font-style: normal;
font-weight: 400;
font-size: 3.0rem;
line-height: 1;
margin-bottom: 5px;
}
#page-lineup .lineupBox section figure{margin-bottom: 24px;}

#page-lineup .lineupBox section dl{font-size: 1.4rem; color: #000; display: flex;flex-wrap: wrap; border-bottom:1px solid #E5E5E5;
margin-bottom: 24px;}
#page-lineup .lineupBox section dt{width:98px; padding-right: 2px; border-top:1px solid #E5E5E5;padding:10px 0;}
#page-lineup .lineupBox section dd{width: calc(100% - 100px); border-top:1px solid #E5E5E5;padding:10px 0;text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */}
#page-lineup .lineupBox section > p:first-of-type{/*margin-bottom:24px;*/ line-height: 200%;text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */}

@media only screen and (min-width:813px) {
#page-lineup .lineup-menu{display: flex; flex-wrap: wrap;}
#page-lineup .lineup-menu li:not(:last-of-type){margin-right:40px;}
    #page-lineup .lineupBox{display: flex; flex-wrap: wrap; }
    #page-lineup .lineupBox section{width:46.3%;}
    #page-lineup .lineupBox section:not(:nth-of-type(2n)){margin-right:7.4%;}
/*    #page-lineup .lineupBox section:nth-of-type(-n+2){margin-bottom:7.4%;}*/
    #page-lineup .lineupBox section{margin-bottom:7.4%;}
    
    #page-lineup .lineupBox section img{max-width: 500px;}


}
@media only screen and (max-width:812px){
    #page-lineup .lineup-menu{margin-bottom:40px;}
    #page-lineup .lineup-menu li{width:100%;}
    #page-lineup .lineup-menu li:not(:last-of-type){margin-bottom: 5px;}
    #page-lineup .lineupBox section:not(:last-of-type){margin-bottom: 40px;}
}


#aboutmainvisual{}

#aboutmainvisual > div p{
font-family: 'League Gothic';
font-style: normal;
font-weight: 400;
font-size: 15.0rem;
line-height: 120%;
text-align: center;
letter-spacing: 0.05em;
color: #fff;
text-transform: uppercase;
}
#aboutmainvisual h1{
color: #fff;
font-size: 2.0rem;
line-height: 200%;
letter-spacing: 0.05em;
 text-align: center;}

#aboutimg{padding: 100px 4% 50px;}
#aboutimg .imgBox img{width:100%; height: auto;}


#page-about #aboutimg h2{text-align: center; margin-bottom: 35px;}
#page-about #aboutimg h2 img{width:100%; max-width:400px;}
#page-about #aboutimg .titText{text-align: center; font-size: 2.6rem; color: #000; margin-bottom: 40px;}
#page-about #aboutimg .titText strong{border-bottom:2px solid #000000;padding-bottom: 5px;}
#page-about #aboutimg .textBox{ text-align: center; margin-bottom:100px; }


@media only screen and (min-width:813px){
#aboutmainvisual{background: url(../img/about/main-pc.jpg) no-repeat center center;
background-size: cover; height: 100vh; display: flex; flex-flow: column; justify-content: center; align-items: center;}
/*#aboutimg .imgBox{display: flex; justify-content: center;width:100%; margin:0 auto;max-width: 1080px;}
#aboutimg .imgBox > div{width:66.67%;}
#aboutimg .imgBox > div figure:first-of-type{max-width: 720px; margin-bottom: 160px;}
#aboutimg .imgBox > div figure:nth-of-type(2){max-width: 320px; margin:0 auto;}
#aboutimg .imgBox > figure{width:29.63%; margin-left: 3.7%; padding-top: 43%;}
#aboutimg .imgBox > figure img{max-width: 320px;}*/
    
.topimgList {
 padding:50px 4%
}
    
    
#aboutimg .imgBox figure {
 position:relative
}
#aboutimg .imgBox figure img {
 position:relative
}
#aboutimg .imgBox figure figcaption {
 background:rgba(0,0,0,.2);
 color:#fff;
 font-size:1.4rem;
 padding:10px;
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
    text-align:center}

 #aboutimg .imgBox {
  display:flex;
  flex-wrap:wrap;
    width: 100%;
     margin: 0 auto;
     max-width: 1080px;
 }
 #aboutimg .imgBox figure {
  width:49%
 }
 #aboutimg .imgBox figure img {
  width:100%;
  max-width:530px;
  height:auto
 }
 #aboutimg .imgBox figure {
  margin-bottom:2%
 }
 #aboutimg .imgBox figure:nth-of-type(2) {
  overflow:hidden;
  margin-left:2%
 }
 #aboutimg .imgBox figure:nth-of-type(3) {
  overflow:hidden;
 }
 #aboutimg .imgBox figure:nth-of-type(4) {
  overflow:hidden;
  margin-left:2%
 }
    
 #aboutimg .imgBox figure:nth-of-type(5) {
  overflow:hidden;
     width: 100%;
 }
    
    #aboutimg .imgBox figure:nth-of-type(5) img{
        max-width: 1080px;
    }
 #aboutimg .imgBox figure:nth-of-type(6) {
  overflow:hidden;
 }
 #aboutimg .imgBox figure:nth-of-type(7) {
  overflow:hidden;
  margin-left:2%
 }
}
@media only screen and (max-width:812px) {
#page-about #aboutimg .textBox{text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */margin-bottom:100px; }
 #aboutimg .imgBox figure img {
  width:100%;
  height:auto
 }
 #aboutimg .imgBox figure {
  margin-bottom:20px
 }
 #aboutimg .imgBox figure:nth-of-type(1) {
  overflow:hidden
 }
 #aboutimg .imgBox figure:nth-of-type(4) {
  overflow:hidden
 }
 #aboutimg .imgBox figure figcaption {
  text-align:left;
  text-align:justify;
  text-justify:inter-ideograph;
  text-justify:inter-character
 }

#aboutmainvisual{background: url(../img/about/main-sp.jpg) no-repeat center center;
background-size: cover; height:100lvh; display: flex; flex-flow: column; justify-content: center; align-items: center;}
#aboutmainvisual > div p{font-size: 11rem;}
    
/*#aboutimg .imgBox > div figure:nth-of-type(2){  
max-width: 50vw;
margin-left: 6vw;
margin-top: 6vw;
margin-bottom: 6vw;
}

#aboutimg .imgBox > figure{
margin-right: 6vw;
width: 56vw;
margin-left: auto;
}*/
}

#page-about #about{padding: 50px 4% 100px;}
#page-about #staff{}
#page-about #staff .etit{
    font-family: 'League Gothic';
font-weight: 400;
font-size: 5.6rem;
line-height: 67px;
text-align: center;
letter-spacing: 0.05em;
}
#page-about #staff h3{text-align: center; margin-bottom: 24px;}
#page-about #staff figure{width: 240px;
height: 320px;
background: #D9D9D9;
border-radius: 500px;
overflow: hidden;
margin:0 auto; margin-bottom: 24px;}
#page-about #staff figure img{width:100%; height: auto;}


#page-about #staff h4{text-align: center; color: #111;
font-size: 2.4rem; line-height: 1.6; margin-bottom: 24px;}
#page-about #staff h4 span{display: block; font-size: 1.2rem; font-weight: 500; color: rgba(0, 0, 0, 0.6);}
#page-about #staff p:not(.etit){text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */
font-size: 1.4rem;
line-height: 200%;
}
@media only screen and (min-width:813px){
    #page-about #staff{display: flex; justify-content: space-between;}
    #page-about #staff > div{flex-basis: 460px;}
    #page-about #staff > div:first-of-type{margin-right: 10%;}
    
}
@media only screen and (max-width:812px){
    #page-about #staff > div:not(:last-of-type){margin-bottom: 40px;}
}
#page-about #history{padding:100px 4% 0; background-color: #F7F7F7;}
#page-about #history h2{text-align: center;
margin-bottom: 40px;}
#page-about #history h2 span{font-family: 'League Gothic';
font-weight: 400;
font-size: 5.6rem;
line-height: 120%;
display: block;
color: #000;
}

#page-about #history .historyBox{margin-bottom:100px;}
#page-about .history-slider img{width:100%; height: auto;}
#page-about .img-about{width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
margin-bottom: 100px;}
#page-about .img-about img{width:100%; height: auto;}


.history-slider .slick-dots li button:before {
 color:#DDDDDD !important;
 opacity:1 !important;
 font-size:8px
}
.history-slider .slick-dots li.slick-active button:before {
 color:#FDB500 !important
}
.history-slider .slick-dots li {
 margin:0 3px
}
.history-slider .slick-dots {
 bottom:-30px
}
.accessBox {
 padding:26px 30px;
 background-color:#fff;
 -moz-border-radius:20px;
 -webkit-border-radius:20px;
 -ms-border-radius:20px;
 border-radius:20px
}

#page-about #history .historyBox > div:nth-of-type(2){
    text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */
}

@media only screen and (min-width:813px){
    #page-about #history .historyBox{display: flex; justify-content: space-between;}
    .history-slider{width:50%;}
    #page-about #history .historyBox > div:nth-of-type(2){width: 46.3%;}
    
    
}
@media only screen and (max-width:812px){
    .history-slider{margin-bottom: 24px;}
}


#page-privacy{}
#page-privacy h3{margin-bottom:3px; margin-top: 16px; font-size: 1.8rem; color: #000;}
#page-privacy h2{margin-bottom:24px; margin-top: 40px;
border-bottom: 1px solid #E5E5E5; padding-bottom: 12px;font-size: 2.6rem; color: #000;}

#page-privacy p{margin-bottom:24px;}

/* 20231018 LINEUP受賞追加 */
#page-lineup .lineupBox section span.textAward{display: block; font-weight: 700!important; line-height: 1.6em; margin-bottom: 10px;}