@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{
	background-color: #fff;
}

a{
	text-decoration: none;
}
.entry-content>*{
	line-height: 1.6;
	
}

.date-tags{
	display:none;
}

.menu-item{
	font-weight: bold;
}

.article-footer{
	display: none;
}

/*ヘッダー*/
.header-container{
	position: relative;
	border-bottom: 1px solid #d1d1d1;
	width: 100%;
	height: 80px;
	margin: 0 auto;
	}

.header-container-in{
	 width: 1256px;
		display:flex;
		align-items: center;
		height: 80px;
		justify-content: space-between;
	}

.hlt-center-logo{
		margin: 0 auto;
		padding: 0 30px;
	}

.logo-header img{
	width: 235px;
	height: auto;
}

.logo-menu-button img{
	display: inline-block;
	width: 180px;
	height: auto;
}

 .header{
	 width: fit-content;
		height: auto;
	}

.header-in{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

.header-container-in.hlt-top-menu .site-name-text-link{
		display: block;
	}

.cf::after{
		clear: both;
		content: "";
		display: block;
	}

.header > .wrap{
	width: auto;
}

.navi > .wrap{
	width: auto;
}

.navi-in > ul li{
	 display: block;
		position: relative;
		width: fit-content;
		margin-left: 40px
	}

.breadcrumb.sbp-main-before{
	padding: 8px 30px 0;
}

.headline-area:before {
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226px%22%20height%3D%2227px%22%20viewBox%3D%220%200%2022%2034%22%3E%3Cpath%20fill%3D%22%236084bc%22%20d%3D%22M11%200A11%2011%200%200%200%200%2011c0%2010%2011%2023%2011%2023s11-13%2011-23A11%2011%200%200%200%2011%200Zm0%206a5%205%200%201%201-5%205%205%205%200%200%201%205-5Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
	margin-right: 8px;
	vertical-align: middle;
}

.headline-category:before {
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2225px%22%20height%3D%2226px%22%20viewBox%3D%220%200%2027%2023.833%22%3E%3Cpath%20d%3D%22M12.375%2C5.575c-1.833%2C0-2.593-1.261-4.5-3.575H0V25.833H27V5.575Z%22%20transform%3D%22translate%280%20-2%29%22%20fill%3D%22%2384bed0%22%2F%3E%3C%2Fsvg%3E');
	margin-right: 8px;
	vertical-align: middle;
}

.headline-newpost:before{
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027%2028%22%20width%3D%2227px%22%20height%3D%2228px%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23e08b86%22%20d%3D%22M13.5.1029415%2011.1176472%203.279412%207.1470585%201.6911768%206.352941%205.6617651H2.3823528l.7941177%203.1764708L0%2011.2205887l2.3823528%202.3823528L0%2016.7794113l3.1764705%202.3823528-.7941177%203.1764717H6.352941l.7941175%203.9705868%203.9705887-1.5882339L13.5%2027.8970585l2.3823528-3.1764698%203.9705887%201.5882339.794117-3.9705868h3.9705887l-.7941189-3.1764717L27%2016.7794113l-2.3823528-3.1764698L27%2011.2205887l-3.1764717-2.3823528.7941189-3.1764708h-3.9705887l-.794117-3.9705882-3.9705887%201.5882351L13.5.1029415z%22%2F%3E%3Cg%20style%3D%22enable-background%3Anew%22%3E%3Cpath%20style%3D%22fill%3A%23fff%22%20d%3D%22m8.9609375%2020.4580078.8730469-1.8730469%201.890625.8818359-.8730469%201.8730469-1.890625-.8818359zm1.9804687-3.1259766%202.8076172-7.3334961%201.3847656-2.9692383%202.0380859.9501953-1.3847656%202.9692383-3.7861328%206.8774414-1.0595703-.4941406z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	margin-right: 8px;
	vertical-align: middle;
}

.headline-recommend:before {
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2230px%22%20height%3D%2227px%22%20viewBox%3D%220%200%2036%2032%22%3E%3Cpath%20fill%3D%22%239cc749%22%20d%3D%22M27%2028c-7%202-12-2-12-7%200-4%204-7%209-7s9%203%209%207a7%207%200%200%201-2%204%2012%2012%200%200%200%202%205%2022%2022%200%200%201-6-2Zm-15-7c0-5%206-10%2012-10a13%2013%200%200%201%204%200C27%205%2021%200%2014%200%206%200%200%205%200%2011a10%2010%200%200%200%202%207l-2%207c3%200%207-1%209-3a20%2020%200%200%200%203%201%209%209%200%200%201%200-2Z%22%2F%3E%3C%2Fsvg%3E');
	margin-right: 8px;
	vertical-align: middle;
}


/*サイドバー*/

#text-3 .widget-sidebar-title:before{
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2226px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2031%2026%22%3E%3Cpath%20d%3D%22M28.4%2022v3.8H2.6V22Zm0-19.4a2.6%202.6%200%200%200-2%204.1%201.7%201.7%200%200%201%200%202.3%205.3%205.3%200%200%201-4.4%202.6%205.5%205.5%200%200%201-5.4-5%202%202%200%200%201%20.6-2%202.7%202.7%200%200%200%20.9-2%202.6%202.6%200%201%200-5.2%200%202.7%202.7%200%200%200%201%202%202%202%200%200%201%20.5%202%205.5%205.5%200%200%201-5.4%205A5.3%205.3%200%200%201%204.6%209a1.7%201.7%200%200%201%200-2.3A2.6%202.6%200%201%200%200%205.2a2.6%202.6%200%200%200%201.5%202.3c1%20.5%201%201.7%201%202.8v9h26v-9c0-1%200-2.3%201-2.8a2.6%202.6%200%200%200-1-5Z%22%20fill%3D%22%23d9c524%22%2F%3E%3C%2Fsvg%3E');
	vertical-align: middle;
	margin-right: 8px;
}

