@charset "UTF-8";

/*
	Theme Name: shinjo,inc
	Description: 信城建設株式会社ホームページ
	Theme URI: http://www.fr-brain.com/
	Author: FREE　BRAIN
	Author URI: http://www.fr-brain.com/
	Version: 1.0.1
*/

@charset "utf-8";

/*----- pc.sp表示非表示(ｓｐ) -----*/
.pc{display: block;}
.sp{display: none;}
.sps{display: none;}


/* Reset
----------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
	overflow-y: scroll;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input, textarea{
	margin: 0;
	padding: 0;
}
ol, ul, li{
	list-style:none;
}
table{
	border-collapse: collapse;
	border-spacing:0;
}
caption, th{
	text-align: left;
}
img {
	display: block;
}
a:focus {
	outline:none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both{
	clear:both;
}

/* Base
----------------------------------------------------------------- */
body {
	font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	width: 100%;
	color: #fff;
	background-color: #2d2d2d;/*#1d1d1d;*/
}
#wrapper{
	overflow: hidden;
	font-size: 13px;
}

/*link*/
a {
	display: block;
	color: #fff;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a img {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
img {
	display: block;
}

/* ==========================================================================
 header
========================================================================== */
header{
	width: 100%;
	height: 100px;
	/*border-top: 2px solid #bc8c20;*/
	background-color: #272727;
	margin-top:0px;
}
.header_bg{
	width: 1260px;
	height: 100px;
	margin: 0 auto;
	margin-top:0px;
	padding-top: 25px;
	background-color: #272727;
}

/*logo*/
h1 img{
	float: left;
	width: 310px;
	height: auto;
}

/*txt*/
.header_txt{
	float: right;
	line-height: 18px;
	font-size: 12px;
	color: #cbcbcb;
}
.header_txt li{
	text-align: right;	
}
.header_ti{
	font-size: 18px;
	color: #c59a3a;
	margin-top: -3px;
	padding-bottom: 4px;
}



/* ==========================================================================
 globalnavigation
========================================================================== */
#g_nav {
	position: relative;
	width: 100%;
	display: block;
	height: 60px;
	background-color: #352c18;
	z-index: 1000;
	left: 0px !important;
	font-size: 15px;
}
#g_nav p{
	font-size: 10px;
	opacity: 0.3;
}
#menu-g_nav {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	padding: 0;
}
#menu-g_nav li{
	display: block;
	float: left;
	width: 140px;
	margin: 0;
	padding: 0;
}
#menu-g_nav li a {
	display: block;
	padding: 12px 0 12px;
	background-color: #352c18;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

@-moz-document url-prefix() {
	#menu-g_nav li a{
		display: block;
		padding: 14px 0 14px;
		background-color: #352c18;
		color: #FFF;
		text-align: center;
		text-decoration: none;
	}
}
/* IE10以降 */
@media all and (-ms-high-contrast:none){
	#menu-g_nav li a{
		display: block;
		padding: 16px 0 16px;
		background-color: #352c18;
		color: #FFF;
		text-align: center;
		text-decoration: none;
	}
}
/* IE11のみ */
@media all and (-ms-high-contrast:none){
	#menu-g_nav li a{
		display: block;
		padding: 16px 0 16px;
		background-color: #352c18;
		color: #FFF;
		text-align: center;
		text-decoration: none;
	}
}

#menu-g_nav li:last-child a{
	border: none;
}
#menu-g_nav li a:hover{
	background: #7a5e1d;
}
#toggle {
	display: none;
}
/*ページ滞在時-stay*/
#menu-g_nav li a .st {
	display: block;
	padding: 14px 0 14px;
	background-color: #7a5e1d;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 1259px) {
	#menu-g_nav {
		display: none;
		font-size: 13px;
	}
	#g_nav p{
		display: none;
	}
	#menu-g_nav li {
		width: 100%;
		border-bottom: 1px solid #7a5e1d;
	}
	#toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #352c18;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 20px 0 20px;
		border-bottom: 1px solid #7a5e1d;
		color:#FFF;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: #FFF;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background: #352c18;
	}
	#toggle a:before {
		margin-top:-9px;
	}
	#toggle a:after {
		margin-top: 3px;
	}
}

