@charset "utf-8";

/***********************************

以下、通常のcustam.cssにしたいcss

************************************/


/***********************************

全体カラー

************************************/

@media screen and (max-width: 782px){
	html{
    	margin-top: -40px !important;
	}
}

/*----------------------------------
ヘッダロゴ背景
----------------------------------*/

#header_wrap {
    background: #fff;
}

@media screen and (max-width: 640px) {
    body {
        /*　指定箇所が無いのでbodyに挿入　*/
        background: #fff;
    }
}
@media screen and (min-width: 641px) {
	#header_logo_wrap{ height: 144px;}
}
/**** 住所　文字間 ****/
.textwidget p{ letter-spacing: normal; line-height: 150%;}
@media screen and (max-width: 640px) {.textwidget{ padding: 0;}}

/*----------------------------------
ヘッダーロゴ　640×100の画像を使用した場合
----------------------------------*/

#logo img {
    /**　ＰＣロゴ調整　**/
    margin: 25px 0 0 0;
    width: 53.8%;
}

@media screen and (max-width: 640px) {
    /**　スマホロゴ調整　**/
    #logo_sm {
        width: 85%;
        margin: 0 auto;
        padding: 20px 0 0 0;
    }
}

#header_logo_wrap .textwidget span {
	display: none;
}

/*----------------------------------
フッダーロゴ
----------------------------------*/

#footer .footer_logo img {
    /** フッダーロゴ調整 1 **/
    width: 370px;
}

#footer .header_banner {
    /** フッダーロゴ調整 2 **/
    margin-top: 10px;
}

/*----------------------------------
サイト説明文部分
----------------------------------*/

#desc_wrap {
    background: #d3edf9;
	letter-spacing: normal;
    /*説明文背景*/
}

#site_description {
    color: #333;
    /*説明文テキスト*/
}

@media screen and (max-width: 640px) {
    /*スマホ*/
    #header {
		background: #d3edf9;
		box-shadow: none;
		padding: 0;
        /*説明文背景*/
    }
	#desc_wrap{
		padding: 5px 0 5px 15px;
		float: left;
		line-height: 130%;
		background: none;
	}
	#header a.menu_button{
		top: 3px;
	}
    .title_text {
        color: #333;
		max-width: 284px;
		padding: 10px 0;
		letter-spacing: 0;
        /*説明文テキスト*/
    }
	
}
@media screen and (min-width: 641px) {
	#desc_wrap,#desc_fit{ height: 30px;}
	#site_description{ top: 10px;}
}


/*----------------------------------
グローバルメニュー
----------------------------------*/

#menu_wrap {
    background: #0393d9;
    /*全体背景色*/
    border-color: #fff;
    /*区切り線*/
}

#global_menu {
    border-right: 1px solid #ccc;
    /*区切り線右*/
}

#global_menu li a {
    border-left: 1px solid #fff;
    /*区切り線左*/
    background: #0393d9;
    /*ボタン背景色*/
    color: #fff;
    /*文字色*/
}

#global_menu li a:hover {
    background: #52b4e4;
    /*ボタンロールオーバー色*/
    color: #fff;
    /*ボタンロールオーバー文字色*/
}

@media screen and (max-width: 640px) {
    /**** 折りたたみメニュー ****/
    /**** メニューボタン ****/
    #header a.menu_button {
        color: #fff;
        border: 1px solid #d3edf9;
        background: #0393d9;
    }
    #header a.menu_button:hover,
    #header a.menu_button:active {
        background: #ECF8FF;
		color: #0393d9;
    }
    /**** グローバルメニュー ****/
    #global_menu li a {
        border-color: #999;
        background: #fff url(./img/arrow4.png) no-repeat 20px;
        color: #333;
    }
    #global_menu li a:hover {
        color: #333;
        background: #ECF8FF url(./img/arrow4.png) no-repeat 20px;
    }
	#menu_wrap{ background: #d3edf9;}
}


/*----------------------------------
電話番号・お問い合わせ
----------------------------------*/

#contact > div:not(:last-child) {
	border-bottom : none !important;
	padding: 0 !important;
}

@media screen and (min-width: 641px) {
    #header .header_banner {
        margin-top: 17px; /* 住所が3行の場合　*/
    }
}


/*----------------------------------
イメージロールオーバー
----------------------------------*/


/** index　メインビジュアル1枚でロールオーバー（リンク）なし**/

