@charset "utf-8";
@font-face {
    font-family: 'LigatureSymbols';
    src: url('./font/LigatureSymbols-2.11.eot');
    src: url('./font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('./font/LigatureSymbols-2.11.woff') format('woff'),
         url('./font/LigatureSymbols-2.11.ttf') format('truetype'),
         url('./font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    font-weight: normal;
    font-style: normal;}

.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;}

.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;}

/*===============
base
=================*/
html{}
body{
	 /*font-family: Emoji, sans-serif;*/
	font-family: "Lato","meiryo","メイリオ","ms pgothic","ms pゴシック",osaka,sans-serif;
	color: #000;
    font-size: 16px;　/*20220607　モバイルフレンドリー検査結果につき変更「テキストが小さすぎて読めません」*/
	line-height: 1.6;
	background: url(../img/all_bg.jpg) top center fixed;}
a:link,a:visited,a:active{
	color: #0000ff;
	text-decoration: none;}
a:hover{
	color: #0000ff;
	text-decoration: underline;}
img{
margin: 0;
padding: 0;
vertical-align: bottom !important;
}

input, select, textarea{ padding: 10px;}
	input[type="text"] {
		width: 100%;}
	input[type="submit"] {
		border: none;
		width: 100%;;
		font-weight: bold;
		cursor: pointer;
		color: #fff;
		background: rgba(255,0,0,1);}
	button{
		background: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;}
	textarea{ width: 100%; }

.contact_tbl{}
	.contact_tbl tr th,
	.contact_tbl tr td{ vertical-align: top; padding: 0 10px 10px;}
	.contact_tbl tr th{ width: 30%; }
	.contact_tbl tr td{ width: 70%; }

/*共通ボタン*/
.btn{
	text-align: center;}
.btn a{
	display: block;
	width: 300px;
    background: #502903;
	cursor: pointer;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    margin: 20px auto 20px;
    padding: 15px 0px;}
	.download .btn a{ background: #502903 !important;}
.btn a:hover{
	background: #333;}

.btn2{
	text-align: center;
	margin: 0 !important;}
.btn2 a{
	display: block;
    background: #502903;
		cursor: pointer;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    margin: 0px 5px 10px !important;
    padding: 15px 0px;}
.btn2 a:hover{
	background: #333;}

/*▽お問い合わせバルーン*/
.tel_btn {
	position: fixed;
	bottom: 50px;
	right: 10px;
	z-index: 1000;
	-webkit-animation-name:mail_mag; /* mail_magっていうアニメーション*/
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	-moz-animation-name:mail_mag;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;}
@-webkit-keyframes mail_mag {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}}
@-moz-keyframes mail_mag {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}}
	.tel_btn a {
		display: block;}
		.tel_btn a:hover {
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);
			text-decoration: none;}
.namatube_btn {
	position: fixed;
	bottom: 225px;
	right: 10px;
	z-index: 1000;
	-webkit-animation-name:mail_mag; /* mail_magっていうアニメーション*/
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	-moz-animation-name:mail_mag;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;}
	
.line_btn {
	position: fixed;
	bottom: 270px;
	right: 10px;
	z-index: 1000;
	-webkit-animation-name:mail_mag; /* mail_magっていうアニメーション*/
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	-moz-animation-name:mail_mag;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;}
@-webkit-keyframes mail_mag {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}}
@-moz-keyframes mail_mag {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}}
	.tel_btn a {
		display: block;}
		.tel_btn a:hover {
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);
			text-decoration: none;}
			
.econ_btn,
.drytech_btn {
	position: fixed;
	top: 20px;
	right: 10px;
	z-index: 1000;
	-webkit-animation-name:mail_mag; /* mail_magっていうアニメーション*/
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	-moz-animation-name:mail_mag;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;}
.drytech_btn img{ max-width: 100px !important; }

.econ_btn_merit {
	position: fixed;
	bottom: 0;
	left: 270px;
	z-index: 1000;}
	
.econ_btn_movie {
	position: fixed;
	bottom: 0;
	left: 530px;
	z-index: 1000;}
	
.btn_contact{
	position: fixed;
	bottom: 0;
	left: 10px;
	z-index: 1000; }

	.btn_contact img,
	.econ_btn_merit img,
	.econ_btn_movie img{ max-width: 250px; }
	
@-webkit-keyframes mail_mag {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}}
@-moz-keyframes mail_mag {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}}
	
	.econ_btn a,
	.drytech_btn a {
		display: block;}
		.econ_btn a:hover {
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);
			text-decoration: none;}
	.econ_btn img,
	.drytech_btn img{ max-width: 150px; }

/*form*/
.conte_form #mailformpro{
	padding:0px;}
.conte_form{
	position:fixed;
	top:0px;
	padding:0px;
	width:100%;
	height:85px;
	background: url(../img/all_bg.jpg) top center fixed;
	z-index:9988;}
	.conte_form_inner{
		width:1100px;
		margin:auto;}
	.conte_form .title2{
		padding:5px 5px 0px 0px;
		color:#502903;
		margin-bottom:0px;
		font-weight:bold;
		font-size:100%;
		float:left;
		width:15%;}
		.conte_form img{
			float:left;
			margin:0px 20px;}
		.conte_form .title2 span{
			display:block;
			padding-left:0px;}
	.conte_form div#mfp_phase_confirm{
		clear:right!important;}
	.conte_form table{
		width:75%;
		float:left;}
		.conte_form th,
		.conte_form td{
			padding:3px 2px;
			vertical-align:top;
			line-height:1.5;}
		.conte_form td span{
			vertical-align: 0px;}
			.conte_form .check{
				font-size:14px;}
		.conte_form label{
			   margin: 0px 3px 0px 5px;}
		.conte_form input{
			   margin: 0px 3px 0px 5px;}
		.conte_form textarea{
			min-height:30px!important;
			min-width:180px!important;}
		.conte_form form#mailformpro label.mfp_not_checked{
			padding:0px!important;
			border:none!important;}
		.conte_form form#mailformpro label.mfp_checked{
			border:none!important;
			padding:0px!important;
			background:none!important;}
		.conte_form .mfp_buttons{
			vertical-align:top;
			display:inline-block;
			max-width:10%;}
		.conte_form .mfp_buttons button{
			margin-bottom:0px;
			padding: 10px 20px;}
		.conte_form div.mfp_err,
		.conte_form div.mfp_ok{
			display:none!important;}
	
/*==================
#wrapper
====================*/
#wrapper{
	margin: 0 auto;
	position: relative;
	min-width: 1100px;}
#wrapper:after{}
#wrapper_inner{}

.border{
	width: 100%;
	height: 10px;
	text-indent: -9898px;
	background: #502903;
	/* background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, #502903),
	color-stop(1, #00B822)
	);
background-image: -o-linear-gradient(right, #502903 0%, #00B822 100%);
background-image: -moz-linear-gradient(right, #502903 0%, #00B822 100%);
background-image: -webkit-linear-gradient(right, #502903 0%, #00B822 100%);
background-image: -ms-linear-gradient(right, #502903 0%, #00B822 100%);
background-image: linear-gradient(to right, #502903 0%, #00B822 100%); */
}
.conte .border,
.conte_2col .border{}
	.conte_form .border{}
/*===========================================
▼▼▼ヘッダー部分▼▼▼
=============================================*/	
#header{
	width: 1100px;
	margin: auto;
	padding: 5px 0px 15px 0px;
	overflow: hidden;}
	#header_inner{}
	#header_title{
		float: left;
		padding: 0px 0px 0px 0px;}
		#header_title img{
			width: auto;
			height: 110px;}
	#header_description {
		float: right;
		margin-top: 15px;}
	#header_webseminar{
		float:right;}
		#header_webseminar p{
			box-shadow: 4px 4px rgba(0,0,0,0.41);
			font-size:12px;
			margin-right:15px;
			text-align: center;}
		#header_webseminar a{
			background-color:#502902;
			color:#fff;
			display: block;
			padding:10px 15px;}
		#header_webseminar a:hover{
			background-color:#fff;
			color:#502902;
			text-decoration:none;}
/*==================
▽ナビゲーション
====================*/
#nav_box{
	position: absolute;
	display: block;
	top: 176px;
	left: 0px;
	z-index:1;
	width: 100% !important;}
#nav{
	width: 1100px;
	margin: auto;
	background: #fff;
	font-size:12px;}

/*=タブレット表示=*/	
@media only screen and (min-width: 738px) {
.top #nav_box{
	top: 630px;}}
	