/* ==========================================================================
 pankuzu
========================================================================== */
#pan{
	display: block;
	width: 100%;
	height: 30px;
	background-color: #111;
}
.pan_bg{
	width: 1260px;
	height: 30px;
	margin: 0 auto;
	padding-top: 8px;
}
.pan_bg a{
	display: inline;
	width: auto;
	height: auto;
}



/* ==========================================================================
 top_images
========================================================================== */
/*logo画像に合わせたサイズ指定*/
/*#top{
	display: block;
	width: 100%;
	height: 270px;
	background-image: url(../images/index/top.jpg);
	background-repeat: no-repeat;
	padding-top: 50px;
}
.top_bg{
	display: block;
	width: 246px;
	height: 202px;
	margin: 0 auto;
	background-image: url(../images/index/top_logo.png);
	background-repeat:none;
}
.top_bg_sp{
	display: none;
}*/



/* ==========================================================================
 column
========================================================================== */
/*top下部～*/
#inner{
	width: 100%;
	height: auto;
}
.inner_bg{
	width: 1260px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 30px;
}
/*left_column*/
#column{
	float: left;
	width: 350px;
	height: auto;
}
/*main_column*/
#main{
	float: right;
	width: 880px;
	height: auto;
}



/* ==========================================================================
 left_area
========================================================================== */
#topics_area{
	width: 350px;
	height: auto;
	margin-bottom: 30px;
}
/*caption*/
.topics_cap{
	width: 350px;
	height: 40px;
	background-color: #372a14;
	border-bottom: 2px solid #bc8c20;
	margin-bottom: 5px;
}
.topics_cap img{
	float: left;
	margin-top: 16px;
	margin-left: 10px;
	margin-right: 12px;
}
.topics_cap h3{
	float: left;
	margin-top: 10px;
	font-size: 15px;
}
.topics_cap span{
	font-size: 10px;
	color: #6a5323;
	margin-left: 5px;
}
/*----- お知らせ -----*/
.top_news{
	width: 350px;
	max-height: auto;
	margin-bottom: 2px;
	overflow-y: scroll;
}
.top_news li{
	line-height: 20px;
	border-bottom: 1px dotted #3a3017;
	color: #8b7647;
	padding-bottom: 7px;
	padding-top: 7px;
}
.top_news a{
	display:inline;
	color: #fff;
	padding-left: 10px;
}
/*----- 会社イベント・工事状況 -----*/
.top_event{
	width: 350px;
	max-height: 250px;
	overflow-y: auto;
}
.top_event_area{
	width: 320px;
	height: 70px;/*70px;*/
	border-bottom: 1px dotted #3a3017;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-bottom: 8px;/*8px;*/
}
.top_event_area img {
	float: left;
	width: 70px;
	min-height: 70px;
	max-height: 70px;/*auto;*/
	margin-right: 10px;
}
.top_event_area p a{
	width: 320px;
	height: auto;
	color: #fdc876;
	text-decoration: underline;
}
@media all and (-ms-high-contrast:none){
.top_event_area p/*IE指定のclassやid*/ {
	padding-top: 5px;
	line-height: 150%
  }
}
.top_event_area a:hover{
	text-decoration: none;
}
/*----- side_list -----*/
.side_list{
	clear: both;
	width: 350px;
	height: 120px;
	border-bottom: 1px dotted #3a3017;
}
.side_list li{
	clear: both;
	border-bottom: 1px dotted #3a3017;
}
.side_list img {
	float: left;
	width: 9px;
	height: 9px; 
	margin-top: 15px;
	margin-bottom: 15px;
}
.side_list p{
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}