#recommend_gallery a:hover img,
.rs-slider>li>a:hover img {
    opacity: 1.0;
    cursor: default;
}

/* 上部・左に空白が出るので追記 */
#recommend_gallery.full_width{ margin-top: -40px;}
@media screen and (max-width: 768px) {
	#recommend_gallery.full_width{ margin-left: 0;}
}
@media screen and (max-width: 640px) {
    #recommend_gallery.full_width{ margin-top: 0;}
}

/* メインビジュアルのテキストと背景分けて表示 */
#recommend_gallery.full_width {
    background: #b9e3f9 url(/wp-content/uploads/2020/11/bg_main-visual.png) repeat-x bottom;
    height: 470px;
}
#recommend_gallery.full_width img{
    width: 480px;
    margin: 0 auto;
    padding-top: 30px;
}
@media screen and (max-width: 640px){
	#recommend_gallery.full_width img{
		width: 90%;
		padding-top: 60px;
	}
}
@media screen and (min-width: 641px){
	#menu_wrap {
		border-width: 1px 0 0 0;
}
}


/*----------------------------------
ピックアップ
----------------------------------*/

#index_pickup .headline1 {
    /*ピックアップヘッダ*/
    color: #ccc;
    background: #222;
}


/*----------------------------------
ページタイトルヘッダー　※下層も含む
----------------------------------*/

#main_col .headline1,
.headline2,
.headline3 {
    background: #0393d9;
    color: #fff;
    font-size: 18px;
    border-radius: 3px;
    padding: 5px 15px;
}

#main_col .headline1,
.headline2 {
    /*border-left: 7px solid #3EBDB7;
    border-bottom: 2px solid #5483DA;*/
}

.headline3 {
    border-left: 7px solid #5483DA;
    border-bottom: 2px solid #3EBDB7;
    border-top: none;
}

@media screen and (max-width: 640px) {
    #main_col .headline1,
    .headline2,
    .headline3 {
        /*トップ・他　調整*/
        border-left: none;
        /*左線の削除*/
    }
    #main_col .headline1,
    .headline2,
    .headline3 {
        border-left: none;
        /*左線の削除*/
    }
	#main_col .headline1, .headline2, .headline3 {
    border-left: none;
    padding: 12px;
	height: auto;
	}
}


/*----------------------------------
サイドナビ
----------------------------------*/

#side_col img{ width: 100%; height: auto;}
#side_col .side_category p{ margin-bottom: 5px;}
#side_col .side_category p:last-child{margin-bottom: 15px;}
#side_col .side_nav{ border-top: 2px solid #0393d9; border-bottom: 2px solid #0393d9;}
#side_col .side_nav ul{ margin: 0;}
#side_col .side_nav ul li{font-size: 13px;padding: 12px 0; border-bottom: 1px solid #0393d9;}
#side_col .side_nav ul li:last-child{ border-bottom: none;}
#side_col .side_nav ul li a{color: #333;text-decoration: none;font-weight: bold;max-width: 100%;display: block;}
#side_col .side_nav ul li a:hover{ opacity: 0.7;}

#side_col .side_nav ul li.nav-1 a:before {
  content: '';
  display: inline-block;
  background-image: url(/wp-content/uploads/2019/12/ico_side-nav_01.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  padding-right: 15px;
}
#side_col .side_nav ul li.nav-2 a:before {
  content: '';
  display: inline-block;
  background-image: url(/wp-content/uploads/2019/12/ico_side-nav_02.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  padding-right: 12px;
}
#side_col .side_nav ul li.nav-3 a:before {
  content: '';
  display: inline-block;
  background-image: url(/wp-content/uploads/2019/12/ico_side-nav_03.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  padding-right: 18px;
}
#side_col .side_nav ul li.nav-4 a:before {
  content: '';
  display: inline-block;
  background-image: url(/wp-content/uploads/2019/12/ico_side-nav_04.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  padding-right: 14px;
}
#side_col .side_nav ul li.nav-5 a:before {
  content: '';
  display: inline-block;
  background-image: url(/wp-content/uploads/2019/12/ico_side-nav_05.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  padding-right: 18px;
}

@media screen and (max-width: 640px) {
	#side_col {
    	display: block;
    	width: 80%;
    	margin: 0 auto;
	}
	#side_col .side_nav ul li {
    	font-size: 15px;
    	padding: 14px;
    	border-bottom: 1px solid #0393d9;
    	text-align: left;
	}
	#side_col .side_category p:last-child {
		padding-bottom: 0;
	}
}

