@charset "utf-8";
/* CSS Document */
/******************************************************/
/**
/**　PC用のcss
/**
*******************************************************/
@media print, screen and (min-width:800px)/* 800以上 */{
#menuDetail .b_ice .maingraphic .content_inner{background: url("../img/menu/detail/b_ice/maingraphic_sezyutsuIMG.png") no-repeat top right;}
#menuDetail .b_ice .yoyakuWeb{background:url("../img/menu/detail/b_ice/yoyakuWeb_bg.jpg") no-repeat top left, #000;}
#menuDetail .b_ice .movie{}
#menuDetail .b_ice .movie h3+p{text-align:center;}
#menuDetail .b_ice .movie iframe{width:784px; height:441px; margin:auto; display:block; border:solid 7px #ef7674;}
#menuDetail .b_ice .menuStep ul li .stepText h5{width:auto; height:35px; margin-bottom:10px; display:inline-block; padding:0px 18px; border-radius:50px; background:#ef7674; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:15px; letter-spacing:0.06em; line-height:35px; position:relative;}
#menuDetail .b_ice .menuStep ul li .stepText h5:after{content:''; border-top:15px solid #ef7674; border-right:8px solid transparent; border-bottom:15px solid transparent; border-left:8px solid transparent; position:absolute; bottom:-30px; left:20%;}
#menuDetail .b_ice .menuStep ul li .stepText .method{width:auto; margin:20px 0 30px 5px;}
#menuDetail .b_ice .menuStep ul li .stepText .method li{width:auto; margin:14px 0; padding-left:1.3em;}
#menuDetail .b_ice .menuStep ul li .stepText .method li:before{content:''; width:16px; height:16px; background:#ef7674; border-radius:16px; display:inline-block; text-align:center; position:absolute; top:-1px; left:0;}
#menuDetail .b_ice .menuStep ul li .stepText .method li:after{display:none;}
#menuDetail .b_ice .menuStep ul li .stepText .method li p{margin:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:1;}
#menuDetail .b_ice .menuStep ul li .inner_box .attention{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:26px; margin:0; text-align:center; background:#b53e3e; color:#fff;}
/*脂肪冷却ダブルとは*/
#menuDetail .b_ice .about{width:1000px; height:auto; box-sizing:border-box; margin:50px 0; padding:15px 30px; border:double 6px #e8dfcc; position:relative;}
#menuDetail .b_ice .about:before{content:''; background:url("../img/menu/detail/b_ice/about_bg.png") no-repeat; background-size:contain; width:220px; height:275px; position:absolute; bottom:0px; right:8px; z-index:1;}
#menuDetail .b_ice .about:after{content:''; background:url("../img/menu/detail/b_ice/abot_bg2.png") no-repeat; background-size:contain; width:150px; height:110.6px; position:absolute; top:0; right:150px;}
#menuDetail .b_ice .about h3{width:710px; margin:30px 0; padding:0; border:none; font-size:26px; text-align:left;}
#menuDetail .b_ice .about h3:before{display:none;}
#menuDetail .b_ice .about h3:after{display:none;}
#menuDetail .b_ice .about p{width:710px; height:auto; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:15px; line-height:26px; text-align:justify;}
#menuDetail .b_ice .about p a{color:#8c7467; font-family:"Noto Sans", sans-serif; font-weight:500; text-decoration:underline; transition:all 0.3s ease;}
#menuDetail .b_ice .about p a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
}

/******************************************************/
/**
/**　TAB用のcss
/**
*******************************************************/
@media screen and (min-width:481px) and (max-width:799px)/* 481～799 */{
#menuDetail .b_ice .maingraphic .content_inner{background: url("../img/menu/detail/b_ice/maingraphic_sezyutsuIMG.png") no-repeat top right; background-size:60%;}
#menuDetail .b_ice .yoyakuWeb{background:url("../img/menu/detail/b_ice/yoyakuWeb_bg_sp.jpg") no-repeat top left, #000; background-size:cover;}
#menuDetail .b_ice .movie{}
#menuDetail .b_ice .movie h3+p{width:85%; margin:auto; font-size:2.6vw; line-height:1.5;}
#menuDetail .b_ice .movie iframe{width:85%; height:48vw; margin:20px auto; display:block; border:solid 7px #ef7674;}
#menuDetail .b_ice .menuStep ul li .stepText h5{width:100%; height:40px; margin:10px 0; display:inline-block; padding:0; background:#ef7674; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:3vw; letter-spacing:0.06em; line-height:40px; text-align:center; position:relative;}
#menuDetail .b_ice .menuStep ul li .stepText h5:after{content:''; border-top:20px solid #ef7674; border-right:12px solid transparent; border-bottom:20px solid transparent; border-left:12px solid transparent; position:absolute; bottom:-40px; left:46%;}
#menuDetail .b_ice .menuStep ul li .stepText .method{width:auto; margin:20px 0 20px 5px;}
#menuDetail .b_ice .menuStep ul li .stepText .method li{width:auto; margin:10px 0; padding-left:1.3em;}
#menuDetail .b_ice .menuStep ul li .stepText .method li:before{content:''; width:3vw; height:3vw; background:#ef7674; border-radius:3vw; display:inline-block; text-align:center; position:absolute; top:2px; left:0;}
#menuDetail .b_ice .menuStep ul li .stepText .method li:after{display:none;}
#menuDetail .b_ice .menuStep ul li .stepText .method li p{margin:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.5vw; line-height:1.7;}
#menuDetail .b_ice .menuStep ul li .inner_box .attention{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.3vw; line-height:1.7; margin:0; border:solid 1px #ef7674; box-sizing:border-box; padding:2%;}
/*脂肪冷却ダブルとは*/
#menuDetail .b_ice .about{width:95%; height:auto; box-sizing:border-box; margin:40px auto; padding:1% 5%; border:double 6px #e8dfcc; position:relative;}
#menuDetail .b_ice .about:before{content:''; background:url("../img/menu/detail/b_ice/about_bg.png") no-repeat; background-size:contain; width:34%; height:0; padding-top:42%; position:absolute; bottom:0px; right:-1%; z-index:1;}
#menuDetail .b_ice .about:after{content:''; background:url("../img/menu/detail/b_ice/abot_bg2.png") no-repeat; background-size:contain; width:21%; height:0; padding-top:17%; position:absolute; top:17%; right:18.5%;}
#menuDetail .b_ice .about h3{width:100%; margin:20px 0; padding:0 0 15px; border:none; font-size:3vw; background:url(../common/img/h2_line.png) repeat-x left bottom;}
#menuDetail .b_ice .about h3:before{display:none;}
#menuDetail .b_ice .about h3:after{display:none;}
#menuDetail .b_ice .about p{width:60%; height:auto; margin:0 0 10px; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.3vw; line-height:1.7; text-align:justify;}
#menuDetail .b_ice .about p a{color:#8c7467; font-family:"Noto Sans", sans-serif; font-weight:500; text-decoration:underline; transition:all 0.3s ease;}
#menuDetail .b_ice .about p a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
}

