@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
*/

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*---------------------------------------------------------------------------------------------
	PC用
---------------------------------------------------------------------------------------------*/
@media screen and (min-width:601px) {
  /*必要ならばここにコードを書く*/
	.navi-in > ul .caption-wrap > div{
		font-size:14px;
	}
	
	.upperMenu {
		background-color: #2a5f84;
		width:70%;
		text-align:right;
	}
	div.entry-card-content p{
		height:30px;
	}
	.entry-card-title{
		height:100px;
	}
}
/*---------------------------------------------------------------------------------------------
	スマホ用
---------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px) {
	.upperMenu {
    	display:none;
	}
	div.entry-card-content p{
		height: 25px;
        font-size: 13px;
	}
	h2.entry-card-title{
		font-size:13px!important;
	}
	.entry-card-title{
		height:50px;
	}
}

/* タイル4列 */
.ect-3-columns {
  justify-content: space-around;
}
.ect-3-columns .entry-card-wrap {
 width: 24.67%;
}
.ect-3-columns .entry-card-snippet {
  max-height: 4em;
  overflow: hidden;
}

.ect-3-columns .ad-area {
  width: 24.67%;
}


/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
	color:black;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
	color:black;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
	color:black;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}

.external-blogcard-snippet{
    display: none;
}

.upperMenu div {
    display: inline-block;
    vertical-align: middle;
	padding: 0 10px 0 0;
}

div.contactArea div {
	text-align:left;
}

.dialArea {
    margin-bottom: 0;
	color: #dddddd;
}

.dialArea img {
    width: 40px;
}

.dialArea span {
    font-size: 15px;
    
}

.openArea {
    color: #dddddd;
    margin: 0;
	font-size: 13px;
}

.contactBtn {
    background-color: #FE7D13;
    border: #FE7D13 2px solid;
    border-radius: 10px;
    width: 250px;
    font-weight: bold;
    font-size: 18px;
    color: white;
    text-align: left;
/*     margin: 0 10px;
    padding: 0 0 0 25px; */
}

.contactBtn:hover {
    background-color: #ffffff;
    border: #FE7D13 2px solid;
    color: #FE7D13;
}

.contactLet p:first-child, 
.contactLet p:nth-child(2){
    margin: 0;
    font-size: 13px;
}

.contactLet p:nth-child(3){
    margin: 0;
}

.mailIcon {
    width: 40px;
}

#sb_instagram{
	width:60%;
}

.card-thumb img {
    height: min(12vw, 320px);
    object-fit: cover;
}