@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*↓必要ならばここにコードを書く↓*/

/*右クリック画像保存禁止コード*/	
img {
  pointer-events: none;
}
/*スマホ・PC右クリック・画像保存禁止コード*/
.entry-content {
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
}
.copyok {
user-select:all !important;
-moz-user-select:all !important;
-webkit-user-select:all !important;
-khtml-user-select:all !important;
}
/*スマホ・PC右クリック・画像保存禁止コードここまで*/

/*サイト名文字サイズ変更*/
.site-name-text-link {
   font-size: 26px;
}
/*サイドバーエントリーカード文字サイズ変更*/
.widget-entry-card {
    font-size: 14px;
}

/* HOME新着記事エントリーカード文字太さ変更*/
.entry-card-title {
  font-weight: normal;
  font-size: 12px !important;
}

/* 本文記事カテゴリーラベル */
.cat-link { 
    color: #735C60;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
    padding: 2px 8px;
    font-size: 12px;
    background-color:#FF368F;
    border-top-right-radius: 10px; /* 右上の角だけ丸く */
    border-bottom-left-radius: 10px; /* 左下の角だけ丸く */
    word-break: break-all;
}
.cat-link:hover { /* マウスホバー時 */
    opacity: 1;
    background: #FFF386;
    transition: all .5s ease; /* ふわっと変化するアニメーション */
    color: #fff;
}
/* 本文記事カテゴリーラベルここまで */
/* 本文記事上【タグ】カスタマイズ */
.tag-link { 
    color: #735C60;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
    padding: 2px 8px;
    font-size: 12px;
    background-color:#F2EFED;
    border: none;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    word-break: break-all;
}
.tag-link:hover {
    background: #FFF386;
    transition: all .5s ease;
    color: #fff;
}
/* 本文記事上【タグ】カスタマイズここまで */
/************************************
** アイキャッチ画像を記事タイトルの上に移動する
************************************/
/*記事ヘッダーの枠組み*/
.article-header {
	display: flex; /*フレックスボックスレイアウト*/
	flex-direction: column; /*ブロック要素を縦に並べる*/
}
/*アイキャッチの枠組み*/
.eye-catch-wrap {
	order: -1; /*順番*/
	overflow: hidden; /*はみ出した部分を非表示 ※IE対策*/
}
/*アイキャッチ*/
.eye-catch {
	margin-bottom: 2; /*下の余白*/
}
/************************************
** アイキャッチ画像を記事タイトルの上に移動するここまで
************************************/

/* サイドバー見出し装飾 */
.sidebar h3 {
    background-color: #4DC0B2; /* 背景色 */
    padding: 7px 20px;         /* [上下][左右]の余白 */
    margin: 40px 0 20px;/* [形][太さ][色]の全枠 */
    color: #fff;              /* 文字色 */
    border-radius: 7px ;      /* 角丸枠 */
	font-size: 1em;
}
/* サイドバーカテゴリ矢印 */
.widget_categories ul .cat-item a::before{
    line-height: 1!important;
    content: "\f0da"; 
    color: #FFC14D;
    padding-right: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    animation: horizontal 3s ease infinite;
    -webkit-animation: horizontal 3s ease infinite;
}

/* サイドバーカテゴリボーダー線 */
.widget_categories ul .cat-item{
  border-top: 1px dotted #e1e1e1;
	border-bottom: 1px dashed #666;
  border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: rgb(102, 102, 102);
}
.widget_categories ul .cat-item:last-child{		
}
/* サイドバーカテゴリボーダー線 */



/************************************
** サイドバープロフィールボックス
************************************/
/* ↓↓ボックスをカード型に */
.nwa .author-box {
    text-align: center;
    max-width: 100%;　
}
.sidebar .author-box {
    border: none;
    border-radius: 4px;
    margin: 1em 0;
    line-height: 1.4;
    position: relative;
    padding: 0 !important;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	background: #ffffff;
}
/* ↑↑ボックスをカード型に */