/* ==========================================================================
 main_area
========================================================================== */
.contents_area{
	width: 880px;
	height: 210px;
	margin-bottom: 20px;
}
/*caption*/
.contents_cap{
	width: 865px;
	height: 36px;
	background-color: #92742e;
	border-bottom: 2px solid #b39244;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-top: 4px;
}
.contents_cap h2{
	margin-top: 5px;
	width: auto;
	font-weight: bold;
	border-left: 3px solid #000000;
	color: #000000;
	font-size: 19px;
	padding-left: 10px;	
}
/*other_page*/
.contents_cap_other{
	width: 865px;
	height: 36px;
	background-color: #92742e;
	border-bottom: 2px solid #b39244;
	padding-left: 15px;
	padding-top: 4px;
	margin-bottom: 40px;
}
.contents_cap_other h2{
	margin-top: 5px;
	width: auto;
	font-weight: bold;
	border-left: 3px solid #000000;
	color: #000000;
	font-size: 19px;
	padding-left: 10px;	
}
/*bottom30px*/
.contents_cap_other_btm{
	width: 865px;
	height: 36px;
	background-color: #92742e;
	border-bottom: 2px solid #b39244;
	padding-left: 15px;
	padding-top: 4px;
	margin-bottom: 30px;
}
.contents_cap_other_btm h2{
	margin-top: 5px;
	width: auto;
	font-weight: bold;
	border-left: 3px solid #000000;
	color: #000000;
	font-size: 19px;
	padding-left: 10px;	
}

/*banner_area*/
.contents_banner{
	width: 880px;
	height: 315px;
	margin-bottom: 35px;
}
/*link_hover時*/
.contents_banner a:hover{
	text-decoration: none;
}

/*contents_banner01*/
.contents_banner01{
	float: left;
	width: 286px;
	height: 315px;
}
.contents_banner02{
	float: left;
	width: 286px;
	height: 315px;
	margin-left: 11px;
}
/*txt*/
.cont_bg{
	text-align: center;
	width: 286px;
	height: 55px;
	background-color: #342815;
}
.cont_bg:hover{
	background-color: #4d391a;
}
.cont01{
	padding-top: 11px;
	font-size: 15px;
}
.cont02{
	font-size: 11px;
	opacity: 0.3;
}

/*----- company_txt -----*/
.company_txt01{
	font-size: 12px;
	color: #846d40;
	padding-bottom: 3px;
}
.company_txt02{
	font-size: 25px;
	color: #dbab4e;
	padding-bottom: 3px;
}
.company_txt03{
	font-size: 10px;
	color: #846d40;
	padding-left: 10px;
}
.company_txt04{
	font-size: 13px;
	color: #a4a2a2;
}




/* ==========================================================================
 otherpage
========================================================================== */
/*----- txt_inner -----*/
.txt_inner{
	width: 880px;
	height: auto;
	margin-bottom: 30px;
}


/*----- company -----*/
.company_table{
	width: 100%;
	height: auto;
	border: 1px solid #363636;
	font-size: 15px;
}
.company_table th{
	vertical-align: top;
	width: 25%;
	border: 1px solid #363636;
	background-color: #292929;
	padding: 25px;
}
.company_table td{
	padding: 25px;
	line-height: 24px;
	border: 1px solid #363636;
}
.company_table span{
	font-size: 13px;
}
/*GoogleMAP*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
margin-top: 10px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*----- recruit -----*/
.recruit_table{
	width: 100%;
	height: auto;
	border: 1px solid #363636;
	font-size: 15px;
}
.recruit_table th{
	vertical-align: top;
	width: 25%;
	border: 1px solid #363636;
	background-color: #292929;
	padding: 25px;
}
.recruit_table td{
	padding: 25px;
	line-height: 24px;
	border: 1px solid #363636;
}
.recruit_table td a{
	text-decoration: underline;
}
.recruit_table td a:hover{
	text-decoration: none;
}
.recruit_table span{
	font-size: 13px;
}