#categories-2 .widget-sidebar-title:before{
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2225px%22%20height%3D%2226px%22%20viewBox%3D%220%200%2027%2023.833%22%3E%3Cpath%20d%3D%22M12.375%2C5.575c-1.833%2C0-2.593-1.261-4.5-3.575H0V25.833H27V5.575Z%22%20transform%3D%22translate%280%20-2%29%22%20fill%3D%22%2384bed0%22%2F%3E%3C%2Fsvg%3E');
	vertical-align: middle;
	margin-right: 8px;
}

#new_entries-2 .widget-sidebar-title:before{
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027%2028%22%20width%3D%2227px%22%20height%3D%2228px%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23e08b86%22%20d%3D%22M13.5.1029415%2011.1176472%203.279412%207.1470585%201.6911768%206.352941%205.6617651H2.3823528l.7941177%203.1764708L0%2011.2205887l2.3823528%202.3823528L0%2016.7794113l3.1764705%202.3823528-.7941177%203.1764717H6.352941l.7941175%203.9705868%203.9705887-1.5882339L13.5%2027.8970585l2.3823528-3.1764698%203.9705887%201.5882339.794117-3.9705868h3.9705887l-.7941189-3.1764717L27%2016.7794113l-2.3823528-3.1764698L27%2011.2205887l-3.1764717-2.3823528.7941189-3.1764708h-3.9705887l-.794117-3.9705882-3.9705887%201.5882351L13.5.1029415z%22%2F%3E%3Cg%20style%3D%22enable-background%3Anew%22%3E%3Cpath%20style%3D%22fill%3A%23fff%22%20d%3D%22m8.9609375%2020.4580078.8730469-1.8730469%201.890625.8818359-.8730469%201.8730469-1.890625-.8818359zm1.9804687-3.1259766%202.8076172-7.3334961%201.3847656-2.9692383%202.0380859.9501953-1.3847656%202.9692383-3.7861328%206.8774414-1.0595703-.4941406z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	vertical-align: middle;
	margin-right: 8px;
	width: 25px;
	height: auto;
}

#popular_entries-2 .widget-sidebar-title:before{
	content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2230px%22%20height%3D%2227px%22%20viewBox%3D%220%200%2036%2032%22%3E%3Cpath%20fill%3D%22%239cc749%22%20d%3D%22M27%2028c-7%202-12-2-12-7%200-4%204-7%209-7s9%203%209%207a7%207%200%200%201-2%204%2012%2012%200%200%200%202%205%2022%2022%200%200%201-6-2Zm-15-7c0-5%206-10%2012-10a13%2013%200%200%201%204%200C27%205%2021%200%2014%200%206%200%200%205%200%2011a10%2010%200%200%200%202%207l-2%207c3%200%207-1%209-3a20%2020%200%200%200%203%201%209%209%200%200%201%200-2Z%22%2F%3E%3C%2Fsvg%3E');
	vertical-align: middle;
	margin-right: 8px;
}