.side_headline {
	margin:-15px -15px 15px;
	line-height: normal;
	font-size:14px;
	color:#fff;
	background: #0393d9;
	padding: 5px 15px;
	text-align: center;
	border-radius: 4px;
	margin-bottom: 5px !important;
}

/*　ポリウレアページ内リンク　*/
ul.side_polyurea{ background: #f3fafd; margin: -5px 0 5px 0;}
ul.side_polyurea li{ position: relative; font-size: 12px; font-weight: bold;}
ul.side_polyurea li a{ display: block; padding-bottom: 5px; border-bottom: 1px solid #b0d3ec; padding: 10px 20px 10px 42px; text-decoration: none; color: #333;}
ul.side_polyurea li a:hover{ opacity: 0.7;}
ul.side_polyurea li a:before{ content:"－"; position: absolute; left: 8%; color: #0393d9;}
@media screen and (max-width: 640px){
	ul.side_polyurea li a { padding: 10px 20px 10px 62px; text-align: left; font-size: 16px;}
}

/*----------------------------------
コンテンツ
----------------------------------*/

@media screen and (min-width: 641px){
	#contents {
    	margin: 67px auto 45px auto;
	}
}

/*---- トップ お知らせ ----*/
#contents .text_recent_post{ margin: 20px 0 44px 0;}
#contents .text_recent_post .post_list li a{ color: #333;}
#contents .text_recent_post .list_title{line-height: 300%; }
#contents .text_recent_post .list_date{ line-height: 300%; font-weight: bold; color: #0393d9;}
@media screen and (max-width: 640px){
	#contents .text_recent_post{ margin: 0;}
	#contents .text_recent_post .list_title,
	#contents .text_recent_post .list_date
	{ line-height: 170%;}
}

/*---- トップ バーブアイテム ----*/
#featured_post{ margin: 0 0 40px 0;}
#featured_post .headline1{ margin-bottom: 20px;}
#featured_post .post1{ padding: 0 15px; margin: 0; border-bottom: none !important;}
#featured_post .post1 .link:before{
    content: "";
    display: block;
    position: absolute;
    top: 5px;  
    left: -10px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #0393d9;
}
@media screen and (min-width: 641px){
	#featured_post .post1 .link{ margin-left: 10px; position: relative; background: none; padding: 0; font-size: 14px;}
}
@media screen and (max-width: 640px){
	#featured_post{ margin: 0;}
}
/*- トップ アーマードプロダクツについて -*/
@media screen and (min-width: 641px){ #recent_post .title{ text-align: center;}}



/*----\ リンク 配色とアイコン ----*/
#contents .past_list_link a{ color: #0393d9; position: relative;}
#contents .past_list_link a:before{ 
    content: "";
    display: block;
    position: absolute;
    top: 5px;  
    left: -10px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #0393d9;}

@media screen and (min-width: 641px){
	#contents .text_recent_post{ padding: 0;}
}


/*----------------------------------
フッダー
----------------------------------*/

#footer_wrap {
    background: #bde9fe;
    /*フッダー背景色*/
	padding: 40px 0 22px 0;
}

#footer {
    color: #333;
    /*フッダーテキストカラー*/
}

#footer ul.sub-menu{ padding: 5px 10px!important;}
#footer ul.sub-menu li{ line-height:170%; margin:0 0 0 0; padding:0;}
#footer ul.sub-menu li a{ font-weight: normal;}
/*-- 会社概要（下）の空き --*/
#footer ul li#menu-item-234{ padding-bottom: 12px;}

#footer li{ margin: 0 0 4px 0;}

#footer li a,
#footer li a:visited {
    color: #0393d9;
	border-bottom: none;
	font-weight: bold;
}

#footer li a:hover {
    color: #fff;
}

#copyright {
    background: #0393d9;
    /*コピーライト背景*/
    color: #fff;
    /*コピーライトテキスト*/
}

#copyright a {
    color: #fff;
    /*コピーライトリンクテキスト*/
}


/*----------------------------------
テキストリンクカラー
----------------------------------*/

a,
a:visited {
    color: #0393d9;
}

a:hover {
    color: #52b4e4;
}


/*----------------------------------
ページナビ
----------------------------------*/

.page_navi a {
    /*** テキスト、ボタン色 **/
    color: #fff;
    background: #333;
}

