@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

.wp-block-latest-posts__featured-image img{max-width:100%!important;}

/* トップページ  ---------------------------------- */
.newslist .display-none, .newslist .post-date { display: block; padding-top: 0.2em; text-align: right; }/*お知らせの更新情報*/
.newslist .new-entry-card-update-date, .newslist .new-entry-card-thumb { display: none; }/*お知らせの更新情報サムネと更新日非表示*/
.newslist .widget-entry-card-content { margin-left: 5px; }

.blogcard { padding: 2.5%; border:1px solid #ccc; border-radius: 0; line-height: 1.5; }/*ブログカードデザイン*/
.blogcard-wrap { width: 100%; }/*ブログカードサイズ*/
.blogcard-snippet { font-size: 0.9em; }
.blogcard-thumbnail img { height: 228px; }
.external-blogcard::after{ content: 'Amazonで見る \00bb'; position: absolute; bottom: 4%; right: 4%; font-size: 85%; background-color: #FF9900; padding: .4em .8em; color: #fff; border-radius: 5px; }/*ブログカードのボタン*/
.external-blogcard:hover::after { opacity: 0.7; }

.suzuri-widget-product-wrap { width: 100%!important; margin:0 auto!important; }/*suzuriセンタリング*/
.suzuri-widget-product {  width: 100%!important; margin:0 auto!important; }/*suzuriサイズ*/
.suzuri-widget-product img { width: 100%!important; overflow: hidden!important; }/*suzuriサイズ*/
.suzuri-widget-product-image-hover { width: 100%!important; margin:0 auto!important; }/*suzuriセンタリング*/
.suzuri-widget-product-wrap .suzuri-widget-product-image .suzuri-widget-product-image-hover { display: none!important; }
.suzuri-widget-product-wrap .suzuri-widget-product-image .suzuri-widget-product-image-hover .suzuri-widget-product-text p.suzuri-widget-product-user img { display: none; }
.blank-box, .is-style-blank-box-red, .is-style-blank-box-navy, .is-style-blank-box-blue, .is-style-blank-box-yellow, .is-style-blank-box-green, .is-style-blank-box-pink, .is-style-blank-box-orange, .is-style-sticky-gray, .is-style-sticky-yellow, .is-style-sticky-red, .is-style-sticky-blue, .is-style-sticky-green { border: 1px solid #ccc; padding: 1.2em 1em; border-radius: 0; }/*ボックスデザイン*/

.wp-block-latest-posts__list li { border:1px solid #ccc; padding: 15px; background-color: #fff; }/*投稿ループ*/
.wp-block-latest-posts__featured-image { margin-bottom: 0!important; }
.wp-block-latest-posts__list li a { font-weight: bold; font-size: 17px; display: inline-block; }
.wp-block-latest-posts__post-excerpt { font-size: 95%; }
.wp-block-latest-posts.is-grid { justify-content: space-between; }

.rss-entry-card-thumb {width:100px; height:100px; overflow:hidden; margin-right:15px;}/*RSSフィード取得*/
.rss-entry-card { border: 1px solid #ccc; padding:1.5%; background-color: #fff; }
.rss-entry-card-snippet { margin-top: 10px; font-size: 14px;  opacity: 1;}
.rss-entry-cards .a-wrap { padding: 0; line-height: 1.4; margin-bottom: 10px; }
.rss-entry-card:hover { background-color: #f4f5f7; }
@media screen and (min-width: 600px) {
	.wp-block-latest-posts.columns-3 li:nth-child(3n) { margin-bottom: 1.25em; }
}
@media screen and (max-width: 600px) {
	.wp-block-latest-posts.is-grid li { margin: 0 0 1.25em 0!important; }
	.rss-entry-card { padding:3%; }
}

/* 見出し  ---------------------------------- */
.article h2 { background: none; padding: 0; }
.article h3 { border-top: none; border-bottom: none; border-left: none; border-right: none; padding: 0; }
.article h4 { border-top: none; border-bottom: none; padding: 0; }
.article h5 { border-bottom: none; padding: 0; }
.article h6 { border-bottom: none; padding: 0; }

.article h2 { font-family:'ヒラギノ角ゴ' ; font-weight: 900; position: relative; margin-bottom: 2.5em; padding: 5px 25px 0px 25px; }/*トップページのメイン見出し*/
.article h2:before, .article h2:after { position: absolute; top: 0; content:''; width: 8px; height: 100%; display: inline-block; border-top: solid 2px #999; border-bottom: solid 2px #999; }
.article h2:before { border-left: solid 2px #999; left: 5px; }
.article h2:after { border-right: solid 2px #999; right: 5px; }

/* 全幅（alignfull）コンテンツ ---------------------------------- */
body { overflow-x: hidden; }/*横スクロールなし*/
.content .alignfull { width: 100vw; margin-left: calc(50% - 50vw); max-width: 100vw; }
.alignfull .wp-block-group__inner-container { max-width: 1170px; margin: 0 auto; padding: 29px 29px 50px 29px; }

@media screen and (max-width: 834px){
    .alignfull .wp-block-group__inner-container { padding: 16px; }
}

/* アピールエリアとメインロゴSVG ---------------------------------- */
.appeal-in { display: block; padding: 5% 5%;}
.appeal-content{ background-color: transparent; }
.appeal-message { margin-top: 2em; }

#appeal path, #appeal polygon, #appeal rect {
    fill: none;
    stroke: #fff; /*線の色*/
    stroke-dasharray: 2000;/*線の間隔*/
    stroke-dashoffset: 0;/*線の位置*/
    stroke-width: 0.5;/*線の太さ*/
    -webkit-animation: hello 5s ease-in forwards;
    animation: hello 5s ease-in forwards;
}

@media screen and (min-width: 768px) {
	#appeal path, #appeal polygon, #appeal rect { stroke-width: 0.5;}
}

@-webkit-keyframes hello {
    0% { stroke-dashoffset: 2000; fill: transparent; }
    25% { fill: transparent; }
    50% { fill: #fff; }
    100% { stroke-dashoffset: 0; fill: #fff; }
}
@keyframes hello {
    0% { stroke-dashoffset: 2000; fill: transparent; }
    25% { fill: transparent; }
    50% { fill: #fff; }
    100% { stroke-dashoffset: 0; fill:#fff; }
}

/* 投稿ページ--------------------------------------*/
.entry-title, .archive-title { margin: 5px 0 20px 0; }
.blog .entry-card-content, .related-entry-card-content { padding-bottom: 0; }
.archive .a-wrap, .blog .a-wrap { padding: 2%; }/*エントリーカードの余白広く*/
.entry-card-snippet, .related-entry-card-snippet { font-family:'ヒラギノ角ゴ' ; font-size: 0.9em; line-height: 1.5; }
.sidebar h3 {   background-color: #a31f24; color: #fff; padding: 6px 10px; margin: 25px 0 10px 0; border-radius: 0; }
.post-type-archive-news .entry-card-thumb { display: none; }
.post-type-archive-news .post-date { display: block; }

@media screen and (min-width: 480px){
	.ect-vertical-card .entry-card-wrap { width: 48.5%; margin-bottom: 20px; }/*エントリーカードの余白広く*/
}
@media screen and (max-width: 480px){
	.archive .a-wrap, .blog .a-wrap { padding: 3%; }/*エントリーカードの余白広く*/
	.no-sp-snippet .entry-card-snippet { display: block; }
	.ect-vertical-card .entry-card-wrap { margin-bottom: 15px; }
	.entry-card-title, .related-entry-card-title { margin: 5px 0 5px 0; }
}

.button-caption { display: none; }/*SNSボタンキャプション*/
.sns-share-buttons a, .sns-buttons a { border-radius: 0; height: 36px; }/*SNSボタン四角にして小さく*/
a img { transition: .3s; }/*画像リンク*/
a img:hover { opacity: 0.7; }/*画像リンク*/
.date-tags, .post-date, .author-info { display: none; }/*日付著者なし*/
.navi { font-family:'ヒラギノ角ゴ' ; }/*明朝フォント*/
#navi .navi-in a:hover { color: #a31f24; }/*ナビのホバー色*/
.menu-drawer a { padding: 8px 6px; font-size: 17px; }
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header { margin-bottom: 5px; }/*ヘッダロゴに余白*/
.mobile-menu-buttons > li { padding-top: 5px; }/*ヘッダアイコンに余白*/
.page .entry-title, .page .eye-catch-wrap { display: none; }/*固定ページのタイトルアイキャッチ非表示*/
.btn, .ranking-item-link-buttons a, .btn-wrap > a, .wp-block-freeform .btn-wrap > a { border-radius: 0; }/*ボタンの角丸クリア*/
.btn-m, .btn-wrap .btn-wrap-m > a { padding: 10px 45px; }/*ボタンを小さく*/
.wp-block-spacer { margin-bottom: 0; }/*スペーサーのデフォルト余白削除*/
.entry-content { margin-bottom: 4em; }
.caption-box-content h4 { margin-top: 10px!important; margin-bottom: 5px!important; font-size: 1.0em; }
.pager-post-navi a .iconfont { padding: 0; }

.box { padding: 20px; }
.box h3:first-child { margin-top: 5px; }
.box-in { padding: 0 20px; }
.mt0 { margin-top:0!important; }
.mb0 { margin-bottom:0!important; }


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	.external-blogcard::after{ position: absolute; bottom: 3%; right: 3%; font-size: 75%; }/*ブログカードのボタン*/
	#header-container, #header-container .navi, #navi .navi-in>.menu-header .sub-menu { height: 0; }
}

/*834px以下*/
@media screen and (max-width: 834px){
	.tbnone { display: none; }
	.header-container-in.hlt-top-menu.hlt-tm-small .logo-header { margin-top: 10px; margin-bottom: 10px; }
	.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {  padding-left: 15px; } 
	.blogcard-thumbnail img { height: 180px; }
	.wp-image-79 { float:right!important; }/*HOMEの雲微調整*/
	table th, table td { font-size: 0.9em; }
}
@media screen and (max-width: 780px){
	.wp-image-79 { max-width: 60%!important }/*HOMEの雲微調整*/
}
@media screen and (max-width: 599px){
	.wp-image-79 { display: none!important; }/*HOMEの雲微調整*/
}
/*480px以下*/
@media screen and (max-width: 480px){
	.spnone { display: none; }
	.single .entry-title, .single .article h2 { padding: 0.6em 0.8em; }
	.logo-menu-button img { max-height: 36px; margin: 0 auto; }
	.box { padding: 15px 10px; }
	.box-in { padding: 0 0; }
	.footer { margin-top: 0; }
	.external-blogcard::after{ position: absolute; bottom: 5%; right: 4%; font-size: 85%; }/*ブログカードのボタン*/
}