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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
#header {
	padding:40px 0 80px;
	
}

.type-post #honbun {
	display:none;
}

.top-image img {
	width:100%;
	height:300px;
	display:block;
	margin:auto;
	object-fit:cover;
}
p.lead {
	font-size:1.2rem;
	margin-bottom:30px;
}
.att li,
p.att {
	text-indent:-1em;
	margin-left:1em !important;
}
.type-page .mokuji {
	display:none;
}
.mokuji {
	max-width:400px;
	border:1px solid #ccc;
	padding:10px 20px;
	margin:0 auto;
}
.mokuji p {
	text-align:center;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

h2.midashi {
	margin:60px 0 20px !important;
}
h3.komidashi {
	border-top:none;
	border-right:none;
	border-bottom:none;
	font-weight:bold;
	margin:0 0 10px 0 ;
	padding-top:5px;
	padding-bottom:5px;
}
p.text {
	padding:0 0 0 4%;
}
.gazou {
	max-height:300px;
	margin-left:4%;
}
.gazou img {
	height: 300px;
  object-fit: contain;
}
 
img.card-thumb-image {
	width:300px;
	height:200px;
	object-fit:cover;
}
.link-btn {
	text-align:center;
	margin:40px 0;
}
.link-btn a {
	display:inline-block;
	padding:10px 40px;
	background-color:#6dd651;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	color:#fff;
	border-radius:10px;
}
.link-btn a:hover {
	opacity:0.7;
}
/*文章付きリンク*/
.link-content {
	border:1px solid #ccc;
	padding:30px 3%;
	box-sizing:border-box;
	margin:30px 0;
}
.link-content h3 {
	text-align:center;
	color:#ff7f00;
	border:none;
	border-bottom:2px solid;
	margin: 0 0 10px 0;
	padding:0 0 10px 0;
}
.link-content .link-btn {
	margin-bottom:0;
}
.link-content .link-btn a {
	background-color:#ff7f00;
}

/*____*/

.contact-link {
	background-color:#e1f4ff;
	padding:20px 0;
}
.contact-link a {
	display:block;
	color:#fff;
	font-weight:bold;
	margin:0 auto;
	background-color:#0095e8;
	border-radius:10px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	padding:15px 20px;
	box-sizing:border-box;
	max-width:500px;
}
.contact-link a span {
	font-size:0.8em;
	border-top:1px solid;
	display:block;
}
#list a.entry-card-wrap {
	border:1px solid #ccc;
	width:48%;
	margin-bottom:30px;
}
.sns-share {
	margin:0  !important;
	padding:0  !important;
}
.sns-share-buttons {
	justify-content:flex-end;
}
.sns-share-buttons a {
	width:80px !important;
	box-sizing:border-box;
	margin-left:20px;
}
/*サイド問い合わせ*/
.side-linkarea {
	border:2px solid #ffa88d;
	padding:10px;
	
}
.side-linkarea h3 {
	margin-top:0;
	background-color:#ffa88d;
	border-bottom:2px solid #ffa88d;
	color:#fff;
	text-align:center;
}
.side-linkarea p {
	font-size:1rem;
}
.side-toiawase {
	background-color:#009eff;
	display:block;
	color:#fff !important;
	font-weight:bold;
	text-align:center;
	padding:10px;
	margin: 10px 0;
	text-decoration:none;
	font-size:110%;
	border-radius:10px;
}
.side-toiawase:hover {
	opacity:0.7;
}
/*___*/
#header {
	position:relative;
}

.tel {
	position:absolute;
	bottom:20px;
	right:5%;
	width:320px;
	background-color: rgba(255,255,255,0.85);
	font-size:1em;
	 font-family: number;
	line-height:1.5;
	padding:5px 10px;
	font-family:sans-serif;
	text-align:center;
	/*display:flex;*/
	display:none;
}
.tel .img {
	width:50px;
	height:auto;
	display:inline-block;
	align-items:middle;
}
.tel p {
	width:240px;
	display:inline-block;
	vertical-align:middle;
	align-items:middle;
}
.tel span {
	font-weight:bold;
	font-size:1.2em;
	
}
.cat-item a {
	color:#0098ff !important;
}

a.campaign-link img {
	max-width:600px;
	margin:0 auto;
	display:block;
}

/*campaignトップ部分*/
.campaign-top {
			font-family:  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
            margin: 20px 0;
            background-color: #FF8B00;
            color: #fff !important;
            text-align: center;
            font-weight: bold;
            padding: 15px 2.5%;
            display: block;
            text-decoration: none;
			width:100% !important;
			line-height:1.5;
        }
        .campaign-top p {
            margin: 0;
            font-weight: bold;
        }
        .campaign-top p.p1 {
            font-size: 20px;
        }
        .campaign-top p.p2 {
            font-size: 28px;
            color: #FF8B00 !important;
            background-color: #fff;
            padding: 10px 0;
            margin: 10px 0;
            
        }
        .campaign-top p.p3 {
            font-size: 20px;
            margin-bottom: 10px
        }
        .campaign-top p.p4 {
            font-size: 24px;
        }
        .campaign-top p.p4 span {
            font-size: 30px;
            
        color: #0084FF !important;
      letter-spacing : 2px;                /* 文字間 */
      text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;  
        }
        .campaign-top p.p5 {
            font-weight: normal;
        }
.campaign-top:hover {
	opacity:0.7;
}

/*ホワイトペーパー*/
.whitePaper_area {
    display: flex;
}
.whitePaper {
    display: block;
    width: 31.3%;
    margin: 30px 1% 0;
    box-sizing: border-box;
    padding: 10px;
    border:1px solid #ccc;
    
}
.wp-image img {
    width:100%;
	/*height:150px;*/
	display:block;
	margin:auto;
	/*object-fit:cover;
	object-fit:contain;*/
}
.whitePaper p {
	display:block;
	font-size:16px;
	line-height:1.5;
}
h3.white_h3 {
    background-color: #481A00;
    color: #fff;
    margin:10px 0 10px 0 !important;
    font-size: 1rem !important;
    text-align: center;
	padding:10px !important;
	box-sizing:border-box;
}
.wp-btn a {
    margin: 20px 0;
    display: block;
    background-color:#481A00;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    text-decoration: none;
	box-sizing:border-box;
}
.wp-btn a:hover {
	opacity:0.7;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	h3.komidashi,
	p.text
	 {
		padding:0 0 0 7%;
	}
	.tel {
		position:static;
		margin:0 auto 20px;
	}
	#header {
	padding:40px 0;
	
}
	
	
	.campaign-top p.p1 {
            font-size: 16px;
        }
        .campaign-top p.p2 {
            font-size: 22px;
            color: #FF8B00 !important;
            background-color: #fff;
            padding: 10px 0;
            margin: 10px 0;
            
        }
        .campaign-top p.p3 {
            font-size: 16px;
            margin-bottom: 10px
        }
        .campaign-top p.p4 {
            font-size: 20px;
        }
        .campaign-top p.p4 span {
            font-size: 25px;
	}
	.campaign-top p.p5 {
            font-size: 16px;
        }
	

	
	.whitePaper_area {
		display: block;
		
		}
	.whitePaper {
		display: flex;
		justify-content: space-between;
		width:100% !important;
	}
	.wp-image {
		width: 30%;
		display:block;
		height:200px  !important;

	}
	.white_text{
		width: 68%;
		display:block;
	}
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
}