@charset "UTF-8";
/*
Theme Name:   THE SONIC Child
Theme URI:    https://the-sonic.jp
Description:  THE SONICカスタマイズ用子テーマ
Author:       SONIC Team
Author URI:   https://the-sonic.jp
Template:     thesonic
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
* ここから下に記述
*/

/* 共通 */
*:focus { outline: none; }

#bihada img {
	height: auto;
	max-width: 100%;
}
/*
#bihada a,
#bihada a:hover, */
footer a {
	color: #333;
	text-decoration: none;
}
#bihada a:hover,
footer a:hover { opacity: 0.8; }

/* #bihada .entry-content a {
	color: #ee7685;
	text-decoration: underline;
}
#bihada .entry-content a:hover {
	color: #ee7685;
	text-decoration: none;
} */

/* フォントサイズの調整 */
#bihada .has-small-font-size {
	font-size: 11px !important;
}

#bihada .wp-block-table th,
#bihada .wp-block-table td {
	font-size: 14px !important;
}
#bihada .wp-block-table .has-small-font-size {
	font-size: 11px !important;
}
#bihada .wp-block-table .has-medium-font-size {
	font-size: 18px !important;
}
#bihada .wp-block-table .has-large-font-size {
	font-size: 20px !important;
}
#bihada .wp-block-table .has-huge-font-size {
	font-size: 24px !important;
}

@media screen and (max-width: 599px) {
	#bihada .wp-block-table th,
	#bihada .wp-block-table td {
		font-size: calc(14px * 0.95) !important;
	}
	#bihada .wp-block-table .has-small-font-size {
	font-size: calc(11px * 0.95) !important;
	}
	#bihada .wp-block-table .has-medium-font-size {
		font-size: calc(18px * 0.95) !important;
	}
	#bihada .wp-block-table .has-large-font-size {
		font-size: calc(20px * 0.95) !important;
	}
	#bihada .wp-block-table .has-huge-font-size {
		font-size: calc(24px * 0.95) !important;
	}
}

/* テーマ調整 */
#bihada .breadcrumb .fab { display: none; }
#bihada .snsbox-in a { color: #fff; }
#bihada .tagcloud .tag-cloud-link { background-color: #EE7685; }
#bihada .mkj-style2 { max-width: 100%;}
#bihada .main-h2.kiji-list-heading-mark4:before,
#bihada .main-title.kiji-list-heading-mark4 h1:before,
#bihada .main-title.kiji-list-heading-mark4 p:before { display: none; }
#bihada .mkj-content:after { display: none; }

/* ヘッダー */
#header {
	background-color: #fff !important;
	color: #333;
}
#header .header-title { margin-top: 15px; }
#header #menu-header-nav { margin-top: 15px; }
#header #menu-header-nav li a:after {
	content: "/";
	padding-left: 20px;
}
.hamburger-in-content a { text-align: center; }
.header-in { position: relative; }
.header-in nav {
	position: absolute;
	right: 20px;
}

/* トップサイドバー */
.top-in #sidebar #tsnc_pv_ranking-3,
.top-in #sidebar #search-2,
.top-in #sidebar #recent-posts-3,
.top-in #sidebar #tsnc_pv_ranking-2 { display: none; }

#sidebar .widget-title {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}
#sidebar #nav_menu-4 li a:before {
	content: "#";
	color: #ee7685;
	display: inline-block;
	margin-right: 5px;
}

/* フッター */
footer .footer-in-under {
	background-color: #f6f6f6;
	color: #333;
	margin-top: 100px;
	padding: 30px 0;
}
footer .footer-in-under p a { font-size: 13px; }
footer .logo-catchcopy { display: none; }

/* 共通クラス */
.gotop {
	background-color: #ee7685 !important;
	border: none;
	border-radius: 0;
	opacity: 0.8;
	right: 0;
}
.gotop i:before {
	background-image: url(images/pagetop.png);
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	width: 22px;
	height: 24px;
	vertical-align: middle;
}
#bihada .bg-pink {
	 background-color: #fef6f5;
  position: relative;
  padding: 0 0 40px 0;
}
#bihada .bg-pink::before{
  content:"";
  position: absolute;
  top: -40px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;

  border-width: 40px 100vw 0 0  ;
  border-color: transparent #fef6f5 transparent  transparent;
}
#bihada .bg-ttl {
	margin-bottom: 0 !important;
	position: relative;
	top: -30px;
}

#bihada h3.ttl {
	font-size: 30px;
	line-height: 1.2;
	margin: 60px 0 25px;
	text-align: center;
}
#bihada h3.ttl span{
	font-family: 'Marck Script', cursive;
	font-size: 26px;
	font-weight: normal;
}
#bihada .bg-pink h3.ttl { margin: 110px 0 25px; }
#bihada #content-in { margin-top: 60px; }