/*==================
▽メインイメージ
====================*/	
.mainimg{
	float: none;
	clear: both;
	overflow: hidden;
	background: url(../img/mainimg_bg.jpg) center top no-repeat;
}
#dry_tech .mainimg{ background: url(../img/bg_drytech_mainimg.jpg) center bottom repeat-x;}
#rc .mainimg{ background: url(../img/bg_rc_mainimg.jpg) center bottom repeat-x;}
#topics .mainimg{ background: url(../img/bg_topics_mainimg.jpg) center bottom repeat-x;}
#econ .mainimg{ background: url(../img/bg_econ_mainimg.jpg) center bottom repeat-x; }
#owacon .mainimg{ background: url(../img/bg_owacon_mainimg.jpg) center bottom repeat-x; }
.company .mainimg{ background: url(../img/bg_company_mainimg.jpg) center bottom repeat-x; }
#mgs .mainimg{ background: url(../img/bg_mgs_mainimg.jpg) center bottom repeat-x; }
#mesh .mainimg{ background: url(../img/bg_mesh_mainimg.jpg) center bottom repeat-x; }
#diagnosis .mainimg{ background: url(../img/bg_diagnosis_mainimg.jpg) center bottom repeat-x; }
#nekoirazu .mainimg{ background: url(../img/bg_nekoirazu_mainimg.jpg) center bottom repeat-x; }
#komawari .mainimg{ background: url(../img/bg_komawari_mainimg.jpg) center bottom repeat-x; }
#venice .mainimg{ background: url(../img/mainimg_venice_bg.jpg) center bottom repeat-x; }
#diy .mainimg{ background: url(../img/bg_diy_main.jpg) center bottom repeat-x;background-size: cover; }
#sale .mainimg{ background: url(../diy/sale/item/sale.png) center bottom repeat-x;background-size: cover; }
#matching .mainimg{ background: url(../matching/item/main.png) center bottom repeat-x;background-size: cover; }

#matching .mainimg .ttl{
    color: #000;
    font-size: 300%;
    position: relative;
    left: 200px;
    top: 30px;
    line-height: 1.1;
    margin-bottom: 1rem;
 }

#matching .mainimg .ttl span{
    font-size: 50%;
	font-weight: normal;
    text-indent: 0.5rem;
    display: inline-block;
}


.mainimg_inner{
	width: 1100px;
    min-height: 230px;
	margin: 0px auto 0px;
	padding: 30px 0px 80px 0px;
	overflow: hidden;}
.bx-wrapper{}
.main_banner{
	overflow: hidden;}
	.main_banner li{
		float: left;
		width: 20%;}
	.main_banner li a{
		display: block;
		position: relative;}
	.main_banner li a img{
    display: block;
    max-width: 100% !important;
	height: auto !important;}
.bx-pager{
	display: none;}
.mainimg_inner img{}
.mainimg_conte img{
    display: block;
    max-width: 100% !important;
		height: auto !important;}
	
.conte .mainimg_inner{
	padding: 95px 0px 30px 0px;}
.conte_2col .mainimg_inner{
	padding: 95px 0px 30px 0px;}
	#venice .mainimg{ background: url(../img/mainimg_venice_bg.jpg) center bottom repeat-x; background-size: contain; }
	#venice .mainimg_inner{ padding: 80px 0 50px; }

.description_area{
	padding: 30px 0 30px 0;
}
	.description_area .ttl{
		float: left;
		vertical-align: top;
		color: #fff;
		font-size: 180%;
		font-weight: bold;
		color: #FFF;
		text-shadow: 1px 1px 4px rgba(0,0,0,0.7)}
		.description_area .ttl a{
			color: #fff !important;
			font-weight: bold; }
	.description_area .txt{
		float: right;
		color: #fff;
		font-weight: bold;
		line-height: 1.2;
		padding-top: 5px;
		padding-left: 20px;
		text-shadow: 1px 1px 4px rgba(0,0,0,0.7)}

.icon-good01{
    position: relative;
}
.icon-good01 img{
    position: absolute;
    top: 50px;
    left: 0;
    width: 250px;
}
/*==================
▽ticker
====================*/
.ticker {
	padding: 15px 0;
	width: 100%;
	text-align: center;
	color: #fff;
	background: #000;
	position: relative;
	overflow: hidden;}
	.ticker_red{
		background: #FF0004;}

.ticker ul {
	width: 960px;
	margin: 0 auto;
	position: relative;}

.ticker ul li {
	width: 100%;
	/* display: none; */
	line-height: 1;}
	.ticker ul li a{
		font-size: 130%;
		font-weight: bold;
		color: #fff;}
	
/*==================
▽contents
====================*/		
#contents{}	
#contents_inner{
	overflow: hidden;}

/*===========================================
▼▼▼メイン部分▼▼▼
=============================================*/
.conte #main{
	max-width: 1000px;
	margin: auto;} 
.conte #main_inner{
	
	padding: 0px 40px 0px 40px;}

/*===========================================
▼▼▼サイド部分▼▼▼
=============================================*/
	
.conte_2col .contents_inner{
	max-width: 1000px;
	margin: 0px auto 30px;
	overflow: hidden;}
	#dry_tech .contents_inner{
		border-left: 10px solid #2face0;
		padding-left: 20px}
	#rc .contents_inner{
		border-left: 10px solid #9c9c9c;
		padding-left: 20px}
	#econ .contents_inner{
		border-left: 10px solid #008b34;
		padding-left: 20px}
	.buy .contents_inner{
		max-width: 1000px;
		margin: auto;
		border-left: 10px solid #f7a30f;}
	
.conte_2col #main{
	width:660px;
	margin: auto;
	float: left;} 
.conte_2col #main_inner{
	padding: 0px 0px 0px 0px;}
	
#side{
	width: 280px;
	margin: 40px auto 0px;
	float: right;
	font-size: 90%;} 
#side_inner{
	padding: 0px 0px 0px 0px;}

/*▽サイドメニュー*/
.side_menu{
	background: #fff;
	margin-bottom: 25px;}
.side_menu .ttl{
	padding: 7px 0px 6px;
	background: #156cb6;
	color: #ffff00;
	text-align: center;
	font-size: 120%;}
