@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/


.amazlet-box {
color: #3E3E3E;
background: #fff;
font-size: 16px;
line-height: 1.5;
margin-top:32px;
margin-bottom:32px !important;
padding: 26px 16px;
border: 1px solid #eee;
position: relative;
}
.amazlet-box a {
text-decoration: underline;
box-shadow:none;
}
.amazlet-box a:hover {
box-shadow:none;
}
.amazlet-image {
margin: 0px 14px 1px 0px !important;
}
.amazlet-image img {
margin: 0;
}
.amazlet-name a {
color: #3f89ff;
}
.amazlet-name a:hover {
color: #ffb83f;
}
.amazlet-powered-date {
font-size: 10px !important;
}
.amazlet-detail {
font-size: 12px;
}
.amazlet-link {
margin-top: 10px !important;
}
.amazlet-link a {
padding: 12px; /* ボタン内側の余白 */
border-radius: 3px;
border-bottom: 3px solid #FF9901;
margin: 10px 0;
background-color: #FFA01C;
color: #fff;
text-decoration: none;
width: 278px; /* ボタンの幅 */
display: block;
text-align: center;
font-size: 16px;
}
.amazlet-link a:hover {
color: #fff !important;
}
/***  解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.amazlet-sub-info {
width: 100%;
}
.amazlet-link a {
width: 100%;
}
}


/* 商品紹介リンク*/
.product-info{
line-height:25px;
}
.product-detail {
font-size: 12px;
}

/* プロフィール用 */
.yourprofile {
    padding: 10px 0;
}
.yourprofile .profile-img {
    margin: 10px auto 0;
}

/* Simple GA Ranking用 */
.sga-ranking-list figure {
    float: left;
    margin-right: 20px;
    width: 100px; /* 画像の横の長さ。自由に変更可 */
    height: 75px; /* 画像の縦の長さ。自由に変更可 */
    overflow: hidden;
}
.sga-ranking-list {
    margin: 0.8rem 0;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
}
.sga-ranking-list::after {
    clear: both;
    content: "";
    display: block;
}
.sga-ranking-list:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.sga-ranking-list figure a {
    display: inline;
}
.sga-ranking-list a {
    overflow: hidden;
    line-height: 1.4;
}

/* ロゴのサイズ */
@media only screen and (min-width: 768px) {
   #logo, #logo img, .desktop-nav li a {
       height: 100px;
       line-height: 100px;
    }
}

/* モバイルのトップページを2列表示にする */
.cardtype {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cardtype__article {
    float: left;
    width: 46%;
    margin: 0 1.8% 25px;
}

.cardtype__article h2 {
    font-size: 14px;
}
.cardtype__article time,
.cardtype__article h2 {
    margin: 8px;
}

.cardtype__article .catname {
    font-size: 10px;
    top: 8px;
    left: 5px;
}

/*アフィリエイトボタン用CSS*/
#inner-content .btn2{padding:0;margin:.5em .5em .5em 0}#inner-content .btn2 a{display:block;padding:.4em .8em}#inner-content .btn2 a:hover{display:block;text-decoration:none}.btn2.btntext a {color: inherit;}#inner-content .btn2.raised a{color:#fff}.btn2.flat1 a{color:#00bcd4}.btn2.flat1 a:hover{color:#fff}.btn2.flat2 a{color:#67c5ff}.btn2.flat2 a:hover{color:#fff}.btn2.flat3 a,.btn2.flat4 a,.btn2.flat5 a{color:#67c5ff}.btn2.flat4 a:hover{color:#679efd}.btn2.flat5 a:hover{color:#fff}.btn2.flat6 a{color:#668ad8}.btn2.flat6 a:hover{color:#fff}.btn2.flat7 a{color:#67c5ff}.btn2.flat8 a{color:#00bcd4}.btn2.flat9 a{color:#fff}.btn2.flat10 a{color:#ffa000}.btn2.flat10 a:hover{color:#fff}.btn2.flat11 a{color:#668ad8}.btn2.cubic1 a,.btn2.grad1 a,.btn2.grad2 a,.btn2.grad3 a,.btn2.grad4 a{color:#fff}#inner-content .btn2.emboss a{color:rgba(0,0,0,.4)}.btn2.text3d.blue-bc a{color:#4f9df4}.btn2.text3d.red-bc a{color:#f88080}.btn2.text3d.green-bc a{color:#90d581}.btn2.cubic2 a,.btn2.cubic3 a{color:#fff}.btn2 img{visibility:hidden;display:block;width:0;height:0;}
/*END アフィリエイトボタン用CSS*/

/* 横幅いっぱいに表示したい時用 */
#inner-content a.btn-full,
#inner-content .btn-full a {
  width: 300px; /* 横幅いっぱいに */
}