#bihada .link-btn a {
	background-color: #ee7685;
	color: #fff;
	display: block;
	font-weight: bold;
	margin: 30px auto 0;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	width: 70%;
}
#bihada .link-btn a:hover,
#bihada .link-btn-b a:hover { opacity: 0.8; }

/* メインカルーセル */
#bihada .slick-prev { left: -50px; height: auto; width: auto; }
#bihada .slick-next { right: -50px; height: auto; width: auto; }

#bihada .slick-prev:before {
	color: #666;
	content: url(images/arr_prev.png);
	font-size: 40px;
}
#bihada .slick-next:before {
	color: #666;
	content: url(images/arr_next.png);
	font-size: 40px;
}

#bihada .slick-dots {
  position: inherit;
  bottom: -10px;
}

#bihada .main-slide a:hover img { opacity: 1; }
#bihada .main-slide span {
  display: block;
  font-size: 90%;
  line-height: 1.6;
  margin-top: 10px;
}
#bihada .slick-initialized .slick-slide {
  margin: 0 10px;
}
#bihada .slick-dots li:hover button:before,
#bihada .slick-dots li.slick-active button:before {
  color: #ee7685;
}

/* ランキング・ピックアップ・カテゴリ・最新記事 */
#bihada .flex-rank,
#bihada .flex-pick,
#bihada .flex-cat,
#bihada .flex-new {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
}

#bihada .flex-rank .num {
	background-color: rgba(238, 118, 133,0.8);
	color: #fff;
	display: block;
	font-family: 'Marck Script', cursive;
	font-size: 30px;
	line-height: 1;
	padding: 5px 15px;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 10;
}
#bihada .flex-rank .rank_r .num {
	padding: 3px 10px;
	top: -5px;
	left: -5px;
}
#bihada .flex-rank .rank_r .rank04 { background-color: #999; }

#bihada .flex-rank .rank_l dl {
	background-color: #fff;
	margin: 0;
	padding-bottom: 10px;
}
#bihada .flex-rank .rank_l,
#bihada .flex-rank .rank_r {
	position: relative;
	margin: 15px 1%;
	width: 48%;
	display:flex;
 flex-flow: column;
 justify-content:space-between;
}

#bihada .flex-rank .rank_l dd.cat a {
	background-color: rgba(238, 118, 133,1);
	color: #fff;
	display: inline-block;
	font-size: 14px;
	padding: 0 10px;
}
#bihada .flex-rank .rank_l dt { margin-bottom: 5px; }
#bihada .flex-rank .rank_l dd {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0 20px 10px;
}
#bihada .flex-rank .rank_r .flex-in { display: flex; position: relative; }
#bihada .flex-rank .rank_r .img { flex: 3; }
#bihada .flex-rank .rank_r .img img { height: 100%; object-fit: cover; }
#bihada .flex-rank .rank_r dl {
	flex: 4;
	background-color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 0 20px 0 15px;
}
#bihada .flex-rank .rank_r dt a {
	background-color: rgba(238, 118, 133,1);
	color: #fff;
	display: inline-block;
	padding: 0 10px;
	margin: 15px 0 8px;
}
#bihada .flex-rank .rank_r dd { margin: 0; }

#bihada .flex-pick dl {
	position: relative;
	margin: 15px 1%;
	width: 23%;
}
#bihada .flex-cat dl {
	display: flex;
	margin: 15px 1%;
	width: 31%;
}
#bihada .flex-new .flex-in {
	display: flex;
	margin: 10px 1%;
	width: 31%;
}
#bihada .flex-pick dd {
	font-weight: bold;
	margin: 8px 0 0;
}
#bihada .flex-pick dd.cat a {
	background-color: rgba(238, 118, 133, 0.8);
	color: #fff;
	display: inline-block;
	padding: 2px 10px;
	position: absolute;
	top: 0;
	left: 0;
}
#bihada .flex-pick dd.author img {
	border-radius: 50%;
	margin-right: 5px;
	vertical-align: middle;
}

#bihada .flex-cat dd {
	border-left: solid 3px #ee7685;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	margin: 8px 0 0;
	padding-left: 15px;
}

#bihada .flex-new .flex-in dt {
	flex: 2;
	margin-right: 15px;
}
#bihada .flex-new .flex-in dd {
	flex: 3;
	font-size: 90%;
	line-height: 1.5;
	margin-left: 0;
}
#bihada .flex-new .flex-in dd span.data {
	color: #999;
	display: inline-block;
	margin: 0 0 5px;
}

/* 記事一覧 */
#bihada .main-title {
	border-color: #333;
	color: #333;
}
.main-h2.kiji-list-heading-mark4:before,
.main-title.kiji-list-heading-mark4 p:before { content: none; }

#bihada .kiji-cat {
	background-color: rgba(238, 118, 133, 0.8);
	border-radius: 0;
	color: #fff;
	left: 0;
}

