@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.roboto{ font-family: "Roboto", sans-serif;}

/*common*/
#shishoku{}
#shishoku *{ box-sizing: border-box;}
#shishoku figure{ text-align: center; margin: 0 auto;}
#shishoku img{ vertical-align: bottom; max-width: 100%; width: auto; margin: auto;}
#shishoku a{ transition: 0.3s;}
#shishoku a:hover img{ opacity: 1.0;}
#shishoku .left{ text-align:left;}
#shishoku .right{ text-align:right;}
#shishoku .center{ text-align:center;}

/*youtube*/
#shishoku .youtube{ position:relative; width:100%; padding-top:56.25% !important;}
#shishoku .youtube iframe{ position: absolute; top:0; right:0; width:100% !important; height:100% !important;}


/*ヘッダー*/
body{ min-width: 1280px; padding-top: 160px;}
header#shishoku_head{ /*position: fixed;*/ position: absolute; left: 0; right: 0; top: 0; z-index: 99; background: #fff; width: 100%; min-width: 1280px; margin: auto;}
header#shishoku_head *{ box-sizing: border-box;}
header#shishoku_head img{ vertical-align: bottom; max-width: 100%; width: auto; margin: auto;}
header#shishoku_head a{ transition: 0.3s;}
header#shishoku_head a:hover img{ opacity: 1.0;}
header#shishoku_head #head01{ display: flex; align-items: center; justify-content: space-between; margin: auto; width: 100%; padding: 10px;}
header#shishoku_head #head01 h1{ display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 600; color: #E81F24;}
header#shishoku_head #head01 h1 strong{ font-size: 36px;}
header#shishoku_head #head01 .h_btn{ display: flex; align-items: center; justify-content: flex-end;}
header#shishoku_head #head01 .h_btn figure{ margin: 0 0 0 10px;}
header#shishoku_head #head01 .h_btn figure.h_btn2 a{ display: flex; align-items: center; justify-content: center; width: 192px; height: 54px; border: 2px solid #E50B0F; font-size: 16px; font-weight: 600; color: #E50B0F; padding-right: 20px; border-radius: 10px; position: relative;}
header#shishoku_head #head01 .h_btn figure.h_btn2 a:before{ content: ""; display: inline-block; width: 20px; height: 20px; background: url("../images/h_btn2_ico.png") center center no-repeat; background-size: 100%; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
header#shishoku_head #head01 .h_btn figure.h_btn3 a{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 250px; height: 65px; background: #E50B0F; color: #fff; font-size: 15px; line-height: 1.25em; font-weight: 600; padding-right: 39px; position: relative;}
header#shishoku_head #head01 .h_btn figure.h_btn3 a:before{ content: ""; display: inline-block; width: 24px; height: 24px; background: url("../images/h_btn3_ico.png") center center no-repeat; background-size: 100%; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
header#shishoku_head #head01 .h_btn figure.h_btn3 a img{ height: 20px;}
header#shishoku_head #head01 .h_btn figure.h_btn3 a{ display: none;}
header#shishoku_head #head01 .h_btn figure.h_btn3 a.active{ display: flex;}
@media screen and (max-width:768px){
body{ min-width: 100%; padding-top: 10vw;}
header#shishoku_head{ min-width: 100%;}
header#shishoku_head #head01{ flex-direction: column-reverse; align-items: center; justify-content: center; padding: 1.25vw;}
header#shishoku_head #head01 h1{ font-size: 4.2vw; margin: 2.5% auto 1.25%;}
header#shishoku_head #head01 h1 strong{ font-size: 6vw;}
header#shishoku_head #head01 .h_btn{ width: 100%; padding-right: 12.5vw;}
header#shishoku_head #head01 .h_btn figure{ margin: 0 0 0 1.25vw;}
header#shishoku_head #head01 .h_btn figure.h_btn2{ display: none;}
header#shishoku_head #head01 .h_btn figure.h_btn3 a{ width: 30vw; height: 10vw; font-size: 2.5vw; padding-right: 5vw;}
header#shishoku_head #head01 .h_btn figure.h_btn3 a:before{ width: 3.75vw; height: 3.75vw; right: 2.5vw;}
header#shishoku_head #head01 .h_btn figure.h_btn3 a img{ height: 3.75vw;}
header#shishoku_head #head01 .h_btn.lovyu{ display: flex;}
header#shishoku_head #head01 .h_btn figure.h_btn3.lovyu{ width: 50%;}
header#shishoku_head #head01 .h_btn figure.h_btn3.lovyu a{ width: 100%; align-items: flex-start; text-align: left; padding-left: 2.5vw; font-size: 2.75vw;}
}

header#shishoku_head #head01 #head01_tit{ width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
header#shishoku_head #head01 #head01_tit h1{ font-size: 24px; font-weight: 600; border-bottom: 4px dotted #E81F24; padding-bottom: 10px; margin-bottom: 10px;}
header#shishoku_head #head01 #head01_tit h1 span{ display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; padding: 0.5em 1.75em; border-radius: 6px; background: #E81F24; color: #fff; margin-right: 15px; position: relative;}
header#shishoku_head #head01 #head01_tit h1 span:before{ content: ""; width: 12px; height: 24px; background: url("../images/first_ico_l-wh.png") center center no-repeat; background-size: 100%; position: absolute; left: 12px; top: 50%; transform: translateY(-50%);}
header#shishoku_head #head01 #head01_tit h1 span:after{ content: ""; width: 12px; height: 24px; background: url("../images/first_ico_r-wh.png") center center no-repeat; background-size: 100%; position: absolute; right: 12px; top: 50%; transform: translateY(-50%);}
header#shishoku_head #head01 #head01_tit h1 strong{ font-size: 32px;}
header#shishoku_head #head01 #head01_tit p{ font-size: 16px;}
header#shishoku_head #head01 figure.h_btn1{ /*position: fixed;*/ margin: 0; position: absolute; right: 10px; top: 10px; cursor: pointer; transition: 0.3s;}
header#shishoku_head #head01 figure.h_btn1:hover{ opacity: 0.7;}
header#shishoku_head #head01 figure.h_btn1 dl{ display: flex; align-items: center; justify-content: center; width: 260px; height: 80px; border: 2px solid #E81F24; background: #fff; border-radius: 10px;}
header#shishoku_head #head01 figure.h_btn1 dl dt{ width: 54px; font-size: 13px; font-weight: 600; line-height: 1.25em; color: #E81F24; border-right: 3px dotted #E81F24;}
header#shishoku_head #head01 figure.h_btn1 dl dd{ font-size: 16px; font-weight: 600; line-height: 1.25em; color: #E81F24; padding: 0 30px 0 10px; position: relative;}
header#shishoku_head #head01 figure.h_btn1 dl dd:after{ content: ""; width: 20px; height: 20px; background: url("../images/fixed_btn_ico.png") center center no-repeat; background-size: auto; background-size: 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
@media screen and (max-width:768px){
header#shishoku_head #head01 #head01_tit{ display: block; margin-top: 2.5%;}
header#shishoku_head #head01 #head01_tit h1{ display: block; font-size: 4.2vw; padding-bottom: 2.5%; margin: 2.5% auto;}
header#shishoku_head #head01 #head01_tit h1 span{ width: 36vw; background: none; color: #E81F24; font-size: 3.75vw; padding: 0; margin: 0 auto -1.25vw;}
header#shishoku_head #head01 #head01_tit h1 span:before{ width: 2.5vw; height: 5vw; left: 0; background-image: url("../images/first_ico_l.png");}
header#shishoku_head #head01 #head01_tit h1 span:after{ width: 2.5vw; height: 5vw; right: 0; background-image: url("../images/first_ico_r.png");}
header#shishoku_head #head01 #head01_tit h1 strong{ font-size: 6vw; line-height: 1em;}
header#shishoku_head #head01 #head01_tit p{ font-size: 3.75vw; line-height: 1.5em;}
header#shishoku_head #head01 figure.h_btn1{ display: none;}
}

header#shishoku_head #head02{ padding-bottom: 10px;}
header#shishoku_head #head02 ul{ display: flex; align-items: center; justify-content: center;}
header#shishoku_head #head02 ul li{ width: 25%; padding: 0 10px; border-right: 2px solid #E81F24;}
header#shishoku_head #head02 ul li:last-child{ border: none;}
header#shishoku_head #head02 ul li a{ display: block; border-radius: 10px;}
header#shishoku_head #head02 ul li a.active,
header#shishoku_head #head02 ul li a:hover{ background: #F7F6F2;}
header#shishoku_head #head02 ul li a dl{ display: flex; align-items: center; justify-content: center; max-width: 340px; height: 65px; margin: auto; padding: 10px 20px;}
header#shishoku_head #head02 ul li a dl dt{ width: 110px; font-size: 12px; font-weight: 600; line-height: 1.5em; position: relative;}
header#shishoku_head #head02 ul li a dl dd{ width: calc(100% - 110px); text-align: right;}
header#shishoku_head #head02 ul li a dl dd img{ max-height: 32px;}
header#shishoku_head #head02 ul li.raku a dl dt span{ display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #E50B0F; color: #fff; font-size: 10px; border-radius: 50%; position: absolute; left: -10px; top: 50%; transform: translateY(-50%);}
header#shishoku_head #head02 ul li.raku a dl dt{ width: 180px;}
header#shishoku_head #head02 ul li.raku a dl dd{ width: calc(100% - 180px);}
@media screen and (max-width:768px){
header#shishoku_head #head02{ display: none;}
}

/*スマホナビ*/
@media print, screen and (min-width:769px){
#smp_nav_btn,
#smp_nav{ display: none !important;}
}
@media screen and (max-width:768px){
/*smp_nav_btn*/
#smp_nav_btn{ position: fixed; /*position: absolute;*/ right:1.25vw; top:1.25vw; z-index:9999; display: flex; align-items: flex-end; justify-content: center; padding: 0; width: 10vw; height: 10vw; border: 1px solid #E50B0F; background: #fff; transition:0.3s; cursor:pointer;}
#smp_nav_btn span{ display:block; height:1px; width:5vw; background:#E50B0F; position:absolute; left:0; right:0; top: 50%; transform: translateY(-50%); margin:auto; transition:0.3s;}
#smp_nav_btn span:before{ content: ""; display:block; height:1px; width:5vw; background:#E50B0F; position:absolute; bottom:1.25vw; transition:0.3s;}
#smp_nav_btn span:after{ content: ""; display:block; height:1px; width:5vw; background:#E50B0F; position:absolute; top:calc(1.25vw + 1px); transition:0.3s;}
#smp_nav_btn.active span{ background:rgba(255,255,255,0);}
#smp_nav_btn.active span:before{ bottom:0; transform: rotate(45deg);}
#smp_nav_btn.active span:after{ top:0; transform: rotate(-45deg);}
/*smp_nav*/
#smp_nav{ display: none;}
#smp_nav{ position: fixed; /*position: absolute;*/ left: 0; right: 0; /*top: 10vw;*/ top: 0; padding-top: 10vw; z-index: 999; background: #E81F24; /*display: flex;*/ width: 100%; padding: 0 3.75vw 15vw; box-sizing: border-box;}
#smp_nav *{ box-sizing: border-box;}
#smp_nav_in{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%;}
#smp_nav_in ul{ width: 100%;}
#smp_nav_in ul li{ margin: 2.5% auto;}
#smp_nav_in ul li dl{ display: flex; align-items: center; justify-content: space-between; background: #fff; width: 100%; border-radius: 2.5vw; padding: 5vw 3.75vw;}
#smp_nav_in ul li dl dt{ font-size: 3.75vw; font-weight: 600; line-height: 1.33em; position: relative;}
#smp_nav_in ul li dl dd img{ height: 8.25vw; line-height: 0; width: auto !important;}
#smp_nav_in ul li.raku a dl dt span{ display: flex; align-items: center; justify-content: center; width: 7.5vw; height: 7.5vw; background: #E50B0F; color: #fff; font-size: 2.25vw; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#smp_nav_in ul li.raku a dl dd img{ height: 6.25vw;}
#smp_nav_in figure.h_btn2{ width: 100%; margin: 0;}
#smp_nav_in figure.h_btn2 a{ display: flex; align-items: center; justify-content: center; background: #fff; width: 100%; height: 12.5vw; border-radius: 2.5vw; font-size: 3.75vw; font-weight: 600; color: #E81F24; position: relative;}
#smp_nav_in figure.h_btn2 a:before{ content: ""; display: inline-block; width: 5vw; height: 5vw; background: url("../images/h_btn2_ico.png") center center no-repeat; background-size: 100%; position: absolute; right: 3.75vw; top: 50%; transform: translateY(-50%);}
}


/*メイン*/
#contents{ overflow: hidden;}
#shishoku section{ width:100%; margin:0 auto;}
#shishoku .maincontent{ padding:0; margin:0 auto; width:1200px;}
@media screen and (max-width:768px){
#shishoku .maincontent{ padding:0; margin:0 auto; width:92.5%;}
}


/*fixed_btn*/
#fixed_btn{ position: fixed; right: -10px; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer; transition: 0.3s;}
#fixed_btn:hover{ opacity: 0.7;}
#fixed_btn *{ box-sizing: border-box;}
#fixed_btn dl{ display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; width: 130px; height: 140px; border: 2px solid #E81F24; border-radius: 20px 0 0 20px; padding: 10px 20px 10px 10px; background: #fff;}
#fixed_btn dl dt{ font-size: 14px; font-weight: 600; line-height: 1em; color: #E50B0F; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 3px dotted #E50B0F;}
#fixed_btn dl dd{ font-size: 16px; font-weight: 600; line-height: 1.25em; color: #E50B0F; padding-bottom: 30px; position: relative;}
#fixed_btn dl dd:after{ content: ""; width: 20px; height: 20px; background: url("../images/fixed_btn_ico.png") center center no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
@media screen and (max-width:768px){
body{ padding-bottom: 12.5vw;}
#fixed_btn{ left: 0; right: 0; top: auto; bottom: 2.5vw; transform: none;}
#fixed_btn dl{ flex-direction: row; width: 96.25%; height: 12.5vw; border-radius: 2.5vw; padding: 2.5vw 0; margin: auto;}
#fixed_btn dl dt{ width: 30%; font-size: 3vw; padding: 1.25vw 0; margin: 0; border-bottom: none; border-right: 3px dotted #E50B0F;}
#fixed_btn dl dd{ width: 70%; font-size: 4vw; padding: 1.25vw 3.75vw; text-align: left;}
#fixed_btn dl dd:after{ width: 5vw; height: 5vw; left: auto; right: 3.75vw; bottom: auto; top: 50%; transform: translateY(-50%); margin: 0;}
#fixed_btn_sp{ position: fixed; z-index: 99; cursor: pointer; left: 0; right: 0; top: auto; bottom: 2.5vw; transform: none; transition: 0.3s;}
#fixed_btn_sp:hover{ opacity: 0.7;}
#fixed_btn_sp *{ box-sizing: border-box;}
#fixed_btn_sp dl{ display: flex; align-items: center; justify-content: center; flex-direction: row; text-align: center; width: 96.25%; height: 12.5vw; border: 2px solid #E81F24; border-radius: 2.5vw; padding: 2.5vw 0; background: #fff; margin: auto;}
#fixed_btn_sp dl dt{ width: 30%; font-size: 3vw; font-weight: 600; line-height: 1em; color: #E50B0F; padding: 1.25vw 0; margin: 0; border-bottom: none; border-right: 3px dotted #E50B0F;}
#fixed_btn_sp dl dd{ width: 70%; font-size: 4vw; font-weight: 600; line-height: 1em; color: #E50B0F; padding: 1.25vw 3.75vw; text-align: left; position: relative;}
#fixed_btn_sp dl dd:after{ content: ""; width: 5vw; height: 5vw; background: url("../images/fixed_btn_ico.png") center center no-repeat; background-size: 100%; position: absolute; left: auto; right: 3.75vw; bottom: auto; top: 50%; transform: translateY(-50%); margin: 0;}
}

#fixed_btn2{ position: fixed; right: -10px; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer; transition: 0.3s;}
#fixed_btn2 *{ box-sizing: border-box;}
#fixed_btn2 ul li a{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 140px; height: 140px; background: #E81F24; color: #fff; border-radius: 20px 0 0 20px; padding: 10px 10px 20px 0; font-size: 15px; line-height: 1.25em; font-weight: 600; position: relative;}
#fixed_btn2 ul li a:after{ content: ""; width: 20px; height: 20px; background: url("../images/modal_btn_ico.png") center center no-repeat; background-size: 100%; position: absolute; left: 0; right: 10px; bottom: 15px; margin: auto;}
#fixed_btn2 ul li a span{ margin-bottom: 0.25em;}
#fixed_btn2 ul li a{ display: none;}
#fixed_btn2 ul li a.active{ display: flex;}
#fixed_btn2 ul li.cutmeal a span img{ height: 20px;}
#fixed_btn2 ul li.smile a span img{ height: 25px;}
#fixed_btn2 ul li.raku a span img{ height: 25px;}
#fixed_btn2 ul li.lovyu:last-child{ margin-top: 5px;}
#fixed_btn2 ul li.lovyu a{ height: 130px; padding-bottom: 30px;}
@media screen and (max-width:768px){
#fixed_btn2{ left: 0; right: 0; top: auto; bottom: 2.5vw; transform: none;}
#fixed_btn2 ul li a{ flex-direction: row; width: 96.25%; height: 12.5vw; border-radius: 2.5vw; padding: 2.5vw 0; font-size: 3.75vw; line-height: 0.5em; margin: auto;}
#fixed_btn2 ul li a:after{ content: ""; width: 5vw; height: 5vw; left: auto; right: 2.5vw; bottom: auto; top: 50%; transform: translateY(-50%);}
#fixed_btn2 ul li a span{ margin: 0 1.25vw 0 0;}
#fixed_btn2 ul li.cutmeal a span img{ height: 5vw; line-height: 0; width: auto !important;}
#fixed_btn2 ul li.smile a span img{ height: 5vw; line-height: 0; width: auto !important;}
#fixed_btn2 ul li.raku a span img{ height: 5vw; line-height: 0; width: auto !important;}
#fixed_btn2 ul.lovyu{ display: flex; align-items: center; justify-content: center; width: 96.25%; margin: auto;}
#fixed_btn2 ul.lovyu li.lovyu{ width: 50%;}
#fixed_btn2 ul.lovyu li.lovyu a{ width: 100%; border-radius: 2.5vw 0 0 2.5vw;}
#fixed_btn2 ul.lovyu li.lovyu:first-child{ border-right: 1px solid #fff;}
#fixed_btn2 ul.lovyu li.lovyu:last-child{ border-left: 1px solid #fff; margin: 0;}
#fixed_btn2 ul.lovyu li.lovyu:last-child a{ border-radius: 0 2.5vw 2.5vw 0;}
#fixed_btn2 ul.lovyu li.lovyu a{ justify-content: flex-start; text-align: left; height: 12.5vw; padding: 2.5vw; line-height: 1.25em;}
}

