/*------------------------------------------

	common

------------------------------------------*/

html{
    width: 100%;
    height: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}
body{
    width: 100%;
    height: 100%;
	font-size: 1.6em;
	font-family: 'Rajdhani','Josefin Sans', sans-serif;
	font-weight: 500;
	line-height: 1.7;
	position: relative;
}
ul,ol,li{ list-style-type: none; padding: 0; margin: 0;}
img{
	max-width: 100%;
	height: auto;
	border: 0;
}
a{
	text-decoration: none;
	color: inherit;
	transition: .7s;
}
a:hover { opacity: .7;}
a img{
	transition: .7s;
}
a:hover img{
	opacity: .7;
	filter: alpha(opacity=70);
	zoom: 1;
}


/*PC*/
@media screen and (min-width: 768px) {
	.pcno{ display: none; }
	.fb.pcno{ display: none; }
	.tbno{ display: none; }

	body.hed-fix{
		margin-top: 95.55px;
	}
	header {
		top: -30%;
		left: 0;
		transition: .6s;
	}
	.hed-fix header {
		background-color: rgba(255,255,255,.95);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
	}
	.anchor {
		display: inline-block;
		padding-top: 68px;
		margin-top: -68px;
	}

}/*END*/


/*Smartphone*/
@media screen and (max-width: 767px) {
	img{ width: 100%; }
	.smno{ display: none; }
	.tbno{ display: none; }

	/*iOSタップ時のバグ対応*/
	a:hover img{
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}
}/*END*/



/*------------------------------------------

	汎用クラス

------------------------------------------*/

/*	テキスト関係
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.t-center{ text-align: center; }
.t-left{ text-align: left; }
.t-right{ text-align: right; }
.t-jus{ text-align: justify; }

.mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    /* 追加 */
    transform: rotate(.03deg);
}
.t-bold { font-weight: bold; }
.t-ita { font-style: italic; }