/*PCのみ*/
@media print, screen and (min-width: 1030px) {
	/* コンテンツ幅 */
	#bihada .width {
		margin: 0 auto;
		max-width: 1040px;
		position: relative;
	}
	#header .header-in { max-width: 1040px; }

	.header-search-right {
		background-color: #333;
		color: #fff;
		display: block;
		width: 52px;
    	height: 52px;
	}
	.header-search-in-open { line-height: 3; }

	#bihada .main-slide { margin-bottom: 80px; }
	#bihada .main-slide img {
		max-height: 500px;
		width: 1040px;
		object-fit: cover;
	}
	#bihada #main h3.ttl {
		margin-top: 0;
		text-align: left;
	}
}

/*SPのみ*/
@media print, screen and (max-width: 1030px) {
	#header .hamburger-textmenu,
	#header #menu-header-nav,
	#header-nav-box,
	#sidebar #nav_menu-4 { display: none; }

	#header .header-title {
		margin-top: 10px;
		/*margin-bottom: 0;*/
		text-align: center;
	}
	#header .header-in { position: static; }
	#header .header-title a {　display: block;　}
	#header .header-title img {
		max-height: 100%;
		height: 100%;
		width: 60%;
	}
	#bihada #content-in { margin-top: 0; }

	.gotop {
		right: 6px;
		bottom: 5px;
	}
	.left-fixed {
		display: block;
		position: fixed;
		right: 5px;
		bottom: 60px;
		z-index: 1;
	}

	/* コンテンツ幅 */
	#bihada .width {
		margin: 0 10px;
		position: relative;
	}
	#bihada .main-slide { margin-bottom: 60px; }

	#bihada h3.ttl {
		font-size: 24px;
		line-height: 1.3;
		margin: 60px 0 25px;
		text-align: center;
	}
	#bihada #main h3.ttl { text-align: center; }

	.home #nav_menu-2 { display: none; }

	/* ランキング */
	#bihada .flex-rank { margin: 0 20px; }
	#bihada .flex-rank .rank_l,
	#bihada .flex-rank .rank_r { width: 100%; }
	#bihada .flex-rank .rank_r .flex-in { margin-bottom: 20px; }
	#bihada .flex-rank .rank_r .img img { object-position: 0 100%; }
	#bihada .flex-rank .rank_l dd.cat { line-height: 1.8; }
	#bihada .flex-rank .rank_l dd { line-height: 1.5; }
	#bihada .flex-rank .rank_r dd {
		line-height: 1.5;
		margin: 0 0 15px;
	}

	#bihada .flex-pick dl {
		width: 48%;
	}

	/* カテゴリ */
	#bihada .flex-cat { margin: 0 15px; }
	#bihada .flex-cat dl {
		margin: 15px 2%;
		width: 46%;
	}
	/* 新着 */
	#bihada .flex-new .flex-in {
		margin: 10px 15px;
		width: 100%;
	}
	#bihada .flex-new .flex-in dt { flex: 1; }
 	#bihada .flex-new .flex-in dd { flex: 2; }

	#bihada .kiji-date {
		padding: 5px 12px 0;
		text-align: left;
	}
}

/* 監修者 */
.supervisor {
	border: solid 1px #ccc;
	padding:20px;
}
.supervisor .wp-block-columns,
.supervisor.wp-block-columns {
	display: grid;
	grid-template-columns: 30% 1fr;
	grid-template-areas: "areaA areaB" "areaA areaC";
	grid-column-gap: 10px;
}
.supervisor p {
	font-size: 90%;
	line-height: 1.4;
	margin-bottom: 0px;
}
.supervisor .name {
	border-bottom: solid 1px #ccc;
	padding-bottom: 3px;
}
.supervisor .supervisor-left {
	grid-area: areaA;
	flex-basis: 25% !important;
	flex-grow: 0 !important;
}
.supervisor .supervisor-left .wp-block-image { margin-bottom: 0; }
.supervisor .supervisor-right {
	grid-area: areaB;
	margin-left: 0 !important;
}
.supervisor .supervisor-right p {
	line-height: 1.3;
	margin-bottom: 10px;
}

.supervisor .career {
	grid-area: areaC;
	border-top: solid 1px #ccc;
	padding-top: 10px;
}

@media screen and (max-width: 599px) {
	.supervisor .wp-block-columns {
	grid-template-areas: "areaA areaB" "areaC areaC";
	grid-row-gap: 0px;
}
	.supervisor .supervisor-right {
		margin-left: 0 !important;
		flex-basis: 58% !important;
	}
	.supervisor .supervisor-left {
		flex-basis: 40% !important;
	}
	.supervisor .wp-block-columns {
		flex-wrap: nowrap;
		justify-content: space-between;
		column-gap: 10px;
	}
}

/* 20230922 各記事に SPONSORED 追記 */
.entry-header-item::after {
  content: 'SPONSORED';
  padding: 2px 8px;
  border: solid 1px #ccc;
  border-radius: 4px;
  color: #bbb;
  font-size: 12px;
}