/******************************************************/
/**
/**　SP用のcss
/**
*******************************************************/
@media screen and (max-width:480px)/* 480以下 */{
#menuDetail .b_ice .maingraphic .content_inner{background: url("../img/menu/detail/b_ice/maingraphic_sezyutsuIMG.png") no-repeat top right -20%; background-size:70%;}
#menuDetail .b_ice .yoyakuWeb{background:url("../img/menu/detail/b_ice/yoyakuWeb_bg_sp.jpg") no-repeat top left, #000; background-size:cover;}
#menuDetail .b_ice .movie{display:table; margin:-10px 0 0; padding:0 0 30px; background:#fff8f4;}
#menuDetail .b_ice .movie h3+p{width:85%; margin:auto; font-size:3.2vw; line-height:1.7;}
#menuDetail .b_ice .movie iframe{width:85%; height:47vw; margin:20px auto; display:block; border:solid 7px #ef7674;}
#menuDetail .b_ice .menuStep ul li .stepText h5{width:100%; height:35px; margin:5px 0; display:inline-block; padding:0; background:#ef7674; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:3.2vw; letter-spacing:0.06em; line-height:35px; text-align:center; position:relative;}
#menuDetail .b_ice .menuStep ul li .stepText h5:after{content:''; border-top:16px solid #ef7674; border-right:8px solid transparent; border-bottom:16px solid transparent; border-left:8px solid transparent; position:absolute; bottom:-32px; left:46%;}
#menuDetail .b_ice .menuStep ul li .stepText .method{width:auto; margin:20px 0 16px 5px;}
#menuDetail .b_ice .menuStep ul li .stepText .method li{width:auto; margin:5px 0; padding-left:1.3em;}
#menuDetail .b_ice .menuStep ul li .stepText .method li:before{content:''; width:3vw; height:3vw; background:#ef7674; border-radius:3vw; display:inline-block; text-align:center; position:absolute; top:2px; left:0;}
#menuDetail .b_ice .menuStep ul li .stepText .method li:after{display:none;}
#menuDetail .b_ice .menuStep ul li .stepText .method li p{margin:0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.5vw; line-height:1.7;}
#menuDetail .b_ice .menuStep ul li .inner_box{margin-bottom:10px;}
#menuDetail .b_ice .menuStep ul li .inner_box .attention{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.3vw; line-height:1.7; margin:0; border:solid 1px #ef7674; box-sizing:border-box; padding:3%;}
/*脂肪冷却ダブルとは*/
#menuDetail .b_ice .about{width:95%; height:auto; box-sizing:border-box; margin:30px auto; padding:1% 5%; border:double 6px #e8dfcc; position:relative;}
#menuDetail .b_ice .about:before{content:''; background:url("../img/menu/detail/b_ice/about_bg.png") no-repeat; background-size:contain; width:40%; height:0; padding-top:50%; position:absolute; bottom:0px; right:0; z-index:1;}
#menuDetail .b_ice .about:after{content:''; background:url("../img/menu/detail/b_ice/abot_bg2.png") no-repeat; background-size:contain; width:24%; height:0; padding-top:20%; position:absolute; top:27%; right:8%; transform:rotate(8deg);}
#menuDetail .b_ice .about h3{width:100%; margin:12px 0 20px; padding:0 0 15px; border:none; font-size:4.2vw; line-height:1.5; background:url(../common/img/h2_line.png) repeat-x left bottom;}
#menuDetail .b_ice .about h3:before{display:none;}
#menuDetail .b_ice .about h3:after{display:none;}
#menuDetail .b_ice .about p{width:60%; height:auto; margin:0 0 10px; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.3vw; line-height:1.7; text-align:justify;}
#menuDetail .b_ice .about p a{color:#8c7467; font-family:"Noto Sans", sans-serif; font-weight:500; text-decoration:underline; transition:all 0.3s ease;}
#menuDetail .b_ice .about p a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
}