@charset "UTF-8";
/* CSS Document */

body{ font-family: 'Klee One', cursive; font-size: 18px; font-weight: 600; line-height: 140%; 
	background-image: url("img/bg.png"); background-repeat: repeat; background-size: 500px;color: #9d1d22;}

@media print {
	#fp-wrap{ display:none;}}

/*img {pointer-events: none;}*/

img{ /* SPの長押し禁止 */
	    -webkit-touch-callout:none;
	    -webkit-user-select:none;
	    -moz-touch-callout:none;
	    -moz-user-select:none;
	    user-select:none;
	}


.pc{ display:inline;}
.mp{ display:none;}
.sp{display:none;}

/*
font-family: 'Klee One', cursive;
font-family: 'Zen Kurenaido', sans-serif;
font-family: 'Zen Maru Gothic', sans-serif;
*/




.indexph{ max-width: 1200px; margin: -100px auto 0px auto ;  text-align: center; }
.indexph img{ width: 100%; margin-top: -70px;}
.indexph_sp{ display: none;}

.midashi{max-width: 1200px; margin: 0 auto;}
.midashi h1{ display: none;}

.midashi p{color: #9d1d22; position: absolute;text-align: center;margin: 30px 0 0 330px;}


.btn,
.sns{ max-width: 1200px; margin: 0 auto; }

.btn_sp,
.hsn_sp{ display: none;}

.btn img{ float: left;}


.btn a img.tw{ width: 10%; margin: 10% 0.3% 0;}
.btn a img.ist{ width: 10%; margin: 8% 0.3% 0;}
.btn a img.hsn{width: 10%; margin: 12% 0.3% 0;}

.btn img:first-child{ margin: 5% 10px 0 13%; width: 17%; }
.btn img:last-child{ width: 27%; margin:10px 0 0 15px;}

.lbtn,
.btn img{  height: auto;  transition: transform .6s ease;}

.btn img:hover,
.lbtn:hover {  transform: scale(1.2); }

/*Coming soon
.yokoku{ background-image: url("img/yokoku_bg_fall.png"); background-repeat: no-repeat; background-size: 80%; max-width: 1200px; 
	margin: 0 auto; height: 400px; background-position: top center; padding: 80px 0 0 0;color: #ae5d00; }

.yokoku p{text-align: center; margin-left: 70px; min-height: 160px;}
.yokoku h3{text-align: center;  font-size: 30px; margin: 0px 0 0 0;font-family: 'Zen Kurenaido', sans-serif;}
.yokoku h3:nth-of-type(2){font-size: 28px; margin: 15px 0 0 0px; line-height: 120%;}
*/
/*デフォ*/
.yokoku{ background-image: url("img/yokoku_bgw.png"); 
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center top;
	
	height: auto;
	max-width: 1200px; margin: 0 auto; padding: 50px 0 20px 0;color: /*秋#ae5d00*/#2b4671; }

.yokoku_bottom{background-image: url("img/yokoku_bg_winter-bottom.png"); 
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center bottom;
	
	min-height: 160px;
	max-width: 1200px; margin: 0 auto; padding: 20px 0 20px 0;color: /*秋#ae5d00*/#2b4671;}

.yokoku p{text-align: center; margin-left: 70px; min-height: 200px;}
.yokoku_bottom h3{text-align: center;  font-size: 30px; margin: 0px 0 0 0;font-family: 'Zen Kurenaido', sans-serif;}
/*.yokoku_bottom h3:nth-of-type(2){font-size: 28px; margin: 15px 0 0 0; line-height: 130%}*/
.yokoku_bottom h3:nth-of-type(2){font-size: 24px; margin: 15px 0 0 0; line-height: 120%}/*文字数が多いタイトルの場合、文字フォントを小さくする*/



.yokokutop, .yokokutop{ display: none;}


.sns_sp{ display: none;}	

.sns div{ }
.sns div:first-child{  margin:0px 2% 0;width: 48%; float: left; }
.sns div:last-child{width: 48%; text-align: right; float: right; }

.sns_btn{ width: 150px;}
.sns div:first-child .sns_btn{ margin-bottom: 10px;}
.sns div:last-child .sns_btn{ margin-right: 30px; margin-top: 10px;}


@media screen and (min-width: 700px) and (max-device-width: 3000px) 
{}


@media screen and (max-width: 1199px) {
.btn { width: 110%; }
.btn img:first-child{ margin: 5% 10px 0 9%; }
.midashi p{margin: 30px 0 0 25%;}

/*Coming soon
.yokoku{  background-size: 85%;padding: 80px 0 0 0;}
*/
/*デフォ*/
/*.yokoku{  background-size: 85%;padding: 4% 0 0 0;}
	.yokoku_bottom{  background-size: 85%;}*/
		
.sns{ width: 100%;}
.sns div:first-child{  margin:10px 2% 0 1%;width: 48%;}
.sns div:last-child{width: 48%; margin-right: 1%;}
.sns div:last-child .sns_btn{ margin-right: 0px;}}

@media screen and (max-width: 1100px) {
	
	
/*Coming soon
.yokoku{  background-size: 85%;padding: 60px 0 0 0;}
	*/
/*デフォ*/
/*.yokoku{  background-size: 97%;padding: 4% 0 0 0;}*/

}

@media screen and (max-width: 1024px) {
.midashi p{ font-size: 17px;}

}

@media screen and (max-width: 991px) {
.pc{ display:none;}
.mp{ display: inline;}
.sp{display:none;}
	
.btn { width: 110%;}
.midashi p{margin: 15px 0 0 10%;font-size: 19px;}
	

.btn a img.tw{ width: 10%; margin: 10% 0.3% 0;}
.btn a img.ist{ width: 10%; margin: 9% 0.3% 0;}
.btn img.hsn{width: 10%; margin: 12% 0.3% 0;}

.btn img:first-child{ margin: 8% 10px 0 8%; width: 17%; }
.btn img:last-child{ width: 27%; margin:10px 0 0 15px;}
	
.indexph img{ margin-top: -30px;}
	
.yokoku,
.yokoku_bottom{ background-image: none; background-color: #fff; min-height: inherit; height: auto; padding: 20px 0;}
.yokoku p{margin-left: 0px; font-size: 20px;}
.yokoku h3{}	
	
	
.yokokutop{ background-image: url("img/yokoku_bg_winter-top_sp.png"); height: 35%;background-position: top center;margin-top: 50px;}
.yokokubtm{background-image: url("img/yokoku_bg_winter-btm_sp.png"); height: 28%;background-position: bottom center;}

.yokokutop, .yokokubtm{background-repeat: no-repeat; background-size: 100%;  display: block;}

}

@media screen and (max-width:850px) {
	
	.min850{}
	
	.btn{ display: none;}
	.btn_sp{ display:block; text-align: center;}
	
	
	.btn_sp img:first-child{ width: 300px; margin: 20px auto 0;}
	.btn_sp img:nth-of-type(2){ width: 200px; margin: 0 auto;}
	
.indexph{ display: none; }
.indexph_sp{ display: block;}
.indexph_sp img{ width: 100%; margin-top:-20px;}
	

.sns div{ }
.sns div:first-child,
.sns div:last-child{  margin:5% auto;width: 80%; float: none;}

.sns_btn{ width: 150px;}
.sns div:first-child .sns_btn{ margin-bottom: 10px;}
.sns div:last-child .sns_btn{ margin-right: 30px;}
	
.sns_sp{ display: block; text-align: center;}
.sns_sp .sns_btn{ width: 30%; margin: 5%;}

.hsn_sp{ display: block; width: 30%; margin: 20px auto;}

}

	@media screen and (max-width:767px) {
		
.yokokutop, .yokokubtm{background-size: 115%; }
.yokokutop{ height: 36%; }
.yokokubtm{height: 27%;}

}

@media screen and (max-width:600px) {
.mp{ display:none;}
.sp{ display:inline;}
	
	.btn_sp img:first-child{ width: 200px; }
	.btn_sp img:nth-of-type(2){ width: 150px; }
	
.sns div:first-child,
.sns div:last-child{ width: 90%;}
	
.yokokutop, .yokokubtm{background-size: 135%; }
.yokokutop{ height: 200px; }
.yokokubtm{height: 26%;}
	
	.yokoku span{letter-spacing: -0.08em;}	
	.yokoku_bottom h3 span{letter-spacing: -0.1em;}	
.yokoku_bottom h3{ font-size: 30px; line-height: 130%;}

.sns_sp .sns_btn{ width: 42%;margin: 2%;}
.hsn_sp{ width: 42%; }
	
}
@media screen and (max-width:480px) {
}

@media screen and (max-width: 400px) {
	
.yokokutop, .yokokubtm{background-size: 160%; }

	
.yokoku h3{ font-size: 30px; }
	
}

.tw_dummy{ background-color: #fff; border: 1px #3E3E3E solid; color: #000; font-weight: bold; padding: 15px; text-align: left; border-radius: 10px; margin:10px;}


/* animate delay*/
.animate__delay-01s {animation-delay: calc(var(--animate-delay) * 0.1);}
.animate__delay-02s {animation-delay: calc(var(--animate-delay) * 0.2);}
.animate__delay-03s {animation-delay: calc(var(--animate-delay) * 0.3);}
.animate__delay-04s {animation-delay: calc(var(--animate-delay) * 0.4);}
.animate__delay-05s {animation-delay: calc(var(--animate-delay) * 0.5);}
.animate__delay-06s {animation-delay: calc(var(--animate-delay) * 0.6);}
.animate__delay-07s {animation-delay: calc(var(--animate-delay) * 0.7);}
.animate__delay-08s {animation-delay: calc(var(--animate-delay) * 0.8);}
.animate__delay-09s {animation-delay: calc(var(--animate-delay) * 0.9);}