@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Template:   cocoon-master
Version:    1.1.3
*/
/*1023px以下*/
@media screen and (max-width: 1023px){

#main{
margin:0px;  
}
 
}

/*834px以下*/
@media screen and (max-width: 834px){
.logo{
margin:5px 70px 0px 70px ;
}

#main{
margin:0px;  
}
  
}


/*------------------------------------------------------------------------------------------------
480px以下(スマホ)
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 480px){


#main{
margin:0px;  
}
 
/*------------------------------------------------
記事一覧
------------------------------------------------*/
.e-card-title{/*タイトル*/
font-size:14px; 
padding:2px 0px;
}
  /*枠
.border-element{
border:1px solid #dddddd;
margin:2px 0px;
padding:5px;
}
  */
.e-card-thumb{/*写真*/

}
/*------------------------------------------------
記事
------------------------------------------------*/
.entry-title{
padding:0px 0px;
}
  
}

/* ■---------------------------------------------------------------------------------------------
サイズ共通
------------------------------------------------------------------------------------------------*/
/*ロゴ（スクロール時）*/
.header-container-in.hlt-top-menu .logo-header img {
  max-height: 30px;
  padding:0px 0px 0px 10px;
}


#content.cf{
margin:0px;  
}

/*パンくずリスト*/
#breadcrumb{
margin:0px;  
padding:0px;
}

/*SNS*/
.sns-share.ss-top.ss-col-6 a, .sns-share.ss-bottom.ss-col-6 a {
width: calc(100%/5 - 2px);
}
/*SNS文字サイズ*/
.sns-share.ss-high-and-low-lc a 
.button-caption.button-caption,
.sns-share.ss-high-and-low-cl a 
{
font-size:10px;
}

/*youtubeのサイズ変更*/
.video-container {
max-width: 100%;
margin: 0px auto;
}

/*記事一覧*/
.a-wrap.border-element{
border:0px solid #ffffff;
border-bottom:2px solid #ccc;
margin:0 0 10px 0 ; 
}

/*------------------------------------------------
記事
------------------------------------------------*/

/*目次*/
.toc-list > li{/*H2*/
font-weight: bold;
font-size:16px;
}

.toc-list > li li{/*H3、H4*/
font-weight: normal;
font-size:14px;
}

h1{
word-break:break-all;
margin:0px;
padding:0px;
}
.eye-catch-wrap{
}
.eye-catch{
margin:10px auto;
padding:auto;
}
.wp-post-image{
}
.article h2{
font-size:16px;
padding:15px 15px;
border-radius:8px ;  
background:#ccc; 
}
.article h3{
font-size:16px;
padding:10px 15px;
border:solid 0px #dddddd;
border-left:#949495 8px solid;
}
.article h4{
font-size:16px;
padding:5px 10px;
margin:0px;
}


/* ---------------
在庫へのリンク
---------------- */
.stock-link {
display: block;
width:80%;
margin:auto;
font-size: 16px;
padding:15px;
text-align: center;
background: #4169e1;
color: #FFFAFA;
border-radius:10px;
}
.stock-link a{
text-decoration: none;
color: #FFFAFA;
display: block;
}
.stock-link:hover{ 
font-weight:900;
color: #FFFAFA;
border:solid 0px #4169e1;

}
.stock-link:active{  /* クリックした時 */
color: #FFFAFA;
border:solid 5px #4169e1;
}

/* ---------------------------------------------
個別記事へのリンク
--------------------------------------------- */