@charset "utf-8";


#fftop_recomDetail section {
       padding: 0px;
}

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

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

}

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

article h1 {
	background: none;
}

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



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

#hotori_main .contents{width:100%;margin:0 auto;}
#hotori_main .box{width:100%;margin:0 auto;padding:0;}
#hotori_main .inner{width:100%;margin:0 auto;padding:0;}
#hotori_main p.text{color:#333;font-size:4vw;line-height:2;letter-spacing: 0.05em;}




/* hotori_mv
---------------------------------------------------- */
#hotori_mv .mv_image{width:100%;padding-top:109.33%;position:relative;background:url(../images/sp_mv_bg.png) no-repeat center;background-size:auto 100%;}
#hotori_mv .mv_image p{position:absolute;}
#hotori_mv .mv_image .riboon{width:72.27%;max-width:542px;top:0;right:0;}
#hotori_mv .mv_image .subtitle{width:37.6%;max-width:282px;bottom:20px;left:30px;}
#hotori_mv h1.title{position:absolute;top:15%;left:50%;width:26.67%;max-width:200px;margin:0;transform:translate(-50%,0);}
#hotori_mv p.text{padding:2em 0 0;line-height:2.5;text-align:center;font-family:"Yu Mincho",YuMincho,serif;}



/* hotori_box1
---------------------------------------------------- */
#hotori_box1{}
#hotori_box1 .head{}
#hotori_box1 .btn{width:66.67%;max-width:500px;margin:6.66% auto 24.6%;}
#hotori_box1 .btn a{display:block;}
#hotori_box1 .btn img{border-radius:8px;box-shadow:5px 5px 15px 5px rgba(51,51,51,0.15);}

#hotori_box1 .plan{margin-bottom:25.33%;}
#hotori_box1 .plan .head{}
#hotori_box1 .plan .btn{width:36%;padding-top:8%;margin:1.09% auto 7.2%;background:url(../images/btn_close.png) no-repeat;background-size:100% auto;cursor:pointer;}
#hotori_box1 .plan.close_hotorinite .btn{background-image:url(../images/btn_open.png);}

#hotori_box1 .planBox{margin: 10% auto;}
#hotori_box1 .planBox p.text{width:89.34%;margin:6.66% auto 0;}
#hotori_box1 #plan2 p.text{width:64%;margin:13.32% 5.33% 0 auto;}
#hotori_box1 #plan3 p.text{}

#hotori_box1 .imageBox{position:relative;}
#hotori_box1 .imageBox .image{position:absolute;top:0;}
#hotori_box1 .imageBox .nopos{position:static;}
#hotori_box1 .imageBox .image img{display:block;}

#hotori_box1 #image1-1{width:58.52%;max-width:550px;}
#hotori_box1 #image1-2{width:35.2%;max-width:330px;right:0;margin-top:15.96%;}
#hotori_box1 #image1-3{width:48.94%;max-width:460px;right:0;margin-top:54.26%;}
#hotori_box1 #image1-4{width:63.83%;max-width:600px;}
#hotori_box1 #text1-1{width:37.47%;max-width:281px;margin:5.33% auto 8% 4.93%;}
#hotori_box1 #text1-2{width:10.67%;max-width:80px;right:0;margin:110% 13.06% 0 0;}

#hotori_box1 #image2-1{width:100%;max-width:840px;margin:0 0 0 auto;}
#hotori_box1 #image2-2{width:94.4%;max-width:708px;margin:0 2.4% 0 auto;}
#hotori_box1 #text2-1{width:10.67%;max-width:80px;left:0;margin:148.8% 0 0 10.93%;}

#hotori_box1 #image3-1{width:100%;max-width:880px;}
#hotori_box1 #image3-2{width:53.34%;max-width:500px;margin:3.2% 0 0 auto;}
#hotori_box1 #image3-3{width:32%;max-width:270px;left:0;margin-top:75.53%;}
#hotori_box1 #text3-1{position:static;width:10.67%;max-width:80px;margin:8.93% auto 0 46.66%;}




/* hotori_box2
---------------------------------------------------- */
#hotori_box2{background:#faf8f0;}
#hotori_box2 .headimage{padding-top:13.33%;}

#hotori_box2 .dayBox{}
#hotori_box2 .dayBox .head{width:20%;max-width:110px;margin:12% auto 11.33%;}
#hotori_box2 .dayBox .flex{}
#hotori_box2 .dayBox .schedule{position:relative;width:80%;margin:0 auto;padding-bottom:12%;}
#hotori_box2 .dayBox .schedule:after{content:'';display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%,-70%);width:6.73%;padding-top:6.73%;background:url(../images/sp_arrow.png) no-repeat;background-size:100% auto;}
#hotori_box2 .dayBox .schedule:last-of-type:after{content:none;}
#hotori_box2 .dayBox .schedule .image{width:100%;margin:0 auto;}
#hotori_box2 .dayBox .schedule .time{margin-top:0.5em;color:#b81c22;font-size:4.26vw;font-weight:bold;text-align:center;}
#hotori_box2 .dayBox .schedule .name{margin:0.3em auto 0.5em;font-size:5.06vw;font-weight:bold;text-align:center;}
#hotori_box2 .dayBox .schedule p.text{}
#hotori_box2 .dayBox .schedule p.cap{position:relative;padding-left:1em;}
#hotori_box2 .dayBox .schedule p.cap span{position:absolute;left:0;}
#hotori_box2 .dayBox .schedule p.text2{width:65.39%;max-width:340px;margin:0 auto 3.84%;}
#hotori_box2 #day2{padding-bottom:8%;}




/* hotori_box3
---------------------------------------------------- */
#hotori_box3{}
#hotori_box3 .box{background:url(../images/sp_back_image.png) no-repeat center;background-size:cover;}
#hotori_box3 .textBox{padding:20% 0 22%;}
#hotori_box3 .head{margin-bottom:1em;color:#fff;font-size:5.33vw;letter-spacing:0.25em;text-align:center;}
#hotori_box3 p.text{color:#fff;text-align:center;}




/* hotori_box4
---------------------------------------------------- */
#hotori_box4{}
#hotori_box4 .ancBox{width:94.67%;margin:8% auto 0;padding-top:10%;}
#hotori_box4 .borderBox{position:relative;margin:0 auto 18%;padding:10% 0;border:3px solid #333;}
#hotori_box4 .head{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:72.12%;max-width:512px;}
#hotori_box4 .subhead{font-size:5.06vw;text-align:center;letter-spacing:0.25em;}
#hotori_box4 p.text{margin:1em auto 2em;font-size:4vw;font-weight:bold;text-align:center;}
#hotori_box4 .price{width:91.27%;max-width:561px;margin:0 auto 10%;}
#hotori_box4 .btn{width:91.27%;max-width:648px;margin:0 auto;}
#hotori_box4 .btn a{display:block;}



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