@charset "UTF-8";

dl{margin:0px;}
dd{margin:0px;}
small{background:none;display:inline;}


#billboard{height:528px;display:flex;align-items:center;justify-content:center;flex}
#billboard{ background-position:center center;background-repeat:no-repeat;background-size:cover;}
#billboard .title_wrap{padding:2rem;background:rgba(0,0,0,0.7);box-sizing:border-box;}
#billboard .title_wrap h1{font-size:2.5rem;color:#FFF;text-align:center;color:rgba(203,173,108,1);}
#billboard .title_wrap p{color:#FFF;text-align:center;}


nav#shop_list{background:#FFF;text-align:center;padding:5rem 0px;}
nav#shop_list ul li{padding:0px;list-style: none;}
nav#shop_list ul li a{color:#000;display:block;padding:0px 20px;}

#content_wap{background:#FFF;}
#content_wap section{}
#content_wap section.gry{background:rgba(229,229,229,1);}
#content_wap section h1{padding:3rem 0px 2rem;text-align:center;font-size: 1.875rem;}

#content_wap section > .row{width:96%;max-width:1200px;margin-left:auto;margin-right:auto;}
.row div > img{display:block;width:100%;height:auto;object-fit: cover;filter: drop-shadow(2px 2px 8px rgba(0,0,0,.2));}


#content_wap section > .row dl{display:flex;border-top:1px solid #000;border-bottom:1px solid #000;padding:0.6rem 0px;align-items:center;justify-content:space-between;}

#content_wap section > .row dl+dl{border-top:0px;}

dt small.br{
  display: block;
}

.mb1{margin-bottom:0.5rem;}
.mb2{margin-bottom:1rem;}
.mb3{margin-bottom:3rem;}
.mb4{margin-bottom:4rem;}
.mb6{margin-bottom:6rem;}


footer #footer_sns{padding: 3rem 0px;text-align: center;    background: rgba(255,255,255,0.2);}
footer #footer_sns ul{display:inline-block;margin:0px auto;}
footer #footer_sns ul li{display:inline-block;}
footer #footer_sns ul li a{width:36px;height:36px;display:block;}
footer #footer_sns ul li a img{width:100%;height:100%;}
footer #footer_sns ul li+li{margin-left:2rem;}

footer #footer_sns ul li a:hover img{filter: brightness(82%) drop-shadow(0px 0px 5px #000);transition: all 0.4s}


footer #footer_app{padding:0rem 0px 4rem;}
footer #footer_app > .row{width:90%;max-width:980px;margin:0px auto;}
footer #footer_app > .row > div{flex-grow:1;max-width:800px;}
footer #footer_app > .row > div h1{margin-bottom:40px;font-family: heisei-kaku-gothic-std, sans-serif;font-weight: 900;font-style: normal;padding-left:5.4rem;background:url(../images/app_icon.png) left center no-repeat;background-size:5rem;color:#CBAD6C;text-align:left;line-height:1.4;}
footer #footer_app > .row > div h1 em{font-style: normal;font-size:1.3em;display:block;}
footer #footer_app > .row > div p{color:#FFF;text-align:left;}
footer #footer_app > .row > div .app_btn{}
footer #footer_app > .row > div .app_btn a{display:block;}
footer #footer_app > .row > div .app_btn a+a{margin-top:10px;}
footer #footer_app > .row > div .app_btn a img{width:auto;max-width:100%;height:auto;display:block;}


footer small{
  text-align: center;
  width: 100%;
  height: 54px;
  line-height: 54px;
  display: block;
  background: #fff;
  letter-spacing: 1px;
  font-size: .75reem;
}

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








}





@media screen and (min-width:769px){


nav#shop_list ul{display:flex;margin:0px auto;align-items:center;justify-content:center;padding:0px;}
nav#shop_list ul li+li{border-left:1px solid #000;}




#content_wap section .row.col2,
#content_wap section .row.col3,
#content_wap section .row.col37,
#content_wap section .row.col64,
#content_wap section .row.col46{display:flex;justify-content:space-between;}
#content_wap section .row.rev{flex-direction:row-reverse;}


#content_wap section .row.col37 > div:nth-child(even){flex-basis:66%;max-width:66%;}
#content_wap section .row.col37 > div:nth-child(odd){flex-basis:30%;max-width:30%;}
#content_wap section .row.col46 > div:nth-child(even){flex-basis:55%;max-width:55%;}
#content_wap section .row.col46 > div:nth-child(odd){flex-basis:38%;max-width:38%;}
#content_wap section .row.col64 > div:nth-child(even){flex-basis:30%;max-width:30%;}
#content_wap section .row.col64 > div:nth-child(odd){flex-basis:66%;max-width:66%;}
#content_wap section .row.col2 > div{flex-basis:48%;max-width:48%;}
#content_wap section .row.col3 > div{flex-basis:30%;max-width:30%;}

#content_wap section .row .od1{order:1;}
#content_wap section .row .od2{order:2;}
#content_wap section .row .od3{order:3;}
#content_wap section .row .od4{order:4;}
#content_wap section .row .od5{order:5;}



footer #footer_app > .row{box-sizing:border-box;display:flex;justify-content:center;align-items:flex-end;position:relative;}
footer #footer_app > .row:after{top: -4rem;margin-bottom: -4rem;margin-left:4rem;flex-shrink: 0;content:'';position:relative;width:178px;height:365px;background:url(../images/app_ip.png) center center no-repeat;display:block;}

footer #footer_app > .row .row.col73{display:flex;}
footer #footer_app > .row .row.col73 > *:nth-child(odd){flex-basis:68%;max-width:68%;}
footer #footer_app > .row .row.col73 > *:nth-child(even){flex-basis:25%;max-width:25%;}

}



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

#billboard{height:45vh;margin:0px;align-items:flex-end;}
#billboard .title_wrap{width:100%;padding:1rem;}
nav#shop_list{padding:0px;}
nav#shop_list ul{border-top:1px solid #000;padding:0px;}
nav#shop_list ul li{border-bottom:1px solid #000;}
nav#shop_list ul li a{padding:10px 0px;}

footer #footer_app{padding:2rem 0px;}
footer #footer_app > .row > div .app_btn{text-align:center;display:flex;justify-content:space-between;align-items:center;}
footer #footer_app > .row > div .app_btn a{max-width:48%;flex-basis:48%;}

}