@charset "utf-8";
#nemukunai{
    position: relative;
    /* background: linear-gradient(to top,rgb(196 157 193 / 50%),rgba(40,56,68,1) 500px); */
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
    line-height: 1.8;
    width: 100%;
}
#nemukunai .clrTxt {
	text-indent:-10000px;
	text-decoration:none;
	overflow:hidden;
    position:absolute;
}
#nemukunai img{
    width: 100%;
}
#nemukunai .nemukunai_inner{
/*   background: url("../images/star.png") repeat-x top center / contain;*/
   max-width: 1280px;
   margin: 0 auto;
   background: linear-gradient(to top,rgb(196 157 193 / 50%),rgba(40,56,68,1) 500px);
   padding-bottom: 2%;
}

#nemukunai .sp{
    display: none;
}

#nemukunai #main{
     position: relative;
     max-width: 1280px;
     margin: 0 auto;
     background: url("../images/star.png") repeat-x top center / contain;
}

/*ヘッダー*/
#nemukunai #main .top .ph{
    position: relative;
    width: 100%;
    background: url("../images/pc_header202506.jpg") no-repeat top center / cover;
    padding-top: 28.2812%;
}

#nemukunai #main .top .ph2{
    position: relative;
    width: 100%;
    background: url("../images/pc_header202510.jpg") no-repeat top center / cover;
    padding-top: 28.2812%;
}

/*ここから*/
#nemukunai .description{
	background: #7b815f;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#nemukunai .icon{
	display: flex;
	align-items: center;
}
#nemukunai .logo{
	padding:5px;
	width: 60px;
	height: 60px;
}
#nemukunai .name{
	font-size:30px;
	color:#ffffff;	
}
#nemukunai .oa{
	margin-left: 30px;
}
#nemukunai .date{
    position:relative;
    background:#ffffff;
    padding: 8px 15px;
    text-align:center;
    color: #7b815f;
	font-size:16px;
    font-weight:bold;
}
#nemukunai .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%;
}
/*ここまで*/

/*共通*/
#nemukunai #tanto{
	 font-family: 'Noto Serif JP', serif;
}
#nemukunai .cont_ttl{
    width: fit-content;
    margin: 0 auto 2%;
}
#nemukunai .program{
	width: 60%;
	position: relative;
	margin: 0 auto;
}
#nemukunai .next{
	padding: 20px;
	margin: 20px;
	position: relative;
	min-height: 13em;
}
#nemukunai .next p {
	display: inline;
	border-bottom: 1px solid #fff18740;
}


/*トクセン映像*/
#nemukunai .movie_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 2% 10%;
}
#nemukunai .movie_flex::before{
	content:"";
  display: block;
  width:23%;
  order:1;
	
}
#nemukunai .movie_flex::after{
	content:"";
  display: block;
  width:23%;
}

#nemukunai .movie_flex .movie{
    width: 30%;/*親要素の48%,ここを30％くらいにすると動画3つ並ぶ*/
    position: relative;
    margin: 2% 0 0;
    /*↑テキストなくて動画中央配置したい場合はつける*/
    /* padding: 1.5%; */
    color: #fff;
    text-align: center;
}
#nemukunai .movie_flex .movieCon{
    /* display: block; */
    /* width: 100%; */
    /* padding-top: 56.25%; *//*動画サイズ16:9の時縦÷横の比率*/
    position: relative;
}
#nemukunai .movie_flex .movie .movieCon iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

#nemukunai .movie_flex .movie .movieCon .ytimgCont {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    overflow: hidden;
}
#nemukunai .movie_flex .movie .movieCon .ytimgCont:hover{
		opacity: 0.8;
		transition: .6s;
}
#nemukunai .movie_flex .movie .movieCon .ytimgCont img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#nemukunai .movie p{
	font-size: 18px;
}
#nemukunai .movie h3{
    font-size: 16px;
    padding-bottom: 5px;
}