.sidebar h3{
	background-color: initial;
	border-bottom:2px solid #eee ;
	padding: inherit;
}

.sidebar-scroll{
	display: none;
}

.tagcloud a{
	border-radius: 100px;
	flex: none;
	font-size: 14px;
}

.ranking-lists{
	padding-left: 0;
	counter-reset: rank;
	position: relative;
}

.ranking-lists li{
	display: flex;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
   transition: all  0.3s ease;
}

.ranking-lists li:nth-of-type(3){
	border-bottom: none;
}

.ranking-list a:before{
	counter-increment: rank;
	content: counter(rank);
	background-color: #afa852;
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	font-weight: 700;
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	z-index: 3;
}

 .ranking-list:nth-child(2) a:before{
	background-color: #bebdb9;
}

 .ranking-list:nth-child(3) a:before{
	background-color: #7c6847;
}

.ranking-lists img{
	flex: none;
	vertical-align: middle;
	border: 1px solid #ddd;
	margin-right: 16px;
	width: 72px;
	height: 72px;
}

.ranking-lists li:hover{
	background-color: #f6f8fa;
}


#text-3 h3{
	margin-bottom: 0;
}

.agency-lists{
	padding-left: 0;
	counter-reset: rank;
	position: relative;
}

.agency-lists li:hover{
	background-color: #f6f8fa;
}

.agency-lists li{
	display: flex;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
   transition: all  0.3s ease;
}

.agency-list img{
	flex: none;
	vertical-align: middle;
	border: 1px solid #ddd;
	margin-right: 16px;
	width: 72px;
	height: 72px;
}

.agency-lists li:last-child{
	border-bottom: none;
}

#text-4 h3{
	margin-bottom: 0;
}


/*トップページ中身*/

  /*アイキャッチ*/
	.featured-image_pc{
		display: block !important;	
	}

	.featured-image_sp{
		display: none !important;
	}

	/*キーワード検索*/
	.wp-block-search__button-outside{
		background-color: #f7f5ed;
		padding: 20px;
		display: flex;
		align-items: center;
		margin-bottom: 40px;
		gap: 20px;
	}

	.wp-block-search__label{
		width: fit-content !important;
		font-size: 1.2em;
		font-weight: bold;
		color: #333;
	}

	.wp-block-search__label:before{
	content:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224px%22%20height%3D%2227px%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M12.2%200a12.2%2012.2%200%201%200%207.3%2022l8.4%208.3a1.7%201.7%200%200%200%202.4-2.4L22%2019.5A12.2%2012.2%200%200%200%2012.2%200ZM3.5%2012.2a8.7%208.7%200%201%201%208.7%208.8%208.7%208.7%200%200%201-8.7-8.8Z%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E');
		vertical-align: middle;
		margin-right: 8px;
		width: 25px;
		height: auto;
	}

	.wp-block-search__button{
		background: #bb271a !important;
		border: none !important;
		color: #fff !important;
	}

	/*カテゴリから探す*/
	.type-page .headline-category+.wp-block-cocoon-blocks-column-3 img{
	 width: 64px!important;
	 height: 64px !important;
	}

	.wp-block-media-text__content span{
		color: #333;
	}

body .type-page .headline-category+.wp-block-cocoon-blocks-column-3 .wp-block-media-text.is-stacked-on-mobile{
	  grid-template-columns: 64px 1fr !important;
		gap: 4%;
	}

body .type-page .headline-category+.wp-block-cocoon-blocks-column-3 .wp-block-media-text.is-stacked-on-mobile a{
	color: #333;
}

.type-page .wp-block-media-text .wp-block-media-text__content{
	padding: 0;
}

	/*一覧タイトル*/
	.has-icon svg{
	 vertical-align: middle;
	 margin-right: 8px;
	}

	.article h2{
	 background-color: #fff;
	 padding: 0 0 10px;
	 margin-bottom: 20px;
	}

	.headline-area, .headline-category, .headline-newpost, .headline-recommend, .headline-recommend-agency{
	 margin-bottom: 16px;
	 padding-bottom: 10px;
	 border-bottom: 1px solid #ccc;
	}

