@charset "utf-8";

/******************************************************/
/**
/**　PC用のcss
/**
*******************************************************/
@media print, screen and (min-width:800px)/* 800以上 */{
.tab{display:none!important;}
.sp{display:none!important;}
.sp.tab{display:none!important;}

h2{width:1000px; height:auto; margin-bottom:30px; padding-bottom:15px; box-sizing:border-box; border-bottom:solid 1px #aca29a; color:#382616; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:32px; line-height:65px; text-align:center; letter-spacing:0.06em; position:relative;}
h2 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 500;
}
/******************************************************/
/** トップイメージ
/******************************************************/
.top_img{background:url("../common/img/bg.jpg") repeat;}
/*イメージ*/
.top_img .main_visual{width:1000px; height:330px; margin:0 0 45px; padding:51px 0; background:url("../img/index/main_visual.jpg") no-repeat;}
.top_img .main_visual p{width:330px; height:330px; margin:auto; padding-top:70px; box-sizing:border-box; color:#ef8074; font-family:"漢字タイポス410"; font-size:44px; line-height:67px; text-align:center;}
/*イメージ（スライド）*/
ul.slider{margin:0 0 45px;}
ul.silider li.slidesjs-slide img{width:100%;}
ul.slidesjs-pagination{display:table; width:auto; height:auto; margin:10px auto 0;}
ul.slidesjs-pagination li{float:left; margin-right:12px;}
ul.slidesjs-pagination li:last-child{margin-right:0;}
ul.slidesjs-pagination .slidesjs-pagination-item a{display:block; width:15px; height:15px; border-radius:10px; background:#dcd5cc; line-height:1; text-indent:-9999px; overflow: hidden; box-sizing:border-box;}
ul.slidesjs-pagination .slidesjs-pagination-item a.active{background:#ef7674; border:solid 2px #ef3f3b;}

/*初めてのお客様へ*/
.top_img .beginner{display:table;}
.top_img .beginner h2{padding-left:100px;}
.top_img .beginner h2:before{width:112px; height:105px; content:url("../img/index/beginner_h2_icon.png"); display:block; position:absolute; top:12px; left:60px;}
.top_img .beginner ul{display:table; margin:30px 0 50px;}
.top_img .beginner ul li{float:left; width:318px; height:93px; transition:all 0.3s ease;}
.top_img .beginner ul li:nth-child(1){background:url("../img/index/beginner_li_bg1.jpg") no-repeat #fff;}
.top_img .beginner ul li:nth-child(2){background:url("../img/index/beginner_li_bg2.jpg") no-repeat #fff; margin:0 23px;}
.top_img .beginner ul li:nth-child(3){background:url("../img/index/beginner_li_bg3.jpg") no-repeat #fff;}
.top_img .beginner ul li a{display:block; padding:26px 20px 25px 100px; border:solid 1px #ef7674; box-sizing:border-box; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:17px; letter-spacing:0.06em;  text-align:center; position:relative;}
.top_img .beginner ul li a span{display:block; margin-top:12px; color:#9c8c7e; font-family:"Zen Old Mincho", serif; font-weight: 400; font-size:12px;}
.top_img .beginner ul li a:after{content:'\f0da'; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:24px; position:absolute; top:35px; right:10px;}
.top_img .beginner ul li: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; box-shadow:0 0 5px #ffaeac;}

/******************************************************/
/** こんなお悩みの方に選ばれています
/******************************************************/
.nayami_select{}
.nayami_select h2{padding-left:140px;}
.nayami_select h2:before{width:182px; height:160px; content:url("../img/index/nayami_h2_icon.png"); display:block; position:absolute; bottom:0; left:38px;}
/*お悩みリスト*/
.nayami_select dl{float:left; width:240px; min-height:378px; height:auto; margin-right:13.3px;}
.nayami_select dl:nth-child(2){background:#f4e9e9;}
.nayami_select dl:nth-child(3){background:#f4f0e9;}
.nayami_select dl:nth-child(4){background:#eef3e9;}
.nayami_select dl:nth-child(5){background:#ebf3f7; margin-right:0;}
.nayami_select dl dt{width:224px; height:auto; margin:0 auto; border-bottom:dotted 1px; box-sizing:border-box; color:#5f3325; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:16px; line-height:64px; letter-spacing:0.08em; text-align:center;}
.nayami_select dl dt b{font-family:"Noto Sans", sans-serif; font-weight:500; font-size:19.7px;}
.nayami_select dl:nth-child(2) dt b{color:#e1748b;}
.nayami_select dl:nth-child(3) dt b{color:#be9425;}
.nayami_select dl:nth-child(4) dt b{color:#7a9a55;}
.nayami_select dl:nth-child(5) dt b{color:#6893c4;}
.nayami_select dl dd{}
.nayami_select dl dd ul{padding:22px 0 0 27px;}
.nayami_select dl dd ul:after{content:''; width:43px; height:22px; display:block; margin:10px auto; padding-right:27px;}
.nayami_select dl:nth-child(2) dd ul:after{content:url("../img/index/nayami_arrow1.png");}
.nayami_select dl:nth-child(3) dd ul:after{content:url("../img/index/nayami_arrow2.png");}
.nayami_select dl:nth-child(4) dd ul:after{content:url("../img/index/nayami_arrow3.png");}
.nayami_select dl:nth-child(5) dd ul:after{content:url("../img/index/nayami_arrow4.png");}
.nayami_select dl dd ul li{color:#452c23; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:16px; line-height:40px; letter-spacing:0.04em; position:relative;}
.nayami_select dl dd ul li:before{content:'□'; color:#b0a3a1; font-size:14px; display:inline-block; margin-right:5px;}
.nayami_select dl dd ul li:after{content:'\f00c'; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:15px; position:absolute; top:-1.5px; left:1px;}
.nayami_select dl:nth-child(2) dd ul li:after{content:'\f00c'; color:#e1748b;}
.nayami_select dl:nth-child(3) dd ul li:after{content:'\f00c'; color:#be9425;}
.nayami_select dl:nth-child(4) dd ul li:after{content:'\f00c'; color:#7a9a55;}
.nayami_select dl:nth-child(5) dd ul li:after{content:'\f00c'; color:#6893c4;}
/*おすすめメニュー*/
.nayami_select dl dd .recomend{width:214px; height:128px; margin:20px auto; position:relative; transition:all 0.3s ease;}
.nayami_select dl dd .recomend:active{position:relative; top:4px; transition:all 0.3s ease;}
.nayami_select dl dd .recomend:after{width:42px; height:42px; border-radius:21px; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:9px; line-height:42px; text-align:center; transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); content:'おすすめ'; position:absolute; top:-11px; left:-8px;}
.nayami_select dl:nth-child(2) dd .recomend:after{background:#e1748b;}
.nayami_select dl:nth-child(3) dd .recomend:after{background:#be9425;}
.nayami_select dl:nth-child(4) dd .recomend:after{background:#7a9a55;}
.nayami_select dl:nth-child(5) dd .recomend:after{background:#6893c4;}
.nayami_select dl dd .recomend .inner{position:relative; width:214px; height:128px; border-radius:10px; overflow:hidden; transition:all 0.3s ease;}
.nayami_select dl dd .recomend .inner: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; box-shadow:0 0 10px #999;}
/*アンカーリンク*/
.nayami_select dl dd .recomend .inner a{position:absolute; top:0; left:0; width:214px; height:128px; display:block; z-index:1;}
.nayami_select dl dd .recomend .inner a span{width:100%; height:26px; border-radius:0 0 10px 10px; padding:0 8px; box-sizing:border-box; display:block; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:12px; line-height:26px; letter-spacing:0.04em; text-align:right; position:absolute; bottom:0; left:0;}
.nayami_select dl dd .recomend .inner a span:after{content:'\f101'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:3px;}
.nayami_select dl:nth-child(2) dd .recomend .inner a span{background:#e1748b;}
.nayami_select dl:nth-child(3) dd .recomend .inner a span{background:#be9425;}
.nayami_select dl:nth-child(4) dd .recomend .inner a span{background:#7a9a55;}
.nayami_select dl:nth-child(5) dd .recomend .inner a span{background:#6893c4;}
/*背景*/
.nayami_select dl dd .recomend .inner .bg{position:absolute; top:0; left:0; width:214px; height:128px; transition:all 0.3s ease; background-size:cover; transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); will-change: transform;}
.nayami_select dl:nth-child(2) dd .recomend .inner .bg{background:url("../img/index/nayami_indo.jpg") no-repeat;}
.nayami_select dl:nth-child(3) dd .recomend .inner .bg{background:url("../img/index/nayami_ice.jpg") no-repeat;}
.nayami_select dl:nth-child(4) dd .recomend .inner .bg{background:url("../img/index/nayami_monte.jpg") no-repeat;}
.nayami_select dl:nth-child(5) dd .recomend .inner .bg{background:url("../img/index/nayami_radioha.jpg") no-repeat;}
.nayami_select dl dd .recomend .inner:hover .bg{transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0.85);}

/******************************************************/
/** 7冠達成
/******************************************************/
.title_get{background:url("../common/img/title_bg.png") no-repeat center bottom; margin-bottom:60px;}
.title_get h2{margin-top:-26px; border:none;}
.title_get, .title_get b{color:#612a10; font-family:"Zen Old Mincho", serif; font-weight: 900;}
.title_get .mds{margin:-30px 0 40px; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:34px; text-align:center;}
.title_get .mds:before{content:'【'; padding-right:0.1em;}
.title_get .mds:after{content:'】'; padding-left:0.1em;}
.title_get .medal{display:table; width:860px; height:auto; margin:auto auto 30px;}
.title_get .medal img{float:left;}
.title_get .medal img:last-child{float:right;}
.title_get .medal+p{font-size:23px; text-align:center;}
.title_get .medal+p b{display:inline-block; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 65%, #ffcfd7 66%, #ffcfd7 100%); background:-webkit-linear-gradient(top, #ffffff 0%,#ffffff 65%,#ffcfd7 66%,#ffcfd7 100%); background:linear-gradient(to bottom, #ffffff 0%,#ffffff 65%,#ffcfd7 66%,#ffcfd7 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffcfd7',GradientType=0 );}
.title_get .medal+p span{display:block; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:12px; margin-top:20px;}
.title_get .medal+p span.pc.tab{display:inline-block!important;}
}

/******************************************************/
/**
/**　タブレット用のcss
/**
*******************************************************/
@media screen and (min-width:481px) and (max-width:799px)/* 481～799 */{
.pc{display:none!important;}
.sp{display:none!important;}
.sp.tab{display:inherit!important;}

/*下線h2{width:95%; height:auto; display:block; margin:auto auto 30px; padding-bottom:15px; box-sizing:border-box; border-bottom:solid 1px #aca29a; color:#382616; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:13px; line-height:1.8; letter-spacing:0.06em; position:relative;}*/
h2{width:95%; height:auto; display:block; margin:auto auto 30px; padding:10px 0 25px; background:url("../common/img/h2_line.png") repeat-x left bottom; box-sizing:border-box; color:#382616; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:3vw; line-height:1.8; letter-spacing:0.06em; position:relative;}
h2 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 900;
;}
/******************************************************/
/** トップイメージ
/******************************************************/
.top_img{background:url("../common/img/bg.jpg") repeat;}
/*イメージ*/
.top_img .main_visual{width:100%; height:0; margin:0 0 25px; padding:43.2% 0 0; background:url("../img/index/main_visual.jpg") no-repeat; background-size:contain; position:relative;}
.top_img .main_visual p{width:33%; height:0; margin:auto; padding-top:40%; box-sizing:border-box;  position:absolute; top:2.3%; left:33.5%;}
.top_img .main_visual p span{width:100%; height:auto; display:block; color:#ef8074; font-family:"漢字タイポス410"; font-size:4vw; line-height:1.8; text-align:center; position:absolute; top:25%; left:0;}
/*イメージ（スライド）*/
ul.slider{margin:0 0 25px;}
ul.slider li.slidesjs-slide img {width:100%}
ul.slidesjs-pagination{display:table; width:auto; height:auto; margin:10px auto 0;}
ul.slidesjs-pagination li{float:left; margin-right:12px;}
ul.slidesjs-pagination li:last-child{margin-right:0;}
ul.slidesjs-pagination .slidesjs-pagination-item a{display:block; width:12px; height:12px; border-radius:10px; background:#dcd5cc; line-height:1; text-indent:-9999px; overflow: hidden; box-sizing:border-box;}
ul.slidesjs-pagination .slidesjs-pagination-item a.active{background:#ef7674; border:solid 2px #ef3f3b;}
/*初めてのお客様へ（一列）
.top_img .beginner{display:table; width:100%;}
.top_img .beginner h2{padding-left:21%; background:none; border-bottom:solid 1px #aca29a;}
.top_img .beginner h2:before{width:18%; height:0; padding-top:22.4%; content:''; background:url(../img/index/beginner_h2_icon.png) no-repeat; background-size:contain; display:block; position:absolute; top:-6%; left:1%; overflow:hidden;}
.top_img .beginner ul{width:80%; height:auto; margin:30px auto;}
.top_img .beginner ul li{width:100%; height:93px; margin:15px 0; transition:all 0.3s ease;}
.top_img .beginner ul li:nth-child(1){background:url("../img/index/beginner_li_bg1.jpg") no-repeat #fff;}
.top_img .beginner ul li:nth-child(2){background:url("../img/index/beginner_li_bg2.jpg") no-repeat #fff;}
.top_img .beginner ul li:nth-child(3){background:url("../img/index/beginner_li_bg3.jpg") no-repeat #fff;}
.top_img .beginner ul li a{display:block; padding:29px 20px 27px 100px; border:solid 1px #ef7674; box-sizing:border-box; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; letter-spacing:0.06em;  text-align:center; position:relative;}
.top_img .beginner ul li a span{display:block; margin-top:12px; color:#9c8c7e; font-family:"Zen Old Mincho", serif; font-weight: 400; font-size:10px;}
.top_img .beginner ul li a:after{content:'\f0da'; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:24px; position:absolute; top:35px; right:10px;}
.top_img .beginner ul li: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; box-shadow:0 0 5px #ffaeac;}*/
/*初めてのお客様へ（三列）*/
.top_img .beginner{display:table; width:100%;}
.top_img .beginner h2{padding-left:21%; background:none; border-bottom:solid 1px #aca29a;}
.top_img .beginner h2:before{width:18%; height:0; padding-top:22.4%; content:''; background:url(../img/index/beginner_h2_icon.png) no-repeat; background-size:contain; display:block; position:absolute; top:-6%; left:1%; overflow:hidden;}
.top_img .beginner ul{width:95%; height:auto; margin:-15px auto 20px; display:table;}
.top_img .beginner ul li{float:left; width:32%; height:0; padding-top:40%; margin:15px 0; transition:all 0.3s ease; position:relative;}
.top_img .beginner ul li:nth-child(1){background:url("../img/index/beginner_li_bg1.jpg") no-repeat #fff;background-size:contain;}
.top_img .beginner ul li:nth-child(2){background:url("../img/index/beginner_li_bg2.jpg") no-repeat #fff;background-size:contain;margin: 15px 2%;}
.top_img .beginner ul li:nth-child(3){background:url("../img/index/beginner_li_bg3.jpg") no-repeat #fff;background-size:contain;}
.top_img .beginner ul li a{display:block; width:100%; height:100%; padding:100% 0 0; border:solid 1px #ef7674; box-sizing:border-box; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; letter-spacing:0.06em; text-align:center; position:absolute; top:0; left:0;}
.top_img .beginner ul li a span{display:block; margin-top:5px; color:#9c8c7e; font-family:"Zen Old Mincho", serif; font-weight: 400; font-size:10px;}
.top_img .beginner ul li a:after{font-family:"Font Awesome 5 Free"; font-weight:900; font-size:24px; position:absolute; top:35px; right:10px;}
.top_img .beginner ul li: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; box-shadow:0 0 5px #ffaeac;}
/*.sp.tabインドエステバナー*/
.top_img .beginner .indo_banner.sp.tab{width:95%; height:93px; margin:15px auto; padding:0; background:url("../img/index/beginner_li_bg4.jpg") no-repeat #f07573; background-size:contain; border:solid 1px #f07573; transition:all 0.3s ease;}
.indo_banner.face.sp.tab:nth-child(3){background:url("../img/index/beginner_li_bg5.jpg") no-repeat #f07573; background-size:contain;}
.top_img .beginner .indo_banner.sp.tab a{display:block; padding:19px 10px 18px 100px; border:none; box-sizing:border-box; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:15px; line-height:20px; text-align:center; position:relative;}
.top_img .beginner .indo_banner.sp.tab a span{display:block; width:85%; margin:0 auto 8px; padding:2% 0 2%; background:#d53430; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:700; font-size:12px; line-height:1; letter-spacing:0.06em;}
.top_img .beginner .indo_banner.sp.tab a span.tyoutai{display:inline-block; width:auto; margin:0; padding:0; background:none; font-size:14px; line-height:20px; transform:scale(1,1);}
.top_img .beginner .indo_banner.sp.tab a:after{content:'\f0da'; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:24px; position:absolute; top:38px; right:7px;}
.top_img .beginner .indo_banner.sp.tab: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; box-shadow:0 0 5px #ffaeac;}

/******************************************************/
/** こんなお悩みの方に選ばれています
/******************************************************/
.nayami_select{width:95%; margin:auto auto -10px;}
.nayami_select h2{width:100%; margin-bottom:10px; padding-left:20%; text-align:center; position:relative;}
.nayami_select h2:before{content:''; width:18%; height:0; padding-top:19%; background: url("../img/index/nayami_h2_icon.png") no-repeat; background-size:contain; display:block; position:absolute; bottom:0; left:2%;}
/*お悩みリスト*/
.nayami_select dl{width:48%; height:auto; margin:10px auto; float:right; overflow:hidden;}
.nayami_select dl:nth-child(2n){float:left;}
.nayami_select dl:nth-child(2){background:#f4e9e9;}
.nayami_select dl:nth-child(3){background:#f4f0e9;}
.nayami_select dl:nth-child(4){background:#eef3e9;}
.nayami_select dl:nth-child(5){background:#ebf3f7;}
.nayami_select dl dt{width:90%; height:auto; margin:0 auto; padding:2% 0; border-bottom:dotted 1px; box-sizing:border-box; color:#5f3325; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:3vw; line-height:50px; letter-spacing:0.08em; text-align:center;}
.nayami_select dl dt b{font-family:"Noto Sans", sans-serif; font-weight:500; font-size:3.4vw;}
.nayami_select dl:nth-child(2) dt b{color:#e1748b;}
.nayami_select dl:nth-child(3) dt b{color:#be9425;}
.nayami_select dl:nth-child(4) dt b{color:#7a9a55;}
.nayami_select dl:nth-child(5) dt b{color:#6893c4;}
.nayami_select dl dd{width:90%; height:auto; margin:auto;}
.nayami_select dl dd ul{width:92%; margin:10px auto;}
.nayami_select dl dd ul:after{content:''; width:43px; height:22px; display:block; margin:10px auto;}
.nayami_select dl:nth-child(2) dd ul:after{content:url("../img/index/nayami_arrow1.png");}
.nayami_select dl:nth-child(3) dd ul:after{content:url("../img/index/nayami_arrow2.png");}
.nayami_select dl:nth-child(4) dd ul:after{content:url("../img/index/nayami_arrow3.png");}
.nayami_select dl:nth-child(5) dd ul:after{content:url("../img/index/nayami_arrow4.png");}
.nayami_select dl dd ul li{color:#452c23; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:2.5vw; line-height:2.5; letter-spacing:0.04em; position:relative;}
.nayami_select dl dd ul li:before{content:'□'; color:#b0a3a1; font-size:14px; display:inline-block; margin-right:5px;}
.nayami_select dl dd ul li:after{content:'\f00c'; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:2.2vw; position:absolute; top:1px; left:1px;}
.nayami_select dl:nth-child(2) dd ul li:after{content:'\f00c'; color:#e1748b;}
.nayami_select dl:nth-child(3) dd ul li:after{content:'\f00c'; color:#be9425;}
.nayami_select dl:nth-child(4) dd ul li:after{content:'\f00c'; color:#7a9a55;}
.nayami_select dl:nth-child(5) dd ul li:after{content:'\f00c'; color:#6893c4;}
/*おすすめメニュー*/
.nayami_select dl dd .recomend{width:95%; height:0; margin:15px auto; padding-top:59.8%; position:relative; transition:all 0.3s ease;}
.nayami_select dl dd .recomend:active{position:relative; top:4px; transition:all 0.3s ease;}
.nayami_select dl dd .recomend:after{width:42px; height:42px; border-radius:21px; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:9px; line-height:42px; text-align:center; transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); content:'おすすめ'; position:absolute; top:-11px; left:-8px;}
.nayami_select dl:nth-child(2) dd .recomend:after{background:#e1748b;}
.nayami_select dl:nth-child(3) dd .recomend:after{background:#be9425;}
.nayami_select dl:nth-child(4) dd .recomend:after{background:#7a9a55;}
.nayami_select dl:nth-child(5) dd .recomend:after{background:#6893c4;}
.nayami_select dl dd .recomend .inner{position:relative; width:100%; height:0; margin-top:-59.8%; padding-top:59.8%; border-radius:10px; overflow:hidden; transition:all 0.3s ease;}
.nayami_select dl dd .recomend .inner: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; box-shadow:0 0 10px #999;}
/*アンカーリンク*/
.nayami_select dl dd .recomend .inner a{position:absolute; top:0; left:0; width:100%; height:0; padding-top:59.8%; display:block; z-index:1;}
.nayami_select dl dd .recomend .inner a span{width:100%; height:20px; border-radius:0 0 10px 10px; padding:0 8px; box-sizing:border-box; display:block; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:10px; line-height:20px; letter-spacing:0.04em; text-align:right; position:absolute; bottom:0; left:0;}
.nayami_select dl dd .recomend .inner a span:after{content:'\f101'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:3px;}
.nayami_select dl:nth-child(2) dd .recomend .inner a span{background:#e1748b;}
.nayami_select dl:nth-child(3) dd .recomend .inner a span{background:#be9425;}
.nayami_select dl:nth-child(4) dd .recomend .inner a span{background:#7a9a55;}
.nayami_select dl:nth-child(5) dd .recomend .inner a span{background:#6893c4;}
/*背景*/
.nayami_select dl dd .recomend .inner .bg{position:absolute; top:0; left:0; width:100%; height:0; padding-top:59.8%; border-radius:10px; transition:all 0.3s ease; background-size:cover; transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); will-change: transform;}
.nayami_select dl:nth-child(2) dd .recomend .inner .bg{background:url("../img/index/nayami_indo.jpg") no-repeat; background-size:contain;}
.nayami_select dl:nth-child(3) dd .recomend .inner .bg{background:url("../img/index/nayami_ice.jpg") no-repeat; background-size:contain;}
.nayami_select dl:nth-child(4) dd .recomend .inner .bg{background:url("../img/index/nayami_monte.jpg") no-repeat; background-size:contain;}
.nayami_select dl:nth-child(5) dd .recomend .inner .bg{background:url("../img/index/nayami_radioha.jpg") no-repeat; background-size:contain;}
.nayami_select dl dd .recomend .inner:hover .bg{transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0.85);}

/******************************************************/
/** 7冠達成
/******************************************************/
.title_get{width:100%; background:url("../common/img/title_bg.png") no-repeat center top 44%; background-size:contain; margin:-10px 0 20px;}
.title_get img{width:100%;}
.title_get h2{width:100%; margin-top:-10px; background:none;}
.title_get, .title_get b{color:#612a10; font-family:"Zen Old Mincho", serif; font-weight: 900;;}
.title_get .mds{margin:-45px 0 20px; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:4vw; text-align:center;}
.title_get .mds:before{content:'【'; padding-right:0.1em;}
.title_get .mds:after{content:'】'; padding-left:0.1em;}
.title_get .medal{display:table; width:90%; height:auto; margin:auto auto 20px;}
.title_get .medal img{float:left; width:48%;}
.title_get .medal img:last-child{float:right;}
.title_get .medal+p{width:85%; height:auto; margin:auto; padding:1em; box-sizing:border-box; font-size:2.6vw; line-height:1.7; text-align:center; border:double 6px #ef7674; letter-spacing:0.06em;}
.title_get .medal+p b{display:inline-block; color: #ef7674; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%,#ffffff 75%,#ef7674 76%,#ef7674 90%,#ffffff 91%); background:-webkit-linear-gradient(top, #ffffff 0%,#ffffff 75%,#ef7674 76%,#ef7674 90%,#ffffff 91%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 75%,#ef7674 76%,#ef7674 90%,#ffffff 91%); filter: filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ef7674',GradientType=0 );}
 .title_get .medal+p span{display:block; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:1.8vw; line-height:1.9; padding-top:10px;}
 }

/******************************************************/
/**
/**　スマホ用のcss
/**
*******************************************************/
@media screen and (max-width: 480px)/* ~480以上 */{
.pc{display:none!important;}
.tab{display:none!important;}
.sp.tab{display:inherit!important;}

/*下線h2{width:95%; height:auto; display:block; margin:auto auto 30px; padding-bottom:15px; box-sizing:border-box; border-bottom:solid 1px #aca29a; color:#382616; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:13px; line-height:1.8; letter-spacing:0.06em; position:relative;}*/
h2{width:95%; height:auto; display:block; margin:auto auto 30px; padding-bottom:15px; background:url("../common/img/h2_line.png") repeat-x left bottom; box-sizing:border-box; color:#382616; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:13px; line-height:1.8; letter-spacing:0.06em; position:relative;}
h2 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 900;
;}
/******************************************************/
/** トップイメージ
/******************************************************/
.top_img{background:url("../common/img/bg.jpg") repeat;}
/*イメージ*/
.top_img .main_visual{width:100%; height:0; margin:0 0 25px; padding:43.2% 0 0; background:url("../img/index/main_visual.jpg") no-repeat; background-size:contain; position:relative;}
.top_img .main_visual p{width:33%; height:0; margin:auto; padding-top:43.2%; box-sizing:border-box;  position:absolute; top:0; left:33.5%;}
.top_img .main_visual p span{width:100%; padding-top:32%; color:#ef8074; font-family:"漢字タイポス410"; font-size:16px; line-height:1.8; text-align:center; position:absolute; top:0; left:0;}
/*イメージ（スライド）*/
ul.slider{margin:0 0 25px;}
ul.slider li.slidesjs-slide img {width:100%}
ul.slidesjs-pagination{display:table; width:auto; height:auto; margin:10px auto 0;}
ul.slidesjs-pagination li{float:left; margin-right:12px;}
ul.slidesjs-pagination li:last-child{margin-right:0;}
ul.slidesjs-pagination .slidesjs-pagination-item a{display:block; width:12px; height:12px; border-radius:10px; background:#dcd5cc; line-height:1; text-indent:-9999px; overflow: hidden; box-sizing:border-box;}
ul.slidesjs-pagination .slidesjs-pagination-item a.active{background:#ef7674; border:solid 2px #ef3f3b;}
/*初めてのお客様へ*/
.top_img .beginner{display:table;}
.top_img .beginner h2{padding-left:26%; background:none; border-bottom:solid 1px #aca29a;}
.top_img .beginner h2:before{width:24%; height:0; padding-top:22.4%; content:''; background:url(../img/index/beginner_h2_icon.png) no-repeat; background-size:contain; display:block; position:absolute; top:-6%; left:1%; overflow:hidden;}
.top_img .beginner ul{width:80%; height:auto; margin:30px auto;}
.top_img .beginner ul li{width:100%; height:93px; margin:15px 0; transition:all 0.3s ease;}
.top_img .beginner ul li:nth-child(1){background:url("../img/index/beginner_li_bg1.jpg") no-repeat #fff;}
.top_img .beginner ul li:nth-child(2){background:url("../img/index/beginner_li_bg2.jpg") no-repeat #fff;}
.top_img .beginner ul li:nth-child(3){background:url("../img/index/beginner_li_bg3.jpg") no-repeat #fff;}
.top_img .beginner ul li a{display:block; padding:29px 20px 27px 100px; border:solid 1px #ef7674; box-sizing:border-box; color:#f07573; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; letter-spacing:0.06em;  text-align:center; position:relative;}
.top_img .beginner ul li a span{display:block; margin-top:12px; color:#9c8c7e; font-family:"Zen Old Mincho", serif; font-weight: 400; font-size:10px;}
.top_img .beginner ul li a:after{content:'\f0da'; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:24px; position:absolute; top:35px; right:7px;}
.top_img .beginner ul li: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; box-shadow:0 0 5px #ffaeac;}
/*.sp.tabインドエステバナー*/
.top_img .beginner .indo_banner.sp.tab{width:80%; height:93px; margin:15px auto; background:url("../img/index/beginner_li_bg4.jpg") no-repeat #f07573; background-size:contain; border:solid 1px #f07573; transition:all 0.3s ease;}
.indo_banner.face.sp.tab:nth-child(3){margin-bottom:-15px; background:url("../img/index/beginner_li_bg5.jpg") no-repeat #f07573; background-size:contain;}
.top_img .beginner .indo_banner.sp.tab a{display:block; padding:16px 10px 14px 100px; box-sizing:border-box; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:20px; text-align:center; position:relative;}
.top_img .beginner .indo_banner.sp.tab a span{display:block; width:85%; margin:0 auto 4px; padding:3% 0 2%; background:#d53430; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:700; font-size:10px; line-height:1; letter-spacing:0.06em;}
.top_img .beginner .indo_banner.sp.tab a span.tyoutai{display:inline-block; width:142%; margin:0 0 0 -21%; padding:0; background:none; font-size:14px; line-height:20px; transform:scale(0.7, 1);}
.top_img .beginner .indo_banner.sp.tab a:after{content:'\f0da'; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:24px; position:absolute; top:38px; right:7px;}
.top_img .beginner .indo_banner.sp.tab: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; box-shadow:0 0 5px #ffaeac;}

/******************************************************/
/** こんなお悩みの方に選ばれています
/******************************************************/
.nayami_select{width:95%; margin:auto auto -10px;}
.nayami_select h2{width:100%; margin-bottom:10px; padding-left:20%; text-align:center; position:relative;}
.nayami_select h2:before{content:''; width:18%; height:0; padding-top:19%; background: url("../img/index/nayami_h2_icon.png") no-repeat; background-size:contain; display:block; position:absolute; bottom:0; left:2%;}
/*お悩みリスト*/
.nayami_select dl{width:48%; height:auto; margin:10px auto; float:right; overflow:hidden;}
.nayami_select dl:nth-child(2n){float:left;}
.nayami_select dl:nth-child(2){background:#f4e9e9;}
.nayami_select dl:nth-child(3){background:#f4f0e9;}
.nayami_select dl:nth-child(4){background:#eef3e9;}
.nayami_select dl:nth-child(5){background:#ebf3f7;}
.nayami_select dl dt{width:90%; height:auto; margin:0 auto; border-bottom:dotted 1px; box-sizing:border-box; color:#5f3325; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:15px; line-height:50px; letter-spacing:0.08em; text-align:center;}
.nayami_select dl dt b{font-family:"Noto Sans", sans-serif; font-weight:500; font-size:15px;}
.nayami_select dl:nth-child(2) dt b{color:#e1748b;}
.nayami_select dl:nth-child(3) dt b{color:#be9425;}
.nayami_select dl:nth-child(4) dt b{color:#7a9a55;}
.nayami_select dl:nth-child(5) dt b{color:#6893c4;}
.nayami_select dl dd{width:90%; height:auto; margin:auto;}
.nayami_select dl dd ul{width:92%; margin:10px auto;}
.nayami_select dl dd ul:after{content:''; width:43px; height:22px; display:block; margin:10px auto;}
.nayami_select dl:nth-child(2) dd ul:after{content:url("../img/index/nayami_arrow1.png");}
.nayami_select dl:nth-child(3) dd ul:after{content:url("../img/index/nayami_arrow2.png");}
.nayami_select dl:nth-child(4) dd ul:after{content:url("../img/index/nayami_arrow3.png");}
.nayami_select dl:nth-child(5) dd ul:after{content:url("../img/index/nayami_arrow4.png");}
.nayami_select dl dd ul li{color:#452c23;font-family:"Noto Sans", sans-serif; font-weight:500;font-size: 11px;line-height: 30px;letter-spacing:0.04em;position:relative;}
.nayami_select dl dd ul li:before{content:'□'; color:#b0a3a1; font-size:14px; display:inline-block; margin-right:5px;}
.nayami_select dl dd ul li:after{content:'\f00c'; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:15px; position:absolute; top:-1.5px; left:1px;}
.nayami_select dl:nth-child(2) dd ul li:after{content:'\f00c'; color:#e1748b;}
.nayami_select dl:nth-child(3) dd ul li:after{content:'\f00c'; color:#be9425;}
.nayami_select dl:nth-child(4) dd ul li:after{content:'\f00c'; color:#7a9a55;}
.nayami_select dl:nth-child(5) dd ul li:after{content:'\f00c'; color:#6893c4;}
/*おすすめメニュー*/
.nayami_select dl dd .recomend{width:95%; height:0; margin:15px auto; padding-top:59.8%; position:relative; transition:all 0.3s ease;}
.nayami_select dl dd .recomend:active{position:relative; top:4px; transition:all 0.3s ease;}
.nayami_select dl dd .recomend:after{width:42px; height:42px; border-radius:21px; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:9px; line-height:42px; text-align:center; transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); content:'おすすめ'; position:absolute; top:-11px; left:-8px;}
.nayami_select dl:nth-child(2) dd .recomend:after{background:#e1748b;}
.nayami_select dl:nth-child(3) dd .recomend:after{background:#be9425;}
.nayami_select dl:nth-child(4) dd .recomend:after{background:#7a9a55;}
.nayami_select dl:nth-child(5) dd .recomend:after{background:#6893c4;}
.nayami_select dl dd .recomend .inner{position:relative; width:100%; height:0; margin-top:-59.8%; padding-top:59.8%; border-radius:10px; overflow:hidden; transition:all 0.3s ease;}
.nayami_select dl dd .recomend .inner: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; box-shadow:0 0 10px #999;}
/*アンカーリンク*/
.nayami_select dl dd .recomend .inner a{position:absolute; top:0; left:0; width:100%; height:0; padding-top:59.8%; display:block; z-index:1;}
.nayami_select dl dd .recomend .inner a span{width:100%; height:20px; border-radius:0 0 10px 10px; padding:0 8px; box-sizing:border-box; display:block; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:10px; line-height:20px; letter-spacing:0.04em; text-align:right; position:absolute; bottom:0; left:0;}
.nayami_select dl dd .recomend .inner a span:after{content:'\f101'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:3px;}
.nayami_select dl:nth-child(2) dd .recomend .inner a span{background:#e1748b;}
.nayami_select dl:nth-child(3) dd .recomend .inner a span{background:#be9425;}
.nayami_select dl:nth-child(4) dd .recomend .inner a span{background:#7a9a55;}
.nayami_select dl:nth-child(5) dd .recomend .inner a span{background:#6893c4;}
/*背景*/
.nayami_select dl dd .recomend .inner .bg{position:absolute; top:0; left:0; width:100%; height:0; padding-top:59.8%; border-radius:10px; transition:all 0.3s ease; background-size:cover; transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); will-change: transform;}
.nayami_select dl:nth-child(2) dd .recomend .inner .bg{background:url("../img/index/nayami_indo.jpg") no-repeat; background-size:contain;}
.nayami_select dl:nth-child(3) dd .recomend .inner .bg{background:url("../img/index/nayami_ice.jpg") no-repeat; background-size:contain;}
.nayami_select dl:nth-child(4) dd .recomend .inner .bg{background:url("../img/index/nayami_monte.jpg") no-repeat; background-size:contain;}
.nayami_select dl:nth-child(5) dd .recomend .inner .bg{background:url("../img/index/nayami_radioha.jpg") no-repeat; background-size:contain;}
.nayami_select dl dd .recomend .inner:hover .bg{transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0.85);}

/******************************************************/
/** 7冠達成
/******************************************************/
.title_get{width:100%; background:url("../common/img/title_bg.png") no-repeat center top 44%; background-size:contain; margin:-10px 0 20px;}
.title_get img{width:100%;}
.title_get h2{width:100%; margin-top:-10px; background:none;}
.title_get, .title_get b{color:#612a10; font-family:"Zen Old Mincho", serif; font-weight: 900;}
.title_get .mds{margin:-40px 0 15px; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:15px; text-align:center;}
.title_get .mds:before{content:'【'; padding-right:0.1em;}
.title_get .mds:after{content:'】'; padding-left:0.1em;}
.title_get .medal{display:table; width:90%; height:auto; margin:auto auto 20px;}
.title_get .medal img{float:left; width:48%;}
.title_get .medal img:last-child{float:right;}
.title_get .medal+p{width:85%; height:auto; margin:auto; padding:1em; box-sizing:border-box; font-size:15px; line-height:1.7; text-align:center; border:double 6px #ef7674; letter-spacing:0.06em;}
.title_get .medal+p b{display:inline-block; color: #ef7674; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%,#ffffff 75%,#ef7674 76%,#ef7674 90%,#ffffff 91%); background:-webkit-linear-gradient(top, #ffffff 0%,#ffffff 75%,#ef7674 76%,#ef7674 90%,#ffffff 91%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 75%,#ef7674 76%,#ef7674 90%,#ffffff 91%); filter: filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ef7674',GradientType=0 );}
 .title_get .medal+p span{display:block; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:10px; line-height:1.5; padding-top:10px; border-top:solid 1px #b7b1b1;}
}