@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*共通設定*/
.entry-content {margin-top:1em;margin-bottom:1em;}
.entry-title,.related-entry-heading,.comment-title,.archive-title {font-size: 20px;}
#header-in {max-width:1000px;}
.header {background-position:center;background-size:1000px;background-repeat:no-repeat;}
.logo-image{padding:15px 0 0 0;}
.tagline {color:#FFF;position:relative;top:-10px;}
#navi {width:1000px;margin:0 auto;display:block;text-align:center;}
#navi-in {margin:0 auto;display:block;}
#footer {max-width:1000px;margin:0 auto;margin-top:1.5em;display:block;text-align:center;}
.article h4 {font-size:18px;}
a:hover {color:#00a3af;}

/* リスト表示 */
.entry-card-thumb,.card-thumb,.e-card-thumb img {max-width:150px;max-height:150px;}
.entry-card-content,.card-content,.e-card-content {margin-left:180px;}
.entry-card-snippet,.card-snippet,.e-card-snippet,.related-entry-card-snippet {font-size:14px;}

/* 物件投稿（single-contents） */
#main-img {display:block;float:left;width:200px;}
#main-img ul,li {list-style:circle;}
#main-img img {width:120px;height:120px;border:1px solid #f0f0f0;}
#main-img img:hover {border:1px solid #00a3af;}
#gaiyou-table {width:500px;display:flex;flex-wrap:wrap;}
#gaiyou-table dl {box-sizing:border-box;}
#gaiyou-table dt {margin:1px;display:block;box-sizing:border-box;width:80px;padding:5px;text-align:center;background-color:#F5F6F7;float:left;}
#gaiyou-table dd {box-sizing:border-box;margin-left:90px;padding:3px;overflow-wrap:break-word;word-wrap:break-word;}
#gaiyou-table li {margin-left:-40px;}
#gaiyou-table dd:after {content:'';display:block;clear:both;}
.map {margin:20px 0px 0px 50px;}

/* 会社概要 */
#com-table {display:block;}
#com-table dl {}
#com-table dt {display:block;width:80px;padding:5px;text-align:center;background-color:#F5F6F7;float:left;}
#com-table dd {display:block;width:auto;padding:5px;margin:5px;margin-left:15px;border:1px #F5F6F7 solid;}
#mailform ul,li {list-style:none;text-decoration:none;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/

}

/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
.tagline {display:none;}
#main-img {display:block;box-sizing:border-box;}
#main-img ul,li {display:inline-block;padding:1px;}
#main-img img {width:100px;height:100px;}
}

/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
.tagline {display:none;}
#gaiyou-table dl {box-sizing:border-box;}
#gaiyou-table dd {box-sizing:border-box;width:250px;padding:3px;}
#main-img {display:block;box-sizing:border-box;width:100%;}
#main-img ul,li {display:inline-block;margin-left:0;padding:1px;}
#main-img img {width:100px;height:100px;}
}