@charset "utf-8";
/* CSS Document */
/******************************************************/
/**
/**　PC用のcss
/**
*******************************************************/
@media print, screen and (min-width:800px)/* 800以上 */{
#menuDetail{margin-bottom:60px;}
#menuDetail h3{width:100%; height:auto; margin:70px 0 30px; padding-bottom:30px; border-bottom:solid 1px #aca29a; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:30px; letter-spacing:0.06em;  text-align:center;}
#menuDetail h3 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 500;
}
#menuDetail h3:before{content:'\f10d'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top:-10px; left:-12px;}
#menuDetail h3:after{content:'\f10e'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top:-10px; right:-6px;}
/**/
#menuDetail .maingraphic{width:100%; height:425px; background:#f9f2e8; background:-moz-linear-gradient(top, #f9f2e8 0%, #ffffff 62%); background:-webkit-linear-gradient(top, #f9f2e8 0%,#ffffff 62%); background:linear-gradient(to bottom, #f9f2e8 0%,#ffffff 62%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f2e8', endColorstr='#ffffff',GradientType=0 );}
#menuDetail .maingraphic .content_inner{height:100%;}
#menuDetail .maingraphic .box{width:500px; margin:0; font-family:"Zen Old Mincho", serif; font-weight: 900;
; text-align:center;}
#menuDetail .maingraphic h2{padding-top:105px; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:48px; text-shadow:1px 1px 4px #f9f2e9;}
#menuDetail .maingraphic ul{display:table; width:auto; margin:35px auto 55px;}
#menuDetail .maingraphic ul li{float:left; min-width:128px; width:auto; height:30px; margin-left:14px; border-radius:15px; background:#b39f66; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:16px; line-height:30px; letter-spacing:0.06em;}
#menuDetail .maingraphic ul li:first-child{margin-left:0;}
#menuDetail .maingraphic ul li span.mini{font-family:"Zen Old Mincho", serif; font-weight: 500;
 display:block; width:125%; margin-left:-12.5%; transform:scale( 0.8, 1 ); transform-origin:center; letter-spacing:0;}
