@charset "utf-8";
/* CSS Document */
/******************************************************/
/**
/**　PC用のcss
/**
*******************************************************/
@media print, screen and (min-width:800px)/* 800以上 */{
#menuDetail .f_airneedle .maingraphic .content_inner{background: url("../img/menu/detail/f_airneedle/maingraphic_sezyutsuIMG.png") no-repeat top right;}
#menuDetail .f_airneedle .maingraphic ul li{padding:0 1em;}
#menuDetail .f_airneedle .recommendType ul li .pc.tab{font-family:"Noto Sans", sans-serif; font-weight:700;}
#menuDetail .f_airneedle .yoyakuWeb{background:url("../img/menu/detail/f_airneedle/yoyakuWeb_bg.jpg") no-repeat top left, #000;}
#menuDetail .f_airneedle .movie{}
#menuDetail .f_airneedle .movie h3+p{text-align:center;}
#menuDetail .f_airneedle .movie iframe{width:784px; height:441px; margin:auto; display:block; border:solid 7px #ef7674;}
#menuDetail .f_airneedle .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 .f_airneedle .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 .f_airneedle .menuStep ul li .stepText .method{width:auto; margin:20px 0 30px 5px;}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li{width:auto; margin:14px 0; padding-left:1.3em;}
#menuDetail .f_airneedle .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 .f_airneedle .menuStep ul li .stepText .method li:after{content:''; border:none; width:16px; height:16px; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:14px; line-height:16px; text-align:center; position:absolute; top:-1px; left:0;}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(1):after{content:'1'; }
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(2):after{content:'2';}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(3):after{content:'3';}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(4):after{content:'4';}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(5):after{content:'5';}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(6):after{content:'6';}
#menuDetail .f_airneedle .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 .f_airneedle .menuStep ul li .stepText .method li p b{color:#ef7674;}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li p b:after{content:'：'; color:#000; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
#menuDetail .f_airneedle .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;}
}

/******************************************************/
/**
/**　TAB用のcss
/**
*******************************************************/
@media screen and (min-width:481px) and (max-width:799px)/* 481～799 */{
#menuDetail .f_airneedle .maingraphic .content_inner{background: url("../img/menu/detail/f_airneedle/maingraphic_sezyutsuIMG.png") no-repeat top right; background-size:60%;}
#menuDetail .f_airneedle .maingraphic ul{justify-content:center;}
#menuDetail .f_airneedle .maingraphic ul li{width:auto; height:auto; padding:0.4em 1.2em; float:none; border-radius:50px; line-height:1.3;}
#menuDetail .f_airneedle .maingraphic ul li:last-child{margin-left:0.7em;}
#menuDetail .f_airneedle .recommendType ul li .pc.tab{font-family:"Noto Sans", sans-serif; font-weight:700;}
#menuDetail .f_airneedle .yoyakuWeb{background:url("../img/menu/detail/f_airneedle/yoyakuWeb_bg_sp.jpg") no-repeat top left, #000; background-size:cover;}
#menuDetail .f_airneedle .point .pointBox .pointNo{line-height:16;}
#menuDetail .f_airneedle .movie{}
#menuDetail .f_airneedle .movie h3+p{width:85%; margin:auto; font-size:2.6vw; line-height:1.5;}
#menuDetail .f_airneedle .movie iframe{width:85%; height:48vw; margin:20px auto; display:block; border:solid 7px #ef7674;}
#menuDetail .f_airneedle .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 .f_airneedle .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 .f_airneedle .menuStep ul li .stepText .method{width:auto; margin:20px 0 20px 5px;}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li{width:auto; margin:10px 0; padding-left:1.3em;}
#menuDetail .f_airneedle .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 .f_airneedle .menuStep ul li .stepText .method li:after{content:''; border:none; width:3vw; height:3vw; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:2.5vw; line-height:1.5; text-align:center; position:absolute; top:0; left:0;}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(1):after{content:'1'; }
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(2):after{content:'2';}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(3):after{content:'3';}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(4):after{content:'4';}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(5):after{content:'5';}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(6):after{content:'6';}
#menuDetail .f_airneedle .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 .f_airneedle .menuStep ul li .stepText .method li p b{color:#ef7674;}
#menuDetail .f_airneedle .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%;}
}

/******************************************************/
/**
/**　SP用のcss
/**
*******************************************************/
@media screen and (max-width:480px)/* 480以下 */{
#menuDetail .f_airneedle .maingraphic .content_inner{background: url("../img/menu/detail/f_airneedle/maingraphic_sezyutsuIMG.png") no-repeat top right -20%; background-size:70%;}
#menuDetail .f_airneedle .maingraphic ul{justify-content:center;}
#menuDetail .f_airneedle .maingraphic ul li{width:auto; height:auto; padding:0.4em 1.2em; float:none; border-radius:50px; line-height:1.3;}
#menuDetail .f_airneedle .maingraphic ul li:last-child{margin-left:0.7em;}
#menuDetail .f_airneedle .recommendType ul li .tyoutai{font-family:"Noto Sans", sans-serif; font-weight:700; transform:scale(0.9, 1); transform-origin:left top; position:relative; top:-0.8em; left:2em; display:block;}
#menuDetail .f_airneedle .recommendType ul li:nth-child(2):before{top:6px;}
#menuDetail .f_airneedle .yoyakuWeb{background:url("../img/menu/detail/f_airneedle/yoyakuWeb_bg_sp.jpg") no-repeat top left, #000; background-size:cover;}
#menuDetail .f_airneedle .movie{display:table; margin:-10px 0 0; padding:0 0 30px; background:#fff8f4;}
#menuDetail .f_airneedle .movie h3+p{width:85%; margin:auto; font-size:3.2vw; line-height:1.7;}
#menuDetail .f_airneedle .movie iframe{width:85%; height:47vw; margin:20px auto; display:block; border:solid 7px #ef7674;}
#menuDetail .f_airneedle .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 .f_airneedle .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 .f_airneedle .menuStep ul li .stepText .method{width:auto; margin:20px 0 16px 5px;}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li{width:auto; margin:5px 0; padding-left:1.3em;}
#menuDetail .f_airneedle .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 .f_airneedle .menuStep ul li .stepText .method li:after{content:''; border:none; width:3vw; height:3vw; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:2.5vw; line-height:1.5; text-align:center; position:absolute; top:0; left:0;}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(1):after{content:'1'; }
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(2):after{content:'2';}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(3):after{content:'3';}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(4):after{content:'4';}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(5):after{content:'5';}
#menuDetail .f_airneedle .menuStep ul li .stepText .method li:nth-child(6):after{content:'6';}
#menuDetail .f_airneedle .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 .f_airneedle .menuStep ul li .stepText .method li p b{color:#ef7674;}
#menuDetail .f_airneedle .menuStep ul li .inner_box{margin-bottom:10px;}
#menuDetail .f_airneedle .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%;}
}