@charset "utf-8";

/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: hiragino-kaku-gothic-pron, sans-serif; 
font-size:20px;
font-size-adjust: 100%;
text-size-adjust: 100%;
text-align:left;
color:#333;
min-width:1120px;
}
@media screen and (max-width:767px){
html,body{ font-size:4vw; min-width:240px; max-width:767px;}
}

/*img*/
img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
figure{margin:0 auto; text-align:center;}

/*txt*/
p{ line-height:1.5em; margin:0 0 1em; padding:0;}
p:last-child{ margin:0;}
strong{ font-weight:bold;}
.bold { font-weight:bold;}
.normal{ font-weight:normal;}
.under_line{ text-decoration:underline;}
.line_through{ text-decoration:line-through;}

.gothic{ font-family: hiragino-kaku-gothic-pron, sans-serif; }
.mincho{ font-family: "hiragino-mincho-pron", sans-serif;}
.white{ color:#fff;}
.black{ color:#333;}

.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}

/*link*/
a{ color:inherit; text-decoration:none;}
a:hover{}
.opa{ transition: opacity 0.3s;}
.opa:hover{ opacity: 0.7;}



/*メイン*/
#content{ overflow:hidden;}
section{ width:100%; margin:0 auto;}
.maincontent{ padding:0; margin:0 auto; width:1100px;}
@media screen and (max-width:767px){
.maincontent{ padding:0; margin:0 auto; width:90%;}
}

/*tit*/
h1,h2,h3,h4,h5,h6{ line-height: 1.25em;}



/*fv*/
.lp_260221 #lp_fv{ background: url("../images/fv_bg.jpg") repeat-x center top; position: relative; z-index: 1;}
.lp_260221 #lp_fv:after{ content: ""; width: 100%; height: 100%; background: url("../images/fv_bg2.png") center center no-repeat; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: -1;}
.lp_260221 #lp_fv h1{ text-align: center;}
@media screen and (max-width:767px){
.lp_260221 #lp_fv{ background: none;}
.lp_260221 #lp_fv:after{ display: none;}
}



/*product_lead*/
.lp_260221 .product_lead{ background: url("../images/lead_bg.jpg") center top repeat-x; padding: 30px 0;}
.lp_260221 .product_lead figure.logo{ margin-bottom: 20px;}
.lp_260221 .product_lead p{ text-align: center; font-size: 1.3rem; font-weight: 600;}
@media screen and (max-width:767px){
.lp_260221 .product_lead{ background-size: 150%; padding: 5% 0;}
.lp_260221 .product_lead figure.logo{ width: 40%; margin-bottom: 3.75%;}
.lp_260221 .product_lead p{ font-size: 0.9rem;}
}

/*product*/
.lp_260221 .product{ background: url("../images/product_bg.jpg") center top repeat-x; padding: 50px 0 100px;}
.lp_260221 .product.product2{ background: url("../images/product2_bg.jpg") center top repeat-x;}
.lp_260221 .product ul{ display: flex; align-items: flex-start; justify-content: space-between;}
.lp_260221 .product ul li{ width: 526px;}
.lp_260221 .product ul li dl dt{ margin-bottom: 45px; position: relative;}
.lp_260221 .product ul li dl dt .info{ width: 570px; position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%);}
.lp_260221 .product ul li dl dd figure a{ display: flex; align-items: center; justify-content: center; background: #ec0206; color: #fff; font-size: 1.6rem; padding: 0.5em 1.5em 0.5em 0.5em; font-weight: 600; border-radius: 2em; position: relative;}
.lp_260221 .product ul li dl dd figure a span{ width: 36px; line-height: 0; position: absolute; right: 1.5em; top: 50%; transform: translateY(-50%);}
@media screen and (max-width:767px){
.lp_260221 .product{ background-size: 150%; padding: 7.5% 0 15%;}
.lp_260221 .product.product2{ background-size: 150%;}
.lp_260221 .product ul{ display: block;}
.lp_260221 .product ul li{ width: 100%; margin-bottom: 7.5%;}
.lp_260221 .product ul li:last-child{ margin-bottom: 0;}
.lp_260221 .product ul li dl dt{ padding: 0 1.875vw; margin-bottom: 7.5vw;}
.lp_260221 .product ul li dl dt .info{ width: 100%; bottom: -5vw;}
.lp_260221 .product ul li dl dd figure{ padding: 0 1.875vw;}
.lp_260221 .product ul li dl dd figure a{ font-size: 1.2rem;}
.lp_260221 .product ul li dl dd figure a span{ width: 3.75vw;}
}



/*tokuten*/
.lp_260221 .tokuten{ background: url("../images/tokuten_bg.jpg") center top repeat-x; padding: 20px 0 100px;}
.lp_260221 .tokuten h2{ text-align: center; margin-bottom: 10px;}
.lp_260221 .tokuten .tokuten_detail{ margin-bottom: 50px;}
.lp_260221 .tokuten .tokuten_detail dl{ display: flex; align-items: center;}
.lp_260221 .tokuten .tokuten_detail dl dt{ width: 300px; text-align: center;}
.lp_260221 .tokuten .tokuten_detail dl dd{ flex: 1;}
@media screen and (max-width:767px){
.lp_260221 .tokuten{ background-size: 150%; padding: 3.75% 0 15%;}
.lp_260221 .tokuten h2{ margin-bottom: 2.5%;}
.lp_260221 .tokuten h2 img{ width: 75%;}
.lp_260221 .tokuten .tokuten_detail{ margin-bottom: 7.5%;}
.lp_260221 .tokuten .tokuten_detail dl{ display: block;}
.lp_260221 .tokuten .tokuten_detail dl dt{ width: 100%; margin-bottom: 2.5%;}
.lp_260221 .tokuten .tokuten_detail dl dt img{ width: 75%;}
}

/*店舗検索*/
.lp_260221 .tokuten .store_search h4{ text-align: center; font-size: 1.8rem; color: #996600;}
@media screen and (max-width:767px){
.lp_260221 .tokuten .store_search h4{ font-size: 1.33rem;}
}



/*tokuten2*/
.lp_260221 #tokuten2{ background: url("../images/tokuten2_bg.jpg") center top repeat-x; padding: 50px 0 90px;}
.lp_260221 #tokuten2 h2{ text-align: center; margin-bottom: 20px;}
.lp_260221 #tokuten2 .maincontent{ position: relative;}
.lp_260221 #tokuten2 figure.img{ position: absolute; right: 0; top: 170px;}
.lp_260221 #tokuten2 p{ margin-bottom: 75px;}
@media screen and (max-width:767px){
.lp_260221 #tokuten2{ background-size: 150%; padding: 7.5% 0 15%;}
.lp_260221 #tokuten2 h2{ margin-bottom: 5%;}
.lp_260221 #tokuten2 h2 img{ width: 75%;}
.lp_260221 #tokuten2 figure.img{ position: static; margin-bottom: 7.5%;}
.lp_260221 #tokuten2 figure.img img{ width: 80%;}
.lp_260221 #tokuten2 p{ margin-bottom: 7.5%;}
}



/*store*/
.lp_260221 #store{ background: url("../images/store_bg.jpg") center top repeat-x; padding: 50px 0 100px;}
.lp_260221 #store h2{ text-align: center; margin-bottom: 40px;}

.lp_260221 #store ul li{ margin-bottom: 60px; display: flex; align-items: center; justify-content: space-between;}
.lp_260221 #store ul li:last-child{ margin-bottom: 0;}
.lp_260221 #store ul li figure{ width: 162px; margin: 0;}
.lp_260221 #store ul li p{ width: 869px;}
@media screen and (max-width:767px){
.lp_260221 #store{ background-size: 150%; padding: 7.5% 0 15%;}
.lp_260221 #store h2{ margin-bottom: 7.5%;}
.lp_260221 #store h2 img{ height: 7.5vw;}

.lp_260221 #store ul li{ margin-bottom: 10%; display: block;}
.lp_260221 #store ul li figure{ text-align: center; width: 25%; margin: 0 auto 3.75%;}
.lp_260221 #store ul li p{ width: 100%;}
}



/*colabo*/
.lp_260221 #colabo{ background: url("../images/colabo_bg.jpg") center top repeat-x; padding: 50px 0 100px;}
.lp_260221 #colabo h2{ text-align: center; margin-bottom: 40px;}
.lp_260221 #colabo p.lead{ font-size: 0.95rem; line-height: 1.75em; font-weight: 600; text-align: justify;}

.lp_260221 #colabo .colabo_main{ margin: 40px auto;}
.lp_260221 #colabo .colabo_main dl{ display: flex; justify-content: space-between;}
.lp_260221 #colabo .colabo_main dl dt{ width: 440px;}
.lp_260221 #colabo .colabo_main dl dt figure img{ border-radius: 20px;}
.lp_260221 #colabo .colabo_main dl dd{ width: 630px;}
.lp_260221 #colabo .colabo_main dl dd p{ font-size: 0.9rem; line-height: 1.75em; font-weight: 600;}
.lp_260221 #colabo .colabo_main dl dd p a{ color: #0066cc; text-decoration: underline;}
.lp_260221 #colabo .colabo_main dl dd p a:hover{ text-decoration: none;}

.lp_260221 #colabo .list{ margin-top: 50px; display: flex; gap: 0 40px}
.lp_260221 #colabo .list dl{ /*margin-top: 50px;*/ width: calc(50% - 20px); display: flex; align-items: center; justify-content: space-between;}
/*
.lp_260221 #colabo .list dl dt{ width: 356px;}
.lp_260221 #colabo .list dl dt img{ border-radius: 20px;}
*/
.lp_260221 #colabo .list dl dd{ /*width: 716px;*/ width: 100%;}
.lp_260221 #colabo .list dl dd h4{ font-size: 1.2rem; border-bottom: 1px solid #000; padding-bottom: 0.5em; margin-bottom: 0.5em;}
.lp_260221 #colabo .list dl dd p{ font-size: 1rem; font-weight: 600;}
@media screen and (max-width:767px){
.lp_260221 #colabo{ background-size: 150%; padding: 7.5% 0 15%;}
.lp_260221 #colabo h2{ margin-bottom: 7.5%;}
.lp_260221 #colabo h2 img{ height: 7.5vw;}
.lp_260221 #colabo p.lead{ font-size: 0.8rem;}

.lp_260221 #colabo .colabo_main{ margin: 10% auto;}
.lp_260221 #colabo .colabo_main dl{ display: block;}
.lp_260221 #colabo .colabo_main dl dt{ width: 75%; margin: 0 auto 3.75%;}
.lp_260221 #colabo .colabo_main dl dt figure img{ border-radius: 1.875vw;}
.lp_260221 #colabo .colabo_main dl dd{ width: 100%;}
.lp_260221 #colabo .colabo_main dl dd p{ font-size: 0.8rem;}

.lp_260221 #colabo .list{ margin-top: 10%; display: block;}
.lp_260221 #colabo .list dl{ margin-top: 7.5%; width: 100%; display: block;}
.lp_260221 #colabo .list dl dt{ width: 75%; margin: 0 auto 3.75%;}
.lp_260221 #colabo .list dl dt img{ border-radius: 1.875vw;}
.lp_260221 #colabo .list dl dd{ width: 100%;}
.lp_260221 #colabo .list dl dd h4{ font-size: 1rem;}
.lp_260221 #colabo .list dl dd p{ font-size: 0.9rem;}
}



/*food*/
.lp_260221 #food_bg{ background: url("../images/food_bg.jpg") center top repeat-x;}
.lp_260221 #food{ padding: 50px 0 50px; position: relative;}
.lp_260221 #food h2{ text-align: center; margin-bottom: 40px;}

.lp_260221 #food .list ul{ display: flex; justify-content: space-between;}
.lp_260221 #food .list ul li{ width: 444px;}
.lp_260221 #food .list ul li p{ margin-top: 20px; font-size: 1rem; font-weight: 600; line-height: 1.75em;}
@media screen and (max-width:767px){
.lp_260221 #food{ background-size: 150%; padding: 7.5% 0 15%;}
.lp_260221 #food h2{ margin-bottom: 5%;}
.lp_260221 #food h2 img{ height: 7.5vw;}

.lp_260221 #food .list ul{ display: block;}
.lp_260221 #food .list ul li{ width: 90%; margin: 7.5% auto 0;}
.lp_260221 #food .list ul li p{ margin-top: 3.75%; font-size: 0.9rem;}
}



/*goods*/
.lp_260221 #goods{ padding: 50px 0 0; background: url("../images/bottom_bg.png") center bottom no-repeat; position: relative;}
.lp_260221 #goods h2{ text-align: center; margin-bottom: 60px;}
.lp_260221 #goods .maincontent{ padding: 0 0 1px; position: relative;}
.lp_260221 #goods .ico01{ position: absolute; right: 0; top: 0px; z-index: 3;}
.lp_260221 #goods .ico02{ position: absolute; left: 0; bottom: 620px; z-index: -1;}
.lp_260221 #goods .maincontent .ico03{ position: absolute; left: 50px; top: -20px; z-index: 3;}
.lp_260221 #goods .maincontent .ico04{ position: absolute; right: 210px; bottom: -230px; z-index: 3;}

.lp_260221 #goods .list ul{ display: flex; flex-wrap: wrap; gap: 30px 50px; margin: 0 30px;}
.lp_260221 #goods .list ul li{ width: calc(50% - 25px);}
.lp_260221 #goods .list ul li .price{ display: flex; align-items: center; justify-content: center; margin-top: 15px;}
.lp_260221 #goods .list ul li p{font-size: 0.8rem; font-weight: 300; line-height: 1.75em;}
.lp_260221 #goods .list ul li p strong{ font-size: 0.9rem;}

.lp_260221 #goods .bottom{ padding: 480px 0 20px;}
.lp_260221 #goods .bottom p{ text-align: center; font-size: 0.9rem; font-weight: 600;}
@media screen and (max-width:767px){
.lp_260221 #goods{ background-size: 200%; padding: 7.5% 0 0;}
.lp_260221 #goods h2{ margin-bottom: 5%;}
.lp_260221 #goods h2 img{ height: 7.5vw;}
.lp_260221 #goods .ico01{ width: 30vw; top: 5vw;}
.lp_260221 #goods .ico02{ width: 44.44vw; bottom: 66.66vw;}
.lp_260221 #goods .maincontent .ico03{ width: 15vw; left: -3.75vw; top: -10vw;}
.lp_260221 #goods .maincontent .ico04{ width: 12.5vw; right: 17.5vw; bottom: -17.5vw;}

.lp_260221 #goods .list ul{ margin: 0; gap: 2.5vw 3vw;}
.lp_260221 #goods .list ul li{ width: calc(50% - 1.5vw);}
.lp_260221 #goods .list ul li .price{ margin-top: 2.5%;}
.lp_260221 #goods .list ul li p{font-size: 0.6rem;}
.lp_260221 #goods .list ul li p strong{ font-size: 0.66rem;}

.lp_260221 #goods .bottom{ padding: 33.33vw 0 3.75vw;}
.lp_260221 #goods .bottom p{ font-size: 0.7rem;}
}



@media print, screen and (min-width:768px){
.smp{ display:none !important;}
}
@media screen and (max-width:767px){
.pc{ display:none !important;}
}