/*新着記事一覧*/

.headline-newpost + .new-entry-cards .widget-entry-card-content, .headline-recommend +.popular-entry-cards .widget-entry-card-content{
	font-size: 14px;
}

.headline-newpost + .new-entry-cards, .headline-recommend +.popular-entry-cards {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 20px;
	box-sizing: border-box;
}

.headline-newpost + .new-entry-cards .new-entry-card-link, .headline-recommend +.popular-entry-cards .popular-entry-card-link{
	padding: 0;
}


	/*地域から探す*/

	.tab-wrapper{
	 display: flex;
	 flex-wrap: wrap;
		margin: 20px 0 0;
	}

	.tab-switch{
		display: none;
	}

	.tab-switch:checked+.tab-label{
		background-color: #f7f7fc;
	}

	.tab-label:not(:last-of-type){
		margin-right: 5px;
	}

	.tab-label{
		color: #333;
		background-color: #eee;
		font-weight: 700;
		white-space: nowrap;
		text-align: center;
		padding: 10px 0.5em;
		order: -1;
		position: relative;
		z-index: 1;
		cursor: pointer;
		border-radius: 4px 4px 0 0;
		flex: 1;
	}

	.tab-switch:checked+.tab-label+.tab-content{
		display: block;
		 height: auto;
		overflow: auto;
		padding: 20px;
		opacity: 1;
		transition: .5s opacity;
	}

	.tab-content{
		 display: none;
		width: 100%;
		height: 0;
		overflow: hidden;
		opacity: 0;
		padding: 0;
		margin: 0;
		background-color: #f7f7fc;
	}

	.tab-label:not(:last-of-type){
		margin-right: 5px;
	}

	.area-list-wrapper{
		background-color: #f7f7fc;
	   padding: 20px;
	}

	.area-major{
		display: grid;
		grid-template-columns: repeat(auto-fit,minmax(122px,1fr));
		gap: 16px;
		margin-top: 10px;
		margin-bottom: 20px;
		padding-left: 0;
	}

	ul{
		list-style: none;
	}


	.area-major a{
		 display: block;
		padding: 14px 12px;
		background-color: #fff;
		border-radius: 6px;
		box-shadow: 1px 1px 1px #d5d5d5;
		font-size: 16px;
		color: #1b6bcf;
		line-height: 100%;
		font-weight: 700;
		position: relative;
	}

	.area-major a:after{
		content: "";
		position: absolute;
		top: 45%;
		right: 10px;
		width: 6px;
		height: 6px;
		border-top: 1px solid #1b6bcf;
		border-right: 1px solid #1b6bcf;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.area-minor{
		display: grid;
		grid-template-columns: repeat(auto-fit,minmax(7em,1fr));
		row-gap: 16px;
		position: relative;
		padding-left: 0;
	}

	.area-minor li{
		 text-align: center;
		line-height: 1.2em;
		border-left: 2px solid #e8e8ea;
	}

	.area-minor a{
		display: block;
		color: #1b6bcf;
	}

	.area-minor:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		box-shadow: 4px 0 0 0 #f7f7fc inset;
		width: 4px;
		height: 100%;
	}

/*結婚相談所一覧*/
.type-page .headline-recommend-agency ~ .wp-block-cocoon-blocks-column-3{
	display: grid;
	grid-template-columns: repeat(4,minmax(auto,160px));
}

.type-page .headline-recommend-agency ~ .wp-block-cocoon-blocks-column-3 img{
	border: 1px solid #ddd;
	width: 160px;
	height: 160px;
}

.type-page .headline-recommend-agency ~.wp-block-cocoon-blocks-column-3 .wp-block-media-text{
	display: block;
}

.type-page .brand-lists {	
    margin: 10px 0 40px;
	 padding: 0;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(4,minmax(auto,160px));
}

.type-page .brand-lists img{
	width: 100%;
	height: auto;
	border: 1px solid #ddd;
}

.type-page .brand-title a {
	color: #333;
}

/*フッター*/
.footer{
	padding: 0px;
}

#footer-in{
	width: 100%;
	background-color: #fcfcfc;
	border-top: 2px solid #eee;
}

.footer-widgets{
	width: 1256px;
	padding: 20px 8px 0;
	margin: 0 auto;
	
}

