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

/************************************
** 子テーマ用のスタイルを書く
************************************/



/*/****************
タブ見出しボックス
****************/
.tab-caption-box-label{ 
	line-height: ０; /*タブ設定をリセット*/
	padding: 6px 16px; /*タブ内側余白*/
	font-size: 16px; /*タイトル文字の大きさ*/
	font-weight: bold; /*タイトル文字の太さ*/
	border-radius: 4px 4px 0px 0px;  /*タブ角丸*/
}

.post-48 .date-tags {
display: none;
}

.tab-caption-box-content {
	position: relative;  /*配置に関するもの（ここを基準に）*/
	top: 1px; /*上から(1px）移動*/
	border: 2px solid; /*ボックス線*/
	padding: 48px 40px; /*ボックス内側余白*/
	border-radius: 4px; /*ボックス角丸*/
	border-top-left-radius: 0px; /*ボックス左上角丸*/
}*/


 /*リンクの下線を消す*/

a {

text-decoration: none;

}

/* 見出しリセット */
/* 見出し2 */
.article h2{
background-image: none;
}
.article h2 {
  color: #505050;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: #fce6dc;/*背景色*/
	width: 100%;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
	
}

.article h2:before {
  content: '●';
  color: white;
  margin-right: 8px;
}



/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}
.article h3 {
  position: relative;
  padding: 1em 0;

}

.article h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #a5911e, #a5911e 4px, #fff 4px, #fff 6px);
  background: repeating-linear-gradient(-45deg, #a5911e, #a5911e 3px, #fff 3px, #fff 6px);
  padding-top: .5em;
  margin-top:40px
}


