@charset "UTF-8";
/*
Theme Name:tvshow2023-child
Version:1.6
Template:tvshow2023
*/

  @media (min-width: 1200px){
.p-global-nav > li > a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 80px;
  line-height: 80px;
  overflow: hidden;
  text-align: center;
  padding: 0 10px;
}
}

.l-main {
  background: #fff;
  padding-bottom: 150px;
}

.post_col-3a { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 50%; min-height: 1px; margin-bottom: 2em; padding-right: 10px; padding-left: 10px; float: left; }
@media screen and (min-width: 768px) {
	.post_col-3a { width: 33.33333%; }
}
@media screen and (min-width: 1024px) {
	.post_col-3a { width: 33.33333%; }
}

.post_col-4 { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 48%; min-height: 1px; margin-bottom: 2em; padding: 0; margin: 1%; float: left; }
@media screen and (min-width: 768px) {
	.post_col-4 { width: 48%; }
}
@media screen and (min-width: 1024px) {
	.post_col-4 { width: 23%; }
}

.p-archive-information__item {
  margin-top: 22px;
  width: 49.15%;
  width: -webkit-calc(50% - 11px);
  width: -moz-calc(50% - 11px);
  width: calc(50% - 11px);
  background: #f5f5f5;
  border: 1px solid #ccc;
}

.p-blog-archive__item {
  margin: 0 2% 48px;
  padding-bottom: 40px;
  position: relative;
  width: 46%;
  float: left;
}

.topmoji { font-size: 42px!important;}


@media only screen and (max-width: 991px) {
.p-archive-information__item-title {
  font-size: 14px;
padding:10px;
}

.p-page-header .p-page-header__title { font-size: 24px; line-height: 1.5; }
	
}
	
.p-blog-archive__item-excerpt { display:none; }
}


.p-pager {
padding-top: 47px;
clear:both;
}

/* レスポンシブ　テーブル */


.tbl-r02 th {
background: #f5f5f5;
border: solid 1px #ccc;
color: #666;
padding: 2%;
vertical-align:middle;
width: 35%;
}
.tbl-r02 td {
border: solid 1px #ccc;
  padding: 2%;
}


@media screen and (max-width: 761px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 98%;
  }
  .tbl-r02 {
    width: 98%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
border-bottom: none;
    display: block;
    width: 98%;
  }

.topmoji { font-size: 30px!important; }
}
	
form input[type="text"], form input[type="email"], form textarea {
    position: relative;
    overflow: hidden;
    padding: 5px 10px;
    margin: 5px 5px 5px 0;
	width: 95%;
}

