@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


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

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

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

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

/*
参考URL：http://pasokatu.com/2450#i-4
WordPressの画像に枠線を付ける方法 
*/
img.qwq {
	border:2px solid #d9d9d9;
}


/* フォントの指定 */
.site-name-text-link {
    font-family: 'Gamja Flower', cursive;
    text-shadow: 5px 5px 1px #999999;
}

/*デフォルトのサイトタイトルサイズ*/
.site-name-text{
  font-size: 72px;
}

/*ヘッダーレイアウトがトップメニューのとき*/
.header-container-in.hlt-top-menu .site-name-text{
  font-size: 44px;
}

/*ヘッダーレイアウトがトップメニュー（小）のとき*/
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
  font-size: 40px;
}

/*端末幅が768px以下のとき*/
@media screen and (max-width: 768px){
  #header .site-name-text{
    font-size: 72px;
  }
}

/*端末幅が480px以下のとき*/
@media screen and (max-width: 480px){
  #header .site-name-text{
    font-size: 42px;
  }
}

/*****  幅320pxのAmazonバナー（iframe）を中央表示させる *****/
.center-block320 {
    margin: 0 auto;
    width: 320px;
    display: block;
}

/*アプリーチカスタムhttp://hituji-affiliate.com/app-reach/*/
 #appreach-box{ box-shadow:0px 2px 5px 1px #dd9933; border-radius:2px; } #appreach-box{ padding:10px 20px; margin:20px; } #appreach-box img, #appreach-box p{ margin:0; padding:0; } #appreach-appname{ font-weight:bold; font-size:16px; color:#555; padding-bottom:5px; } .appreach-powered, #appreach-price, #appreach-developer{ color:#aaa; font-size:12px; margin-bottom:10px; } .appreach-powered a{ color:#aaa; } .appreach-links{ margin-top:8px; } @media only screen and (max-width: 786px){ #appreach-box{ margin:20px 0; padding:10px 5px; } .appreach-powered, #appreach-price, #appreach-developer{ font-size:11px !important; } .appreach-powered, #appreach-price, #appreach-developer{ margin-bottom:10px; } #appreach-appname{ font-size:15px;} } 

/*****  アイキャッチ画像を中央表示させる *****/
.eye-catch img{
  margin: 0 auto;
}

/*20190529ヘッダー固定 javascript.jsも同時書き換え*/
.navifixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}

/* 20190716 SNSボタン小型化 */
#main .button-caption {
  display: none;
}
#main .sns-share a {
  width: 2.5em;
  margin-left: 0.2em;
}
.sns-share-buttons {
  justify-content: center;
}
#main .social-icon {
  font-size: 25px;
}
/* SNSボタン終了 */

/* 20190716 フォローボタン小型化 */
#main .button-caption {
  display: none;
}
#main .sns-follow a {
  width: 2.5em;
  margin-left: 0.2em;
}
.sns-follow-buttons {
  justify-content: center;
}
#main .social-icon {
  font-size: 25px;
}
/* フォローボタン終了 */