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


#fftop_recomDetail section {
       padding: 0px;
}

article h1,h1,h2,h3,h4 {
      background: none;
}

tr, th, td, div, span, a, p, h4, h2,li {
     color: inherit;

}


strong,p,small {
     color: #5c3f31;
}



article p, article li {
     color: #242424;
}

#fftop_recomDetail h2 {
     margin-bottom: 0;
}


* {
	margin: 0;
	padding: 0;
}
#vip_main * {
        color: #5c3f31;
	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;
}



/* vip_main
---------------------------------------------------- */
body {
	overflow-x: hidden;
}
#vip_main {
	position: relative;
	width: 100%;
	background: #fcfbf5;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	color: #242424;
	font-size: 3vw;
	font-feature-settings: "palt";
	text-align: justify;
}
#vip_main img {
	width: 100%;
	height: auto;
}
#vip_main .pc {
	display:none !important;
}
#vip_main a img {
	outline:none;
}

#vip_main .contents{
	width:100%;
	margin:0 auto 10%;/*75px*/
	padding:0 0 10.7% 0;/*70px*/
	background:url(../images/menu_line.png) repeat-x left bottom;
}
#vip_main .contents.tojiru{
	margin-bottom:3.33%;
	padding-bottom:0;
	background-image:none;
}
#vip_main .box{
	width:94.7%;/*710px*/
	margin:0 auto;
}
#vip_main .inner{
	width:92%;/*690px*/
}
#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 img{
	display:block;
}
#vip_main .detail{
	display:none;
}
#vip_main .tojiru .detail{
	display:block;
}
#vip_main h3.head{
	color:#fff;
	font-size:4.5vw;/*28px*/
	text-align:center;
	margin:8.45% auto 1%;/*60px 7.1px*/
	padding:0.2em 0 1.8em;
	background:no-repeat top center;
	background-size:100% auto;
}
#vip_main p.lead{
	color:#5c3f31;
	font-size: 4.8vw;/*34px*/
	font-weight:bold;
	text-align:center;
	margin-top:5.63%;
	line-height:1.8;
}
#vip_main p.lead strong{
	font-size:147%;/*50px*/
	line-height:1;
        color: #5c3f31;
}
#vip_main p.text{
	color:#5c3f31;
	font-size:3.3vw;/*24px*/
}
#vip_main p.text.large{
	font-size: 5vw;/*28px*/
}
#vip_main p.text .red{
	color:#d0121b;
}
#vip_main .vipBox{
	position:relative;
	padding:2.18% 4.35% 4.35%;/*15px 30px 30px*/
	margin:7.25% auto 3.63%;/*50px 20px*/
	border:2px solid #e1cc56;
	box-sizing:border-box;
	background:#5c3f31;
}
#vip_main .vipBox:after{
	content:'';
	display:block;
	width:15.65%;/*108px*/
	padding-top:18.99%;/*131px*/
	position:absolute;
	top:0;
	left:0;
	margin:-3.8% 0 0 4.35%;
	background:url(../images/mark_vip.png) no-repeat center;
	background-size:100% auto;
}
#vip_main .vipBox h4{
	color:#e1cc56;
	font-size:3.73vw;/*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:2.8vw;/*24px*/
	text-align:center;
}
#vip_main .vipBox p.price{
	color:#e1cc56;
	font-size:3.73vw;/*28px*/
	font-weight:bold;
	margin-top:0.5em;
}
#vip_main .vipBox p.text strong{
	font-size:150%;/*28px*/
        color: #e1cc56;
}
#vip_main .vipBox p.price strong{
	font-size:178.6%;/*50px*/
}
#vip_main ul.indentList li{
	color:#5c3f31;
	font-size:3.2vw;/*24px*/
	text-indent:-1em;
	line-height:1.6;
	padding-left:1em;
}
#vip_main .btn{
	width:86.7%;/*598px*/
	margin:4.35% auto 0;/*30px*/
}
#vip_mainp.btn a{
	display:inline-block;
}
#vip_main span.note{
	display:block;
	color:#d0121b;
	font-size:3.2vw;/*24px*/
	font-weight:bold;
	text-align:center;
}