/* ↓↓背景画像・プロフィール写真 */
/* ↓背景画像の挿入 */
.nwa .author-box .author-thumb {
    float: none;
    width: 100%;
    margin: 9px auto 0;
    background: url(https://www.goto-search.com/wp-content/uploads/IMG_9423_R_R.jpg) center no-repeat;
    background-size: cover;
    height: 0;
    padding-top: calc(100%*392/700);
    position: relative;
	border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}
/* ↑背景画像の挿入 */

.sidebar .author-thumb img {
    border: 3px solid #008080;
    width: 30%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25%;
}
.nwa .author-box .author-content {
    margin-top: 16%;
    font-size: 0.9em;
}
.author-name {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px;
}
.author-box .author-name a {
    text-decoration: none;
    color: #333;
}
.author-box p {
    margin-top: 0.3em;
    line-height: 1.6;
}
.author-box p a {
    text-decoration: none;
    color: #008cee;
}
.author-box p a:hover {
    text-decoration: underline;
    color: #008cee;
}
.author-box .sns-follow-buttons a.follow-button {
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    margin-bottom: 4px;
    margin-right: 8px;
    background: none;
    color: #fff;
}
.author-box a.follow-button span {
    line-height: 40px;
}
.author-box a.follow-button span::before {
    font-size: 22px;
}
.author-box .icon-twitter-logo::before {
    font-family: FontAwesome;
    content: "\f099"
}
.author-box .icon-facebook-logo::before {
    font-family: FontAwesome;
    content: "\f09a";
}
.author-box .icon-instagram-new::before {
    font-family: FontAwesome;
    content: "\f16d";
}
.author-box .icon-hatebu-logo::before {
    font-family: Verdana;
    content: 'B!';
    font-weight: bold;
}
.author-box .icon-google-plus-logo::before {
    font-family: FontAwesome;
    content: "\f0d5";
}
.author-box .icon-youtube-logo::before {
    font-family: FontAwesome;
    content: "\f167";
}
.author-box .icon-pinterest-logo::before {
    font-family: FontAwesome;
    content: "\f231";
}
.author-box .icon-amazon-logo::before {
    font-family: FontAwesome;
    content: "\f270";
}
.author-box .icon-github-logo::before {
    font-family: FontAwesome;
    content: "\f09b";
}
.author-box .website-button { background-color: #47555c !important; }
.author-box .twitter-button { background-color: #1da1f2 !important; }
.author-box .facebook-button { background-color: #3b5998 !important; }
.author-box .hatebu-button { background-color: #2c6ebd !important; }
.author-box .google-plus-button { background-color: #dd4b39 !important; }
.author-box .instagram-button { background: #e1306c !important; }
.author-box .youtube-button { background-color: #ef1515 !important; }
.author-box .flickr-button { background-color: #0063dc !important; }
.author-box .pinterest-button { background-color: #bd081c !important; }
.author-box .line-button { background-color: #00c300 !important; }
.author-box .amazon-button { background-color: #ff9900 !important; }
.author-box .rakuten-room-button { background-color: #c42e7f !important; }
.author-box .github-button { background-color: #333 !important; }
.author-box .feedly-button { background-color: #2bb24c !important; }
.author-box .rss-button { background-color: #f26522 !important; }
.author-box .soundcloud-button { background-color: #ff7700 !important; }
#main .author-box {
    border: none;
    border-radius: 3px;
    margin: 1em 0;
    line-height: 1.4;
    position: relative;
    padding: 1.4% 2% 1.8% 0;
    box-shadow: 0 5px 20px -5px rgba(105,115,131,.35);
}
#main .author-widget-name {
    display: inline-block;
    position: relative;
    margin: 10px 0 0 -170px;
    padding: 6px 12px;
    border-radius: 20px;
    background: #eaedf2;
    color: #555;
    font-size: 14px;
    font-weight: 700;
    z-index: 1;
}
#main .author-widget-name::before {
    position: absolute;
    content: '';
    z-index: -1;
    bottom: -30px;
    left: 60px;
    border: 15px solid transparent;
    border-top: solid 30px #eaedf2;
    transform: rotate(-40deg);
}
#main .author-thumb {
    float: left;
    margin: 0;
    padding-top: 70px;
    width: 200px;
    text-align: center;
}
#main .author-thumb img {
    border: solid 5px #dfe2e8;
    width: 100px;
}
#main .author-content {
    margin: -30px 0 0 200px;
    padding-left: 30px;
    border-left: 2px #eaedf2 dashed;
}
#main .author-box .author-name {
    line-height: 1;
}
#main .author-box p {
    font-size: .95em;
}
@media screen and (max-width: 480px){
#main .author-box {
    margin: 1em 10px;
    padding: 16px;
    text-align: center;
}
#main .author-widget-name {
    margin: 0;
}
#main .author-widget-name::before {
    left: 50px;
}
#main .author-thumb {
    float: none;
    margin: 0;
    padding-top: 20px;
    width: 100%;
}
#main .author-box .author-name {
    font-size: 14px;
}
#main .author-content {
    margin: 10px 0 0 0;
    padding-left: 0;
    border: none;
}
#main .author-box p {
    font-size: 14px;
    text-align: left;
}
#main .author-box .sns-follow-buttons {
    justify-content: center;
}
}
/*本文プロフィール編集ここまで*/

/*サイドプロフィール文字表示ここから*/
.mobile-menu-buttons .menu-content {
  color: black;
}
/*サイドプロフィール文字表示ここまで*/












/*サイドバーカテゴリ編集ここから*/
.sidebar{
	background:transparent;
}
.widget_popular_entries h3:before{/*人気記事タイトルアイコン*/
	font-family:Fontawesome;
	content:"\f06b";/*アイコン種類*/
	color:#ffffff;/*アイコン色*/
	font-weight:normal;
	margin-right:6px;/*アイコンとタイトルの距離*/
}
.widget_categories h3:before{/*カテゴリータイトルアイコン*/
	font-family:Fontawesome;
	content:"\f0ca";/*アイコン種類*/
	color:#ffff;/*アイコン色*/
	font-weight:normal;
	margin-right:6px;/*アイコンとタイトルの距離*/
}
.widget_archive h3:before{/*アーカイブタイトルアイコン*/
	font-family:Fontawesome;
	content:"\f274";/*アイコン種類*/
	color:#38b48b;/*アイコン色*/
	font-weight:normal;
	margin-right:6px;/*アイコンとタイトルの距離*/
}
.widget_categories ul li,
.widget_archive ul li{/*カテゴリ・アーカイブ下線*/
	padding-left:10px;
	border-bottom:1px dotted  rgba(125, 125, 125, 0.2);/*下線の種類*/
}
.widget_categories ul li a,
.widget_archive ul li a{/*親カテゴリ・アーカイブの文字サイズ*/
	font-size:.95rem;
}
.widget_categories ul li a:before,
.widget_archive ul li a:before{/*親カテゴリ・アーカイブアイコン*/
	font-family:Fontawesome;
	content:"\f138";/*アイコン種類*/
	color:#FFC14D;/*アイコン色*/
	margin-right:6px;/*アイコンと文字の距離*/
}
.widget_categories ul .children li a:before{/*子カテゴリアイコン*/
	font-family:Fontawesome;
	content:"\f105";/*アイコン種類*/
	color:#FFC14D;/*アイコン色*/
	font-weight:normal;
	margin-right:6px;/*アイコンと文字の距離*/
}
.widget_categories ul .children li{
	border-bottom:none;
}	
.widget_categories ul .children li a{/*子カテゴリ*/
	padding:3px 10px;
	font-size:.85rem;/*文字サイズ*/
}
.widget_categories ul li a:hover,
.widget_archive ul li a:hover{/*カテゴリ・アーカイブhover時*/
	background:transparent;
	color:#38b48b;/*hover時の文字色*/
	margin-left:5px;/*hover時動く幅*/
}
.widget_categories ul li a .post-count,
.widget_archive ul li a  .post-count{/*カテゴリ・アーカイブ記事数*/
	border:1px solid rgba(221, 221, 221, 0.867);/*囲線*/
	border-radius:5px;
	font-size:.8em;/*数字サイズ*/
	padding:1px 10px;/*囲いの大きさ*/
}
.widget_categories ul li a:hover .post-count,
.widget_archive ul li a:hover  .post-count{/*カテゴリ・アーカイブ記事数hover時*/
	border-color:#FFC14D;/*囲線色*/
	background:#FFC14D;/*背景色*/
	color:#fff;/*文字色*/
	transition:.4s;/*変化スピード*/
}
/*サイドバーカテゴリ編集ここまで*/




/*メニューバー設定*/
.caption-wrap{
  height: 44px!important; /*メニュー縦幅設定*/
  display: flex; /*並列スタイル指定*/
  align-items: center; /*縦中央寄せ*/
  justify-content: center; /*横中央寄せ*/
  font-weight: bold; /*文字強調*/
}
/*メニューバー設定ここまで*/
 
/*メニューバーカーソルリンク色*/
.caption-wrap:hover {
    font-weight: bold;
    color: #68a4d9;
    border-bottom: 3px solid #ffff99;
}
/*メニューバーカーソルリンク色ここまで*/

/*SNSシェアボタン文字を非表示にする*/
.ss-top .sns-share-buttons a .button-caption,
.ss-bottom .sns-share-buttons a .button-caption {
    display: none;
}
/*ボタン内のSNSアイコンのサイズ設定*/
.sns-share.ss-high-and-low-lc a .social-icon,
.sns-share.ss-high-and-low-cl a .social-icon,
.sns-share.ss-high-and-low-lc a .button-caption,
.sns-share.ss-high-and-low-cl a .button-caption {
    font-size: 22px;
    padding-top: 0px;
}
/*SNSシェアボタン文字を非表示にここまで*/

/*---記事内SNSボタンを丸くする---*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}
 /*本文記事内SNSシェアフォローボタン丸くここまで*/

/*本文記事内この記事を書いた人プロフ*/
.author-name {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px;
}
.author-box .author-name a {
    text-decoration: none;
    color: #333;
}
.author-box p {
    margin-top: 0.3em;
    line-height: 1.4;
}
.author-box p a {
    text-decoration: none;
    color: #008cee;
}
.author-box p a:hover {
    text-decoration: underline;
    color: #008cee;
}
.author-box .sns-follow-buttons a.follow-button {
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    margin-bottom: 4px;
    margin-right: 8px;
    background: none;
    color: #fff;
}
.author-box a.follow-button span {
    line-height: 40px;
}
.author-box a.follow-button span::before {
    font-size: 22px;
}
.author-box .icon-twitter-logo::before {
    font-family: FontAwesome;
    content: "\f099"
}
.author-box .icon-facebook-logo::before {
    font-family: FontAwesome;
    content: "\f09a";
}
.author-box .icon-instagram-new::before {
    font-family: FontAwesome;
    content: "\f16d";
}
.author-box .icon-hatebu-logo::before {
    font-family: Verdana;
    content: 'B!';
    font-weight: bold;
}
.author-box .icon-google-plus-logo::before {
    font-family: FontAwesome;
    content: "\f0d5";
}
.author-box .icon-youtube-logo::before {
    font-family: FontAwesome;
    content: "\f167";
}
.author-box .icon-pinterest-logo::before {
    font-family: FontAwesome;
    content: "\f231";
}
.author-box .icon-amazon-logo::before {
    font-family: FontAwesome;
    content: "\f270";
}
.author-box .icon-github-logo::before {
    font-family: FontAwesome;
    content: "\f09b";
}
.author-box .website-button { background-color: #47555c !important; }
.author-box .twitter-button { background-color: #1da1f2 !important; }
.author-box .facebook-button { background-color: #3b5998 !important; }
.author-box .hatebu-button { background-color: #2c6ebd !important; }
.author-box .google-plus-button { background-color: #dd4b39 !important; }
.author-box .instagram-button { background: #e1306c !important; }
.author-box .youtube-button { background-color: #ef1515 !important; }
.author-box .flickr-button { background-color: #0063dc !important; }
.author-box .pinterest-button { background-color: #bd081c !important; }
.author-box .line-button { background-color: #00c300 !important; }
.author-box .amazon-button { background-color: #ff9900 !important; }
.author-box .rakuten-room-button { background-color: #c42e7f !important; }
.author-box .github-button { background-color: #333 !important; }
.author-box .feedly-button { background-color: #2bb24c !important; }
#main .author-box {
    border: none;
    border-radius: 3px;
    margin: 1em 0;
    line-height: 1.4;
    position: relative;
    padding: 1.4% 2% 1.8% 0;
    box-shadow: 0 5px 20px -5px rgba(105,115,131,.35);
}
#main .author-widget-name {
    display: inline-block;
    position: relative;
    margin: 10px 0 0 -170px;
    padding: 6px 12px;
    border-radius: 20px;
    background: #eaedf2;
    color: #555;
    font-size: 14px;
    font-weight: 700;
    z-index: 1;
}
#main .author-widget-name::before {
    position: absolute;
    content: '';
    z-index: -1;
    bottom: -30px;
    left: 60px;
    border: 15px solid transparent;
    border-top: solid 30px #eaedf2;
    transform: rotate(-40deg);
}
#main .author-thumb {
    float: left;
    margin: 0;
    padding-top: 70px;
    width: 200px;
    text-align: center;
}
#main .author-thumb img {
    border: solid 5px #dfe2e8;
    width: 100px;
}
#main .author-content {
    margin: -30px 0 0 200px;
    padding-left: 30px;
    border-left: 2px #eaedf2 dashed;
}
#main .author-box .author-name {
    line-height: 1;
}
#main .author-box p {
    font-size: .95em;
}
@media screen and (max-width: 480px){
#main .author-box {
    margin: 1em 10px;
    padding: 16px;
    text-align: center;
}
#main .author-widget-name {
    margin: 0;
}
#main .author-widget-name::before {
    left: 50px;
}
#main .author-thumb {
    float: none;
    margin: 0;
    padding-top: 20px;
    width: 100%;
}
#main .author-box .author-name {
    font-size: 14px;
}
#main .author-content {
    margin: 10px 0 0 0;
    padding-left: 0;
    border: none;
}
#main .author-box p {
    font-size: 14px;
    text-align: left;
}
#main .author-box .sns-follow-buttons {
    justify-content: center;
}
}
/*記事内この記事を書いた人プロフここまで*/




