@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html { overflow-x: hidden; }

/* 画面100%表示用↓ここから */
.mainContentMT {
	width: 100vw!important;
}

/*　パンくずの表示くずれ防止　*/
.rootMT ul {
    overflow: hidden;
    width: 940px!important;
    margin: 0 auto;
}
/* 画面100%表示用↓ここまで */

tr, th, td, div, span, a,p {
	color: inherit;
}

* {
	margin: 0;
	padding: 0;
}
#vip_main * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN", "Hiragino Sans", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}
#vip_main ol,
#vip_main ul {
	list-style-type: none;
}
#vip_main a {
	outline: none;
}

strong {
        font-weight: bold;
}



/* vip_main
---------------------------------------------------- */
#vip_main {
	position: relative;
	width: 100% !important;
	margin: 0 auto;
	background: #fcfbf5;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	color: #242424;
	font-size: 16px;
	font-feature-settings: "palt";
	text-align: justify;
	font-family: source-han-sans-japanese, sans-serif;
}
#vip_main img {
	width: 100%;
	height: auto;
}
#vip_main .sp {
	display:none !important;
}
#vip_main a img {
	outline:none;
	transition: 0.3s;
}
#vip_main a img:hover {
	opacity: 0.7;
}

#vip_main .contents{
	width:100%;
	margin:0 auto;
}
#vip_main .contents:after{
	content:'';
	display:block;
	width:100%;
	max-width:940px;
	height:9px;
	margin:9.57% auto;/*90*/
	background:url(../images/menu_line.png) repeat-x left top;
	background-size:auto 100%;
}
#vip_main .contents.tojiru:after{
	margin:2.4% auto 0;
	height:0;
}
#vip_main .box{
	width:100%;
	max-width:940px;
	margin:0 auto;
	padding:0;
}
#vip_main .inner{
	width:95.75%;
	max-width:900px;
}
#vip_main .flex{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
#vip_main .flex.pack-j{
	-webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
#vip_main h2{
	max-width:940px;
	margin:0 auto;
}
#vip_main h2 img{
	display:block;
}
#vip_main .detail{
	display:none;
	wisth:100%;
	max-width:940px;
	margin:0 auto;
	cursor:pointer;
}
#vip_main .tojiru .detail{
	display:block;
}
#vip_main h3.head{
	color:#fff;
	font-size:24px;
	text-align:center;
        font-weight: bold;
	margin:8.89% auto 4.45%;/*80 40*/
	padding: 2% 0px 4.1%;
	background:no-repeat top center;
	background-size:100% 100%;
}
#vip_main .days h3.head{
	margin-top:5.56%;/*50*/
}
#vip_main p.lead{
	color:#5c3f31;
	font-size: 28px;
	font-weight:bold;
	text-align:center;
	margin-top:4.45%;
	line-height:1.8;
}
#vip_main p.lead strong{
	font-size:139%;/*50px*/
	line-height:1;
        font-weight: bold;
}
#vip_main p.text{
	color:#5c3f31;
	font-size:24px;
}
#vip_main p.text.large{
	font-size:28px;
}
#vip_main p.text .red{
	color:#d0121b;
}
#vip_main .days .image{
	width:76.67%;
	max-width:690px;
	margin:0 auto;
}
#vip_main .vipBox{
	position:relative;
	padding:1.67% 3.34% 3.34%;/*15 30 30*/
	margin:5.22% auto 3%;/*47 27*/
	border:3px solid #e1cc56;
	box-sizing:border-box;
	background:#5c3f31;
}
#vip_main .vipBox:after{
	content:'';
	display:block;
	width:12%;/*108px*/
	padding-top:14.56%;/*131px*/
	position:absolute;
	top:0;
	left:0;
	margin:-2.4% 0 0 3.89%;
	background:url(../images/mark_vip.png) no-repeat center;
	background-size:100% auto;
}
#vip_main .vipBox h4{
	color:#e1cc56;
	font-size:28px;
	text-align:center;
	border-bottom:1px solid #846a3c;
	margin-bottom:1.25em;
	padding-bottom:0.5em;
}
#vip_main .vipBox p.text{
	color:#fff;
	font-size:24px;
	text-align:center;
}
#vip_main .vipBox p.price{
	color:#e1cc56;
	font-size:28px;
	font-weight:bold;
	margin-top:0.5em;
}
#vip_main .vipBox p.text strong{
	font-size:116.7%;/*28px*/
        font-weight: bold;
}
#vip_main .vipBox p.price strong{
	font-size:178.6%;/*50px*/
        font-weight: bold;
}
#vip_main ul.indentList li{
	color:#5c3f31;
	font-size:15px;
	text-indent:-1em;
	line-height:1.6;
	padding-left:1em;
}
#vip_main .btn{
	width:53.44%;/*598px*/
	max-width:481px;
	margin:7.78% auto 0;/*70*/
}
#vip_main .btn a{
	display:inline-block;
}
#vip_main span.note{
	display:block;
	color:#d0121b;
	font-size:18px;
	font-weight:bold;
	text-indent:-1em;
	padding-left:1em;
	text-align:center;
}