/*modal_cont*/
#modal_cont{ /*display: none;*/ opacity: 0; pointer-events: none; transition: 0.3s;}
#modal_cont *{ box-sizing: border-box;}
#modal_cont figure{ margin: 0 auto; text-align: center;}
#modal_cont img{ vertical-align: bottom; max-width: 100%; width: auto; margin: auto;}
#modal_cont{ position: fixed; left: 0; right: 0; top: 0; width: 100%; height: 100%; min-width: 1200px; z-index: 999; overflow-x: hidden; overflow-y: auto; display: flex; align-items: center; justify-content: center;}
#modal_cont_in{ /*width: 900px;*/ width: 1200px;}
#modal_bg{ background: rgba(0,0,0,0.6); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; cursor: pointer;}
@media print, screen and (min-width:769px){
#modal_cont_in .modal_cont_slide{ display: flex; background: #fff; width: 100%; max-width: 1200px; margin: auto;}
}
@media screen and (max-width:768px){
#modal_cont{ min-width: 100%;}
#modal_cont_in{ width: 80%;}
#modal_bg{ background: rgba(0,0,0,0.6); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
}
#modal_cont_in{ position: relative;}
#modal_cont_in .close{ position: absolute; right: 0; top: 0; width: 40px; cursor: pointer; z-index: 999;}
#modal_cont_in .modal_cont_box{ width: 25%; padding: 20px 0;}
/*#modal_cont_in .modal_cont_box{ width: 33.33%; padding: 20px 0;}*/
#modal_cont_in .modal_cont_box.kit01{ background: #FFEDF3;}
#modal_cont_in .modal_cont_box.kit02{ background: #E4F2E9;}
#modal_cont_in .modal_cont_box.kit03{ background: #E2E3E7;}
#modal_cont_in .modal_cont_box.kit04{ background: #F4E9CD;}
#modal_cont_in .modal_cont_box h4{ text-align: center; margin-bottom: 10px; font-size: 13px; line-height: 1.5em; height: 4.5em; display: flex; align-items: center; justify-content: center;}
#modal_cont_in .modal_cont_box figure.logo img{ height: 32px;}
#modal_cont_in .modal_cont_box figure.img{ margin: 15px auto 10px;}
@media screen and (max-width:768px){
#modal_cont_in .close{ right: 0; top: 0; width: 8.75vw;}
#modal_cont_in .modal_cont_box{ width: 100%; padding: 3.75vw 0;}
#modal_cont_in .modal_cont_box h4{ margin-bottom: 3.75%; font-size: 3.25vw;}
#modal_cont_in .modal_cont_box figure.logo img{ height: 7.5vw;}
#modal_cont_in .modal_cont_box figure.img{ margin: 3.75% auto;}
}
#modal_cont_in .modal_cont_box .price{ margin: 10px 10px 5px; display: flex;}
#modal_cont_in .modal_cont_box .price .price_l{ width: 100px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #E81F24; color: #fff; border-radius: 16px 0 0 16px;}
#modal_cont_in .modal_cont_box .price .price_l p{ font-size: 12px; font-weight: 600; line-height: 1.25em;}
#modal_cont_in .modal_cont_box .price .price_l p span{ font-size: 16px; line-height: 1.25em;}
#modal_cont_in .modal_cont_box .price .price_l p strong span{ font-size: 24px; line-height: 1.25em;}
#modal_cont_in .modal_cont_box .price .price_r{ width: calc(100% - 100px); background: #fff; padding: 5px 10px; border-radius: 0 16px 16px 0;}
#modal_cont_in .modal_cont_box .price .price_r h5{ text-align: center; font-size: 11px; font-weight: 600; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 2px dotted #000;}
#modal_cont_in .modal_cont_box .price .price_r dl{ display: flex; align-items: center;}
#modal_cont_in .modal_cont_box .price .price_r dl dt{ display: flex; align-items: center; justify-content: center; width: 42px; height: 32px; background: #EBE7D9; color: #E50B0F; font-size: 12px; line-height: 1.2em; font-weight: 600; border-radius: 4px;}
#modal_cont_in .modal_cont_box .price .price_r dl dd{ display: flex; align-items: center;}
#modal_cont_in .modal_cont_box .price .price_r dl dd p{ font-size: 18px; line-height: 1em; font-weight: 600; margin: 0;}
#modal_cont_in .modal_cont_box .price .price_r dl dd strong{ font-size: 38px; line-height: 1em; font-weight: 600; color: #E60B12;}
#modal_cont_in .modal_cont_box .price .price_r dl dd span{ font-size: 19px; line-height: 1em; font-weight: 600; color: #E60B12; position: relative;}
#modal_cont_in .modal_cont_box .price .price_r dl dd span:before{ content: "(税込)"; font-size: 6px; line-height: 1em; width: 4em; position: absolute; left: 0; top: -1em; }
#modal_cont_in .modal_cont_box .price .price_r dl dd small{ font-size: 10px; font-weight: 600; color: #E60B12;}
#modal_cont_in .modal_cont_box p.att{ margin: 0 10px; font-size: 10px;}
@media screen and (max-width:768px){
#modal_cont_in .modal_cont_box .price{ margin: 2.5%;}
#modal_cont_in .modal_cont_box .price .price_l{ width: 33.33%; border-radius: 2.5vw 0 0 2.5vw;}
#modal_cont_in .modal_cont_box .price .price_l p{ font-size: 3vw;}
#modal_cont_in .modal_cont_box .price .price_l p span{ font-size: 4vw;}
#modal_cont_in .modal_cont_box .price .price_l p strong span{ font-size: 6vw;}
#modal_cont_in .modal_cont_box .price .price_r{ width: 66.66%; padding: 1.25% 3.75%; border-radius: 0 2.5vw 2.5vw 0;}
#modal_cont_in .modal_cont_box .price .price_r h5{ font-size: 2.75vw; padding-bottom: 2.5%; margin-bottom: 2.5%;}
#modal_cont_in .modal_cont_box .price .price_r dl{ justify-content: center;}
#modal_cont_in .modal_cont_box .price .price_r dl dt{ width: 11.25vw; height: 8.75vw; font-size: 3vw; border-radius: 1.25vw;}
#modal_cont_in .modal_cont_box .price .price_r dl dd{ margin-left: 2.5vw;}
#modal_cont_in .modal_cont_box .price .price_r dl dd p{ font-size: 4.5vw;}
#modal_cont_in .modal_cont_box .price .price_r dl dd strong{ font-size: 9vw;}
#modal_cont_in .modal_cont_box .price .price_r dl dd span{ font-size: 4.5vw;}
#modal_cont_in .modal_cont_box .price .price_r dl dd span:before{ font-size: 2vw; left: 0;}
#modal_cont_in .modal_cont_box .price .price_r dl dd small{ font-size: 2.5vw;}
#modal_cont_in .modal_cont_box p.att{ margin: 0 2.5%; font-size: 2.5vw;}
}

#modal_cont_in .modal_cont_box.kit04 .price .price_l p{ font-size: 18px; line-height: 1.25em; text-align: center;}
#modal_cont_in .modal_cont_box.kit04 .price .price_l p strong{ font-size: 20px; line-height: 1em;}
#modal_cont_in .modal_cont_box.kit04 .price .price_l p strong span{ font-size: 28px; line-height: 1em;}
#modal_cont_in .modal_cont_box.kit04 .price .price_l p small{ font-size: 10px; line-height: 1em;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r dl dd p{ color: #E60B12; font-size: 14px;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r dl dd strong{ font-size: 32px;}
/*
#modal_cont_in .modal_cont_box.kit04 .price .price_r h5{ text-align: left; font-size: 10px; padding-bottom: 0; margin-bottom: 5px; border: none;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r h5 span{ font-size: 8px;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r{ padding: 5px 20px;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r dl dd p{ font-size: 12px;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r dl dd strong{ font-size: 21px;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r dl dd span{ font-size: 12px;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r dl dd span:before{ display: none;}
*/
@media screen and (max-width:768px){
#modal_cont_in .modal_cont_box.kit04 .price .price_l p{ font-size: 3.5vw;}
#modal_cont_in .modal_cont_box.kit04 .price .price_l p strong{ font-size: 4.5vw;}
#modal_cont_in .modal_cont_box.kit04 .price .price_l p strong span{ font-size: 7.5vw;}
#modal_cont_in .modal_cont_box.kit04 .price .price_l p small{ font-size: 2.5vw;}
/*
#modal_cont_in .modal_cont_box.kit04 .price .price_r h5{ font-size: 2.5vw; margin-bottom: 2.5%;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r h5 span{ font-size:2vw;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r{ padding: 1.25% 7.5%;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r dl dd{ width: 100%; margin: 0;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r dl dd p{ font-size: 3vw;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r dl dd strong{ font-size: 5.5vw;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r dl dd span{ font-size: 3vw;}
*/
#modal_cont_in .modal_cont_box.kit04 .price .price_r dl dd p{ font-size: 3vw;}
#modal_cont_in .modal_cont_box.kit04 .price .price_r dl dd strong{ font-size: 9vw;}
}

#modal_cont_in .modal_cont_box .point{ margin: 15px auto;}
#modal_cont_in .modal_cont_box .point ul{ display: flex; justify-content: center;}
#modal_cont_in .modal_cont_box .point ul li{ display: flex; flex-direction: column; text-align: center; width: 60px; margin: 0 5px; font-size: 10px; line-height: 1.2em; font-weight: 600;}
#modal_cont_in .modal_cont_box .point ul li figure{ margin-bottom: 8px;}
#modal_cont_in .modal_cont_box .point ul li figure img{ width: 28px;}
@media screen and (max-width:768px){
#modal_cont_in .modal_cont_box .point{ margin: 3.75% auto;}
#modal_cont_in .modal_cont_box .point ul li{ width: 20%; margin: 0 1.25%; font-size: 2.5vw;}
#modal_cont_in .modal_cont_box .point ul li figure{ margin-bottom: 7.5%;}
#modal_cont_in .modal_cont_box .point ul li figure img{ width: 7.5vw;}
}
#modal_cont_in .modal_cont_box figure.modal_btn{ margin-top: 20px;}
#modal_cont_in .modal_cont_box figure.modal_btn a{ display: flex; align-items: center; justify-content: center; margin: auto; width: 210px; height: 48px; background: #E81F24; color: #fff; font-size: 18px; font-weight: 900; position: relative;}
#modal_cont_in .modal_cont_box figure.modal_btn a:after{ content: ""; width: 24px; height: 24px; background: url("../images/modal_btn_ico.png") center center no-repeat; background-size: 100%; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
@media screen and (max-width:768px){
#modal_cont_in .modal_cont_box figure.modal_btn{ margin-top: 5%;}
#modal_cont_in .modal_cont_box figure.modal_btn a{ width: 50vw; height: 10vw; font-size: 4.5vw;}
#modal_cont_in .modal_cont_box figure.modal_btn a:after{ width: 5vw; height: 5vw; right: 3.75vw;}
}
@media screen and (max-width:768px){
#modal_cont_in .bx-wrapper{ box-shadow: none; border: none; background: none; margin: 0; z-index: 10;}
#modal_cont_in .bx-wrapper .bx-viewport{ overflow: visible !important;}
#modal_cont_in .bx-wrapper .bx-controls-direction a.bx-prev{ width: 7.5vw; height: 7.5vw; background: url("../images/slide_prev.png") center center no-repeat; background-size: 100%; left: -3.75vw;}
#modal_cont_in .bx-wrapper .bx-controls-direction a.bx-next{ width: 7.5vw; height: 7.5vw; background: url("../images/slide_next.png") center center no-repeat; background-size: 100%; right: -3.75vw;}
}


/*tit*/
#shishoku h1, #shishoku h2, #shishoku h3, #shishoku h4, #shishoku h5, #shishoku h6{ line-height: 1.25em; letter-spacing: 0;}





/*home*/
/*mv*/
#shishoku #home_mv{ background: #F7F6F2; padding: 40px 0;}
#shishoku #home_mv .maincontent{ display: flex;}
#shishoku #home_mv #home_mv_txt{ width: 50%;}
#shishoku #home_mv #home_mv_txt h3{ font-size: 32px; font-weight: 600; line-height: 1.4em; margin-bottom: 20px;}
#shishoku #home_mv #home_mv_txt h4{ font-size: 24px; font-weight: 600; line-height: 1.5em; margin-bottom: 10px; color: #E81F24;}
#shishoku #home_mv #home_mv_txt ul li{ font-size: 20px; font-weight: 600; line-height: 1.5em; margin-top: 0.25em; padding-left: 30px; position: relative;}
#shishoku #home_mv #home_mv_txt ul li:before{ content: ""; width: 16px; height: 16px; background: url("../images/mv_check.png") center center no-repeat; background-size: 100%; position: absolute; left: 0; top: 0.4em;}
@media screen and (max-width:768px){
#shishoku #home_mv{ padding: 5% 0;}
#shishoku #home_mv .maincontent{ display: flex; flex-direction: column-reverse;}
#shishoku #home_mv #home_mv_txt{ width: 100%;}
#shishoku #home_mv #home_mv_txt h3{ font-size: 5.4vw; margin-bottom: 5%;}
#shishoku #home_mv #home_mv_txt h4{ font-size: 4.2vw; margin-bottom: 3.75%;}
#shishoku #home_mv #home_mv_txt ul li{ font-size: 3.75vw; padding-left: 5vw;}
#shishoku #home_mv #home_mv_txt ul li:before{ width: 3.75vw; height: 3.75vw; top: 0.2em;}
}
#shishoku #home_mv #home_mv_slide{ width: 50%;}
#shishoku #home_mv #home_mv_slide .bx-wrapper{ box-shadow: none; border: none; background: none; margin: 0; z-index: 10; padding-bottom: 30px;}
#shishoku #home_mv #home_mv_slide .bx-wrapper img{ border-radius: 20px;}
#shishoku #home_mv #home_mv_slide .bx-wrapper .bx-controls-auto,
#shishoku #home_mv #home_mv_slide .bx-wrapper .bx-pager{ bottom: 0;}
#shishoku #home_mv #home_mv_slide .bx-wrapper .bx-pager.bx-default-pager a{ background: #fff; width: 16px; height: 16px; margin: 0 8px; border-radius: 50%;}
#shishoku #home_mv #home_mv_slide .bx-wrapper .bx-pager.bx-default-pager a.active,
#shishoku #home_mv #home_mv_slide .bx-wrapper .bx-pager.bx-default-pager a:focus,
#shishoku #home_mv #home_mv_slide .bx-wrapper .bx-pager.bx-default-pager a:hover{ background: #E81F24;}
@media screen and (max-width:768px){
#shishoku #home_mv #home_mv_slide{ width: 100%; margin-bottom: 7.5%;}
#shishoku #home_mv #home_mv_slide .bx-wrapper{ padding-bottom: 3.75vw;}
#shishoku #home_mv #home_mv_slide .bx-wrapper img{ border-radius: 2.5vw;}
#shishoku #home_mv #home_mv_slide .bx-wrapper .bx-pager.bx-default-pager a{ width: 2.5vw; height: 2.5vw; margin: 0 1.25vw;}
}


/*lead*/
#shishoku #home_lead{ padding: 80px 0;}
#shishoku #home_lead dl{ display: flex; align-items: center; margin: 40px auto 0; border: 2px solid #E81F24; border-radius: 40px; overflow: hidden;}
#shishoku #home_lead dl:nth-child(2n){ flex-direction: row-reverse;}
#shishoku #home_lead dl dt{ width: 50%;}
#shishoku #home_lead dl dd{ width: 50%; padding: 0 60px;}
#shishoku #home_lead dl dd h3{ font-size: 24px; line-height: 1.5em; color: #E81F24; font-weight: 600; margin-bottom: 15px;}
#shishoku #home_lead dl dd ul li{ font-size: 20px; font-weight: 600; line-height: 1.5em; margin-top: 0.25em; padding-left: 30px; position: relative;}
#shishoku #home_lead dl dd ul li:before{ content: ""; width: 16px; height: 16px; background: url("../images/mv_check.png") center center no-repeat; background-size: 100%; position: absolute; left: 0; top: 0.4em;}
#shishoku #home_lead dl dd ul li span{ display: block; font-size: 18px; font-weight: 300;}
@media screen and (max-width:768px){
#shishoku #home_lead{ padding: 15% 0;}
#shishoku #home_lead dl{ display: flex; flex-direction: column-reverse; margin: 7.5% auto 0; border-radius: 2.5vw;}
#shishoku #home_lead dl:nth-child(2n){ flex-direction: column-reverse;}
#shishoku #home_lead dl dt{ width: 100%;}
#shishoku #home_lead dl dd{ width: 100%; padding: 7.5% 5%;}
#shishoku #home_lead dl dd h3{ font-size: 5vw; margin-bottom: 3.75%;;}
#shishoku #home_lead dl dd ul li{ font-size: 3.75vw; padding-left: 5vw;}
#shishoku #home_lead dl dd ul li:before{ width: 3.75vw; height: 3.75vw; top: 0.2em;}
#shishoku #home_lead dl dd ul li span{ font-size: 3.2vw;}
}


/*feature*/
#shishoku #home_feature{ background: #F7F6F2; padding: 80px 0;}
#shishoku #home_feature .feature_list ul{ display: flex; flex-wrap: wrap; justify-content: center; margin: -30px 0 -30px -50px;}
#shishoku #home_feature .feature_list ul li{ width: 360px; margin: 30px 50px;}
#shishoku #home_feature .feature_list ul li figure{ display: flex; align-items: center; justify-content: center; width: 300px; height: 300px; background: #fff; border-radius: 50%;}
#shishoku #home_feature .feature_list ul li figure img{ width: 165px;}
#shishoku #home_feature .feature_list ul li h3{ text-align: center; font-size: 24px; line-height: 1.5em; font-weight: 600; color: #E81F24; margin: 10px auto 20px;}
#shishoku #home_feature .feature_list ul li p{ font-size: 16px; line-height: 1.5em; text-align: justify;}
#shishoku #home_feature .feature_list ul li p a{ color: #E81F24; text-decoration: underline;}
#shishoku #home_feature .feature_list ul li p a:hover{ text-decoration: none;}
#shishoku #home_feature .feature_list ul li p.list{ padding-left: 1em; position: relative;}
#shishoku #home_feature .feature_list ul li p.list:before{ content: "・"; position: absolute; left: 0; top: 0;}
@media screen and (max-width:768px){
#shishoku #home_feature{ padding: 15% 0;}
#shishoku #home_feature .feature_list ul{ display: block; margin: 0 auto;}
#shishoku #home_feature .feature_list ul li{ width: 92.5%; margin: 0 auto 7.5%;}
#shishoku #home_feature .feature_list ul li figure{ width: 45vw; height: 45vw;}
#shishoku #home_feature .feature_list ul li figure img{ width: 22.5vw;}
#shishoku #home_feature .feature_list ul li h3{ font-size: 5vw; margin: 2.5% auto;}
#shishoku #home_feature .feature_list ul li p{ font-size: 3.5vw;}
}
#shishoku #home_feature .follow{ margin-top: 60px; display: flex; width: calc(100% + 40px); margin-left: -20px;}
#shishoku #home_feature .follow dl{ display: flex; width: calc(100% - 40px); margin: 0 20px; background: #fff; padding: 30px; border-radius: 20px;}
#shishoku #home_feature .follow dl dt{ display: flex; align-items: center; justify-content: center; width: 120px;}
#shishoku #home_feature .follow dl dd{ display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: column; width: calc(100% - 160px); margin-left: 40px;}
#shishoku #home_feature .follow dl dd h4{ font-size: 20px; line-height: 1.5em; font-weight: 600; margin-bottom: 15px;}
#shishoku #home_feature .follow dl dd h5{ font-size: 16px; line-height: 1.5em; font-weight: 300;}
#shishoku #home_feature .follow dl dd p.btn{ width: 100%; margin-top: 20px; text-align: right;}
#shishoku #home_feature .follow dl dd p.btn a{ display: inline-block; font-size: 18px; font-weight: 600; padding-right: 34px; position: relative;}
#shishoku #home_feature .follow dl dd p.btn a:after{ content: ""; width: 24px; height: 24px; background: url("../images/btn_ico.png") center center; background-size: 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
@media screen and (max-width:768px){
#shishoku #home_feature .follow{ margin: 10% auto 0; width: 100%; display: block;}
#shishoku #home_feature .follow dl{ display: flex; width: 100%; margin: 10% auto 0; padding: 5% 5%; border-radius: 2.5vw;}
#shishoku #home_feature .follow dl dt{ align-items: flex-start; justify-content: flex-start; width: 12.5vw;}
#shishoku #home_feature .follow dl dt img{ margin: 0;}
#shishoku #home_feature .follow dl dd{ width: calc(100% - 17.5vw); margin-left: 5vw;}
#shishoku #home_feature .follow dl dd h4{ font-size: 3.75vw; margin-bottom: 2.5%;}
#shishoku #home_feature .follow dl dd h5{ font-size: 3.2vw;}
#shishoku #home_feature .follow dl dd p.btn{ margin-top: 5%;}
#shishoku #home_feature .follow dl dd p.btn a{ font-size: 3.75vw; padding-right: 5vw;}
#shishoku #home_feature .follow dl dd p.btn a:after{ width: 3.75vw; height: 3.75vw;}
}