.page_navi a:hover {
    /*** ロールオーバーボタン色 **/
    background: #990000;
}


/***********************************

下層レイアウト

************************************/

/*----------------------------------
施工動画
----------------------------------*/
#pol_movie { width: 100%; margin: 0 auto; padding-left: 5px;}
#pol_movie div.mov { width: 345px; float: left; padding: 10px 5px;}
#pol_movie div.mov iframe { width: 100%;}
#pol_movie div.mov h4 { font-size: 16px; margin: 0 0 10px 5px;}
@media (max-width: 640px){
	#pol_movie div.mov {
		width: 100%;
    	height: 100%;
    	float: none;
    	margin: 0 auto;
		padding-left: 0;
	}
	#pol_movie div.mov h4{ margin: 0 0 10px 0;}
	#pol_movie{ padding-left: 0;}
}

/*----------------------------------
下層段落枠　※変更不可
----------------------------------*/

@media only screen and (min-width:641px) {
    #under {
        overflow: hidden;
        margin: 0 0 -40px 0;
    }
    /*下層の空調整*/
}

@media only screen and (max-width:640px) {
    #under {
        overflow: hidden;
        margin: 10px 0 0 0;
    }
    /*下層の空調整*/
}

.under_contents {
    width: 100%;
    margin: 0 0 50px 0;
    clear: both;
    overflow: hidden;
    line-height: 1.7;
}

p {
    /*下層　汎用*/
    margin: 0;
    padding: 0;
    line-height: 1.7;
}