/* vip_main open/tojiru
---------------------------------------------------- */
#vip_main .openBox h2{
	cursor:pointer;
}




/* vip_mv
---------------------------------------------------- */
#vip_main #vip_mv{
	margin-bottom:0.73%;/*70/2-3%*/
	padding:3.73% 0 0;/*75px/2*/
}
#vip_main #vip_mv:after{
	content:none;
}
#vip_main #vip_mv .box{
	padding-bottom:8.51%;/*80px*/
	background:url(../images/mv_bg.png) no-repeat center bottom;
	background-size:100% auto;
}
#vip_main #vip_mv .flex{
	margin:3.73% 0 0 0;/*70px/2*/
}
#vip_main #vip_mv p.head{
	width:35%;
	max-width:330px;
}
#vip_main #vip_mv p.text{
	width: 63.7%;
	color: #fff;
	font-size: 18px;
	font-weight:bold;
	line-height:2.4;
}
#vip_main #vip_mv p.text span{
	color: #fff;
	display:inline;
	padding:0.2em 0.5em;
	background:url(../images/mv_marker.png) repeat-x left;
}




/* vip_menu
---------------------------------------------------- */
#vip_main #vip_menu{
	position:fixed;
	top:50%;
	right:0;
	width:125px;
	margin-top:-106.5px;
	z-index:10;
}
#vip_main #vip_menu:after{
	content:none;
}
#vip_main #vip_menu .box{
}
#vip_main #vip_menu .ancmenu{background:#fff;}
#vip_main #vip_menu .ancmenu li{}
#vip_main #vip_menu .ancmenu a{}
#vip_main #vip_menu .ancmenu img{
	display:block;
}

#vip_main #vip_spmenu{
	display:none!important;
}



/* vip_box1
---------------------------------------------------- */
#vip_main #vip_box1{}
#vip_main #vip_box1 h3.head{
	background-image:url(../images/box1_head.png);
}
#vip_main #vip_box1 .days >  p.text{
	margin-bottom:4.35%;
	text-align:center;

}
#vip_main #vip_box1 .days >  p.text.line{
	margin-top:4.35%;
	line-height:1.8;
	font-size: 15px;
}
#vip_main #vip_box1 .plan{}
#vip_main #vip_box1 .plan .planitem{
	border:3px solid #83b4d0;
	margin-bottom:3.34%;/*30*/
}
#vip_main #vip_box1 .planitem .open{
	cursor:pointer;
	position:relative;
}
#vip_main #vip_box1 .planitem img{
	display:block;
}
#vip_main #vip_box1 .planitem .open span{
	width:4.7%;/*42*/
	padding-top:4.7%;
	position:absolute;
	top:50%;
	right:0;
	margin:-2.35% 2.46% 0 0;
	background:url(../images/box1_openicon.png) no-repeat;
	background-size:100% auto;
}
#vip_main #vip_box1 .planitem .tojiru span{
	background-image:url(../images/box1_tojiruicon.png);
}
#vip_main #vip_box1 .planitem .toggle{
	display:none;
}
#vip_main #vip_box1 .appList{
	counter-reset:number 0;
	width:93.34%;/*840*/
	margin:0 auto;
        font-weight: bold;
}
#vip_main #vip_box1 .appList li{
	counter-increment:number 1;
	position:relative;
	margin-bottom:4.4%;
	padding:0 0 8.8% 0;/*75px 95px*/
	color:#5c3f31;
	font-size:24px;
	background:url(../images/box1_arrow.png) no-repeat center bottom;
	background-size:20% auto;
	
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}

