/*=====================================
	TEMP css
====================================== */

/*	reset
============================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/*	both
============================== */
#wrapper{
	width: 100%;
	height: 100%;
}
.cover{
	
}
.z-index-ie{
	z-index:2;
}

li{
	list-style: none;
}


/* text */
body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"
  word-break: break-all;
  color:#555555;
}
.color-01{
	color: #5091e5;
}
.color-02{
	color: #ff5778;
}
.color-03{
	color: #f2f124;
}
.color-04{
	color: #581fcc;
}
.color-05{
	color: #ff6f00;
}
.text-cancel{
	text-decoration: line-through;
	color: red;
}
a:link {
	text-decoration:none;
	color:#555555;
}
a:visited {
	text-decoration:none;
	color:#555555;
}
a:hover {
	text-decoration:underline;
	color:#555555;
}
a:active {
	text-decoration:underline;
	color:#555555;
}
.copyright a:link{color:#555555; text-decoration:none}
.copyright a:visited{color:#555555; text-decoration:none}
.copyright a:active{color:#555555; text-decoration:none}
.copyright a:hover{color:#555555; text-decoration:none; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; transition:all 0.5s ease;
}
.update-text a:link{color:#271b13; text-decoration:none}
.update-text a:visited{color:#271b13; text-decoration:none}
.update-text a:active{color:#271b13; text-decoration:none}
.update-text a:hover{color:#271b13; text-decoration:underline}
.news-text a:link{color:#5091e5; text-decoration:underline}
.news-text a:visited{color:#5091e5; text-decoration:none}
.news-text a:active{color:#5091e5; text-decoration:none}
.news-text a:hover{color:#5091e5; text-decoration:none; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; transition:all 0.5s ease;
}
.special-text a:link{color:#5091e5; text-decoration:underline}
.special-text a:visited{color:#5091e5; text-decoration:none}
.special-text a:active{color:#5091e5; text-decoration:none}
.special-text a:hover{color:#5091e5; text-decoration:none; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; transition:all 0.5s ease;
}
img{
	vertical-align:bottom;
}
.cleartext {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:2em;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.alttext{
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.tbs-gfooter-btn,
.tbs-gfooter-share{
	z-index: 998 !important;
}
@media all and (min-width: 768px) {
	.br-pc {
		display:block;
	}
	.br-sp {
		display:none;
	}
	.sp_none{
		display:block;
	}
	.youtube_wrap {
		width: 560px;
		margin: 0 auto;
	}
	.pc-only{
		display:block;
	}
	.sp-only{
		display:none;
	}
}
@media all and (max-width: 767px) {
	.br-pc {
		display:none;
	}
	.br-sp {
		display:block;
	}
	.sp_none{
		display:none;
	}
	.pc-only{
		display:none;
	}
	.sp-only{
		display:block;
	}
}


/*	background
============================== */
body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}

/*	page top
============================== */
p.pgt {
	z-index:20;
}
p.pgt a, p.pgt span {
	display:block;
}
@media all and (min-width: 768px) {
	p.pgt {
		position:fixed;
		right:40px;
		bottom:40px;
	}
	p.pgt a {
		background-image:url(../img/cmn_pgt.png);
		background-repeat:no-repeat;
		background-position:left top;
		width:104px;
		height:117px;
		text-indent:110%;
		white-space:nowrap;
		overflow:hidden;
	}
}

@media all and (max-width: 767px) {
	p.pgt {
		display: none;
	}
}


/*GNAV
============================== */


@media all and (min-width: 768px) {
	#top-logo{
		width: 320px;
		height: 167px;
		background-image: url("../img/top_logo@2x.png");
		background-size: cover;
		background-repeat: no-repeat;
		float: left;
	}
	#under-logo{
		width: 230px;
		height: 120px;
		background-image: url("../img/top_logo@2x.png");
		background-size: cover;
		background-repeat: no-repeat;
		float: left;
	}
	#top-gnav-pc,
	#under-gnav-pc{
		width: 690px;
		margin: -14px 0 0 0;
		display: flex;
		justify-content: space-between;
		float: right;
	}
	.top-gnav-list{
		width: 90px;
		height: 115px;
	}
	.top-gnav-list img{
		width: 90px;
		height: 115px;
	}
	.btn {
		position: relative;
		margin: 0 auto;
		display: block;
		overflow: hidden;
		cursor: pointer;
	}
	.btn img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		display: block;
		-webkit-transition: .1s ease-in-out;
		transition: .1s ease-in-out;
	}
	.btn img:nth-of-type(1) {
		opacity: 0;
	}
	.btn:hover img:nth-of-type(2) {
		opacity: 0;
	}
	.btn:hover img:nth-of-type(1) {
		opacity: 1;
	}
}
@media all and (max-width: 767px) {
	#top-gnav-pc,
	#under-gnav-pc{
		display: none;
	}
	#top-logo{
		width: 44%;
		padding-top: 40%;
		background-image: url("../img/top_logo@2x.png");
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		top :-5%;
		left: 5%;
		z-index: 200;
		display: block;
		-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	}
	#under-logo{
		width: 115px;
		height: 60px;
		margin: 0 auto;
		background-image: url("../img/top_logo@2x.png");
		background-size: cover;
		background-repeat: no-repeat;
	}
}



/*	FOOTER
============================== */
@media all and (min-width: 768px) {
	.top-footer{
		width: 100%;
		margin: -260px 0 0;
	}
	.top-footer-inner{
		background: #8dc4eb;
		margin: -10px 0 0;
		padding: 0px 0 100px;
		z-index: 10;
	}
	.footer-upstate{
		width: 100%;
		height: 260px;
		background: url("../img/footer_bg.png");
		background-repeat: repeat-x;
		background-position: center;
		filter: drop-shadow(0px -10px 5px rgba(0,0,0,0.2));
		z-index: 1;
	}
	.footer-banner{
		width: 1000px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
	}
	.footer-banner li{
		width: 400px;
		margin: 30px;
	}
	.footer-banner li img{
		width: 100%;
	}
	
	.footer-copyright-area{
		width: 1000px;
		margin: 0 auto;
	}
	.copyright{
		font-size: 14px;
		line-height: 1.5em;
		letter-spacing: 0.1em;
		color: #5b5b5b;
		font-weight: bold;
		text-align: center;
	}
}

@media all and (max-width: 767px) {
	.top-footer{
		width: 100%;
		margin: -190px 0 0;
	}
	.top-footer-inner{
		background: #8dc4eb;
		margin: -1em 0 0;
		padding: 1em 0 5em;
		z-index: 10;
	}
	.footer-upstate{
		width: 100%;
		height: 200px;
		background: url("../img/footer_bg.png");
		background-repeat: repeat-x;
		background-position: center;
		background-size: cover;
		filter: drop-shadow(0px -8px 5px rgba(0,0,0,0.2));
		z-index: 1;
	}
	.footer-banner{
		width: 100%;
		margin: 0 auto 1.5em;	
	}
	.footer-banner li{
		width: 60%;
		margin: 5% 20%;
	}
	.footer-banner li img{
		width: 100%;
	}
	
	.footer-copyright-area{
		width: 90%;
		margin: 0 auto;
	}
	.copyright{
		font-size: 0.6em;
		line-height: 1.5em;
		letter-spacing: 0.1em;
		color: #5b5b5b;
		font-weight: bold;
		text-align: center;
	}

}



/*	OTHER CSS
============================== */

#snowwrap{
	position: fixed;
    width: 100%;
	height: 120%;
    top: 0px;
    left: 0px;
    z-index: -5;
    overflow: hidden;
    background: rgb(255, 255, 255);
}
.snowfall-flakes{
	opacity: 0.5;
}

@media all and (min-width: 768px) {
	
}

@media all and (max-width: 767px) {

}
/*=====================
	snowf-flakes　回転
=====================*/

.snowfall-flakes {
	-webkit-animation: spin 2.0s linear infinite;
	-moz-animation: spin 2.0s linear infinite;
	-ms-animation: spin 2.0s linear infinite;
	-o-animation: spin 2.0s linear infinite;
	animation: spin 2.0s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.timing01{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-delay: 1.0s;
  animation-delay:1.0s;
}
.timing02{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  /* 4秒待ってからアニメーションする */
  -webkit-animation-delay: 2.5s;
  animation-delay:2.5s;
}
.timing03{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.2s;
  animation-delay:2.2s;
}
.timing04{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.4s;
  animation-delay:2.4s;
}
.timing05{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.5s;
  animation-delay:2.5s;
}
.timing06{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.6s;
  animation-delay:2.6s;
}
.timing07{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.7s;
  animation-delay:2.7s;
}
.timing08{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.8s;
  animation-delay:2.8s;
}
.timing09{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.9s;
  animation-delay:2.9s;
}
.timing10{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 3.0s;
  animation-delay:3.0s;
}
.timing11{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 3.1s;
  animation-delay:3.1s;
}



/*SP保存禁止*/
img{
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}