/* サイト共通 */

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	font:normal 62.5% "Avenir Next",'Montserrat', Verdana,Roboto,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	overflow-y: scroll;
	-webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body { font-size:14px; font-size:1.4rem;
	background-color:#fff; margin:0; line-height:1.5em;
}
a{color:#000; text-decoration:none;}
a:hover{ color:#999; }
h1,h2,h3{
	font-weight:bold; letter-spacing:1px;
	margin: 0 auto;
	line-height:1.5em;
	text-align:center;
}
h1{
	font-size:24px; font-size:2.4rem;
	padding:20px 0 0;
}
h2{
	font-size:25px; font-size:2.5rem;
	position:relative;
	padding:20px 0;
}
.head_border{	display:inline-block;}
h3{
	font-size:16px; font-size:1.6rem;
	margin:0 auto 15px; padding:25px 0 0;
}
img{ border:0;}
ul{ list-style-type:none; margin:0; padding:0;}
#container,#header,#contents,#foot{
	margin:0 auto; padding:0;}
.wrap{max-width:960px; margin:0 auto; padding:10px 10px 35px; position:relative;}
.wrap2{margin:0 auto; padding:10px 20px 20px; text-align:center;}
hr{border:1px solid #ccc; height:1px; border-width:1px 0 0 0;}
.bold{ font-weight:bold;}
.normal{ font-weight:normal;}
.text91{ font-size:9px; font-size:0.9rem;}
.text10{ font-size:10px; font-size:1rem;}
.text11{ font-size:11px; font-size:1.1rem;}
.text12{ font-size:12px; font-size:1.2rem;}
.text13{ font-size:13px;font-size:1.3rem;}
.text14{ font-size:14px; font-size:1.4rem;}
.text15{ font-size:15px; font-size:1.5rem;}
.text16{ font-size:16px;font-size:1.6rem;}
.text17{ font-size:17px; font-size:1.7rem;}
.text18{ font-size:18px;font-size:1.8rem;}
.red{ color:#f32e66;}
.gray{ color:gray;}
.bold{ font-weight:bold;}


@media screen and (max-width: 640px){
	.wrap2{text-align:left;}
	.head_border{ width:100%;}
	h2,h3{text-align:left; }
}

/* Container */
#container{ margin: 0 auto; min-width:769px;}

@media screen and (max-width: 768px){
	#container{ max-width:768px; min-width:641px;}
}
@media screen and (max-width:640px){
	#container{ max-width:640px; min-width:320px;}
}


/* Header & Global Navi Style */
#header{ border-bottom:solid 1px #999; max-width:960px;}
.logo img{ height:30px;}
.logo img:hover{opacity:0.6;}
#g_navi	{ display:block; max-width:100%; font-weight:bold; font-size:14px; font-size: 1.4rem; letter-spacing:1px;}
#g_navi ul{ padding:10px; text-align:center;}
#g_navi li{ display:inline-block; text-align:center; line-height:1.2em; font-weight:normal;}
#g_navi span{ font-size:9px; font-size: 0.9rem;}
#g_navi a { display:block; padding:5px 10px; color:#999;}
#g_navi a:hover { color:#333;}
#g_navi .current{color:#333;}
#g_navi .current span{color:inherit;}
#toggle_menu{
	display:none;
	cursor:pointer;
	position:absolute; right:30px; top:20px;
	margin:0; padding:0;
}

@media screen and (max-width: 768px){
}
@media screen and (max-width:640px){
	#header{
		position:fixed; top:0; z-index:9999;
		width:100%; height:70px;
		background:#fff;}
	#contents{padding-top:70px;}
	h1{text-align:left; padding:20px 30px;}
	#toggle_menu{display:block;	-webkit-transition-property:-webkit-transform;
  -webkit-transition-duration:0.2s;
  transition-property:transform;
  transition-duration:0.2s;}
	.after{
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
	}
	#g_navi{
		display:none; position:fixed; z-index:9999;
		background-color:rgba( 255, 255, 255, 0.95 );
		width:100%; height:100%;
		margin-top: 1px;
	}
	#g_navi ul{
		font-size:20px; font-size: 2rem;
		padding-top:30px;
 }
	#g_navi li{ display:block; padding:10px 0;}
	#g_navi br{ display:none;}
	#g_navi span{
		display:inline-block;	padding-left:15px;
		font-size:11px; font-size: 1.1rem; color:#666;}
	#g_navi a:hover span{ color:inherit;}
}


/* Contents */
#contents a{ border-bottom:solid 1px #ccc;}
#contents .b_wrap a{display:inline-block;border-bottom:0;margin:5px;}


/* Footer */
#foot{width:100%; text-align: center; background:#707070; color:#fff;}


/* ScrollTop */
#scrolltop {
	display: none; position: fixed; right: 40px; bottom: 40px; z-index: 50;
	background:#999;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
	opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;
	font-size:28px; font-size:2.8rem;
	width:65px; height:65px; overflow: hidden;
	text-align:center;
}
#scrolltop a{ color:#fff; display:block;}
.tf{ display:inline-block;
	-moz-transform:scale; -webkit-transform: scale(2,1); -o-transform:scale(2,1);-ms-transform:scale(2,1); transform:scale(2,1);
	line-height: 65px;
}

@media screen and (max-width: 970px){
	#scrolltop {
		right:0; right:10px; bottom:0;
		border-radius:8px 8px 0px 0px; -moz-border-radius:8px 8px 0px 0px; -webkit-border-radius:8px 8px 0px 0px;
		font-size:20px; font-size:2rem;
		height:40px;
	}
	.tf{ line-height: 40px;}
}

/* ad */
.tdftad { text-align:left;}
.tdftad a { text-decoration: none;font-size:10px; color:#999;}
.tdftad li a:link { color:#999;}
.tdftad a:active { color:#ccc;}
.tdftad a:visited { color:#999;}
.tdftad a:hover { color:#ccc;}