/* PC共通 */

.spOnly{display: none !important;} /** パソコンのみ **/

.inactive{pointer-events: none !important;}

/*====== Container Box =====*/

.main_container{
	max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden;
	height: ffit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

.main_box{width: 880px; margin: 0 auto;}


section{position: relative;}

a:hover, button:hover{cursor: pointer;}


/*====== ボタン =====*/

.recBtn {
	display: inline-block; position: relative; width: 177px; height: 40px; border-radius: 20px;
	transition: all .3s ease-in;
}
.recBtn_camp {
	height: 80px; border-radius: 40px;
	border: solid 2px #fff;
	text-align: center;
}
.recBtn_cancel {
	height: 30px; border-radius: 15px;
	border: solid 2px #d85f56;
	background-color: #fff;
	color: #d85f56;
	position: relative;
}
.recBtn_cancel span{display: block; top: 0; left: 0; right: 0; bottom: 0; margin: auto; color: #d85f56!important; text-align: center!important; font-size: 13px!important; width: 177px!important;}
.bgRed{background-color: #d85f56;}

.recCenterBtn{
	display: block; position: relative; width: 340px; height: 60px; border-radius: 30px; margin: 65px auto 0; border: none;
	transition: all .3s ease-in;
}
.bgGreen{background-color: #248471;}
.bgTran{border: 1px #fff solid; background-color: transparent;}

.recCenterBtn span,.recCenterBtn i{
	font-size: 16px; font-weight: 700; color: #fff; position: absolute;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}
.recCenterBtn span{display: block; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.recCenterBtn i{display: block; top: 0; bottom: 0; margin: auto; right: 20px; transition: all .3s ease-in;}

.recBtn:hover, .recCenterBtn:hover{
	background-color: #957b40;
}
.recBtn_cancel:hover span{
	color: #fff!important;
}

.recBtn:hover i, .recCenterBtn:hover i{transform: translateX(10px);}
.btnAnker:hover i{transform: translateY(10px);}

a:not(.recBtn):not(.recCenterBtn){transition: all .3s ease-in;}
a:not(.recBtn):not(.recCenterBtn):not(.imgBox):not(.detaiLink):hover{opacity: .8 !important; -webkit-opacity: .8 !important;}

/*======ヘッダー =====*/

header{
	position: fixed; top: 0; left: 0; width: 100%; height: 110px; padding: 25px 35px; z-index: 20;
	transition: all .3s ease-in;
	transform: translateY(-110px); animation: header-move 1s forwards 2s;
}

@keyframes header-move {
	from {
		transform: translateY(-110px);
	}

	to {
		transform: translateY(0);
	}
}

header .logo{
	display: block; float: left; width: 133px; height: 51px; position: relative;
}

header.bgOn{
	background-color: rgba(0,0,0,.1) !important;
}



/*====== メニュー・グロナビ =====*/

#headerMenu{
	/*float: right;*/ 
	/*margin-left: 500px;*/
	margin-left: calc(100% - 420px);
	right: 0px!important;
	display: flex;
	height: 60px;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content; position: relative; 
}
/*====== Firefoxのみ =====*/
@-moz-document url-prefix(){
	header {
		padding: 0px 35px;
	}
    #headerMenu {
        position: absolute;
		right: 15px!important;
		top: 15px;
    }
}

#headerMenu .menuBtn{
	display: inline-block; position: relative; width: 60px; height: 60px; border-radius: 50%; background-color: #248471;
	transition: all .3s ease-in;
}

#headerMenu .menuBtn path{
	display: block; width: 20px; height: 4px; position: absolute; background-color: #fff;
	left: 0; right: 0; margin: auto; transition: all .3s ease-in;
}
#headerMenu .menuBtn path:nth-of-type(1){top: 20px;}
#headerMenu .menuBtn path:nth-of-type(2){top: 0; bottom: 0;}
#headerMenu .menuBtn path:nth-of-type(3){bottom: 20px;}

#headerMenu .menuBtn.open{background-color: #fff;}
#headerMenu .menuBtn.open path{background-color: #248471;}
#headerMenu .menuBtn.open path:nth-of-type(1){transform: rotate(45deg) translate(5px, 6px);}
#headerMenu .menuBtn.open path:nth-of-type(2){opacity: 0; -webkit-opacity:0;}
#headerMenu .menuBtn.open path:nth-of-type(3){transform: rotate(-45deg) translate(5px, -6px);}


#headerMenu .recBtn{margin-right: 15px;}
#headerMenu .recBtn i, #headerMenu .recBtn span{
	position: absolute; top: 0; bottom: 0; margin: auto; color: #fff;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}
#headerMenu .recBtn i{
	font-size: 16px; left: 30px; transition: all .3s ease-in;
}
#headerMenu .recBtn span{
	display: block; font-weight: 700; font-size: 16px; right: 47px;
}
#headerMenu .reservebtn {
	width: 177px; margin-right: 15px;
	margin-left: 15px;
	box-sizing: border-box;
}
#headerMenu .recBtn_camp{margin-right: 0px;}
#headerMenu .recBtn_camp span{
	display: block; font-weight: 700; font-size: 16px; left: 0px!important; right: 0px!important; top: 26px;
}
#headerMenu .recBtn_camp i{
	font-size: 20px; left: 0px; right: 0px; bottom: 28px;
}


