@charset "UTF-8";

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

/************************************
** 親テーマ調整用スタイル
************************************/

/* フッターのリンクフーバーを削除*/
#footer a:not(.sns-button):hover {
    background-color: transparent;
}

/* ヘッダーの高さ調整と赤色ボーダー*/
#header-container{
    padding: 0px 0px;
    border-bottom: none;
}
@media screen and (min-width: 1024px){
#header-container{
    padding: 7px 0px;
    border-bottom: 5px solid #E31834;
}
}



/* 記事内容のH2などに勝手につく番号　位置調整　目次対応部分*/
span[id^="toc"] {
	padding-top: 2.4em;
}

@media screen and (min-width: 769px) {
	span[id^="toc"] {
		padding-top: 2.2em;
	}
}

/* モバイルヘッダー用ロゴのサイズ調整*/
@media screen and (max-width: 1023px){
.has-logo-button .menu-button {
    width: 100%; 
}
}
/* モバイルヘッダー用　文字の改行を600以上でなくす*/
@media screen and (min-width: 600px){
.sp-br{
	display:none;
}
}


/* トップアピール画像部分調整　https://dressing.works/cocoon-appeal-img/　微調整*/
/*アピールエリアの高さ設定　スマホ*/
@media (max-width: 767px){
#appeal {
height: 50vw; 
}
}
@media screen and (min-width: 768px){
#appeal {
    height: calc(100vw * calc(600 / 1600));
}
}
@media screen and (min-width: 1024px){
#appeal {
    height: calc(100vw * calc(400 / 1600));
}
}




/* スマホだけ関連記事非表示　https://wp-cocoon.com/community/cocoon-theme/特定のページだけ関連記事を非表示にしたい/*/
@media screen and (max-width: 1023px){
#related-entries {
  display: none;
}
}


/* スマホだけ目次追従非表示　https://wp-cocoon.com/community/cocoon-theme/目次追従設定%E3%80%80モバイルでは非表示にしたい/*/
@media screen and (max-width: 1023px){
.sidebar .widget_toc {
    display: none;
}
}

/* 関連記事の画像を丸く/*/
.related-entry-card-thumb img {
  border-radius: 5px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 22%);
}
.entry-card-title,
.related-entry-card-title {
  color: #555;
}

.rect-mini-card .related-entry-card-wrap {
  border-bottom: 1px dashed #ccc; /* 区切り線 */
}



/* モデル検索・一覧でのモデル一覧の列数を変更　tmp/list-indexmodel.php　search-model.php　
を本来自動的にclass属性を取得する部分を無理やり固定して変更。*/

.ect-4-columns .entry-card-wrap {
	width: 49.5%;
}
@media screen and (min-width: 768px){
.ect-4-columns .entry-card-wrap {
	width: 25%;
}
}

/* モデル検索でのモデル一覧のフレックスを左寄りに。/*/
.ect-vertical-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}





/*アイキャッチ上に表示されるカテゴリー名非表示*/
.cat-label {
display: none;
}

/*固定ページ(page)　カスタム投稿(store)の日付非表示*/
.page .date-tags,
.page .author-info,
.store .date-tags,
.store .author-info {
display: none;
}



/* ショートコードで表示できるリスト部分に日付追加 https://wp-cocoon.com/widget-entry-card-date-css/　アイコン部分はソースを探してコピペ*/
.new-entry-card-date {
  display: block;
  text-align: right;
}

.new-entry-card-post-date::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f017";
  padding-right: 4px;
}
.new-entry-card-update-date::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f1da";
  padding-right: 4px;
}

/* トップページのショートコードで表示する、最新モデルだけ、日付なし*/
.top_bg_box .new-entry-card-date {
  display: none;
}





/* フォント変更
------------------------------------------------------*/
/*基本変更*/
a {
	text-decoration: underline;
}
/*コンテンツ内*/
.entry-content a:hover {
	color: #E31834;
	opacity:0.6;
	text-decoration: none;
}
/*目次変更*/
.toc-content a:hover {
	color: #E31834;
	text-decoration : underline;
}
ul.asterisk {
	margin:0rem 0px 0px 0rem;
}
ul.asterisk li {
  list-style-type: none;
  text-indent: -1em;
}
ul.asterisk li:before {
  display: inline;
  content: "※";
}