/*---- 汎用class　----*/
/*-- 囲み枠 --*/
.well2{
    margin: 0;
    padding: 1.5em;
    line-height: 2;
    border: 1px solid #cdcdcd;
    background: #fff;
    box-shadow: none;
}
/*-- 区切り線 --*/
.border-1{ border-top: 1px dotted #666;}
/*-- リードコピー --*/
.read-copy-1{
	text-align: center;
	color: #2ca9e1;
	font-weight: bold;
	font-size: 150%;
}
.read-copy-2{
	background: #ecf5f9;
    padding: 12px;
    text-align: center;
    font-size: 110%;
    line-height: 150%;
	font-weight: bold;
}
/*-- ボタン --*/
.btn-1{
    background-color: #3cb371;
    border-radius: 5px;
    width: 40%;
    line-height: normal;
    text-align: center;
    margin: 0 auto;
}
.btn-1 a{ display: block; padding: 8px; color: #fff; text-decoration: none;}
.btn-pdf{
    background-color: #b33131;
    border-radius: 5px;
    width: 40%;
    line-height: normal;
    text-align: center;
    margin: 0 auto;
}
.btn-pdf a{ display: block; padding: 8px; color: #fff; text-decoration: none;}
@media only screen and (max-width:640px){ .btn-1,.btn-pdf{ width: 80%;}}
/*-- 画像の説明文 --*/
.cap-1{
	font-size: 88%;
    background-color: #e6f3f9;
    display: block;
    padding: 4px;
    text-align: center;
	margin-bottom: 20px;
}
@media only screen and (max-width:640px) {
	.cap-1{ margin-top: -10px;}
}

/*----------------------------------
テーブル設定　※変更不可　色とthの％は変更又は上書き可
----------------------------------*/


/*** table 元スタイル打消し ****/

.post table {
    border: none;
    margin: 0;
}

.post td,
.post th {
    border: none;
    padding: 0;
}

.post th {
    background: #eee;
    font-weight: /*normal*/
    bold;
}

@media only screen and (max-width:480px) {
    tbody tr {
        display: table-row;
        /******/
        margin-bottom: 0;
    }
    tbody th,
    tbody td {
        display: table-cell;
        list-style-type: none;
        border: none;
    }
}


/*******  テーブル再設定　*******/

.under_contents table,
.under_contents_end table {
    width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
    border-top: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}

.under_contents table td,
.under_contents table th,
.under_contents_end table td,
.under_contents_end table th {
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    padding: 10px;
    /*white-space: nowrap;*/
}

.under_contents table th,
.under_contents_end table th {
    width: 30%;
}

.under_contents table td span,
.under_contents_end table td span {
    padding: 0 20px 0 0;
}

@media only screen and (max-width:480px) {
    .under_contents table,
    .under_contents_end table {
        font-size: 12px;
        line-height: 1.7;
    }
    .under_contents table td span,
    .under_contents_span table td span {
        display: block;
    }
}


/*----------------------------------
テーブル設定　レスポンシブ基本ソース
----------------------------------*/


/**** 
レスポンシブしたいtableの外側に
<div class="ph_responsive">を入れてください
****/

@media only screen and (max-width:640px) {
    .ph_responsive {
        margin: 0 0 -20px 0;
    }
    .ph_responsive table {
        border: none;
    }
    .ph_responsive table th,
    .ph_responsive table td {
        width: 100%;
        display: inline-block;
        border-right: none;
        text-align: left;
    }
    .ph_responsive table th {
        border-bottom: 2px dotted #333;
        padding: 5px 0;
        font-weight: bold;
        background: #fff;
    }
    .ph_responsive table th:before {
        /*** アイコンが必要な場合　***/
        content: "\f00c";
        font-family: FontAwesome;
        color: #333;
        padding: 0 5px 0 0;
    }
    .ph_responsive table td {
        border-bottom: none;
        padding: 10px 0 20px 0;
    }
}


/***********************************

ここからページレイアウト雛形

************************************/


/*----------------------------------
固定ページ 下層hタイトル　必要に応じてh4の追加など
----------------------------------*/


/*h3装飾*/

.under_contents h3::before {
    content: '';
    display: inline-block;
    background-image: url(../../../wp-content/uploads/2019/12/armajiro.png);
    width: 24px;
    height: 25px;
    margin: 0 10px 3px 0;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.under_contents h3{
	margin: 0 0 20px 0;
    padding: 0 0 3px 0;
    font-size: 16px;
    color: #0393d9;
}

.under_contents h3::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background-size: 4px 3px, 100% 3px;
    background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #a8e2ff, #0393d9, #f2f534, #0393d9, #a8e2ff);
    margin-top: 3px;
}


/*----------------------------------
Ａテキスト　Ｂ画像1列＋テキスト
----------------------------------*/

.column_wrap_01 {
    clear: both;
    overflow: hidden;
}


/*　下層　汎用　pタグ使用　*/


/*----------------------------------
Ｃ画像2列＋テキスト
----------------------------------*/

.column_wrap_01 .left,
.column_wrap_01 .right {
    width: 49%;
}

.column_wrap_01 .left {
    float: left;
}

.column_wrap_01 .right {
    float: right;
}

@media only screen and (max-width:640px) {
    .column_wrap_01 .left,
    .column_wrap_01 .right {
        width: 100%;
        float: none;
    }
}


/*----------------------------------
Ｄ左画像＋右テキスト
----------------------------------*/

.column_wrap_02 {
    clear: both;
    overflow: hidden;
}

.column_wrap_02 .leftimg {
    float: left;
    width: 49%;
    padding: 0;
}

.column_wrap_02 .righttxt {
    float: right;
    width: 48%;
}

@media only screen and (min-width:641px) {
    #content .post .column_wrap_02 .leftimg img {
        padding-bottom: 0;
    }
}

@media only screen and (max-width:640px) {
    .column_wrap_02 .leftimg,
    .column_wrap_02 .righttxt {
        float: none;
        width: 100%;
    }
}


/*----------------------------------
Ｅ左テキスト＋右画像
----------------------------------*/

.column_wrap_03 {
    clear: both;
    overflow: hidden;
}

.column_wrap_03 .lefttxt {
    float: left;
    width: 48%;
}

.column_wrap_03 .rightimg {
    float: right;
    width: 49%;
    padding: 0;
}

@media only screen and (min-width:641px) {
    #content .post .column_wrap_03 .rightimg img {
        padding-bottom: 0;
    }
}

@media only screen and (max-width:640px) {
    .column_wrap_03 .lefttxt,
    .column_wrap_03 .rightimg {
        float: none;
        width: 100%;
    }
}


/*----------------------------------
Ｆ左画像＋右テキスト回り込み
----------------------------------*/

@media only screen and (min-width:641px) {
    #content .post .around_right img {
        float: left;
        margin: 0 18px 0 0;
        padding: 0;
        width: 49%;
    }
}

@media only screen and (max-width:640px) {
    .around_right img {
        margin: 0 0 0 0;
        float: none;
        width: 100%;
    }
}


/*----------------------------------
Ｇ左テキスト回り込み＋右画像
----------------------------------*/

@media only screen and (min-width:641px) {
    #content .post .around_left img {
        float: right;
        margin: 0 0 0 18px;
        padding: 0;
        width: 49%;
    }
}

