@charset "utf-8";

/* ------------------------------------------
  ページ
------------------------------------------ */

.main_bg{
	background: #f5efd4;
	position: relative;
}
#program_yagien{
    max-width: 1960px;
    margin: 0 auto;
    position: relative;
	font-size:1.8rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
}
#program_yagien .header{
	background: url("../images/mainbg_pc.jpg") center no-repeat;
    padding-top: 40%;
	position:relative;
}
#program_yagien .header_logo{
	position:absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width:47vw;
	max-width: 900px;
	filter: drop-shadow(4px 6px 6px #2c2b2b);
}

/*ここから*/
#program_yagien .description{
	background: #cc0312;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#program_yagien .icon{
	display: flex;
	align-items: center;
}
#program_yagien .logo{
	padding:5px;
	width: 60px;
	height: 60px;
}
#program_yagien .name{
	font-size:30px;
	color:#ffffff;	
}
#program_yagien .oa{
	margin-left: 30px;
}
#program_yagien .date{
    position:relative;
    background:#ffffff;
    padding: 8px 15px;
    text-align:center;
    color: #cc0312;
	font-size:16px;
    font-weight:bold;
}
#program_yagien .date:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(255, 255, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:17px;
    border-right-width:17px;
    margin-top: -10px;
    border-right-color:#ffffff;
    right:100%;
    top:50%;
}
/*ここまで*/
#program_yagien .contents{
	margin: 0 auto;
}
#program_yagien .contents_wrap{
	width:85%;
	max-width:1280px;
	margin:0 auto;
	padding: 1.5% 0;
}
#program_yagien .intro{
	text-align:center;
	color: #781b12;
	font-weight: bold;
	font-size: 2rem;
	line-height:3.3rem;
}
#program_yagien .sns_flexwrap{
	display:flex;
	justify-content: center;
	margin: 3% 0;
}
#program_yagien .sns_btn{
	display:block;
	width: 30%;
	margin:0 4%;
	padding:0.8%;
	text-align:center;
	font-size:2.5rem;
	font-weight:bold;	
	border-radius:5px;
	background-color:#ffffff50;
}
#program_yagien .sns_btn:hover{
	background-color:#ffffff;
	transition:0.5s;
}

#program_yagien .sns_x{
	border:solid 1.5px #000000;
	color:#000000;
	box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.4);
}
#program_yagien .sns_insta{
	border:solid 1.5px #c12987;
	color:#c12987;
	box-shadow: 5px 5px 0px 0px rgba(193, 41, 135, 0.4);
}
#program_yagien .block_title{
	font-size:5rem;
	font-family: 'Outfit', sans-serif;
}
#program_yagien .next_title{
	color: #781b12;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	margin: 5px 0;
}
#program_yagien .next_flexwrap{
	/* display:flex; */
	justify-content: center;
	padding-bottom: 5%;
	margin: 0 auto;
	width: 62.5%;
}
#program_yagien .next_movie {
    position: relative;
    /* width: 62.5%; */
}
#program_yagien .ytCont {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    order: 1;
}
#program_yagien .ytCont iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#program_yagien .next_text{
	width:70%;
	margin-left:1%;
	font-size:2rem;
}
#program_yagien .next_text>p{
	font-size:3rem;
	font-weight:900;
	color: #781b12;
}
#program_yagien .cast_title{
	color: #ffe300;
	filter: drop-shadow(4px 4px 4px #2c2b2b);
}

#program_yagien .cast_wrap{
	background: url("../images/castbg.jpg") center no-repeat;
	background-attachment: fixed;
	color:#ffffff;
}
#program_yagien .cast_flexwrap{
	display:flex;
	flex-wrap:wrap;
}
#program_yagien .cast_flexwrap .cast{
	/* width:35%; */
	background-color: #00000080;
	padding:1%;
	margin-bottom: 2%;
}
/*
#program_yagien .cast_flexwrap .cast:first-of-type{
	margin-right:3%;
}
#program_yagien .cast_flexwrap .cast:last-of-type{
	width:100%;
	margin: 3% 0;
}*/
#program_yagien .cast_name{
	font-size:2.5rem;
	font-weight:bold;
}

#program_yagien .nc8_flexwrap{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#program_yagien .nc8_flexwrap>img{
	width: 19%;
	/* margin-right: 1%; */
}
#program_yagien .shop_wrap{
	background-color:#f3d6d7;
}
#program_yagien .shop_title{
	color: #cc0312;
}
#program_yagien .shop_title>span{
	font-size:3rem;
	font-weight:bold;
	margin-left:1.5%;
	font-family: 'Noto Sans JP', sans-serif;	
}
#program_yagien .shop_flexwrap{
	display:flex;
	align-items:start;
}
#program_yagien .shop_photo{
	width:500px;
}
#program_yagien .shop_text{
	font-weight:bold;
	margin-left:1%;
}
#program_yagien .shop_btn{
	display:block;
	text-align:center;
	margin-top:3%;
	padding:0.8%;
	font-size:2.5rem;
	font-weight:bold;	
	border-radius:5px;
	background-color:#ffffff50;
	border:solid 1.5px #cc0312;
	color:#cc0312;
	box-shadow: 5px 5px 0px 0px rgba(204, 3, 18, 0.4);
}
#program_yagien .shop_btn:hover{
	background-color:#ffffff;
	transition:0.5s;
}

#program_yagien .pc_none{
	display: none;
}

.cast_wrap .cast_top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1.5%;
	margin: 2% 0;
}
.cast_flexwrap > .cast {
	margin-bottom: 3% 0;
}


/*グレーアウト　終わり*/
#footer{
	margin:0px !important;
}