/*
Theme Name: Koizumi MFG Theme
Theme URI: https://example.com
Author: KOIZUMI MFG. Co., Ltd.
Description: 株式会社小泉製作所様サイト用オリジナルテーマ。元サイトのCSSをそのまま移植しています。
Version: 1.0
Text Domain: koizumi-theme
*/

/* =========================================
   以下は元サイトの style.css の内容をそのまま移植したものです。
   ========================================= */

                 html,
                 body,
                 div,
                 span,
                 applet,
                 object,
                 iframe,
                 h1,
                 h2,
                 h3,
                 h4,
                 h5,
                 h6,
                 p,
                 blockquote,
                 pre,
                 a,
                 abbr,
                 acronym,
                 address,
                 big,
                 cite,
                 code,
                 del,
                 dfn,
                 em,
                 font,
                 ins,
                 kbd,
                 q,
                 s,
                 samp,
                 small,
                 strike,
                 strong,
                 sub,
                 sup,
                 tt,
                 var,
                 dl,
                 dt,
                 dd,
                 ol,
                 ul,
                 li,
                 fieldset,
                 form,
                 label,
                 legend,
                 table,
                 caption,
                 tbody,
                 tfoot,
                 thead,
                 tr,
                 th,
                 td {
                     border: 0;
                     font-family: inherit;
                     font-style: inherit;
                     font-weight: inherit;
                     margin: 0;
                     outline: 0;
                     padding: 0;
                     vertical-align: baseline;
                 }
                 
                  :focus {
                     outline: 0;
                 }
                 
                 table.Company {
                     margin: 0, auto;
                     width: 100%;
                 }
                 
                 iframe.map {
                     margin: 0 auto;
                     width: 100%;
                 }
                 
                 strong {
                     font-weight: bold;
                 }
                 
                 ol,
                 ul {
                     list-style: none;
                 }
                 
                 caption,
                 th,
                 td {
                     font-weight: normal;
                     text-align: left;
                 }
                 
                 blockquote:before,
                 blockquote:after,
                 q:before,
                 q:after {
                     content: "";
                 }
                 
                 blockquote,
                 q {
                     quotes: """";
                 }
                 
                 a img {
                     border: 0;
                 }
                 
                 figure {
                     margin: 0
                 }
                 
                 article,
                 aside,
                 details,
                 figcaption,
                 figure,
                 footer,
                 header,
                 hgroup,
                 menu,
                 nav,
                 section {
                     display: block;
                 }
                 
                 section {
                     clear: both;
                     height: auto;
                 }
                 
                 .f_l,
                 .odd {
                     float: left;
                 }
                 
                 .f_r,
                 .even {
                     float: right;
                 }
                 
                 .f_n {
                     float: none
                 }
                 
                 .clear,
                 .space {
                     clear: both;
                 }
                 /* リンク設定------------------------------------------------------------*/
                 
                 a {
                     text-decoration: none;
                 }
                 
                 a:active,
                 a:focus {
                     outline: 0;
                 }
                 /* -------------------------------------------------------------- */
                 
                 * {
                     -webkit-box-sizing: border-box;
                     -moz-box-sizing: border-box;
                     -o-box-sizing: border-box;
                     -ms-box-sizing: border-box;
                     box-sizing: border-box;
                 }
                 
                 body {
                     color: #331100;
                     font-family: "Meiryo", verdana, "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
                     border-top: 5px solid #5e8cc8;
                     background: #ffffff;
                     -webkit-text-size-adjust: none;
                     min-width: 100%;
                     display: flex;
                     flex-flow: column;
                     min-height: 100vh;
                 }
                 /************** ヘッダー*************/
                 
                 #header {
                     border-bottom: 1px solid #5e8cc8 !important;
                     padding: 0;
                     overflow: hidden;
                 }
                 /************* ロゴ*************/
                 
                 .logo span {
                     white-space: nowrap;
                 }
                 
                 .logo img {
                     padding-top: 5px;
                     width: 100%;
                     max-width: 100%;
                 }
                 /* パネル------------------------------------------------------------*/
                 
                 .panel a,
                 .panel a:visited {
                     color: #5e8cc8;
                 }
                 
                 .panel a:hover,
                 .panel_b a:hover {
                     color: #331100;
                 }
                 
                 .panel_b a,
                 .panel_b a:visited {
                     color: #ffffff;
                 }
                 /* メインコンテンツ------------------------------------------------------------*/
                 
                 #wrapper {
                     flex: 1;
                     margin: auto;
                     padding: 0;
                     position: relative;
                 }
                 /************************** banner**************************/
                 
                 #mainBanner {
                     margin: 0px auto;
                     padding: 0;
                     width: 100%;
                     position: relative;
                 }
                 
                 #mainBanner img {
                     width: 100%;
                     height: auto;
                 }
                 
                 .shop_banner {
                     width: 90%;
                     margin: 0 auto;
                 }
                 
                 a img.shop_banner01 {
                     width: 40% !important;
                     border: 1px #331100 !important;
                 }
                 
                 a img.shop_banner02 {
                     width: 18% !important;
                     border: 1px #331100 !important;
                 }
                 /**********お知らせ****************/
                 
                 #infomation {
                     position: relative;
                     background-color: #ffffff;
                     z-index: 300;
                     max-height: 400px;
                     overflow: scroll;
                 }
                 
                 #infomation ul {
                     padding: 10px;
                 }
                 
                 #infomation li {
                     padding-left: 10px;
                 }
                 
                 #infomation img {
                     width: 50%;
                     background: #0b714c;
                 }
                 /**********ガイド****************/
                 
                 #guide,
                 .gallery {
                     width: 100%;
                     text-align: center;
                     display: inline-block !important;
                 }
                 
                 #guide div.box,
                 .gallery div.board {
                     float: left;
                     position: relative;
                     display: block;
                     color: #ffffff;
                     width: 23%;
                     margin: 1%;
                     display: block;
                     background-color: #331100;
                 }
                 
                 .gallery div.board2 {
                     float: left;
                     position: relative;
                     display: block;
                     color: #ffffff;
                     width: 48%;
                     margin: 1%;
                     display: block;
                     background-color: #331100;
                 }
                 
                 .gallery span {
                     margin: 1% auto;
                     display: block;
                 }
                 
                 .gallery img {
                     width: 100%;
                     height: auto;
                     padding: 0 10% 10% 10%;
                     display: block;
                     clear: both;
                 }
                 
                 #guide div.active {
                     display: none;
                 }
                 
                 #guide div.label {
                     display: inline-block;
                     width: 100%;
                     padding-top: 30%;
                     padding-bottom: 20%;
                 }
                 
                 #guide .link_btm {
                     margin: 0 auto !important;
                     clear: both;
                 }
                 
                 #guide a {
                     color: #ffffff;
                 }
                 /*タイトルブロック*/
                 
                 .service_link {
                     width: 80%;
                     background-color: #331100;
                     margin: 0 auto;
                     padding: 50px 2%;
                     text-align: center;
                     color: #ffffff;
                 }
                 
                 h4.L {
                     margin: 5px 5px 0 5px;
                     padding: 5px 0 5px 10px !important;
                     border-left: 7px solid #331100;
                     background-color: #f5f5f5;
                 }
                 
                 h4.R {
                     margin: 5px 5px 0 5px;
                     text-align: right;
                     padding: 5px 10px 5px 0 !important;
                     border-right: 7px solid #331100;
                     background-color: #f5f5f5;
                 }
                 /*グラデション線*/
                 
                 .lineL {
                     width: 100%;
                     margin-bottom: 10px;
                 }
                 
                 .lineL:before {
                     content: "";
                     display: block;
                     height: 2px;
                     width: 90%;
                     background: #331100;
                 }
                 
                 .lineL:after {
                     content: "";
                     display: block;
                     height: 8px;
                     width: 75%;
                     background: -webkit-gradient(linear, left top, right bottom, from(#331100), to(#ffffff));
                     background: -moz-linear-gradient(left top, #331100, #ffffff);
                     background: linear-gradient(left top, #331100, #ffffff);
                 }
                 /************************** グリッド**************************/
                 
                 .bgcolor {
                     background: #f0efeffb;
                 }
                 
                 .read_box {
                     background-image: url("./images/read_box.png");
                     background-size: contain;
                 }
                 
                 .read_box a {
                     display: table-cell;
                     vertical-align: middle;
                     text-align: center;
                 }
                 
                 .read_box a span {
                     padding: 5%;
                     color: #ffffff;
                     background: #331100;
                 }
                 
                 .readmore a {
                     position: relative;
                     display: block;
                     padding: 5px 5px !important;
                     clear: both;
                     background: #331100;
                     text-align: right;
                     bottom: 0px;
                     color: #ffffff;
                 }
                 
                 img.frame {
                     box-shadow: #000000;
                 }
                 /*************メイン コンテンツ*************/
                 /************* フッター*************/
                 
                 #footer {
                     clear: both;
                     color: #ffffff;
                     padding: 2px 0 0 0;
                     overflow: hidden;
                     background: #5e8cc8;
                 }
                 
                 #footer a,
                 #footer a:visited {
                     color: #ffffff;
                 }
                 
                 #footer a:hover {
                     color: #000000;
                 }
                 
                 .copyright {
                     clear: both;
                     text-align: right;
                     background: #331100;
                 }
                 /*imageパネル*/
                 
                 .i_box1 {
                     padding: 2%;
                     display: block;
                 }
                 
                 .i_box2 {
                     padding: 2%;
                     display: block;
                 }
                 
                 .i_box3 {
                     padding: 2%;
                     display: block;
                 }
                 
                 .i_box4 {
                     padding: 2%;
                     display: block;
                 }
                 
                 .w-t-l {
                     padding: 0 2% 2% 2%;
                     display: block;
                 }
                 
                 .w-b-l {
                     padding: 2% 2% 0 2%;
                     display: block;
                 }
                 
                 .h-r-l {
                     padding: 2% 0 2% 2%;
                     float: right;
                     display: block;
                 }
                 
                 .h-l-l {
                     padding: 2% 2% 2% 0;
                     float: left;
                     display: block;
                 }
                 
                 .brand {
                     width: 100%;
                     height: auto;
                 }
                 
                 img.cobu {
                     float: left !important;
                     padding: 2% 0.5% 2% 2%;
                     width: 37.5% !important;
                     height: auto;
                 }
                 
                 img.plow,
                 img.lino {
                     float: left !important;
                     padding: 2% 2% 2% 0.5%;
                     width: 57.5% !important;
                     height: auto;
                 }
                 /**************************テキスト系**************************/
                 
                 p.center {
                     text-align: center !important;
                 }
                 
                 .category {
                     font-weight: bold;
                     white-space: nowrap;
                 }
                 
                 .theme {
                     margin-left: 10px;
                     font-weight: bold;
                 }
                 
                 .theme span {
                     margin-left: 10px;
                 }
                 
                 .slogan {
                     padding: 10px 0 10px 20px;
                     font-weight: bold;
                 }
                 
                 h3.heading {
                     padding: 10px 5px;
                     font-family: "Meiryo", 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
                     background: #5e8cc8;
                     color: #ffffff;
                     font-weight: bold;
                     text-align: center;
                 }
                 
                 .theme span,
                 .heading span,
                 .slogan span {
                     white-space: nowrap;
                 }
                 
                 .text p {
                     padding: 0 20px;
                     word-wrap: normal;
                 }
                 
                 #sign {
                     clear: both;
                     float: right;
                     margin: 20px;
                     font-weight: bold;
                     text-align: right;
                 }
                 /*************テーブル*************/
                 
                 #company div.table,
                 #o1_machine div.table,
                 #o2_machine div.table,
                 #s2_machine div.table {
                     margin: 0 auto;
                     border: 1px solid #331100;
                     padding: 2px;
                 }
                 
                 div.table ul {
                     width: 100%;
                     margin: 0;
                     padding: 2px;
                     display: table;
                 }
                 
                 ul.th-row {
                     color: #f5f5f5;
                     font-weight: bold;
                     text-align: center;
                     background-color: #5e8cc8;
                 }
                 
                 .t_col1,
                 .t_col2,
                 .t_col3,
                 .t_col4 {
                     white-space: nowrap;
                     border: 1px solid #331100;
                     display: block;
                 }
                 
                 #o1_machine .t_col1,
                 #o1_machine .t_col2,
                 #o1_machine .t_col3,
                 #o1_machine .t_col4,
                 #o2_machine .t_col1,
                 #o2_machine .t_col2,
                 #o2_machine .t_col3,
                 #o2_machine .t_col4 {
                     display: table-cell;
                     vertical-align: middle;
                     text-align: center;
                     font-weight: bold;
                 }
                 
                 #s2_machine li {
                     color: #ffffff;
                     background-color: #5e8cc8;
                     display: inline-block;
                     border: 1px solid #331100;
                     margin: 1%;
                     padding: 1%;
                     width: 23%;
                     vertical-align: middle;
                     text-align: center;
                     font-weight: bold;
                 }
                 
                 #s2_machine img {
                     width: 100%;
                 }
                 
                 .map {
                     width: 100%;
                 }
                 
                 #japan ul {
                     margin: 10px
                 }
                 /*************追加文字**************/
                 
                 .category:before,
                 .theme span:before,
                 .theme span:after,
                 .panel span:before,
                 .panel_b span:before,
                 .panel span:after,
                 .panel_b span:after,
                 #infomation ul h3:before,
                 #infomation ul h3:after {
                     content: "-";
                 }
                 
                 #infomation li:before,
                 #subNav a:before {
                     content: "■";
                 }
                 
                 a.menu span:after {
                     content: "\A▼";
                     white-space: pre;
                 }
                 
                 a.menuOpen span:after {
                     content: "\A▲";
                     white-space: pre;
                 }
/* =========================================
   採用情報ページ(recult.html)の <style> インライン指定を移植
   ========================================= */
#recult table,
#recult .koyou {
    border: 1px solid #331100;
    margin: 0 auto;
}

#recult td {
    background-color: #f0efef;
}

#recult th {
    background-color: lightgrey;
}