@media only screen and (max-width:640px) {
    .around_left img {
        margin: 0 0 0 0;
        float: none;
        width: 100%;
    }
}


/*----------------------------------
Ｈ画像3列＋下段テキスト
----------------------------------*/

.column_wrap_04 {
    clear: both;
    overflow: hidden;
}

.column_wrap_04 .columns div {
    background: #0393d9;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.column_wrap_04 .columns div span {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 10px 5px;
    line-height: 1.3;
    justify-content: center;
}

.column_wrap_04 .columns img {
    width: 100%;
    height: auto;
}

.column_wrap_04 .columns p {
    text-align: justify;
}

.column_wrap_04 .columns a {
    text-decoration: none;
    color: #FFF;
}

@media only screen and (min-width:641px) {
    .column_wrap_04 .three.columns {
        width: 30.6666666667%;
    }
    .column_wrap_04 .columns {
        width: 100%;
        float: left;
        box-sizing: border-box;
        margin-left: 4%;
    }
    .column_wrap_04 .columns:first-child {
        margin-left: 0;
    }
    .column_wrap_04 .columns p.space {
        margin: -5px 0 0 0;
    }
}

@media only screen and (max-width:640px) {
    .column_wrap_04 {
        margin: 0 0 -40px 0;
    }
    .column_wrap_04 .three.columns {
        margin: 0 0 40px 0;
    }
    .column_wrap_04 .columns p {
        margin: 0;
    }
}


/*3カラム時画像上のテキストが2行になったときに高さを固定*/

.ttl_2lines .columns div {
    height: 3.25rem !important;
}

.ttl_2lines .columns div span {
    align-self: center !important;
}


/*----------------------------------
施工の流れ
----------------------------------*/

table.flow img {
    display: block;
}

table.flow span {
    background: #4c59bf;
    color: #FFFFFF;
}


/*----------------------------------
カラーチャート
----------------------------------*/

.column_wrap_04 {
    margin-top: 30px;
}

div.colorname {
    background: #FFF !important;
}

div.colorname span {
    display: block;
    width: 100%;
    text-align: center;
    height: 25px;
	color:#666 !important;
}

div.color_wrap {
    background-color: #FFF !important;
    margin: 0 auto;
    padding: 10px;
}

div.color_wrap div {
    margin: 0 auto;
    width: 150px;
    height: 150px;
}

div.color_wrap div.blk {
    background-color: #000;
}

div.color_wrap div.gry {
    background-color: #b2b2b2;
}

div.color_wrap div.dk-gry {
    background-color: #5f5f5f;
}

div.color_wrap div.rd {
    background-color: #fe0002;
}

div.color_wrap div.bl {
    background-color: #0170c1;
}

div.color_wrap div.dk-bl {
    background-color: #003399
}

div.color_wrap div.dk-brn {
    background-color: #663401;
}

div.color_wrap div.grn {
    background-color: #035515;
}

div.color_wrap div.lt-grn {
    background-color: #9cc87b;
}


/*下層ページお問い合わせボタン*/

.inquiry .wp-block-group__inner-container {
    display: flex;
    justify-content: space-around;
    width: 90%;
    margin: 20px auto 0;
}

.inquiry div.tel_btn,
.inquiry div.fax_btn,
.inquiry div.contact_btn {
    width: 45%;
    height: auto;
    border-radius: 5px;
    display: flex;
}

.inquiry div.contact_btn a,
.inquiry div.fax_btn span,
.inquiry div.tel_btn a {
    display: flex;
    width: 100%;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    padding: 15px;
    justify-content: center;
    align-self: center;
}

.inquiry div.contact_btn {
    background-color: #3cb371;
}

.inquiry div.tel_btn,.inquiry div.fax_btn {
    background-color: #f1815b;
}

.inquiry div.tel_btn:hover,
.inquiry div.contact_btn:hover{
	opacity:0.8;
}

.inquiry_wrap {
    width: calc(100% - 40px);
    border: #0393d9 1px solid;
    border-radius: 5px;
    padding: 20px;
}


@media only screen and (max-width:640px) {
	.inquiry .wp-block-group__inner-container{ display: block; width: 90%; margin: 0 auto;}
	.inquiry div.tel_btn, .inquiry div.fax_btn, .inquiry div.contact_btn {
		width: 100%;
	    height: auto;
	    display: block;
	    margin: 0 auto;
	}
	.inquiry div.contact_btn a, .inquiry div.tel_btn a, .inquiry div.fax_btn span{
	    display: block;
	    width: 80%;
	    margin: 15px auto;
	}
}