/*----- greeting -----*/
.ceo{
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.ceo_txt{
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 10px;
}
.ceo_txt span{
	font-size: 18px;
}

/*----- privacy -----*/
.privacy{
	line-height: 20px;
	margin-bottom: 30px;
}
.privacy_txt01{
	font-size: 18px;
	color: #dbab4e;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.privacy_txt02{
	width: 880px;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #3a3017;
}

/*----- news -----*/
.news{
	font-size: 17px;
	margin-bottom: 30px;
}
.news_txt{
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #3a3017;
}

/*----- download -----*/
.download{
	width: 880px;
	height: auto;
	box-sizing:border-box;
	border: 3px double #363636;
	padding: 30px;
	margin-bottom: 30px;
	font-size: 20px;
	color: #dbab4e;
	text-align: center;
}
.download_txt01{
	color: #fff;
	font-size: 14px;
	padding-top: 5px;
}
.download_txt02{
	color: #fff;
	font-size: 12px;
	padding-top: 5px;
	margin-bottom: 20px;
}
/*download_btn*/
.download_btn_area{
	margin-top: 10px;
}
.download_btn_area a{
	width: 300px;
	height: auto;
	margin: 0 auto;
	text-decoration: none;
}
.download_btn{
	width: 300px;
	color: #fff;
	background-color: #bc8c20;
	padding: 10px;
	margin: 0 auto;
}
.download_btn:hover{
	background-color: #e1a828;
	text-decoration: none;
}
.download_btn p{
	font-size: 18px;
	text-align: center;
}

/*----- event -----*/
.event{
	clear: both;
	width: 880px;
	height: auto;
	margin-bottom: 30px;
	border-top: 1px dotted #3a3017;
	border-bottom: 1px dotted #3a3017;
}
.event tr td{
	vertical-align: top;
	padding: 10px 0;
}
.event_img{
	float: left;
	margin-right: 20px;
}
.eve_txt01{
	font-size: 20px;
	color: #fdc876;
	padding-bottom: 10px;
}
.eve_txt02{
	font-size: 15px;
	line-height: 22px;
}
/*----- sitemap -----*/
.sitemap{
	width: 880px;
	height: auto;
	font-size: 14px;
	margin-bottom: 50px;
}
.sitemap01{
	width: 880px;
	font-size: 18px;
	font-weight: bold;
	color: #e1a828;
	border-bottom: 1px dotted #3a3017;
	padding-bottom: 10px;
}
.sitemap02{
	width: 33%;
	padding-top: 15px;
}
/*----- construction -----*/
.construction_box{
	width: 100%;/*880px;*/
	height: auto;
	margin-bottom: 30px;
}
.construction{
	width: 100%;/*880px;*/
	height: auto;/*310px;*/
}
.construction_area01{
	display: inline-block;
	width: 32%;
	margin: 10px;
	margin-left: 0px;
}
.construction_area01:first-child,
.construction_area01:nth-of-type(3n+1){
	margin-left: 0px;
}
.construction_area01:nth-of-type(3n){
	margin-right: 0px;
}
/*.construction_area01{
	display: inline-block;
	width: 286px;
	height: 310px;
	margin-bottom: 20px;
}*/
.construction_area01 img{
	width: 100%;/*880px;*/
	height: auto;
}
/*.construction_area02{
	float: left;
	width: 286px;
	height: 310px;
	margin-left: 11px;
}*/
.construction p{
	font-size: 15px;
	padding-top: 7px;
	text-align:center;
}
/*----- const_news -----*/
.const_area{
	width: 880px;
	height: auto;
	box-sizing:border-box;
	border: 3px double #363636;
	padding: 20px;
	margin-bottom: 20px;
}
.const_img{
	width: 286px;/*286px;*/
	margin: 0 auto;
	margin-bottom: 10px;
}
.const_ti{
	font-size: 18px;
	font-weight: bold;
	color: #e1a828;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}
.const_tl{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 2px;
	text-align: center;
}
.const_txt_box{
	background-color: #1e1e1e;
	border: 1px solid #333;
	padding: 15px;
	font-size: 15px;
	line-height: 22px;
}
/*----- contact -----*/
.contact{
	line-height: 20px;
	margin-bottom: 40px;
}
.contact_foam{
	width: 880px;
	height: auto;
}
/*list*/
.foam_list{
	width: 880px;
	height: auto;
	font-size: 15px;
	border-bottom: 1px dotted #3a3017;
	padding-bottom: 35px;
	margin-bottom: 30px;
}
.foam_list span{
	color: #f00;
	font-size: 10px;
	padding-left: 5px;
}
.foam_list li{
	float: left;
}
/*textarea*/
.foam_list_txt{
	width: 880px;
	height: 80px;
	font-size: 15px;
	border-bottom: 1px dotted #3a3017;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.foam_list_txt span{
	color: #f00;
	font-size: 10px;
	padding-left: 5px;
}
.foam_list_txt li{
	float: left;
}

.foam_list01{
	width: 160px;
}
.foam_list02{
	width: 700px;
	margin-left: 20px;
}
.foam_list02 input{
	width: 600px;
	height: 25px;
	padding-left: 5px;
}
.foam_list02 textarea{
	width: 600px;
	height: 80px;
	font-size: 100%;
	padding-left: 5px;
}
/*----- business -----*/
.business{
	width: 880px;
	height: auto;
	box-sizing:border-box;
	padding: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #e1a828;
	background-color: #282828;/*#000*/
	border: 1px solid #2b2b2b;
	margin-bottom: 10px;
}
.business_txt{
	width: 880px;
	font-size: 14px;
	line-height: 22px;
	border-bottom: 1px dotted #3a3017;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.business_sub{
	font-size: 18px;
	font-weight: bold;
	color: #e1a828;
	margin-bottom: 5px;
}


/* ==========================================================================
 footer
========================================================================== */
footer{
	clear: both;
	width: 100%;
	height: 220px;
	background-color: #272727;
}
.footer_bg{
	width: 1260px;
	height: 220px;
	margin: 0 auto;
}

/*list*/
.footer_list{
	float: left;
	width: 160px;
	height: auto;
	line-height: 23px;
	padding-top: 20px;
	margin-right: 50px;
}
.footer_ti{
	font-size: 15px;
	color: #dfc28a;
	border-bottom: 1px solid #36332c;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.footer_logo{
	float: right;
	padding-top: 50px;
}

/*copyright*/
#copy{
	clear: both;
	width: 100%;
	height: 30px;
	background-color: #1b1b1b;
}
.copy_bg{
	width: 1260px;
	height: 220px;
	margin: 0 auto;
}
.copy_bg p{
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
	text-align: center;
	color: #cea350;
	font-size: 10px;
	padding-top: 10px;
}
/*footer上部高さ調整*/
.height{
	clear: both;
	width: 100%;
	height: 80px;
}

/*--- pagetop ---*/
#pagetop {
    position: fixed;
    bottom: 30px;
    right: 20px;
}
#pagetop img{
	margin: 0 auto;
	padding-top: 15px;
}
#pagetop a {
    background: #c89b35;
    width: 50px;
	height: 50px;
    display: block;
    border-radius: 5px;
}
#pagetop a:hover {
    background: #eeb739;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