nav#menu{
	display: none; width: 100%; height: 100vw; position: fixed; top: 0; left: 0; z-index: 10;
    background-color: rgba(0,0,0,.2);
}

nav#menu div#menu_glonav{
	width: 540px; height: 100vh; position: fixed; right: 0; top: 0;
    background-color: #248471; scroll-behavior: auto; overflow-X: hidden; overflow-y: auto;
	transition: all .3s ease-in; transform: translateX(540px); padding: 150px 0 0 62px;
}

nav#menu.open div#menu_glonav{transform: translateX(0);}



nav#menu #menu_glonav .menu_glonav{
	display: block; width: 395px; padding: 26px 0 26px 12px; border-top: 3px dotted #fff; overflow: hidden; position: relative;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;	
}

nav#menu #menu_glonav .menu_glonav.last{border-bottom: 3px dotted #fff;}
nav#menu #menu_glonav .menu_glonav.title{pointer-events:none;}
nav#menu #menu_glonav .menu_glonav.sub{
	border-top: .5px dashed rgba(255,255,255,.8); padding: 26px 0 26px 50px;
}

nav#menu #menu_glonav .menu_glonav span, nav#menu .menu_glonav i{color: #fff;}
nav#menu #menu_glonav .menu_glonav span{
	display: block; font-family: fot-tsukuardgothic-std, sans-serif !important; font-weight: 700; font-size: 18px; 
}
nav#menu #menu_glonav .menu_glonav i{
	display: block; position: absolute; font-size: 18px; right: 18px; top: 26px; 
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	transition: all .3s ease-in;
}
nav#menu #menu_glonav .menu_glonav i.fa-chevron-right{font-size: 22px !important;}

nav#menu #menu_glonav .menu_glonav:not(.sub):hover i{transform: translateX(10px);}

nav#menu #menu_glonav .menu_glonav div.submenu{
	display: none; padding-left: 28px; overflow: hidden; transition: all .3s ease-in; transform: translateX(-100%);
}
nav#menu #menu_glonav .menu_glonav div.submenu.show{display: block; transform: translateX(0);}

nav#menu #menu_glonav .menu_glonav div.submenu a{
	display: block; color: #fff; margin-top: 22px; font-family: fot-tsukuardgothic-std, sans-serif !important; font-weight: 700; font-size: 16px;
}
nav#menu #menu_glonav .menu_glonav div.submenu.show{transform: translateX(0);}


nav#menu #menu_glonav div.menu_glonav:hover{cursor: pointer;}

nav#menu #menu_glonav .submenu .menu_glonav_sub:hover{opacity: 5 !important; -webkit-opacity:.5 !important;}