/*注意*/

div.warning {
    width: calc(100% - 40px);
    border: firebrick 2px solid;
    border-radius: 5px;
    padding: 20px;
    line-height: 1.75;
}
div.warning p {
	margin-bottom:10px;
}
p.warning_heading {
    text-align: center;
    font-size: 1.1em;
    font-weight: bolder;
    margin-bottom: 20px;
}

p.warning_heading::before,
p.warning_heading::after {
    font-family: "Font Awesome 5 Free";
    content: '\f06a';
    color: firebrick;
    font-size: 1.1em;
    margin: 0 10px;
}

div.warning strong{
    color: firebrick;
}

/*リアクター*/
.reactor_tbl th,
.reactor_tbl td{
	text-align:left !important;
	width:25% !important;
}

.post ul.reactor_list li{
background:none !important;
	}

.post ul.reactor_list li::before{
   font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f105';
	color: #0393d9;
    font-size: 1.1em;
	margin-right:10px;
}

/*ポリウレア*/

h4.features{
		margin-bottom:10px;
		font-weight:normal;
		font-size: 1.2em;
		margin-top: 20px;
		border-top: dotted 1px #ececec;
		padding-top: 20px;
}
@media only screen and (min-width:641px) {
	div.around_left h4.features,
	h4.features:first-of-type{
	width: 50%;
}
}

div.around_left h4.features:first-of-type{
	border:none;
	padding-top:0;
}