/* サイドバー
------------------------------------------------------*/
/* サイドバーのH3　デザイン変更*/
.sidebar h3{
	background-color:#FFF;
	border-bottom:2px dashed #E31834;
	padding: 6px 0 6px 3px;
	text-align:left;
}
/*サイドバー4画像のフーバー*/
.side_4btn img:hover{opacity:0.6;}


/* メイン
------------------------------------------------------*/
/*アイキャッチ拡大と透明*/
/*投稿一覧*/
.entry-card-thumb{overflow:hidden;}
.entry-card-thumb :hover{transform:scale(1.1);transition-duration:0.2s;opacity:0.6;}
.entry-card-wrap :hover{color:#999;}

/*関連情報*/
.related-entry-card-thumb{overflow:hidden;}
.related-entry-card-thumb :hover{transform:scale(1.1);transition-duration:0.2s;opacity:0.6;}
.related-entry-card-wrap :hover{color:#999;} 

/*トップページ*/
.top_image-thumb{overflow:hidden;}
.top_image-thumb :hover{transform:scale(1.05);transition-duration:0.4s;opacity:0.8;}
.top_image-wrap :hover{color:#999;}


/************************************
** ■見出しカスタマイズ（h1-6）
************************************/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{ /*見出し初期化*/
  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;
  background-color:none;
}





/*デザイン*/
.article h1 {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  padding: 20px 30px 40px 30px;
  margin-bottom: 1em;
}
.article h1::before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100px;
  height: 10px;
  background: #E31834;
  z-index: 1;
}
.article h1::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #005DAB;
}
.article h2 {
  font-size: 22px;
  font-weight: bold;
  padding: 3px 10px;
  margin: 3.5em 0 0.5em 0;
  border-left: 4px solid #E31834;
  background-color:#FFF;
  color:#333;
}
.article h3 {
  font-size: 20px;
  font-weight: bold;
  padding: 3px 30px;
  margin: 2em 0 0.5em 0;
  border-bottom: 2px solid #E31834;
}
.article h4 {
  font-size: 20px;
  font-weight: bold;
  padding: 6px 10px;
  margin-bottom: 1em;
  color: #ffffff;
  border-radius: 10px;
  background: #005DAB;
}
.article h5{ 
  background: #005DAB;
  font-size: 16px;
  letter-spacing: 2px;
  margin: 35px 20px 20px 20px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #FFBD35;
  line-height: 27px;
  text-align: center; 
  border-radius: 6px;
  color:#FFBD35;
}
.article h6{ 
  font-size: 16px; 
  letter-spacing: 2px; 
  margin: 35px 0px 20px 0px;
  padding: 8px 16px 8px 25px;
  line-height: 25px; 
  background-color: #FFBD35; 
  border-radius: 10px; 
  position: relative;
}
.article h6::after{ 
  position: absolute;
  top: 100%;
  left: 20px;
  content: '';
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top: 13px solid #FFBD35;
}
@media (max-width: 767px){
.article h1 {
  font-size: 24px;
  padding: 20px 30px 40px 30px;
}
.article h2 {
  font-size: 22px;
  padding: 3px 10px;
  margin: 3.5em 0 0.5em 0;
}
}




















/************************************
** ●WPCF7 送信ボタンのカスタマイズ
************************************/
.wpcf7-submit {
	border: solid 2px #FFBD35!important; /*枠線*/
	border-radius: 6px!important; /*角丸コーナー*/
	font-weight: bold!important; /*文字強調*/
	font-size: 18px!important; /*フォントサイズ*/
	color: #fff!important; /*フォントカラー*/
	background-color: #FFBD35!important; /*背景色*/
	letter-spacing: 30px!important; /*文字間隔*/
}
.wpcf7-submit:hover{
	color: #fff!important; /*フォントカラー*/
	background-color: #FFE0A2!important; /*背景色*/
	transition: all 0.8s ease!important; /*アニメーション*/
}






/*スタイルから選べる　ブログカードの　文字部分の背景変更*/
.blogcard-label {
	background-color: #FFBD35 !important;
	color: #FFF !important;
}





















/************************************
** オリジナルスタイル追加
************************************/
/*-----------------------------------------------------*/
/*　都道府県部分（taxonomy-pref-○○.php）ページ*/
.citylistbox{
	width: 100%;
	margin: 20px 1% 10px 1%;
	padding: 10px;
	border: solid #CCC 1px;
	background-color: #F2F7FB;
}

.citylistbox ul{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	margin: 0px;
    padding: 0px;
}

.citylistbox li{
	width:48%;
	margin:0px 0px 10px 0px;
	font-size:0.9em;
	list-style:none;
}
.citylistbox li a{
	text-decoration:none;
}
.citylistbox li a:hover{
	text-decoration:underline;
}

@media (min-width: 601px){

.citylistbox li{
	width:28%;
	margin:0px 1% 0px 1%;
}
}
@media (min-width: 1024px){
.citylistbox{
	margin:20px 0 30px 0;
}
.citylistbox li{
	width:23%;
	margin:0px 1% 0px 1%;
}
}



.genrebox{
	padding:2px;
	display:flex;
	font-size:1.6rem;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin:10px auto 30px auto;
}
@media screen and (min-width: 768px) {
.genrebox{
	padding:10px;
}
}

.t_ichiran_delica a{
	background-color:#EB5D71;
	color:#FFF !important;
	padding:2px 6px;
	border-radius:5px;
	font-size:0.8em;
	text-decoration:none;
}
.t_ichiran_foods a{
	background-color:#4C8DC4;
	color:#FFF !important;
	padding:2px 6px;
	border-radius:5px;
	font-size:0.8em;
	text-decoration:none;
}
.t_ichiran_frozen a{
	background-color:#FFCA5D;
	color:#FFF !important;
	padding:2px 6px;
	border-radius:5px;
	font-size:0.8em;
	text-decoration:none;
}
.t_ichiran_drink a{
	background-color:#EB5D71;
	color:#FFF !important;
	padding:2px 6px;
	border-radius:5px;
	font-size:0.8em;
	text-decoration:none;
}
.t_ichiran_daily a{
	background-color:#4C8DC4;
	color:#FFF !important;
	padding:2px 6px;
	border-radius:5px;
	font-size:0.8em;
	text-decoration:none;
}

.t_ichiran_delica a:hover{
	opacity: 0.6;
}
.t_ichiran_foods a:hover{
	opacity: 0.6;
}
.t_ichiran_frozen a:hover{
	opacity: 0.6;
}
.t_ichiran_drink a:hover{
	opacity: 0.6;
}
.t_ichiran_daily a:hover{
	opacity: 0.6;
}


/* 都道府県一覧リスト表示部分（entry-card-pref.php）
------------------------------------------------------------*/
.ichiran_delica{
	background-color:#EB5D71;
	color:#FFF !important;
	padding:2px 6px;
	border-radius:5px;
	display:inline-block;
	margin:0px 3px 3px 0px;
}

.ichiran_foods{
	background-color:#4C8DC4;
	color:#FFF !important;
	padding:2px 6px;
	border-radius:5px;
	display:inline-block;
	margin:0px 3px 3px 0px;
}
.ichiran_frozen{
	background-color:#FFCA5D;
	color:#FFF !important;
	padding:2px 6px;
	border-radius:5px;
	display:inline-block;
	margin:0px 3px 3px 0px;
}
.ichiran_drink{
	background-color:#EB5D71;
	color:#FFF !important;
	padding:2px 6px;
	border-radius:5px;
	display:inline-block;
	margin:0px 3px 3px 0px;
}
.ichiran_daily{
	background-color:#4C8DC4;
	color:#FFF !important;
	padding:2px 6px;
	border-radius:5px;
	display:inline-block;
	margin:0px 3px 3px 0px;
}


/* 商品カテゴリー小ジャンル*/
.ichiran_kitchen-dining, .ichiran_diapers-wipes, .ichiran_car-maintenance, .ichiran_paper-goods, .ichiran_cleaning-laundry, .ichiran_batteries, .ichiran_kitchen-sundries, .ichiran_health{
	padding:2px 6px;
	border-radius:5px;
	border:1px solid #4C8DC4;
	display:inline-block;
	margin:0px 3px 3px 0px;
}
.ichiran_kitchen-dining a, .ichiran_diapers-wipes a, .ichiran_car-maintenance a, .ichiran_paper-goods a, .ichiran_cleaning-laundry a, .ichiran_batteries a, .ichiran_kitchen-sundries a, .ichiran_health a{
	color:#4C8DC4 !important;
	text-decoration:none;
}



.ichiran_chocolate, .ichiran_cookies-biscuit, .ichiran_snacks, .ichiran_nuts, .ichiran_rice-confectionery, .ichiran_gum-candy, .ichiran_pantry-dry-goods, .ichiran_condiments-spices{
	padding:2px 6px;
	border-radius:5px;
	border:1px solid #4C8DC4;
	display:inline-block;
	margin:0px 3px 3px 0px;
}
.ichiran_chocolate a, .ichiran_cookies-biscuit a, .ichiran_snacks a, .ichiran_nuts a, .ichiran_rice-confectionery a, .ichiran_gum-candy a, .ichiran_pantry-dry-goods a, .ichiran_condiments-spices a{
	color:#4C8DC4 !important;
	text-decoration:none;
}



.ichiran_coffee-tea, .ichiran_water-beverages{
	padding:2px 6px;
	border-radius:5px;
	border:1px solid #EB5D71;
	display:inline-block;
	margin:0px 3px 3px 0px;
}
.ichiran_coffee-tea a, .ichiran_water-beverages a{
	color:#EB5D71 !important;
	text-decoration:none;
}



.ichiran_bakery, .ichiran_souzai, .ichiran_dessert{
	padding:2px 6px;
	border-radius:5px;
	border:1px solid #EB5D71;
	display:inline-block;
	margin:0px 3px 3px 0px;
}
.ichiran_bakery a, .ichiran_souzai a, .ichiran_dessert a{
	color:#EB5D71 !important;
	text-decoration:none;
}


.ichiran_reizou{
	background-color:#4C8DC4;
	color:#FFF !important;
	padding:2px 6px;
	border-radius:5px;
	display:inline-block;
	margin:0px 3px 3px 0px;
}
.ichiran_reizou a{
	color:#FFF !important;
	display:inline-block;
	text-decoration:none;
}

/* リスト表示部分の住所の文字サイズを小さくした*/
.pref_font{
	font-size:0.8rem;
}


.ichiran_delica a{
	color:#FFF !important;
	display:inline-block;
	text-decoration:none;
}
.ichiran_foods a{
	color:#FFF !important;
	display:inline-block;
	text-decoration:none;
}
.ichiran_frozen a{
	color:#FFF !important;
	display:inline-block;
	text-decoration:none;
}
.ichiran_drink a{
	color:#FFF !important;
	display:inline-block;
	text-decoration:none;
}
.ichiran_daily a{
	color:#FFF !important;
	display:inline-block;
	text-decoration:none;
}






/* 都道府県詳細部分（single-store.php）　詳細の表形式
商品詳細部分（single-item.php）　詳細の表形式
------------------------------------------------------------*/
.smallfont09{
	font-size:0.9rem;
}


.store-detail{
	display:flex;
	flex-wrap: wrap;
	margin:5px 0 10px 0;
	font-size:16px;
}
.store-detail-tr{
	width: 100%;
	margin: 20px 0 10px 0 !important;
	padding:5px;
}
.store-detail-th{
	width: 100%;
	margin: 0 0 0 0;
	background-color: #F2F7FB;
	padding:5px;
	border-bottom:1px solid #CCC;
}
.store-detail-td{
	width: 100%;
	margin:0 0 15px 1em;
	padding:5px;
	border-bottom:1px solid #CCC;
}
.store-detail-td2{
	width: 100%;
	margin:0 0 0px 0;
	padding:10px;
	border-bottom:1px solid #CCC;
}
@media screen and (min-width: 768px) {
.store-detail{
	width: 700px;
	margin:0 20px 0 0;
}
.store-detail-th{
	width: 30%;
	margin:0 0 0 0;
	padding:10px;
}
.store-detail-td{
	width: 70%;
	margin:0 0 0 0;
	padding:10px;
}
}
.store-detail p{
	margin:0 0 0 0;
}

.mapbox{
	margin:0 auto 20px auto;
}

.announce{
	margin:20px auto;
	padding:10px;
	width: calc(90% - 20px);
	border:1px #CCC solid;
	font-size:0.9rem;
}

.backbtn a{
	width: 120px;
	background-color:#FFCA5D;
	padding:4px 10px;
	text-align:center;
	display:block;
	border:1px solid #FFCA5D;
	border-radius:10px;
	color:#FFF;
	margin:30px auto;
	text-decoration:none;
}
.backbtn a:hover{
	background-color:#FFCA5D;
}


/* Instagramのサイズ調整---*/

.instagram-media{
	margin:0 2% !important;

}





/***白抜きリンクボタン***/
.link-btn{
  display:block;/*ブロック要素にする*/
  margin:1em auto;/*外側余白*/
  padding: 5px;/*内側余白*/
  text-align: center;/*中央寄せ*/
  text-decoration: none;/*文字装飾なし*/
  border:1px solid #ccc; /*枠線（太さ、種類、色）*/
  font-size:.9em;/*文字の大きさ*/
  color:#666;/*文字色*/
  width: 80%;/*ボタンの幅*/
}

@media screen and (min-width: 768px){
.link-btn{
  width: 300px;/*ボタンの幅*/
}
}

.link-btn:hover{
	background-color:#FFCA5D;
  color:#333;
}



/************************************
****　目次のカスタマイズ
https://yujiblog.org/table-of-contents
************************************/
.toc-title{
}
.toc-title::after {
color:##005DAB;
}
.toc-list > li a {
display:block;
margin-top:10px;
margin-left: 10px;
}
.toc-list > li a::before {
font-family: "Font Awesome 5 Free";
content : "\f144";
margin-right: 7px;
}
.toc-list > li li a {
font-size: 95%;
margin-top:0;
margin-left: 2em;
}
.toc-list > li li a::before {
content: "";
width: 7px;
height: 7px;
left: -2px;
display: inline-block;
border-radius: 50%;
background: #E31834;/*こちらで緑点の色を変更できます*/
position: relative;
margin-bottom: 2px;
}
@media (max-width:880px){
.toc-list > li a {
margin-left: -10px;
}
.toc-list > li li a {
margin-left: -2em;
}
.toc-list > li li a::before {
left: 3px;
margin-bottom:1px;
}
}
.toc a:hover {
color: #333333;
text-decoration: underline;
}


/************************************
****　リストマーク色変更
************************************/
.is-style-icon-list-thumb-up > li::before{
color:#E31834  !important;
}




/************************************
****　広告プラグイン　pochipp　ポチップ
************************************/
/*ロゴ非表示*/
.pochipp-box__logo { display: none !important;}

/*アマゾン*/
.pochipp-box[data-btn-style=dflt] .-amazon>.pochipp-box__btn {
	background-color: #131921!important;
	color:#f08804!important;
	border:1px solid #131921!important;
}
.pochipp-box[data-btn-style=dflt] .-amazon>.pochipp-box__btn:hover {
	background-color: #fff!important;
	color:var(--pchpp-color-amazon)!important;
	border:1px solid var(--pchpp-color-amazon)!important;
}

/*楽天*/
.pochipp-box[data-btn-style=dflt] .-rakuten>.pochipp-box__btn {
	background-color: var(--pchpp-color-rakuten);
	color:#FFF!important;
	border:1px solid var(--pchpp-color-rakuten)!important;
}
.pochipp-box[data-btn-style=dflt] .-rakuten>.pochipp-box__btn:hover {
	background-color: #fff;
	color:var(--pchpp-color-rakuten)!important;
	border-color:var(--pchpp-color-rakuten);
}

/*yahoo*/
.pochipp-box[data-btn-style=dflt] .-yahoo>.pochipp-box__btn {
	background-color: var(--pchpp-color-yahoo);
	color:#FFF!important;
	border:1px solid var(--pchpp-color-yahoo)!important;
}
.pochipp-box[data-btn-style=dflt] .-yahoo>.pochipp-box__btn:hover {
	background-color: #fff;
	color: var(--pchpp-color-yahoo)!important;
	border-color:var(--pchpp-color-yahoo);
}
/*カスタムコストコ*/
.pochipp-box[data-btn-style=dflt] .-custom>.pochipp-box__btn {
	background-color: #0073a6!important;
	color: #fff!important;
	border:1px solid #0073a6!important;
}
.pochipp-box[data-btn-style=dflt] .-custom>.pochipp-box__btn:hover {
	background-color: #FFF!important;
	color: #E31834!important;
	border-color:#005DAB!important;
}


.pochipp-box[data-btn-style=dflt] .-custom>.pochipp-box__btn span::after {
  content: "（会員登録必須）";
  font-size: 0.8em;
  color: #FFF;
  margin-left: 0.5em;
}

.pochipp-box__info{
display:none;
}



/*外部リンクにつくマークをカット*/
.pochipp-box__btn .fa-external-link-alt{
display:none;
}
/*右上PR表記*/
.pochipp-box:before {
	position: absolute;
	content: "【PR】";
	right: 4px;
	top: 4px;
	opacity:.75;
	font-size:0.9rem;
}