#menuDetail .maingraphic p{padding:10px 0; color:#444; font-size:20px; line-height:40px; letter-spacing:0.06em; position:relative;
background: rgba(246,239,226,0);
background: -moz-linear-gradient(left, rgba(246,239,226,0) 0%, rgba(246,239,226,0.8) 15%, rgba(246,239,226,1) 25%, rgba(246,239,226,1) 50%, rgba(246,239,226,1) 75%, rgba(246,239,226,0.8) 85%, rgba(246,239,226,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,239,226,0)), color-stop(15%, rgba(246,239,226,0.8)), color-stop(25%, rgba(246,239,226,1)), color-stop(50%, rgba(246,239,226,1)), color-stop(75%, rgba(246,239,226,1)), color-stop(85%, rgba(246,239,226,0.8)), color-stop(100%, rgba(246,239,226,0)));
background: -webkit-linear-gradient(left, rgba(246,239,226,0) 0%, rgba(246,239,226,0.8) 15%, rgba(246,239,226,1) 25%, rgba(246,239,226,1) 50%, rgba(246,239,226,1) 75%, rgba(246,239,226,0.8) 85%, rgba(246,239,226,0) 100%);
background: -o-linear-gradient(left, rgba(246,239,226,0) 0%, rgba(246,239,226,0.8) 15%, rgba(246,239,226,1) 25%, rgba(246,239,226,1) 50%, rgba(246,239,226,1) 75%, rgba(246,239,226,0.8) 85%, rgba(246,239,226,0) 100%);
background: -ms-linear-gradient(left, rgba(246,239,226,0) 0%, rgba(246,239,226,0.8) 15%, rgba(246,239,226,1) 25%, rgba(246,239,226,1) 50%, rgba(246,239,226,1) 75%, rgba(246,239,226,0.8) 85%, rgba(246,239,226,0) 100%);
background: linear-gradient(to right, rgba(246,239,226,0) 0%, rgba(246,239,226,0.8) 15%, rgba(246,239,226,1) 25%, rgba(246,239,226,1) 50%, rgba(246,239,226,1) 75%, rgba(246,239,226,0.8) 85%, rgba(246,239,226,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6efe2', endColorstr='#f6efe2', GradientType=1 );}
#menuDetail .maingraphic p:before, #menuDetail .maingraphic p:after{content:''; width:100%; height:2px; display:block; position:absolute;
background: rgba(246,239,226,0);
background: -moz-linear-gradient(left, rgba(246,239,226,0) 0%, rgba(246,239,226,0.8) 15%, rgba(246,239,226,1) 25%, rgba(246,239,226,1) 50%, rgba(246,239,226,1) 75%, rgba(246,239,226,0.8) 85%, rgba(246,239,226,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,239,226,0)), color-stop(15%, rgba(246,239,226,0.8)), color-stop(25%, rgba(246,239,226,1)), color-stop(50%, rgba(246,239,226,1)), color-stop(75%, rgba(246,239,226,1)), color-stop(85%, rgba(246,239,226,0.8)), color-stop(100%, rgba(246,239,226,0)));
background: -webkit-linear-gradient(left, rgba(246,239,226,0) 0%, rgba(246,239,226,0.8) 15%, rgba(246,239,226,1) 25%, rgba(246,239,226,1) 50%, rgba(246,239,226,1) 75%, rgba(246,239,226,0.8) 85%, rgba(246,239,226,0) 100%);
background: -o-linear-gradient(left, rgba(246,239,226,0) 0%, rgba(246,239,226,0.8) 15%, rgba(246,239,226,1) 25%, rgba(246,239,226,1) 50%, rgba(246,239,226,1) 75%, rgba(246,239,226,0.8) 85%, rgba(246,239,226,0) 100%);
background: -ms-linear-gradient(left, rgba(246,239,226,0) 0%, rgba(246,239,226,0.8) 15%, rgba(246,239,226,1) 25%, rgba(246,239,226,1) 50%, rgba(246,239,226,1) 75%, rgba(246,239,226,0.8) 85%, rgba(246,239,226,0) 100%);
background: linear-gradient(to right, rgba(246,239,226,0) 0%, rgba(246,239,226,0.8) 15%, rgba(246,239,226,1) 25%, rgba(246,239,226,1) 50%, rgba(246,239,226,1) 75%, rgba(246,239,226,0.8) 85%, rgba(246,239,226,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6efe2', endColorstr='#f6efe2', GradientType=1 );}
#menuDetail .maingraphic p:before{top:-6px; ;left:0;}
#menuDetail .maingraphic p:after{bottom:-6px; left:0;}
#menuDetail .maingraphic p span{font-family:"Zen Old Mincho", serif; font-weight: 500;
}
/*黒帯*/
#menuDetail .infoBlack{background:#000; height:152px;}
#menuDetail .infoBlack .content_inner{height:152px; background:url("../img/menu/detail/infoBlack_bg.jpg") no-repeat; position:relative;}
#menuDetail .infoBlack .trial, #menuDetail .infoBlack .time, #menuDetail .infoBlack .price, #menuDetail .infoBlack .btnReserv{margin:0; position:absolute;}
#menuDetail .infoBlack .trial{width:190px; height:46px; box-sizing:border-box; border:solid 1px #fff; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:16px; letter-spacing:0.1em; line-height:46px; text-align:center; top:55px; left:33px;}
#menuDetail .infoBlack .time{width:64px; height:64px; padding-top:9px; box-sizing:border-box; border-radius:32px; color:#000; font-family:'Playball', cursive; font-size:33px; text-align:center; text-shadow:1px 1px 3px #f0e4c2; top:44px; left:235px;
background: rgba(153,115,76,1);
background: -moz-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(153,115,76,1)), color-stop(19%, rgba(178,138,86,1)), color-stop(36%, rgba(205,171,109,1)), color-stop(59%, rgba(255,255,255,1)), color-stop(72%, rgba(232,214,166,1)), color-stop(83%, rgba(196,166,106,1)), color-stop(100%, rgba(170,130,71,1)));
background: -webkit-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);
background: -o-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);
background: linear-gradient(135deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99734c', endColorstr='#aa8247', GradientType=1 );}
#menuDetail .infoBlack .time .min{display:block; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:14px;}
#menuDetail .infoBlack .price{width:240px; height:auto; color:#d8cca7; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:28px; font-style:italic; text-align:center; top:45px; left:308px;}
#menuDetail .infoBlack .price b{margin-right:0.1em; font-family:'Lobster', cursive; font-size:58px; font-style:italic; letter-spacing:0.04em; position:relative; top:3px;}
#menuDetail .infoBlack .price.big{top:42px;}
#menuDetail .infoBlack .price.big b{font-size:64px;}
#menuDetail .infoBlack .price .tax{margin-left:-0.4em; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:15px; font-style:normal; letter-spacing:0.06em;}
#menuDetail .infoBlack .btnReserv{top:52px; left:545px;}
#menuDetail .infoBlack .btnReserv a{width:415px; height:54px; border-radius:3px; background:#f26462; color:#fff; display:block; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:18px; letter-spacing:0.06em; line-height:54px; text-align:center; transition:all 0.3s ease; position:relative;}
#menuDetail .infoBlack .btnReserv a:hover{transition:all 0.3s ease; opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -khtml-opacity:0.8; -moz-opacity:0.8; opacity:0.8;}
#menuDetail .infoBlack .btnReserv a:after{content:'>>'; letter-spacing:-0.04em; transform: scale( 0.6 , 1 ); position:absolute; right:8px;}
/*こんな方におすすめ*/
#menuDetail .recommendType{height:325px; background:#fcf9f4;}
#menuDetail .recommendType h3{width:auto; height:auto; margin:0; padding:68px 0 35px; border:none; color:#382616; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:30px; letter-spacing:0.08em;  text-align:center;}
#menuDetail .recommendType h3:before, #menuDetail .recommendType h3:after{content:''; width:200px; height:1px; display:inline-block; font-weight:normal; font-family:"Zen Old Mincho", serif; font-weight: 500;
 background:#382616; position:relative;}
#menuDetail .recommendType h3:before{left:-12px;}
#menuDetail .recommendType h3:after{right:-12px;}
#menuDetail .recommendType ul{width:1000px; margin:auto; display:flex; justify-content:space-between;}
#menuDetail .recommendType ul li{width:300px; height:140px; padding-top:38px; box-sizing:border-box; background:url("../img/menu/detail/recommendType_bg.png") no-repeat; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:700; font-size:25px; letter-spacing:0.08em; line-height:35px; text-align:center;}
/*ここがすごい！*/
#menuDetail .point{}
#menuDetail .point h3{margin-bottom:40px;}
#menuDetail .point .pointBox{margin:30px 0; padding:12px; border:8px solid #f7f3e8; display:flex;}
#menuDetail .point .pointBox .pointImg, #menuDetail .point .pointBox .pointNo, #menuDetail .point .pointBox .pointText{height:220px;}
#menuDetail .point .pointBox .pointImg{width:30%;}
#menuDetail .point .pointBox .pointImg img{width:100%; height:auto; display:table-cell; vertical-align:middle;}
#menuDetail .point .pointBox .pointNo{width:19%; padding:0 3%; display:table-cell; vertical-align:middle; box-sizing:border-box; color:#dfd6ba; font-family:"Playfair Display", serif; font-size:17px; letter-spacing:0.06em; line-height:220px; text-align:center;}
#menuDetail .point .pointBox .pointNo span{font-family:"FB Miller Display Light"; font-size:90px; position:relative; top:23px; line-height:1;}
#menuDetail .point .pointBox .pointText{width:50%;}
#menuDetail .point .pointBox .pointText h4{border-bottom:solid 1px #cfbb7f; margin-bottom:25px; padding:16px 0; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:18px; letter-spacing:0.06em;}
#menuDetail .point .pointBox .pointText h4:first-letter{padding-right:0.08em; color:#cfbb7e; font-size:22px;}
#menuDetail .point .pointBox .pointText p{margin:10px 0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:26px; text-align:justify;}
/*施術ステップ*/
#menuDetail .menuStep{}
#menuDetail .menuStep ul{width:980px; height:auto; margin:20px 0 50px 20px;}
#menuDetail .menuStep ul li{width:auto; margin:35px 0; position:relative; display:flex; z-index:0;}
#menuDetail .menuStep ul li:before{content:''; width:40px; height:95%; position:absolute; top:5%; left:0; z-index:1; background:#cebf9c; background:-moz-linear-gradient(top, #cebf9c 0%, #dfd5ba 60%, #eae2ce 100%); background:-webkit-linear-gradient(top, #cebf9c 0%,#dfd5ba 60%,#eae2ce 100%); background:linear-gradient(to bottom, #cebf9c 0%,#dfd5ba 60%,#eae2ce 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cebf9c', endColorstr='#eae2ce',GradientType=0 );}
#menuDetail .menuStep ul li:after{content:''; border-top:20px solid #eae2ce; border-right:20px solid transparent; border-bottom:20px solid transparent; border-left:20px solid transparent; position:absolute; bottom:-40px; left:0; z-index:1;}
#menuDetail .menuStep ul li .inner{width:950px; margin-left:20px; padding:30px 30px 30px 60px; box-sizing:border-box; border:solid #d6caab; border-width:1px 1px 1px 0; border-radius: 0 20px 20px 0;}
#menuDetail .menuStep ul li .inner .stepNo{width:80px; height:80px; padding-top:10px; box-sizing:border-box; border-radius:40px; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:16px; text-align:center; position:absolute; top:0; left:-20px; z-index:3; /*background:#b79752; background:-moz-linear-gradient(top, #b79752 0%, #c6a76d 100%); background:-webkit-linear-gradient(top, #b79752 0%,#c6a76d 100%); background:linear-gradient(to bottom, #b79752 0%,#c6a76d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79752', endColorstr='#c6a76d',GradientType=0 );*/background:#bda96f;}
#menuDetail .menuStep ul li .inner .stepNo span{display:block; margin-top:4px; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:43px;}
#menuDetail .menuStep ul li .inner .stepNo:before{content:''; width:100%; height:100%; border-radius:100px; border:solid 3px #fff; position:absolute; top:-3px; left:-3px;}
#menuDetail .menuStep ul li .inner .stepImg{float:left; width:34%; height:auto;}
#menuDetail .menuStep ul li .stepImg img{width:100%; height:100%;}
#menuDetail .menuStep ul li .stepText{float:right; width:63.5%;}
#menuDetail .menuStep ul li .stepText h4{color:#c7b487; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:19px; padding:0px 5px 10px; /*border-bottom:solid 1px #d6caab;*/ letter-spacing:0.08em;}
#menuDetail .menuStep ul li .stepText h4:before{width:auto; height:auto; display:inline-block; content:'\f00c'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#d3c5a4; font-size:28px; position:relative; top:2px; transform:scale( 0.9 , 1 ); transform-origin:left top;}
#menuDetail .menuStep ul li .stepText p{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:26px;}
/*WEB予約案内*/
#menuDetail .yoyakuWeb{width:100%; height:410px;}
#menuDetail .yoyakuWeb h3{width:100%; height:auto; margin:0; padding:42px 0 30px; border-bottom:dotted 1px #836d30; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:48px; letter-spacing:0.06em;  text-align:center;}
#menuDetail .yoyakuWeb h3:before, #menuDetail .yoyakuWeb h3:after{display:none;}
#menuDetail .yoyakuWeb .flex{display:flex; width:auto; height:155px; margin:0 auto;  position:relative;}
#menuDetail .yoyakuWeb .flex .trial, #menuDetail .yoyakuWeb .flex .price, #menuDetail .yoyakuWeb .flex .time{margin:0; position:absolute;}
#menuDetail .yoyakuWeb .flex .trial{width:240px; height:62px; background:rgba(0, 0, 0, 0.1); box-sizing:border-box; border:solid 1px #fff; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:21px; letter-spacing:0.1em; line-height:62px; text-align:center; top:52px; left:140px;}
#menuDetail .yoyakuWeb .flex .price{width:411px; height:auto; color:#d8cca7; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:50px; font-style:italic; text-align:center; top:20px; left:390px;}
#menuDetail .yoyakuWeb .flex .price b{margin-right:0.1em; font-family:'Lobster', cursive; font-size:110px; font-style:italic; letter-spacing:0.04em; position:relative; top:3px;}
#menuDetail .yoyakuWeb .flex .price .tax{margin-left:-0.4em; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:20px; font-style:normal; letter-spacing:0.06em;}
#menuDetail .yoyakuWeb .flex .time{width:80px; height:80px; padding-top:12px; box-sizing:border-box; border-radius:40px; color:#000; font-family:'Playball', cursive; font-size:40px; text-align:center; text-shadow:1px 1px 3px #f0e4c2; top:44px; left:790px;
background: rgba(153,115,76,1);
background: -moz-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(153,115,76,1)), color-stop(19%, rgba(178,138,86,1)), color-stop(36%, rgba(205,171,109,1)), color-stop(59%, rgba(255,255,255,1)), color-stop(72%, rgba(232,214,166,1)), color-stop(83%, rgba(196,166,106,1)), color-stop(100%, rgba(170,130,71,1)));
background: -webkit-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);
background: -o-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);
background: linear-gradient(135deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99734c', endColorstr='#aa8247', GradientType=1 );}
#menuDetail .yoyakuWeb .flex .time .min{display:block; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:18px;}
#menuDetail .yoyakuWeb .btnReserv{display:block; width:670px; height:60px; margin:0 auto 30px;}
#menuDetail .yoyakuWeb .btnReserv a{width:670px; height:60px; border-radius:3px; background:#f26462; color:#fff; display:block; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:20px; letter-spacing:0.06em; line-height:60px; text-align:center; position:relative;}
#menuDetail .yoyakuWeb .btnReserv a:hover{transition:all 0.3s ease; opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -khtml-opacity:0.8; -moz-opacity:0.8; opacity:0.8;}
#menuDetail .yoyakuWeb .btnReserv a:after{content:'>>'; letter-spacing:-0.04em; transform: scale( 0.6 , 1 ); position:absolute; top:; right:8px;}
#menuDetail .yoyakuWeb .attention{color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 400; font-size:13px; letter-spacing:0.08em; text-align:center; text-shadow:0 0 5px #000;}
#menuDetail .yoyakuWeb .attention:before{content:'※';}
/*TEL予約案内*/
#menuDetail .yoyakuTel{width:100%; height:93px; background:#b39f66;}
#menuDetail .yoyakuTel .content_inner{position:relative;}
#menuDetail .yoyakuTel .mds, #menuDetail .yoyakuTel .time, #menuDetail .yoyakuTel .tel{margin:0; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 letter-spacing:0.08em; position:absolute;}
#menuDetail .yoyakuTel .mds{font-size:40px; top:25px; left:80px;}
#menuDetail .yoyakuTel .mds span{font-size:32px;}
#menuDetail .yoyakuTel .time{font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:12px; top:30px; left:384px;}
#menuDetail .yoyakuTel .time span{display:block; font-family:"Zen Old Mincho", serif; font-weight: 900;
}
#menuDetail .yoyakuTel .time span:first-child{margin-bottom:8px;}
#menuDetail .yoyakuTel .tel{font-size:40px; top:18px; left:564px;}
#menuDetail .yoyakuTel a{color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 900;
;}
#menuDetail .yoyakuTel .tel:before{content:url("../img/menu/detail/yoyakuTel_tel.jpg"); width:43px; height:43px; position:relative; top:5px; left:-8px;}
/*予約に関する注意事項*/
#menuDetail .yoyakuAttention{padding:40px 0 20px;}
#menuDetail .yoyakuAttention h4{color:#3f3a3a; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:18px; letter-spacing:0.08em;}
#menuDetail .yoyakuAttention ul{width:auto; height:auto; margin:25px 0;}
#menuDetail .yoyakuAttention ul li{width:auto; height:auto; margin:9px 0; padding-left:1.4em; color:#3f3a3a; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:21px;}
#menuDetail .yoyakuAttention ul li:before{content:'●'; color:#c8c4c1; margin-left:-1.4em; padding-right:1vw}
/**/
#menuDetail .btnMenu{display:table; width:100%;}
#menuDetail .btnMenu li:first-child{float:left;}
#menuDetail .btnMenu li:last-child{float:right;}
#menuDetail .btnMenu li a{display:block; width:480px; height:78px; border:solid 1px #000; box-sizing:border-box; border-radius:4px; color:#000; line-height:78px; text-align:center; position:relative; transition:all 0.3s ease;}
#menuDetail .btnMenu li a span{display:inline-block!important;}
#menuDetail .btnMenu li a:hover{background:#000; border:none; border-radius:5px; color:#fff; transition:all 0.3s ease;}
#menuDetail .btnMenu li a:hover:after{content:'>'; position:absolute; right:20px;}
}