h4.features span {
   background: linear-gradient(transparent 80%, #f9fbaf 80%);
   line-height: 1.75;
	font-weight:bold;
	color:#0393d9;
	font-size: 0.893em;
}

div.feature_attribute{
	background:#f9f9f9;
	margin:45px 0;
	padding:25px;
	border-radius:5px;
}

div.feature_attribute strong{
	color: firebrick;
}
div.support_details{
	text-align:center;
	font-size: 1.1em;
	font-weight:500;
	padding:20px;
	border: #0393d9 1px solid;
  border-radius: 5px;
	width: calc(100% - 40px);
}

div.support_details strong{
	background: linear-gradient(transparent 80%, #f9fbaf 80%);
   line-height: 1.75;
	font-weight:bold;
}

a.goto_details{
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	border-radius:5px;
	font-size:14px;
	background-color:#006caa;
	padding:15px 50px;
	margin-top:15px;
}

a.goto_details:hover{
	opacity:0.8;
}

/*----------------------------------
お知らせ
----------------------------------*/
/*---- ポリウレアの「プライマー」「トップコート」 ----*/

.polyurea_expand{
	margin-top:-15px;
	margin-left:30px;
	margin-bottom:45px;
}
/*---- 施工事例へのリンク ----*/

p.result_link a{
    display: inline-block;
    width: 100%;
    background-color: #117fd0;
    border-radius: 5px;
    color: #FFF;
   position: relative;
   padding: 1em 0;
   text-decoration: none;
   font-size: 16px;
   margin-bottom: 10px;
   margin: 0 auto;
   text-align: center;
}
p.result_link a:hover{
   opacity: 0.8;
   top: 1px;
   left: 1px;
}

p.external_link a::after{
    content: '\f35d';
   font-family: "Font Awesome 5 Free";
   margin-left: 0.5em;
    font-weight: 900;
    color: #FFF;
}

@media only screen and (max-width:640px) {
    div.results_col > div:first-of-type{
        padding-left: 0;
        padding-right: 0;
    }
}
.link_to_ecokimera {
	margin-top: 60px;
}
.link_to_ecokimera figcaption {
	text-align: center;
}
.link_to_ecokimera img {
	padding-bottom: 5px !important;
}

/*耐震カプセル（SphereSecure）を万博に出展しました*/
.info-content .wp-block-column figure,
.info-content .wp-block-column {
    margin: 0;
}
.info-content p {
    margin-bottom: 1rem;
}
.info-content .three-columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    margin-top: 2rem;
}
.info-content .three-columns div {
    text-align: center;
}
.info-content .left_img-columns {
    display: grid;
    grid-template-columns: minmax(auto, 40%) minmax(auto, 60%);
    gap: 1rem;
}
.info-content .left_img-columns li {
    margin-bottom: .5rem;
}
@media only screen and (max-width:540px) {
    .info-content .three-columns {
        grid-template-columns: 1fr 1fr;
    }
    .info-content .left_img-columns {
        grid-template-columns: 1fr;
    }

}
@media (min-width:401px) and (max-width:540px) {
    .info-content .three-columns div:last-child {
        width: 200%;
    }
    .info-content .three-columns div:last-child img {
        width: 50%;
    }

}
@media only screen and (max-width:400px) {
    .info-content .three-columns {
        grid-template-columns: 1fr;
    }
    .info-content .three-columns img {
        max-width: 250px;
        width: 100%;
    }
    .info-content .three-columns div {
        text-align: center;
    }

}

/*----------------------------------
会社概要　2020114追記
----------------------------------*/
.concept img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

div.sdgs {
    background-color: #e8e8e8;
}

.sdgs img {
    display: block;
    padding: 0 !important;
    height: auto;
}

div.sdgs_main {
    width: 100%;
    margin: 0 auto;
    background-image: url(https://armored-pro.com/wp-content/uploads/2020/01/sdgs_bg.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 15px;
}

div.sdgs_wrap {
    background-color: #FFF;
}

.sdgs_col span {
    display: block;
    text-align: left;
    line-height: 1.5;
    margin-top: 10px;
}

.sdgs_col_mid img:last-of-type {
    margin-bottom: 0;
}

.sdgs_col_mid span {
    display: block;
    width: 100%;
    height: 4.5em;
    line-height: 1.5;
    margin-top: 10px;
}

div.sdgs_top {
    display: flex;
    justify-content: space-around;
}

.sdgs_top div {
    width: 50%;
    max-width: 285px;
}

.sdgs_top img {
    width: 100%;
}


/*PC*/

@media only screen and (min-width:641px) {
    div.sdgs_main {
        display: flex;
        justify-content: space-between;
    }
    div.sdgs {
        padding: 25px;
        width: calc(100% - 50px);
    }
    div.sdgs_wrap {
        padding: 25px;
        width: calc(100% - 50px);
    }
    .sdgs_col img {
        width: 100%;
        max-width: 194px;
    }
    .sdgs_col span {
        height: 4.5em;
        width: 100%;
    }
    .sdgs_col_mid {
        width: calc(38% - 62px);
    }
    .sdgs_col_mid_wrap {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
    }
    .sdgs_col {
        width: 31%;
        max-width: 194px;
    }
    .sdgs_col div {
        width: 100%;
    }
    .sdgs_col div:first-of-type {
        margin: 25px auto;
    }
    .sdgs_col_mid_wrap div {
        width: 100%;
        max-width: 111px;
        margin: 0 auto 15px;
    }
    .sdgs_col_mid_wrap div img {
        width: 100%;
    }
}


/*SP*/

@media only screen and (max-width:640px) {
    .sdgs_col img {
        width: 75%;
    }
    div.sdgs {
        padding: 15px;
        width: calc(100% - 30px);
    }
    div.sdgs_wrap {
        padding: 15px 15px 30px 15px;
        width: calc(100% - 30px);
    }
    .sdgs_col span {
        font-size: 0.9em;
        font-weight:500;
        height: 50px;
        width: 100%;
        margin: 10px auto 0;
    }
    .sdgs_col_mid {
        width: 100%;
        margin-bottom: 40px;
    }
    .sdgs_col_mid_wrap {
        display: flex;
        justify-content: space-between;
    }
    .sdgs_col {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .sdgs_col div {
        width: 47%;
    }
    .sdgs_col img {
        display: block;
        margin: 0 auto;
    }
    .sdgs_col_mid_wrap div {
        width: 100%;
        max-width: 23%;
        margin: 0 auto;
    }
    .sdgs_col_mid_wrap div img {
        width: 100%;
    }
}
.profile_table a {
	display: block;
	margin-top: -5px;
	margin-bottom: 3px;
}

.profile_table a:last-child {
	margin-bottom: 0px;
}
/*---- ウィジェット・メニュー非表示 ----*/
/*エコキメラ施工作業用 専用ガン・オイルコンプレッサー*/
#side_col .side_category .last{ display: none;}
ul.sub-menu li#menu-item-263{ display: none;}
/*エコキメラをご家庭でご利用の場合はこちら*/
#side_col a.ecokimera{
	text-decoration: none;
	display: block;
	line-height: 0;
}