/* botan */
.buttonsla a {
    background: #2da7df;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: #fff !important;
    transition: 0.3s ease-in-out;
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.buttonsla a:hover {
    background: #313131;
    color: #FFF;
}

.entry-agreement {
  margin: 30px 0 20px;
  padding: 15px;
  clear: both;
  background-color: #e3fafa;
  border: 1px solid #999;
}




/* =ボタン
-------------------------------------------------------------- */

.btn-gradient-radius {
  display: inline-block;
  margin: 20px auto;
  padding: 15px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF!important;
  background-image: linear-gradient(45deg, #FF0000 0%, #cc0000 100%);
  transition: .4s;
  font-size:120%;
  width: 35%;
}

.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #9f0808 0%, #cc0000 100%);
}


.btn-gradient-radius2 {
  display: inline-block;
  margin: 20px auto;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #999999 0%, #cccccc 100%);
  transition: .4s;
  font-size:120%;
}

.btn-gradient-radius2:hover {
  background-image: linear-gradient(45deg, #666666 0%, #999999 100%);
}

/* =web font
-------------------------------------------------------------- */

.webfont1 {
  line-height: 1.3;
  font-family: 'Anton', sans-serif !important;}

/* footer
-------------------------------------------------------------- */

.l-footer {
display: block;
clear: both !important;
}

.p-footer-info {
  background: #ffffff;
  padding: 0 0 50px;
  text-align: center;
}

/* 
-------------------------------------------------------------- */

.p-entry__related-item { border-right: 1px solid #ddd; background: #fff; width: 33%; position: relative; }

.mt50{
  margin top: 50px;
}

.text80 {
  font-size:80%;
}

.white { color: #ffffff !important;}

.boxacc {
  padding: 20px 20px 0px 20px;
  border: #ccc 1px solid;
  background: #f5f5f5;
}

.boxtel {
  padding: 20px;
  border: #ccc 1px solid;
  background: #fafafa;
}

#toc_container.toc_black {
  background: #eee;
  width: 100%;
}

.schema-faq-question {
  width:100%;
  font-weight: bold; 
  border-bottom: 1px solid #999;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.schema-faq-answer {
  margin-top: 15px !important;
}


.schema-faq-question::before {
  content: 'Q.';
  color: #c80021; 
}

.schema-faq-answer::before {
  content: 'A.';
  color: #0085C8; 
}



/* タイトル
-------------------------------------------------------------- */

.style3d {
  margin: 0 0 30px !important;
  padding: 1.2em .15em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 22px !important;
}

.style4 {
	position: relative;
	padding-bottom: 10px;
}

.style4::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image: repeating-linear-gradient(45deg, #b4a983 0px, #b4a983 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}

h2.wp-block-heading {
  padding: .6em .5em;
  margin: 1.2em 0;
  font-size: 150%;
  font-weight: 400;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  width: 100%;
}


h3.wp-block-heading {
  position: relative;
  padding: .6em 0;
  margin: 1.2em 0 !important;
  font-size: 130% !important;
}
h3.wp-block-heading:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(1, 0, 2), transparent);
  background: linear-gradient(to right, rgb(1, 0, 2), transparent);
}

h4.wp-block-heading {
  position: relative;
  padding: 7px 5px 7px 42px;
  background: #f5f5f5;
  font-size: 120%!important;
  color: #333;
  margin-left: -33px;
  line-height: 1.3;
  z-index:-1;
}

h4.wp-block-heading:after {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px #f4ece2;
  border-bottom: solid 79px transparent;
  z-index:-2
}

.p-blog-archive__item-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  height: 60px;
}


.p-entry__body pre {
  border-left: 0px;
  font-size: 100%;
  margin: 0;
  line-height: 2.2;
  padding: 0;
  overflow: auto;
  background:no-repeat;
  font-weight: normal!important;
}


.p-pager {
  margin-top: 47px;
  clear: both;
}

/* flame - 囲み枠*/
.q_frame {
	position: relative;
	padding: 23px 29px;
	margin-bottom: 2rem;
	line-height: 1.8;
	border: 1px solid #ddd;
}

* + .q_frame {
	margin-top: 2.5rem;
}

.q_frame_label {
	position: absolute;
	top: -0.7em;
	left: 1rem;
	display: block;
	max-width: calc(100% - 2rem);
	padding: 0 1em;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	background: inherit;
}

@media (max-width: 767px) {
	.q_frame {
		padding: 13px 19px;
	}

	.q_frame_label {
		padding: 0 0.5rem;
	}
}

.q_frame1 {
	background-color: var(--tcd-frame1-bg-color, #fff);
	border-color: var(--tcd-frame1-border-color, #ddd);
	border-style: var(--tcd-frame1-border-style, solid);
	border-width: var(--tcd-frame1-border-width, 1px);
	border-radius: var(--tcd-frame1-border-radius, 0);
}

.q_frame1 .q_frame_label {
	color: var(--tcd-frame1-label-color, #000);
}

.schema-faq-question {
  width:100%;
  font-weight: bold; 
  border-bottom: 1px solid #999;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.schema-faq-answer {
  margin-top: 15px !important;
}


.schema-faq-question::before {
  content: 'Q.';
  color: #c80021; 
}

.schema-faq-answer::before {
  content: 'A.';
  color: #0085C8; 
}

/* ===== サタプラまとめ記事用リスト ===== */

/* 黒丸を消す（テーマが ::before や ::marker で描いている場合も含めて消す） */
.satapla-list {
  list-style: none !important;
  margin: 0 0 2em !important;
  padding: 0 !important;
}

.satapla-list li {
  list-style: none !important;
  padding: 0.85em 0.2em;
  line-height: 1.7;
  border-bottom: 1px dotted #c8c8c8;
  background: none !important;   /* 背景画像で丸を出すテーマ対策 */
}

.satapla-list li::before,
.satapla-list li::after {
  content: none !important;
  display: none !important;
}

.satapla-list li::marker {
  content: "" !important;
}

.satapla-list li:last-child {
  border-bottom: none;
}

.satapla-list li a {
  font-weight: 600;
}

/* スマホでは「第1位」を改行して読みやすく */
@media (max-width: 600px) {
  .satapla-list li strong {
    display: block;
    margin-top: 0.2em;
  }
}


/* =========================================================
   カエレバ カスタムCSS
   ========================================================= */

.cstmreba{ margin:24px 0; }
.cstmreba *{ box-sizing:border-box; }

.cstmreba .kaerebalink-box{
  display:flex;
  align-items:flex-start;
  gap:24px;
  padding:24px;
  background:#fff;
  border:1px solid #e2e2e2;
  border-radius:6px;
}

.cstmreba .kaerebalink-image{ flex:0 0 160px; width:160px; margin:0; }
.cstmreba .kaerebalink-image img{ display:block; width:100%; height:auto; border-radius:4px; }

.cstmreba .kaerebalink-info{ flex:1 1 auto; min-width:0; }

.cstmreba .kaerebalink-name{ margin:0 0 18px; }
.cstmreba .kaerebalink-name > a{ font-size:21px; font-weight:700; line-height:1.5; color:#333; text-decoration:none; }
.cstmreba .kaerebalink-name > a:hover{ text-decoration:underline; }

.cstmreba .kaerebalink-powered-date{ margin-top:6px; font-size:11px; color:#c2c2c2; }
.cstmreba .kaerebalink-powered-date a{ color:#c2c2c2; text-decoration:none; }

/* ボタンの並び：3等分・常時1行 */
.cstmreba .kaerebalink-link1{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;   /* ボタンの高さを揃える */
  gap:14px;
}
.cstmreba .kaerebalink-link1 > div{
  flex:1 1 0;            /* 均等幅（3等分） */
  min-width:0;
}
.cstmreba .kaerebalink-link1 > div > img{
  position:absolute; top:0; left:0; width:1px; height:1px; pointer-events:none;
}

/* ボタン共通 */
.cstmreba .kaerebalink-link1 > div > a{
  display:flex;
  flex-wrap:wrap;          /* はみ出したら折り返して2行に */
  align-items:center;
  align-content:center;    /* 2行時も縦中央 */
  justify-content:center;
  height:100%;
  min-height:54px;
  padding:12px 10px;
  border-radius:5px;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
  color:#fff;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  transition:background-color .2s ease;
}

/* 「で見る」を自動付与（この語は途中で割らず1かたまりで折り返す） */
.cstmreba .shoplinkrakuten a::after,
.cstmreba .shoplinkyahoo a::after,
.cstmreba .shoplinkamazon a::after{ content:"で見る"; white-space:nowrap; }
/* Amazon は大文字表記 */
.cstmreba .shoplinkamazon a{ text-transform:uppercase; }

/* 表示順を 楽天 → Yahoo! → Amazon に */
.cstmreba .shoplinkrakuten{ order:2; }
.cstmreba .shoplinkyahoo{  order:3; }
.cstmreba .shoplinkamazon{ order:1; }

/* 各モールの色 */
.cstmreba .shoplinkrakuten a{ background:#d9695a; }
.cstmreba .shoplinkrakuten a:hover{ background:#c85849; }
.cstmreba .shoplinkyahoo a{ background:#7cb1dd; }
.cstmreba .shoplinkyahoo a:hover{ background:#69a2d3; }
.cstmreba .shoplinkamazon a{ background:#8cbf3f; }
.cstmreba .shoplinkamazon a:hover{ background:#7cae32; }

/* ===== レスポンシブ =====*/
@media screen and (max-width:782px){
  .cstmreba .kaerebalink-box{ flex-direction:column; align-items:center; gap:16px; padding:18px; }
  .cstmreba .kaerebalink-image{ flex:0 0 auto; width:180px; max-width:60%; }
  .cstmreba .kaerebalink-info{ width:100%; }
  .cstmreba .kaerebalink-name{ margin-bottom:14px; text-align:center; }
  .cstmreba .kaerebalink-name > a{ font-size:18px; }
  .cstmreba .kaerebalink-powered-date{ text-align:center; }
  .cstmreba .kaerebalink-link1{ flex-direction:column; }
  .cstmreba .kaerebalink-link1 > div{ flex:1 1 auto; width:100%; }
  .cstmreba .kaerebalink-link1 > div > a{ min-height:0; padding:14px; font-size:14px; }
}

.promotion {
font-size: 12px;
  color: #666;
  border: 1px solid #ddd;
  padding: 4px 8px;
  display: inline-block;
  margin-bottom: 12px;
}

/* ===== TOPおすすめグッズ =====*/
.gs-top-list { max-width: 1200px; margin: 80px auto; padding: 0 16px; box-sizing: border-box; }
.gs-top-list *, .gs-top-list *::before, .gs-top-list *::after { box-sizing: border-box; }
.gs-top-list__title {
  margin: 0 0 50px; padding: 0; border: 0; background: none;
  text-align: center; color: #000; font-size: 42px; font-weight: 500; line-height: 1.4;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
}
.gs-top-list__title::before, .gs-top-list__title::after { display: none; }
.gs-top-list__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.gs-top-list__item a { display: block; color: #000; text-decoration: none; }
.gs-top-list__thumb { aspect-ratio: 550 / 380; overflow: hidden; background: #eee; }
.gs-top-list__thumb img {
  display: block; width: 100%; height: 100%; object-fit: cover; margin: 0;
  transition: transform .75s;
}
.gs-top-list__item a:hover img { transform: scale(1.2) rotate(2deg); }
.gs-top-list__name {
  margin: 20px 0 0; padding: 0; border: 0; background: none;
  font-size: 16px !important; font-weight: 400; line-height: 1.6; color: #000;
}
.gs-top-list__name::before, .gs-top-list__name::after { display: none; }
.gs-top-list__item a:hover .gs-top-list__name { color: #999; }
.gs-top-list__more { text-align: center; margin-top: 50px; }
.gs-top-list__more a {
  display: inline-block; min-width: 250px; height: 60px; line-height: 60px; padding: 0 20px;
  background: #333; color: #fff !important; text-decoration: none; transition: background .25s;
}
.gs-top-list__more a:hover { background: #000; color: #fff; }
@media (max-width: 991px) {
  .gs-top-list__title { font-size: 30px; margin-bottom: 30px; }
  .gs-top-list__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .gs-top-list__name { font-size: 14px; margin-top: 10px; }
  .gs-top-list__more a { min-width: 200px; height: 45px; line-height: 45px; }
}

/* TOP見出し */
.gs-top-list h2.gs-top-list__title {
  font-size: 36px !important;
  line-height: 1.4 !important;
  margin-bottom: 50px !important;
}
@media (max-width: 991px) {
  .gs-top-list h2.gs-top-list__title { font-size: 24px !important; margin-bottom: 30px !important; }
}

/* F&A */
.tg-pr{font-size:12px;color:#666;border:1px solid #ddd;padding:4px 8px;display:inline-block;margin-bottom:12px}
.tg-table{width:100%;border-collapse:collapse;font-size:14px}
.tg-table th,.tg-table td{border:1px solid #ddd;padding:6px;vertical-align:top}
.tg-table th{background:#f5f5f5}
.tg-store{font-size:12px;color:#888}
.tg-card{margin:12px 0}
.tg-faq{margin:16px 0}
.tg-q,.tg-a{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.7}
.tg-q{background:#eef5fc;font-weight:bold;border-radius:6px 6px 0 0}
.tg-a{background:#fff7f0;border-radius:0 0 6px 6px}
.tg-q span,.tg-a span{flex:0 0 28px;height:28px;border-radius:50%;color:#fff;font-weight:bold;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1}
.tg-q span{background:#3b82c4}
.tg-a span{background:#e8734a}
.tg-card .tg-meta{font-size:13px;color:#555;margin:4px 0 8px}