/*SNSボタンfeedly非表示*/
.author-box .feedly-button, .author-box .rss-button {
    display: none!important;
}

/* トップへ戻るボタンのサイズを変更 */
.go-to-top-button {
  width: 60px; /*横幅*/
  height: 60px; /*高さ*/
	font-size: 30px; /*アイコンフォントのサイズ*/
}
/* トップへ戻るボタンのサイズを変更ここまで */

/* ブログカード続きを読むカスタマイズ */
.internal-blogcard::after{
	content: '続きを読む \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #ffd242; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #fff; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}
/* ブログカード続きを読むカスタマイズここまで */
.internal-blogcard-footer{
	display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}

/*********************************
トップページの「カテゴリごと」のタイトル変更2021/10/15
*********************************/
.list-title-in{
color: #6d452c;/*文字の色*/
font-size: 20px;/*文字の大きさ*/
}
.list-title-in:before, .list-title-in:after {
background-color: #6d452c;/*線の色*/
top: 40%;/*線の高さ*/
}

/*********************************
カテゴリーのもっと見るボタン
*********************************/
/*カテゴリーごと表示の「もっと見る」ボタン*/
.list-more-button{
background: #5982e0; /*背景色*/
border-color: #5982e0; /*枠の色*/
color:#fff; /*文字色*/
}	
/*カテゴリーごと表示の「もっと見る」ボタンここまで*/

/* トップ検索窓ここからデザイン */
.search-box .search-edit {
font-size: 14px;
padding: 5px 10px;
border-color: #5982e0; /*枠の色*/
border-radius: 50px; /*角の丸さ*/
height: 50px;
}
.search-box .search-submit {
top: 0;
right: 0px;
height: 100%;
width: 50px;
color: #fff; /*ボタンの色*/
background-color: #5982e0; /*ボタンの背景色*/
border-radius: 0 30px 30px 0; /*丸さボタン側*/
}
.search-box input::placeholder {
color: #6297f5; /*テキスト色*/
}
.search-box{
max-width:481px;
width: 80%; /*検索幅サイズ最大100*/
margin-left: auto;
margin-right: auto;
}
/* トップ検索窓ここからデザインここまで↑ */

/************************************
** ■見出しカスタマイズ（h1-4）
************************************/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,

{ /*見出し初期化ここから*/
padding: 0;
margin: 0;
font-size: medium;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;
}
/*見出し初期化ここまで*/

/*H1見出し*/
.article h1 {/*←必ず入れる見出し1カスタマイズ*/
  position: relative;/*相対位置*/
  line-height: 25px;/*高さ*/
  color: #352e2b;/*文字色*/
  background: #ffffff;
  font-size: 30px; /*フォントサイズ*/
}
/*H2見出し*/
.article h2 {/*←必ず入れる見出し2カスタマイズ*/
border: 0;/*囲い線を消す*/
padding: 0.8em;/*文字周りの余白*/
line-height: 25px; /*高さ*/
font-size: 24px; /*フォントサイズ*/
color: #ffffff;/*文字色*/
background: #4DC0B2;/*背景色*/
border-left: solid 14px #4DC0B2;/*左線（実線 太さ 色）*/
　}

/*H3見出し*/
.article h3{ /*見出し3カスタマイズ*/
background: #f4f4f4; /*背景カラー*/
border-left: 12px solid #4DC0B2; /*左ラインの太さとカラー*/
line-height: 25px; /*高さ*/
font-size: 20px; /*フォントサイズ*/
letter-spacing: 2px; /*文字間隔*/
margin: 35px -8px 20px -8px;
padding: 5px 5px 5px 5px;
padding: 0.5em;/*文字周りの余白*/
border-bottom: none !important;/*下ラインを消す*/
border-top: none !important;/*上ラインを消す*/
border-right: none !important;/*右ラインを消す*/
}
/*H4見出し*/
.article h4{ /*←必ず入れる見出し４カスタマイズ*/
background: #ffffff; /*背景カラー*/
font-size: 18px; /*フォントサイズ*/
letter-spacing: 2px; /*文字間隔*/
margin: 35px -8px 20px -8px;
padding: 8px 7px 8px 10px;
line-height: 23px; /*高さ*/
border-top: none !important;/*上ラインを消す*/
border-bottom: none !important;/*下ラインを消す*/
border-right: none !important;/*右ラインを消す*/
border-left: none !important;/*左ラインを消す*/
}
 /*****見出しカスタマイズここまで*****/

/***** メニューバー背景の高さ*****/
.navi-in>ul li {
height: 60px;/* サイズはどちらも同じにする */
line-height: 60px;/* メニューバー背景の高さ */
}
/*メニューバー 文字の大きさを変更*/
#navi .navi-in > .menu-header .item-label{
	font-size: 16px;
	font-weight: bold;
}
/*メニューバー区切り線変更*/
#navi .navi-in a:hover {
transform: none!important;
}
 /*メニューバー背景変更ここまで*/

