@charset "UTF-8";

/* --------------------------------------------------------
 BASE
-------------------------------------------------------- */

* {
	box-sizing: border-box;
	word-wrap:break-word;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0)!important;
}

html{
	margin:0;
	padding:0;
}

body{
	font-family: 'Noto Sans Japanese','ＭＳ ゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size:14px;
	margin:0;
	padding:0;
}

img{
	vertical-align: bottom;	
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}

header{
	position:relative;
	z-index:9900;
}
main,footer{
	position:relative;
	z-index:8000;
}


/* --------------------------------------------------------
LINKS
-------------------------------------------------------- */
a,
a:link,
a:visited{
	text-decoration:none;
	outline: none;
}

a img{
	border:none;	
}

/* --------------------------------------------------------
LIST
-------------------------------------------------------- */
ul{
	margin:0;
	padding:0;
	list-style:none;
}

/* --------------------------------------------------------
RESPONSIBLE COMMON
-------------------------------------------------------- */
.androidtxt{
	max-height: 999999px;	
}

/* --------------------------------------------------------
FONTS
-------------------------------------------------------- */
@font-face {font-family: "Pragati Narrow1";
	src: url(../font/PragatiNarrow-Bold.ttf);
}

.font-hlvtn77b{
	font-family: 'Helvetica Neue77b','ＭＳ ゴシック',sans-serif;  
}

@font-face {font-family: "Pragati Narrow2";
	src: url(../font/PragatiNarrow-Bold.ttf);
}


.font-hlvtn77b{
	font-family: 'Pragati Narrow1';
	font-weight:400!important;
}

.font-hlvtn66m{
	font-family: 'Pragati Narrow2';
	font-weight:400!important;
}

/* 
フォント
各ページにタッチデバイス判定あり
body.notouch / body.touch
タッチデバイス用クラス
.touchhover
 */
body{
	background-color:#fff;
}
@media screen and (max-width: 640px) {
	body.noscroll{
		 background-color:#000;
	}
}
/*font color black-color*/
.notouch a,
.touch a{
	color:#000;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.notouch a:hover,
.touch a.touchhover{
	color:#f4c21c;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
/*font color white-color*/
.notouch a.fcrev,.notouch a.rev *,
.touch a.fcrev,.touch a.rev *{
	color:#fff;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.notouch a.fcrev:hover,.notouch a.fcrev:hover *,
.touch a.fcrev.touchhover,.touch a.fcrev.touchhover *{
	color:#f4c21c;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
/*font color fixed*/
.notouch .fcno,.notouch .fcno *,
.touch .fcno,.touch .fcno *{
	color:#000;
}

.notouch .fcno:hover,.notouch .fcno:hover *,
.touch .fcno.touchhover,.touch .fcno.touchhover *{
	color:#000;
}

/*bg color free-color*/
.notouch a.bgc,
.touch a.bgc{
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.notouch a.bgc:hover,
.touch a.bgc.touchhover{
	background-color:#f4c21c;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.notouch a.bgfc *,
.touch a.bgfc *{
	color:#fff;
}

.notouch a.bgfc:hover *,
.touch a.bgfc.touchhover *{
	color:#fff;
}

/*img*/
.notouch a img,
.touch a img{
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.notouch a:hover img,
.touch a.touchhover img{
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

/*border color*/
.notouch .bdc,.notouch .bdc *,
.touch .bdc,.touch .bdc *{
	border-color:#ccc!important;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.notouch .bdc:hover,.notouch .bdc:hover *,
.touch .bdc .touchhover,.touch .bdc .touchhover *{
	border-color:#f4c21c!important;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

@media screen and (max-width: 640px){
	.display-pc{
		display:none;
	}
	.display-sp{
		display:block;
	}
	main{
		display:block;
		padding:105px 0 0 0;	
	}
	.fontll{
		font-size:4vw;
	}
	.f12 a,.f12 span,.f12{
		font-size:2.0vw;
	}
	.f14 a,.f14 span,.f14{
		font-size:2.2vw;
	}
	.f16 a,.f16 span,.f16{
		font-size:2.6vw;
	}
	.f20 a,.f20 span,.f20{
		font-size:2.8vw;
	}
	.f22 a,.f22 span,.f22{
		font-size:3.0vw;
	}
	.f28 a,.f28 span,.f28{
		font-size:4.0vw;
	}
}

@media screen and (min-width: 641px){
	.display-pc{
		display:block;
	}
	.display-sp{
		display:none;
	}
	.f12 a,.f12 span,.f12{
		font-size:14px;
	}
	.f14 a,.f14 span,.f14{
		font-size:16px;
	}
	.f16 a,.f16 span,.f16{
		font-size:17px;
	}
	.f20 a,.f20 span,.f20{
		font-size:22px;
	}
	.f22 a,.f22 span,.f22{
		font-size:25px;
	}
	.f28 a,.f28 span,.f28{
		font-size:30px;
	}
}