@charset "utf-8";

html,body{
text-align: center;
font-family: "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

a img:hover  {
opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=70); /* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
-khtml-opacity: .70; /* Safari 1.x */
-moz-opacity: .70; /* FF lt 1.5, Netscape */
 }

.sp_hd{display: none;}

/*======================
header
=====================*/
header{
	display: none;
}

#header_sp {
overflow: hidden;
position: fixed;
width: 100%;
height: 50px;
z-index:60;
background-color: #fff;
}

#header_sp .logo{
margin: 5px 0px 0px 0px;
background: url(/commonImage/logo.png) no-repeat;
background-size: 100%;
width: 45%;
height: 40px;
overflow:hidden;
}

#header_sp a{
display: block;
}

#header_sp .icon{
	position: absolute;
	top:5px;
	right: 15%;
	float: right;
	width: 22%;
	display: -webkit-flex; /* Safari */
  display: flex;
	-webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}
#header_sp .icon li{
	margin-right:5%;
}

#header_sp .icon li img{
	width: 100%;
}

/*======================
contents
=====================*/

.drawer-menu li{
margin-left: 15px;
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
.drawer-menu li ul {
top:0px;
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
.drawer-menu li ul li {
   width: 100%;               /* サブメニュー1項目の横幅(135px) */
   border-bottom: 1px solid #00076b; /* 項目上側の枠線(ピンク色で1pxの実線) */
   padding: 10px 0;
   margin: 0;
   line-height: 100%;
}
.drawer-menu li ul li a {
font-size: 12px;
   text-align: left;      /* 文字列の配置(左寄せ) */
   font-weight: normal;   /* 太字にはしない */
   color: #00076b;
   border-bottom: none;
   line-height: 100%;
   margin: 0;
}


.foot_bd{
height: 2%;
width: 100%;
background: #3F210F;
overflow: hidden;
margin: 0px;
padding: 0px;
clear:  both;
z-index: 10;

}

/*メニュー*/
.menu {
display: none;
}


/*パンくず*/
.breadCrumb{
width: 100%;
	text-align: left;
	font-size: 0.8em;
overflow: hidden;
	margin: 0px auto 0px;
	padding-top: 50px;
}
.breadCrumb ol{
width: 100%;
text-align: left;
padding: 0;
margin: 0;
}
.breadCrumb li{
float: left;
}

.pagination{
	text-align: center;
}

/*
==========================================================
footer
==========================================================
*/
footer {
	width:100%;
	height:auto;
	padding:0px;
	margin:0px auto 0px auto;
	overflow:hidden;
	background: #fff;
	bottom: 0;
}

footer .footer_menu{
	width: 100%;
	margin: 0px auto;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 10px 0px;
}
footer .footer_menu li{
	width: 50%;
	line-height: 200%;
}
footer .footer_menu a{
	text-decoration: none;
	color: #222;
}
footer .footer_menu a.sitemap{
	background: #000;
	color: #fff;
	padding: 8px;
	border-radius: 25px;
}

footer .foot{
	width: 100%;
	margin: 20px auto;
	overflow: hidden;
}

footer .footer_logo{
	text-align: center;
	margin: 0px auto 20px auto;
	padding: 0px 0px 0px 0px;
	border-right: 1px solid #ccc;
	width: 90%;
	height: 60px;
}
footer .footer_logo img{
	width: 100%;
}

footer .footer_catch{
	width: 100%;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px 10px 0px 0px;
}
footer .footer_catch .sub_menu{
	color: #23398C;
	font-size: 0.8em;
	margin: 0px auto 0px;
	width: 90%;
}
footer .footer_catch .sub_text{
	color: #000;
	font-size: 0.8em;
	margin: 0px auto 0px;
	width: 90%;
}


footer .contact_btn{
	width: 80%;
	background:#24398C;
	padding: 5px 10px;
	margin: 10px auto 0px auto;
}
footer .contact_btn a{
	color: #fff;
	text-decoration: none;
}


footer .footer_sp_menu{
	display: none;
}

footer .copyright{
	width: 100%;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	padding: 0;
	text-align: center;
	line-height: 45px;
	background: #183d96;
}