@charset "UTF-8";

* {
  padding: 0;
  margin: 0;
  border: 0;
  vertical-align: baseline;
  list-style: none;
}
html {
  font-size: 14px;
  font-family: "Hiragino Kaku Gothic ProN", Verdana, "游ゴシック", YuGothic, Meiryo, sans-serif;
}
body {
  background-color:#000;
	color:#333;
  width: 100%;
  overflow:auto;
  line-height: 1.3;
  padding:13px 0 20px;
}
h1, h2, h3, h4, h5, h6, p, ul, li {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
ol, ul {
  list-style: none;
  padding: 0;
}
li {
  padding: 0;
}
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: #333;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: bottom;
  background: transparent;
}

img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*clearfix用の記述*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-table;
}

/* Hides from IE-mac \*/  
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
/* End hide from IE-mac */  



.pc-br {
  display:block;
  @media (max-width: 540px) {
    display:none; 
  }
}

/*
	コンテンツここから
*/

.wrapper {
	background: #f8f7d9;
	max-width:700px;
	margin:0 auto;
	overflow: hidden;
}

/*
	メインビジュアル
*/

.mainvisual {
	/*何もなし*/
}

.mainvisual__ttl {
	color:#fff;
	background:#000;
  text-align:right;
  font-size:18px;
  font-weight:normal;
  padding:0 3% 0 0;
  
  @media (max-width: 540px) {
    font-size:16px;
    padding:0;
    text-align:center;
  }
  
}

.mainvisual__tarekomi {
	background: #520100;
}

.mainvisual__tarekomi-link {
	display: flex;
	align-items: center;
	justify-content: center;
	padding:10px;
	width: fit-content;
	margin: 0 auto;
}

.mainvisual__tarekomi-image {
	vertical-align: bottom;
	max-width: fit-content;
	width: 100%;
}

.mainvisual__image {
	width:100%;
	height: auto;
	vertical-align: bottom;
}

/*
	記事セクションい*/


.onair {
  padding: 0 8.2%;
  background:url("/event/201108_tv/img/tv_back_pat.jpg") no-repeat space scroll 0% 0% / 8.2% auto,
    url("/event/201108_tv/img/tv_back_pat.jpg") no-repeat space scroll 100% 0% / 8.2% auto;;
}

.onair__section {
  box-sizing: border-box;
  font-feature-settings: "palt";
  margin:0 auto 2em;
  background: #fff;
  border: 10px solid #fb455a;
  padding:14px;
  
  container-type:inline-size;
}

.onair__ttl {  
  font-size: 4cqw;
  font-weight: bold;
  display: flex;
  gap: 0 0.4em;
  align-items: baseline;
 
}

.onair__on {
  font-size:2.6cqw;
}

.onair__link {
  display: flex;
  flex-direction: column;
  gap:0.4em;
  &:hover {
    opacity:0.7;
  }
}

.onair__txt {
  font-size: 3.2cqw;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: justify;
  text-decoration: underline;
}

.onair__annotation {
  font-size:3cqw;
}


@media (max-width: 540px) {
  
  .onair {
    padding: 0 1%;
    background:none;
  }
  
  .onair__section {
    width:100%;
    margin:0 auto 0.6em;
    border: 4px solid #e65550;
    background:none;
    border-radius: 0.5em;
  }
  
  .onair__ttl {
    font-size:4.4cqw;
    color:#df1e21;
  }
  
  .onair__on {
    font-size:3.6cqw;
    color: #df1e21;
    border-bottom: 2px solid #df1e21;
    padding-bottom: 2px;
    text-align: right;
    font-weight: bold;
  }
  
  .onair__txt {
    font-size:4cqw;
  }

  .onair__link {
    &:hover {
      opacity:1;
    }
  }
	
}


/*
 アーカイブ関連
*/

.archive {
	width:96%;
	margin:0 auto;
}

.archive__ttl {
	padding: 10px;
	border: solid #000;
	border-width: 2px 0;
	margin: 10px auto;
	box-sizing: border-box;
}

.archive__list-item {
	margin: 10px auto;
	
	position:relative;
	padding-left:1em;
	box-sizing: border-box;
}

.archive__list-item::before {
	content:"・";
	position:absolute;
	left:0;
}

.archive__list-item a {
	text-decoration: underline;
  &:hover {
    opacity:0.7;
    
    @media (max-width: 540px) {
      opacity:1;
    }
  }
}

.gsearch {
  font-weight: bold;

  border: 1px solid #dadada;
  width:94%;
  margin:1em auto 1.4em;

  @media (min-width: 540px) {

  }

}

.gsearch__ttl {
  text-align: center;
  padding-top:1em;
  background:#fff;
}

.gsc-above-wrapper-area-container {
/*  display:none;*/
}

/*
	閉じるテキスト
*/
#close {
	text-align:center;
  display:block;
  font-size:18px;
  line-height:48px;
  color:#fff;
}