.side_menu ul{
	border-top: 1px solid #156cb6;}
.side_menu li a{
	display: block;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px dashed #fff;
	padding: 10px 10px 10px 10px;
	color: #fff;
	font-weight: bold;}
li:last-child a{
    border-bottom-style: solid;}
.side_menu li a:hover{
	background: #e9f6fe;}
.side_menu li .cr{
	background: #e9f6fe;}

/*▽サイド検索*/
.side_search{
	margin-bottom: 15px;
	padding: 10px 20px;
	background: rgba(0, 0, 0, 0) url("../img/bg1.jpg") }
	.side_search .img100{
			display: block;
			max-width: 100% !important;
			height: auto !important;}
	.side_search .txt1{ font-size: 90%; margin-bottom: 10px;}
	.side_search input[type="text"] {
    width: 100%;
    border: 1px solid #502903;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;}
		.side_search input[type="submit"] {
				width: 100%;
				background: #502903;
				border: 1px solid #502903;
				color: #fff;
				cursor: pointer;
				padding: 5px 15px;
				border-radius: 10px;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-appearance: none;
				margin-bottom: 10px;}
	.side_search .btn a{
		width: 100%;
		margin: 0 0 10px;}

/*▽サイド実績*/
.side_results{
	margin-bottom: 30px;
	background: rgba(0,0,0,0.5);}
.side_title1{
	margin-bottom: 0px;
	padding: 15px 0px 14px;
	color: #fff;
	text-align: center;
	font-size: 120%;
	background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, #502903),
	color-stop(1, #00B822)
	);
	background-image: -o-linear-gradient(right, #502903 0%, #f7a30f 100%);
	background-image: -moz-linear-gradient(right, #502903 0%, #f7a30f 100%);
	background-image: -webkit-linear-gradient(right, #502903 0%, #f7a30f 100%);
	background-image: -ms-linear-gradient(right, #502903 0%, #f7a30f 100%);
	background-image: linear-gradient(to right, #502903 0%, #f7a30f 100%);}

	
.side_results ul{
	 margin: 0px 0px 0px 0px;}
.side_results ul li{
	 list-style: none;
	 margin: 0px 0px 0px 0px;}
.side_results ul li a{
	 display:block;
	 color: #fff;
	 padding: 12px 25px 12px 10px;
	 position: relative;
	 text-decoration:none;}
.side_results ul li a::after{
	 border-right: 3px solid #fff;
	 border-top: 3px solid #fff;
	 border-radius: 2px;
	 content: "";
	 margin: 0 0 0 10px;
	 height: 10px;
	 right: 10px;
	 position: absolute;
	 transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 top: 17px;
	 width: 10px;}
.side_results ul li a:hover {
	 background: rgba(0,0,0,0.6);
	 color: #fff;}
.side_results ul li a:hover {
	 background: rgba(0,0,0,0.6);
	 color: #fff;}	
	
.side_results .btn a{
	display: block;
	border: 1px solid #fff;
	padding: 10px 10px 8px 10px;
	background: rgba(0,0,0,0.7);
	text-align: center;}
.side_results .btn span{
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 100%;}
	.side_results .btn span:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: -15px;
		width: 6px;
		height: 6px;
		margin: -5px 0 0 0;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);}

.side_results .btn a:hover{
	display: block;
	border: 1px solid #502903;
	background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, #502903),
	color-stop(1, #00B822)
	);
	background-image: -o-linear-gradient(right, #502903 0%, #00B822 100%);
	background-image: -moz-linear-gradient(right, #502903 0%, #00B822 100%);
	background-image: -webkit-linear-gradient(right, #502903 0%, #00B822 100%);
	background-image: -ms-linear-gradient(right, #502903 0%, #00B822 100%);
	background-image: linear-gradient(to right, #502903 0%, #00B822 100%);}
.side_results .btn a:hover span{
	color: #fff;}
	.side_results .btn a:hover span:after {
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;}

/*▽サイドバナー*/
.side_banner ul{
	background: rgba(0,0,0,0.2);
	padding: 20px 20px 20px 20px;}
.side_banner img{
	max-width: 100%;
	margin-bottom: 5px;}
	.side_banner li a{
		display: block;
		position: relative;
		background: #fff;}
	.side_banner li a img{
		display: block;
		max-width: 100% !important;
		height: auto !important;}

/*パンくず*/	
.path{
	max-width: 1000px;
	margin: 10px auto 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;}
	.path li{
		display: inline-block;}
	.path li + li:before {
		margin: 0 5px;
		content: ">";}
	.path li a{
		display: inline-block;
		padding: 3 0px;
		font-size: 80%;}

/* Dry Tech */
#dry_tech #main #main_inner{ position: relative; }
#pop_price{
	position: fixed;
	bottom: 120px;
	left: 20px;
	width: 200px;
	background: #502903;
	padding: 20px;
	color: #fff;
	z-index: 10;
	line-height: 1.2; }
	#pop_price h2,
	#pop_price h2 a{ font-size: 120%; color:rgba(255,237,0,1.00); font-weight: bold; margin-bottom: 7px; }
	#pop_price ul{ margin-bottom: 7px;  }
		#pop_price ul li{ display: inline; font-size: 12px; margin-right: 5px; }
	#pop_price p a{ color: #fff !important; }
.zigzag {
  position: relative;}
.zigzag::before, .zigzag::after {
  height: 20px;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;}
.zigzag::before {
  top: -20px;
  background: linear-gradient(45deg, #502903 10px, transparent 0), linear-gradient(315deg, #502903 10px, transparent 0);
  background-size: 20px 20px;}
.zigzag::after {
  bottom: -20px;
  background: linear-gradient(135deg, #502903 10px, transparent 0), linear-gradient(225deg, #502903 10px, transparent 0);
  background-size: 20px 20px;}
/*==============================
　archive_standard
================================*/
.archive_standard{}
	.entry_header{
		font-size: 140%;
		line-height: 1.2;
		position: relative;
		padding: 15px 10px 15px 15px;
		color: #FFF;
		background: #502903;
	}
.entry_header:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 25px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #502903;}
.entry_body{
	padding: 30px 40px 20px 40px;
	overflow: hidden;
	background: rgba(255,255,255,0.6);
	margin-bottom: 30px;}
.article_standard .entry_body a{
	display: inline-block;
	background: linear-gradient(transparent 60%, #ffff66 60%);}
.article_standard .mt-enclosure-image a{
	display: inline;
	background: none;}
	.entry_body p, .entry_body h1, .entry_body h2, .entry_body h3, .entry_body h4, .entry_body h5, .entry_body h6, .entry_body ul, .entry_body ol, .entry_body table{
		margin: 0 0 20px 0;}
	.entry_body h1, .entry_body h2, .entry_body h3{
		font-size: 130%;
		line-height: 1.2;}
	.entry_body h4, .entry_body h5, .entry_body h6{
		font-size: 120%;
		line-height: 1.2;}
		
.archive_standard img{
	max-width: 100%;
	height: auto;
	display: block;
	margin: auto;}

.entry_body .entry_img{ margin-bottom: 15px; }

.entry_body h2{
	margin: 50px 0 20px 0;                             
    position: relative;
    padding: 15px 10px 15px 15px;
	color: #000;
	border: 3px solid #502903;
	border-left: 7px solid #502903;
	background: rgba(255,255,255,0.8);
	clear:both;}	

.entry_body h3 {
 margin-top:30px;
    padding: 10px 0;
    font-weight: bold;
	/*background: rgba(0,0,0,0.5);
	color:#FFF;*/
}

.entry_body h4 {
    padding: 10px 10px 10px 15px;
	border-left:4px solid  #502903;
	color: #502903;
	font-weight: bold;
	background: rgba(255,255,255,0.8);}	

.entry_body h5 {
    padding: 13px 10px 13px 15px;
	border:2px solid #ff1700;
	font-weight: bold;
	color: #ff1700;}	

.entry_body h6 {
    padding: 3px 10px 3px 5px;
	color: #502903;
	font-size: 130%;
	font-weight: bold;}
	
.entry_body ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    padding: 0;
    margin: 0px 0px 25px 20px !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);}
.entry_body ol li{
    position: relative;
    display: block;
    padding: .1em .4em .1em 1.5em;
    *padding: .4em;
    margin: .5em 0;
    text-decoration: none;
    transition: all .3s ease-out;}
.entry_body ol li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
	top: 17px;
    margin-top: -1.3em;
	background: rgba(0,0,0,0.5);
    height: 1.8em;
    width: 1.8em;
    line-height: 1.8em;
    text-align: center;
    border-radius: 2em;
    transition: all .3s ease-out;
	color: #fff;}
	
.entry_body ul {
    margin: 0px 0px 25px 0px !important;}
	
.entry_body ul {
    margin: 0px 0px 30px 20px !important;}
	.entry_body ul li {
		position: relative;
		padding: .6em .4em .6em 1.5em;
		*padding: .4em;
		line-height: 1.2;}
	.entry_body ul li::after,
	.entry_body ul li::before {
		display: block;
		content: '';
		position: absolute;}
	.entry_body ul li::after {
		top: .16em;
		left: -1.2em;
		height: 1.7em;
		width: 1.7em;
		line-height: 2em;
		background: rgba(0,0,0,0.5);
		border-radius: 100%;}
	.entry_body ul li::before {
		z-index: 2;
		top: .775em;
		left: -.625em;
		width: 5px;
		height: 5px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);}
.entry_body blockquote{
	padding: 2em 2em 1em 4em;
	position:relative;}
	.entry_body blockquote::before{
		content: "“";
		font-size: 600%;
		font-family:"ＭＳ Ｐゴシック",sans-serif;
		color: #ddd;
		position: absolute;
		top: 0;
		left: 0;}
/* フロー */
.entry_body ol li.flow {
	position: relative;
	background: #502903;
	width: 90%;
	margin: 0 0 25px 5% !important;
	padding: 15px 25px;
	color: #fff;
	font-weight: bold;
	border-left: 15px #f7a30f solid; }
	.entry_body ol li.flow::before{ content: none !important;}
	.entry_body ol li.flow::after {
		top: 100%;
		left: 5%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-top-color: #502903;
		border-width: 15px;
		margin-left: -20px;}
		.entry_body ol li.flow:last-child::after{
			border: none;
			content: none;}

/* 著者 */
.author{
	background: #fff !important;
	padding: 15px;
	margin-bottom: 20px;
	overflow: hidden;}
	.author .img{
		width: 35%;
		float: left;
		margin: 0 !important;}
	.author .txt_area{
		width: 65%;
		padding-left: 10px;
		float: left;}
		.author .ttl{
      font-size: 140%;
			text-align: center;
			border: none !important;
			margin-bottom: 30px !important;
			padding: 5px 0 0 !important;
			background: none !important;}
			.author .ttl span{  font-size: 120%; }	

/* 記事日付 */
.entry_body .date{
	text-align: right;}
	.entry_body .date::after{
		content: " 更新"; }

/* コメント */
.comment-header{
	font-size: 110%;
	color: #502903;
	padding: 10px 5px;
	margin-bottom: 15px;
	border-bottom: 1px #666 dotted; }
	
.comment_reply a{
	padding: 2px 8px;
	background: #502903;
	color: #fff;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px; }

#comments-open-footer{
	text-align: center;
	display: block; }
#comment-submit{
	text-align: center;}
	#comment-submit {
		background: none repeat scroll 0 0 #666;
		cursor: pointer;
		border: 0 none;
		/*border-radius: 5px;*/
		color: #ffffff;
		font-size: 19px;
		font-weight: bold;
		letter-spacing: 0.1em;
		margin: 0px 0 20px;
		padding: 15px 100px;}
	#comment-submit:hover{
		background: #502903;}

/*==============================
　実績写真一覧
================================*/
.photo_list{}

.photo_list .archive_list{
	margin: 40px 0px 40px;}
.photo_list .archive_list h2{
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	color: #fff;
	background: rgba(0,122,228,0.9);
	text-align: center;
	font-size: 120%;
	line-height: 1.4;}
.photo_list .archive_list ul{
	overflow: hidden;}
	.photo_list .archive_list ul >li{
		float: left;
		width: 48.5%;
		margin-bottom: 10px;
		position: relative;}
	.photo_list .archive_list ul >li:nth-child(odd){
		margin-right: 3%;}
	.photo_list .archive_list ul >li img.arrow{
		width: 25%;
		position: absolute;
		right: 0px;
		bottom: 0px;
		z-index: 100;}


/*==============================
　FAQ
================================*/
.faq{}
	#question .archive_qalist .entry_header{
		line-height: 1.5;
		padding: 15px 15px 13px 15px;
		text-indent: -3.3em;
		padding-left: 4.3em;
		background: #fff ;
		border-bottom: 3px solid #502903;}
		#question .archive_qalist .entry_header:after {
			display: none;}
		#question .archive_qalist .entry_header:before{
			color: #502903;
			content: '質問： ' ;}
.archive_qalist .entry{
	background: rgba(255, 255, 255, 0.6);
	margin-bottom: 20px;}
.archive_qalist .entry .c_fix{
	padding: 20px 20px 20px 20px;}
	.archive_qalist .entry .comme,
	.archive_qalist .entry .more{
		float: left;
		width: 50%;
		text-align: center;}
	.archive_qalist .entry .comme a{
			display: block;
			padding: 10px 20px 10px 20px;}
		.archive_qalist .entry .more a{
			display: block;
			padding: 10px 20px 10px 20px;
			color: #fff;
			background: rgba(0, 0, 0, 0.6);}
			.archive_qalist .entry .more a:hover{
			background: rgba(0, 0, 0, 0.8);}
				
#comments-open-data textarea {
	width: 100% !important;}

/* 画像横リスト */
.archive_list{}
.archive_list .category_header{
	background: #666;
	color: #fff;
	padding: 7px 15px;
	margin-bottom: 15px;
	font-size: 21px;
	font-weight: bold;}
.archive_list .box_type2{}
	.archive_list .box_type2 ul{
		display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
		border-top: 1px solid #999;
		padding-top: 25px;}
		.archive_list .box_type2 li{
			padding: 0 20px;
			margin-bottom: 20px;
			float: left;}
			.archive_list .box_type2 li .img{
				margin-bottom: 10px;}
			.archive_list .box_type2 li img{
				width: 100%;
				height: auto;}
			.archive_list .box_type2 li .ttl{
				margin-bottom: 5px;
				font-weight: bold;
				font-size: 120%;}
			.archive_list .box_type2 li .txt{
				margin-bottom: 10px;}
			.archive_list .box_type2 li .btn a{
				width: 100%;
				display: block;
				padding: 4px 0px;
				text-align: center;
				font-size: 80%;
				font-weight: bold;
				color: #fff;
				background: #502903;
				letter-spacing: 0.2em;}
				.archive_list .box_type2 li .btn a:hover{
					color: #fff;
					background: #666;
					text-decoration: none;}

.archive_list .box_type3{}
	.archive_list .box_type3 ul{
		border-top: 1px solid #999;
		padding-top: 10px;}
	.archive_list .box_type3 li{
		padding: 0px 0px 20px 0px;
		margin-bottom: 20px;
		overflow: hidden;
		border-bottom: 1px solid #999;
        list-style: none;}
	.archive_list .box_type3 li .img{
		float: left;
		margin-right: 20px;}
	.archive_list .box_type3 li .ttl{
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 120%;}
	.archive_list .box_type3 li .txt{
		margin-bottom: 10px;}
	/* 記事日付 */
	.archive_list .box_type3 .date{
		font-size: 80%;
		font-weight: bold;
		background: #ccc;
		padding: 2px 5px;}
		.archive_list .box_type3 .date::after{
			content: " 更新"; }
	.archive_list .box_type3 li .btn a{
		width: 100%;
		display: block;
		padding: 4px 0px;
		text-align: center;
		font-size: 80%;
		font-weight: bold;
		color: #fff;
		background: #502903;
		letter-spacing: 0.2em;}
		.archive_list .box_type3 li .btn a:hover{
			color: #fff;
			background: #666;
			text-decoration: none;}
		.archive_list .box_type3 li span.ico{
			font-size: 80%;
			display: inline-block; 
			margin-left: 10px;
			background: #502903;
			color: #fff;
			padding: 0px 10px;
			text-align: center;}
			
/* タグ表示 */
.tag_entry{}
.tag_body{
	padding: 30px 40px 20px 40px;
	overflow: hidden;
	background: rgba(255,255,255,0.6);
	margin-bottom: 30px;}
	.tag_body .txt1{
		font-size: 110%;
		font-weight: bold;
		margin-bottom: 15px;
		text-align: center; }
		
.tag_body ul {
    margin: 0px 0px 0 20px !important;}
	.tag_body ul li { display: inline-block; }
		.tag_body ul li a{
			background: #ececec;
			border-radius: 3px;
			display: inline-block !important;
			line-height: 1.2;
			margin-bottom: 6px;
			padding: 3px 5px; }
		.tag_body ul li a:hover{
			color: #fff;
			background: #502903;}
		
/* サービスフォーム */
.service_form{ margin-top: 25px; }

/* サービスボタン */
.service_button{
		font-size: 140%;
		line-height: 1.5;
		position: relative;
		margin-bottom: 25px;
		padding: 20px 10px 15px 15px;
		color: #FFF;
		background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #502903),
		color-stop(1, #00B822)
		);
	background-image: -o-linear-gradient(right, #502903 0%, #00B822 100%);
	background-image: -moz-linear-gradient(right, #502903 0%, #00B822 100%);
	background-image: -webkit-linear-gradient(right, #502903 0%, #00B822 100%);
	background-image: -ms-linear-gradient(right, #502903 0%, #00B822 100%);
	background-image: linear-gradient(to right, #502903 0%, #00B822 100%);}
	.service_button a{ display: block; text-align: center; color: #fff; }

/* 流れ */
#flow{
	padding-top: 15px;
	font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif; }
	#flow h2{
		text-align: center;
		font-weight: bold !important;
		font-size: 140%;
		margin-bottom: 10px;
		color: #00A0E9;}
	#flow table{}
		#flow table td{ vertical-align: top !important; }
		#flow table h3{
			color: #502903 !important;
			background: none;
			margin: 0;
			padding: 5px 0;
			font-weight: bold;
			font-size: 120%;}
/*==============================
　article_original
================================*/
		
.article_original .entry_header{
	padding: 10px 0px 10px 0px;
	text-align: left;
	font-size: 100%;
	color: #000 !important;}
.article_original .entry_header strong{
	font-size: 200%;
	display: inline-block;
	padding: 0px 10px 0px 0px;
	color: #156cb6;
	font-family: 'Josefin Sans', sans-serif;}
			

/*==================
　共通
====================*/
.inner ul{overflow: hidden;}
.f1{font-family: 'Josefin Sans', sans-serif;}

/*タイトル１*/
.title{
	font-size: 160%;
	line-height: 1.2;
	padding: 5px 10px 5px 15px;
	margin-bottom: 20px;
	color: #000;
	font-family: 'Josefin Sans', sans-serif;
	position: relative;
	border-left: 5px solid #de3c2c;
	vertical-align: middle;}
.title .subttl{
	display: inline-block;
	font-size: 60%;
	color: #de3c2c;
	padding: 10px 15px 10px 15px;
	font-weight: bold;}
/*タイトル2*/
.title2{
	font-size: 170%;
	line-height: 1.2;
	text-align: center;
	padding: 5px 10px 5px 15px;
	margin-bottom: 20px;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;}
	.title2 span{
		font-size: 60%;
		display: block;
		padding-bottom: 5px;}
	
/*PCwidth100*/
.pcimg100{
    display: block;
    max-width: 100% !important;
	height: auto !important;}
	
/*PDFダウンロード*/
.pdf_dl{
	border: 1px solid #156cb6;
	padding: 10px 5px 10px 15px;
	overflow: hidden;}
	.pdf_dl .ico{
		float: left;
		display:block;
		width: 100px;
		text-align: center;
		padding: 5px 10px 5px;
		margin: 0px 10px 0px 0px;
		color: #fff;
		font-size: 70%;
		background: #C00;}
	.pdf_dl .ttl{
		display:block;
		overflow: hidden;}

/* ソーシャルボタン */
#socialbuttons{
	margin-bottom: 15px;
	padding: 10px 10px 0;
	overflow: hidden;
	clear: both;}
#socialbuttons>div{
	float: left;
	vertical-align: top;}
	#socialbuttons .facebook_like{
		margin-right: 0px;}
	#socialbuttons .facebook_like iframe {}
	#socialbuttons .facebook_share{
		margin-left: -17px;
		margin-right: 2px;}
	#socialbuttons .tweet{
		margin-right: 2px;}
	#socialbuttons .google{}
	#socialbuttons .google>div{
	width: 80 px;}
	.fb_iframe_widget > span {
	  vertical-align: baseline !important;}

/*ページ送り*/
#pagenav {
	position: relative;
	overflow: hidden;}
	#pagenav ul {
		position: relative;
		left: 50%;
		float: left;
		margin: 0 0 30px;
		padding: 0px;
		border: none;}
	#pagenav ul li {
		background: none;
		position: relative;
		left: -50%;
		float: left;
		margin: 0px 5px 5px 0px;
		border: none !important;
		}
	#pagenav li span,
	#pagenav li a {
		display: inline-block;
		*display: inline;
		*zoom: 1; 
		text-decoration: none;
		width: 30px;
		line-height: 30px;
		text-align: center;
		background: rgba(255,255,255,0.6);
		color: #000;
		border-radius: 15px; 
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px; }
		#pagenav li a:hover {
			color: #fff;
			background-image: -webkit-gradient(
			linear,
			left top,
			right top,
			color-stop(0, #502903),
			color-stop(1, #00B822)
			);
			background-image: -o-linear-gradient(right, #502903 0%, #00B822 100%);
			background-image: -moz-linear-gradient(right, #502903 0%, #00B822 100%);
			background-image: -webkit-linear-gradient(right, #502903 0%, #00B822 100%);
			background-image: -ms-linear-gradient(right, #502903 0%, #00B822 100%);
			background-image: linear-gradient(to right, #502903 0%, #00B822 100%);}
		#pagenav li .cr {
			color: #fff;
			background-image: -webkit-gradient(
			linear,
			left top,
			right top,
			color-stop(0, #502903),
			color-stop(1, #00B822)
			);
		background-image: -o-linear-gradient(right, #502903 0%, #00B822 100%);
		background-image: -moz-linear-gradient(right, #502903 0%, #00B822 100%);
		background-image: -webkit-linear-gradient(right, #502903 0%, #00B822 100%);
		background-image: -ms-linear-gradient(right, #502903 0%, #00B822 100%);
		background-image: linear-gradient(to right, #502903 0%, #00B822 100%);}
			
/*前のページに戻る*/
.page_back{
	text-align: center;}
.page_back a{
	display: block;
	width: 300px;
    background: #502903;
	cursor: pointer;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 20px auto 20px;
    padding: 15px 0px;}
.page_back a:hover{
	background: #156cb6;}

/*==============================
　テーブル関係
================================*/
/*table1･･･通常とお問い合わせ*/		
.table1 table{
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;}
.table1 th{
	width: 180px;
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: rgba(255,255,255,0.5);
	vertical-align: top;}
.table1 td{
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	vertical-align: top;}
/*table2･･･会社案内と採用情報*/		
.table2 table{}
.table2 th{
	width: 130px;
	padding: 10px 10px;}
.table2 td{
	padding: 10px 10px;}
/*table3･･･複雑なテーブル(商材部分など)*/
.table3 table{
	font-size: 70% !important;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;}
.table3 th{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 10px;}
.table3 td{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 10px;}
.td_bg{
	text-align: center;
	background: #f6f6f6;}
.td_c{
	text-align: center;}
.table3 table .th1{
	width: auto !important;}
.table3 table .td2{
	width: 40% !important;}
.table3 table .td3{
	width: 40% !important;}
/*table4･･･複雑なテーブル(商材部分など)*/
.table4 table{
	font-size: 80% !important;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;}
.table4 th{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 10px;}
.table4 td{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 10px;}
	
/*table5･･･ファセットで使用*/
.table5 {
	overflow: scroll;
	overflow-y: hidden;
	position:relative;
	padding-top: 25px;
	white-space: nowrap;}
.table5 table{
	width: 540px;
	margin-top: 10px;
	font-size: 80% !important;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;}
.table5 th{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px 5px;
	vertical-align: middle;}
.table5 td{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px 5px;
	vertical-align: middle;
	text-align: center}
.table5 table .td_bg{}
.table5 table .th1{}
.table5 table .td2{}
.table5 table .td3{}
.table-wrap{overflow: auto; position:relative;}
.table5:before{
content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換 */
color:#fff;
background-color: #F60;
position: absolute;
top:0px;
border-radius: 5px;
padding: 3px 5px;
margin-bottom: 10px;
font-size: 80%;}

/*table00･･･通常とお問い合わせ*/		
.table00{
	overflow: hidden;
	font-size: 90%;}
	
.table00 table{}
.table00 table th{
	padding: 3px;
	vertical-align: top;}
.table00 table td{
	padding: 3px;
	vertical-align: top;}
	
/*タブ*/
.sub_menu{
	margin-bottom: 20px;}
	.sub_menu ul{
		overflow: hidden;}
	.sub_menu ul li{
		float: left;
		width: 20%;}
	.sub_menu ul li a{
		display: block;
		text-align: center;
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
		color: #fff;
		padding: 10px 10px 10px 10px;
		margin: 5px 5px 5px 5px;}

		
/*==============================
　times_list
================================*/
.times_list{
	margin: 20px auto 20px;}
.times_list{
	max-width: 1000px;
	margin: 20px auto 30px;}
	.times_list ul{
		margin-bottom: 20px;}
	.times_list li{
		overflow: hidden;
		border-bottom: 1px dashed #000;}
	.times_list .day{
		display: inline-block;
		padding: 4px 25px 0px;}
	.times_list .ttl{
		display: inline-block;}
	.times_list li:last-child a{
		border-bottom: none;}
	.times_list ul li a{
		float: left;
		display: block;
		position: relative;
		padding: 10px 25px 15px 10px;
		color: #000;
		line-height: 1.2;}
	.times_list .ico{
		display: inline-block;
		width: 100px;
		text-align: center;
		padding: 3px 10px 3px;
		margin: 0px 0px 0px 25px;
		color: #fff;
		font-size: 70%;
		background: #C00;}
		
	.other_pdf{
		margin-bottom: 20px;}
	.other_pdf a[href$=".pdf"] {
		padding-right: 24px;
		background: url("../img/share/icn_pdf.png") no-repeat scroll right center rgba(0, 0, 0, 0);}
	.other_pdf h2{
    padding: 10px 10px 10px 15px;
	background: rgba(0,0,0,0.5);
	color:#FFF;}
	.other_pdf ul{
		padding: 10px 20px 20px 20px;}

/*==============================
　company
================================*/
.company .entry_body .img{
	float: right;
	margin: 0px 0px 0px 30px;}
.company .entry_body .ttl{
	font-size: 200%;
	line-height: 1.2;
	margin:0px 0px 20px 0px;
	color: #502903;}
.company .entry_body table p{
	margin-bottom: 10px;}
.company .entry_body .txt{}
.company .entry_body .txt_area{ float: left; }
.company .entry_body ul {
    margin: 0px 0px 10px 20px !important;}
	.company .entry_body ul li {
		position: relative;
		padding: .5em .4em .5em 1.5em;
		*padding: .4em;
		line-height: 1.2;}
	.company .entry_body ul li::after,
	.company .entry_body ul li::before {
		display: block;
		content: '';
		position: absolute;}
	.company .entry_body .table1 ul li::after {
		top: .16em;
		left: -1.2em;
		height: 1.7em;
		width: 1.7em;
		line-height: 2em;
		background: rgba(0,0,0,0.5);
		border-radius: 100%;}
	.about_us .entry_body ul li::before {
		z-index: 2;
		top: .775em;
		left: -.625em;
		width: 5px;
		height: 5px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);}
	
.company .box_type3{}
	.company .box_type3 ul{ margin: 0 0 20px !important; }
	.company .box_type3 li{
		padding: 0px 0px 20px 0px;
		margin-bottom: 20px;
		overflow: hidden;
		border-bottom: 1px solid #999;}
		.company .box_type3 li::before{
			border: none !important;
			background: none !important; }
		.company .box_type3 li::after{
			border: none !important;
			background: none !important; }
	.company .box_type3 li .img{
		float: left;
		margin: 0 20px 20px 0;}
	.company .box_type3 li .ttl{
		margin-bottom: 15px;
		font-weight: bold;
		font-size: 120%;}
		.company .box_type3 li .ttl span{
			font-size: 80%;
			display: block; 
			margin-bottom: 10px;
			color: #502903;
			padding: 0px 10px;}
	.company .box_type3 li .txt{
		font-size: 90%;
		line-height: 1.6;
		margin-bottom: 15px;}

/*==============================
　mailform
================================*/
.mailform .entry_body span{
	color: #F60;} 
.mailform .att{
	margin-bottom:20px;
	border: 1px solid #156cb6;
	padding: 10px 20px;}
.mfp_buttons{
	text-align: center;}
.mfp_buttons button {
    background: none repeat scroll 0 0 #000000;
	cursor: pointer;
    border: 0 none;
    /*border-radius: 5px;*/
    color: #ffffff;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 0px 0 20px;
    padding: 15px 100px;}
.mfp_buttons button:hover{
	background: #502903;}
	
.mailform textarea ,.mailform input ,.mailform select{
    border: 1px solid #aaa;
	padding: 1px 4px 1px 5px;}

/*==============================
　recruit
================================*/
.recruit .entry_body .img{
	float: right;
	margin: 0px 0px 0px 30px;}
.recruit .entry_body .ttl{
	font-size: 200%;
	line-height: 1.2;
	margin:0px 0px 20px 0px;
	color: #502903;}
.recruit .entry_body .txt{}


/*==============================
　product
================================*/
.product .entry_body {
	max-width: 690px;
	margin: auto;
	background: rgba(255,255,255,0.6);
	padding: 30px 60px 30px 60px;}
	
/*==================
▽フロー
====================*/

.product .entry_body .process_flow img{
	float:left;
	width:33.3%;
	padding:0px 10px;}
	.process_flow img:last-child{
		padding:0px;}
	
/*フロー追加*/

.product .entry_body .nrr_flow{
	padding:10px!important;}
	.nrr_flow table td{ 
		vertical-align: top !important; 
		padding-right:0px!important;}
		.nrr_flow table td:first-child{
			width:40px;}
	.nrr_flow table td img{
		max-width:35px;
		padding:0px;
		display:inline;}
	.nrr_flow h6{
		font-size:120%;}
	.nrr_flow h6 span{
		font-size:80%;}

/*==============================
　links
================================*/
.links .entry_body {}
.links .entry_body li{
	margin: 0px 0px 20px 0px;}
.links .entry_body li .name a{
	display: block;
	color: #502903;
	font-size: 140%;
	font-weight: bold;
	margin: -3px 0px 5px 0px;}
.links .entry_body li .txt{
	display: block;}
	
/*==検索エリア==*/
.search_area{
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding-left: 10px;
	padding: 40px 30px 20px 30px;}
.search_area_inner{
	/*background: rgba(255,255,255,0.6);
	padding: 25px 30px;
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/}
	.search_area .ttl1{
		vertical-align: middle;
		font-size: 140%;
		line-height: 1.1;
		font-weight: bold;
		text-align: center;
		padding: 20px 30px 15px;
		color: #fff;
		background: #000;}
	.search_area .title2{
		font-size: 200%;
		color: #000 !important;}

	.search_area .txt1 {
		color: #000;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;
		margin-bottom: 15px;}
	.search_area form{
		vertical-align: middle;
		padding-left: 0px;}
	.search_area input{
		width: 100%;
		padding: 5px 5px 5px 5px;
		font-size: 140%;}
	.search_area input[type="text"] {
		/*width: 710px;*/
		border: 1px solid #502903;
		padding: 10px 10px 10px 10px;
		margin-bottom: 10px;}
	.search_area input[type="submit"] {
		background: #502903;
		border: 1px solid #502903;
		color: #fff;
		cursor: pointer;
		padding: 5px 15px;
		border-radius: 10px; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;}
	.search_area input[type="submit"]:hover {
		background: #000;
		border: 1px solid #000;}

/*==============================
　search results
================================*/
.results_list{
	max-width: 1000px;
	margin: 20px auto 30px;}
	.results_list .results_header{
		padding: 10px 10px 10px 15px;
		border-left:4px solid  #502903;
		color: #502903;
		font-weight: bold;
		font-size: 140%;
		background: rgba(255,255,255,0.8);}
	.results_list ul{
		margin-bottom: 20px;}
	.results_list li{
		overflow: hidden;
		border-bottom: 1px dashed #000;}
		.results_list ul li a .ttl{
			margin-bottom: 15px;
			font-size: 140%;
			display: block;}
		.results_list ul li a .img1{
			margin-right: 20px;
			float: left; }
	.results_list li:last-child a{
		border-bottom: none;}
	.results_list ul li a{
		overflow: hidden;
		display: block;
		position: relative;
		padding: 20px;
		color: #000;}

/*==================
▽トップのみ使用
====================*/
.top_contents{
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
	padding: 40px 0px 20px;}
	.top_contents .top_box_l{
		width: 56%;
		float: left;}
	/*▽トップトピックス*/
	.top_contents .top_topics{
		position: relative;
		margin-bottom: 30px;}
	.top_contents .top_topics li{
		padding: 4px 0px;
		line-height: 1.2;}
	.top_contents .top_topics li .day{
		display: inline-block;
		margin-right: 10px;}
	.back_nb{
		position: absolute;
		top: 10px;
		right: 0px;
		font-size: 90%;
		display: block;
		padding: 5px 15px;
		line-height: 1.2;
		background: #502903;
		font-weight: bold;}
		.back_nb a{
			color: #fff;}
	.top_contents .top_box_r{
		width: 40%;
		float: right;}
	/*▽youtube*/
	.youtube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;}
		.youtube iframe {
			position: absolute;
			top: 0;
			right: 0;
			width: 100% !important;
			height: 100% !important;}

/*▽トップバナー*/
.banner_area{
	background: #000;}
	.banner_area .banner_area_inner{
		max-width: 1100px;
		margin: auto;}
	.banner_area ul{
		overflow: hidden;
		padding:10px 0px;}
	.banner_area li{
		float: left;
		width: 33.3%;
		padding: 5px 5px ;}
		
/*▽トップ実績*/	
.top_case_area{
	background: url(../img/bg1.jpg) fixed repeat;
	overflow: hidden;}	
.top_case_area_inner{
	width: 1100px;
	margin: auto;
	padding:40px 0px;}
	
   .tab_box {
    border: 1px solid #ccc;
    padding: 20px 30px;
    display: none;
	background: url(../img/top_conte_img1.jpg) right -20px no-repeat #fff;
	overflow: hidden;}
	.tab_box li{
		float: left;
		width: 50%;
		padding: 10px 10px 10px 10px;}
	.tab_box li:nth-child(3n) {
		clear: both;
}
	.tab_box li a{
		overflow: hidden;
		display: inline-block;
		position: relative;
		font-weight: bold;
			padding: 5px 0px 5px 1.4em;}
		.tab_box li a::after {
			display: block;
			content: '';
			position: absolute;
			top: 10px;
			left: 5px;
			width: 9px;
			height: 9px;
			background: #502903;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			overflow: hidden;}
	.tab_box li .img1{
		float: left;
		margin-right: 15px;}
	.tab_box li img{
		width: 100px !important;
		height: auto !important;}
	.tab_box li .inner{
		overflow: hidden;}
	.tab_box li span.day{
		display: inline-block; 
		margin-right: 20px;
		color: #ff1700;}
	.tab_box li span.ico{
		font-size: 90%;
		vertical-align: top;
		display: inline-block; 
		margin-left: 10px;
		background: #502903;
		color: #fff;
		padding: 5px 10px;}
		
/*==================
▽長岡生コンローカル
====================*/
.nnl_mainimg{}
.nnl_mainimg img{
	max-width: 100%;}
.nnl .top_contents .top_topics ul{
		border-top: 1px solid #ccc;}
.nnl .top_contents .top_topics li{
		padding: 20px 10px;
		line-height: 1.2;
		border-bottom: 1px solid #ccc;}

/* フッター固定　お問い合わせフォーム */
#contact_bottom {
	position: fixed;
	bottom: 0;
	right: 10px;
	width: 300px;
	background: #eee;
	z-index: 10;}
#contact_bottom #chara{
	position: absolute;
	top: -60px;
	right: 50px;
}
#contact_bottom button{
	width: 100%;
	line-height: 40px;
	padding: 0 10px;
	background: rgba(255,0,4,1.00);
	color: #fff;
	font-weight: bold;}
#contact_bottom #pre_button{ 
	padding: 0 10px 0 20px;
	text-align: left !important; }
#contact_bottom button span{
	font-family: 'LigatureSymbols';
	font-size: 30px;
	float: right; }
#contact_bottom_inner{ padding: 10px; }

/*==================
footer
====================*/
#footer{
	clear: both;
	width: 100%;} 
#footer_inner{
	position: relative;
	overflow: hidden;
	max-width: 1000px;
	margin: auto;
	padding: 30px 0px 30px;}
.itogroup{
	position: absolute;
	top: 30px;
	right: 0;}
.add{
	margin: 10px 0px 10px 0px;
	line-height: 1.2;
	position:relative;}
	.add .foot_logo{
		margin: 0px 0px 10px 0px;}
#footer .customer_btn{
position:absolute;
right:0;
top:0;
}
#copyright{
	border-top:1px solid #ccc;
	padding: 15px 0px 0px 0px;
	text-align: left;
	font-size: 80%;
	color: #666;}
	#foot_menu{
	font-size: 90%;}
	#foot_menu li{
		display: inline-block;}
	#foot_menu li a{
		display: block;
		padding: 10px 10px 10px 10px;}

#page_top{
	position: fixed;
	bottom: 10px;
	right: 0px;}

/*=タブレット表示=*/	
@media only screen and (max-width: 980px) {
	
/*===========================================
▼▼▼サイド部分▼▼▼
=============================================*/
	
.conte_2col .contents_inner{
	max-width: 1000px;
	margin: auto;
	padding: 0 !important;
	overflow: hidden;}
	
.conte_2col #main{
	width: 100% !important;
	height: auto !important;
	clear: both !important;
	margin: auto;} 
.conte_2col #main_inner{
	padding: 0px 10px 0px 10px;}
	
#side{
	width: 100% !important;
	height: auto !important;
	clear: both !important;
	margin: auto;} 
#side_inner{
	padding: 10px 10px 10px 10px;}

/*▽サイド実績*/
.side_menu{
	margin-bottom: 25px;}
	
/*▽サイド実績*/
.side_results{
	margin-bottom: 25px;}
.side_title1{
	margin-bottom: 10px;
	padding: 7px 0px 7px;
	color: #fff;
	text-align: center;
	font-size: 120%;}
.side_results ul{
	margin-bottom: 15px;}
.side_results li a{
	display: block;
	padding: 10px 10px 10px;
	border-bottom: 1px dashed #502903;
	color: #156cb6;
	line-height: 1.2;}

.side_results .btn{
	text-align: center;}
.side_results .btn a{
	display: block;
	border: 1px solid #502903;
	padding: 10px 20px 8px 30px;
	background: #fff;}
.side_results .btn span{
	position: relative;
	display: inline-block;
	color: #502903;
	font-size: 100%;}
	.side_results .btn span:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: -15px;
		width: 6px;
		height: 6px;
		margin: -5px 0 0 0;
		border-top: solid 2px #502903;
		border-right: solid 2px #502903;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);}

.side_results .btn a:hover{
	display: block;
	border: 1px solid #502903;
	padding: 10px 20px 8px 30px;
	background: #502903;}
.side_results .btn a:hover span{
	color: #fff;}
	.side_results .btn a:hover span:after {
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;}

/*▽サイドバナー*/
.side_banner ul{
	overflow: hidden;}
.side_banner li{
	float: left;
	width: 50%;
	text-align: center;}
.side_banner li:nth-child(2n+1){
	clear: both;}
.side_banner img{
	max-width: 98%;
	margin-bottom: 5px;}
	
}

	
/*=PC表示=*/
@media only screen and (min-width: 737px) {
.mobi_only{
	display: none;}}

/*=タブレット表示=*/	
@media only screen and (max-width: 736px) {

	.contact_tbl{}
	.contact_tbl tr th,
	.contact_tbl tr td{}
	.contact_tbl tr th{ display: block; width: 100%; }
	.contact_tbl tr td{ display: block; width: 100%; }
	
#wrapper{ min-width: 0;}
/*===========================================
▼▼▼ヘッダー部分▼▼▼
=============================================*/	
/*form*/
.conte_form{
	position:relative;
	width:100%;
	height:550px;
	margin:auto;
	background:none;
	z-index:0;
	background:none;}
	.conte_form_inner{
		width:100%;}
	.conte_form .title2{
		font-size:120%;
		width:100%;
		padding:15px 0px 0px 0px;
		margin-bottom:10px;}
	.conte_form img{
		text-align:center;}
	.conte_form table{
		width:100%;
		margin-bottom: 5px;}
		.conte_form th,
		.conte_form td{
			max-width:100%;
			min-width:100%;
			padding:3px 10px;
			vertical-align:top;
			font-weight:bold;
			line-height:1.8;
			display:block;}
		.conte_form td span{
			display:block;}
			.conte_form .check{
				font-size:14px;}
		.conte_form .mfp_buttons{
			display:block;
			max-width:100%;}
		.conte_form .mfp_buttons button{
			padding:15px 100px;}
.conte .border,
.conte_2col .border{
	margin-top:0px;}
	.conte_form th,
	.conte_form td{
		display:block;}
	.conte_form textarea,
	.conte_form select{
		width:100%!important;}
	.conte_form input{
		width:50%!important;}
	.conte_form .tel,
	.conte_form .name{
		width:100%!important;}
	.conte_form .checkbox{
		width:auto!important;}
.conte_g_form .mfp_buttons {
    margin: 15px auto;}


#header{
	top:0px;
	width: auto !important;
	max-width: 100% !important;
	padding: 0px 0px 0px 0px;}
	#header_inner{}
.conte #header{
	top:10px;
	height:70px;}
/*==================
▽ナビゲーション
====================*/		
#nav_box{
	position: relative;
	text-align: right;
	background: none;
	top: 0px;}
	.conte #nav_box{
		min-height:70px;}
#nav{
	width: auto !important;
	max-width: 100% !important;
	margin: auto;
	background: none;}
 .mobi_logo{
	 position: absolute;
	 top:0px;
	 left: 0px;
	 height: 60px;}
 .mobi_logo img{
	 max-height: 100%;
	 width: auto;}

/*==================
▽メインイメージ
====================*/	
.mainimg{
	float: none;}
.mainimg_inner{
	width: auto !important;
    min-height: inherit;
	max-width: 100% !important;
	margin: 0px auto 0px;
	padding: 0px !important;

height:0;
}
	#venice .mainimg_inner{ 
    
    
    
    
    margin: 25px auto 0; }
.bx-wrapper{
	float: none;
	width: auto !important;
	max-width: 100% !important;
	margin: 0px auto 0px !important;}
.bx-pager{
	display: none;}

.conte .mainimg_inner{
	padding: 0px 0px 0px 0px;}
.description_area{
	display: none;
	padding: 50px 0 40px 0;
	overflow: hidden;
	text-align: center;}
	.description_area .ttl{
		float: none;
		line-height: 1.2;
		color: #fff;
		font-size: 150%;
		font-weight: bold;
		color: #FFF;
		text-shadow: 1px 1px 4px rgba(0,0,0,0.7)}
	.description_area .txt{
		float: none;
		font-size: 80%;
		line-height: 1.2;
		padding-top: 5px;
		padding-left: 0px;}
.goodtit{
    display:flex;
    background: #502903;
    color: #fff;
    padding: 10px 10px 0;
    justify-content: space-between;
}
.goodtit .txt01{
    font-weight: bold;
    font-size: 100%;
}
.goodtit .txt02{
    font-weight: bold;
    font-size: 105%;
}
.goodtit .pic01{
    max-width: 100px;
    background: #fff;
    padding: 0.2rem;
}
.goodtit02{
    font-size: 100%;
}
	/*==================
▽ticker
====================*/
.ticker {
	padding: 10px 20px;
	width: 100%;}

.ticker ul {
	width: 100%;}

.ticker ul li {
	width: 100%;}
	.ticker ul li a{
		font-size: 100%;}
	
/*===========================================
▼▼▼メイン部分▼▼▼
=============================================*/
#main{
	width: 100%;
	margin: 0px;
	padding: 0px;}
.conte #main_inner{
	margin: 0px 10px 20px 10px;
	padding: 0px !important;
	overflow: hidden;}
.conte_2col #main_inner{
	margin: 0px 10px 20px 10px;
	padding: 0px !important;
	overflow: hidden;}

	/* Dry Tech */
#pop_price{
	position: inherit;
	margin-bottom: 30px;
	bottom: inherit;
	left: inherit;
	width: 100%;}
	#pop_price h2{ font-size: 140%;}

/*==============================
　archive_standard
================================*/
.article_standard{}
	.entry_header{
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
		font-size: 120%;
		line-height: 1.2;
		text-align: left;}
.entry_body{
	padding: 10px;}
	.entry_body p, .entry_body h1, .entry_body h2, .entry_body h3, .entry_body h4, .entry_body h5, .entry_body h6, .entry_body ul, .entry_body ol, .entry_body table{}
	.entry_body h1, .entry_body h2, .entry_body h3{
		font-weight: bold;
		font-size: 110%;}
	.entry_body h4, .entry_body h5, .entry_body h6{
		font-weight: bold;
		font-size: 100%;}
		
.article_standard .entry_body img{
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	display: block;
	float: none !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin: auto !important;
	margin-bottom: 10px !important;}
		
	.entry_header strong{
		font-size: 80%;
		padding: 0px 10px 0px 0px;}

.entry_body h2{
    padding: 10px 10px 13px 8px;}	
.entry_body h3 {
    padding: 10px 10px 12px 8px;}	
.entry_body h4 {
    padding: 10px 10px 12px 10px;}	
.entry_body h5 {
    padding: 10px 10px 10px 10px;}	
.entry_body h6 {
    padding: 10px 10px 10px 0px;}

.entry_body iframe{
width:100% !important;
}

/*画像横リスト*/
.archive_list{}
.archive_list .box_type3{}
	.archive_list .box_type3 li{
		padding: 0px 0px 10px 0px;
		margin-bottom: 10px;}
	.archive_list .box_type3 li .img{
		float: none;
		width: 50%;
		margin: 0px auto 10px;}
	.archive_list .box_type3 li .ttl{
		font-size: 110%;}
	.archive_list .box_type3 li .txt{
		margin-bottom: 5px;
		font-size: 80%;}
		
/*==============================
　article_original
================================*/
		
.article_original .entry_header{
		font-size: 80%;
		text-align: center;}
.article_original .entry_header strong{
	display: block;
		font-size: 200%;
		padding: 0px 0px 0px 0px;}
		

.pc_only{
	display: none;}
/*共通*/
.w100{
	width: 100% !important;
	height: auto !important;
	clear: both !important;
	margin: auto;}
.w90{
	width: 90% !important;
	height: auto !important;
	margin: auto;}
.img100{
    display: block;
    max-width: 100% !important;
	height: auto !important;}
.br{display: block;}
.tel-link {
    color: #06F;
    font-size: 16px;
    font-weight: bold;}
	
/*==================
　共通
====================*/
/*タイトル１*/
.title{
	font-size: 130%;
	line-height: 1.2;
	padding: 10px 10px 5px 15px;
	margin-bottom: 0px;
	margin-top: 10px;
	color: #000;
	font-family: 'Josefin Sans', sans-serif;
	position: relative;
	border-left: none;
	border-top: 2px solid #de3c2c;
	vertical-align: middle;
	text-align: center;}
.title .subttl{
	display: block;
	font-size: 60%;
	color: #de3c2c;
	padding: 5px 15px 5px 15px;
	font-weight: bold;}
/*タイトル2*/
.title2{
	font-size: 130%;
	line-height: 1.2;
	text-align: center;
	padding: 5px 10px 5px 15px;
	margin-bottom: 10px;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;}
	.title2 span{
		font-size: 70%;
		display: block;
		padding-bottom: 5px;}
	
/*PDFダウンロード*/
.pdf_dl{
	border: 1px solid #156cb6;
	padding: 10px 15px 10px ;
	text-align: center;}
	.pdf_dl .ico{
		float: none;
		width: 92%;
		margin: 10px 0px 10px;
		display: block;
		padding: 10px 10px 10px;
		font-size: 100%;}
	.pdf_dl .ttl{
		display:block;
		overflow: hidden;
		text-align: left;}
/*前のページに戻る*/
.page_back{
	text-align: center;}
.page_back a{
	display: block;
	width: 300px;
    background: #502903;
	cursor: pointer;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 0px auto 20px;
    padding: 15px 0px;}
.page_back a:hover{
	background: #156cb6;}

/*==============================
　テーブル関係
================================*/
.tb_mb th,.tb_mb td{
	width: 100%;
	text-align: center !important;
	display:block;}
/*table1*/		
.table1 table{}
.table1 th{
	padding: 5px 10px 5px 10px;
	text-align: left;}
.table1 td{
	text-align: left;}
/*table2*/		
.table2 table{
	border-top: 1px solid #ccc;}
.table2 th{
	border-bottom: 1px solid #ccc;
	padding: 5px 10px 5px 10px;
	background: #f6f6f6;}
.table2 td{
	border-bottom: 1px solid #ccc;
	text-align: left;}
/*table3･･･複雑なテーブル(商材部分など)*/
.table3 {
	overflow: scroll;
	position:relative;
	padding-top: 25px;}
.table3 table{
	width: 540px;}
.table3 th{}
.table3 td{}
.table3 table .td_bg{}
.table3 table .th1{}
.table3 table .td2{}
.table3 table .td3{}
.table-wrap{overflow: auto; position:relative;}
.table3:before{
content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換 */
color:#fff;
background-color: #F60;
position: absolute;
top:0px;
border-radius: 5px;
padding: 3px 5px;
font-size: 80%;}
/*table00･･･通常とお問い合わせ*/		
.table00{
	overflow: hidden;
	font-size: 90%;}
	
/*タブ*/
.sub_menu{}
	.sub_menu ul{}
	.sub_menu ul li{
		float: left;
		width: 50%;}
	.sub_menu ul li a{}

/*==============================
　FAQ
================================*/
.faq{}
	#question .archive_qalist .entry_header{
		padding: 15px 10px 15px 10px;
		text-indent: -3.3em;
		padding-left: 4em;}
	#question .archive_qalist .entry_header:before{}
.archive_qalist .entry{
	margin-bottom: 10px;}
.archive_qalist .entry .c_fix{
	padding: 0px 20px 10px 20px;}
	.archive_qalist .entry .comme,
	.archive_qalist .entry .more{
		float: left;
		width: 50%;}
	.archive_qalist .entry .comme a{
			padding: 10px 20px 10px 20px;}
		.archive_qalist .entry .more a{
			padding: 10px 20px 10px 20px;}
			.archive_qalist .entry .more a:hover{}
						
/*==============================
　times_list
================================*/
.times_list{}
.times_list{}
	.times_list ul{
		margin-bottom: 10px;}
	.times_list li{
		overflow: hidden;
		border-bottom: 1px solid #eeeeee;}
	.times_list .day{
		display: block;
		margin: 0px 0px 5px 0px;
		padding: 0px;
		font-size: 80%;}
	.times_list .ttl{
		display: block;
		margin: 0px 0px 8px 0px;
		font-weight: bold;}
	.times_list li:last-child a{
		border-bottom: none;}
	.times_list ul li a{
		float: none;
		display: block;
		padding: 10px 0px 15px 0px;}
	.times_list .ico{
		margin: 0px 0px 0px 0px;
		display: block;
		width: 100%;
		padding: 10px 10px 10px;
		font-size: 100%;}
		
	.other_pdf{
		margin-bottom: 21px;}
	.other_pdf a[href$=".pdf"] {}
	.other_pdf h2{
    padding: 10px 10px 10px 15px;
	background: rgba(0,0,0,0.5);
	color:#FFF;}
	.other_pdf ul{
		padding: 10px 10px 10px 10px;}
		

/*==============================
　company
================================*/
.company .table1 {}
.company .entry_body .img{
	float: none;
	text-align: center;
	margin: 0px 0px 20px 0px;}
.company .entry_body .img img{
	max-width: 50%;
	height: auto;
	margin: auto;}
.company .entry_body .ttl{
	font-size: 150%;
	margin-bottom: 15px;}
	.company .entry_body .txt_area{ float: none; }
	.company .box_type3 li .img{
		float: none;}
	.company .box_type3 li .ttl{ text-align: center;}
		.company .box_type3 li .ttl span{}

/*==============================
　recruit
================================*/
.recruit .entry_body .img{
	float: none;
	text-align: center;
	margin: 0px 0px 20px 0px;}
.recruit .entry_body .img img{
	max-width: 50%;
	height: auto;
	margin: auto;}
.recruit .entry_body .ttl{
	font-size: 150%;
	margin-bottom: 15px;}


/*==============================
　product
================================*/
.product .entry_body {
	max-width: 660px;
	margin: auto;
	background: #fff;
	padding: 10px 10px 10px 10px;}

/*==================
▽フロー
====================*/

.product .entry_body .process_flow img{
	float:none;
	width:100%;
	padding:0px 10px;}
	.process_flow img:last-child{
		padding:0px;}


/*==============================
　mailform
================================*/
.mailform .entry_body span{} 
.mailform .att{}
	
.mfp_buttons{
	text-align: center;}
.mfp_buttons button {}
	
.mailform textarea ,.mailform input ,.mailform select{}
	
/*==============================
　links
================================*/
.links .entry_body {}
.links .entry_body li{
	margin: 0px 0px 10px 0px;}
.links .entry_body li .name a{
	font-size: 120%;
	margin: -3px 0px 5px 0px;}
.links .entry_body li .txt{
	font-size: 90%;}
	
/*==================
▽トップのみ使用
====================*/
.top_contents{
	padding: 10px 0px 10px;}
	.top_contents .top_box_l{
		padding: 0px 10px !important;}
	/*▽トップトピックス*/
	.top_contents .top_topics{
		margin-bottom: 10px;}
	.top_contents .top_topics li{
		padding: 4px 0px;
		line-height: 1.2;}
	.top_contents .top_topics li .day{
		display: block;
		margin-right: 0px;}
	.top_contents .top_box_r{
		padding: 0px 10px !important;}
	/*▽youtube*/
	.youtube {}
		.youtube iframe {}
.top_contents .back_nb{
	margin: auto;
	position: static;
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 5px 15px;
	line-height: 1.2;
	color: #fff;
	background: #502903;
	font-weight: bold;
	text-align: center;}

/*▽トップバナー*/
.banner_area{
	background: #000;}
	.banner_area .banner_area_inner{}
	.banner_area ul{
		overflow: hidden;
		padding:10px 1px;}
	.banner_area li{
		width: 50%;
		padding: 1px 1px ;}
		
/*▽トップ実績*/	
.top_case_area{}	
.top_case_area_inner{
	width: auto;
	max-width: auto;
	padding:10px 10px;}
	
   .tab_box {
    clear: both;
    padding: 10px 10px;
    display: none;
	background: none;}
	.tab_box li{
		float: none;
		width: 100%;
		padding: 10px 0px 10px 0px;
		overflow: hidden;}
		.tab_box li::after {display: none;}
	.tab_box li span.day{
		display: block; 
		margin-right: 0px;}
	.tab_box li span.ico{
		font-size: 90%;
		display: block; 
		margin-left: 0px;
		background: #502903;
		color: #fff;
		padding: 0px 10px;
		text-align: center;}

/* フッター固定　お問い合わせフォーム */
#contact_bottom {
	position: relative;
	bottom: inherit;
	right: inherit;
	width: 100%;}
	#contact_bottom #chara{
		top: -60px;
		right: 50px;}
#contact_bottom button{
	width: 100%;
	line-height: 40px;
	padding: 0 10px;
	background: rgba(255,0,4,1.00);
	color: #fff;
	font-weight: bold;}
#contact_bottom #pre_button{ 
	padding: 0 10px 0 20px;
	text-align: left !important; }
#contact_bottom button span{
	font-family: 'LigatureSymbols';
	font-size: 30px;
	float: right; }
#contact_bottom_inner{ padding: 10px; }
	
/*==================
footer
====================*/
#footer{} 
#footer_inner{
	padding: 20px 0px 50px;}
#footer .logo{
	text-align: center;} 
.add{
	margin: 10px 0px 10px 0px;
	text-align: center;}
		
#foot_menu{
	position: inherit;
	text-align: center;}
	#foot_menu li{
		display: inline-block;}
	#foot_menu li a{
		display: block;
		padding: 10px 10px 0px 10px;}
#copyright{
	text-align: center;
	padding: 10px 0px 10px 0px;}
		
#foot_nav{
	position: fixed;
	width: 100%;
	left: auto;
	bottom: 0px;
	z-index: 100px;
	overflow: hidden;
	background: #000;}
#foot_nav li{
	float: left;
	width: 25%;
	text-align: center;
	height: 50px;}
#foot_nav li img{
	max-height: 100% !important;
	width: auto;
	margin: auto;}
  }
  
  
  