/******************************************************/
/**
/**　TAB用のcss
/**
*******************************************************/
@media screen and (min-width:481px) and (max-width:799px)/* 481～799 */{
#menuDetail h3{width:95%; height:auto; margin:60px auto 30px; padding-bottom:20px; border-bottom:solid 1px #aca29a; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:3.5vw; letter-spacing:0.06em;  text-align:center;}
#menuDetail h3 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 500;
}
#menuDetail h3:before{content:'\f10d'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top:-10px; left:-12px;}
#menuDetail h3:after{content:'\f10e'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top:-10px; right:-6px;}
/**/
#menuDetail .maingraphic{width:100%; height:auto; background:#f9f2e8; background:-moz-linear-gradient(top, #f9f2e8 0%, #ffffff 62%); background:-webkit-linear-gradient(top, #f9f2e8 0%,#ffffff 62%); background:linear-gradient(to bottom, #f9f2e8 0%,#ffffff 62%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f2e8', endColorstr='#ffffff',GradientType=0 );}
#menuDetail .maingraphic .content_inner{height:100%;}
#menuDetail .maingraphic .box{width:60%; margin:0; font-family:"Zen Old Mincho", serif; font-weight: 900;
; text-align:center;}
#menuDetail .maingraphic h2{padding:10% 0 6%; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:4.6vw; text-shadow:1px 1px 4px #f9f2e9;}
#menuDetail .maingraphic ul{display:flex; justify-content:space-between; width:auto; margin:auto; padding:0 4%;}
#menuDetail .maingraphic ul li{float:left; width:32%; height:28px; border-radius:15px; background:#b39f66; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:2.4vw; line-height:28px; letter-spacing:0.06em;}
#menuDetail .maingraphic ul li:first-child{margin-left:0;}
#menuDetail .maingraphic ul li span.mini{font-family:"Zen Old Mincho", serif; font-weight: 500;
 display:block; width:125%; margin-left:-12.5%; transform:scale( 0.8, 1 ); transform-origin:center; letter-spacing:0;}