/***********プラスα************/
.box{
  display: inline-block;
  font-size: 16px;
    width: 28%;
margin-bottom : 20px ;


}

.boxContainer{
    width: 100%;
  font-size: 0;
}

.ul{
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: disc;
}
.ol{
	font-size: 16px;
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: decimal;
}
.ceomidahi{
	width: 100%;
	height: auto;
	box-sizing:border-box;
	padding: 5px;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #e1a828;
	background-color: #282828;/*#000*/
	border: 1px solid #2b2b2b;
	margin-bottom: 5px;
}
.ceocachi{
	width: 100%;
	height: auto;
	text-align: center;
	box-sizing:border-box;
	padding: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #232323;/*#000*/
	border: 1px solid #2b2b2b;
	margin-bottom: 20px;
}
.ceocachi span{
	font-size: 20px;
	color: #e1a828;
}
.ceoright {
	text-align: right;
}
/* ===================================
pagenavi
=================================== */
.wp-pagenavi {
	clear: both;
	width: 100%;
	height: auto;
}

.wp-pagenavi a, .wp-pagenavi span {
 	display: inline-block;
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 13px 15px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}



ul.soGallery {
}
ul.soGallery li {
    display: inline-block;
    list-style:none;
    margin:0 5px 10px 5px;
    width:150px;
    height:auto;
    vertical-align:top;
}
ul.soGallery li.clear {
    clear:both;
    height:10px;
    width:100%;
}
ul.soGallery li p {
    margin:0;
    text-align:center;
}
@media all and (-ms-high-contrast:none){
ul.soGallery li p/*IE指定のclassやid*/ {
	padding-top: 5px;
	line-height: 150%
  }
}
/*コンタクトフォーム*/
.wpcf7 {
 margin: 96px 0;
}
.asterisk {
 margin: 0 0 0 0.2em;
 color: #f5637a;
}
.wpcf7 span.wpcf7-not-valid-tip {
 font-size: 80%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}
