@charset "utf-8";

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;
}

h1,h2,h3,h4,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
---------------------------------------------------- */
#hotori_main {
	position: relative;
	width: 100% !important;
	margin: 0 auto 60px;
	background: #fff;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	color: #333;
	font-size: 16px;
	font-feature-settings: "palt";
	text-align: justify;
	font-family: source-han-sans-japanese, sans-serif;
}
#hotori_main img {
	width: 100%;
	height: auto;
}
#hotori_main .sp {
	display:none !important;
}
#hotori_main a img {
	outline:none;
	transition: 0.3s;
}
#hotori_main a img:hover {
	opacity: 0.7;
}

#hotori_main .contents{width:100%;margin:0 auto;}
#hotori_main .box{width:100%;max-width:1920px;margin:0 auto;padding:0;}
#hotori_main .inner{width:100%;max-width:940px;margin:0 auto;padding:0;}
#hotori_main .flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
#hotori_main .flex.pack-j{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#hotori_main p.text{color:#333;font-size:16px;line-height:2;font-weight:500;letter-spacing: 0.05em;}




/* hotori_mv
---------------------------------------------------- */
#hotori_mv{}
#hotori_mv .mv_image{width:100%;padding-top:820px;position:relative;background:url(../images/mv_bg.png) no-repeat center;background-size:auto 100%;}
#hotori_mv .mv_image p{position:absolute;}
#hotori_mv .mv_image .riboon{top:0;right:0;}
#hotori_mv .mv_image .subtitle{bottom:20px;left:30px;}
#hotori_mv h1.title{width:65.11%;max-width:612px;margin:6.38% auto 4.79%;}
#hotori_mv p.text{padding:0% 0 2em;line-height:2.5;text-align:center;font-family:"Yu Mincho",YuMincho,serif;}



/* hotori_box1
---------------------------------------------------- */
#hotori_box1{}
#hotori_box1 .head{}
#hotori_box1 .btn{width:53.2%;max-width:500px;margin:3.2% auto 16.5%;}
#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:20%;}
#hotori_box1 .plan .head{}
#hotori_box1 .plan .btn{width:20.21%;padding-top:4.47%;margin:1.6% auto 4.8%;background:url(../images/btn_close.png) no-repeat;background-size:100% auto;cursor:pointer;transition:opacity ease 0.3s;}
#hotori_box1 .plan.close_hotorinite .btn{background-image:url(../images/btn_open.png);}
#hotori_box1 .plan .btn:hover{opacity:0.7;}

#hotori_box1 .planBox{margin: 50px auto;}
#hotori_box1 .planBox p.text{width:73.4%;max-width:690px;margin:3.72% 0 0 auto;}
#hotori_box1 #plan2 p.text{margin-left:0;margin-right:auto;}
#hotori_box1 #plan3 p.text{width:67.02%;max-width:630px;}

#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:46.07%;max-width:433px;margin:5.53% auto 8.51% 0;}
#hotori_box1 #text1-2{width:8.2%;max-width:77px;right:0;margin:115.74% 14.25% 0 0;}

#hotori_box1 #image2-1{width:89.37%;max-width:840px;margin:0 0 0 auto;}
#hotori_box1 #image2-2{width:64.9%;max-width:610px;margin:-1.06% 0 0 auto;}
#hotori_box1 #text2-1{width:8.2%;max-width:77px;left:0;margin:70.2% 0 0 17.02%;}

#hotori_box1 #image3-1{width:93.62%;max-width:880px;}
#hotori_box1 #image3-2{width:53.2%;max-width:500px;margin:3.2% 0 0 auto;}
#hotori_box1 #image3-3{width:28.73%;max-width:270px;left:0;margin-top:75.53%;}
#hotori_box1 #text3-1{width:8.2%;max-width:77px;left:0;margin:64.36% 0 0 33.4%;}




/* hotori_box2
---------------------------------------------------- */
#hotori_box2{background:#faf8f0;}
#hotori_box2 .headimage{padding-top:10.63%;}

#hotori_box2 .dayBox{}
#hotori_box2 .dayBox .head{width:11.71%;max-width:110px;margin:9.04% auto;}
#hotori_box2 .dayBox .flex{}
#hotori_box2 .dayBox .schedule{position:relative;width:29.8%;margin-right:5.3%;}
#hotori_box2 .dayBox .schedule:last-of-type{margin-right:0;}
#hotori_box2 .dayBox .schedule .image{position:relative;}
#hotori_box2 .dayBox .schedule .image:after{content:'';display:block;position:absolute;top:50%;right:0;transform:translate(150%,-50%);width:9.64%;padding-top:9.64%;background:url(../images/arrow.png) no-repeat;background-size:100% auto;}
#hotori_box2 .dayBox .schedule:last-of-type .image:after{content:none;}
#hotori_box2 .dayBox .schedule .time{margin-top:0.5em;color:#b81c22;font-size:16px;font-weight:bold;text-align:center;}
#hotori_box2 .dayBox .schedule .name{margin:0.3em auto 0.5em;font-size:24px;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{position:absolute;top:0;left:50%;transform:translate(-50%,-100%);width:87.15%;max-width:244px;margin-top:-10px;}
#hotori_box2 #day1{padding-bottom:6.4%;}
#hotori_box2 #day2{padding-bottom:14.9%;}




/* hotori_box3
---------------------------------------------------- */
#hotori_box3{}
#hotori_box3 .box{background:url(../images/back_image.png) no-repeat center;background-size:cover;}
#hotori_box3 .textBox{padding:25% 0;}
#hotori_box3 .head{margin-bottom:1em;color:#fff;font-size:38px;letter-spacing:0.25em;text-align:center;font-weight: 700;}
#hotori_box3 p.text{color:#fff;text-align:center;}




/* hotori_box4
---------------------------------------------------- */
#hotori_box4{}
#hotori_box4 .ancBox{margin-top:5%;padding-top:10%;}
#hotori_box4 .borderBox{position:relative;margin:0 auto 15%;padding:12.76% 0;border:3px solid #333;}
#hotori_box4 .head{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:68.09%;max-width:640px;}
#hotori_box4 .subhead{font-size:38px;text-align:center;letter-spacing:0.25em;font-weight: 700;}
#hotori_box4 p.text{margin:0.5em auto 2em;font-weight:bold;text-align:center;}
#hotori_box4 .price{width:68.09%;max-width:640px;margin:0 auto 12.76%;}
#hotori_box4 .btn{width:76.6%;max-width:720px;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:0.5s;}
#hotori_main .anmFlg.anm3{transition-delay:1s;}
#hotori_main .anmFlg.view,
#hotori_main .anmFlgA.view,
#hotori_main .anmFlgB.view,
#hotori_main .anmFlgC.view{opacity:1;transform:translate(0,0);}