.showSubmenu i{opacity: 0; -wekit-opacity: 0;}
.showSubmenu.close .fa-plus{opacity: 1; -webkit-opacity:1 !important;}
.showSubmenu.open .fa-minus{opacity: 1; -webkit-opacity:1 !important;}


#menu_info{
	margin: 45px 0 60px; width: 364px;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

#menu_info .logo{display: block; width: 170px; height: 66px; margin: 0 auto; position: relative;}

#menu_info .tel{
	display: flex; align-items: center; margin: 15px auto;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}
#menu_info .tel i, #menu_info .tel span{color: #fff;}
#menu_info .tel i{font-size: 20px; margin-right: 8px;}
#menu_info .tel span{font-size: 26px; font-family: 'Poppins', sans-serif !important; font-weight: 600;}

#menu_info div{
	font-weight: 400; font-size: 14px; color: #fff; line-height: 1.2em; margin: 0 auto;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}
#menu_info .hours{margin: 15px auto;}





/*====== フッター =====*/

footer{
	width: 100%; position: relative; background-color: #006c54; padding: 100px 0; z-index: 5;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

footer:before{
	display: block; position: absolute; content: ""; top: -20px; left: 0; right: 0; margin: auto; width: 100%; height: 20px;
	background: -webkit-linear-gradient(bottom left, #006c54 50%, transparent 52%), -webkit-linear-gradient(bottom right, #006c54 50%, transparent 52%);
	background: -o-linear-gradient(bottom left, #006c54 50%, transparent 52%), -o-linear-gradient(bottom right, #006c54 50%, transparent 52%);
	background: linear-gradient(to top right, #006c54 50%, transparent 52%), linear-gradient(to top left, #006c54 50%, transparent 52%);
	background-size: 24px 24px;
}

#footer{
	display: flex; margin: 0 auto; align-items: center;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
#footer div{
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

#footer_info{width: 28vw; padding-right: 5vw;}
#footer_info .logo{display: block; width: 194px; height: 75px; position: relative; margin: 0 0 0 10%;}

#footer_info .tel{
	display: flex; align-items: center; margin: 26px 0 22px;	
}
#footer_info .tel i, #footer_info .tel span{color: #fff;}
#footer_info .tel i{font-size: 20px; margin-right: 8px;}
#footer_info .tel span{font-size: 26px; font-family: 'Poppins', sans-serif !important; font-weight: 600;}

#footer_info div{font-weight: 400; font-size: 14px; color: #fff; line-height: 1.2em;}
#footer_info .hours{margin: 15px 0 26px;}
#footer_info .copyright{font-size: 12px !important;}


#footer_nav{width: 32vw; padding-right: 2vw;}

#footer_nav div{
	display: block; float: left;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
#footer_nav div#footer_nav_left{margin-right: 12%; padding-right: 2vw;}

#footer_nav a{
	display: block; font-family: fot-tsukuardgothic-std, sans-serif !important; font-weight: 700; 
	font-size: 18px; color: #fff; clear: both; float: inherit;
}
#footer_nav .footer_nav{margin: 20px 0 10px; clear: both; float: inherit; line-height: 1.4em;}
#footer_nav .footer_nav_sub{margin: 10px 0; font-size: 16px !important; padding-left: 6px;}


#footer_link{width: 24vw;}

#footer_link .recBtn{width: 100%; height: 60px; border-radius: 30px !important;}

#footer_link .reservebtn {
	width: 367px!important;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 20px;
}
#footer_link .reservebtn span{
	display: block; font-weight: 700; font-size: 16px; left: 0px!important; right: 0px!important; top: 26px;
	color: #fff;
}

