@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;
}

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



/* ---------------------------------------------
全記事に買取ページへのリンク
--------------------------------------------- */
.fixed-buy-cta{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:99999;

    display:block;
    width:380px;
    padding:18px 20px;

    background:linear-gradient(180deg,#ff3b30,#d60000);
    color:#fff !important;
    text-decoration:none !important;
    text-align:center;
    border-radius:14px;
    border:3px solid #fff;

    font-weight:bold;
    line-height:1.5;
    box-shadow:0 8px 25px rgba(0,0,0,.35);

    cursor:pointer;
    transition:all .2s ease;

    animation:ctaFloat 1.8s ease-in-out infinite;
}

.fixed-buy-cta strong{
    display:block;
    font-size:26px;
    margin-top:5px;
}

.fixed-buy-cta::after{
    content:"▶ 査定もキャンセルもすべて無料 ◀";
    display:block;
    font-size:13px;
    font-weight:normal;
    opacity:.9;
    margin-top:8px;
}

.fixed-buy-cta:hover{
    transform:translateY(-4px) scale(1.04);
    box-shadow:0 14px 35px rgba(0,0,0,.45);
}

.fixed-buy-cta:active{
    transform:scale(.98);
}

@keyframes ctaFloat{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-6px);
    }
}

@media (max-width:768px){
    .fixed-buy-cta{
        width:auto;
        left:10px;
        right:10px;
        bottom:10px;
        padding:16px;
    }

    .fixed-buy-cta strong{
        font-size:22px;
    }
}