@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: 15px;
	line-height: 1.6;
	color: #350000;
	font-weight: bold;
	
}
#doubutusama img{
	width: 100%;
	vertical-align: bottom;
}
#doubutusama .pc {
	display: none;
}
#doubutusama .inner {
    width: 100%;
    padding: 5% 2%;
    position: relative;
    margin: 0 auto;
}
#doubutusama a{
	display: block;
}
#doubutusama .close_comingsoon{
    margin: 150px auto;
    text-align: center;
}

#doubutusama .fadeIn {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
}
#doubutusama #header{
	position: relative;
	width: 100%;
	margin-top: 65px;
}
#doubutusama .hero{
	background: url("../images/main_sp.jpg") no-repeat top center;
	background-size: cover;
	width: 100%;
	position: relative;
	padding-top: calc(885 / 750 * 100%);
	overflow: hidden;
}
#doubutusama .hero {
    visibility: hidden;
}
#doubutusama .hero.is-show {
    visibility: visible;
}
/* 表示状態 */
#doubutusama .hero.is-show .logo {
	width: 84%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -14%);
	opacity: 1;
}
/* 初期状態 */
#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 {
    width: 84%;
    transform: translate(-50%, -14%) 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: 100%;
    padding-bottom: 3%;
    margin: 0 auto;
    z-index: 10;
    animation: bounce;
    animation-duration: 3.0s;
}
#doubutusama .video {
    width: 100%;
    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 {
    width: 70%;
    margin: 0 auto 2%;
}
#doubutusama .cont_wrap {
	width: 94%;
	margin: 0 auto;
	position: relative;
	background: #f2e7d1;
	border: 4px solid #8c0703;
	border-radius: 12px;
	padding: 5%;
}
#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: 11px;
    height: 11px;
    position: absolute;
    top: 7px;
    left: -14px;
}
#doubutusama span.txt_right{
    display: block;
    text-align: right;
}
#doubutusama .cont_txt {
    padding: 2% 4%;
}
#doubutusama ul.cont_img {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#doubutusama ul.cont_img li{
	margin: 2% 0%;
}
#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.gray {
    background: #afafaf;
    color: #ffffff;
    border: 4px solid #787878;
}
#doubutusama p.deadline {
    font-size: 1.7rem;
    text-align: center;
    color: #a80800;
    margin: 5% 0;
}
#doubutusama p.deadline span{
    display: inline-block;
    color: #fff;
    background: #a80800;
    border-radius: 10px;
    padding: 1rem;
    margin: 1% 0;
}
#doubutusama .cation_ttl {
	font-size: 1.7rem;
}
#doubutusama .cation_ttl {
	font-size: 1.7rem;
	margin: 1% 0;
}
#doubutusama ul.cation_list {
	font-size: 1.3rem;
}
/*出演者*/
#doubutusama #cast {
  background: url("../images/cast_bg_sp.png") top center;
  background-repeat: repeat-y;
}
#doubutusama h4 {
    font-family: "Kaisei Decol";
    font-size: 2.2rem;
    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: 25%;
}
#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%;
    width: 80%;
}
#doubutusama .caption {
    background: #dc000a;
    color: #fff;
    display: inline-block;
    padding: 0.8rem;
    font-size: 1.5rem;
    font-family: 'Kaisei Decol';
}
#doubutusama .caption.orange{
	background: #e17d00;
}
#doubutusama .caption.blue{
	background: #1f33b6;
}
#doubutusama .mc_container, #doubutusama .guest, #doubutusama .vtr_container {
    position: relative;
    text-align: center;
    padding: 1rem;
}
#doubutusama p.comment {
    color: #fffb61;
    text-align: left;
    padding: 5%;
    line-height: 2.1;
}
#doubutusama .guest_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: column;
}
#doubutusama .guest {
    /* width: 90%; */
    margin: 0 auto 5%;
}
#doubutusama span.blue {
    color: #64edff;
}
#doubutusama .guest_wrap {
    text-align: center;
}
#doubutusama .vtr_wrap {
	width: 90%;
    margin: 0 auto 5%;
    text-align: center;
}