/*
Theme Name: 近澤建設
Theme URI: http://chikazawaks.com
Author: T. Funaoka
Author URI: http://www.basara-web.com
Description: 近澤建設用のオリジナルWordPressテーマ
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chikazawa
*/

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */
/* --- header --- */
.header { margin: 0px auto; padding: 0px;}
h2.sb_tit { color: #135A9D; background: rgba(19, 90, 157, 0.10); border-bottom: 1px solid rgba(19, 90, 157, 0.20); clear: both; display: block; padding: 50px 0; font-family: "��������", "Yu Mincho", YuMincho, "�q���M�m���� Pro", "Hiragino Mincho Pro", "HG����E", "MS PMincho", Times, serif; font-size: 180%; color: #FFF; text-align: center; line-height: 100%;}
h2.sb_tit {
    color: #11A265 !important;
    background: rgba(17, 162, 101, 0.10) !important;
    border-bottom: 1px solid rgba(17, 162, 101, 0.20) !important;
}

@media (min-width: 730px) { #wrap { width: 1100px; margin: 0 auto; }
 /* --- contents --- */ #contents { display: block; width: 600px; float: left; }
 /* --- side --- */ #sidebar { display: block; margin: 20px 50px 20px 10px; background: #f6f6f6; width: 400px; float: right; }
 /* --- entry --- */ .entry { margin: 20px 10px 20px 50px; padding: 10px 15px; }
 .entry_main { margin: 15px 5px; }
 .state { border-bottom: 1px solid #aaaaaa; }
 /* --- navi --- */ .navi { margin: 10px 0px; }
 .widget { margin-top: 20px; padding: 10px 15px; border-bottom: 1px solid #aaaaaa; }
 .widgettitle { text-decoration: underline; margin-bottom: 10px; }
 /* calendar */ #wp-calendar { text-align: center; width: 100%; }
 #wp-calendar #next { text-align: center; padding-right: 25px; }
}

a { text-decoration: none; color: unset;}
a:link { color: unset;}
a:visited { text-decoration: none; color: unset;}

.alR { text-align: right;}
.alL { text-align: left;}
.alC { text-align: center;}
.none { display: none !important;}

.flex { display: flex; gap: 1.5em; margin-bottom: 2em;}
.flex .left { flex: 1;}
.flex .right { flex: 1;}

.inner {
    padding: 0 2% 20px;
}

@media (max-width: 730px) {
    .flex { flex-direction: column;}
}

/* --- footer --- */

#footer { margin: 0px auto; clear: both;}
/* --- entry --- */
.entry { margin: 20px 20px 20px 50px; padding: 10px 15px;}
.entry_main { margin: 15px 5px;}
.state { border-bottom: 1px solid #aaaaaa;}
/* --- navi --- */
.navi { margin: 10px 0px; text-align: center;}
.widget { margin-top: 20px; padding: 10px 15px; border-bottom: 1px solid #aaaaaa;}
.widgettitle { text-decoration: underline; margin-bottom: 10px;}
/* calendar */
#wp-calendar { text-align: center; width: 100%;}
#wp-calendar #next { text-align: center; padding-right: 25px;}
/* --- side --- */
#sidebar { background: #f6f6f6;}
img { max-width: 100%; height: auto;}
@media (max-width: 730px) { div.entry { margin: 0px 10px 20px 10px; padding: 10px 5px; }
}

/* ヘッダー */
#header .h_box { margin: auto; padding: 20px 0; max-width: 1000px; display: flex; justify-content: space-between; align-items: center;}
#header .h_nav { display: flex;}
#header .h_nav .careers a { display: block; padding: 10px; width: 100px; text-align: center; font-weight: 500; text-decoration: none;}
#header .h_nav .careers a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}
#header .h_nav .tel { float: left; margin-left: 20px; width: 332px; height: 101px; text-indent: -9999px;}
#header .h_nav .contact { margin-left: 20px;}
#header .h_nav .contact .copy { font-size: 90%; color: #444;}
#header .h_nav .contact p span { border-radius: 3px; padding: 0; font-size: 80%; width: 100%; display: block;}
#header .h_nav .contact div { display: flex;}
#header .h_nav .contact div p { width: 4em; text-align: center; margin: 0 10px 0 0; padding: 0;}
#header .h_nav .contact b { font-size: 200%;}
#header .h_nav .contact p span { color: #fff;}
#header .h_nav .contact .h_tel { margin: 5px 0;}
#header .h_nav .contact .mail a { text-decoration: none;}
#header .h_nav .contact .mail b { font-size: 120%;}
#header .h_nav .contact .time { margin-top: 3px; font-size: 78%; line-height: 1.6;}
#header .h_nav .contact .time th { text-align: right; vertical-align: top; padding-right: 10px;}
#header .h_nav .contact.waste .h_tel b,
#header .h_nav .contact.waste .mail a,
#header .h_nav .contact.waste .time { color: #11A265;}
#header .h_nav .contact.waste p span { background-color: #11A265;}
#header .h_nav .contact.waste .h_tel b,
#header .h_nav .contact.waste .mail a,
#header .h_nav .contact.waste .time { color: #11A265;}
#header .h_nav .contact.waste p span { background-color: #11A265;}
#header .h_nav .contact.construction .h_tel b,
#header .h_nav .contact.construction .mail a,
#header .h_nav .contact.construction .time { color: #135A9D;}
#header .h_nav .contact.construction p span { background-color: #135A9D;}
#header .h_nav .contact.supersol .h_tel b,
#header .h_nav .contact.supersol .mail a,
#header .h_nav .contact.supersol .time { color: #E07313;}
#header .h_nav .contact.supersol p span { background-color: #E07313;}



section { margin: 0 auto; padding: 80px 0 50px; max-width: 1000px;}
h3 { clear: both; margin: 20px 0%; padding: 0 0 10px; font-size: 130%;}
h4 { clear: both; margin: 20px 0%; font-size: 120%;}
h3 { color: #11A265; border-bottom: 4px solid #11A265;}
h4 { color: #135A9D;}

/* .blue-color が親に付いているとき、内部の色を青系に変更 */
.blue-color h3 { color: #3A8DCC; border-bottom: 4px solid #3A8DCC;}
.blue-color .modern-button { background-color: #3A8DCC; color: #fff !important; border-color: #3A8DCC;}
.blue-color .modern-button:hover { background-color: #2F7BB5; border-color: #2F7BB5;}

/* .orange-color が親に付いているとき、内部の色を青系に変更 */
.orange-color h3 { color: #f7a242; border-bottom: 4px solid #f7a242;}
.orange-color .modern-button { background-color: #f7a242; color: #fff !important; border-color: #f7a242;}
.orange-color .modern-button:hover { background-color: #f58b13; border-color: #f58b13;}
.orange-color .facility-table-wrap { background-color: #FFF3E6;}

.orange-color .facility-table th { color: #f7a242;}
.orange-color .facility-table td { border-color: #f7a242;}

.orange-color .shadow-table .facility-table-wrap { transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06); }
.orange-color .shadow-table .facility-table-wrap:hover { transform: translateY(-3px) scale(1.001); box-shadow: 0 6px 7px rgba(0, 0, 0, 0.1); background-color: #FFF3E6; }


.orange-color .history-back { background-color: #f7a242} 



.facility-table-wrap { background-color: #ebf6f0; padding: 0.2em 0.7em; border-radius: 1em;}
.facility-table { width: 100%; border-collapse: collapse; font-family: sans-serif;}
.facility-table thead th { font-size: 1.1em; font-weight: bold; text-align: left;}
.facility-table tr { text-align: left;}
.facility-table tbody tr:last-of-type { border-bottom: unset;}
.facility-table th { padding: 0.5em 0px;  width: 30%; color: #11A265; font-weight: bold;}

.facility-table thead { font-weight: 500; font-size: 1.2em; padding: 0.3em 0.5em;}
.facility-table thead a { color: #11A265;}


.button-wrap { margin-top: 1em; margin-bottom: 2em; display: grid; grid-template-columns: repeat(5, 1fr); gap: 1em; }
.modern-button { width: 100%; background-color: #ebf6f0; color: #11A265 !important; padding: 0.6em 0em; border-radius: 0.5em; text-decoration: none; font-size: 1em; font-weight: bold; text-align: center; }
.modern-button i { font-size: 1.1em; }
.modern-button:hover { transform: translateY(-3px) scale(1.001); box-shadow: 0 6px 7px rgba(0, 0, 0, 0.1); background-color: #dff1e7; }
@media (max-width: 1080px) { .button-wrap { grid-template-columns: repeat(2, 1fr); } .modern-button { width: 100%; } }

.shadow { transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06); }
.shadow:hover { transform: translateY(-3px) scale(1.001); box-shadow: 0 6px 7px rgba(0, 0, 0, 0.1); background-color: #dff1e7; }

.shadow-table .facility-table-wrap { transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06); }
.shadow-table .facility-table-wrap:hover { transform: translateY(-3px) scale(1.001); box-shadow: 0 6px 7px rgba(0, 0, 0, 0.1); background-color: #dff1e7; }


.history-back { display: inline-block; padding: 0.6em 1.2em; background: #333; color: #fff !important; text-decoration: none; border-radius: 4px; background-color: #11A265; transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06); }
.history-back:hover { transform: translateY(-3px) scale(1.001); box-shadow: 0 6px 7px rgba(0, 0, 0, 0.1); }


/* report-year-links */
.report-year-links { display: flex; flex-direction: column; gap: 1.5em;}
.report-year-links p { margin-bottom: 1em; padding: 1em; background: #ebf6f0; border-radius: 0.5em; transition: all 0.1s ease; font-weight: bold;}
.report-year-links a { display: inline-block; color: #11A265; text-decoration: none; border-radius: 6px; transition: background-color 0.3s, box-shadow 0.3s;}
.report-year-links p:hover { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);}