/*target*/
#shishoku #home_target{ background: #fff; padding: 80px 0;}
#shishoku #home_target h2{ text-align: center; font-size: 36px; font-weight: 600;}
#shishoku #home_target h2 strong{ display: inline-block; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 4px dotted #E81F24;}
@media screen and (max-width:768px){
#shishoku #home_target{ padding: 15% 0;}
#shishoku #home_target h2{ font-size: 7vw;}
#shishoku #home_target h2 strong{ padding-bottom: 2.5vw; margin-bottom: 7.5%;}
}
#shishoku #home_target .movie{ width: 1000px; margin: 0 auto 60px;}
@media screen and (max-width:768px){
#shishoku #home_target .movie{ width: 100%; margin: 0 auto 10%;}
}
#shishoku #home_target .target_box{ border: 3px solid #E81F24; border-radius: 40px; padding: 50px 100px 0 100px;}
#shishoku #home_target .target_box dl{ display: flex;}
#shishoku #home_target .target_box dl dt{ width: 50%;}
#shishoku #home_target .target_box dl dd{ width: 50%;}
#shishoku #home_target .target_box dl dt h3{ display: flex; align-items: center; margin: 0 auto 30px;}
#shishoku #home_target .target_box dl dt h3 span{ width: 88px; margin-right: 15px;}
#shishoku #home_target .target_box dl dt h3 strong{ font-size: 32px; line-height: 1.33em; font-weight: 600;}
#shishoku #home_target .target_box ul{ margin-left: 103px;}
#shishoku #home_target .target_box ul li{ font-size: 20px; font-weight: 600; line-height: 1.5em; margin-top: 0.25em; padding-left: 30px; position: relative;}
#shishoku #home_target .target_box ul li:before{ content: ""; width: 16px; height: 16px; background: url("../images/mv_check.png") center center no-repeat; background-size: 100%; position: absolute; left: 0; top: 0.4em;}
#shishoku #home_target .target_box figure{ width: 440px; margin: 0 0 0 auto;}
@media screen and (max-width:768px){
#shishoku #home_target .target_box{ border-radius: 2.5vw; padding: 7.5% 5% 0;}
#shishoku #home_target .target_box dl{ display: flex; flex-direction: column;}
#shishoku #home_target .target_box dl dt{ width: 100%; margin-bottom: 5%;}
#shishoku #home_target .target_box dl dd{ width: 100%;}
#shishoku #home_target .target_box dl dt h3{ margin: 0 auto 5%;}
#shishoku #home_target .target_box dl dt h3 span{ width: 15vw; margin-right: 2.5vw;}
#shishoku #home_target .target_box dl dt h3 strong{ font-size: 5.4vw;}
#shishoku #home_target .target_box ul{ margin-left: 0;}
#shishoku #home_target .target_box ul li{ font-size: 3.75vw; padding-left: 6.25vw;}
#shishoku #home_target .target_box ul li:before{ width: 3.75vw; height: 3.75vw; top: 0.2em;}
#shishoku #home_target .target_box figure{ width: 75%; margin: 0 auto;}
}


/*point*/
#shishoku #home_point{ background: #F7F6F2; padding: 80px 0;}
#shishoku #home_point h2{ text-align: center; font-size: 36px; font-weight: 600;}
#shishoku #home_point h2 strong{ display: inline-block; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 4px dotted #E81F24;}
@media screen and (max-width:768px){
#shishoku #home_point{ padding: 15% 0;}
#shishoku #home_point h2{ font-size: 7vw;}
#shishoku #home_point h2 strong{ padding-bottom: 2.5vw; margin-bottom: 7.5%;}
}
#shishoku #home_point ul{ display: flex; width: calc(100% + 20px); margin-left: -10px;}
#shishoku #home_point ul li{ width: calc(25% - 20px); margin: 0 10px; background: #fff; padding: 30px 0; border-radius: 20px;}
#shishoku #home_point ul li figure{ margin-bottom: 30px;}
#shishoku #home_point ul li figure img{ width: 165px;}
#shishoku #home_point ul li h4{ display: flex; align-items: center; justify-content: center; text-align: center; height: 3em; font-size: 20px; font-weight: 600; line-height: 1.5em;}
@media screen and (max-width:768px){
#shishoku #home_point ul{ display: flex; flex-wrap: wrap; width: calc(100% + 3.75vw); margin: -1.875vw 0 -1.875vw -1.875vw;}
#shishoku #home_point ul li{ width: calc(50% - 3.75vw); margin: 1.875vw; padding: 5% 5% 3.75%; border-radius: 1.25vw;}
#shishoku #home_point ul li figure{ margin-bottom: 5%;}
#shishoku #home_point ul li figure img{ width: 66.66%;}
#shishoku #home_point ul li h4{ height: 3.75em; font-size: 3.75vw; line-height: 1.25em;}
}


