@charset "utf-8";

*{margin:0; padding:0;}


*{font-family:"游明朝", a-otf-futo-min-a101-pr6n, serif,"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
-webkit-font-font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "游明朝",a-otf-futo-min-a101-pr6n, serif, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";}
.minchyo{font-family:"游明朝", a-otf-futo-min-a101-pr6n, serif,"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";
-webkit-font-font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "游明朝",a-otf-futo-min-a101-pr6n, serif, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";}

.gosick{font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}


#wrap{width:80%; max-width:1200px; margin:0 auto;}
		@media screen and ( max-width:816px ){#wrap{width:90%; margin:0 auto;}}



img{border:0;}

a, a:link, a:visited{text-decoration:none;}

p{font-size:16px;}
		@media screen and ( max-width:816px ){p{font-size:3.6vw;}}


.ta_c{text-align:center;}
.ta_l{text-align:left;}
.ta_r{text-align:right;}

.mt0{margin-top:0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt120{margin-top:120px;}
.mt140{margin-top:140px;}
.mt160{margin-top:160px;}
.mt180{margin-top:180px;}
.mt200{margin-top:200px;}

.pt0{padding-top:0;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}

.mb0{margin-bottom:0;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb120{margin-bottom:120px;}
.mb140{margin-bottom:140px;}
.mb160{margin-bottom:160px;}
.mb180{margin-bottom:180px;}
.mb200{margin-bottom:200px;}

.fs50p{font-size:50%;}
.fs60p{font-size:60%;}
.fs70p{font-size:70%;}
.fs80p{font-size:80%;}
.fs90p{font-size:90%;}
.fs100p{font-size:100%;}
.fs110p{font-size:110%;}
.fs120p{font-size:120%;}
.fs130p{font-size:130%;}
.fs140p{font-size:140%;}
.fs150p{font-size:150%;}
.fs160p{font-size:160%;}
.fs180p{font-size:180%;}
.fs200p{font-size:200%;}
.fs250p{font-size:250%;}
.fs300p{font-size:300%;}

.w30p{width:30%;}
.w40p{width:40%;}
.w50p{width:50%;}
.w60p{width:60%;}
.w70p{width:70%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w100p{width:100%;}
.w120p{width:120%;}
.w140p{width:140%;}
.w150p{width:150%;}

.w30pm{width:30%; margin-left:auto; margin-right:auto;}
.w40pm{width:40%; margin-left:auto; margin-right:auto;}
.w50pm{width:50%; margin-left:auto; margin-right:auto;}
.w60pm{width:60%; margin-left:auto; margin-right:auto;}
.w70pm{width:70%; margin-left:auto; margin-right:auto;}
.w80pm{width:80%; margin-left:auto; margin-right:auto;}
.w90pm{width:90%; margin-left:auto; margin-right:auto;}
.w100pm{width:100%; margin-left:auto; margin-right:auto;}

.nobr{white-space: nowrap;}


.flcon{display:flex; flex-wrap:wrap;}
.flcon_b{display:flex; justify-content:space-between; flex-wrap:wrap;}

.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}

.clearfix:after{content:""; display:block; clear: both;}
.clearfix:before{content:"";	display:block;	clear: both;}
.clearfix{display:block;}



.sp_none{display:block;}
.sp_only{display:none;}

		@media screen and ( max-width:816px ){
		.sp_none{display:none;}
		.sp_only{display:block;}
		}

		@media screen and ( max-width:1100px ){

		}
		@media screen and ( min-width:817px ){

		}



/*スマホ用ドロップダウンメニューに関する記述*/


@media screen and ( max-width:816px ){
#sp_menu {position:fixed; top:45px; right:18px; z-index:990; opacity:0.98; height: 30px; text-align:right;}
#sp_menu #nav-open {/* position: absolute; height: 120px;*/ z-index: 991; margin: 0; background: #DFFBC0;}
#sp_menu #nav-open a {position: absolute; top: 5px; right: 10px;}
#gNav {position: fixed; left:0px; top:-825px; z-index: 100; transition: top 1.4s; 
		-webkit-transition: top 1s; -moz-transition: top 1s;
    text-align: center; background:#444; padding-top:10px; padding-left:15px; padding-right:10px; padding-bottom:10px; 
		/*box-shadow: 5px 5px 2px #ddd;*/ opacity:0.75;	border-radius: 0px; /*width:60%;*/
		border-top:3px solid #fff;
		border-right:1px solid #000;
		border-bottom:3px solid #fff;
		border-left:1px solid #000;}
#sp_menu #gNav ul li{margin:0 10px; }
#sp_menu #gNav ul, #sp_menu #gNav ul li{display:block; line-height:8.5vh; letter-spacing:2px; text-align:left; font-size:3.6vh; list-style-type:none;}
#sp_menu #gNav ul li a{text-decoration:none; color:#fff;}
#gNav:target {top:13vh; right:0;);}
.sp_drop{position:fixed; top:12px; right:5px;}
#sp_menu #gNav ul li a .small{font-size:60%;}
#sp_fb{width:40px;}
#gNav .nav-close{width:30px; height:30px; margin-left: calc(100% - 22px);}
#gNav .nav-close img{width:100%; margin-right:10px; margin-left:auto;}
#gNav a, #gNav a:link, #gNav a:visited{color:#fff; font-size:4.3vw; line-height:2.8;}
#gNav .flcon_b > div{width:48%;}
}


/*スマホ用ドロップダウンメニューに関する記述　ここまで*/





/*アニメーションここから*/
.anim01 {display:block; position:absolute; top:90px; right:3%; overflow:hidden; animation: moving11 19.5s linear 0s;}
.anim02 {display:block; position:absolute; top:calc(90px + 45px); right:3%; overflow:hidden; animation: moving11 20.75s linear 0s;}
.anim03 {display:block; position:absolute; top:calc(90px + 90px); right:3%; overflow:hidden; animation: moving11 22.0s linear 0s;}
.anim04 {display:block; position:absolute; top:calc(90px + 135px); right:3%; overflow:hidden; animation: moving11 23.25s linear 0s;;}
.anim05 {display:block; position:absolute; top:calc(90px + 180px); right:3%; overflow:hidden; animation: moving11 24.5s linear 0s;}
.anim06 {display:block; position:absolute; top:calc(90px + 225px); right:3%; overflow:hidden; animation: moving11 24.75s linear 0s;}

@keyframes moving11 {
	   0% {transform: scale(2.0); right:3000px; opacity:0;}
	66.66%{transform: scale(2.0); right:3000px; opacity:1;}
	99.9% {transform: scale(1.0); right:80px; opacity:1;}
}




/*ふわぁっと色変わり画像 by dora*/
.relative{position:relative;}
.hover_img{position:absolute; top:0; left:0;}
.hover_img:hover{transition: all 3s ease; opacity:0;}
/*ふわぁっと色変わり画像 by dora*/



/*under-lineボタン*/
.underline_c:hover:before, 
.underline_c:focus:before, 
.underline_c:active:before {left: 0px; right: 0px;}
.underline_c:before {content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0px; background: none repeat scroll 0% 0% #666;
    height: 2px; transition-property: left, right; transition-duration: 0.3s; transition-timing-function: ease-out;}
.underline_c{position: relative;}
.underline_c{padding: 0.6em; text-decoration: none; color: #000; z-index:23;}
/*under-lineボタン*/


/*両開きボタン*/
/*
.button{display: block; width: 100%; max-width: 180px; margin: 0 auto;}
.button a {position: relative; z-index: 2; display: block; width: 100%; border: 2px solid #52d3ff; border-radius: 4px; background-color: #52d3ff; color: #ffffff;
    padding: 12px 0; text-align: center; text-decoration: none; transition: .25s linear; 
	-webkit-transition: .25s linear; -moz-transition: .25s linear; -o-transition: .25s linear; -ms-transition: .25s linear;}
.button a:before {display: block; content: ""; position: absolute; z-index: -1; left: 0; top: 0; right: 0; bottom: 0; width: 0;
    height: 100%; margin: 0 auto; background-color: #52d3ff; transition: .25s ease-in-out;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		-ms-transition: .25s ease-in-out;
}
.button a:hover { color: #52d3ff; }
.button a:hover:before {width: 100%; background-color: #ffffff;}
*/
/*両開きボタン*/


/*フル画面等のscroll用アニメーション*/
#scroll_img{animation: next_btn01 1.5s ease 1.5s reverse; animation-iteration-count:infinite;}

@keyframes next_btn01 {
   0%{ padding-top:0px; padding-bottom:8px;}
   50%{ padding-top:8px; padding-bottom:0px;}
  100%{ padding-top:0px; padding-bottom:8px;}
}
/*フル画面等のscroll用アニメーション*/