.footer-widgets-mobile{
	border-top: 1px solid #eee;
	background-color: #fcfcfc;
	padding: 35px 15px;
	margin: 0;
}

.footer-mobile{
	padding: 0;
}

.footer-logo img{
	width: 280px;
	height: auto;
}

#block-14{
	margin-bottom: 10px;
}

#categories-5 .cf{
	border-top: 1.5px solid #eee;
}

#new_entries-5 .new-entry-card-link{
	border-top: 1.5px solid #eee;
}

.footer-left{
	width: 50%;
}

.footer-center, .footer-right{
	width: 25%;
}

.footer-bottom{
	background-color: #dde0e5;
	padding: 30px 0;
}

.footer-bottom{
	margin-top: 0;
}

.widget-footer-center{
	margin-bottom: 0 !important;
}

.widget-footer-left{
	margin-bottom: 10px!important;
}

.text-pc{
	font-size: 12px;
	color: #999;
}

#mobile_text-2 .text-mobile{
	font-size: 12px;
	color: #999;
}

/*記事内コンテンツ*/

.entry-title{
	margin: 8px 0;
}

.type-post h2{
	background-color: #fff;
	padding: 0 0 10px 10px;
	border-left: 10px solid #bb271a;
	border-bottom: 1px solid #d9d9d9;
}

.type-post .entry-card-content h2{
	background-color: inherit;
	padding: 0;
	border-left: none;
	border-bottom: none;
}

.type-post .entry-card-snippet{
	margin-top: 10px;
}

.type-post .wp-block-cocoon-blocks-blank-box-1{
	border-color: #bfa58b;
}

.type-post .wp-block-cocoon-blocks-blank-box-1> p{
	margin-bottom: 10px;
}

.type-post .wp-block-cocoon-blocks-blank-box-1 .bold-red{
	display: block;
	text-align: center;
	border-bottom: 2px solid  #bfa58b;
	padding-bottom: 10px;
	color: #bb271a;
}

.type-post .wp-block-cocoon-blocks-blank-box-1> ul {
	padding-left: 0;
}


.type-post .wp-block-cocoon-blocks-blank-box-1> ul > li:before{
	content: '\f14a';
	font-family: "Font Awesome 5 Free";
	color: #bb271a;
	font-size: 1.2em;
	padding-right: 8px;
}

.type-post .wp-block-cocoon-blocks-blank-box-1> ul > li{
	display: flex;
	line-height: 1.6;
	margin-bottom: 6px;
	align-items: center;
}

.type-post .wp-block-cocoon-blocks-blank-box-1> ul > li:after{
	clear: both;
}

.type-post .wp-block-cocoon-blocks-tab-caption-box-1 ul >li:before{
	content: '\f14a';
	font-family: "Font Awesome 5 Free";
	color: #bb271a;
	font-size: 1.2em;
	padding-right: 8px;
}

.type-post .wp-block-cocoon-blocks-tab-caption-box-1 ul{
	padding-left: 4px;
}

.type-post .wp-block-cocoon-blocks-tab-caption-box-1 .tab-caption-box-label{
	background-color: #bb271a !important;
}

.type-post .wp-block-cocoon-blocks-tab-caption-box-1 .tab-caption-box-content{
	border: 3px solid #bb271a;
}

.type-post .wp-block-cocoon-blocks-tab-caption-box-1 span{
	color: #fff;
	font-weight: bold;
}

.type-post .wp-container-3{
	margin-bottom: 20px;
}

.type-post h3{
	margin-top: 40px;
	margin-bottom: 20px;
	background-color: #f7f4f1;
	padding: 10px 10px 10px 24px;
	position: relative;
}

.type-post h3:before{
	content: "";
	position: absolute;
	top: calc(50% - 12px);
	left: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 7px 12px 9px;
	border-color: #bb271a transparent #bb271a #bb271a;
}

.article h3 {
	border: none !important;
}

.article h4{
	border-top: none;
	margin-bottom: 20px;
}

.article h5{
	text-align: center;
}

.wp-block-table table{
	width: 100% !important;
}

.sidebar a{
	color: #333;
}

.blank-box.bb-tab .bb-label{
	top: -2.2em;
}

.bb-check .bb-label::after{
	content: "こんな人にオススメ！";
	font-weight: bold;
	font-size: 16px;
}

.bb-check .bb-label .fa::before{
	content: none;
}

