/*　トップページ　*/
.top_space {
	width: 100%;
}
.top_space img {
	width: 100%;
	float:right;
}
.top_space p {
	padding: 2%;
	width: 96%;
}
.top_bt {
max-width: 111px;
float: right;
}
/*　トップページお知らせ投稿プログラム　*/
.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:0 2px;
}
.newMark{
	display:inline-block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
}
.copyright_white a {
	color: #fff !important;
}
#newsWrap {
	min-height: 100px;
}
table.top_news_table {
	width: 100%;
	font-size: 12px;
	line-height: 160%;
	letter-spacing: 0.4pt;
	border: #FFFFFF;
}
table.top_news_table th {
	width: 30%;
	padding: 5px;
	text-align: center;
}
table.top_news_table td {
	padding: 0 1%;
	border: #FFFFFF;
}
table.top_news_table th img {
	width: auto;
}
.news_th_color {
	border: #FFFFFF;
background-color: #e1e1e1;/* （二番目に濃い色）*/
}
/* ①上から奇数番目の、行の左から奇数番目の列 （二番目に濃い色、無視される）*/
table.top_news_table tbody>tr:nth-child(odd)>td:nth-child(odd) {
background-color: #e1e1e1;
}
/* ②上から偶数番目の、行の左から偶数番目の列(一番薄い色)*/
table.top_news_table tbody>tr:nth-child(odd)>td:nth-child(even) {
	background-color: #fff;
}
/* ③上から偶数番目の、行の左から奇数番目の列（一番濃い色） */
table.top_news_table tbody>tr:nth-child(even)>th:nth-child(odd) {
background-color: #ccc;
}
/* ④上から奇数番目の、行の左から偶数番目の列(三番目に濃い色) */
table.top_news_table tbody>tr:nth-child(even)>td:nth-child(even) {
	background-color: #f1f1f1;
}

/*　モーター・発電機の点検ページ　*/
.inspection_ul li {
font-size: 1.5em;
font-weight: bold;
}

/*　モーター・発電機の修理ページ　*/
.repair_ul li h3 {
font-size: 1.5em;
border-left: none;
}
.repair_ul li h3::before {
content: '□';
}
.repair_ul li p {
padding: 0 0 0 3%;
color: #0055a9;
}
.repair_point {
	background-color:#F7B2D8;
}

/*　新品・中古モーターの販売ページ　*/
.cause_bt {
width: 96%;
margin: 2%;
text-align: center;
}
.cause_bt a div {
padding: 2% 3%;
background-color: #0055a9;
border: 1px solid #0055a9;
color: #fff;
font-size: 1.5em;
line-height: 140%;
transition: 0.5s;
}
.cause_bt a div:hover {
background-color: #fff;
border: 1px solid #0055a9;
color: #0055a9;
}

/*　会社案内ページ　*/
.about_name {
max-width: 291px;
margin: 0 20px 0 0;
float: right;
}
@media screen and (max-width:767px) and (orientation:portrait){
.about_name {
margin: 0 20px 20px 0;
}
}
/*　お問い合わせページ（Mail Form PRO用）*/
.contact_txt{
	width: 98%;
	margin-left: 1%;
	margin-top: 20px;
	margin-bottom: 50px;
	margin-right: 1%;
	text-align: left;
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.4pt;
	color: #000;
}
.contact_space {
	width: 100%;
	text-align: center;
}
form#mailformpro {
	padding: 10px 0px;
}
form#mailformpro dl dd {
width: 70%;
border-top: solid 1px #CCC;
margin: 0;
padding: 10px;
padding-right: 5px;
padding-left: 30%;
padding-bottom: 10px;
font-size: 12px;
line-height: 1.5em;
text-align: left;
}
form#mailformpro dl dd p {
	color: #000000;
	margin-top: 15px;
	margin-left: 35px;
}
form#mailformpro dl dd p:hover {
	color:#FF0004;
	margin-top: 15px;
	margin-left: 35px;
}
.mfp_high {
	height: 120px;
}
.input_01 {
	width: 80%;
}
.input_02 {
	width: 35%;
	margin-right: 10px;
}
@media screen and (max-width:767px) {
.input_02 {
	width: 80%;
}
}
.input_03 {
	width: 70%;
}
.input_04 {
	width: 90%;
	height: 100px;
}

/* お問い合わせ送信完了ページ */
#thanks_message {
	width: 100%;
	margin: 50px auto;
	text-align: left;
}
#thanks_message a {
	text-decoration: underline;
}
#thanks_message a:hover {
	color: red;
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
/*　トップページfacebook記事並び　*/
.top_h3_space {
	width : 100% ;
}

/*　事業案内ページ　*/
.business_point {
	font-size: 1.3em;
}

/*　会社案内ページ*/
.h3_about {
	background: none;
	clear: both;
}
.h3_about img {
	width: 80%;
	margin-bottom: 20px;
	float: left;
}
.about_photo {
	text-align: right;
	float: right;
}
.about_photo img {
	width: 80%;
	float: right;
}

}


/*================================================
 *  タブレット向けデザイン　縦向きの場合
 ================================================*/
@media screen and (max-width:930px){
/*　事業案内ページ　*/
.box_001,.box_002,.box_003,.box_004 {
	font-size: 1em;
}
}



/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
/*　事業案内ページ　*/

/*　会社案内ページ*/
.h3_about {
	width: 100%;
	background: none;
	clear: both;
	margin-left: 0;
}
.h3_about img {
	width: 100%;
	margin-bottom: 20px
}
.about_photo {
	text-align: center;
	float: right;
}
.about_photo img {
	width: 100%;
	float: none;
}
.about_stitle img {
	margin-left: 0;
}
.about_stitle p {
	width: 96%;
	padding-top: 20px;
	clear: both;
	padding-left: 2%;
	padding-right: 2%;
}
	
/*　お問い合わせページ*/
.contact_space img {
	width: 100%;
}
/*　お問い合わせページ（Mail Form PRO用）*/
form#mailformpro dl dt {
	width: 100% !important;
}
form#mailformpro dl dd {
	border: none;
	width: calc(100% - 40px );
	padding-left: 40px !important;
}
.input_01 {
	width: 95%;
}
.input_03 {
	width: 80%;
}
.input_04 {
	width: 95%;
	height: 100px;
}
form#mailformpro input,form#mailformpro textarea {
padding: 3px;
font-size: 20px;
vertical-align: middle;
}
.mfp {
	clear: both;
	width: 100%;
}
.mfp_both {
	clear:both;
}
}


/*================================================
 *  スマートフォン向けデザイン　縦向きの場合
 ================================================*/
@media screen and (max-width:767px) and (orientation:portrait) {
.col_4_4_2 li {
	width: 46%;
}
}


/*================================================
 *  スマートフォン向けデザイン　横向きの場合
 ================================================*/
@media screen and (max-width:767px) and (orientation:landscape){

}