#footer_link .recBtn_camp {
	width: 367px!important;
	height: 90px; border-radius: 45px !important;
	border: solid 2px #fff;
	text-align: center;
}
#footer_link .recBtn_camp span{
	display: block; font-weight: 700; font-size: 16px; left: 0px!important; right: 0px!important; top: 26px;
}
#footer_link .recBtn_camp i{
	font-size: 20px; left: 0px; right: 0px; bottom: 28px;
}
#footer_link .recBtn_cancel {
	width: 177px;
	height: 60px; border-radius: 30px;
	border: solid 2px #d85f56;
	background-color: #fff;
	color: #d85f56;
	position: relative;
}
#footer_link .recBtn_rsv {
	width: 177px!important;
}
#footer_link .recBtn_rsv span{
	color: #fff;
	position: absolute;	
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	 font-size: 15px; top: 22px!important; left: 60px!important;
} 
#footer_link .recBtn_cancel span{
	color: #fff;
	position: absolute;	
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	text-align: left!important; font-size: 15px!important; top: 14px!important; bottom: unset; left: 55px!important;
}
#footer_link .recBtn_cancel:hover{
	background-color: #D4C39D!important;
}

#footer_link .recBtn img, #footer_link .recBtn div, #footer_link .recBtn i{
	position: absolute; top: 0; bottom: 0; margin: auto;
}
#footer_link .recBtn div span, #footer_link .recBtn i{
	color: #fff;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

#footer_link .recBtn img{width: 22%; height: auto; left: 8%; right: unset;}
#footer_link .recBtn div{
	left: 26%;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
#footer_link .recBtn div span{	 display: inline-block;
 }
#footer_link .recBtn div span:nth-of-type(1){
	font-family: 'Poppins', sans-serif !important; font-weight: 600; font-size: 24px; margin-right: 1px;
}
#footer_link .recBtn div span:nth-of-type(2){
	font-family: fot-tsukuardgothic-std, sans-serif !important; font-weight: 600; font-size: 16px;
}

#footer_link .recBtn i{font-size: 18px; right: 8%; left: unset; transition: all .3s ease-in;}

#footer_link .recBtn i.fa-calendar-check{font-size: 20px; left: 15%; right: unset; top: 20px; bottom: unset; }
#footer_link .recBtn i.fa-circle-check{color: #d85f56; font-size: 20px; left: 15%; right: unset;}
#footer_link .recBtn i.fa-campground{font-size: 24px; left: 10%; right: unset;}
#footer_link #followus{
	margin: 15px auto 18px;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
#footer_link #followus, #footer_link #followus span{
	font-family: 'Poppins', sans-serif !important; font-weight: 600; font-size: 14px; color: #fff !important;
}
#footer_link #followus span{font-size: 14px !important; display: inline;}

#footer_link #sns{
	margin: 0 auto;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

#footer_link #sns a{
	display: inline-block; width: 42px; height: 42px; border-radius: 50%; background-color: #fff;
	position: relative;
}
#footer_link #sns a i{
	display: block; position: absolute; color: #006c54; font-size: 14px;
	top: 0; left: 0; right: 0; bottom: 0; margin: auto;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
#footer_link #sns a:nth-of-type(2){margin:0 .8vw;}


.fix_btn {
	display: none;
}

/*====== メインコンテンツ =====*/

.bg_snowmountain{
	display: block; position: absolute;
	width: 348px; height: 79px;
}

