@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, .figcaption, .figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 vertical-align:baseline;
 background:transparent;
}
ul{list-style-type: none;}
/* CSS Document */
/************************/
/*____ 共通基礎 ____*/
body{margin:0;font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Helvetica Neue",Arial;}
body .article {line-height: 1.5;}
.mincho_txt{font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;font-weight:bold;}
.figure{margin:auto;}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
a, a img {transition: all 0.4s ease 0s;}
.bt_left a{color:#FFF;}
#my_footer img {width:auto;}
.pagetop__btn {display:none;}
#LP-body{opacity:1;}
a.cmBtn {font-weight:normal; text-decoration:none; display:block; text-align:center; position:relative;}
.cmTxt{line-height:1.66rem;font-size: 0.9rem;font-weight: 200;margin-bottom: 1rem;color: #444444;}
/*.header{z-index:100000;}*/
.mbGf-legal a{color:#000;}
img{display:block;}
.footer__box .footer-sns .footer-sns__list a img{display:inline-block;}
#honten #appBody{height:118px;}
/************************/
/*____ レイアウト ____*/
.flex_c{display:flex;flex-wrap:wrap;justify-content:center;width: auto;}
.flex_b{display:flex;flex-wrap:wrap;justify-content:space-between;width: auto;}
/************************/
/* menuボタンアイコン */
#menuButton {display: block;width: 42px;height:42px;position: fixed;bottom: 20px;right: 10px;z-index: 3;}
#menuButton span {display: block;background: #666;width: 24px;height: 2px;position: absolute;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
#menuButton span:first-child {top: 12px;}
#menuButton span:nth-child(2) {margin-top: -1px;top: 50%;}
#menuButton span:last-child {bottom: 12px;}
/************************/
/*____ 看板 ____*/
.title_container{position: relative;}
.title_img{width: 100%;height: auto;position: relative;background: no-repeat 50% 50%;background-size: cover;margin: 0 auto;}
.title_img:after {content: "";display: block;}
.title_h1 {display: inline-block;font-weight:600;letter-spacing:0px;}
.title_date{font-weight:100;}
/************************/
/*____ 見出し ____*/
.headLine{position:relative;z-index:1;}
.headLine hr{margin:0px;height:inherit;border-top-width:1px;border-color:#191919;}
.headLineDeg{display:block;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:30px;height:30px;border:solid #191919;border-width:0px 1px 0;background-color:#FFF;position:relative;top:-16px;}
.headLineTtl{margin:0 0px;font-size:1.75rem;letter-spacing:-1px;font-weight:600;}
.mbInformation.hubData{z-index: 100000;position: relative;}
/************************/
/*____   ____*/
.section{margin:0 !important;padding:0 !important;}
.figure img , ul li img {width:100%;}
#topicpath_style.trace-box{position: relative;}
.sp_slide_pt .slick-prev:before, .slick-next:before{color:#999;}
#loadhtml_footer001_pc a:link, #loadhtml_footer001_pc a:visited, #loadhtml_footer001_pc a:hover, #loadhtml_footer001_pc a:active {color: #333;text-decoration: none;}
#loadhtml_footer001_sp a:link, #loadhtml_footer001_sp a:visited, #loadhtml_footer001_sp a:hover, #loadhtml_footer001_sp a:active {color: #333;text-decoration: none;}
.copyright__txt , .footer__copyright , .footer__caution , .button__decision , .footer__pagetop{color:#000 !important;}
.footer__pagetop , .button__decision{color:#FFF !important;}
#totop {display: none;width: 60px;height: 60px;background: #000 !important;border-radius: 3px;position: fixed;border: 1px solid #000;bottom: 75px;right: 20px;z-index: 100;color:#FFF !important;}
#totop a {display: block;width: 100%;height: 100%;text-align: center;line-height: 0;position:relative;}
#totop a span{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;}
#totop a i {font-size: 20px;color: #fff;}
#totop a span {display: block;font-size: 11px;font-weight: bold;line-height: 16px;color: #fff;}
.sns_size {margin: 2em auto 2em;text-align: center;max-width: 520px;width:90%;background-color: #FFF;}
#topicpath_style.trace-box {font-size: x-small;margin: 0 auto;text-align: left;background-color:#FFF;color:#000;}
.pan_div{width:calc( 100% - 20px );padding: 4px 10px;max-width:1000px;margin:0 auto;color: #000;}
.pan_div a{color:#000;}
.header__utility a{color:#000;}
.pc .footer{margin-top:0;}
#header_menu-logo img{width:149px;}
#topicpath_style.trace-box{max-width:100%;color:#000;}
#rakuten .header , #yahoo .header{background-color:#FFF;}
div::after, ul::after, ol::after, dl::after, .clearfix::after{display:none;}
button{cursor:pointer;border: none;padding: 0;position:relative;}
/* アニメ */
.js-scrollAnimation{opacity:0;transition-duration:0.5s;}
.is-animated{opacity:1;}
/* inview */
.inview , .inview span{opacity:0;}
/* toggle */
.toggle_box{display:none;}
button.toggle_btn{background-color:transparent;border:none;}
.pc_only{display:block;}
.sp_only{display:none;}
@media screen and (max-width:768px) {
	.pc_only{display:none;}
	.sp_only{display:block;}
}
/* 本店 */
@media screen and (max-width: 768px){
	#honten #appBody {height: auto;}
	#honten .footer__logo img{margin:0 auto;}
}
/* 楽天 */
#rakuten .reasonsItem > div:last-child > img{margin:0 auto;}
/* Yahoo! */
#yahoo .reasonsItem > div:last-child > img{margin:0 auto;}
/* ------------------------------------------以下にcssを追加 */
#LP-html{padding-bottom:100px;}
.mv_img{width:100%;}
#LP-head{text-align:center;width:90%;max-width:1000px;margin:0 auto;}
.main_nav{background-color:#eee;}
.main_nav ul{display:flex;width: 90%;margin: 0 auto;align-items: center;}
.main_nav ul li{width:calc(100% / 5);text-align:center;height:50px;line-height:50px;vertical-align: middle;position:relative;box-shadow: 5px -2px 3px #adadad;}
.main_nav ul li:last-child{box-shadow:none;}
.cmTxt{text-align:left;width:100%;max-width:800px;margin:0 auto 1em;}
.nav{display:flex;flex-flow:wrap;justify-content: space-between;}
.nav li{width:30%;margin-bottom:3em;position: relative;text-align: center;}
.nav li img{width:100%;}
#LP-body{width:90%;max-width:1000px;margin:0 auto;}
.figcaption{background-color:#cc0033;color:#FFF;text-align:center;padding:0.5em 0 0;}
.figcaption span{display:block;background-color:#FFF;color:#000;margin:0.5em 0 0;padding-top:0.5em;font-weight:bold;font-size:1em;}
.h1_text{margin:2em 0 1em;font-size:2em;color:#b28a4c;}
.update_date_text{text-align:right;width:100%;max-width:800px;margin:0 auto;}
.movie_btn{display:block;width:100%;max-width:1000px;margin:1em auto;background-color:#b28a4c;color:#FFF;border-radius:10px;height:50px;line-height:50px;font-size:1.5em;text-align: center;}
.movie_btn:before{content:"";display:inline-block;width:33px;height:33px;background-image:url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u41413231/pc/mb/article/10/img/m_btn.jpg");vertical-align: middle;margin-right:1em;}
.logo_svg{width:60%;margin:0 auto;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);}
.main_nav{position:fixed;top:0;left:0;width:100%;z-index:1000;display:none;}
.main_nav a{display:block;width:100%;height:100%;color:#000;}
.nav_h2{text-align:center;border-bottom:1px solid;margin:2em auto 0;}
.difficulty_rank{text-align:center;border-bottom:1px dotted #b28a4c;color:#b28a4c;font-size:1.5em;margin-bottom:2em;padding:1em 0;}
.difficulty_rank_border{border-top:1px solid;}
.etc_link{color:#000;border-top:1px solid #000;border-bottom:1px dotted #000;padding:1em 0;margin:1em 0;font-weight:bold;}
.etc_link span{display:block;}
.etc_link span span{display:inline-block;color:#cf0034;}
.footer_nav{display:flex;margin:0 auto;justify-content: center;}
.footer_nav li{width:16%;background-color:#eaeaea;margin:0 0.5%;}
.cmBtn span{font-size:1.5em;}
.label_text{position:absolute;left:0;top:0;text-align:center;transform:translate(-50%,-50%);background-color:#cc0033;color:#FFF;padding:0.5em 1em;border-radius:50%;font-size:11px;}
.ladies_only{background-color:#b28a4c;padding:1em;}

/* popup */
.pop_item_content{background-color:rgba(255,255,255,0.95);position:fixed;top:0;left:0;width:100%;height:calc(100% - 200px);padding:100px 0;overflow:auto;}
.pop_item_content_box{width:90%;max-width:1000px;margin:0 auto;}
.pop_item_content_box .h4:before{content:"◇";display:inline-block;}
.pop_item_content_box .h4{color:#cc0033;border-bottom:4px double;margin:1em 0;font-size:1.25em;}
.pop_item_content .cmTxt{width:100%;max-width:initial;margin:0;}
.rank_box{background-color:#000;color:#FFF;padding:4px;}
.pop_item_content .h3_title{background-color:#cc0033;color:#FFF;padding:6px;font-size:1.5em;}
.pop_item_content .main_img_box{display:flex;justify-content: space-between;}
.pop_item_content .crop{width:34%;margin-bottom: 50px;}
.pop_item_content .crop img{width:100%;}
.pop_item_content .col-2{display:flex;flex-flow: wrap;}
.pop_item_content .col-2 li{width:25%;}
.pop_item_content .movie_box{width:60%;}
.pop_item_content .crop_left_box{margin:1em 0;}

.pop_item_content .main_img_box h4{border:none;margin-bottom:1em;font-size:14px;}
.pop_item_content .figcaption{padding:10px 0;background-color:transparent;color:#000;}

.pop_item_content_box ul.col-2 li{position:relative;}
.pop_item_content_box ul.col-2 li:nth-of-type(1) .figure:before{content:"step1";display:block;position:absolute;top:0;left:0;background-color:#cc0033;color:#FFF;padding:2px 4px;}
.pop_item_content_box ul.col-2 li:nth-of-type(2) .figure:before{content:"step2";display:block;position:absolute;top:0;left:0;background-color:#cc0033;color:#FFF;padding:2px 4px;}
.pop_item_content_box ul.col-2 li:nth-of-type(3) .figure:before{content:"step3";display:block;position:absolute;top:0;left:0;background-color:#cc0033;color:#FFF;padding:2px 4px;}
.pop_item_content_box ul.col-2 li:nth-of-type(4) .figure:before{content:"step4";display:block;position:absolute;top:0;left:0;background-color:#cc0033;color:#FFF;padding:2px 4px;}
.pop_item_content_box ul.col-2 li:nth-of-type(5) .figure:before{content:"step5";display:block;position:absolute;top:0;left:0;background-color:#cc0033;color:#FFF;padding:2px 4px;}
.pop_item_content_box ul.col-2 li:nth-of-type(6) .figure:before{content:"step6";display:block;position:absolute;top:0;left:0;background-color:#cc0033;color:#FFF;padding:2px 4px;}
.pop_item_content_box ul.col-2 li:nth-of-type(7) .figure:before{content:"step7";display:block;position:absolute;top:0;left:0;background-color:#cc0033;color:#FFF;padding:2px 4px;}
.pop_item_content_box ul.col-2 li:nth-of-type(8) .figure:before{content:"step8";display:block;position:absolute;top:0;left:0;background-color:#cc0033;color:#FFF;padding:2px 4px;}

.pop_item_content_box .footer_nav_item li{max-width:200px;width:45%;background-color:transparent;padding:0;}
.pop_item_content_box .footer_nav_item{justify-content: center;margin: 3em 0;}
.pop_item_content_box .footer_nav_item li img{margin-bottom:1em;border: 1px solid #ddd;}
.pop_item_content_box .footer_nav_item li span{font-size:1em;font-weight:bold;}

.footer_nav_item_op01 p{font-size:12px;}
.footer_nav_item_op02 p{font-size:12px;}

.pop_item_content .movie {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.pop_item_content .movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pop_item_content{display:none;}
.pop_item_content_box{display:none;}
.pop_item_content_box_fotter{display:block;}

.pop_item_content .close_btn{position:fixed;right:10%;top:10%;background-color:#acacac;color:#fff;border-radius:50%;width:60px;height:60px;line-height:60px;font-size:2em;font-weight:bold;}

/* メンズありボタン */
.switch_btn{display:flex;}
.switch_btn li{width:50%;}
.switch_btn li .movie_switch_btn{width:100%;text-align:cener;padding:10px 0;background-color:#FFF;color:#cc0033;border:1px solid #cc0033;}
.switch_btn li .movie_switch_btn.switch_btn_current{border:1px solid #cc0033;background-color:#cc0033;color:#fff;}

#c4_men , #c6_men , #j2_men{display:none;}

.footer_nav li a{padding:0;font-size: 14px;}
.footer_nav li .footer_nav_link_btn{padding:2em 0;}

@media screen and (max-width:768px) {
	.h1_text {font-size: 1.2em;}
	.movie_btn{border-radius:0;}
	.main_nav ul {width: 100%;}
	.main_nav ul li {width: calc(100% / 4);box-shadow: 3px -2px 3px #adadad;}
	.main_nav a{font-size: 10px;}
	.logo_svg {width: 80%;}
	.nav_h2 {font-size: 16px;}
	.nav li {width: 48%;}
	.label_text{transform: translate(-10%,-20%);font-size: 9px;line-height: 10px;padding: 0.75em 1em;box-shadow: 2px 2px 5px #999;}
	.etc_link {font-size: 14px;}
	.footer_nav li {width: 32%;margin-bottom:1%;}
	.footer_nav {flex-flow: wrap;}
	.pop_item_content .close_btn {right: 5%;width: 50px;height: 50px;line-height: 50px;}
	.pop_item_content .main_img_box {display: block;}
	.pop_item_content .crop {width: 100%;margin-bottom: 1em;}
	.pop_item_content .movie_box {width: 100%;}
	.pop_item_content .main_img_box h4 {color: #cc0033;border-bottom: 4px double;margin: 1em 0;font-size: 1.25em;}
	.pop_item_content {background-color: rgba(255,255,255,1);}
	.pop_item_content .h3_title{font-size: 1.25em;}
	.pop_item_content_box .h4{margin-top:3em;}
	.pop_item_content .col-2 li {width: 49%;}
	.pop_item_content .col-2 {justify-content: space-between;}
	.pop_item_content .figcaption {text-align: left;font-size: 11px;}
	.cmBtn span {font-size: 1.25em;}
	.footer_nav li a{font-size: 12px;}

}