/*	clearfix
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.cb{ clear: both; }
.cf::after{
	content: "";
	display: block;
	clear: both;
}


/*	ホバー透過
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.op:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	zoom: 1;
}


/*	マージン
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb25{ margin-bottom: 25px; }
.mb30{ margin-bottom: 30px; }
.mb35{ margin-bottom: 35px; }
.mb40{ margin-bottom: 40px; }
.mb45{ margin-bottom: 45px; }
.mb50{ margin-bottom: 50px; }
.mb55{ margin-bottom: 55px; }
.mb60{ margin-bottom: 60px; }
.mb65{ margin-bottom: 65px; }
.mb70{ margin-bottom: 70px; }
.mb75{ margin-bottom: 75px; }
.mb80{ margin-bottom: 80px; }
.mb85{ margin-bottom: 85px; }
.mb90{ margin-bottom: 90px; }
.mb95{ margin-bottom: 95px; }
.mb100{ margin-bottom: 100px; }
.mb105{ margin-bottom: 105px; }
.mb110{ margin-bottom: 110px; }
.mb115{ margin-bottom: 115px; }
.mb120{ margin-bottom: 120px; }
.mb125{ margin-bottom: 125px; }
.mb130{ margin-bottom: 130px; }
.mb135{ margin-bottom: 135px; }
.mb140{ margin-bottom: 140px; }
.mb145{ margin-bottom: 145px; }
.mb150{ margin-bottom: 150px; }
.mb155{ margin-bottom: 155px; }
.mb160{ margin-bottom: 160px; }
.mb165{ margin-bottom: 165px; }
.mb170{ margin-bottom: 170px; }
.mb175{ margin-bottom: 175px; }
.mb180{ margin-bottom: 180px; }
.mb185{ margin-bottom: 185px; }
.mb190{ margin-bottom: 190px; }
.mb195{ margin-bottom: 195px; }
.mb200{ margin-bottom: 200px; }
.mb205{ margin-bottom: 205px; }
.mb210{ margin-bottom: 210px; }
.mb215{ margin-bottom: 215px; }
.mb220{ margin-bottom: 220px; }
.mb225{ margin-bottom: 225px; }
.mb230{ margin-bottom: 230px; }
.mb235{ margin-bottom: 235px; }
.mb240{ margin-bottom: 240px; }
.mb245{ margin-bottom: 245px; }
.mb250{ margin-bottom: 250px; }
.mb255{ margin-bottom: 255px; }
.mb260{ margin-bottom: 260px; }
.mb265{ margin-bottom: 265px; }
.mb270{ margin-bottom: 270px; }
.mb275{ margin-bottom: 275px; }
.mb280{ margin-bottom: 280px; }
.mb285{ margin-bottom: 285px; }
.mb290{ margin-bottom: 290px; }
.mb295{ margin-bottom: 295px; }
.mb300{ margin-bottom: 300px; }

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

    /*margin*/
    .mb5{ margin-bottom: 2px; }
    .mb10{ margin-bottom: 5px; }
    .mb15{ margin-bottom: 7px; }
    .mb20{ margin-bottom: 10px; }
    .mb25{ margin-bottom: 12px; }
    .mb30{ margin-bottom: 15px; }
    .mb35{ margin-bottom: 17px; }
    .mb40{ margin-bottom: 20px; }
    .mb45{ margin-bottom: 22px; }
    .mb50{ margin-bottom: 25px; }
    .mb55{ margin-bottom: 27px; }
    .mb60{ margin-bottom: 30px; }
    .mb65{ margin-bottom: 32px; }
    .mb70{ margin-bottom: 35px; }
    .mb75{ margin-bottom: 37px; }
    .mb80{ margin-bottom: 40px; }
    .mb85{ margin-bottom: 42px; }
    .mb90{ margin-bottom: 45px; }
    .mb95{ margin-bottom: 47px; }
    .mb100{ margin-bottom: 50px; }
    .mb105{ margin-bottom: 52px; }
    .mb110{ margin-bottom: 55px; }
    .mb115{ margin-bottom: 57px; }
    .mb120{ margin-bottom: 60px; }
    .mb125{ margin-bottom: 62px; }
    .mb130{ margin-bottom: 65px; }
    .mb135{ margin-bottom: 67px; }
    .mb140{ margin-bottom: 70px; }
    .mb145{ margin-bottom: 72px; }
    .mb150{ margin-bottom: 75px; }
    .mb155{ margin-bottom: 77px; }
    .mb160{ margin-bottom: 80px; }
    .mb165{ margin-bottom: 82px; }
    .mb170{ margin-bottom: 85px; }
    .mb175{ margin-bottom: 87px; }
    .mb180{ margin-bottom: 90px; }
    .mb185{ margin-bottom: 92px; }
    .mb190{ margin-bottom: 95px; }
    .mb195{ margin-bottom: 97px; }
    .mb200{ margin-bottom: 100px; }
    .mb205{ margin-bottom: 102px; }
    .mb210{ margin-bottom: 105px; }
    .mb215{ margin-bottom: 107px; }
    .mb220{ margin-bottom: 110px; }
    .mb225{ margin-bottom: 112px; }
    .mb230{ margin-bottom: 115px; }
    .mb235{ margin-bottom: 116px; }
    .mb240{ margin-bottom: 120px; }
    .mb245{ margin-bottom: 122px; }
    .mb250{ margin-bottom: 125px; }
    .mb255{ margin-bottom: 127px; }
    .mb260{ margin-bottom: 130px; }
    .mb265{ margin-bottom: 132px; }
    .mb270{ margin-bottom: 135px; }
    .mb275{ margin-bottom: 137px; }
    .mb280{ margin-bottom: 140px; }
    .mb285{ margin-bottom: 142px; }
    .mb290{ margin-bottom: 145px; }
    .mb295{ margin-bottom: 147px; }
    .mb300{ margin-bottom: 150px; }

    /*margin*/
	.sm-mb5{ margin-bottom: 5px; }
	.sm-mb10{ margin-bottom: 10px; }
	.sm-mb15{ margin-bottom: 15px; }
	.sm-mb20{ margin-bottom: 20px; }
	.sm-mb25{ margin-bottom: 25px; }
	.sm-mb30{ margin-bottom: 30px; }
	.sm-mb35{ margin-bottom: 35px; }
	.sm-mb40{ margin-bottom: 40px; }
	.sm-mb45{ margin-bottom: 45px; }
	.sm-mb50{ margin-bottom: 50px; }
	.sm-mb55{ margin-bottom: 55px; }
	.sm-mb60{ margin-bottom: 60px; }
	.sm-mb65{ margin-bottom: 65px; }
	.sm-mb70{ margin-bottom: 70px; }
	.sm-mb75{ margin-bottom: 75px; }
	.sm-mb80{ margin-bottom: 80px; }
	.sm-mb85{ margin-bottom: 85px; }
	.sm-mb90{ margin-bottom: 90px; }
	.sm-mb95{ margin-bottom: 95px; }
	.sm-mb100{ margin-bottom: 100px; }
	.sm-mb105{ margin-bottom: 105px; }
	.sm-mb110{ margin-bottom: 110px; }
	.sm-mb115{ margin-bottom: 115px; }
	.sm-mb120{ margin-bottom: 120px; }
	.sm-mb125{ margin-bottom: 125px; }
	.sm-mb130{ margin-bottom: 130px; }
	.sm-mb135{ margin-bottom: 135px; }
	.sm-mb140{ margin-bottom: 140px; }
	.sm-mb145{ margin-bottom: 145px; }
	.sm-mb150{ margin-bottom: 150px; }
	.sm-mb155{ margin-bottom: 155px; }
	.sm-mb160{ margin-bottom: 160px; }
	.sm-mb165{ margin-bottom: 165px; }
	.sm-mb170{ margin-bottom: 170px; }
	.sm-mb175{ margin-bottom: 175px; }
	.sm-mb180{ margin-bottom: 180px; }
	.sm-mb185{ margin-bottom: 185px; }
	.sm-mb190{ margin-bottom: 190px; }
	.sm-mb195{ margin-bottom: 195px; }
	.sm-mb200{ margin-bottom: 200px; }
	.sm-mb205{ margin-bottom: 205px; }
	.sm-mb210{ margin-bottom: 210px; }
	.sm-mb215{ margin-bottom: 215px; }
	.sm-mb220{ margin-bottom: 220px; }
	.sm-mb225{ margin-bottom: 225px; }
	.sm-mb230{ margin-bottom: 230px; }
	.sm-mb235{ margin-bottom: 235px; }
	.sm-mb240{ margin-bottom: 240px; }
	.sm-mb245{ margin-bottom: 245px; }
	.sm-mb250{ margin-bottom: 250px; }
	.sm-mb255{ margin-bottom: 255px; }
	.sm-mb260{ margin-bottom: 260px; }
	.sm-mb265{ margin-bottom: 265px; }
	.sm-mb270{ margin-bottom: 270px; }
	.sm-mb275{ margin-bottom: 275px; }
	.sm-mb280{ margin-bottom: 280px; }
	.sm-mb285{ margin-bottom: 285px; }
	.sm-mb290{ margin-bottom: 290px; }
	.sm-mb295{ margin-bottom: 295px; }
	.sm-mb300{ margin-bottom: 300px; }

}/*end*/





