@charset "utf-8";

.b-o-header {
  z-index: 51 !important;
}

/***********************************
Templates CSS
************************************/

body{
	color:#333;
	font-size:14px;
	font-weight:bold;
}

img{
	width:100%;
}

a{
	color:#333;
	text-decoration:none;
}



/***********************************
menuBtnBox
************************************/



#menuBtnBox						{ padding: 10px 0; background: #efedda;}
#menuBtnBox	.inbox				{ width: 95%; margin: 0 auto; -webkit-display: flex; display: flex; justify-content: space-between;}
#menuBtnBox	.inbox span			{ display: block; width: 56%;}
#menuBtnBox	.inbox ul			{ display: flex;}
#menuBtnBox	.inbox ul li		{ width: 40px; height: 40px; list-style-type: none;}
#menuBtnBox	.inbox ul li+li		{ margin-left: 5px;}
#menuBtnBox	.inbox ul li a		{ display: block;}


#menuBtn { display: block; height: 40px; width: 40px; top: 5px; right: 5px; z-index: 9999; cursor: pointer !important; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }
#menuBtn.on { background-image: url(../images/btnMenuClose.png) !important; background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; cursor: pointer !important; }

#menuBtn.off { background-image: url(../images/btnMenuOp.png); background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; cursor: pointer !important; }

#menuWrap						{ display: none; height: 100%; width: 100%; position: fixed; z-index: 9997; opacity: 0.5; top: 0px;}
#mainMenu nav					{ height: 0; overflow: hidden; transition: 0.5s;}
#mainMenu.on nav				{ height: 180px;}

/***********************************
Header
************************************/

header{	
}

header #headerInBox{
	width: 95%;
	overflow: hidden;
	position: relative;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding-top: 3px;
	padding-bottom: 3px;
}

header #headerInBox #box_left{
	width: 50%;
	float:left;
}

header #headerInBox #box_left img{
	width: 140px;
}

header #headerInBox #box_right{
	width: 50%;
	float:right;
	text-align:right;
	font-size: 13px;
	line-height: 15px;
}

header h1{
	padding: 0 10px;
	font-size: 78.5%;
	line-height: 2em;
	background-color: #ccc;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

nav.crumb{
	font-size: 64.2%;
	font-weight:bold;
	line-height: 12px;
	padding: 10px 10px 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

nav.crumb ul li{
	float:left;
}



/***********************************
mainMenu
************************************/

#mainMenu								{}
#mainMenu nav							{}
#mainMenu nav ul						{ -webkit-display: flex; display: flex; flex-wrap: wrap;}
#mainMenu nav ul li						{ width: 50%; background: #333; border-bottom: #fff 1px solid;}
#mainMenu nav ul li	a					{ display: block; padding: 15px 10px; background: #333; color: #fff; font-weight: normal; }
#mainMenu nav ul li.raijyo	a			{ background: #32a51b;}
#mainMenu nav ul li.seikyu	a			{ background: #1660c5;}
#mainMenu nav ul li:nth-child(odd) a	{ border-right: #fff 1px solid;}






/***********************************
ACTION RAISED
************************************/

section#action{
margin-top: 30px;
}

/*ページメニューリンク*/
section#action nav#action_sitemap{
width: 95%;
 margin: 0 auto;
}

section#action nav#action_sitemap ul li{
	margin:0 0 10px;
	text-align:center;
	border-radius:5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), color-stop(0.5, #f5f5f5), to(#cdcdcd));

}

section#action nav#action_sitemap ul li a{
	display:block;
	padding:15px ;
}
section#action nav#action_sitemap ul li a img{
max-width: 95px;}

section#action nav#action_sitemap ul li.coming{
	background: -webkit-gradient(linear, left top, left bottom, from(#32a51b), color-stop(0.5, #3cc621), to(#32a51b));
}

section#action nav#action_sitemap ul li.coming a{
	color:#fff;
	font-weight:normal;
}

section#action nav#action_sitemap ul li.seikyu{
	background: -webkit-gradient(linear, left top, left bottom, from(#1660c5), color-stop(0.5, #1a73ed), to(#1660c5));
}

section#action nav#action_sitemap ul li.seikyu a{
	color:#fff;
	font-weight:normal;
}

/*電話でのお問い合わせは*/
section#action #action_tel{
	}

section#action #action_tel h2{
width: 95%;
    margin: 0 auto 10px;
    text-align: center;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), color-stop(0.5, #ffffff), to(#cccccc));


}
section#action #action_tel h2+h2{
}
section#action #action_tel h2 a{
padding: 15px;
display: block;
}

section#action #action_tel p{
	padding:10px;
}

section#action #action_tel p a{
	color:#A60962;
	font-size:260%;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/*会社情報*/
section#action #action_company{
background: #efedda;
margin-top: 40px;
padding: 20px;
 position: relative;
}

section#action #action_company h2{
	max-width: 250px;
	margin: 0 auto;
}

section#action #action_company p{
	max-width: 290px;
	margin: 15px auto 0;
}


/***********************************
Footer
************************************/

footer{
}

footer #btn_pc{
	padding:20px 0 0;
	display: none;
}

footer #btn_pc img{
	width:50%;
}

footer #infoBox{
	width: 95%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	overflow: hidden;
	position: relative;
	font-size: 10px;
	font-weight: normal;
}

footer #infoBox #box_left,
footer #infoBox #box_right{
	width: 50%;
	float:left;
	display: block;
	font-weight: bold;
	font-size: 12px;
}

footer #infoBox #copy{
	width: 100%;
	float:left;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;	
}


/***********************************
pageTop
************************************/

#pageTop		{ z-index: 20; width: 40px; height: 40px;}
#pageTop img	{ width: 100%; }

/***********************************
Font
************************************/

.fs80{ font-size:80%;}


/***********************************
Margin
************************************/

.mt10{ margin-top:10px !important;}
.mb10{ margin-bottom:10px !important;}


/***********************************
Float
************************************/

.left{
	float: left;
}

.right{
	float: right;
}

.clearfix:after{ content: url(../images/blank.gif); display: block; clear: both; height: 0; }
.clearfix{ display: inline-block;}
.clearfix{ display: block;}