@charset "utf-8";
#doubutusama {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.7;
	color: #350000;
	font-weight: bold;
	
}
#doubutusama img{
	width: 100%;
	vertical-align: bottom;
}
#doubutusama .sp {
	display: none;
}
#doubutusama .inner {
    max-width: 1140px;
    padding: 50px;
    position: relative;
    margin: 0 auto;
}
#doubutusama a{
	display: block;
}
#doubutusama .close_comingsoon{
    margin: 15% auto;
    text-align: center;
}
#doubutusama .fadeIn {
  opacity: 0;
  visibility: hidden;
  transform: translateY(100px);
}
#doubutusama #header{
	position: relative;
	width: 100%;
}
#doubutusama .hero{
	background: url("../images/main_pc.jpg") no-repeat top center;
	background-size: cover;
	width: 100%;
	position: relative;
	padding-top: calc(860 / 1648 * 100%);
	overflow: hidden;
}
#doubutusama .hero {
    visibility: hidden;
}
#doubutusama .hero.is-show {
    visibility: visible;
}
/* 初期状態 */
#doubutusama .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    transform: translate(-50%, -14%) translateY(80px);
    opacity: 0;
    transition: transform 0.6s ease-out, opacity 0.4s ease;
}

#doubutusama .hero.is-show .logo {
    transform: translate(-50%, -18%) translateY(0);
    opacity: 1;
}
#doubutusama .date {
    width: 100%;
    background: #7f041a;
    padding: 10px;
}

#doubutusama .date h2 {
	max-width: 600px;
	margin: 0 auto;
}

#doubutusama #catch{
	background: url("../images/lead_bg.png") no-repeat top center;
	background-size: cover;
	position: relative;
}
#doubutusama h3.lead {
    position: relative;
    width: 65%;
    padding-bottom: 3%;
    margin: 0 auto;
    z-index: 10;
}
#doubutusama .video {
    width: 90%;
    margin: 0 auto;
}

#doubutusama .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
}

#doubutusama .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*スワイパー*/
#doubutusama .photo_swiper {
    width: 100%;
    padding: 15px 0;
    background: #151515;
}

#doubutusama .swiper-slide {
     width: 20%;
     height: 100%;
     pointer-events: none;
     user-select: none;
}
#doubutusama .swiper-wrapper {
	height: 100%;
	transition-timing-function: linear;
}
/*番組内容*/
#doubutusama #content{
	background: url("../images/cont_bg.png") no-repeat top center;
	background-size: cover;
	position: relative;
}
#doubutusama h2.ttl {
    max-width: 350px;
    margin: 0 auto 2%;
}
#doubutusama .cont_wrap {
	max-width: 1140px;
	margin: 0 auto;
	position: relative;
	background: #f2e7d1;
	border: 8px solid #8c0703;
	border-radius: 12px;
	padding: 4%;
}
#doubutusama li.cont_item {
    margin-bottom: 7%;
}
#doubutusama ul.cont_txt_list li {
	position: relative;
}
#doubutusama ul.cont_txt_list li::before{
    content: "";
    background: url(../images/pin.png) no-repeat top center;
    background-size: cover;
    width: 17px;
    height: 20px;
    position: absolute;
    top: 7px;
    left: -23px;
}
#doubutusama span.txt_right{
    display: block;
    text-align: right;
}
#doubutusama .cont_txt {
    padding: 2% 4%;
    font-size: 1.9rem;
}

#doubutusama ul.cont_img {
    display: flex;
	justify-content: center;
}
#doubutusama ul.cont_img li{
	margin: 0 0.5%;
}
#doubutusama a.btn{
    max-width: 400px;
    margin: 4% auto 2%;
    background: #ea9000;
    color: #fff;
    border: 4px solid #a80800;
    border-radius: 50px;
    padding: 0.6em;
    text-align: center;
    font-size: 2.2rem;
}
#doubutusama a.btn:hover{
    opacity: 0.7;
}
#doubutusama a.btn.gray {
    background: #afafaf;
    color: #ffffff;
    border: 4px solid #787878;
}
#doubutusama p.deadline {
    font-size: 2.5rem;
    text-align: center;
    color: #a80800;
}
#doubutusama p.deadline span{
    display: inline-block;
    color: #fff;
    background: #a80800;
    border-radius: 10px;
    padding: 1rem 3rem;
    margin: 1% 0;
}
#doubutusama .cation_ttl {
	font-size: 2rem;
	margin: 1% 0;
}
#doubutusama ul.cation_list {
	font-size: 1.5rem;
}
/*出演者*/
#doubutusama #cast {
  background: url("../images/cast_bg.png") no-repeat top center;
  background-size: cover;
  background-attachment: fixed;

}
#doubutusama h4 {
    font-family: "Kaisei Decol";
    font-size: 3.4rem;
    color: #fff;
    margin: 10% 0 5%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    letter-spacing: 4px;
}
#doubutusama h4::before,
#doubutusama h4::after {
  background-color: #ffffff; /* 横線の色 */
  content: "";
  height: 2px; /* 横線の高さ */
  width: 300px; /* 横線の長さ */
}
#doubutusama h4::before {
  margin-right: 15px; /* 文字との余白 */
}
#doubutusama h4::after {
  margin-left: 15px; /* 文字との余白 */
}
#doubutusama .cast_img.mc {
    margin: 0 auto 4%;
    max-width: 600px;
}
#doubutusama .cast_img {
    margin: 0 auto 4%;
    max-width: 400px;
}
#doubutusama .caption {
    background: #dc000a;
    color: #fff;
    display: inline-block;
    padding: 0.8rem;
    font-size: 2rem;
    font-family: 'Kaisei Decol';
}
#doubutusama .caption.orange{
	background: #e17d00;
}
#doubutusama .caption.blue{
	background: #1f33b6;
}
#doubutusama .mc_container, .guest, .vtr_container {
    position: relative;
    text-align: center;
    padding: 1rem;
}
#doubutusama p.comment {
    color: #fffb61;
    text-align: left;
    padding: 5%;
    font-size: 1.8rem;
    line-height: 2.1;
}
#doubutusama .guest_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#doubutusama .guest {
    width: 48%;
    margin-bottom: 5%;
}
#doubutusama span.blue {
    color: #64edff;
}
#doubutusama .guest_wrap {
    text-align: center;
}
#doubutusama .vtr_wrap {
    text-align: center;
}