/*	float
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.fl-r {
	float: right;
}
.fl-l {
	float: left;
}

/*Smartphone*/
@media screen and (max-width: 767px) {
	.fl-smno { float: none;}
}/*end*/

/*	flexbox
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.fb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fb-both { /*両端揃え*/
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.fb-right { /*右寄せ*/
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
.fb-center { /*中央揃え*/
	justify-content: center;
	-webkit-justify-content: center;
}
.fb-rev {
    flex-direction: row-reverse;
}
.fb-col-rev {
    flex-direction: column-reverse;
}
.fb-al-center {
	align-items: center;
}

.w10 { width: 10%!important;max-width: none!important;}
.w15 { width: 15%!important;max-width: none!important;}
.w20 { width: 20%!important;max-width: none!important;}
.w25 { width: 25%!important;max-width: none!important;}
.w30 { width: 30%!important;max-width: none!important;}
.w33 { width: 33.333%!important;max-width: none!important;}
.w35 { width: 35%!important;max-width: none!important;}
.w40 { width: 40%!important;max-width: none!important;}
.w45 { width: 45%!important;max-width: none!important;}
.w50 { width: 50%!important;max-width: none!important;}
.w55 { width: 55%!important;max-width: none!important;}
.w60 { width: 60%!important;max-width: none!important;}
.w65 { width: 65%!important;max-width: none!important;}
.w70 { width: 70%!important;max-width: none!important;}
.w75 { width: 75%!important;max-width: none!important;}
.w80 { width: 80%!important;max-width: none!important;}
.w85 { width: 85%!important;max-width: none!important;}
.w90 { width: 90%!important;max-width: none!important;}
.w95 { width: 95%!important;max-width: none!important;}
.w100 { width: 100%!important;max-width: none!important;}

/*Smartphone*/
@media screen and (max-width: 767px) {
	.fb-smno { width: 100%!important;}
}/*end*/