#vip_main #vip_box1 .appList li:before{
	content:counter(number) "";
	display:inline-block;
	min-width:2em;
	height:2em;
	line-height:2em;
	color:#83b4d0;
	font-size:32px;
	font-weight:normal;
	text-align:center;
	border:3px solid #83b4d0;
	margin-right:1em;
}
#vip_main #vip_box1 .appList li:last-of-type{
	background-image:none;
}



/* vip_box2
---------------------------------------------------- */
#vip_main #vip_box2{}
#vip_main #vip_box2 h3.head{
	background-image:url(../images/box2_head.png);
}
#vip_main #vip_box2 .days p.text{
	text-align:center;
	margin-bottom:4.35%;/*30px*/
}
#vip_main #vip_box2 .days p.text strong{
	font-size:133.3%;/*32px*/
        font-weight: bold;
}
#vip_main #vip_box2 .days p.image{
	width:85.56%;
	max-wifth:770px;
}
#vip_main #vip_box2 .prize p.text{
	text-align:center;
	line-height:1.6;
	margin-bottom:4.35%;/*30px*/
}
#vip_main #vip_box2 .prize p.text strong{
	color:#d0121b;
	font-size:133.3%;/*32px*/
        font-weight: bold;
}
#vip_main #vip_box2 .prize p.text span.large{
	font-size:140.6%;/*45px*/
}



/* vip_box3
---------------------------------------------------- */
#vip_main #vip_box3{
	padding-bottom:4.79%;
}
#vip_main #vip_box3:after{
	content:none;
}
#vip_main #vip_box3 h3.head{
	background-image:url(../images/box3_head.png);
}
#vip_main #vip_box3 .vipBox .flex{
	margin-top:1.75%;
	-webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
#vip_main #vip_box3 .vipBox .flex p.price{
	margin:0 0 0 1em;
	padding-left:1.5em;
	background:url(../images/box3_arrow.png) no-repeat left center;
	background-size:24px auto;
}
#vip_main #vip_box3 .days > p.text{
	text-align:center;
	line-height:1.6;
	margin-bottom:4.35%;
}
#vip_main #vip_box3 .days > p.text strong{
	font-size:133.3%;/*32px*/
        font-weight: bold;
}
#vip_main #vip_box3 .days p.image{
	width:85.56%;
	max-wifth:770px;
}



/* vip_notice
---------------------------------------------------- */
#vip_main #vip_notice{
	padding:4.79% 0 9.57%;
	background-color:#fff;
}
#vip_main #vip_notice:after{
	content:none;
}
#vip_main #vip_notice h3.head{
	margin-top:0;
	background-image:url(../images/notice_head.png);
}
#vip_main #vip_notice p.text{
	font-size:15px;
	margin:1em auto;
}



/* fadein
---------------------------------------------------- */
#vip_main .anmFlg,
#vip_main .anmFlgA,
#vip_main .anmFlgB,
#vip_main .anmFlgC{
	opacity:0;
	transform:translate(0,60px);
	transition:ease 0.5s;
	transition-property:opacity ,transform;
}
#vip_main .anmFlg.view,
#vip_main .anmFlgA.view,
#vip_main .anmFlgB.view,
#vip_main .anmFlgC.view{
	opacity:1;
	transform:translate(0,0);
}