/* vip_mv
---------------------------------------------------- */
#vip_main #vip_mv{
	margin-bottom:8%;
	padding:4.67% 0 0;/*35px*/
	background:none;
}
#vip_main #vip_mv .box{
	padding-bottom:8.45%;
	background:url(../images/mv_bg-sp.png) no-repeat center bottom;
	background-size:100% auto;
}
#vip_main #vip_mv .flex{
	display:block;
}
#vip_main #vip_mv p.head{
	margin: 15% auto 7%;/*45px 50px*/
}
#vip_main #vip_mv p.text{
	color:#fff;
	font-size: 3.8vw;/*26*/
	font-weight: bold;
	line-height: 2.2;
        letter-spacing: .05rem;
	text-align:center;
}
#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_spmenu{
	margin-bottom:0;
	padding-bottom:21.4%;
	background-image:none;
	background-color:#fff;
}
#vip_main #vip_spmenu .box{
	position:fixed;
	right:0;
	bottom:0;
	width:100%;
	background:#fff;
	z-index:10;
}
#vip_main #vip_spmenu.stop .box{
	position:static;
}
#vip_main #vip_spmenu .ancmenu{}
#vip_main #vip_spmenu .ancmenu li{
	width:33.33%;
}
#vip_main #vip_spmenu .ancmenu a{}
#vip_main #vip_spmenu .ancmenu img{
}

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




/* vip_box1
---------------------------------------------------- */
#vip_main #vip_box1{}
#vip_main #vip_box1 h3.head{
	background-image:url(../images/box1_head-sp.png)!important;
}
#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:3.2vw;
}
#vip_main #vip_box1 .plan{}
#vip_main #vip_box1 .plan .planitem{
	border:2px solid #83b4d0;
	margin-bottom:4.35%;/*30px*/
}
#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:6.14%;/*42*/
	padding-top:6.14%;
	position:absolute;
	top:50%;
	right:0;
	margin:-3.07% 2.49% 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: 100%;/*570px*/
	margin:0 auto;
}
#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: 3.1vw!important;/*24px*/
	background:url(../images/box1_arrow.png) no-repeat center bottom;
	background-size:26.3% 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:4vw;/*32px*/
	font-weight:normal;
	text-align:center;
	border:2px solid #83b4d0;
	margin-right: 0.6em;
}
#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-sp.png)!important;
}
#vip_main #vip_box2 .days p.text{
	text-align:center;
	margin-bottom:5%;/*30px*/
}
#vip_main #vip_box2 .days p.text strong{
	font-size:150%;/*32px*/
}
#vip_main #vip_box2 .prize p.text{
	text-align:center;
	line-height:1.6;
	margin-bottom:5%;/*30px*/
}
#vip_main #vip_box2 .prize p.text strong{
	color:#d0121b;
	font-size:150%;/*32px*/
}
#vip_main #vip_box2 .prize p.text span.large{
	font-size:140.6%;/*45px*/
        color: #d0121b;
}



/* vip_box3
---------------------------------------------------- */
#vip_main #vip_box3{
	margin-bottom:0;
	background:none;
}
#vip_main #vip_box3 h3.head{
	background-image:url(../images/box3_head-sp.png)!important;
}
#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:3.2vw auto;
}
#vip_main #vip_box3 .days > p.text{
	text-align:center;
	margin-bottom:4.35%;
}
#vip_main #vip_box3 .days > p.text strong{
	font-size:140%;/*32px*/
}



/* vip_notice
---------------------------------------------------- */
#vip_main #vip_notice{
	margin-bottom:0;
	padding-top:10%;
	background-image:none;
	background-color:#fff;
}
#vip_main #vip_notice h3.head{
	margin-top:0;
	background-image:url(../images/notice_head-sp.png);
}
#vip_main #vip_notice p.text{
	font-size:3.2vw;/*24px*/
	margin:1em auto;
}



/* fadein
---------------------------------------------------- */
#vip_main .anmFlg,
#vip_main .anmFlgA,
#vip_main .anmFlgB,
#vip_main .anmFlgC{
	opacity:0;
	transform:translate(0,30px);
	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);
}