.blank-box.bb-check{
	border-color: #bb271a;
	margin-top: 50px;
}

.bb-check > .bb-label{
	background-color: #bb271a !important;
}

.btn-red{
	background-color: #bb271a !important;
	padding: 2px 8px!important;
	margin-right: 10px;
}

.btn-yellow{
	background-color: #bfa58b !important;
	padding: 2px 8px!important;
	margin-right: 10px;
}

.btn{
	font-size: 24px;
}

.btn-l{
	padding: 14px 18px!important;
	font-size: 18px;
	margin: 0;
}

.btn_primary, .btn_blank{
	font-size: 14px;
}

.red{
	color: #bb271a;
}

#main .has-large-font-size{
	font-size: 18px !important;
}

div.speech-balloon{
	background-color: #f7f4f1;
	border: 2px solid #f7f4f1;
}

.speech-balloon::before{
	border-right: 12px solid #f7f4f1;
}

.speech-balloon::after{
	border-right: 12px solid #f7f4f1;
}

.speech-name{
	color: #494949;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.2;
}

.type-post .wp-block-cocoon-blocks-column-2{
	border: 1px solid #dbdbdb;
	background-color: #fcfcfc;
	padding: 18px 24px;
}

.wp-block-cocoon-blocks-column-2 .wp-block-media-text__media img{
	border-radius: 10px;
	border: none;
}

.wp-block-cocoon-blocks-column-2 .wp-block-media-text__content{
	background-color: #fff;
	margin: 0 auto;
	padding: 0 8%!important;
}

.wp-block-cocoon-blocks-column-2 .wp-block-media-text__content:before{
	content: none;
}

.wp-block-cocoon-blocks-column-2 .has-large-font-size{
	margin-bottom: 6px;
}

.wp-block-cocoon-blocks-column-2 .wp-block-cocoon-blocks-column-right{
	display: flex;
}

.wp-block-cocoon-blocks-column-2 .wp-block-image{
	padding: 5px;
	margin-bottom: 0;
}

 /*テーブル*/

#tablepress-1_wrapper table{
	table-layout: fixed;
	box-sizing: border-box;
	width: 100%;
}

#tablepress-1_wrapper th {
  width: auto!important;
}

#tablepress-1_wrapper table td{
	word-break: break-all;
	padding-bottom: 14px;
	line-height: 1.6;
}

#tablepress-1_wrapper img{
	display: block;
	margin: 0 auto;
}


.tablepress thead th{
	background-color: #f7f4f1!important;
}

table tr:nth-of-type(2n+1){
	background-color: #fff;
}

table th{
	padding: 10px;
	background-color: #f7f4f1;
}

table td{
	padding: 10px;
}

.tablepress img{
	display: block;
	margin: 0 auto!important;
	border-radius: 10px;
	border: 2px solid #dbdbdb!important;
}

.btn-content{
	display: flex;
	justify-content: space-between;
}

.btn-content > p{
	margin-bottom: 0;
}

.btn{
	padding: 7px 18px;
}

.btn_primary{
	background-color: #bb271a;
}

.btn_blank{
	background-color: #fff;
	border: 2px solid #bb271a;
	color: #bb271a;
}



#toc{
	background-color: #fcfcfc;
	border: 2px solid #eee;
	margin: 0;
	width: 100%;
}

.toc-title{
	color: #bb271a;
}

.toc ul li {
	list-style-type: decimal;
	list-style-position: inside;
	font-weight: bold;
}

.toc ul li li{
	list-style-type: none;
	font-weight: normal;
}

.toc-list, .toc-list a{
	color: #574a3e;
}

.toc ul li li:before{
	content: "・ ";
	font-weight: bold;
}

.toc ul li li li:before{
	content: "- ";
	color: #9a928b;
	font-weight: normal;
}

.wp-block-group__inner-container{
	display: flex;
}