/*mealkit*/
.home_mealkit_list{}
.home_mealkit_box{ display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 40px 50px; border-radius: 40px; margin: 40px auto 0;}
@media screen and (max-width:768px){
.home_mealkit_box{ display: block; padding: 3.75% 3.75% 7.5%; border-radius: 2.5vw; margin-top: 7.5%;}
}
.home_mealkit_box .mealkit_slide{ width: 560px;}
.home_mealkit_box .mealkit_slide img{ border-radius: 20px;}
.home_mealkit_box .mealkit_slide .bx-wrapper{ box-shadow: none; border: none; background: none; margin: 0; z-index: 10;}
.home_mealkit_box .mealkit_slide .bx-wrapper .bx-controls-direction a.bx-prev{ width: 48px; height: 48px; background: url("../images/slide_prev.png") center center no-repeat; background-size: 100%; left: -20px;}
.home_mealkit_box .mealkit_slide .bx-wrapper .bx-controls-direction a.bx-next{ width: 48px; height: 48px; background: url("../images/slide_next.png") center center no-repeat; background-size: 100%; right: -20px;}
@media screen and (max-width:768px){
.home_mealkit_box .mealkit_slide{ width: 100%; margin-bottom: 5%;}
.home_mealkit_box .mealkit_slide img{ border-radius: 2.5vw;}
.home_mealkit_box .mealkit_slide .bx-wrapper .bx-controls-direction a.bx-prev{ width: 7.5vw; height: 7.5vw; left: -3.75vw;}
.home_mealkit_box .mealkit_slide .bx-wrapper .bx-controls-direction a.bx-next{  width: 7.5vw; height: 7.5vw; right: -3.75vw;}
}
.home_mealkit_box .mealkit_detail{ width: 480px;}
.home_mealkit_box .mealkit_detail h3{ display: flex; align-items: center; padding-bottom: 15px; margin-bottom: 10px; border-bottom: 4px dotted #000;}
.home_mealkit_box .mealkit_detail h3 span{ margin-right: 20px;}
.home_mealkit_box .mealkit_detail h3 span img{ height: 42px;}
.home_mealkit_box .mealkit_detail h3 strong{ font-size: 18px; line-height: 1.33em; font-weight: 600;}
.home_mealkit_box .mealkit_detail h3 strong small{ display: block; font-size: 12px; font-weight: 300;}
.home_mealkit_box .mealkit_detail h4{ font-size: 21px; font-weight: 600; margin-bottom: 15px;}
.home_mealkit_box .mealkit_detail p{ font-size: 15px; line-height: 1.5em;}
.home_mealkit_box .mealkit_detail .btn_more{ text-align: right; margin-top: 20px;}
.home_mealkit_box .mealkit_detail .btn_more a{ display: inline-block; font-size: 18px; font-weight: 600; padding-right: 34px; position: relative;}
.home_mealkit_box .mealkit_detail .btn_more a:after{ content: ""; width: 24px; height: 24px; background: url("../images/btn_ico.png") center center; background-size: 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.home_mealkit_box.kit01 .mealkit_detail h3{ border-color: #5EB384;}
.home_mealkit_box.kit01 .mealkit_detail h4{ color: #5EB384;}
.home_mealkit_box.kit02 .mealkit_detail h3{ border-color: #D9648E;}
.home_mealkit_box.kit02 .mealkit_detail h4{ color: #D9648E;}
.home_mealkit_box.kit03 .mealkit_detail h3{ border-color: #E4A902;}
.home_mealkit_box.kit03 .mealkit_detail h4{ color: #E4A902;}
.home_mealkit_box.kit04 .mealkit_detail h3{ border-color: #192179;}
.home_mealkit_box.kit04 .mealkit_detail h4{ color: #192179;}
@media screen and (max-width:768px){
.home_mealkit_box .mealkit_detail{ width: 100%;}
.home_mealkit_box .mealkit_detail h3{ flex-direction: column; text-align: center; padding-bottom: 3.75%; margin-bottom: 3.75%;}
.home_mealkit_box .mealkit_detail h3 span{ margin: 0 auto 2.5%;}
.home_mealkit_box .mealkit_detail h3 span img{ height: 10vw;}
.home_mealkit_box .mealkit_detail h3 strong{ font-size: 3.2vw;}
.home_mealkit_box .mealkit_detail h3 strong small{ font-size: 2.5vw; margin-top: 0.25em;}
.home_mealkit_box .mealkit_detail h4{ font-size: 5vw; margin-bottom: 3.75%;}
.home_mealkit_box .mealkit_detail p{ font-size: 3.75vw;}
.home_mealkit_box .mealkit_detail .btn_more{ margin-top: 5%;}
.home_mealkit_box .mealkit_detail .btn_more a{ font-size: 3.75vw; padding-right: 5vw;}
.home_mealkit_box .mealkit_detail .btn_more a:after{ width: 3.75vw; height: 3.75vw;}
}

.home_mealkit_box .mealkit_detail .price{ display: flex;}
.home_mealkit_box .mealkit_detail .price .price_l{ width: 200px; height: 76px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #F7F6F2; border-radius: 8px 0 0 8px; margin-right: 40px; position: relative;}
.home_mealkit_box .mealkit_detail .price .price_l:after{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #f7f6f2; border-width: 38px 0px 38px 30px; position: absolute; right: -29px; top: 50%; transform: translateY(-50%);}
.home_mealkit_box .mealkit_detail .price .price_l p{ color: #E50B0F; font-size: 20px; line-height: 1em; font-weight: 600;}
.home_mealkit_box .mealkit_detail .price .price_l p span{ font-size: 24px; line-height: 1em;}
.home_mealkit_box .mealkit_detail .price .price_l p strong span{ font-size: 32px; line-height: 1em;}
.home_mealkit_box .mealkit_detail .price .price_l small{ font-size: 10px; line-height: 1em; margin-top: 0.5em; padding-left: 1em; position: relative;}
.home_mealkit_box .mealkit_detail .price .price_l small:before{ content: "※"; position: absolute; left: 0; top: 0;}
@media screen and (max-width:768px){
.home_mealkit_box .mealkit_detail .price .price_l{ width: 30vw; height: 25vw; border-radius: 1.25vw 0 0 1.25vw; margin-right: 7.5vw;}
.home_mealkit_box .mealkit_detail .price .price_l:after{ border-width: 12.5vw 0px 12.5vw 5.25vw; right: -5vw;}
.home_mealkit_box .mealkit_detail .price .price_l p{ font-size: 4.5vw;}
.home_mealkit_box .mealkit_detail .price .price_l p span{ font-size: 5vw;}
.home_mealkit_box .mealkit_detail .price .price_l p strong span{ font-size: 7.5vw;}
.home_mealkit_box .mealkit_detail .price .price_l small{ font-size: 2.5vw; margin-top: 0.25em;}
}
.home_mealkit_box .mealkit_detail .price .price_r{ width: 240px;}
.home_mealkit_box .mealkit_detail .price .price_r dl{ display: flex; align-items: center;}
.home_mealkit_box .mealkit_detail .price .price_r dl dt{ display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; background: #E50B0F; color: #fff; font-size: 15px; line-height: 1.2em; font-weight: 600; margin-right: 6px; border-radius: 50%;}
.home_mealkit_box .mealkit_detail .price .price_r dl dd{ width: calc(100% - 70px);}
.home_mealkit_box .mealkit_detail .price .price_r dl dd p{ font-size: 12px; font-weight: 600;}
.home_mealkit_box .mealkit_detail .price .price_r dl dd strong{ font-size: 60px; font-weight: 600; color: #E60B12;}
.home_mealkit_box .mealkit_detail .price .price_r dl dd span{ font-size: 25px; font-weight: 600; color: #E60B12; position: relative;}
.home_mealkit_box .mealkit_detail .price .price_r dl dd span:before{ content: "(税込)"; font-size: 10px; line-height: 1em; width: 4em; position: absolute; left: -2px; top: -1em;}
.home_mealkit_box .mealkit_detail .price .price_r dl dd small{ font-size: 18px; font-weight: 600; color: #E60B12;}
@media screen and (max-width:768px){
.home_mealkit_box .mealkit_detail .price .price_r{ width: calc(100% - 37.5vw);}
.home_mealkit_box .mealkit_detail .price .price_r dl{ display: block;}
.home_mealkit_box .mealkit_detail .price .price_r dl dt{ width: 100%; height: 6vw; font-size: 4vw; margin: 0 auto 2.5%; border-radius: 1.25vw;}
.home_mealkit_box .mealkit_detail .price .price_r dl dd{ width: 100%;}
.home_mealkit_box .mealkit_detail .price .price_r dl dd p{ font-size: 3.75vw;}
.home_mealkit_box .mealkit_detail .price .price_r dl dd strong{ font-size: 15vw;}
.home_mealkit_box .mealkit_detail .price .price_r dl dd span{ font-size: 7vw;}
.home_mealkit_box .mealkit_detail .price .price_r dl dd span:before{ font-size: 2.5vw;}
.home_mealkit_box .mealkit_detail .price .price_r dl dd small{ font-size: 5vw;}
}

.home_mealkit_box .mealkit_detail .cat{ border: 1px solid #E81F24; border-radius: 8px; padding: 10px 20px; margin: 10px auto 20px;}
.home_mealkit_box .mealkit_detail .cat ul{ display: flex;}
.home_mealkit_box .mealkit_detail .cat ul li{ display: flex; align-items: center; margin-right: 16px;}
.home_mealkit_box .mealkit_detail .cat ul li span{ width: 40px; margin-right: 8px;}
.home_mealkit_box .mealkit_detail .cat ul li strong{ font-size: 11px; font-weight: 600; line-height: 1.25em;}
@media screen and (max-width:768px){
.home_mealkit_box .mealkit_detail .cat{ border-radius: 1.25vw; padding: 2.5%; margin: 2.5% auto 5%;}
.home_mealkit_box .mealkit_detail .cat ul li{ display: flex; flex-direction: column; width: 25%; text-align: center; margin: 0;}
.home_mealkit_box .mealkit_detail .cat ul li span{ width: 33.33%; margin: 0 auto 5%;}
.home_mealkit_box .mealkit_detail .cat ul li strong{ font-size: 2.5vw;}
}

.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl{ width: 90%; display: flex;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dt{ display: flex; align-items: center; justify-content: center; width: 54px; border-radius: 10px; background: #E81F24; color: #fff; font-size: 16px; font-weight: 600; margin-right: 10px;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd{ width: calc(100% - 64px);}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd span{ display: block; font-size: 10px; font-weight: 600; margin-bottom: 2px;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd strong{ font-size: 28px; letter-spacing: -0.05em;; font-weight: 600; color: #E50B0F;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd strong.ml{ margin-left: 1.5em;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd small{ font-size: 16px; font-weight: 600; color: #E50B0F; padding: 0.1875em 0 0; margin: 0 0 0 0.125em; position: relative;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd small:before{ display: none;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd small:after{ content: "(税込)"; font-size: 5px; line-height: 1.25em; width: 4em; position: absolute; left: 0.1em; top: -0.75em;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd p{ display: flex; margin-top: 0.5em;}

@media screen and (max-width:768px){
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl{ width: auto;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dt{ display: none;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd{ width: 100%;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd span{ text-align: center; font-size: 3vw; margin-bottom: 1em; color: #E50B0F;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd span span{ display: inline; margin: 0;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd strong{ font-size: 5vw; letter-spacing: 0; line-height: 1.25em; color: #000;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd strong.ml{ margin-left: 0;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd small{ font-size: 3.5vw; margin-left: 0.25em; color: #000;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd small:after{ display: none; font-size: 2.5vw; width: auto; position: static;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd small span{ font-size: 2.5vw; color: #000; display: inline-block; margin: 0;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_l dl dd p{ display: block; text-align: right;}
}

.home_mealkit_box.kit03 .mealkit_detail .price .price_r dl dd span:before{ display: none;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_r dl dd span{ font-size: 24px;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_r dl dd strong{ font-size: 60px;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_r dl dd strong span{ font-size: 24px;}
@media screen and (max-width:768px){
.home_mealkit_box.kit03 .mealkit_detail .price .price_r dl dd span{ font-size: 7.5vw;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_r dl dd strong{ font-size: 15vw;}
.home_mealkit_box.kit03 .mealkit_detail .price .price_r dl dd strong span{ font-size: 6.25vw;}
}





/*pages*/
/*mv*/
#shishoku #mv{ background: #efefef;}
#shishoku.cutmeal #mv{ background: #E4F2E9;}
#shishoku.smile #mv{ background: #FFEDF3;}
#shishoku.raku #mv{ background: #F4E9CD;}
#shishoku.lovyu #mv{ background: #E8E9ED;}
#shishoku #mv .maincontent{ display: flex; align-items: center; justify-content: center;}
#shishoku #mv figure.mv_img{ width: 760px; position: relative;}
#shishoku #mv figure.mv_img img{ width: 840px; max-width: 840px;}
#shishoku #mv figure.mv_img span{ position: absolute; left: 20px; bottom: 20px;}
#shishoku #mv figure.mv_img span img{ width: 160px;}
#shishoku #mv #mv_txt{ width: calc(1200px - 760px); margin: auto; padding-right: 60px;}
@media screen and (max-width:768px){
#shishoku #mv .maincontent{ flex-direction: column-reverse;}
#shishoku #mv figure.mv_img{ width: 100%;}
#shishoku #mv figure.mv_img img{ width: calc(100% + 7.5vw); margin-left: -3.75vw;}
#shishoku #mv figure.mv_img span{ position: absolute; left: 2.5vw; bottom: 2.5vw;}
#shishoku #mv figure.mv_img span img{ width: 17.5vw;}
#shishoku #mv #mv_txt{ width: 100%; padding: 7.5% 0;}
}
#shishoku #mv #mv_txt figure.logo{ text-align: left; margin-bottom: 20px;}
#shishoku #mv #mv_txt figure.logo img{ height: 50px;}
#shishoku #mv #mv_txt p{ font-size: 22px; line-height: 1.5em; font-weight: 600;}
#shishoku #mv #mv_txt p.att{ margin-top: 0.5em; text-align: right; font-size: 12px; font-weight: 300;}
#shishoku #mv #mv_txt p.att2{ margin-top: 0.5em; font-size: 12px; font-weight: 300;}
#shishoku #mv #mv_txt .mv_txt_box{ margin: 15px auto 0; background: #fff; padding: 15px 20px; border-radius: 15px;}
#shishoku #mv #mv_txt .mv_txt_box dl{ display: flex; align-items: center; font-weight: 600; padding: 10px 0; border-bottom: 2px dotted #000;}
#shishoku #mv #mv_txt .mv_txt_box dl.off{ padding-top: 0;}
#shishoku #mv #mv_txt .mv_txt_box dl.shipping{ padding-bottom: 0; border: none;}
#shishoku #mv #mv_txt .mv_txt_box dl dt{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 120px; height: 64px; background: #E81F24; color: #fff; font-size: 12px; line-height: 1em; font-weight: 600; border-radius: 4px;}
#shishoku #mv #mv_txt .mv_txt_box dl dt strong{ font-size: 22px; line-height: 1em; font-weight: 600;}
#shishoku #mv #mv_txt .mv_txt_box dl dt strong b{ font-size: 32px; line-height: 1em;}
#shishoku #mv #mv_txt .mv_txt_box dl dd{ margin-left: 20px; width: calc(100% - 84px); font-size: 18px; line-height: 1.5em;}
#shishoku #mv #mv_txt .mv_txt_box dl dd strong{ font-size: 32px; line-height: 1em; color: #E81F24;}
#shishoku #mv #mv_txt .mv_txt_box dl dd strong span{ font-size: 36px; line-height: 1em;}
#shishoku #mv #mv_txt .mv_txt_box dl.shipping dt{ background: #EBE7D9; color: #E50B0F; font-size: 20px; line-height: 1.2em;}
#shishoku #mv #mv_txt .mv_txt_box dl.shipping dd{ font-size: 14px; line-height: 1.25em;}
#shishoku #mv #mv_txt .mv_txt_box dl.shipping dd strong{ font-size: 15px; line-height: 1em; color: #E50B0F;}
#shishoku #mv #mv_txt .mv_txt_box dl.shipping dd strong span{ font-size: 32px; line-height: 1em;}
#shishoku #mv #mv_txt .mv_txt_box dl.shipping dd strong b{ font-size: 56px; line-height: 1em;}
#shishoku #mv #mv_txt .mv_txt_box-raku{ margin: 15px auto 0; background: #fff; padding: 15px 20px; border-radius: 15px;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl{ text-align: center;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl dt{ border-bottom: 2px dotted #000; font-size: 18px; line-height: 1.75em; font-weight: 600; padding-bottom: 0.25em;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl dt strong{ font-size: 24px;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl dt strong.red{ color: #E81F24; font-size: 20px;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl dd{ color: #E50B0F; font-size: 32px; font-weight: 600; padding-top: 0.25em;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl dd strong{ font-size: 69px;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl dd strong span{ font-size: 52px;}
#shishoku #mv #mv_txt ul{ margin-top: 10px;}
#shishoku #mv #mv_txt ul li{ padding-left: 36px; font-size: 18px; font-weight: 600; line-height: 1.75em; position: relative;}
#shishoku #mv #mv_txt ul li:before{ content: ""; width: 21px; height: 21px; background: url("../images/mv_check.png") center center no-repeat; background-size: 100%; position: absolute; left: 0; top: 0.25em;}
@media screen and (max-width:768px){
#shishoku #mv #mv_txt figure.logo{ text-align: center; margin-bottom: 5%;}
#shishoku #mv #mv_txt figure.logo img{ height: 10vw; line-height: 0; width:  auto !important;}
#shishoku #mv #mv_txt p{ font-size: 5vw; text-align: center;}
#shishoku #mv #mv_txt p.att{ font-size: 2.5vw;}
#shishoku #mv #mv_txt p.att2{ font-size: 2.5vw;}
#shishoku #mv #mv_txt .mv_txt_box{ margin: 3.75% auto 0; padding: 2.5vw 0; border-radius: 2.5vw; display: flex;}
#shishoku #mv #mv_txt .mv_txt_box dl{ width: 50%; padding: 0 3.75vw; flex-direction: column; border-bottom: none; border-right: 2px dotted #000;}
#shishoku #mv #mv_txt .mv_txt_box dl.off{ padding: 0 3.75vw;}
#shishoku #mv #mv_txt .mv_txt_box dl.shipping{ padding: 0 3.75vw;}
#shishoku #mv #mv_txt .mv_txt_box dl dt{ flex-direction: row; width: 100%; height: 7.5vw; font-size: 2.75vw; margin-bottom: 3.75%;}
#shishoku #mv #mv_txt .mv_txt_box dl.off dt{ padding-top: 2.5%;}
#shishoku #mv #mv_txt .mv_txt_box dl dt strong{ font-size: 3.75vw; margin: 0 0.125em 0.25em;}
#shishoku #mv #mv_txt .mv_txt_box dl dt strong b{ font-size: 5vw;}
#shishoku #mv #mv_txt .mv_txt_box dl dd{ margin: 0; width: 100%; font-size: 3.75vw; text-align: center;}
#shishoku #mv #mv_txt .mv_txt_box dl dd strong{ font-size: 6vw;}
#shishoku #mv #mv_txt .mv_txt_box dl dd strong span{ font-size: 6vw;}
#shishoku #mv #mv_txt .mv_txt_box dl.shipping dt{ font-size: 4.2vw;}
#shishoku #mv #mv_txt .mv_txt_box dl.shipping dd{ font-size: 3.2vw;}
#shishoku #mv #mv_txt .mv_txt_box dl.shipping dd strong{ font-size: 3.2vw;}
#shishoku #mv #mv_txt .mv_txt_box dl.shipping dd strong span{ font-size: 4.5vw;}
#shishoku #mv #mv_txt .mv_txt_box dl.shipping dd strong b{ font-size: 9vw;}
#shishoku #mv #mv_txt .mv_txt_box-raku{ margin: 3.75% auto 0; padding: 2.5vw 3.75vw; border-radius: 2.5vw;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl{ text-align: center;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl dt{ border-bottom: 2px dotted #000; font-size: 3.5vw; line-height: 1.75em; font-weight: 600; padding-bottom: 0.25em;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl dt strong{ font-size: 5vw;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl dt strong.red{ color: #E81F24; font-size: 4vw;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl dd{ color: #E50B0F; font-size: 6vw; font-weight: 600; padding-top: 0.25em;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl dd strong{ font-size: 12vw;}
#shishoku #mv #mv_txt .mv_txt_box-raku dl dd strong span{ font-size: 9vw;}
#shishoku #mv #mv_txt ul{ margin-top: 5%;}
#shishoku #mv #mv_txt ul li{ padding-left: 7.5vw; font-size: 4.2vw;}
#shishoku #mv #mv_txt ul li:before{ width: 5vw; height: 5vw;}
}


/*target*/
#shishoku #target{ padding: 40px 0 50px;}
#shishoku #target .target_box{ display: flex; align-items: center; justify-content: space-between; border: 3px solid #E81F24; border-radius: 40px; padding: 40px 90px 0 120px;}
#shishoku #target .target_box ul li{ font-size: 24px; line-height: 1.5em; margin-bottom: 0.5em; font-weight: 600; padding-left: 36px; position: relative;}
#shishoku #target .target_box ul li:before{ content: ""; width: 21px; height: 21px; background: url("../images/mv_check.png") center center no-repeat; background-size: 100%; position: absolute; left: 0; top: 0.4em;}
#shishoku #target .target_box figure{ width: 440px;}
#shishoku #target h3{ display: flex; align-items: center; justify-content: center; margin: 50px auto 0;}
#shishoku #target h3 span{ width: 88px; margin-right: 15px;}
#shishoku #target h3 strong{ font-size: 32px; line-height: 1.33em; font-weight: 600;}
@media screen and (max-width:768px){
#shishoku #target{ padding: 10% 0;}
#shishoku #target .target_box{ flex-direction: column; border-radius: 5vw; padding: 10% 3.75% 0;}
#shishoku #target .target_box ul li{ font-size: 4.2vw; line-height: 1.5em; padding-left: 7.5vw;}
#shishoku #target .target_box ul li:before{ width: 5vw; height: 5vw; top: 0.33em;}
#shishoku #target .target_box figure{ width: 66.66%; margin-top: 7.5%;}
#shishoku #target h3{ margin: 7.5% 3.75% 0; align-items: flex-start;}
#shishoku #target h3 span{ width: 20%; margin-right: 3.75%;}
#shishoku #target h3 strong{ font-size: 5vw;}
}


/*detail*/
#shishoku #detail{ background: #efefef; padding: 90px 0; position: relative;}
#shishoku #detail:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: #fff transparent transparent transparent; border-width: 40px 40px 0px 40px; position: absolute; left: 0; right: 0; top: -1px; margin: auto;}
#shishoku.cutmeal #detail{ background: #E4F2E9;}
#shishoku.smile #detail{ background: #FFEDF3;}
#shishoku.raku #detail{ background: #F4E9CD;}
#shishoku.lovyu #detail{ background: #E8E9ED;}
#shishoku #detail h2{ display: flex; align-items: center; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 2px dotted #000;}
#shishoku #detail h2 span{ margin-right: 60px;}
#shishoku #detail h2 span img{ height: 80px;}
#shishoku #detail h2 strong{ font-size: 36px; line-height: 1.2em;}
@media screen and (max-width:768px){
#shishoku #detail{ padding: 15% 0;}
#shishoku #detail:before{ border-width: 7.5vw 7.5vw 0 7.5vw;}
#shishoku #detail h2{ display: block; text-align: center; padding-bottom: 5%; margin-bottom: 3.75%;}
#shishoku #detail h2 span{ display: block; margin: 0 auto 5%;}
#shishoku #detail h2 span img{ height: 12.5vw; line-height: 0; width: auto !important;}
#shishoku #detail h2 strong{ display: block; font-size: 5vw;}
}

#shishoku #detail #detail01,
#shishoku #detail #detail01_2{ display: flex;}
#shishoku #detail #detail01 #detail01_slide,
#shishoku #detail #detail01_2 #detail01_2_slide{ width: 450px; height: 450px; position: relative;}
#shishoku #detail #detail01 #detail01_slide #detail01_slide01,
#shishoku #detail #detail01 #detail01_slide #detail01_slide02,
#shishoku #detail #detail01 #detail01_slide #detail01_slide03,
#shishoku #detail #detail01_2 #detail01_2_slide #detail01_slide04,
#shishoku #detail #detail01_2 #detail01_2_slide #detail01_slide05,
#shishoku #detail #detail01_2 #detail01_2_slide #detail01_slide06{ width: 450px; position: absolute; opacity: 0; transition: opacity 0.3s;}
#shishoku #detail #detail01 #detail01_slide #detail01_slide01.active,
#shishoku #detail #detail01 #detail01_slide #detail01_slide02.active,
#shishoku #detail #detail01 #detail01_slide #detail01_slide03.active,
#shishoku #detail #detail01_2 #detail01_2_slide #detail01_slide04.active,
#shishoku #detail #detail01_2 #detail01_2_slide #detail01_slide05.active,
#shishoku #detail #detail01_2 #detail01_2_slide #detail01_slide06.active{ opacity: 1.0;}
@media screen and (max-width:768px){
#shishoku #detail #detail01 #detail01_slide,
#shishoku #detail #detail01_2 #detail01_2_slide{ width: 80vw; height: 80vw; margin: auto;}
#shishoku #detail #detail01 #detail01_slide #detail01_slide01,
#shishoku #detail #detail01 #detail01_slide #detail01_slide02,
#shishoku #detail #detail01 #detail01_slide #detail01_slide03,
#shishoku #detail #detail01_2 #detail01_2_slide #detail01_slide04,
#shishoku #detail #detail01_2 #detail01_2_slide #detail01_slide05,
#shishoku #detail #detail01_2 #detail01_2_slide #detail01_slide06{ width: 80vw;}
}

#shishoku #detail #detail01 #detail01_slide .bx-wrapper{ box-shadow: none; border: none; background: none; margin: 0; z-index: 10;}
#shishoku #detail #detail01 #detail01_slide .bx-wrapper .bxslider{ padding: 0 !important; margin: 0 !important;}
#shishoku #detail #detail01 #detail01_slide .bx-wrapper .bxslider img{ border-radius: 20px;}
#shishoku #detail #detail01 #detail01_slide .bx-wrapper .bx-controls-direction a.bx-prev{ width: 48px; height: 48px; background: url("../images/slide_prev.png") center center no-repeat; background-size: 100%; left: -20px;}
#shishoku #detail #detail01 #detail01_slide .bx-wrapper .bx-controls-direction a.bx-next{ width: 48px; height: 48px; background: url("../images/slide_next.png") center center no-repeat; background-size: 100%; right: -20px;}
#shishoku #detail #detail01 #detail01_info{ width: calc(100% - 530px); margin-left: 60px; display: flex; flex-direction: column; justify-content: space-between;}
#shishoku #detail #detail01 #detail01_info .detail01_list{ margin: 0 auto 30px; width: 100%;}
#shishoku #detail #detail01 #detail01_info .detail01_list ul{ display: flex; align-items: flex-start; width: calc(100% + 32px); margin: -8px -16px;}
#shishoku #detail #detail01 #detail01_info .detail01_list ul li{ display: flex; align-items: center; margin: 8px 16px;}
#shishoku #detail #detail01 #detail01_info .detail01_list ul li span{ width: 48px; margin-right: 8px;}
#shishoku #detail #detail01 #detail01_info .detail01_list ul li strong{ font-size: 14px; line-height: 1.2em;}
#shishoku #detail #detail01 #detail01_info h3{ margin: 0; font-size: 24px; font-weight: 600; margin-bottom: 15px;}
#shishoku.cutmeal #detail #detail01 #detail01_info h3{ color: #5EB384;}
#shishoku.smile #detail #detail01 #detail01_info h3{ color: #D9648E;}
#shishoku.raku #detail #detail01 #detail01_info h3{ color: #E4A902;}
#shishoku #detail #detail01 #detail01_info p.txt{ font-size: 16px; line-height: 1.75em; text-align: justify;}
#shishoku #detail #detail01 #detail01_info .recom{ width: 100%; background: #fff; padding: 20px 30px; border-radius: 20px; margin: 20px auto 0;}
#shishoku #detail #detail01 #detail01_info .recom h4{ display: flex; align-items: center; margin-bottom: 10px;}
#shishoku #detail #detail01 #detail01_info .recom h4 span{ width: 30px; margin-right: 10px;}
#shishoku #detail #detail01 #detail01_info .recom h4 strong{ font-size: 18px; font-weight: 600;}
#shishoku #detail #detail01 #detail01_info .recom ul{ display: flex; width: calc(100% + 6px); margin: -3px 0 -3px -3px;}
#shishoku #detail #detail01 #detail01_info .recom ul li{ display: flex; align-items: center; justify-content: center; width: calc(33.33% - 6px); height: 40px; margin: 3px; background: #aaa; color: #fff; font-size: 16px; font-weight: 600;}
#shishoku #detail #detail01 #detail01_info .recom ul li.cat01{ background: #D9BA66;}
#shishoku #detail #detail01 #detail01_info .recom ul li.cat02{ background: #93B6EA;}
#shishoku #detail #detail01 #detail01_info .recom ul li.cat03{ background: #F292AE;}
#shishoku #detail #detail01 #detail01_info .recom ul li.cat04{ background: #A9D359;}
@media screen and (max-width:768px){
#shishoku #detail #detail01{ display: block;}
#shishoku #detail #detail01 #detail01_slide .bx-wrapper .bxslider img{ border-radius: 1.25vw;}
#shishoku #detail #detail01 #detail01_slide .bx-wrapper .bx-controls-direction a.bx-prev{ width: 7.5vw; height: 7.5vw; left: -3.75vw;}
#shishoku #detail #detail01 #detail01_slide .bx-wrapper .bx-controls-direction a.bx-next{  width: 7.5vw; height: 7.5vw; right: -3.75vw;}
#shishoku #detail #detail01 #detail01_info{ width: 100%; margin: 5% auto 0; display: block;}
#shishoku #detail #detail01 #detail01_info .detail01_list{ margin: 0 auto 5%;}
#shishoku #detail #detail01 #detail01_info .detail01_list ul{ width: 90%; display: flex; justify-content: center; margin: 0 auto;}
#shishoku #detail #detail01 #detail01_info .detail01_list ul li{ display: block; width: 25%; padding: 0 2.5%; margin: 0; text-align: center;}
#shishoku #detail #detail01 #detail01_info .detail01_list ul li span{ display: block; width: 7.5vw; margin: 0 auto 5%;}
#shishoku #detail #detail01 #detail01_info .detail01_list ul li strong{ display: block; font-size: 2.5vw;}
#shishoku #detail #detail01 #detail01_info h3{ margin: 0; font-size: 4.5vw; margin-bottom: 3.75%;}
#shishoku #detail #detail01 #detail01_info p.txt{ font-size: 3.75vw;}
#shishoku #detail #detail01 #detail01_info .recom{ padding: 5%; border-radius: 1.25vw; margin: 5% auto;}
#shishoku #detail #detail01 #detail01_info .recom h4{margin-bottom: 2.5%;}
#shishoku #detail #detail01 #detail01_info .recom h4 span{ width: 6vw; margin-right: 1.25vw;}
#shishoku #detail #detail01 #detail01_info .recom h4 strong{ font-size: 3.75vw;}
#shishoku #detail #detail01 #detail01_info .recom ul{ width: calc(100% + 1.25vw); margin: -0.625vw 0 -0.625vw -0.625vw;}
#shishoku #detail #detail01 #detail01_info .recom ul li{ width: calc(33.33% - 1.25vw); height: 10vw; margin: 0.625vw; font-size: 3.75vw;}
}

#shishoku #detail #detail02{ margin: 60px auto;}
#shishoku #detail #detail02 #detail02_nav ul{ display: flex;}
#shishoku #detail #detail02 #detail02_nav ul li{ display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; background: #fff; color: #E81F24; border: 2px solid #E81F24; font-size: 24px; font-weight: 600; cursor: pointer; transition: 0.3s;}
#shishoku #detail #detail02 #detail02_nav ul li:first-child{ border-right: none; border-radius: 8px 0 0 8px;}
#shishoku #detail #detail02 #detail02_nav ul li:last-child{ border-left: none; border-radius: 0 8px 8px 0;}
#shishoku #detail #detail02 #detail02_nav ul li.active{ background: #E81F24; color: #fff;}
@media screen and (max-width:768px){
#shishoku #detail #detail02{ margin: 10% auto;}
#shishoku #detail #detail02 #detail02_nav ul li{ height: 15vw; font-size: 4.2vw;}
#shishoku #detail #detail02 #detail02_nav ul li:first-child{ border-radius: 1.25vw 0 0 1.25vw;}
#shishoku #detail #detail02 #detail02_nav ul li:last-child{ border-radius: 0 1.25vw 1.25vw 0;}
}
#shishoku #detail #detail02 .detail02_cont{ display: none; margin-top: 30px;}
#shishoku #detail #detail02 .detail02_cont.active{ display: block;}
#shishoku #detail #detail02 .detail02_cont h3{ text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 10px;}
#shishoku #detail #detail02 .detail02_cont h4{ display: flex; align-items: center; justify-content: center; text-align: center; font-size: 20px; font-weight: 600; margin: 20px auto 30px;}
#shishoku #detail #detail02 .detail02_cont h4 strong{ display: flex; align-items: center; justify-content: center; padding: 0.25em 2em 1em; background: #E81F24; color: #fff;}
#shishoku #detail #detail02 .detail02_cont h4 strong{ width: 382px; height: 60px; background: url("../images/detail02_camp_bg.png") center center no-repeat; background-size: 100%;}
#shishoku #detail #detail02 .detail02_cont ul{ display: flex;}
#shishoku #detail #detail02 .detail02_cont ul li{ width: 50%; position: relative;}
#shishoku #detail #detail02 .detail02_cont ul li span.num{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #fff; color: #E81F24; font-size: 16px; font-weight: 600; border-radius: 50%; position: absolute; left: 10px; top: 10px;}
#shishoku #detail #detail02 .detail02_cont p{ padding: 5px 10px; font-size: 16px; font-weight: 600; line-height: 1.5em;}
@media print, screen and (min-width:769px){
#shishoku #detail #detail02 .detail02_cont .swiper-wrapper{ display: flex;}
#shishoku #detail #detail02 .detail02_cont .swiper-wrapper .swiper-slide{ width: 40%;}
#shishoku #detail #detail02 .detail02_cont .swiper-wrapper .swiper-slide:last-child{ width: 20%;}
#shishoku #detail #detail02 .detail02_cont .swiper-wrapper .swiper-slide:last-child ul li{ width: 100%;}
}
@media screen and (max-width:768px){
#shishoku #detail #detail02 .detail02_cont{ position: relative;}
#shishoku #detail #detail02 .detail02_cont h3{ font-size: 4.2vw; margin-bottom: 2.5%;}
#shishoku #detail #detail02 .detail02_cont h4{ font-size: 4.2vw; margin: 5% auto;}
#shishoku #detail #detail02 .detail02_cont h4 strong{ padding: 0.25em 1.25em 1em; border-radius: 1.25vw;}
#shishoku #detail #detail02 .detail02_cont h4 strong{ width: 80vw; height: 13.6vw; background: url("../images/detail02_camp_bg_smp.png") center center no-repeat; background-size: 100%;}

#shishoku #detail #detail02 .detail02_cont ul li span.num{ width: 7.5vw; height: 7.5vw; font-size: 3.75vw; left: 1.25vw; top: 1.25vw;}
#shishoku #detail #detail02 .detail02_cont p{ padding: 5%; font-size: 3.75vw;}
#shishoku #detail #detail02 .detail02_cont .swiper .swiper-button-next{ width: 7.5vw; height: 7.5vw; background: url("../images/slide_prev.png") center center no-repeat; background-size: 100%;}
#shishoku #detail #detail02 .detail02_cont .swiper .swiper-button-prev{ width: 7.5vw; height:7.5vw; background: url("../images/slide_next.png") center center no-repeat; background-size: 100%;}
#shishoku #detail #detail02 .detail02_cont .swiper .swiper-button-prev,
#shishoku #detail #detail02 .detail02_cont .swiper .swiper-rtl .swiper-button-next{ left: auto; right: -2.5vw; top: 32vw; transform: none; margin: 0;}
#shishoku #detail #detail02 .detail02_cont .swiper .swiper-button-next,
#shishoku #detail #detail02 .detail02_cont .swiper .swiper-rtl .swiper-button-prev{ left: -2.5vw; right: auto; top: 32vw; transform: none; margin: 0;}
#shishoku #detail #detail02 .detail02_cont .swiper.camp .swiper-button-prev,
#shishoku #detail #detail02 .detail02_cont .swiper.camp .swiper-rtl .swiper-button-next{ top: 52.5vw;}
#shishoku #detail #detail02 .detail02_cont .swiper.camp .swiper-button-next,
#shishoku #detail #detail02 .detail02_cont .swiper.camp .swiper-rtl .swiper-button-prev{ top: 52.5vw;}
}

#shishoku #detail #detail03{ background: #fff; border: 2px solid #E81F24; border-radius: 40px; padding: 40px 60px;}
#shishoku #detail #detail03 #detail03_tit{ display: flex; justify-content: space-between; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 4px dotted #E81F24;}
#shishoku #detail #detail03 #detail03_tit01{ width: 330px; display: flex; flex-direction: column; align-items: center;}
#shishoku #detail #detail03 #detail03_tit01 span{ font-size: 20px; padding: 1em 0; color: #E50B0F; font-weight: 600; position: relative;}
#shishoku #detail #detail03 #detail03_tit01 span:before{ content: ""; width: 16px; height: 32px; background: url("../images/first_ico_l.png") center center no-repeat; background-size: 100%; position: absolute; left: -32px; top: 50%; transform: translateY(-50%);}
#shishoku #detail #detail03 #detail03_tit01 span:after{ content: ""; width: 16px; height: 32px; background: url("../images/first_ico_r.png") center center no-repeat; background-size: 100%; position: absolute; right: -32px; top: 50%; transform: translateY(-50%);}
#shishoku #detail #detail03 #detail03_tit01 strong{ font-size: 52px; color: #E50B0F; font-weight: 600; position: relative;}
@media screen and (max-width:768px){
#shishoku #detail #detail03{ border-radius: 5vw; padding: 7.5% 3.75%;}
#shishoku #detail #detail03 #detail03_tit{ flex-direction: row; flex-wrap: wrap; padding-bottom: 0; margin-bottom: 7.5%; border: none;}
#shishoku #detail #detail03 #detail03_tit01{ width: 100%; padding-bottom: 5%; margin-bottom: 5%; border-bottom: 4px dotted #E81F24;}
#shishoku #detail #detail03 #detail03_tit01 span{ font-size: 3.75vw; padding: 0.5em 0;}
#shishoku #detail #detail03 #detail03_tit01 span:before{ width: 3vw; height: 6vw; left: -6vw;}
#shishoku #detail #detail03 #detail03_tit01 span:after{ width: 3vw; height: 6vw; right: -6vw;}
#shishoku #detail #detail03 #detail03_tit01 strong{ font-size: 7vw;}
}
#shishoku #detail #detail03 #detail03_tit02{ width: 290px; height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #F7F6F2; border-radius: 8px 0 0 8px; margin-right: 45px; position: relative;}
#shishoku #detail #detail03 #detail03_tit02:after{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #f7f6f2; border-width: 60px 0px 60px 45px; position: absolute; right: -44px; top: 50%; transform: translateY(-50%);}
#shishoku #detail #detail03 #detail03_tit02 p{ color: #E50B0F; font-size: 28px; line-height: 1em; font-weight: 600;}
#shishoku #detail #detail03 #detail03_tit02 p span{ font-size: 36px; line-height: 1em;}
#shishoku #detail #detail03 #detail03_tit02 p strong span{ font-size: 50px; line-height: 1em;}
#shishoku #detail #detail03 #detail03_tit02 small{ font-size: 14px; line-height: 1em; margin-top: 0.5em; padding-left: 1em; position: relative;}
#shishoku #detail #detail03 #detail03_tit02 small:before{ content: "※"; position: absolute; left: 0; top: 0;}
@media screen and (max-width:768px){
#shishoku #detail #detail03 #detail03_tit02{ width: 27.5vw; height: 25vw; border-radius: 1.25vw 0 0 1.25vw; margin-right: 7.5vw;}
#shishoku #detail #detail03 #detail03_tit02:after{ border-width: 12.5vw 0px 12.5vw 5.25vw; right: -5vw;}
#shishoku #detail #detail03 #detail03_tit02 p{ font-size: 4vw;}
#shishoku #detail #detail03 #detail03_tit02 p span{ font-size: 5vw;}
#shishoku #detail #detail03 #detail03_tit02 p strong span{ font-size: 7.5vw;}
#shishoku #detail #detail03 #detail03_tit02 small{ font-size: 2.5vw; margin-top: 0.25em;}
}
#shishoku #detail #detail03 #detail03_tit03{ width: 380px;}
#shishoku #detail #detail03 #detail03_tit03 dl{ display: flex; align-items: center;}
#shishoku #detail #detail03 #detail03_tit03 dl dt{ display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background: #E50B0F; color: #fff; font-size: 23px; line-height: 1.2em; font-weight: 600; margin-right: 10px; border-radius: 50%;}
#shishoku #detail #detail03 #detail03_tit03 dl dd{ width: calc(100% - 110px);}
#shishoku #detail #detail03 #detail03_tit03 dl dd p{ font-size: 18px; font-weight: 600;}
#shishoku #detail #detail03 #detail03_tit03 dl dd strong{ font-size: 94px; font-weight: 600; color: #E60B12;}
#shishoku #detail #detail03 #detail03_tit03 dl dd span{ font-size: 40px; font-weight: 600; color: #E60B12; position: relative;}
#shishoku #detail #detail03 #detail03_tit03 dl dd span:before{ content: "(税込)"; font-size: 15px; line-height: 1em; width: 4em; position: absolute; left: -2px; top: -1em;}
#shishoku #detail #detail03 #detail03_tit03 dl dd small{ font-size: 28px; font-weight: 600; color: #E60B12;}
@media screen and (max-width:768px){
#shishoku #detail #detail03 #detail03_tit03{ width: calc(100% - 35vw);}
#shishoku #detail #detail03 #detail03_tit03 dl{ display: block;}
#shishoku #detail #detail03 #detail03_tit03 dl dt{ width: 100%; height: 6vw; font-size: 4vw; margin: 0 auto 2.5%; border-radius: 1.25vw;}
#shishoku #detail #detail03 #detail03_tit03 dl dd{ width: 100%;}
#shishoku #detail #detail03 #detail03_tit03 dl dd p{ font-size: 3.75vw;}
#shishoku #detail #detail03 #detail03_tit03 dl dd strong{ font-size: 15vw;}
#shishoku #detail #detail03 #detail03_tit03 dl dd span{ font-size: 7vw;}
#shishoku #detail #detail03 #detail03_tit03 dl dd span:before{ font-size: 2.5vw;}
#shishoku #detail #detail03 #detail03_tit03 dl dd small{ font-size: 5vw;}
}
#shishoku #detail #detail03 #detail03_tit04{ padding-top: 6px; padding-left: 60px; width: calc(100% - 330px);}
#shishoku #detail #detail03 #detail03_tit04 dl{ display: flex; align-items: center;}
#shishoku #detail #detail03 #detail03_tit04 dl dt{ display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background: #E50B0F; color: #fff; font-size: 23px; font-weight: 600; border-radius: 50%; margin-right: 20px;}
#shishoku #detail #detail03 #detail03_tit04 dl dd p{ font-size: 24px; font-weight: 600; line-height: 1.5em;}
#shishoku #detail #detail03 #detail03_tit04 dl dd small{ display: inline-block; font-size: 14px; line-height: 1em; margin-top: 0.5em; padding-left: 1em; position: relative;}
#shishoku #detail #detail03 #detail03_tit04 dl dd small:before{ content: "※"; position: absolute; left: 0; top: 0;}
@media screen and (max-width:768px){
#shishoku #detail #detail03 #detail03_tit04{ padding:0; width: 100%;}
#shishoku #detail #detail03 #detail03_tit04 dl{ display: block; text-align: center;}
#shishoku #detail #detail03 #detail03_tit04 dl dt{ display: flex; align-items: center; justify-content: center; width: 100%; height: auto; background: #E50B0F; color: #fff; font-size: 4vw; padding: 0.25em; border-radius: 0.625vw; margin: 0 auto 5%;}
#shishoku #detail #detail03 #detail03_tit04 dl dd p{ font-size: 5vw;}
#shishoku #detail #detail03 #detail03_tit04 dl dd small{ font-size: 2.5vw;}
}

#shishoku #detail #detail03 h3{ text-align: center; font-size: 24px; font-weight: 600; margin-bottom: 20px;}
#shishoku #detail #detail03 .price h4{ background: #333; color: #fff; font-size: 22px; font-weight: 600; text-align: center; padding: 0.25em;}
#shishoku #detail #detail03 .price .price_in{ display: flex; border: 1px solid #333; background: #F7F6F2; padding: 15px 20px;}
#shishoku #detail #detail03 .price .price_in dl{ width: 33.33%; display: flex; align-items: center;}
#shishoku #detail #detail03 .price .price_in dl dt{ display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 10px; background: #E81F24; color: #fff; font-size: 24px; font-weight: 600; margin-right: 20px;}
#shishoku #detail #detail03 .price .price_in dl dd{ width: calc(100% - 120px);}
#shishoku #detail #detail03 .price .price_in dl dd span{ display: block; font-size: 18px; font-weight: 600; margin-bottom: 4px;}
#shishoku #detail #detail03 .price .price_in dl dd strong{ font-size: 64px; font-weight: 600; color: #E50B0F;}
#shishoku #detail #detail03 .price .price_in dl dd small{ font-size: 32px; font-weight: 600; color: #E50B0F; margin-left: 4px; position: relative;}
#shishoku #detail #detail03 .price .price_in dl dd small:before{ content: "(税込)"; font-size: 12px; line-height: 1em; width: 4em; position: absolute; left: -2px; top: -1em;}
#shishoku #detail #detail03 .att{ font-size: 14px; line-height: 1.5em; margin-top: 10px;}
#shishoku #detail #detail03 .att ul li{ font-size: 14px; padding-left: 1em; position: relative;}
#shishoku #detail #detail03 .att ul li:before{ content: "※"; position: absolute; left: 0; top: 0;}
@media screen and (max-width:768px){
#shishoku #detail #detail03 h3{ font-size: 5vw; margin-bottom: 5%;}
#shishoku #detail #detail03 .price h4{ font-size: 4.5vw;}
#shishoku #detail #detail03 .price .price_in{ display: block; padding: 5%;}
#shishoku #detail #detail03 .price .price_in dl{ width: 100%; margin-bottom: 5%;}
#shishoku #detail #detail03 .price .price_in dl:last-child{ margin-bottom: 0;}
#shishoku #detail #detail03 .price .price_in dl dt{ width: 20vw; height: 20vw; border-radius: 2.5vw; font-size: 5vw; margin-right: 5vw;}
#shishoku #detail #detail03 .price .price_in dl dd{ width: calc(100% - 25vw);}
#shishoku #detail #detail03 .price .price_in dl dd span{ font-size: 4.2vw; margin-bottom: 1.25%;}
#shishoku #detail #detail03 .price .price_in dl dd strong{ font-size: 15vw;}
#shishoku #detail #detail03 .price .price_in dl dd small{ font-size: 7vw; margin-left: 0.125em;}
#shishoku #detail #detail03 .price .price_in dl dd small:before{ font-size: 2.75vw; left: 0; top: -0.75em;}
#shishoku #detail #detail03 .att{ font-size: 3.2vw; margin-top: 3.75%;}
#shishoku #detail #detail03 .att ul li{ font-size: 3.2vw;}
}

/*lovyu*/
#shishoku #detail #detail03 .price .price_in.lovyu{ justify-content: center;}
#shishoku #detail #detail03 .price .price_in.lovyu dl{ width: 40%; margin: 0 20px;}
#shishoku #detail #detail03 .price .price_in.lovyu dl dt{ width: 180px;}
#shishoku #detail #detail03 .price .price_in.lovyu dl dd{ width: calc(100% - 200px);}
@media screen and (max-width:768px){
#shishoku #detail #detail03 .price .price_in.lovyu dl{ width: 100%; margin: 0 0 5%;}
#shishoku #detail #detail03 .price .price_in.lovyu dl:last-child{ margin-bottom: 0;}
#shishoku #detail #detail03 .price .price_in.lovyu dl dt{ width: 20vw;}
#shishoku #detail #detail03 .price .price_in.lovyu dl dd{ width: calc(100% - 25vw);}
}

/*raku*/
#shishoku #detail #detail03 .price-raku{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
#shishoku #detail #detail03 .price-raku_in_l{ width: 800px; border: 1px solid #333; background: #F7F6F2; position: relative;}
#shishoku #detail #detail03 .price-raku_in_l:after{ content: ""; width: 20px; height: 30px; background: url("../images/raku/price-raku_arrow.png") center center no-repeat; background-size: 100%; position: absolute; right: -20px; top: 50%; transform: translateY(-50%);}
#shishoku #detail #detail03 .price-raku_in_l h4{ background: #333; color: #fff; font-size: 22px; font-weight: 600; text-align: center; padding: 0.25em;}
#shishoku #detail #detail03 .price-raku_in{ width: 100%; display: flex; padding: 15px 20px;}
#shishoku #detail #detail03 .price-raku_in dl{ width: 33.33%; display: flex;}
#shishoku #detail #detail03 .price-raku_in dl dt{ display: flex; align-items: center; justify-content: center; width: 75px; border-radius: 10px; background: #E81F24; color: #fff; font-size: 20px; font-weight: 600; margin-right: 10px;}
#shishoku #detail #detail03 .price-raku_in dl dd{ width: calc(100% - 85px);}
#shishoku #detail #detail03 .price-raku_in dl dd span{ display: block; font-size: 18px; font-weight: 600; margin-bottom: 4px;}
#shishoku #detail #detail03 .price-raku_in dl dd p{ text-align: right; font-size: 22px; font-weight: 600; line-height: 1.25em; color: #E50B0F; margin: 0.75em 1em 0 0;}
#shishoku #detail #detail03 .price-raku_in dl dd strong{ font-size: 36px; font-weight: 600; color: #E50B0F;}
#shishoku #detail #detail03 .price-raku_in dl dd strong.ml{ margin-left: 0.5em;}
#shishoku #detail #detail03 .price-raku_in dl dd small{ font-size: 20px; font-weight: 600; color: #E50B0F; margin-left: 4px; position: relative;}
#shishoku #detail #detail03 .price-raku_in dl dd small:after{ content: "(税込)"; font-size: 10px; line-height: 1em; width: 4em; position: absolute; left: -2px; top: -1em; text-align: left;}
#shishoku #detail #detail03 .price-raku_in_r{ width: 250px; height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #F7F6F2; border-radius: 8px; padding-top: 10px;}
#shishoku #detail #detail03 .price-raku_in_r span{ font-size: 22px; font-weight: bold; margin-bottom: 0.5em;}
#shishoku #detail #detail03 .price-raku_in_r p{ display: flex; align-items: flex-end; font-size: 28px; line-height: 1em; font-weight: bold; color: #E50C0E;}
#shishoku #detail #detail03 .price-raku_in_r p small{ font-size: 28px; margin-bottom: 0.5em;}
#shishoku #detail #detail03 .price-raku_in_r p strong{ display: flex; align-items: center; font-size: 97px; line-height: 1em;}
#shishoku #detail #detail03 .price-raku_in_r p strong span{ font-size: 40px; line-height: 1em; margin: 0;}
@media screen and (max-width:768px){
#shishoku #detail #detail03 .price-raku{ display: block; margin-bottom: 5%;}
#shishoku #detail #detail03 .price-raku_in_l{ display: block; width: 100%; margin-bottom: 8.75%;}
#shishoku #detail #detail03 .price-raku_in_l:after{ width: 7.5vw; height: 5vw; background: url("../images/raku/price-raku_arrow_smp.png") center center no-repeat; background-size: 100%; left: 0; right: 0; top: auto; bottom: -5vw; transform: none; margin: auto;}
#shishoku #detail #detail03 .price-raku_in_l h4{ font-size: 4vw;}
#shishoku #detail #detail03 .price-raku_in{ display: block; padding: 5% 6.25%;}
#shishoku #detail #detail03 .price-raku_in dl{ width: 100%; margin-bottom: 5%;}
#shishoku #detail #detail03 .price-raku_in dl:last-child{ margin-bottom: 0;}
#shishoku #detail #detail03 .price-raku_in dl dt{ width: 17.5vw; border-radius: 1.25vw; font-size: 4vw; margin-right: 3.75vw;}
#shishoku #detail #detail03 .price-raku_in dl dd{ width: calc(100% - 23.75vw);}
#shishoku #detail #detail03 .price-raku_in dl dd p{ font-size: 5vw; margin: 0.75em 0.5em 0 0;}
#shishoku #detail #detail03 .price-raku_in dl dd span{ font-size: 4vw; margin-bottom: 0.25em;}
#shishoku #detail #detail03 .price-raku_in dl dd strong{ font-size: 8.25vw;}
#shishoku #detail #detail03 .price-raku_in dl dd strong.ml{ margin-left: 1.5em;}
#shishoku #detail #detail03 .price-raku_in dl dd small{ font-size: 4vw; margin-left: 0.25em; margin-right: 0.5em;}
#shishoku #detail #detail03 .price-raku_in dl dd small:last-child:after{ font-size: 2.5vw; width: auto; position: static;}

#shishoku #detail #detail03 .price-raku_in_r{ flex-direction: row; align-items: flex-end; width: 100%; height: auto; padding: 2.5%; border-radius: 1.25vw;}
#shishoku #detail #detail03 .price-raku_in_r span{ font-size: 4vw; margin-bottom: 0.5em;}
#shishoku #detail #detail03 .price-raku_in_r p{ font-size: 5vw; margin-left: 0.5em;}
#shishoku #detail #detail03 .price-raku_in_r p small{ font-size: 5vw; margin-bottom: 0.5em;}
#shishoku #detail #detail03 .price-raku_in_r p strong{ align-items: flex-end; font-size: 12.5vw;}
#shishoku #detail #detail03 .price-raku_in_r p strong span{ font-size: 7.5vw; margin: 0 0 0.125em;}
}



/*lovyu*/
#shishoku.lovyu #detail h2{ padding-bottom: 10px;}
#shishoku.lovyu #detail #detail_lead{ margin-bottom: 60px;}
#shishoku.lovyu #detail #detail_lead figure.logo{ margin-bottom: 30px;}
#shishoku.lovyu #detail #detail_lead figure.logo img{ height: 120px;}
#shishoku.lovyu #detail #detail_lead h2{ display: block; padding: 0; border: none; text-align: center; font-size: 32px; font-weight: 600; color: #192179; margin-bottom: 30px;}
#shishoku.lovyu #detail #detail_lead p{ text-align: center; font-size: 24px; font-weight: 600;}
@media screen and (max-width:768px){
#shishoku.lovyu #detail h2{ padding-bottom: 5%;}
#shishoku.lovyu #detail h2 span{ margin-bottom: 2.5%;}
#shishoku.lovyu #detail h2 span img{ height: 15vw;}
#shishoku.lovyu #detail #detail_lead{ margin-bottom: 10%;}
#shishoku.lovyu #detail #detail_lead figure.logo{ margin-bottom: 5%;}
#shishoku.lovyu #detail #detail_lead figure.logo img{ height: 20vw;}
#shishoku.lovyu #detail #detail_lead h2{ font-size: 5vw; margin-bottom: 5%;}
#shishoku.lovyu #detail #detail_lead p{ font-size: 4.2vw;}
}

#shishoku.lovyu #detail #detail_lovyu{ margin: 60px auto;}
#shishoku.lovyu #detail #detail_lovyu_top{ background: #fff; padding: 140px 30px 30px; border-radius: 40px 40px 0 0; position: relative;}
#shishoku.lovyu #detail #detail_lovyu_top figure.tit{ position: absolute; left: 0; right: 0; top: -20px; margin: auto;}
#shishoku.lovyu #detail #detail_lovyu_top figure.tit img{ height: 140px;}
#shishoku.lovyu #detail #detail_lovyu_top h3{ text-align: center; font-size: 32px; font-weight: 600; color: #192179; margin-bottom: 20px;}
#shishoku.lovyu #detail #detail_lovyu_top figure.logo{ margin-bottom: 30px;}
#shishoku.lovyu #detail #detail_lovyu_top figure.logo img{ height: 70px;}
#shishoku.lovyu #detail #detail_lovyu_top ul{ display: flex; justify-content: center; margin: 0 auto;}
#shishoku.lovyu #detail #detail_lovyu_top ul li{ width: 200px; margin: 0 10px; text-align: center;}
#shishoku.lovyu #detail #detail_lovyu_top ul li figure{ margin-bottom: 10px;}
#shishoku.lovyu #detail #detail_lovyu_top ul li h4{ font-size: 24px; font-weight: 600; color: #192179; margin-bottom: 5px;}
#shishoku.lovyu #detail #detail_lovyu_top ul li h5{ font-size: 16px; font-weight: 300;}
@media screen and (max-width:768px){
#shishoku.lovyu #detail #detail_lovyu{ margin: 10% auto;}
#shishoku.lovyu #detail #detail_lovyu_top{ padding: 22.5% 5% 5%; border-radius: 2.5vw 2.5vw 0 0;}
#shishoku.lovyu #detail #detail_lovyu_top figure.tit{ top: -5vw;}
#shishoku.lovyu #detail #detail_lovyu_top figure.tit img{ height: auto; width: 100%;}
#shishoku.lovyu #detail #detail_lovyu_top h3{ font-size: 5vw; margin-bottom: 3.75%;}
#shishoku.lovyu #detail #detail_lovyu_top figure.logo{ margin-bottom: 5%;}
#shishoku.lovyu #detail #detail_lovyu_top figure.logo img{ height: auto; width: 90%;}
#shishoku.lovyu #detail #detail_lovyu_top ul{ flex-wrap: wrap; margin: -2.5vw 0;}
#shishoku.lovyu #detail #detail_lovyu_top ul li{ width: calc(50% - 5vw); margin: 2.5vw;}
#shishoku.lovyu #detail #detail_lovyu_top ul li figure{ margin-bottom: 5%;}
#shishoku.lovyu #detail #detail_lovyu_top ul li h4{ font-size: 4.2vw; margin-bottom: 2.5%;}
#shishoku.lovyu #detail #detail_lovyu_top ul li h5{ font-size: 3.2vw;}
}
#shishoku.lovyu #detail #detail_lovyu_bottom{ background: #D9B790; padding: 40px; text-align: center; border-radius: 0 0 40px 40px;}
#shishoku.lovyu #detail #detail_lovyu_bottom p{ font-size: 20px; font-weight: 600; line-height: 1.75em;}
#shishoku.lovyu #detail #detail_lovyu_bottom p.att{ font-size: 14px; font-weight: 300; margin-top: 1em;}
@media screen and (max-width:768px){
#shishoku.lovyu #detail #detail_lovyu_bottom{ padding: 7.5%; border-radius: 0 0 2.5vw 2.5vw;}
#shishoku.lovyu #detail #detail_lovyu_bottom p{ font-size: 4.2vw; text-align: justify;}
#shishoku.lovyu #detail #detail_lovyu_bottom p.att{ font-size: 3.2vw;}
}

#shishoku #detail #detail01 #detail01_info .detail01_list2{ margin: 0 auto 30px; width: 100%;}
#shishoku #detail #detail01 #detail01_info .detail01_list2 ul{ margin-bottom: 40px;}
#shishoku #detail #detail01 #detail01_info .detail01_list2 ul li{ padding-left: 1em; font-size: 24px; font-weight: 600; line-height: 1.33em; color: #192179; margin-bottom: 0.125em; position: relative;}
#shishoku #detail #detail01 #detail01_info .detail01_list2 ul li:before{ content: "・"; position: absolute; left: 0; top: 0;}
#shishoku #detail #detail01_2 #detail01_2_info .detail01_list2{ margin: 0 auto 30px; width: 100%;}
#shishoku #detail #detail01_2 #detail01_2_info .detail01_list2 ul{ margin-bottom: 40px;}
#shishoku #detail #detail01_2 #detail01_2_info .detail01_list2 ul li{ padding-left: 1em; font-size: 24px; font-weight: 600; line-height: 1.33em; color: #E43D01; margin-bottom: 0.125em; position: relative;}
#shishoku #detail #detail01_2 #detail01_2_info .detail01_list2 ul li:before{ content: "・"; position: absolute; left: 0; top: 0;}
@media screen and (max-width:768px){
#shishoku #detail #detail01 #detail01_info .detail01_list2{ margin: 0 auto 5%;}
#shishoku #detail #detail01 #detail01_info .detail01_list2 ul{ margin-bottom: 5%;}
#shishoku #detail #detail01 #detail01_info .detail01_list2 ul li{ font-size: 4.2vw;}
#shishoku #detail #detail01_2 #detail01_2_info .detail01_list2{ margin: 0 auto 5%;}
#shishoku #detail #detail01_2 #detail01_2_info .detail01_list2 ul{ margin-bottom: 5%;}
#shishoku #detail #detail01_2 #detail01_2_info .detail01_list2 ul li{ font-size: 4.2vw;}
}

#shishoku #detail #detail01_2{ display: flex;}
#shishoku #detail #detail01_2 #detail01_2_slide{ width: 450px;}
#shishoku #detail #detail01_2 #detail01_2_slide .bx-wrapper{ box-shadow: none; border: none; background: none; margin: 0; z-index: 10;}
#shishoku #detail #detail01_2 #detail01_2_slide .bx-wrapper .bxslider img{ border-radius: 20px;}
#shishoku #detail #detail01_2 #detail01_2_slide .bx-wrapper .bx-controls-direction a.bx-prev{ width: 48px; height: 48px; background: url("../images/slide_prev.png") center center no-repeat; background-size: 100%; left: -20px;}
#shishoku #detail #detail01_2 #detail01_2_slide .bx-wrapper .bx-controls-direction a.bx-next{ width: 48px; height: 48px; background: url("../images/slide_next.png") center center no-repeat; background-size: 100%; right: -20px;}
#shishoku #detail #detail01_2 #detail01_2_info{ width: calc(100% - 530px); margin-left: 60px; display: flex; flex-direction: column; justify-content: space-between;}
#shishoku #detail #detail01_2 #detail01_2_info h3{ margin: 0; font-size: 24px; font-weight: 600; margin-bottom: 15px;}
#shishoku.cutmeal #detail #detail01_2 #detail01_2_info h3{ color: #5EB384;}
#shishoku.smile #detail #detail01_2 #detail01_2_info h3{ color: #D9648E;}
#shishoku.raku #detail #detail01_2 #detail01_2_info h3{ color: #E4A902;}
#shishoku #detail #detail01_2 #detail01_2_info p.txt{ font-size: 16px; line-height: 1.75em; text-align: justify;}
#shishoku #detail #detail01_2 #detail01_2_info .recom{ width: 100%; background: #fff; padding: 20px 30px; border-radius: 20px; margin: 20px auto 0;}
#shishoku #detail #detail01_2 #detail01_2_info .recom h4{ display: flex; align-items: center; margin-bottom: 10px;}
#shishoku #detail #detail01_2 #detail01_2_info .recom h4 span{ width: 30px; margin-right: 10px;}
#shishoku #detail #detail01_2 #detail01_2_info .recom h4 strong{ font-size: 18px; font-weight: 600;}
#shishoku #detail #detail01_2 #detail01_2_info .recom ul{ display: flex; width: calc(100% + 6px); margin: -3px 0 -3px -3px;}
#shishoku #detail #detail01_2 #detail01_2_info .recom ul li{ display: flex; align-items: center; justify-content: center; width: calc(33.33% - 6px); height: 40px; margin: 3px; background: #aaa; color: #fff; font-size: 16px; font-weight: 600;}
#shishoku #detail #detail01_2 #detail01_2_info .recom ul li.cat01{ background: #D9BA66;}
#shishoku #detail #detail01_2 #detail01_2_info .recom ul li.cat02{ background: #93B6EA;}
#shishoku #detail #detail01_2 #detail01_2_info .recom ul li.cat03{ background: #F292AE;}
#shishoku #detail #detail01_2 #detail01_2_info .recom ul li.cat04{ background: #A9D359;}
@media screen and (max-width:768px){
#shishoku #detail #detail01_2{ display: block;}
#shishoku #detail #detail01_2 #detail01_2_slide{ width: 90%; margin: auto;}
#shishoku #detail #detail01_2 #detail01_2_slide .bx-wrapper .bxslider img{ border-radius: 1.25vw;}
#shishoku #detail #detail01_2 #detail01_2_slide .bx-wrapper .bx-controls-direction a.bx-prev{ width: 7.5vw; height: 7.5vw; left: -3.75vw;}
#shishoku #detail #detail01_2 #detail01_2_slide .bx-wrapper .bx-controls-direction a.bx-next{  width: 7.5vw; height: 7.5vw; right: -3.75vw;}
#shishoku #detail #detail01_2 #detail01_2_info{ width: 100%; margin: 5% auto 0; display: block;}
#shishoku #detail #detail01_2 #detail01_2_info h3{ margin: 0; font-size: 4.5vw; margin-bottom: 3.75%;}
#shishoku #detail #detail01_2 #detail01_2_info p.txt{ font-size: 3.75vw;}
#shishoku #detail #detail01_2 #detail01_2_info .recom{ padding: 5%; border-radius: 1.25vw; margin: 5% auto;}
#shishoku #detail #detail01_2 #detail01_2_info .recom h4{margin-bottom: 2.5%;}
#shishoku #detail #detail01_2 #detail01_2_info .recom h4 span{ width: 6vw; margin-right: 1.25vw;}
#shishoku #detail #detail01_2 #detail01_2_info .recom h4 strong{ font-size: 3.75vw;}
#shishoku #detail #detail01_2 #detail01_2_info .recom ul{ width: calc(100% + 1.25vw); margin: -0.625vw 0 -0.625vw -0.625vw;}
#shishoku #detail #detail01_2 #detail01_2_info .recom ul li{ width: calc(33.33% - 1.25vw); height: 10vw; margin: 0.625vw; font-size: 3.75vw;}
}

#shishoku #detail #detail02_2{ margin: 60px auto;}
#shishoku #detail #detail02_2 #detail02_2_nav ul{ display: flex;}
#shishoku #detail #detail02_2 #detail02_2_nav ul li{ display: flex; align-items: center; justify-content: center; width: 50%; height: 60px; background: #fff; color: #E81F24; border: 2px solid #E81F24; font-size: 24px; font-weight: 600; cursor: pointer; transition: 0.3s;}
#shishoku #detail #detail02_2 #detail02_2_nav ul li.active{ background: #E81F24; color: #fff;}
#shishoku #detail #detail02_2 #detail02_2_nav ul li:first-child{ border-right: none; border-radius: 8px 0 0 8px;}
#shishoku #detail #detail02_2 #detail02_2_nav ul li:last-child{ border-left: none; border-radius: 0 8px 8px 0;}
@media screen and (max-width:768px){
#shishoku #detail #detail02_2{ margin: 10% auto;}
#shishoku #detail #detail02_2 #detail02_2_nav ul li{ height: 15vw; font-size: 4.2vw;}
}
#shishoku #detail #detail02_2 .detail02_2_cont{ display: none; margin-top: 30px;}
#shishoku #detail #detail02_2 .detail02_2_cont.active{ display: block;}
#shishoku #detail #detail02_2 .detail02_2_cont h3{ text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 10px;}
#shishoku #detail #detail02_2 .detail02_2_cont h4{ display: flex; align-items: center; justify-content: center; text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 30px;}
#shishoku #detail #detail02_2 .detail02_2_cont h4 strong{ display: flex; align-items: center; justify-content: center; padding: 0.25em 2em 0.33em; background: #E81F24; color: #fff; border-radius: 8px;}
#shishoku #detail #detail02_2 .detail02_2_cont ul{ display: flex;}
#shishoku #detail #detail02_2 .detail02_2_cont ul li{ width: 50%; position: relative;}
#shishoku #detail #detail02_2 .detail02_2_cont ul li span.num{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #fff; color: #E81F24; font-size: 16px; font-weight: 600; border-radius: 50%; position: absolute; left: 10px; top: 10px;}
#shishoku #detail #detail02_2 .detail02_2_cont p{ padding: 5px 10px; font-size: 16px; font-weight: 600; line-height: 1.5em;}
@media print, screen and (min-width:769px){
#shishoku #detail #detail02_2 .detail02_2_cont .swiper-wrapper{ display: flex;}
#shishoku #detail #detail02_2 .detail02_2_cont .swiper-wrapper .swiper-slide{ width: 40%;}
#shishoku #detail #detail02_2 .detail02_2_cont .swiper-wrapper .swiper-slide:last-child{ width: 20%;}
#shishoku #detail #detail02_2 .detail02_2_cont .swiper-wrapper .swiper-slide:last-child ul li{ width: 100%;}
}
@media screen and (max-width:768px){
#shishoku #detail #detail02_2 .detail02_2_cont{ position: relative;}
#shishoku #detail #detail02_2 .detail02_2_cont h3{ font-size: 4.2vw; margin-bottom: 2.5%;}
#shishoku #detail #detail02_2 .detail02_2_cont h4{ font-size: 4.2vw; margin-bottom: 5%;}
#shishoku #detail #detail02_2 .detail02_2_cont h4 strong{ padding: 0.25em 1.25em 0.33em; border-radius: 1.25vw;}
#shishoku #detail #detail02_2 .detail02_2_cont ul li span.num{ width: 7.5vw; height: 7.5vw; font-size: 3.75vw; left: 1.25vw; top: 1.25vw;}
#shishoku #detail #detail02_2 .detail02_2_cont p{ padding: 5%; font-size: 3.75vw;}
#shishoku #detail #detail02_2 .detail02_2_cont .swiper .swiper-button-next{ width: 7.5vw; height: 7.5vw; background: url("../images/slide_prev.png") center center no-repeat; background-size: 100%;}
#shishoku #detail #detail02_2 .detail02_2_cont .swiper .swiper-button-prev{ width: 7.5vw; height: 7.5vw; background: url("../images/slide_next.png") center center no-repeat; background-size: 100%;}
#shishoku #detail #detail02_2 .detail02_2_cont .swiper .swiper-button-prev,
#shishoku #detail #detail02_2 .detail02_2_cont .swiper .swiper-rtl .swiper-button-next{ left: auto; right: -2.5vw; top: 32vw; transform: none; margin: 0;}
#shishoku #detail #detail02_2 .detail02_2_cont .swiper .swiper-button-next,
#shishoku #detail #detail02_2 .detail02_2_cont .swiper .swiper-rtl .swiper-button-prev{ left: -2.5vw; right: auto; top: 32vw; transform: none; margin: 0;}
}


/*point*/
#shishoku #point{ background: #efefef; padding: 80px 0;}
#shishoku #point h2{ text-align: center; font-size: 40px; font-weight: 600; line-height: 1.33em; margin-bottom: 50px;}
#shishoku #point.cutmeal{ background: #E4F2EA;}
#shishoku #point.cutmeal h2{ color: #5EB384;}
#shishoku #point.smile{ background: #F7F6F2;}
#shishoku #point.smile h2{ color: #CA4E7C;}
#shishoku #point.raku{ background: #F7F6F2;}
#shishoku #point.raku h2{ color: #E4A902;}
#shishoku #point h3{ text-align: center; font-size: 30px; font-weight: 600; line-height: 1.5em; margin-bottom: 40px;}
@media screen and (max-width:768px){
#shishoku #point{ padding: 15% 0;}
#shishoku #point h2{ font-size: 7vw; margin-bottom: 5%;}
#shishoku #point h3{ font-size: 5vw; margin-bottom: 7.5%;}
}

/*cutmeal*/
#shishoku #point.cutmeal .point_list{ margin: 50px auto 40px;}
#shishoku #point.cutmeal .point_list ul{ display: flex; width: calc(100% + 40px); margin-left: -20px;}
#shishoku #point.cutmeal .point_list ul li{ width: calc(33.33% - 40px); margin: 0 20px; background: #fff; border-radius: 20px; overflow: hidden;}
#shishoku #point.cutmeal .point_list ul li dl dd{ padding: 30px 0; text-align: center;}
#shishoku #point.cutmeal .point_list ul li dl dd h4{ display: flex; align-items: flex-end; justify-content: center; color: #DC010B; font-size: 20px; line-height: 1.5em; font-weight: 600; margin-bottom: 10px;}
#shishoku #point.cutmeal .point_list ul li dl dd h4 strong{ font-size: 40px; line-height: 1em; margin-left: 0.125em;}
#shishoku #point.cutmeal .point_list ul li dl dd h5{ font-size: 24px; font-weight: 600; line-height: 1.25em;}
#shishoku #point.cutmeal .point_list p.att{ font-size: 14px; padding-left: 1em; margin-top: 0.5em; position: relative;}
#shishoku #point.cutmeal .point_list p.att:before{ content: "※"; position: absolute; left: 0; top: 0;}
@media screen and (max-width:768px){
#shishoku #point.cutmeal .point_list{ margin: 7.5% auto;}
#shishoku #point.cutmeal .point_list ul{ display: block; width: 100%; margin: 0;}
#shishoku #point.cutmeal .point_list ul li{ width: 100%; margin: 5% auto; border-radius: 1.25vw;}
#shishoku #point.cutmeal .point_list ul li dl dd{ padding: 7.5% 0 10%;}
#shishoku #point.cutmeal .point_list ul li dl dd h4{ font-size: 4.5vw; margin-bottom: 5%;}
#shishoku #point.cutmeal .point_list ul li dl dd h4 strong{ font-size: 10vw;}
#shishoku #point.cutmeal .point_list ul li dl dd h5{ font-size: 5vw;}
#shishoku #point.cutmeal .point_list p.att{ font-size: 2.5vw; margin-top: -2.5%;}
}
/*smile*/
#shishoku #point.smile .point_list{ margin: 50px auto 40px;}
#shishoku #point.smile .point_list ul{ display: flex; flex-wrap: wrap; justify-content: center; width: 1020px; margin: -20px auto;}
#shishoku #point.smile .point_list ul li{ width: calc(50% - 40px); margin: 20px; background: #fff; border-radius: 20px; overflow: hidden;}
#shishoku #point.smile .point_list ul li dl dd{ padding: 30px; text-align: center;}
#shishoku #point.smile .point_list ul li dl dd h4{ display: flex; align-items: flex-end; justify-content: center; color: #DC010B; font-size: 20px; line-height: 1.5em; font-weight: 600; margin-bottom: 10px;}
#shishoku #point.smile .point_list ul li dl dd h4 strong{ font-size: 40px; line-height: 1em; margin-left: 0.125em;}
#shishoku #point.smile .point_list ul li dl dd h5{ font-size: 24px; font-weight: 600; line-height: 1.25em; margin-bottom: 15px;}
#shishoku #point.smile .point_list ul li dl dd p{ font-size: 15px; line-height: 1.6em; text-align: left;}
@media screen and (max-width:768px){
#shishoku #point.smile .point_list{ margin: 7.5% auto;}
#shishoku #point.smile .point_list ul{ display: block; width: 100%; margin: 0;}
#shishoku #point.smile .point_list ul li{ width: 100%; margin: 5% auto; border-radius: 1.25vw;}
#shishoku #point.smile .point_list ul li dl dd{ padding: 7.5% 7.5% 10%;}
#shishoku #point.smile .point_list ul li dl dd h4{ font-size: 4.5vw; margin-bottom: 5%;}
#shishoku #point.smile .point_list ul li dl dd h4 strong{ font-size: 10vw;}
#shishoku #point.smile .point_list ul li dl dd h5{ font-size: 5vw; margin-bottom: 5%;}
#shishoku #point.smile .point_list ul li dl dd p{ font-size: 4.2vw;}
}
/*raku*/
#shishoku #point.raku .point_list{ margin: 50px auto 40px;}
#shishoku #point.raku .point_list ul{ display: flex; flex-wrap: wrap; justify-content: center; width: 1240px; margin: -20px 0 -20px -20px;}
#shishoku #point.raku .point_list ul li{ width: calc(33.33% - 40px); margin: 20px; background: #fff; border-radius: 20px; overflow: hidden;}
#shishoku #point.raku .point_list ul li dl dd{ padding: 30px; text-align: center;}
#shishoku #point.raku .point_list ul li dl dd h4{ display: flex; align-items: flex-end; justify-content: center; color: #DC010B; font-size: 20px; line-height: 1.5em; font-weight: 600; margin-bottom: 10px;}
#shishoku #point.raku .point_list ul li dl dd h4 strong{ font-size: 40px; line-height: 1em; margin-left: 0.125em;}
#shishoku #point.raku .point_list ul li dl dd h5{ font-size: 24px; font-weight: 600; line-height: 1.25em; margin-bottom: 15px;}
#shishoku #point.raku .point_list ul li dl dd p{ font-size: 15px; line-height: 1.6em; text-align: left;}
@media screen and (max-width:768px){
#shishoku #point.raku .point_list{ margin: 7.5% auto;}
#shishoku #point.raku .point_list ul{ display: block; width: 100%; margin: 0;}
#shishoku #point.raku .point_list ul li{ width: 100%; margin: 5% auto; border-radius: 1.25vw;}
#shishoku #point.raku .point_list ul li dl dd{ padding: 7.5% 7.5% 10%;}
#shishoku #point.raku .point_list ul li dl dd h4{ font-size: 4.5vw; margin-bottom: 5%;}
#shishoku #point.raku .point_list ul li dl dd h4 strong{ font-size: 10vw;}
#shishoku #point.raku .point_list ul li dl dd h5{ font-size: 5vw; margin-bottom: 5%;}
#shishoku #point.raku .point_list ul li dl dd p{ font-size: 4.2vw;}
}

#shishoku #point .point_box{ border: 2px solid #E81F24; border-radius: 40px; background: #fff; padding: 60px;}
#shishoku #point .point_box dl{ display: flex; width: 100%;}
#shishoku #point .point_box dl dt{ width: 480px;}
#shishoku #point .point_box dl dt img{ border-radius: 20px;}
#shishoku #point .point_box dl dd{ width: calc(100% - 520px); margin-left: 40px;}
#shishoku #point .point_box dl dd .tit{ display: flex; align-items: center; justify-content: space-between; border-bottom: 2px dotted #E81F24; margin-bottom: 30px;}
#shishoku #point .point_box dl dd .tit h4{ font-size: 36px; line-height: 1.25em; font-weight: 600;}
#shishoku #point .point_box dl dd .tit figure{ width: 150px;}
#shishoku #point .point_box dl dd h5{ font-size: 20px; font-weight: 600; line-height: 1.5em;}
#shishoku #point .point_box dl dd p{ font-size: 20px; line-height: 1.5em;}
@media screen and (max-width:768px){
#shishoku #point .point_box{ border-radius: 2.5vw; padding: 2.5% 5% 5%;}
#shishoku #point .point_box dl{ display: flex; flex-direction: column-reverse;}
#shishoku #point .point_box dl dt{ width: 100%;}
#shishoku #point .point_box dl dt img{ border-radius: 1.25vw;}
#shishoku #point .point_box dl dd{ width: 100%; margin: 0 auto 5%;}
#shishoku #point .point_box dl dd .tit{ margin-bottom: 5%;}
#shishoku #point .point_box dl dd .tit h4{ font-size: 5vw;}
#shishoku #point .point_box dl dd .tit figure{ width: 25%; margin: 0;}
#shishoku #point .point_box dl dd h5{ font-size: 3.75vw;}
#shishoku #point .point_box dl dd p{ font-size: 3.75vw;}
}


/*yoshikei*/
#shishoku #yoshikei{ background: #fff; padding: 80px 0;}
#shishoku #yoshikei h2{ text-align: center; font-size: 36px; font-weight: 600;}
#shishoku #yoshikei h2 strong{ display: inline-block; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 4px dotted #E81F24;}
@media screen and (max-width:768px){
#shishoku #yoshikei{ padding: 15% 0;}
#shishoku #yoshikei h2{ font-size: 7vw;}
#shishoku #yoshikei h2 strong{ padding-bottom: 2.5vw; margin-bottom: 7.5%;}
}
#shishoku #yoshikei ul{ display: flex; flex-wrap: wrap; justify-content: center; width: calc(100% + 44px); margin: -30px 0 -30px -22px;}
#shishoku #yoshikei ul li{ width: calc(33.33% - 44px); height: 340px; margin: 30px 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid #E81F24; background: #fff; border-radius: 20px;}
#shishoku #yoshikei ul li figure img{ width: 330px;}
#shishoku #yoshikei ul li:nth-child(4),
#shishoku #yoshikei ul li:nth-child(5){ height: 310px;}
#shishoku #yoshikei ul li h4{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; height: 100px; font-size: 18px; font-weight: 600; line-height: 1.33em; margin-top: 10px;}
#shishoku #yoshikei ul li h4 span{ font-size: 14px; font-weight: 300;}
@media screen and (max-width:768px){
#shishoku #yoshikei ul{ display: block; width: 100%; margin: 5% auto 0;}
#shishoku #yoshikei ul li{ width: 100%; height: 27.5vw; padding: 2.5%; margin: 5% auto 0; flex-direction: row; border-radius: 2.5vw;}
#shishoku #yoshikei ul li figure{ width: 40%;}
#shishoku #yoshikei ul li figure img{ width: 100%;}
#shishoku #yoshikei ul li:nth-child(4),
#shishoku #yoshikei ul li:nth-child(5){ height: 25vw;}
#shishoku #yoshikei ul li:nth-child(4) img,
#shishoku #yoshikei ul li:nth-child(5) img{ width: 90%;}
#shishoku #yoshikei ul li h4{ width: 60%; align-items: flex-start; text-align: left; height: auto; font-size: 3.2vw; margin: 0; padding-left: 2.5%;}
#shishoku #yoshikei ul li h4 span{ font-size: 2.25vw;}
}


/*service*/
#shishoku #service{ background: #F7F6F2; padding: 80px 0;}
#shishoku #service h2{ text-align: center; font-size: 36px; font-weight: 600;}
#shishoku #service h2 strong{ display: inline-block; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 4px dotted #E81F24;}
@media screen and (max-width:768px){
#shishoku #service{ padding: 15% 0;}
#shishoku #service h2{ font-size: 7vw;}
#shishoku #service h2 strong{ padding-bottom: 2.5vw; margin-bottom: 7.5%;}
}
#shishoku #service .service_lead{ background: #fff; padding: 40px; margin: 40px auto; border-radius: 20px;}
#shishoku #service .service_lead dl{ display: flex; align-items: center; justify-content: center;}
#shishoku #service .service_lead dl dt{ width: 572px;}
#shishoku #service .service_lead dl dt img{ border-radius: 20px;}
#shishoku #service .service_lead dl dd{ width: calc(100% - 620px); margin-left: 48px;}
#shishoku #service .service_lead dl dd h3{ font-size: 32px; font-weight: 600; line-height: 1.5em; color: #E81F24; margin-bottom: 20px;}
#shishoku #service .service_lead dl dd p{ font-size: 24px; line-height: 1.5em;}
@media screen and (max-width:768px){
#shishoku #service .service_lead{ padding: 2.5% 2.5% 5%; margin: 5% auto; border-radius: 2.5vw;}
#shishoku #service .service_lead dl{ flex-direction: column;}
#shishoku #service .service_lead dl dt{ width: 100%;}
#shishoku #service .service_lead dl dt img{ border-radius: 2vw;}
#shishoku #service .service_lead dl dd{ width: 100%; margin: 5% auto 0; padding: 0 2.5%;}
#shishoku #service .service_lead dl dd h3{ font-size: 5vw; margin-bottom: 2.5%;}
#shishoku #service .service_lead dl dd p{ font-size: 3.75vw;}
}
#shishoku #service .service_list ul{ width: calc(100% + 44px); margin: -22px 0 -22px -22px; display: flex; flex-wrap: wrap;}
#shishoku #service .service_list ul li{ width: calc(33.33% - 44px); margin: 22px; background: #fff; border-radius: 20px; overflow: hidden;}
#shishoku #service .service_list ul li dl dd{ padding: 30px 40px;}
#shishoku #service .service_list ul li dl dd h3{ text-align: center; font-size: 24px; font-weight: 600; line-height: 1.5em; color: #E81F24; margin-bottom: 20px;}
#shishoku #service .service_list ul li dl dd p{ font-size: 16px; line-height: 1.5em; text-align: justify;}
@media screen and (max-width:768px){
#shishoku #service .service_list ul{ width: calc(100% + 3.75vw); margin: -1.875vw 0 -1.875vw -1.875vw;}
#shishoku #service .service_list ul li{ width: calc(50% - 3.75vw); margin: 1.875vw; border-radius: 2.5vw;}
#shishoku #service .service_list ul li dl dd{ padding: 7.5% 5%;}
#shishoku #service .service_list ul li dl dd h3{ font-size: 4.5vw; line-height: 1.33em; margin-bottom: 2.5%;}
#shishoku #service .service_list ul li dl dd p{ font-size: 3.75vw;}
}


/*flow*/
#shishoku #flow{ padding: 80px 0;}
#shishoku #flow h2{ text-align: center; font-size: 36px; font-weight: 600;}
#shishoku #flow h2 strong{ display: inline-block; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 4px dotted #E81F24;}
@media screen and (max-width:768px){
#shishoku #flow{ padding: 15% 0;}
#shishoku #flow h2{ font-size: 7vw;}
#shishoku #flow h2 strong{ padding-bottom: 2.5vw; margin-bottom: 7.5%;}
}
#shishoku #flow .flow_list ul{ display: flex; align-items: center; justify-content: center;}
#shishoku #flow .flow_list ul li{ width: calc((100% - 60px)/4); height: 285px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #F7F6F2; border-radius: 20px;}
#shishoku #flow .flow_list ul li figure img{ width: 120px;}
#shishoku #flow .flow_list ul li h3{ display: flex; align-items: flex-end; justify-content: center; color: #DC010B; font-size: 20px; line-height: 1.5em; font-weight: 600; margin-bottom: 10px;}
#shishoku #flow .flow_list ul li h3 strong{ font-size: 40px; line-height: 1em; margin-left: 0.125em;}
#shishoku #flow .flow_list ul li h4{ text-align: center; font-size: 20px; font-weight: 600; line-height: 1.33em;}
#shishoku #flow .flow_list ul li.arrow{ background: none; width: 20px; padding-right: 5px;}
@media screen and (max-width:768px){
#shishoku #flow .flow_list ul{ display: block;}
#shishoku #flow .flow_list ul li{ width: 84%; height: auto; padding: 7.5% 5%; margin: auto; border-radius: 2.5vw;}
#shishoku #flow .flow_list ul li figure img{ width: 50%;}
#shishoku #flow .flow_list ul li h3{ font-size: 3.75vw; margin-bottom: 2.5%;}
#shishoku #flow .flow_list ul li h3 strong{ font-size: 10vw;}
#shishoku #flow .flow_list ul li h4{ font-size: 4.5vw;}
#shishoku #flow .flow_list ul li.arrow{ background: none; width: 100%; padding: 0; line-height: 0; margin: -3.75% auto;}
#shishoku #flow .flow_list ul li.arrow img{ transform: rotate(90deg); line-height: 0; width: 3.75vw;}
}
#shishoku #flow .flow_att{ margin-top: 60px; border: 1px solid #707070; padding: 60px 90px;}
#shishoku #flow .flow_att h4{ text-align: center; font-size: 24px; font-weight: 600; padding-bottom: 30px; margin-bottom: 40px; position: relative;}
#shishoku #flow .flow_att h4:before{ content: ""; width: 80px; height: 3px; background: #E81F24; border-radius: 3px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
#shishoku #flow .flow_att ul li{ font-size: 16px; line-height: 1.5em; margin-bottom: 1em; padding-left: 1.5em; position: relative;}
#shishoku #flow .flow_att ul li:before{ content: "●"; position: absolute; left: 0; top: 0; color: #E81F24;}
#shishoku #flow .flow_att ul li:last-child{ margin-bottom: 0;}
@media screen and (max-width:768px){
#shishoku #flow .flow_att{ margin-top: 7.5%; padding: 10% 5%;}
#shishoku #flow .flow_att h4{ font-size: 4vw; padding-bottom: 5%; margin-bottom: 7.5%;}
#shishoku #flow .flow_att h4:before{ width: 20vw;}
#shishoku #flow .flow_att ul li{ font-size: 3.75vw;}
}


/*qa*/
#shishoku #qa{ background: #F2F2F2; padding: 80px 0;}
#shishoku #qa h2{ text-align: center; font-size: 36px; font-weight: 600;}
#shishoku #qa h2 strong{ display: inline-block; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 4px dotted #E81F24;}
@media screen and (max-width:768px){
#shishoku #qa{ padding: 15% 0;}
#shishoku #qa h2{ font-size: 7vw;}
#shishoku #qa h2 strong{ padding-bottom: 2.5vw; margin-bottom: 5%;}
}
#shishoku #qa ul li{ margin: 20px auto 0; padding: 30px; background: #fff; border: 2px solid #E81F24; border-radius: 40px; overflow: hidden;}
#shishoku #qa ul li dl dt{ padding: 0 40px; position: relative;}
#shishoku #qa ul li dl dt span.num{ font-size: 32px; line-height: 1em; font-weight: 600; color: #E81F24; position: absolute; left: 0; top: 0.125em;}
#shishoku #qa ul li dl dt span.toggle{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 48px; cursor: pointer;}
#shishoku #qa ul li dl dt span.toggle img{ transition: 0.3s;}
#shishoku #qa ul li dl dt span.toggle.active img{ transform: rotateX(180deg);}
#shishoku #qa ul li dl dt p{ font-size: 28px; line-height: 1.5em; font-weight: 600;}
#shishoku #qa ul li dl dd{ display: none; margin-top: 30px; padding-top: 30px; padding-left: 40px; border-top: 4px dotted #E81F24; position: relative;}
#shishoku #qa ul li dl dd span.num{ font-size: 32px; line-height: 1em; font-weight: 600; color: #E81F24; position: absolute; left: 0; top: 30px;}
#shishoku #qa ul li dl dd p{ font-size: 22px; line-height: 1.5em;}
@media screen and (max-width:768px){
#shishoku #qa ul li{ margin: 5% auto 0; padding: 7.5% 5%; border-radius: 2.5vw;}
#shishoku #qa ul li dl dt{ padding: 0 7.5vw;}
#shishoku #qa ul li dl dt span.num{ font-size: 5vw; left: 0; top: 0.125em;}
#shishoku #qa ul li dl dt span.toggle{ width: 5vw;}
#shishoku #qa ul li dl dt p{ font-size: 4.2vw;}
#shishoku #qa ul li dl dd{ margin-top: 5%; padding-top: 5%; padding-left: 7.5vw;}
#shishoku #qa ul li dl dd span.num{ font-size: 5vw; left: 0; top: 4.2vw;}
#shishoku #qa ul li dl dd p{ font-size: 3.75vw;}
}


/*mealkit*/
#shishoku #mealkit{ background: #F7F6F2; padding: 80px 0;}
#shishoku #mealkit .maincontent{ position: relative; z-index: 1;}
#shishoku #mealkit .tit{ display: flex; align-items: center; justify-content: center;}
#shishoku #mealkit h2{ display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 4px dotted #E81F24; color: #E81F24;}
#shishoku #mealkit h2 span{ font-size: 20px; font-weight: 600; line-height: 1em; padding: 0.5em 0; position: relative;}
#shishoku #mealkit h2 span:before{ content: ""; width: 16px; height: 32px; background: url("../images/first_ico_l.png") center center no-repeat; background-size: 100%; position: absolute; left: -32px; top: 50%; transform: translateY(-50%);}
#shishoku #mealkit h2 span:after{ content: ""; width: 16px; height: 32px; background: url("../images/first_ico_r.png") center center no-repeat; background-size: 100%; position: absolute; right: -32px; top: 50%; transform: translateY(-50%);}
#shishoku #mealkit h2 strong{ font-size: 28px; line-height: 1em; margin: 10px auto;}
#shishoku #mealkit h2 strong b{ font-size: 40px; line-height: 1em;}
#shishoku #mealkit p.lead{ text-align: center; font-size: 18px; margin: 1em auto 2.5em;}
@media screen and (max-width:768px){
#shishoku #mealkit{ padding: 15% 0;}
#shishoku #mealkit h2 span{ font-size: 4.5vw;}
#shishoku #mealkit h2 span:before{ width: 3vw; height: 6vw; left: -4.5vw;}
#shishoku #mealkit h2 span:after{ width: 3vw; height: 6vw; right: -4.5vw;}
#shishoku #mealkit h2 strong{ font-size: 5vw; margin: 1.25% auto;}
#shishoku #mealkit h2 strong b{ font-size: 7vw;}
#shishoku #mealkit p.lead{ text-align: left; font-size: 3.75vw;}
}

#shishoku #mealkit .price_mark{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 180px; height: 180px; position: absolute; right: 0; top: 0; z-index: -1;}
#shishoku #mealkit .price_mark:before{ content: ""; width: 100%; height: 100%; background: #EBE7D9; position: absolute; left: 0; top: 0; transform: rotate(45deg); z-index: -1;}
#shishoku #mealkit .price_mark span{ font-size: 13px; line-height: 1em; font-weight: 600;}
#shishoku #mealkit .price_mark p{ font-size: 23px; line-height: 1em; font-weight: 600; color: #E60B12; margin: 0.25em auto;}
#shishoku #mealkit .price_mark p strong{ font-size: 48px; line-height: 1em;}
#shishoku #mealkit .price_mark p small{ font-size: 16px; line-height: 1em;}
#shishoku #mealkit .price_mark span.shipping{ display: flex; align-items: center; justify-content: center; width: 126px; height: 24px; background: #E81F24; color: #fff; font-size: 14px;}
@media screen and (max-width:768px){
#shishoku #mealkit .price_mark{ width: 33.33vw; height: 33.33vw; right: -2.5vw; top: 17.5vw;}
#shishoku #mealkit .price_mark span{ font-size: 2.5vw;}
#shishoku #mealkit .price_mark p{ font-size: 4.5vw;}
#shishoku #mealkit .price_mark p strong{ font-size: 9vw;}
#shishoku #mealkit .price_mark p small{ font-size: 3.75vw;}
#shishoku #mealkit .price_mark span.shipping{ width: 66.66%; height: 5vw; font-size: 2.5vw;}
}

#shishoku #mealkit .mealkit_list{ display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin: -10px 0 -10px -10px;}
#shishoku #mealkit .mealkit_list .mealkit_box{ width: calc(50% - 20px); margin: 10px; background: #fff; border-radius: 20px; overflow: hidden; position: relative;}
#shishoku #mealkit .mealkit_list .mealkit_box h3{ display: flex; align-items: center; padding: 10px;}
#shishoku #mealkit .mealkit_list .mealkit_box h3 span{ display: flex; align-items: center; justify-content: center; width: 130px; height: 30px; border-right: 2px dotted #E81F24; text-align: center;}
#shishoku #mealkit .mealkit_list .mealkit_box h3 span img{ height: 30px;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit01 h3 span img,
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 h3 span img{ height: 20px;}
#shishoku #mealkit .mealkit_list .mealkit_box h3 strong{ width: calc(100% - 130px); font-size: 14px; line-height: 1.25em; font-weight: 300; padding-left: 1em;}
#shishoku #mealkit .mealkit_list .mealkit_box dl{ display: flex; background: #fff; overflow: hidden; border-radius: 15px; position: absolute; left: 10px; bottom: 10px;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dt{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100px; height: 80px; background: #E81F24; color: #fff; font-size: 12px; line-height: 1em; font-weight: 600; border-radius: 4px 0 0 4px;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dt strong{ font-size: 24px; line-height: 1em; font-weight: 600; margin: 0.125em auto 0;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dt strong b{ font-size: 35px; line-height: 1em;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dt span.off{ font-size: 14px; line-height: 1em;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 170px; height: 80px; padding: 10px;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd h5{ width: 100%; text-align: center; font-size: 12px; font-weight: 600; padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 2px dotted #000;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd .free{ display: flex; width: 100%;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd .free .free_ico{ display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #EBE7D9; color: #E50B0F; font-size: 12px; font-weight: 600; line-height: 1.25em; border-radius: 4px; margin-right: 8px;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd .free p strong{ font-size: 38px; line-height: 1em; font-weight: 600; color: #E60B12;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd .free p span{ font-size: 19px; line-height: 1em; font-weight: 600; color: #E60B12; position: relative;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd .free p span:before{ content: "(税込)"; font-size: 6px; line-height: 1em; position: absolute; left: 1px; right: 0; top: -1em; margin: auto;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd .free p small{ font-size: 10px; line-height: 1em; font-weight: 600; color: #E60B12;}
@media screen and (max-width:768px){
#shishoku #mealkit .mealkit_list{ display: block; width: 100%; margin: 0 auto;}
#shishoku #mealkit .mealkit_list .mealkit_box{ width: 100%; margin: 5% auto 0; border-radius: 2.5vw;}
#shishoku #mealkit .mealkit_list .mealkit_box h3{ padding: 2.5%;}
#shishoku #mealkit .mealkit_list .mealkit_box h3 span{ width: 36%; height: 10vw;}
#shishoku #mealkit .mealkit_list .mealkit_box h3 span img{ height: 7.5vw;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit01 h3 span img{ height: 5vw;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 h3 span img{ height: 6vw;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit04 h3 span img{ height: 8vw;}
#shishoku #mealkit .mealkit_list .mealkit_box h3 strong{ width: 64%; font-size: 3.2vw;}
#shishoku #mealkit .mealkit_list .mealkit_box dl{ flex-direction: column; border-radius: 1.25vw; left: 1.25vw; bottom: 1.25vw;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dt{ align-items: center; flex-direction: row; width: 30vw; height: 7.5vw; font-size: 2.5vw; border-radius: 0;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dt strong{ font-size: 2.5vw; margin: 0 0.125em;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dt strong b{ font-size: 4vw; line-height: 1em;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dt span.off{ font-size: 2.5vw; line-height: 1em;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd{ width: 30vw; height: auto; padding: 2.5%;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd h5{ font-size: 2.5vw;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd .free{ align-items: center; justify-content: center;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd .free .free_ico{ width: 7.5vw; height: 7.5vw; font-size: 2.5vw; border-radius: 1.25vw; margin-right: 1.25vw;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd .free p strong{ font-size: 7vw;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd .free p span{ font-size: 3.75vw;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd .free p span:before{ display: none;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd .free p small{ display: block; text-align: right; font-size: 2.5vw;}
#shishoku #mealkit .mealkit_list .mealkit_box dl dd .free p small:before{ content: "(税込)";}
}

#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl{ flex-direction: row-reverse; bottom: 20px;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dt{ border-radius: 0 4px 4px 0;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dt small{ font-size: 16px; font-weight: 600;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dt strong{ margin: 0;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dt span{ font-size: 24px;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dd{ padding: 10px 15px;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dd h5{ font-size: 12px; color: #E81F24; text-align: left; border: none; padding: 0; margin: 0 0 0.33em;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dd h5 span{ font-size: 10px;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dd p{ width: 100%; margin: 0; font-size: 15px; font-weight: bold; line-height: 1.5em;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dd p strong{ font-size: 23px;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 p.att{ position: absolute; left: 10px; bottom: 5px; font-size: 10px; line-height: 1em; text-shadow: 1px 1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, -1px -1px 2px #fff;}
@media screen and (max-width:768px){
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl{ flex-direction: column-reverse; bottom: 1.25vw;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dt{ align-items: flex-end; border-radius: 0; height: 10vw; padding-bottom: 1.25vw;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dt small{ font-size: 4vw;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dt strong{ font-size: 4vw;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dt strong b{ font-size: 7.5vw;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dt span{ font-size: 4vw;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dd{ padding: 1.25vw;;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dd h5{ font-size: 3vw; text-align: center; margin-bottom: 0.125em;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dd h5 span{ font-size: 2.5vw;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dd p{ text-align: center; font-size: 2.75vw;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 dl dd p strong{ font-size: 3.5vw;}
#shishoku #mealkit .mealkit_list .mealkit_box.kit03 p.att{ left: auto; right: 1.25vw; bottom: 1.25vw; font-size: 2.5vw;}
}


/*cutmeal*/
/*feature*/
#shishoku #feature_cutmeal{ padding: 80px 0;}
#shishoku #feature_cutmeal dl{ display: flex; align-items: center; margin-bottom: 60px;}
#shishoku #feature_cutmeal dl:last-child{ margin-bottom: 0;}
#shishoku #feature_cutmeal dl:nth-child(2n){ flex-direction: row-reverse;}
#shishoku #feature_cutmeal dl dt{ width: calc(100% - 620px); text-align: center;}
#shishoku #feature_cutmeal dl dt figure img{ width: 280px;}
#shishoku #feature_cutmeal dl dt h4{ font-size: 32px; font-weight: 600; line-height: 1em; color: #E81F24; margin: 40px auto 10px;}
#shishoku #feature_cutmeal dl dt p{ font-size: 24px; font-weight: 600; line-height: 1.5em;}
#shishoku #feature_cutmeal dl dd{ width: 620px;}
#shishoku #feature_cutmeal dl dd img{ border-radius: 40px;}
@media screen and (max-width:768px){
#shishoku #feature_cutmeal{ padding: 15% 0;}
#shishoku #feature_cutmeal dl{ display: block; margin-bottom: 10%;}
#shishoku #feature_cutmeal dl:last-child{ margin-bottom: 0;}
#shishoku #feature_cutmeal dl dt{ width: 100%; margin-bottom: 7.5%;}
#shishoku #feature_cutmeal dl dt figure img{ width: 50%;}
#shishoku #feature_cutmeal dl dt h4{ font-size: 6vw; margin: 5% auto 1.25%;}
#shishoku #feature_cutmeal dl dt p{ font-size: 3.75vw;}
#shishoku #feature_cutmeal dl dd{ width: 100%}
#shishoku #feature_cutmeal dl dd img{ border-radius: 2.5vw;}
}


/*step*/
#shishoku #step_cutmeal{ background: #F7F6F2; padding: 80px 0;}
#shishoku #step_cutmeal h2{ text-align: center; font-size: 36px; font-weight: 600;}
#shishoku #step_cutmeal h2 strong{ display: inline-block; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 4px dotted #E81F24;}
@media screen and (max-width:768px){
#shishoku #step_cutmeal{ padding: 15% 0;}
#shishoku #step_cutmeal h2{ font-size: 6vw;}
#shishoku #step_cutmeal h2 strong{ padding-bottom: 2.5vw; margin-bottom: 2.5vw;}
}
#shishoku #step_cutmeal .steps{ margin: 30px auto 40px;}
#shishoku #step_cutmeal .steps ul{ display: flex; align-items: center; justify-content: center; width: 100%;}
#shishoku #step_cutmeal .steps ul li{ width: calc(33.33% - 24px);}
#shishoku #step_cutmeal .steps ul li.arrow{ width: 16px; margin: 0 10px;}
#shishoku #step_cutmeal .steps ul li dl{ background: #fff; border-radius: 20px; overflow: hidden;}
#shishoku #step_cutmeal .steps ul li dl dd{ background: #EBE7D9; display: flex; align-items: center; justify-content: center; width: 100%; height: 90px; font-size: 24px; font-weight: 600; position: relative;}
#shishoku #step_cutmeal .steps ul li dl dd span{ position: absolute; left: 40px; top: 50%; transform: translateY(-50%); font-size: 40px; color: #DC010B;}
@media screen and (max-width:768px){
#shishoku #step_cutmeal .steps{ margin: 5% auto;}
#shishoku #step_cutmeal .steps ul{ display: block;}
#shishoku #step_cutmeal .steps ul li{ width: 100%;}
#shishoku #step_cutmeal .steps ul li.arrow{ width: 100%; margin: -2.5% 0; text-align: center; line-height: 0;}
#shishoku #step_cutmeal .steps ul li.arrow img{ transform: rotate(90deg); width: 5vw; line-height: 0;}
#shishoku #step_cutmeal .steps ul li dl{border-radius: 1.25vw;}
#shishoku #step_cutmeal .steps ul li dl dd{ height: 20vw; font-size: 6vw;}
#shishoku #step_cutmeal .steps ul li dl dd span{ left: 7.5vw; font-size: 7vw;}
}
#shishoku #step_cutmeal .step_end dl{ display: flex; width: 100%; border-radius: 20px; overflow: hidden;}
#shishoku #step_cutmeal .step_end dl dt{ display: flex; align-items: center; justify-content: center; width: 490px; height: 350px;}
#shishoku #step_cutmeal .step_end dl dd{ display: flex; align-items: center; justify-content: center; width: calc(100% - 490px); padding: 0 40px 0 60px; background: #fff;}
#shishoku #step_cutmeal .step_end dl dd .txt{ display: flex; flex-direction: column;}
#shishoku #step_cutmeal .step_end dl dd .txt h4{ display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 600; width: 200px; height: 50px; background: #E81F24; color: #fff; border-radius: 2em; margin-bottom: 30px;}
#shishoku #step_cutmeal .step_end dl dd .txt h5{ font-size: 32px; font-weight: 600; line-height: 1.5em;}
#shishoku #step_cutmeal .step_end dl dd figure{ width: 240px;}
@media screen and (max-width:768px){
#shishoku #step_cutmeal .step_end dl{ display: block; border-radius: 1.25vw;}
#shishoku #step_cutmeal .step_end dl dt{ display: block; width: 100%; height: auto;}
#shishoku #step_cutmeal .step_end dl dd{ display: block; width: 100%; padding: 7.5% 5% 5%;}
#shishoku #step_cutmeal .step_end dl dd .txt{ display: flex; flex-direction: column; justify-content: center; text-align: center;}
#shishoku #step_cutmeal .step_end dl dd .txt h4{ display: flex; align-items: center; justify-content: center; font-size: 5vw; width: 50%; height: 10vw; margin: 0 auto 5%;}
#shishoku #step_cutmeal .step_end dl dd .txt h5{ font-size: 6vw;}
#shishoku #step_cutmeal .step_end dl dd figure{ width: 50%; margin: 7.5% auto 0;}
}


/*collabo*/
#shishoku #collabo{ padding: 40px 0 50px;}
#shishoku #collabo h2{ text-align: center; font-size: 36px; font-weight: 600;}
#shishoku #collabo h2 strong{ display: inline-block; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 4px dotted #E81F24;}
#shishoku #collabo p.lead{ text-align: center; font-size: 16px; margin-bottom: 30px;}
#shishoku #collabo ul li{ margin-bottom: 30px;}
#shishoku #collabo ul li:last-child{ margin-bottom: 0;}
#shishoku #collabo ul li img{ border-radius: 20px;}
@media screen and (max-width:768px){
#shishoku #collabo{ padding: 10% 0;}
#shishoku #collabo h2{ font-size: 7vw;}
#shishoku #collabo h2 strong{ padding-bottom: 2.5vw; margin-bottom: 7.5%;}
#shishoku #collabo p.lead{ text-align: left; font-size: 4vw; margin-bottom: 7.5%;}
#shishoku #collabo ul li{ margin-bottom: 2.5%;}
#shishoku #collabo ul li:last-child{ margin-bottom: 0;}
#shishoku #collabo ul li img{ border-radius: 1.25vw;}
}



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