.wpcf7 input[type="submit"] {
	width: 300px;
	height: auto;
	color: #f1ab0c;
	border: 1px solid #bc8c20;
	background-color: #2d2d2d;
	padding: 10px 0;
        text-align:center;
	margin: 0 auto;
	margin-top: 10px;
}
.wpcf7 input[type="submit"]:hover {
	color: #fff;
	background-color: #bc8c20;
	text-decoration: none;
}
/*recruit_btn*/
.recruit_btn_area a{
	width: 300px;
	height: auto;
	margin: 0 auto;
	margin-top: 20px;
	text-decoration: none;
}
.recruit_btn{
	width: 300px;
	height: auto;
	color: #f1ab0c;
	border: 1px solid #bc8c20;
	padding: 10px 0;
	margin: 0 auto;
}
.recruit_btn:hover{
	color: #fff;
	background-color: #bc8c20;
	text-decoration: none;
}
.recruit_btn p{
	font-size: 18px;
	text-align: center;
}
.submit{
    text-align:center;
}

.slides{
	z-index: -9999;
}

@media all and (-ms-high-contrast:none){
  .metaslider/*IE指定のclassやid*/ {
	padding-top: 3px;
  }
}



/*****          サブナビゲーション　　　*****/
.sub-menu {
	position: absolute;
	z-index: 1;
	display: none;
	width: 10%;　/*サブメニューの幅*/
	border-top: none;
}
.sub-menu a {
	margin: 0;
	display: block;
	padding: 15px;
	text-decoration: none;
}

.sub-menu li {
	display: block;
	float: none;
	padding: 0;
	margin: 0;
}
li:hover .sub-menu { /* 子を持つ親メニューにマウスオーバーしたとき、サブメニューを表示する */
	display: block;
}
.sub-menu li a:before {
	color: #333;
}
.sub-menu li a {
	font-size: 1em;
	font-weight: normal;
	margin-left: 0;
	text-align: left;
	color: #fff;
	background-color: #464646;
}
.sub-menu li a:hover {
	background-color: #000;
}
/*****          サブナビゲーション(スマホ)　　　*****/
@media screen and (max-width: 780px) {
.sub-menu {
	position: absolute;
	z-index: 1;
	display: none;
	width: 80%;　/*サブメニューの幅*/
	border-top: none;
}
.sub-menu a {
	margin: 0;
	display: block;
	padding: 15px;
	text-decoration: none;
}

.sub-menu li {
	display: block;
	float: none;
	padding: 0;
	margin: 0;
}
li:hover .sub-menu { /* 子を持つ親メニューにマウスオーバーしたとき、サブメニューを表示する */
	display: block;
}
.sub-menu li a:before {
	color: #333;
}
.sub-menu li a {
	font-size: 1em;
	font-weight: normal;
	margin-left: 10px;
	text-align: left;
	color: #fff;
	background-color: #464646;
}
.sub-menu li a:hover {
	background-color: #000;
}
}