#menuDetail .maingraphic p{padding:10px 0; color:#444; font-size:2.2vw; line-height:2; letter-spacing:0.06em; position:relative;}
#menuDetail .maingraphic p span{font-family:"Zen Old Mincho", serif; font-weight: 500;
}
/*黒帯*/
#menuDetail .infoBlack{background:#000;width:100%;height:auto;padding: 10px 10px 90px;box-sizing: border-box;}
#menuDetail .infoBlack .content_inner{height: 0;padding-top: 15.2%;background:url("../img/menu/detail/infoBlack_bg.jpg") no-repeat 0 0;background-size:100% 100%;position:relative;}
#menuDetail .infoBlack .trial, #menuDetail .infoBlack .time, #menuDetail .infoBlack .price, #menuDetail .infoBlack .btnReserv{margin:0; position:absolute;}
#menuDetail .infoBlack .trial{width: 30%;height: 6vw;box-sizing:border-box;border:solid 1px #fff;color:#fff;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size: 2.33vw;letter-spacing:0.1em;line-height: 6vw;text-align:center;top: 29%;left: 10%;}
#menuDetail .infoBlack .time{width:9vw;height:9vw;padding: 0.85vw 0;box-sizing:border-box;border-radius:9vw;color:#000;font-family:'Playball', cursive;font-size: 4.8vw;text-align:center;text-shadow:1px 1px 3px #f0e4c2;top: 19.5%;left: 46%;background: rgba(153,115,76,1);background: -moz-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(153,115,76,1)), color-stop(19%, rgba(178,138,86,1)), color-stop(36%, rgba(205,171,109,1)), color-stop(59%, rgba(255,255,255,1)), color-stop(72%, rgba(232,214,166,1)), color-stop(83%, rgba(196,166,106,1)), color-stop(100%, rgba(170,130,71,1)));background: -webkit-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: -o-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: -ms-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: linear-gradient(135deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99734c', endColorstr='#aa8247', GradientType=1 );}
#menuDetail .infoBlack .time .min{display:block;font-family:"Zen Old Mincho", serif; font-weight: 900;
;font-size: 2.5vw;}
#menuDetail .infoBlack .price{width: 38%;height:auto;color:#d8cca7;font-family:"Zen Old Mincho", serif; font-weight: 900;
;font-size: 5.1vw;font-style:italic;text-align:center;top: 18.5%;left: 58%;}
#menuDetail .infoBlack .price b{margin-right:0.1em;font-family:'Lobster', cursive;font-size: 8vw;font-style:italic;letter-spacing:0.04em;position:relative;top:3px;}
#menuDetail .infoBlack .price.big{font-size: 5.1vw;}
#menuDetail .infoBlack .price.big b{font-size: 9vw;}
#menuDetail .infoBlack .price .tax{margin-left:-0.4em;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size: 2.5vw;font-style:normal;letter-spacing:0.06em;}
#menuDetail .infoBlack .btnReserv{top: 112%;left: 0;width: 100%;}
#menuDetail .infoBlack .btnReserv a{width: 99%;height:54px;margin: auto;border-radius:3px;background:#f26462;color:#fff;display:block;font-family:"Noto Sans", sans-serif; font-weight:400;font-size: 3vw;letter-spacing:0.06em;line-height:54px;text-align:center;transition:all 0.3s ease;position:relative;}
#menuDetail .infoBlack .btnReserv a:after{content:'>>'; letter-spacing:-0.04em; transform: scale( 0.6 , 1 ); position:absolute; right:3%;}
/*こんな方におすすめ*/
#menuDetail .recommendType{height:auto; background:#fcf9f4; padding-bottom:40px;}
#menuDetail .recommendType h3{width:auto; height:auto; margin:0; padding:40px 0 25px; border:none; color:#382616; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:4vw; letter-spacing:0.08em; text-align:center;}
#menuDetail .recommendType h3:before, #menuDetail .recommendType h3:after{content:''; width:16%; height:1px; display:inline-block; font-weight:normal; font-family:"Zen Old Mincho", serif; font-weight: 500;
 background:#382616; position:relative; top:-1.5vw;}
