@charset "utf-8";
.clearfix:after{
  content: "";
  clear: both;
  display: block
}
img{
  height: auto;
  max-width: 100% !important;
}
a{
  transition: 0.3s;
  color: #006CD8;
}
a img{
  transition: 0.3s;
}
a:hover img{
  opacity: 0.7;
}
a:hover{
  text-decoration: none;
}
p{
  word-break: break-all;
}
html,body{
  height: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: #333;
}
body{
	font-size: 14px;
}

@media screen and (max-width: 767px){
  .pc{
    display: none !important;
  }
	body{
		padding-top: 65px;
	}
	header{
		height: 65px;
		position: fixed;
		top: 0;
		width: 100%;
		background: #FFF;
		z-index: 100000;
	}
  .headerInner{
		width: 100%;
		max-width: 1580px;
		padding-bottom: 5px;
		margin: 0 auto;
	}
	#logo{
		float: left;
		width: 160px;
		margin: 10px;
	}
	
	/* bottom */
	.footerNote{
		width: 100%;
		margin: 10px 0;
		padding: 15px;
		font-size: 11px;
	}
	.footerBottom{
		background: #171D5A;
		padding-bottom: 20px;
	}
	.footerBottomInner{
		width: 100%;
		margin: 0 auto 10px;
		padding: 10px 0 15px;
		border-bottom: 1px solid #85789B;
	}
	.footerBottomInner a,.footerBottomInner a:hover{
		color:#fff;
		text-decoration: none;
	}
	.footerBnrList{
		text-align: center;
		margin-bottom: 20px;
	}
	.footerBnrList a{
		display: block;
		margin: 5px 0px;
	}
	.footerBottomInner p{
		text-align: center;
		color: #FFF;
		padding: 10px;
		font-size: 13px;
	}
	.footerInfo{
		text-align: center;
		font-size: 13px;
		color: #FFF;
		line-height: 180%;
		padding: 10px;
	}
	.footerInfo a,.footerInfo a:hover{
		color:#fff;
		text-decoration: none;
	}
	.bottomLogo{
		margin: 30px 0 10px;
		text-align: center;
	}
	.copy{
		color: #FFF;
		text-align: center;
		font-size: 13px;
	}
	#sitebottomBnr {
		width: 90%;
		margin: 0px auto 50px;
	}
}
@media print, screen and (min-width: 768px){
	.inner{
		width: 100%;
		max-width: 1580px;
		margin: 0 auto;
	}
  .sp{
    display: none !important;
  }
	.headerInner{
		width: 100%;
		max-width: 1580px;
		padding-bottom: 5px;
		margin: 0 auto;
	}
	header h1 {
    		font-size: 12px;
    		padding: 7px 0 0 10px;
	}
	#logo{
		float: left;
		height: 90px;
	}
	#logo img{
		height: 60px;
	}
	
	/* bottom */
	.footerBottom{
		background: #171D5A;
		padding-bottom: 20px;
		max-width: 1920px;
        margin: 0 auto;
	}
	.footerBottomInner{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 10px;
		padding: 50px 0 15px;
		border-bottom: 1px solid #85789B;
	}
	.footerBottomInner a,.footerBottomInner a:hover{
		color:#fff;
		text-decoration: none;
	}
	.footerBnrList{
		text-align: center;
		margin-bottom: 20px;
	}
	.footerBnrList a{
		margin: 10px 0px;
	}
	.footerBottomInner p{
		text-align: center;
		color: #FFF;
		padding: 10px;
		font-size: 13px;
	}
	.footerInfo{
		text-align: center;
		font-size: 13px;
		color: #FFF;
		line-height: 180%;
	}
	.footerInfo a,.footerInfo a:hover{
		color:#fff;
		text-decoration: none;
	}
	.bottomLogo{
		margin: 30px 0 10px;
		text-align: center;
	}
	.copy{
		color: #FFF;
		text-align: center;
		font-size: 13px;
	}
	#sitebottomBnr {
		width: 100%;
		max-width: 1150px;
		margin: 0px auto 50px;
	}
}




/* キャプション類 */
figure{position: relative;}
.cap_w,
.cap_wb,
.cap_wbl,
.cap_wbt,
.cap_b,
.cap_bw,
.cap_l{font-size: 12px;position: absolute;right: 10px;bottom: 10px;z-index: 1;line-height: 1.4;}
.cap_wbt{font-size: 12px;position: absolute;left: 10px;top: 10px;z-index: 1;line-height: 1.4;}
.cap_w{color: #fff;}
.cap_wb{color: #fff;text-shadow: 0px 0px 2px rgba(0,0,0,0.7),0px 0px 3px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7);}
.cap_wbl{color: #fff;text-shadow: 0px 0px 2px rgba(0,0,0,0.7),0px 0px 3px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7);right: auto;left: 10px;}
.cap_wbt{color: #fff;text-shadow: 0px 0px 2px rgba(0,0,0,0.7),0px 0px 3px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.7);right: auto;left: 10px;}
.cap_b{color: #000;}
.cap_bw{text-shadow: 0px 0px 2px rgba(255,255,255,0.9),0px 0px 3px rgba(255,255,255,0.9),0px 0px 2px rgba(255,255,255,0.9),0px 0px 2px rgba(255,255,255,0.9);}
.cap_o{font-size: 12px;margin-top: 7px;text-align: right;position: static;}
.cap_ol{font-size: 12px;margin-top: 7px;position: static;}
.cap_l{right: auto;left: 10px;}

@media screen and (max-width: 768px) {
.cap_w,
.cap_wb,
.cap_wbl,
.cap_b,
.cap_bw,
.cap_l{right: 5px;bottom: 5px;}
.cap_w,
.cap_wb,
.cap_b,
.cap_bw,
.cap_l,
.cap_o,
.cap_ol,
.cap_l{font-size: 11px;}
.cap_wbt{left: 5px;top: 20px;z-index: 100000;}
}