/* ----------------------------------------------------------------------
企業情報 共通
---------------------------------------------------------------------- */
/* --------------------------------------------------
--------------------------------------------------*/
#contentsBody > .main {
background-color: #ebeae8;
padding: 5px;
}
/* --- 見出しリンク --- */
div.contents_header a { text-decoration: none; }
div.contents_header a:hover { text-decoration: underline; }
div.contents_header a i {
margin-right: 0.5em;
color: #188542;
}
ul.block_link_list { }
ul.block_link_list > li { padding: 5px; }
ul.block_link_list.multi { font-size: 0; }
ul.block_link_list.multi > li {
display: inline-block;
font-size: 1.3rem;
vertical-align: top;
}
ul.block_link_list.multi.div2 > li { width: 50%; }
ul.block_link_list.multi.div3 > li { width: 33.333%; }
ul.block_link_list.multi.div4 > li { width: 25%; }
ul.block_link_list > li > a {
display: block;
text-decoration: none;
color: #333;
}
ul.block_link_list > li > a > .unit {
background-color: #fff;
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
padding: 15px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
border: 1px solid #d3d3d3;
border-radius: 4px;
}
ul.block_link_list > li > a:hover > .unit,
ul.block_link_list > li > a:focus > .unit {
/*background-color: #f2f2f0;*/
color: #333;
border-color: #888;
background-color: #f7f7f7;
}
ul.block_link_list > li > a > .unit .line {
display: table;
width: 100%;
}
ul.block_link_list > li > a > .unit .line > .cell {
display: table-cell;
vertical-align: top;
}
ul.block_link_list > li > a > .unit .line > .cell.img {
width: 71px;
padding-right: 15px;
}
ul.block_link_list > li > a > .unit .line > .cell.img img { vertical-align: top; }
ul.block_link_list > li > a > .unit .line > .cell.txt { }
ul.block_link_list > li > a > .unit .line > .cell.txt > h2 {
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 5px;
color: #268300;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
ul.block_link_list > li > a:hover > .unit .line > .cell.txt > h2 { color: #444; }
ul.block_link_list > li > a > .unit .line > .cell.txt > h2 span.opt { font-size: 1.1rem; }
ul.block_link_list > li > a > .unit .line > .cell.txt > h2 > i { margin-right: 0.4em; }
ul.block_link_list > li > a > .unit .line > .cell.txt p {
font-size: 1.3rem;
line-height: 1.4;
}
.block_unit { }
.block_unit + .block_unit { margin-top: 50px; }
.block_unit > .content { }
/* - ローカルメニューボックス
------------------------------------------------------------ */
.local_menu_box { }
.local_menu_box > .menu_header {
display: table;
width: 100%;
background-color: #1b521f;
color: #fff;
}
.local_menu_box > .menu_header > div {
display: table-cell;
vertical-align: middle;
padding: 6px 12px;
}
.local_menu_box > .menu_header > div.title { }
.local_menu_box > .menu_header > div.title > .inner { display: table; }
.local_menu_box > .menu_header > div.title > .inner > .cell {
display: table-cell;
vertical-align: middle;
}
.local_menu_box > .menu_header > div.title > .inner > .cell + .cell { padding-left: 10px; }
.local_menu_box > .menu_header > div.title > .inner > .cell .title { font-weight: bold; }
.local_menu_box > .menu_header > div.title > .inner > .cell .title a {
display: block;
text-decoration: none;
color: #fff;
}
.local_menu_box > .menu_header > div.title > .inner > .cell .title a:hover { text-decoration: underline; }
.local_menu_box > .menu_header > div.title > .inner > .cell .title.current {
padding: 5px 10px;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 3px;
}
.local_menu_box > .menu_header > div.title > .inner > .cell .icon {
font-size: 1.4rem;
display: block;
position: relative;
top: -1px;
}
.local_menu_box > .menu_header > div.btn {
text-align: right;
padding: 6px;
}
.local_menu_box > .content ul.link_list { padding: 3px; }
.local_menu_box > .content ul.link_list > li { padding: 3px; }
.local_menu_box > .content ul.link_list > li.line { width: 100%; }
.local_menu_box > .content ul.link_list > li > a {
padding: 6px;
font-size: 1.2rem;
}
.local_menu_box > .content ul.link_list > li > a > i.fa.fa-chevron-circle-right { display: inline-block; }
.local_menu_box > .content ul.link_list > li.current > a > i.fa.fa-chevron-circle-right { display: none; }
.local_menu_box > .content ul.link_list > li > a > i.fa.fa-chevron-circle-down { display: none; }
.local_menu_box > .content ul.link_list > li.current > a > i.fa.fa-chevron-circle-down { display: inline-block; }
/* - コンテンツブロック
-------------------------------------------------- */
.article { margin-top: 30px; }
.article + .article { margin-top: 50px; }
/* ------------------------------------------------------------
767px以下
------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
}
/* ------------------------------------------------------------
479px以下
------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
/* - ローカルメニューボックス
-------------------------------------------------- */
.local_menu_box > .menu_header > div.title > .inner { display: block; }
.local_menu_box > .menu_header > div.title > .inner > .cell { display: inline-block; }
.local_menu_box > .menu_header > div.title > .inner > .cell:first-child {
display: block;
margin-bottom: 2px;
}
.local_menu_box > .menu_header > div.title > .inner > .cell + .cell { padding-left: 0; }
.local_menu_box > .menu_header > div.title > .inner > .cell:last-child { padding-left: 6px; }
}