#menuDetail .recommendType h3:before{left:-10px;}
#menuDetail .recommendType h3:after{right:-10px;}
#menuDetail .recommendType ul{width:100%; margin:auto; display:flex; justify-content:space-between;}
#menuDetail .recommendType ul li{width:31%; height:0; padding:3% 0 11.6%; box-sizing:border-box; background:url("../img/menu/detail/recommendType_bg.png") no-repeat; background-size:contain; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:700; font-size: 2.6vw; letter-spacing:0.08em; line-height:1.7; text-align:center;}
/*ここがすごい！*/
#menuDetail .point{}
#menuDetail .point h3{margin-bottom:40px;}
#menuDetail .point .pointBox{width:95%; margin:30px auto; padding:12px; box-sizing:border-box; border:8px solid #f7f3e8; display:table;}
#menuDetail .point .pointBox .pointImg{width:86%; height:auto; margin:auto; display:block;}
#menuDetail .point .pointBox .pointImg img{width:100%; height:auto; margin:10px 0 20px;}
#menuDetail .point .pointBox .pointNo{float:left; width:28%; height:auto; padding:0 3%; display:table-cell; vertical-align:middle; box-sizing:border-box; color:#dfd6ba; font-family:"Playfair Display", serif; font-size:2.7vw; letter-spacing:0.06em; line-height:13; text-align:center; border-right:solid 1px;}
#menuDetail .point .pointBox .pointNo span{font-family:"FB Miller Display Light"; font-size:10vw; position:relative; top:2.3vw; line-height:1;}
#menuDetail .point .pointBox .pointText{float:right; width:68%; box-sizing:border-box; padding-right:3%;}
#menuDetail .point .pointBox .pointText h4{margin-bottom:15px; padding:16px 0 0; color:#cfbb7e; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:3vw; line-height:1.4; letter-spacing:0.06em;}
#menuDetail .point .pointBox .pointText p{margin:10px 0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.3vw; line-height:1.7; text-align:justify;}
/*施術ステップ*/
#menuDetail .menuStep{}
#menuDetail .menuStep ul{width:92%; height:auto; margin:20px 0 40px 5.2%;}
#menuDetail .menuStep ul li{width:auto; margin:35px 0; position:relative; display:flex; z-index:0;}
#menuDetail .menuStep ul li:before{content:''; width:40px; height:95%; position:absolute; top:5%; left:0; z-index:1; background:#cebf9c; background:-moz-linear-gradient(top, #cebf9c 0%, #dfd5ba 60%, #eae2ce 100%); background:-webkit-linear-gradient(top, #cebf9c 0%,#dfd5ba 60%,#eae2ce 100%); background:linear-gradient(to bottom, #cebf9c 0%,#dfd5ba 60%,#eae2ce 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cebf9c', endColorstr='#eae2ce',GradientType=0 );}
#menuDetail .menuStep ul li:after{content:''; border-top:20px solid #eae2ce; border-right:20px solid transparent; border-bottom:20px solid transparent; border-left:20px solid transparent; position:absolute; bottom:-40px; left:0; z-index:1;}
#menuDetail .menuStep ul li .inner{width:100%; margin-left:20px; padding:7% 4% 4% 12%; box-sizing:border-box; border:solid #d6caab; border-width:1px 1px 1px 0; border-radius: 0 20px 20px 0;}
#menuDetail .menuStep ul li .inner .stepNo{width:80px; height:80px; padding-top:10px; box-sizing:border-box; border-radius:40px; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:16px; text-align:center; position:absolute; top:0; left:-20px; z-index:3; background:#bda96f;}
#menuDetail .menuStep ul li .inner .stepNo span{display:block; margin-top:4px; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:43px;}
#menuDetail .menuStep ul li .inner .stepNo:before{content:''; width:100%; height:100%; border-radius:100px; border:solid 3px #fff; position:absolute; top:-3px; left:-3px;}
#menuDetail .menuStep ul li .inner .stepImg{width:95%; height:auto; margin:0 auto 20px;}
#menuDetail .menuStep ul li .stepImg img{width:100%; height:100%;}
#menuDetail .menuStep ul li .stepText{width:95%; height:auto; margin:auto;}
#menuDetail .menuStep ul li .stepText h4{color:#c7b487; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:3.4vw; line-height:1.4; padding:8px 0; border:solid #d6caab; border-width:1px 0; letter-spacing:0.08em; text-align:center;}
#menuDetail .menuStep ul li .stepText p{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.3vw; line-height:1.7; text-align:justify;}
/*WEB予約案内*/
#menuDetail .yoyakuWeb{width:100%; height:auto; padding:10px 0;}
#menuDetail .yoyakuWeb .content_inner{width:94%; margin:auto;}
#menuDetail .yoyakuWeb h3{width:100%;height:auto;margin:0;padding: 20px 0;border-bottom:dotted 1px #836d30;color:#fff;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size:6.5vw;letter-spacing:0.06em;text-align:center;}
#menuDetail .yoyakuWeb h3:before, #menuDetail .yoyakuWeb h3:after{display:none;}
#menuDetail .yoyakuWeb .flex{display:flex;width:auto;height:18vw;margin:0 auto;position:relative;}
#menuDetail .yoyakuWeb .flex .trial, #menuDetail .yoyakuWeb .flex .price, #menuDetail .yoyakuWeb .flex .time{margin:0; position:absolute;}
#menuDetail .yoyakuWeb .flex .trial{width: 31%;height: 45px;background:rgba(0, 0, 0, 0.1);box-sizing:border-box;border:solid 1px #fff;color:#fff;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size: 3vw;letter-spacing:0.1em;line-height: 45px;text-align:center;top: 28.5%;left: 0;}
#menuDetail .yoyakuWeb .flex .price{width:57%; height:auto; color:#d8cca7; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:6vw; font-style:italic; text-align:center; top:5.5%; left:31.6%;}
#menuDetail .yoyakuWeb .flex .price b{margin-right:0.1em;font-family:'Lobster', cursive;font-size: 14vw;font-style:italic;letter-spacing:0.04em;position:relative;top:3px;}
#menuDetail .yoyakuWeb .flex .price .tax{margin-left:-0.4em;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size: 2.5vw;font-style:normal;letter-spacing:0.06em;}
#menuDetail .yoyakuWeb .flex .time{width:11.5vw;height:11.5vw;padding-top: 7px;box-sizing:border-box;border-radius:11.5vw;color:#000;font-family:'Playball', cursive;font-size: 6vw;text-align:center;text-shadow:1px 1px 3px #f0e4c2;top: 18%;right: 0;background: rgba(153,115,76,1);background: -moz-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(153,115,76,1)), color-stop(19%, rgba(178,138,86,1)), color-stop(36%, rgba(205,171,109,1)), color-stop(59%, rgba(255,255,255,1)), color-stop(72%, rgba(232,214,166,1)), color-stop(83%, rgba(196,166,106,1)), color-stop(100%, rgba(170,130,71,1)));background: -webkit-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: -o-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: -ms-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: linear-gradient(135deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99734c', endColorstr='#aa8247', GradientType=1 );}
#menuDetail .yoyakuWeb .flex .time .min{display:block;font-family:"Zen Old Mincho", serif; font-weight: 900;
;font-size: 3vw;margin-top: 2px;}
#menuDetail .yoyakuWeb .btnReserv{display:block;width:92%;height: auto;margin:15px auto 25px;}
#menuDetail .yoyakuWeb .btnReserv a{width:100%;height: 60px;border-radius:3px;background:#f26462;color:#fff;display:block;font-family:"Noto Sans", sans-serif; font-weight:400;font-size:3.2vw;letter-spacing:0.06em;line-height: 60px;text-align:center;position:relative;}
#menuDetail .yoyakuWeb .btnReserv a:after{content:'>>'; letter-spacing:-0.04em; transform: scale( 0.6 , 1 ); position:absolute; top:; right:3%;}
#menuDetail .yoyakuWeb .attention{color:#fff;font-family:"Zen Old Mincho", serif; font-weight: 400;font-size: 2.2vw;letter-spacing:0.08em;line-height: 1.7;text-shadow:0 0 5px #000;}
#menuDetail .yoyakuWeb .attention:before{content:'※';}
/*TEL予約案内*/
#menuDetail .yoyakuTel{width:100%;height: 0;padding-top: 18vw;background:#b39f66;}
#menuDetail .yoyakuTel .content_inner{position:relative;width: 94%;margin: -18vw auto 0;}
#menuDetail .yoyakuTel .mds, #menuDetail .yoyakuTel .time, #menuDetail .yoyakuTel .tel{margin:0; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 letter-spacing:0.08em; position:absolute;}
#menuDetail .yoyakuTel .mds{width: auto;font-size: 4.5vw;top: 2.2vw;left: 0;}
#menuDetail .yoyakuTel .mds span{font-size: 4vw;}
#menuDetail .yoyakuTel .time{width: auto;font-family:"Zen Old Mincho", serif; font-weight: 900;
;font-size: 2.4vw;top: 3.3vw;left: 38%;letter-spacing: 0.02em;}
#menuDetail .yoyakuTel .time span{font-family:"Zen Old Mincho", serif; font-weight: 900;
}
#menuDetail .yoyakuTel .time span:first-child{margin-right:8px;}
#menuDetail .yoyakuTel .tel{font-size: 7vw; top: 8.1vw; left: 16%;}
#menuDetail .yoyakuTel a{color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 900;
;}
#menuDetail .yoyakuTel .tel:before{content:''; background:url(../img/menu/detail/yoyakuTel_tel.jpg) no-repeat; background-size:contain; width:7vw; height:7vw; display:inline-block; position:relative; top:1vw; left:-1.3vw;}
/*予約に関する注意事項*/
#menuDetail .yoyakuAttention{width:95%; margin:auto; padding:40px 0 20px;}
#menuDetail .yoyakuAttention h4{color:#3f3a3a; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:18px; letter-spacing:0.08em;}
#menuDetail .yoyakuAttention ul{width:auto; height:auto; margin:25px 0;}
#menuDetail .yoyakuAttention ul li{width:auto; height:auto; margin:9px 0; padding-left:1.4em; color:#3f3a3a; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.3vw; line-height:1.7;}
#menuDetail .yoyakuAttention ul li:before{content:'●'; color:#c8c4c1; margin-left:-1.4em; padding-right:1vw;;}
/**/
#menuDetail .btnMenu{display:table;width:95%;margin:auto;margin-bottom: 50px;}
#menuDetail .btnMenu li{width: 48.5%;}
#menuDetail .btnMenu li:first-child{float:left;}
#menuDetail .btnMenu li:last-child{float:right;}
#menuDetail .btnMenu li a{display:block;width:100%;height: 58px;border:solid 1px #000;box-sizing:border-box;border-radius:4px;color:#000;font-size: 2.4vw;line-height: 58px;text-align:center;text-indent: -1em;position:relative;transition:all 0.3s ease;}
#menuDetail .btnMenu li a span{display:inline-block!important; margin-left:1em;}
#menuDetail .btnMenu li a:after{content:'>';position:absolute;right: 4%;}
}

