@charset "UTF-8";
/*FrexBox 背景色　メインイメージ　フッター　Drawerカスタマイズ*/

.item_full{/*アイテム横〜縦並び*/
	display: flex;
	flex-direction: row;
}
.item_box{/*横サイズフリー*/
	display: flex;
	width: 100%;

}
.item_box_row_sb{/*アイテム横並び両端*/
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.w20{width: 20%;}/*width 20%*/
.w30{width: 30%;}/*width 30%*/
.w40{width: 40%;}/*width 40%*/
.w50{width: 50%;}/*width 50%*/
.w60{width: 60%;}/*width 60%*/
.w70{width: 70%;}/*width 70%*/
.w80{width: 80%;}/*width 80%*/
.w90{width: 90%;}/*width 90%*/
.w100{width: 100%;}/*width 100%*/
.w20-90{width: 20%;}/*width 20%*/
.w20-100{width: 20%;}/*width 20%*/
.w30-100{width: 30%;}/*width 30%*/
.w40-100{width: 40%;}/*width 40%*/
.w50-100{width: 50%;}/*width 50%*/
.w60-100{width: 60%;}/*width 60%*/
.w70-100{width: 70%;}/*width 70%*/
.w80-100{width: 80%;}/*width 80%*/
.w100-20{width: 100%;}
.w100-30{width: 100%;}
.w100-40{width: 100%;}
.w100-50{width: 100%;}
.w100-60{width: 100%;}
.w100-70{width: 100%;}
.w100-80{width: 100%;}
.w100-90{width: 100%;}

.item_bnr{/*バナー　1個*/
	width: 100%;
	margin-bottom: 2%;
	margin-left: 2%;
	margin-right: 2%;
}
.item_title{
	text-align: left;
	color: #00a1ee;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 30px;
	margin-bottom: 15px;
}
.item_center{justify-content: center;}
.item_center_tate{align-items: center;}
.item_space-between{justify-content: space-between;}
.item_wrap{flex-flow: wrap;}
.item_around{justify-content: space-around;}

/*背景色*/
.gradation {background: linear-gradient(0deg, rgb(255, 255, 255), rgb(244, 244, 244));}
.item_green{background-color: #EAEFE8;}
.item_skyblue{background-color: #E6F1F9;}
.item_orange{background-color: #FFF2E7;}
.item_white{background-color: #FFFFFF;}
.item_blue{background-color: #0063CF;}


/*メインイメージ*/
#base_img{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 120px;
	margin: 0px 0px 0px 0px;
	background-color: #252525;
	background-position: right;
}
.base_img01{
	background-image: url(../image/base_img01.jpg);
}
.base_img02{
	background-image: url(../images/base_img02.jpg);
}
#baseImg_bg01{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 180px;
}
.main_img_title{/*ベースのメインイメージのタイトル上*/
	width: auto;
	margin: 35px 6% 0 12%;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 36px;
	letter-spacing: 0.1em;
	/*color: #2B2B2B;*/
	color: #FFFFFF;
}
.main_img_title2{/*ベースのメインイメージのタイトル下*/
	margin: 15px 5px 0 0;
	text-align: center;
	font-size: 16px;
	letter-spacing: 0em;
	/*color: #1E1E1E;*/
	color: #FFFFFF;
}
/*フッター*/
.footer{
	/*display: flex;
	flex-direction: row;
	justify-content: space-between;*/
	position: relative;
	background-color: #3F0E04;
	width: auto;
	padding: 30px 5% 25px 5%;
	margin-top: 0px;
	color: #FFFFFF;
	font-size: 0.9em;
	line-height: 2.0em;
}
.footer_column{
	flex-grow: 1;
	align-self: baseline;
	border-left: 1px solid #AAA131;
	margin: 0 1% 10px 1%;
	padding-left: 1%;
}

.footer_column2{
	flex-grow: 1;
	align-self: baseline;
	padding-left: 5px;
	border-left: 0px solid #A3907E;
}
.footer_column_logo{
	text-align: right;
	padding-right: 8%;
	flex-grow: 3;
}

.mb_onry{
	display: none;
}
.pc_onry{
	display: block;
}

/*Drawerカスタマイズ*/
/*#pc_logo{
	display: block;
	position: absolute;
	top: 0px;
	left: 30px;
	z-index: 200;
}
#mb_logo{
	display: none;
}*/
.drawer-nav a{
	text-decoration: none;
	font-size: 1.05rem;
}
.drawer-menu a:link { color: #434343; text-decoration: none; font-weight: 100; }
.drawer-menu a:visited { color: #434343; text-decoration: none; font-weight: 100;}
.drawer-menu a:hover { color: #707070; text-decoration: none; font-weight: 100;}
.drawer-menu a:active { color: #707070; text-decoration: none; font-weight: 100;}	
	
#mobile_menu{
	display: none;
	}


/*------------------ Mobile ------------------------------------*/
@media screen and (max-width : 40em) {

.side{
	flex-grow: 1;
	width: auto;
	display: none;
}
.item_full{/*main幅いっぱい*/
	flex-direction: column;
}
/*フッター*/
.footer{
	flex-direction:column;
}
.footer_column{
	padding-left: 3%;
	margin: 0 5% 0 5%;
}
.footer_column_logo{
	text-align: center;
}
.w20-90{width: 90%;}
.w20-100{width: 100%;}
.w30-100{width: 100%;}
.w40-100{width: 100%;}
.w50-100{width: 100%;}
.w60-100{width: 100%;}
.w70-100{width: 100%;}
.w80-100{width: 100%;}
.w100-20{width: 20%;}
.w100-30{width: 30%;}
.w100-40{width: 40%;}
.w100-50{width: 50%;}
.w100-60{width: 60%;}
.w100-70{width: 70%;}
.w100-80{width: 80%;}
.w100-90{width: 90%;}

.main_img_title{/*ベースのメインイメージのタイトル上*/
	width: 100%;
	margin: 55px 5% 0 0%;
	padding: 20px 0 0 40px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 24px;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.50);
	/*background-color: #000000;*/
}

.main_img_title2{/*ベースのメインイメージのタイトル下*/
	margin: 0px 0 0 0;
	font-size: 13px;
	text-align: left;
}

.mb_onry{
	display: block;
}
.pc_onry{
	display: none;
}
	
/*Drawerカスタマイズ*/
/*#pc_logo{
	display: none;
}
#mb_logo{
	display: block;
	position: absolute;
	top: 25px;
	left: 30px;
	z-index: 200;	
}*/
#mobile_menu{
	display: block;
	z-index: 10000;
	}
}