@charset "Shift_JIS";
#info_contents { margin-bottom:4em!important; }
.body_sph .contents_main { margin: 0 0 2em 0; }
.diet_sup{font-family: "icomoon",YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-feature-settings: "palt"1;}

/**/
.item_navi{display: flex; flex-wrap: wrap; padding: 10px; margin-top: 1em;}
.item_navi li{width: calc(100% /7); /*border: 1px solid #123;*/ padding: 0px; box-sizing: border-box; background: #fff;}

/*--注釈--*/
.note{font-size: 80%; color: #666666; padding:5px 15px 10px 15px; display: flex;flex-direction: column;}
.note li{text-align: left;}

/*--マーカー・文字色--*/
.marker_yellow{background: linear-gradient(to top, #fff252 0%, #fff252 50%, transparent 51%); font-weight: bold; margin-bottom:0;}
.txt_yellow{color: #fff252;}

/*--ばんざい--*/
.yay {display: flex; justify-content: center; align-items: center; font-size: 150%;}
.yay::before, .yay::after{width: 3px; height: 30px; content: '';}
.yay::before{transform: rotate(-35deg); margin-right: 20px;}
.yay::after{transform: rotate(35deg); margin-left: 20px;}

/*--お悩みリンク--*/
.nayamiArea {position: relative; padding: 1.5em 0;}
.nayami_01, .nayami_02, .nayami_03, .nayami_04, .nayami_05, .nayami_06 {position: absolute; display: block;}
.nayami_01 {width: 190px; height: 80px; top: 33.03%; left: 9.16%;}
.nayami_02 {width: 140px; height: 70px; top: 62.42%; left: 7.91%;}
.nayami_03 {width: 100px; height: 70px; top: 31.81%; left: 75.97%;}
.nayami_04 {width: 100px; height: 70px; top: 60.60%; left: 62.5%;}
.nayami_05 {width: 100px; height: 70px; top: 63.63%; left: 79.16%;}

/*ほかLPへ誘導*/
.toLP{text-align: center; font-size: 150%; margin-bottom: 0.25em;}
.toLPbn{padding: 0 5% 7% 5%;}

/*no1-3*/
#waist, #fors, #calo{margin-top: 2em;}
.waist{max-width: 100%; background: #fdd0e1; border-bottom-left-radius: 1.25em; border-bottom-right-radius: 1.25em;}
.fors{max-width: 100%; background: #a9e2e5; border-bottom-left-radius: 1.25em; border-bottom-right-radius: 1.25em;}
.calo{max-width: 100%; background: #fccd7e; border-bottom-left-radius: 1.25em; border-bottom-right-radius: 1.25em;}

.title_normal, .title_normalcp, .title_teiki{font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 22px;}
.title_normal{color: #0058aa;}
.title_normalcp{color: #ff3300;}
.title_teiki{color: #0e8d27; font-size: 180%; line-height: 1.1;}

.title_normal .yay::before, .title_normal .yay::after{background-color: #0058aa;}/*ばんざいカラー通常*/
.title_normalcp .yay::before, .title_normalcp .yay::after{background-color: #ff3300;}/*ばんざいカラー通常CP*/
.title_teiki .yay::before, .title_teiki .yay::after{background-color: #0e8d27;}/*ばんざいカラー定期*/

.no1-3 .display_exact{background: #ffffff; border-radius: 12px; margin: 5%; padding: 5% 7.5% 3% 7.5%; display: inline-block; width: 75%;}
.no1-3 .display_exact .img_box{width: 33%;}
.no1-3 .display_exact .txt_box{font-size: 150%; margin-left: 35%;}
.no1-3 .display_exact .btn{display: none;}
.no1-3 .display_exact .goods_set{margin-bottom: 1em;}
.no1-3 .display_exact .name{font-size: 85%;}
.no1-3 .display_exact .price2 strong {font-size: 220%;}
.no1-3 .display_exact .cp_discount{font-size: 300%;}

.no1-3 .cta-btn a {position: relative; display: block; width: 80%; margin: 0 10% 1.5em 10%; font-size: 24px; color: #fff; text-decoration: none; text-align: center; padding: 2% 0; border-radius: 3em; letter-spacing: 0.2em; font-weight: bold;}
.no1-3 .cta-btn .btn_normal a {box-shadow: 0 5px 0 0 #0058aa; background: #2a79c1;}
.no1-3 .cta-btn .btn_normalcp a {box-shadow: 0 5px 0 0 #d3360e; background: #f1633f;}
.no1-3 .cta-btn .btn_teiki a {box-shadow: 0 5px 0 0 #108326 ;background: #3e9b50; color: #ffffff;}
.no1-3 .cta-btn:hover{/*opacity: 0.8; transition: 0.3s;*/}
.no1-3 .cta-btn a::after {content: ''; position: absolute; top: 0; bottom: 0; right: 1.5em; width: 0.5em; height: 0.5em; margin: auto; border-top: 0.1em solid #fff; border-right: 0.1em solid #fff; transform: rotate(45deg); box-sizing: border-box;}

/*item_m*/
#sup_m01, #sup_m02, #sup_m03, #sup_m04, #sup_m05{margin-top: 2em;}
.item_m_box{display: flex; flex-direction: row; justify-content: space-around; align-items: flex-end; text-align: center; padding: 0 2% 5% 2%;}
.item_m_cta{width: 50%; text-align: center;}
.item_m_cta .goods_set{margin-bottom: 0.5em;}
.item_m_cta .price2 strong {font-size: 180%;}
.item_m_cta .item_m_name{font-weight: bold; line-height: 1.2; font-size: 150%; margin-bottom: 0.5em;}
.item_m_cta .cp_discount{font-size: 130%;}
.item_m_cta .incl_teiki .cp_discount{font-size: 200%;}
.item_m_cta .name_box, .item_m_cta .img_box, .item_m_cta .btn{display: none;}
/*.item_m_name{font-weight: bold; line-height: 1.2; font-size: 180%; margin-bottom: 0.5em; text-align: center;}*/

/*item_s*/
.item_s_box{display: flex; flex-direction: row;align-items: center; padding: 5%; margin-top: 1em;}
.item_s_img{width: 50%; margin-right: 2%;}
.item_s_cta{width: 45%; text-align: center;}
.item_s_cta .goods_set{margin-bottom: 0.5em;}
.item_s_cta .price2 strong {font-size: 160%;}
.item_s_cta .cp_discount{font-size: 130%;}
.item_s_cta .incl_teiki .cp_discount{font-size: 200%;}
.item_s_cta .name_box, .item_s_cta .img_box, .item_s_cta .btn{display: none;}

/*other_dietsup*/
.other_dietsup{display: flex; flex-direction; padding: 10px; text-align: center; margin-bottom: 2em;}
.other_dietsup li{width: calc(95% /5); border: 2px solid #fd9723; box-sizing: border-box; background: #ffffff; border-radius: 0.75em; margin-block: 0.5em; margin: 0.5%; padding: 0.5em;}
.other_dietsup .display_matrix .icon_box/*, .other_dietsup .display_matrix .btn*/ {display: none;}
.other_dietsup .display_matrix .img_box img{margin-top: 0.5em;}
.other_dietsup .display_matrix .cp_limit{margin-top: 0.5em;}
.other_dietsup .display_matrix .goods_set{margin-bottom: 0.5em;}

/*レスポンシブ-----------------------------------------------------------------------------------------------------.no1-3 .display_exact .img_box{width: 35%;}.no1-3 .display_exact .txt_box{margin-left: 38%;}*/
@media screen and (max-width: 768px) {
	#info_contents { margin-bottom:2em!important; }
	.item_navi{padding: 0;}
	.note{font-size: 55%;}
	.yay {/*font-size: 120%;*/}
	/*--お悩みリンク--*/
	.nayamiArea{padding: 1em 0;}
	.nayami_01{width: 26.388%; height: 24.242%; top: %; left: %;}
	.nayami_02{width: 19.44%; height: 21.21%; top: %; left: %;}
	.nayami_03, .nayami_04, .nayami_05{width: 13.88%; height: 21.21%; top: %; left: %;}
	/*ほかLPへ誘導*/
	.toLP{font-size: 100%; margin-bottom: 0.25em;}
	/*no1-3*/
	.no1-3 .display_exact{border-radius: 12px; margin: 5% 5% 6.5% 5%; padding: 5% 5% 0 5%; font-size: 85%; width: 90%;}
	.no1-3 .display_exact .txt_box{font-size: 100%;}
	.no1-3 .cta-btn a {font-size: 18px;}
	.no1-3 .display_exact .goods_set{margin-bottom: 1em;}
	.no1-3 .display_exact .price2 strong {font-size: 220%;}
	.title_normal, .title_normalcp, .title_teiki{font-size: 16px; /*padding: 5px;*/ margin-bottom: 10px;}
	.title_teiki{color: #0e8d27; font-size: 130%;}
	.no1-3 .display_exact .cp_discount{font-size: 200%;}
	/*item_m*/
	.item_m_box{}
	.item_m_cta{width: 48%;font-size: 72%;}
	/*item_s*/
	.item_s_box{padding: 5% 2%;}
	.item_s_cta{width: 45%; font-size: 80%;}
	.item_s_cta .price2 strong {font-size: 130%;}
	.item_s_cta .cp_discount{font-size: 130%;}
	.item_s_cta .incl_teiki .cp_discount{font-size: 200%;}
	.other_dietsup{margin-bottom: 1em;}
	.other_dietsup li{width: calc(94% /3); border-radius: 0.65em; margin-block: 0.5em; margin: 1%; padding: 0.5%;}
	.other_dietsup .display_matrix .goods_set{font-size: 70%;}
}