/******************************************************/
/**
/**　SP用のcss
/**
*******************************************************/
@media screen and (max-width:480px)/* 480以下 */{
/*#menuDetail h3{width:95%; height:auto; margin:40px auto 30px; padding-bottom:15px; border-bottom:solid 1px #aca29a; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:3.5vw; letter-spacing:0.06em; text-align:center;}
#menuDetail h3 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 900;
;}
#menuDetail h3:before{content:'\f10d'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top: -3px; left: -1%;}
#menuDetail h3:after{content:'\f10e'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top: -3px; right: -1%;}*/
/*h3大きくした*/
#menuDetail h3{width:95%;height:auto;margin:40px auto 30px;padding-bottom:15px;border-bottom:solid 1px #aca29a;font-family:"Zen Old Mincho", serif; font-weight: 900;
;font-size: 6vw;line-height: 1.3;letter-spacing:0.06em;text-align:center; position:relative;}
#menuDetail h3 b{color:#f07573;font-family:"Zen Old Mincho", serif; font-weight: 900;
;display: block;}
#menuDetail h3:before{content:'\f10d'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; font-size:5vw; position:absolute; top:0px; left:5%;}
#menuDetail h3:after{content:'\f10e'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; font-size:5vw; position:absolute; top:0px; right:5%;}

/**/
#menuDetail .maingraphic{width:100%; height:auto; background:#f9f2e8; background:-moz-linear-gradient(top, #f9f2e8 0%, #ffffff 62%); background:-webkit-linear-gradient(top, #f9f2e8 0%,#ffffff 62%); background:linear-gradient(to bottom, #f9f2e8 0%,#ffffff 62%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f2e8', endColorstr='#ffffff',GradientType=0 );}
#menuDetail .maingraphic .content_inner{height:100%;}
#menuDetail .maingraphic .box{width:60%; height:100%; margin:0; font-family:"Zen Old Mincho", serif; font-weight: 900;
; text-align:center;}
#menuDetail .maingraphic h2{width:100%; margin:0; padding:12% 0 7%; background: none; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:4.6vw; line-height:1; text-shadow:1px 1px 3px #f9f2e9, -1px 1px 3px #f9f2e9, 1px -1px 3px #f9f2e9, -1px -1px 3px #f9f2e9;}
#menuDetail .maingraphic ul{display:flex; justify-content:space-between; width:auto; margin:auto; padding:0 4%;}
#menuDetail .maingraphic ul li{float:left; width:32%; height:23px; border-radius:15px; background:#b39f66; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:2.4vw; line-height:23px; letter-spacing:0.06em;}
#menuDetail .maingraphic ul li:first-child{margin-left:0;}
#menuDetail .maingraphic ul li span.mini{font-family:"Zen Old Mincho", serif; font-weight: 500;
 display:block; width:125%; margin-left:-12.5%; transform:scale( 0.8, 1 ); transform-origin:center; letter-spacing:0;}
#menuDetail .maingraphic p{padding:6px 0 4px; color:#444; font-size:2.2vw; line-height:2; letter-spacing:0.06em; position:relative;}
#menuDetail .maingraphic p span{font-family:"Zen Old Mincho", serif; font-weight: 500;
}
/*黒帯*/
#menuDetail .infoBlack{background:#000;width:100%;height:auto;padding: 10px 10px 70px;box-sizing: border-box;}
#menuDetail .infoBlack .content_inner{height: 0;padding-top:17%/* 15.2%*/;background:url("../img/menu/detail/infoBlack_bg.jpg") no-repeat 0 0;background-size:100% 100%;position:relative;}
#menuDetail .infoBlack .trial, #menuDetail .infoBlack .time, #menuDetail .infoBlack .price, #menuDetail .infoBlack .btnReserv{margin:0; position:absolute;}
#menuDetail .infoBlack .trial{width: 34%;height: 6vw;box-sizing:border-box;border:solid 1px #fff;color:#fff;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size: 2.33vw;letter-spacing:0.1em;line-height: 6vw;text-align:center;top: 29%;left: 7%;}
#menuDetail .infoBlack .time{width:9vw;height:9vw;padding: 0.85vw 0;box-sizing:border-box;border-radius:9vw;color:#000;font-family:'Playball', cursive;font-size: 4.8vw;text-align:center;text-shadow:1px 1px 3px #f0e4c2;top: 19.5%;left: 46%;background: rgba(153,115,76,1);background: -moz-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(153,115,76,1)), color-stop(19%, rgba(178,138,86,1)), color-stop(36%, rgba(205,171,109,1)), color-stop(59%, rgba(255,255,255,1)), color-stop(72%, rgba(232,214,166,1)), color-stop(83%, rgba(196,166,106,1)), color-stop(100%, rgba(170,130,71,1)));background: -webkit-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: -o-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: -ms-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: linear-gradient(135deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99734c', endColorstr='#aa8247', GradientType=1 );}
#menuDetail .infoBlack .time .min{display:block;font-family:"Zen Old Mincho", serif; font-weight: 900;
;font-size: 2.5vw;}
#menuDetail .infoBlack .price{width: 38%;height:auto;color:#d8cca7;font-family:"Zen Old Mincho", serif; font-weight: 900;
;font-size:4.6vw;font-style:italic;text-align:center;top: 19%;left: 58%;}
#menuDetail .infoBlack .price b{margin-right:0.1em;font-family:'Lobster', cursive;font-size:7.7vw;font-style:italic;letter-spacing:0.04em;position:relative;top:3px;}
#menuDetail .infoBlack .price.big{font-size: 5.1vw;}
#menuDetail .infoBlack .price.big b{font-size: 9vw;}
#menuDetail .infoBlack .price .tax{margin-left:-0.4em;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size: 2.5vw;font-style:normal;letter-spacing:0.06em;}
#menuDetail .infoBlack .btnReserv{top: 112%;left: 0;width: 100%;}
#menuDetail .infoBlack .btnReserv a{width: 99%;height:45px;margin: auto;border-radius:3px;background:#f26462;color:#fff;display:block;font-family:"Noto Sans", sans-serif; font-weight:400;font-size: 3vw;letter-spacing:0.06em;line-height:45px;text-align:center;transition:all 0.3s ease;position:relative;}
#menuDetail .infoBlack .btnReserv a:after{content:'>>'; letter-spacing:-0.04em; transform: scale( 0.6 , 1 ); position:absolute; right:3%;}
/*こんな方におすすめ（スマホのみのデザイン）*/
#menuDetail .recommendType{height:auto;background:#fcf9f4;padding-bottom: 15px; margin-bottom: -10px;}
#menuDetail .recommendType h3{width:auto;height:auto;margin:0;padding: 30px 0 5px;border:none;color:#382616;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size:4vw;letter-spacing:0.08em;text-align:center;}
#menuDetail .recommendType h3:before, #menuDetail .recommendType h3:after{content:''; width:16%; height:1px; display:inline-block; font-weight:normal; font-family:"Zen Old Mincho", serif; font-weight: 500;
 background:#382616; position:relative; top:-1.5vw;}