h2{
	margin: 50px auto; overflow: visible; position: relative;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
h2 span{
	display: block;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
h2 span:nth-of-type(1){color: #16695f; font-family: 'Poppins', sans-serif !important; font-weight: 600; font-size: 40px; margin: 0 auto 30px;}
h2 span:nth-of-type(2){font-family: fot-tsukuardgothic-std, sans-serif !important; font-weight: 700; font-size: 24px; margin: 0 auto;}

h2.white span{color: #fff !important;}


h3{
	display: block; position: relative; overflow: visible;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
h3:before{
	display: block; position: absolute; top: 5px; content: ""; background-image: url("/_common/img/common/imgStyles01.png"); 
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
h3:after{
	display: block; position: absolute; top: 5px; content: ""; background-image: url("/_common/img/common/imgStyles02.png"); 
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
h3 span{
	display: block; font-family: 'Poppins', sans-serif !important; font-weight: 600; color: #fff;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

h4{
	display: block; position: relative; font-weight: 700; color: #fff;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

h5.accessTitle{display: block;}
h5.accessTitle i, h5.accessTitle span{font-size: 22px;}
h5.accessTitle i{padding-right: 10px;}

.accessBody{padding: 20px 0 50px 25px;}

.accessBody p{display: block; width: 100%; font-size: 16px; font-weight: 400; line-height: 30px;}
.accessBody p.longerline{line-height: 36px !important;}

.whiteBox{
	padding: 5px 12px; background-color: #fff; margin-bottom: 10px;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

.whiteBox span{
	display: block; font-size: 16px;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

.pMargin{margin-bottom: 20px;}




#newsBox{
	width: 1200px; margin: 0 auto; overflow: hidden;
}

#newsBox .newsBox{
	float: left; width: 376px; margin-bottom: 54px;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	min-height: 470px;
}

#newsBox .newsBox a.imgBox{
	display: block; overflow: hidden;
	position: relative; width: 376px; height: 250px; border: 10px #f5f5f5 solid;
}

#newsBox .newsBox a.imgBox img, #newsBox .newsBox a.detaiLink i{transition: all .3s ease-in;}
#newsBox .newsBox a.imgBox:hover img, #newsBox .newsBox a.detaiLink:hover{opacity: 1; -webkit-opacity:1;}
#newsBox .newsBox a.imgBox:hover img{transform: scale(1.1);}
#newsBox .newsBox a.detaiLink:hover i{transform: translateX(4px);}


#newsBox .newsBox span{
	display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin: 20px 0;
}

#newsBox .newsBox p{
	display: block;
    font-size: 16px;
    line-height: 34px;
}

.bg_news_tree{
	width: 135px;
    height: auto;
    left: 85px;
    right: unset;
    bottom: 0;
    top: unset;
}


@media screen and (min-width:1201px) { 
	#newsBox .newsBox:nth-child(3n+2){margin: 0 30px 54px;}
}

@media screen and (max-width:1200px) {
	#newsBox .newsBox:nth-child(odd){margin: 0 30px 54px 0;}
	
	#newsBox{width: 782px !important;}
}



/*====== アニメーション =====*/
/* scroll-fade anmt_lb2rt anm_delay4 */

.anmt_delay1{transition: all 1.2s ease-in .1s !important;}
.anmt_delay2{transition: all 1.2s ease-in .2s !important;}
.anmt_delay3{transition: all 1.2s ease-in .3s !important;}
.anmt_delay4{transition: all 1.2s ease-in .4s !important;}
.anmt_delay5{transition: all 1.2s ease-in .5s !important;}
.anmt_delay6{transition: all 1.2s ease-in .6s !important;}
.anmt_delay7{transition: all 1.2s ease-in .7s !important;}
.anmt_delay8{transition: all 1.2s ease-in .8s !important;}
.anmt_delay9{transition: all 1.2s ease-in .9s !important;}
.anmt_delay10{transition: all 1.2s ease-in 1.0s !important;}
.anmt_delay11{transition: all 1.2s ease-in 1.1s !important;}
.anmt_delay12{transition: all 1.2s ease-in 1.2s !important;}
.anmt_delay13{transition: all 1.2s ease-in 1.3s !important;}
.anmt_delay14{transition: all 1.2s ease-in 1.4s !important;}
.tranNone{transition: all 0s ease-in 0s !important;}

.anmt_opacity0, .anmt_opacity0_2, .anmt_opacity0_3{ 
	-webkit-opacity: 0; opacity: 0;
}

.anmt_opacity1{
	-webkit-opacity: 1 !important; opacity: 1 !important;
	transition: all .8s ease-in;
}

.anmt_opacity1_2{
	-webkit-opacity: .1 !important; opacity: .1 !important;
	transition: all .8s ease-in;
}

.anmt_opacity1_3{
	-webkit-opacity: .2 !important; opacity: .2 !important;
	transition: all .8s ease-in;
}

.anmt_l2rScale{
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translateX(-100%) scale(-1);
	transform:translateX(-100%) scale(-1);		
}

.anmt_l2rScale_trsfrm{
	-webkit-opacity: 1 !important; opacity: 1 !important;
	-webkit-transform:translateX(0) scale(-1) !important;
	transform:translateX(0) scale(-1) !important;
	transition: all .8s ease-in;
}

.anmt_r2lScale{
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translateX(100%) scale(1);
	transform:translateX(100%) scale(1);
}

.anmt_r2lScale_trsfrm{
	-webkit-opacity: 1 !important; opacity: 1 !important;
	-webkit-transform:translateX(0) scale(1) !important;
	transform:translateX(0) scale(1) !important;
	transition: all .8s ease-in;
}

.anmt_l2r, .anmt_menu, .anmt_l2r_opa{ /* 左から右に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);	
}

.anmt_r2l{ /* 右から左に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translateX(100%);
	transform:translateX(100%);	
}

.anmt_l2r2l_trsfrm{ /* 左右に動くアニメーション */
	-webkit-opacity: 1 !important; opacity: 1 !important;
	-webkit-transform:translateX(0) !important;
	transform:translateX(0) !important;
	transition: all .8s ease-in;
}

.anmt_l2r_opa_trnsfrm{
	-webkit-opacity: .2 !important; opacity: .2 !important;
	-webkit-transform:translateX(0) !important;
	transform:translateX(0) !important;
	transition: all .8s ease-in;
}

.anmt_t2b{ /* 上から下に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translateY(-200px);
	transform:translateY(-200px);	
}

.anmt_b2t{ /* 下から上に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translateY(200px);
	transform:translateY(200px);	
}

.anmt_t2b2t_trsfrm{ /* 上下に動くアニメーション */
	-webkit-opacity: 1 !important; opacity: 1 !important;
	-webkit-transform:translateY(0) !important;
	transform:translateY(0) !important;
	transition: all .8s ease-in;
}

.anmt_lb2rt{ /* 左下から右上に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translate(-250px,150px);
	transform:translate(-250px,150px);	
}

.anmt_rb2lt{ /* 右下から左上に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translate(200px,100px);
	transform:translate(200px,100px);	
}

.anmt_lt2rb{ /* 左上から右下に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translate(-250px,100px);
	transform:translate(-250px,100px);	
}

.anmt_rt2lb{ /* 右上から左下に動くelement */
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translate(250px,-100px);
	transform:translate(250px,-100px);	
}

.anmt_angle_trnsfrm, .logo_trnsfrm{ /* 上下左右に動くアニメーション */ /* ロゴを動かさない場合は.logo_trnsfrmを外す */
	-webkit-opacity: 1 !important; opacity: 1 !important;
	-webkit-transform:translate(0px,0px) !important;
	transform:translate(0px,0px) !important;
	transition: all .8s ease-in;
}




.styleBody .recBtn{
	display: block !important;
    margin: 35px auto !important;
    width: 300px;
}
.styleBody .recBtn i, .styleBody .recBtn span{
	position: absolute; top: 0; bottom: 0; margin: auto; color: #fff;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}
.styleBody .recBtn i{
	font-size: 22px; left: 22px;
}
.styleBody .recBtn span{
	display: block; font-weight: 700; font-size: 16px; left: 0; right: 0;
}


.reseave_btn .recBtn{
	display: block !important;
    margin: 0px auto !important;
    width: 400px;
}
.reseave_btn .recBtn i, .reseave_btn .recBtn span{
	position: absolute; top: 0; bottom: 0; margin: auto; color: #fff;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
}
.reseave_btn .recBtn i{
	font-size: 22px; left: 22px;
}
.reseave_btn .recBtn span{
	display: block; font-weight: 700; font-size: 16px; left: 0; right: 0;
	text-align: center;
	line-height: 40px;
	color: #fff!important;
}