.sidebar h3{
 
  color: #505050;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: #fce6dc;/*背景色*/
	min-width:300px;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

.sidebar h3:before {
  content: '●';
  color: white;
  margin-right: 8px;
}


   

/************************************
** ブログカード（本文挿入）
***********************************/
.blogcard {
padding-bottom:.8%;
border: 0px solid whitesmoke;
border-radius:4px;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%);
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf{
transition: all 200ms;
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf:hover,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf:hover{
background-color: #fafafa;
box-shadow:none;
transform: none;
}
.blogcard-footer {
padding-top: 2%;
}
.blogcard:before {
display:none;
}
.internal-blogcard::after,
.external-blogcard::after{
content: "続きを読む ≫"; 
position: absolute;
bottom: 0.7em;
right: 1em;
font-size: 0.7em;
background-color: #a5911e;/*続きを読むの背景色変更はこちら*/
padding: .4em 3em;
font-weight: bold;
color: #fff;
border-radius: 2px;
}
.blogcard-content{
max-height: none;
}
.blogcard-date{
display:none;
}
.blogcard-title {
font-size:1em;
padding:.2em .2em 0;
line-height:1.4em;
text-align: justify;
}
.blogcard-snippet {
padding:0em .5em;
color:#7b7b7b;
text-align: justify;
}
@media screen and (max-width: 1023px){
.blogcard-title {
padding:.3em .3em 0em .2em;
line-height:1.5em;
}
.blogcard-snippet {
font-size:.9em;
margin-top:.3em;
}
}
@media screen and (max-width: 960px){
.blogcard-title {
padding:.3em .3em .2em .2em;
line-height:1.5em;
}
.blogcard-snippet{
font-size:.8em;
max-height:15em;
}
}
@media screen and (max-width: 834px){
.blogcard-title {
font-size:1.1em;
padding:.2em .3em .5em .2em;
}
.blogcard-snippet {
font-size:.9em;
}
}
@media screen and (max-width: 740px){
.blogcard-title {
padding:.3em;
}
}
@media screen and (max-width: 673px){
.blogcard-title {
padding:.3em .5em 1em .2em;
line-height:1.8em;
}
.blogcard-snippet {
display:none;
}
}
@media screen and (max-width: 480px){
.blogcard {
padding-bottom: 2%;
}
.blogcard-title {
padding:.1em .4em 0em .1em;
line-height:1.5em;
}
.blogcard-footer {
padding-top: 5%;
}
}
@media screen and (max-width: 410px){
.blogcard-domain{
max-width: 11em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}}
@media screen and (max-width: 375px){
.blogcard-domain{
max-width: 9em;
}}

/* カルーセルラベル非表示 */
.carousel .cat-label {
	display: none;
}	


/* エントリーカード */

.entry-card-title {
	font-size: 16px;
	
	color: #333333;
	font-weight：600；
	padding: 15px 0 0 0;
	padding-bottom:.8%;
}

.entry-card-wrap {
　　border: solid 10px #333; /*枠線形状・色*/
}	
 
@media screen and (max-width: 480px) {.entry-card-title {font-size:14px;}}

.entry-card-snippet.card-snippet.e-card-snippet {
	font-size: 14px;
	color: #333333;
	padding:0 0 40px 0;
	}


.entry-card-wrap{
    background-color:white;
    border-radius: 5px;

    margin-bottom: 3em!important;
}

.entry-card-wrap:hover{
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
    transform: translateY(-2px);
    background-color:#fdfaf8; 
    transition: all .3s ease;
}}

/* home以外のページを半透過 */
.archive main{
    background-color: rgba(255, 255, 255, 0.9);
    margin-top: 0;
    padding-top: 0;
}

.logo-header{
  display: none;
} 


.home main, .sidebar {
background-color: rgba(255, 255, 255,1);
box-shadow: none;
}


/*/****************
ボックスメニュー
****************/

.box-menus{
margin:70px; /*全体の外側余白*/
}
.box-menu{
background-color: transparent;
border: 0px solid white; /*枠線の形状・色*/
border-radius: 50px; /*枠線の角丸み*/
padding: 1px 1px 1px 1px; /*枠内余白*/

}

.box-menu:hover { /*オンマウス時*/
box-shadow: inset 1px 1px 0 0 #fffafa,
 1px 1px 0 0 #fffafa, 1px 0 0 0 #fffafa;
border-radius: 50px; /*枠線角丸*/
background:none; /*背景色*/
color:#fff; /*文字色*/
}




 /*タイトルを消す*/

.box-menu-label{
	display: none;
}

.box-menu-icon *{
	max-width: 100%;
	
/*アイコンの大きさ*/
	max-height: 200px;
    }

.box-menu{
box-shadow:none;
}

.content-top{
	margin-top: 1em;
	margin-bottom: 2.5em;
}

@media screen and (min-width: 600px){
.wwa .box-menu{
	width: 20%;
}}

@media screen and (min-width: 600px){
.wwa .box-menu{
	margin-right: 6%;
}}

@media screen and (min-width: 600px){
.box-menu:last-child{
	margin-right: 0px;
}
}

/* モバイル用の設定 */

@media screen and (max-width: 600px){
.box-menus{
margin: 15px; /*全体の外側余白*/
}}

@media screen and (max-width: 600px){
.wwa .box-menu{
	width: 30%;
	margin-bottom: -40px;
}

@media screen and (max-width: 600px){
.box-menu-icon * {
	max-width: 100%;
	max-height:95px;
    
	 
}

	.content-top{
	margin-top: 1em;
	margin-bottom: 3em;
}
}
	
@media screen and (max-width: 600px){
.wwa .box-menu:first-child{
	margin-right: 55px;
	margin-left: -90px;	
	margin-bottom:-100px;
	}
@media screen and (max-width: 600px){	
.wwa .box-menu:nth-child(3){
	margin-right: 55px;	
	margin-left: 80px;	
}
@media screen and (max-width: 600px){	
.article h2 {
	min-width:350px;
}}
	
/*背景透過*/	
@media screen and (max-width: 600px){	
.home main, .sidebar{
background-color: rgba(255, 255, 255,0.7);
box-shadow: none;
}
    margin-top: 0;
    padding-top: 0;
	}
.entry-card-wrap{
    background-color:white;
    border-radius: 10px;
    margin-bottom: 1em!important;
	
}
	

	
/*---------------------------------
グローバルナビ（メニュー）の高さ（縦幅）
---------------------------------*/
.navi-in>ul li {
height: 10px; /*メニューの高さ（縦幅）*/
line-height: 10px; /*ナビ全体の高さ（縦幅）*/
}



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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
}
	
/* カルーセルラベル非表示 */
.carousel .cat-label {
	display: none;
}