.has-large-font-size + p{
	line-height: 1.3;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1280px以下*/
@media screen and (max-width: 1280px){
	.header-container-in{
		width: 100%;
	}
	
	.footer-widgets{
		width: 100%;
	}
	
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.header-container{
		display: none;
	}
	
	.navi{
		display: none;
	}
	
	.mobile-header-menu-buttons{
		box-shadow: inherit;
		border-bottom: 1px solid #d1d1d1;
		height: 52px;
	}
	
	.mobile-menu-buttons>li{
		padding: 6px 0 3px;
		align-items: center;
	}
	
	.fa-bars{
		color: #2073db;
		font-size: 24px;
	}
	
	#search-menu-open{
		display: none;
	}
	
	.no-mobile-sidebar .sidebar, .mobile-button-fmb .go-to-top-button, .no-mobile-header-logo #header .logo-header{
		display: block !important;
	}
	
	.btn_primary, .btn_blank{
		margin: 0;
		width: 100%;
	}
	
	.btn-content{
	   display: block;
		margin: 0;
		padding: 0;
   }
	
	#tablepress-1.tablepress img{
	margin-top: 14px!important;
}
	
	.breadcrumb.sbp-main-before{
	padding: 24px 13px 0;
}
	
	#sidebar{
		display: none !important;
	}
	
	

}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.type-page .wp-block-media-text__media img{
		width: 64px!important;
	}
	
	.type-page .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{
	  direction: ltr;
    grid-column: 2!important;
    grid-row: 1!important;
    word-break: break-word;
	}
	
	.type-page .headline-recommend-agency ~ .wp-block-cocoon-blocks-column-3 img{
	height: auto;
}
	
	.container .column-wrap{
		flex-direction: column;
	}
	
	.container .column-wrap>div{
		width: 100%;
	}
	
	#content .column-wrap>*{
		margin-bottom: 1.8em !important;
	}
	
	.type-page .brand-lists {	
    gap: 15px;
    grid-template-columns: repeat(auto-fill,minmax(160px,1fr));
}
	
}

/*600px以下*/
@media screen and (max-width: 600px){
	
	.type-page .wp-block-media-text .wp-block-media-text__content{
		padding: 0 !important;
	}
	
	
	.type-post .is-stacked-on-mobile .wp-block-media-text__media img{
		width: 64px;
	}
	
	
	#content .type-post .wp-block-media-text.is-stacked-on-mobile{
		grid-template-columns: 23% auto!important;
	}
	
	.type-post .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{
		grid-column: 2!important;
		grid-row: 1!important;
	}
	
	.type-post .wp-block-cocoon-blocks-column-2 {
		padding: 10px 16px;
	}
	
	
	.type-post .wp-block-cocoon-blocks-column-2 .wp-block-media-text__content{
		padding: 0 0 0 10px !important;
	}
	
	.type-post .wp-block-cocoon-blocks-column-left{
		margin-bottom: 16px;
	}
	
	.type-post .wp-block-cocoon-blocks-blank-box-1> p{
		margin-bottom: 16px;
	}
	
	.type-post .wp-block-cocoon-blocks-blank-box-1> ul > li{
		margin:0 0 16px;
	}
	
	
	.headline-newpost + .new-entry-cards, .headline-recommend +.popular-entry-cards{
		width: 100%;
		grid-template-columns: repeat(auto-fill,minmax(120px,1fr));
		gap: 15px;
	}
	
	.type-page .brand-lists {
		grid-template-columns: repeat(auto-fill,minmax(120px,1fr));
	}
	

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	.featured-image_pc{
		display: none !important;
	}

	.featured-image_sp{
		display: block !important;
	}
	
	.eye-catch{
		display: none;
	}
	.wrapper{
		margin-bottom: 10px;
	}
	
	.wp-block-search__button-outside{
		display: block;
		padding: 10px;
	}
	
	.entry-title{
		padding: 0;
		margin:0 0 10px;
	}
	
	.article h4{
		padding-left: 0;
		margin: 20px 0 14px!important;
	}
	
	
	input[type="search"]{
		font-size: 14px;
	}
	
	.area-major{
		gap: 8px;
	}
	
	.article ul{
		padding-left: 0;
	}
	
	.area-minor{
		grid-template-columns: repeat(auto-fill,minmax(6em,1fr));
	}
	
	.area-minor a{
		font-size: 14px;
	}
	
	.tab-switch:checked+.tab-label+.tab-content{
		padding-bottom: 0;
	}
	
	.navi-footer-in > .menu-footer li.menu-item{
		width: auto;
	}
	
	.btn{
		padding: 7px;
	}
	
	#tablepress-1_wrapper table td{
		line-height: 1.4;
	}
	
	#tablepress-1_wrapper table{
		word-break: break-all;
	}
	
}