#menuDetail .recommendType h3:before{left:-10px;}
#menuDetail .recommendType h3:after{right:-10px;}
#menuDetail .recommendType ul{width: 86%;margin:auto;justify-content:space-between;}
#menuDetail .recommendType ul li{width: 100%;height: auto;padding: 3% 0 5%;margin: 1% 0 0;border-bottom: dotted 1px #d0bb8a;box-sizing:border-box;background-size: contain;color: #2b2b2b;font-family:"Noto Sans", sans-serif; font-weight:700;font-size: 4.2vw;letter-spacing: 0.1em;line-height: 1;text-align: left;}
#menuDetail .recommendType ul li:last-child{border:none;}
#menuDetail .recommendType ul li:before{content:'\f058'; padding-top:1%; display:inline-block;font-weight:900;font-family:"Font Awesome 5 Free";color:#b39f66;font-size: 7vw;position:relative;top: 3px;margin-right: 0.14em;background: rgba(184,156,91,1);background: -moz-linear-gradient(top, rgba(184,156,91,1) 0%, rgba(220,202,162,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184,156,91,1)), color-stop(100%, rgba(220,202,162,1)));background: -webkit-linear-gradient(top, rgba(184,156,91,1) 0%, rgba(220,202,162,1) 100%);background: -o-linear-gradient(top, rgba(184,156,91,1) 0%, rgba(220,202,162,1) 100%);background: -ms-linear-gradient(top, rgba(184,156,91,1) 0%, rgba(220,202,162,1) 100%);background: linear-gradient(to bottom, rgba(184,156,91,1) 0%, rgba(220,202,162,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b89c5b', endColorstr='#dccaa2', GradientType=0 );-webkit-background-clip: text;-webkit-text-fill-color:transparent;}
/*ここがすごい！*/
#menuDetail .point{}
#menuDetail .point .pointBox{width:90%; margin:55px auto; padding:20px 12px 12px; box-sizing:border-box; border:8px solid #f7f3e8; display:block; position:relative;}
#menuDetail .point .pointBox .pointImg, #menuDetail .point .pointBox .pointNo, #menuDetail .point .pointBox .pointText{display:block;}
#menuDetail .point .pointBox .pointImg{width:90%; height:auto; margin:auto; display:block;}
#menuDetail .point .pointBox .pointImg img{width:100%; height:auto; margin:0;}
#menuDetail .point .pointBox .pointNo{width:100%; height:auto; padding:0 3%; display:table-cell; vertical-align:middle; box-sizing:border-box; color:#dfd6ba; font-family:"Playfair Display", serif; font-size:4vw; letter-spacing:0.06em; line-height:1; text-align:center; position:absolute; top:-15%; left:0;}
#menuDetail .point .pointBox .pointNo span{font-family:"FB Miller Display Light"; font-size:16vw; position:relative; top:4vw; line-height:1;}
#menuDetail .point .pointBox .pointText{width:90%; margin:auto;}
#menuDetail .point .pointBox .pointText h4{margin-bottom:17px; padding:10px 0 8px; border-bottom:solid 1px #cfbb7f; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:4.6vw; letter-spacing:0.06em; line-height:1.45; text-align:center;}
#menuDetail .point .pointBox .pointText p{margin:10px 0; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.8vw; line-height:1.7; text-align:justify;}
/*施術ステップ*/
#menuDetail .menuStep{}
#menuDetail .menuStep ul{width:92%; height:auto; margin:20px 0 40px 5.2%;}
#menuDetail .menuStep ul li{width:auto; margin:25px 0; position:relative; display:flex; z-index:0;}
#menuDetail .menuStep ul li:before{content:''; width:40px; height:95%; position:absolute; top:5%; left:0; z-index:1; background:#cebf9c; background:-moz-linear-gradient(top, #cebf9c 0%, #dfd5ba 60%, #eae2ce 100%); background:-webkit-linear-gradient(top, #cebf9c 0%,#dfd5ba 60%,#eae2ce 100%); background:linear-gradient(to bottom, #cebf9c 0%,#dfd5ba 60%,#eae2ce 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cebf9c', endColorstr='#eae2ce',GradientType=0 );}
#menuDetail .menuStep ul li:after{content:''; border-top:20px solid #eae2ce; border-right:20px solid transparent; border-bottom:20px solid transparent; border-left:20px solid transparent; position:absolute; bottom:-40px; left:0; z-index:1;}
#menuDetail .menuStep ul li .inner{width:100%; margin-left:20px; padding:7% 4% 4% 10%; box-sizing:border-box; border:solid #d6caab; border-width:1px 1px 1px 0; border-radius: 0 20px 20px 0;}
#menuDetail .menuStep ul li .inner .stepNo{width:64px; height:64px; padding-top:10px; box-sizing:border-box; border-radius:32px; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:3vw; text-align:center; position:absolute; top:0; left:-12px; z-index:3; background:#bda96f;}
#menuDetail .menuStep ul li .inner .stepNo span{display:block; margin-top:4px; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:9.5vw;}
#menuDetail .menuStep ul li .inner .stepNo:before{content:''; width:100%; height:100%; border-radius:100px; border:solid 2px #fff; position:absolute; top:-2px; left:-2px;}
#menuDetail .menuStep ul li .inner .stepImg{width:95%; height:auto; margin:0 auto 20px;}
#menuDetail .menuStep ul li .stepImg img{width:100%; height:100%;}
#menuDetail .menuStep ul li .stepText{width:95%; height:auto; margin:auto;}
#menuDetail .menuStep ul li .stepText h4{color:#c7b487; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:3.4vw; line-height:1.4; padding:8px 0; border:solid #d6caab; border-width:1px 0; letter-spacing:0.08em; text-align:center;}
#menuDetail .menuStep ul li .stepText p{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.3vw; line-height:1.7; text-align:justify;}
/*WEB予約案内*/
#menuDetail .yoyakuWeb{width:100%; height:auto; padding:10px 0;}
#menuDetail .yoyakuWeb .content_inner{width:94%; margin:auto;}
#menuDetail .yoyakuWeb h3{width:100%;height:auto;margin:0;padding: 20px 0;border-bottom:dotted 1px #836d30;color:#fff;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size:6.5vw;letter-spacing:0.06em;text-align:center;}
#menuDetail .yoyakuWeb h3:before, #menuDetail .yoyakuWeb h3:after{display:none;}
#menuDetail .yoyakuWeb .flex{display:flex;width:auto;height:18vw;margin:0 auto;position:relative;}
#menuDetail .yoyakuWeb .flex .trial, #menuDetail .yoyakuWeb .flex .price, #menuDetail .yoyakuWeb .flex .time{margin:0; position:absolute;}
#menuDetail .yoyakuWeb .flex .trial{width: 31%;height: 45px;background:rgba(0, 0, 0, 0.1);box-sizing:border-box;border:solid 1px #fff;color:#fff;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size: 3vw;letter-spacing:0.1em;line-height: 45px;text-align:center;top: 26.5%;left: 0;}
#menuDetail .yoyakuWeb .flex .price{width:59%; height:auto; color:#d8cca7; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:6vw; font-style:italic; text-align:center; top:15.5%; left:30.4%;}
#menuDetail .yoyakuWeb .flex .price b{margin-right:0.1em;font-family:'Lobster', cursive;font-size: 14vw;font-style:italic;letter-spacing:0.04em;position:relative;top:3px;}
#menuDetail .yoyakuWeb .flex .price .tax{margin-left:-0.4em;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size: 2.5vw;font-style:normal;letter-spacing:0.06em;}
#menuDetail .yoyakuWeb .flex .time{width:11.5vw;height:11.5vw;padding-top: 5px;box-sizing:border-box;border-radius:11.5vw;color:#000;font-family:'Playball', cursive;font-size: 6vw;text-align:center;text-shadow:1px 1px 3px #f0e4c2;top: 25%;right: 0;background: rgba(153,115,76,1);background: -moz-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(153,115,76,1)), color-stop(19%, rgba(178,138,86,1)), color-stop(36%, rgba(205,171,109,1)), color-stop(59%, rgba(255,255,255,1)), color-stop(72%, rgba(232,214,166,1)), color-stop(83%, rgba(196,166,106,1)), color-stop(100%, rgba(170,130,71,1)));background: -webkit-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: -o-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: -ms-linear-gradient(-45deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);background: linear-gradient(135deg, rgba(153,115,76,1) 0%, rgba(178,138,86,1) 19%, rgba(205,171,109,1) 36%, rgba(255,255,255,1) 59%, rgba(232,214,166,1) 72%, rgba(196,166,106,1) 83%, rgba(170,130,71,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99734c', endColorstr='#aa8247', GradientType=1 );}
#menuDetail .yoyakuWeb .flex .time .min{display:block;font-family:"Zen Old Mincho", serif; font-weight: 900;
;font-size: 3vw;margin-top: 2px;}
#menuDetail .yoyakuWeb .btnReserv{display:block;width:92%;height: auto;margin:15px auto 25px;}
#menuDetail .yoyakuWeb .btnReserv a{width:100%;height: 50px;border-radius:3px;background:#f26462;color:#fff;display:block;font-family:"Noto Sans", sans-serif; font-weight:400;font-size:3.2vw;letter-spacing:0.06em;line-height: 50px;text-align:center;position:relative;}
#menuDetail .yoyakuWeb .btnReserv a:after{content:'>>'; letter-spacing:-0.04em; transform: scale( 0.6 , 1 ); position:absolute; top:; right:3%;}
#menuDetail .yoyakuWeb .attention{color:#fff;font-family:"Zen Old Mincho", serif; font-weight: 400;font-size:3vw;letter-spacing:0.08em;line-height: 1.7;text-shadow:0 0 5px #000;}
#menuDetail .yoyakuWeb .attention:before{content:'※';}
/*TEL予約案内*/
#menuDetail .yoyakuTel{width:100%;height: 0;padding-top: 24vw;background:#b39f66;}
#menuDetail .yoyakuTel .content_inner{position:relative;width: 94%;margin: -24vw auto 0;}
#menuDetail .yoyakuTel .mds, #menuDetail .yoyakuTel .time, #menuDetail .yoyakuTel .tel{margin:0; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 letter-spacing:0.08em; position:absolute;}
#menuDetail .yoyakuTel .mds{width: 100%;font-size: 6vw;top: 3vw;left: 0;text-align: center;}
#menuDetail .yoyakuTel .mds span{font-size: 5.3vw;}
#menuDetail .yoyakuTel .time{width: 100%;font-family:"Zen Old Mincho", serif; font-weight: 900;
;font-size: 2vw;top: 10.3vw;left: 0;text-align: center;letter-spacing: 0.02em;}
#menuDetail .yoyakuTel .time span{font-family:"Zen Old Mincho", serif; font-weight: 900;
}
#menuDetail .yoyakuTel .time span:first-child{margin-right:8px;}
#menuDetail .yoyakuTel .tel{width: 100%;font-size: 7vw;top: 13.6vw;left: 0;text-align: center;}
#menuDetail .yoyakuTel a{color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 900;
;}
#menuDetail .yoyakuTel .tel:before{content:''; background:url(../img/menu/detail/yoyakuTel_tel.jpg) no-repeat; background-size:contain; width:7vw; height:7vw; display:inline-block; position:relative; top:1vw; left:-1.3vw;}
/*予約に関する注意事項*/
#menuDetail .yoyakuAttention{width:95%; margin:auto; padding:30px 0 5px;}
#menuDetail .yoyakuAttention h4{color:#3f3a3a; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:3.6vw; letter-spacing:0.08em; padding-bottom:15px; background:url(../common/img/h2_line.png) repeat-x left bottom;}
#menuDetail .yoyakuAttention ul{width:auto; height:auto; margin:18px 0;}
#menuDetail .yoyakuAttention ul li{width:auto; height:auto; margin:9px 0; padding-left:1.4em; color:#3f3a3a; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.3vw; line-height:1.7;}
#menuDetail .yoyakuAttention ul li:before{content:'●'; color:#c8c4c1; margin-left:-1.4em; padding-right:1vw;;}
/**/
#menuDetail .btnMenu{display:table;width:95%;margin:auto;margin-bottom:35px;}
#menuDetail .btnMenu li{width: 48.5%;}
#menuDetail .btnMenu li:first-child{float:left;}
#menuDetail .btnMenu li:last-child{float:right;}
#menuDetail .btnMenu li a{display:block;width:100%;height: 48px;border:solid 1px #000;box-sizing:border-box;border-radius:4px;color:#000;font-size: 2.4vw;line-height: 48px;text-align:center;text-indent: -1em;position:relative;transition:all 0.3s ease;}
#menuDetail .btnMenu li a:after{content:'>';position:absolute;right: 4%;}
}