/*--------------------------------------
Rinkerのカスタマイズここから↓
--------------------------------------*/
/*外部リンクマーク非表示*/
div.yyi-rinker-contents div.yyi-rinker-title a span,
div.yyi-rinker-contents div.yyi-rinker-detail a span,
div.yyi-rinker-contents ul.yyi-rinker-links li a span {
	display: none;
}

/*ボタンのデザイン*/
div.yyi-rinker-contents ul.yyi-rinker-links li {
	min-width: 180px;
	border-radius: 4px !important;
	margin: 5px !important;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
	height: 40px !important;
	line-height: 40px !important;
	text-align: center;
	font-size: 14px !important;
	color: #fff;
	transition: all 0.5s 0s ease;
}

/*レスポンシブ480px以下*/
@media screen and (max-width: 480px){
	/*縦表示*/
	div.yyi-rinker-contents div.yyi-rinker-box {
		flex-direction: column;
	}

	/*画像を中央寄せ*/
	div.yyi-rinker-contents div.yyi-rinker-image {
		width: auto;
	}

	/*商品情報を中央寄せ*/
	div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
		width: calc(100% - 10px);
		text-align: center;
		padding: 0 !important;
	}

	div.yyi-rinker-contents div.yyi-rinker-detail {
		padding: 0 !important;
	}

	/*ボタンの幅を100%にする*/
	div.yyi-rinker-contents ul.yyi-rinker-links li {
		width: 100%;
	}
	
  /*ボタン文字位置の調整*/
	div.yyi-rinker-contents ul.yyi-rinker-links li a {
		padding: 0 !important;
	}
}
/*--------------------------------------
Rinkerのカスタマイズここまで△
--------------------------------------*/

/*固定ページの著者情報を消す場合*/
.page .author-info {
    display: none;
}
/*投稿ページの著者情報を消す場合*/
.post .author-info {
    display: none;
}

@media screen and (max-width: 480px){
	/* モバイルトップメニュー 表示変更*/
	ul.menu-mobile{
		overflow-x: auto;
		overflow-y: hidden;
		display: flex !important;
		flex-wrap: nowrap;
		font-size: 14px;
		justify-content: flex-start;
		padding: 0 1em;
		-webkit-overflow-scrolling: touch;
		position: relative;
	}

	ul.menu-mobile > li{
		padding-right: 1em;
		white-space: nowrap;
	}
	ul.menu-mobile　.item-label{
		white-space: nowrap;
		font-size: 14px;
	}
}
/** モバイルスライドインメニューボタン開始 （ホーム、検索、目次、サイドバートップボタン）**/
.mobile-menu-buttons {
	background: #56bca1;
	color: white;
	opacity: .9;
}
.mobile-menu-buttons .home-menu-button > a {
	color: white;
}
.mobile-menu-buttons .top-menu-button > a {
	color: white;
}
/** スマホスライドインメニューボタン終了 **/





/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}	
.entry-card-title {
  font-size: 12px;
}