.no_disp{display: none!important;}

/*------------------------------------------------------
     MV　など
--------------------------------------------------------*/
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.maininner{
/*    max-width: 1500px;*/
    height: auto;
    margin: 0 auto;
	justify-content: center;
	align-items: center;
}
/*
.maininner picture{
	display: grid;
	width: 100%;
}
*/

body.color_7 .mainbox {background: rgb(255 251 254);}


.main_text{
    display: block;
    width: 90%;
    max-width: 1200px;
    background: rgb(255 231 185);
    margin: 0 auto 80px;
     padding: 40px 30px; 
    border-radius: 10px;
/*    color: #00605a;*/
    color: #000;
    line-height: 190%;
	position: relative;
}
.main_text span{
	display: inline-block;
    background: #00605a;
/*    color: #faf8e3;*/
/*    color: #FBD086;*/
    color: #EDAEBB;
    padding: 8px 40px;
    border-radius: 5px;
    font-size: 120%;
	margin-bottom: 20px;
}
.main_text::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
/*  border-top: 15px solid  #faf8e3;*/
/*  border-top: 15px solid  #FBD086;*/
  border-top: 15px solid rgb(254 231 185);
}

.green_text{
    color: #00605a;
    line-height: 190%;
	margin-top:10px;
}

.link_btn{
	width: 90%;
    margin: 0 auto 50px;
    color: rgb(113 096 093);
	border: solid 4px rgb(113 096 093);
	background-image:
    repeating-linear-gradient(to bottom,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),
    repeating-linear-gradient(to right,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px);
	
    border-radius: 10px;
    display: inline-block;
    padding: 25px 10px;
    text-align: center;
    font-size: 140%;
	position: relative;
	transition: all .3s;
}

.link_btn::before {
    position: absolute;
    color:rgb(113 096 093);
    right: 1em;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-size: 125%;
}
.link_btn:hover{opacity: 0.8;}

.video_seach_box{
	margin:50px auto;
	width: 95%;
	max-width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.video_search_inner{
	width:90%;
	margin: 0 auto;
    padding: 20px;
    background: rgb(255 211 128);
	border-radius: 10px;
    text-align: center;
	
}
.video_search_title{
	font-weight: bold;
	color: #000;
	font-size: 118%;
	margin-bottom: .5em;
}

.left_h3{
	text-align: left;
	display: inline-block;
    padding: 10px 0 10px 20px;
	margin: 0!important;
	
}
.left_h3::before {
    content: "";
    display: inline-block;
    width: 6px;
    height:100%;
    right: inherit;
}
.cmp_list{
	width:100%;
/*	justify-content: space-between;*/
	justify-content: flex-start;
	font-size: 100%!important;
	margin: 10px auto;
}

/*
.cmp_list li{width: calc((100% - 150px)/3);}
.cmp_list li:last-child{width:100px;}
*/
.cmp_list li{
	width:calc((90% - 30px)/3)
}


.list_mini{
    width: 15px!important;
    display: flex;
    align-items: center;
    text-align: center;
    color: #323333;
    font-size: 125%;
    margin: 0 2.5%;
}

.list_mini i{padding-right: 0;}

.cmp select{
	padding: 18px 25px 18px 10px;
    border: 2px solid #000;
    border-radius: 5px;
	cursor: pointer;
}
.s_pink select{
    border: 2px solid #ff5d5d;
    background: #ffdddd;
}
.s_blue select{
	border: 2px solid #0081e4;
    background: #c2fff8;
}
.s_yellow select{
    border: 2px solid #c39200;
    background: #fff9b1;
}
.s_green select{
    border: 2px solid #56862c;
    background: #d9feb9;
}
.s_gry select{
    border: 2px solid #777;
    background: #f8f8f8;
}



.cmp::before {
    right: 9px;
    top: 14px;
}
.cmp::after {
    right: 9px;
    bottom: 14px;
}
.cmp_list input[type="button"]{
    height: 55px;
	margin: 0!important;
}
.shiborikomi{
	width: 100%;
	max-width: 50%;
    height: 55px!important;
	margin: 0 auto 10px!important;
    background: rgb(113 096 093);
    color: #fff;
    border-radius: 5px!important;
	border: none;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}
@media only screen and (max-width: 1050px){

.video_seach_box{margin:50px auto 0;}
.video_search_inner{
	max-width: 100%;
	margin: 20px auto;
    padding: 15px;
	}

	.main_text { margin: 0 auto 60px;}
}
@media only screen and (max-width: 750px){
	.main_text {
    font-size: 88%;
		padding: 25px;
}
.link_btn{
    padding: 20px 10px;
    font-size: 130%;
    margin: 0 auto 30px;
}
}
@media only screen and (max-width: 700px){
.cmp_list li,
.cmp_list li:last-child{width:100%;}
.cmp_list li{margin-bottom: 10px;}
.cmp_list li:last-child{margin-bottom: 0;}
.video_search_inner{
	margin: 20px auto 40px;
	padding: 20px;
	}
	
.video_search_title{
    text-align: center;
	font-size: 113%;
}
.list_mini{ 
	width:100%!important;
	display: block;
    text-align: center;
    line-height: 100%;
    font-size: 113%;
    margin: 0;
}
	.shiborikomi{max-width: 100%;}
}
@media only screen and (max-width: 550px){
	.main_text {
    font-size: 88%;
		padding: 25px;
}
	.main_text { margin: 0 auto 40px;}
	.link_btn{
		padding: 15px 10px;
		font-size: 113%;
    	margin: 0 auto 20px;
	}
}
/*------------------------------------------------------
     video関係
--------------------------------------------------------*/
.video_area{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 50px;
}
.video_search_list,
.video_list{
	width: 100%;
	justify-content: flex-start;
}
.video_item{
    width: 23%;
    margin-right: 1%;
    margin-left: 1%;
	margin-bottom: 3.5%;
}

.video_link_list_item,
.video_img,
.video_link,
.video_link_top{
	display: inline-block;
    width: 100%;
    overflow: hidden;
	position: relative;
}
.video_img{
    border-radius: 5px;
    padding-top: 54.5%;
    border: solid 1px #ccc;
}
.video_link,
.video_link_top{border: solid #ccc 1.5px !important;}

.video_link_top{
	width: 95%;
    max-width: 700px;
    padding-top: 390px;
    border-radius: 20px;
    margin: 20px auto 0;
    display: block;
}
.video_link{
    border-radius: 10px;
    max-width: 400px;
    padding-top: 225px;
}
.video_title_outline{
	width: 95%;
    max-width: 700px;
	margin: 20px auto 40px;
	
}
.video_title{
	width: 100%;
    font-size: 170%;
    line-height: 140%;
}

.info_tag_list{width: 100%;}
.info_tag_list .tag_item{
    font-size: 88%!important;
}

/*.video_img::before,*/
.video_link::before,
.video_link_top::before{
	content: "";
	width: 100%;
	height: 100%;
	background:url("../img/video.svg")no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: .6;
    transition: all .5s;
}

.video_link_list_item img,
.video_img img,
.video_link img,
.video_link_top img{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    object-fit: cover;
    font-family: "object-fit:cover;";
    z-index: 1;
    transition: all .5s;
}
.video_img img{
    width: 100%;
    height: auto;
}
.video_link_list_item img,
.video_link img,
.video_link_top img{
    width: 100%;
    height: 100%;
}

.video_box{
	width: 100%;
	display: inline-block;
    color: #333;
}

.video_box p{
	width: 100%;
	font-weight: bold;
	transition: all .3s;
	text-align: left;
	margin: 0!important;
	text-overflow: ellipsis;
	overflow: hidden;
/*	white-space: nowrap;*/
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
    line-height: 150%;
}
/*
.video_box:hover .video_img img,
.video_link:hover img,
.video_link_top:hover img {transform: scale(1.2);}
*/

.video_box:hover .video_img::before,
.video_link:hover::before,
.video_link_top:hover::before{
	opacity: 1;
	transform: scale(1.2);
}
.tag_list{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.video_genre{
    font-size: 11px;
    padding: 3px 5px;
    border-radius: 3px;
    background: #ebebeb;
    display: inline-block;
    color: #666;
    margin-top: 5px;
    margin-right: 5px;
    line-height: 150%;
}

.tag_item{
    font-size: 10px;
    padding: 0 5px;
    border-radius: 20px;
	border: solid 1px #ddd;
/*    background: #ebebeb;*/
/*    background: #d0eef3;*/
    display: inline-block;
    color: #666;
/*    color: #4a95b5;*/
	transition: all .3s;
	position: relative;
	z-index: 10;
    line-height: 190%;
    margin-top: 5px; 
    margin-right: 5px;
	cursor: pointer;
}
.tag_item::before{content: '#';}

.no_thumb::before{display: none;}

.no_thumb::after{
	font-family: "Font Awesome 6 Free";
    content: '\f08e';
    font-weight: 900;
	margin-left: 1em;
}
.no_thumb{
	display: inline-block;
    width: 100%;
    max-width: inherit;
    padding-top: 0!important;
    border-radius: 0;
    overflow: inherit;
	position: relative;
    border: none;
	background: #fff!important;
}



.video_list_item{
	display: flex;
	align-items: center;
/*	align-items: flex-start;*/
	justify-content: flex-start;
	border:solid 2px #d3d3d3;
	border-radius: 20px;
	padding: 10px;
    margin-bottom: 10px;
	transition: all .3s;
	position: relative;
	flex-direction: column;
    background: #fff;
}
.video_link_list_row{
    width: 100%;
	justify-content: flex-start;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.video_link_list_item{
	width: 200px;
	padding-top: 110px;
	border-radius: 10px;
	border: solid #ccc 1.5px !important;
}
.video_list_text_box{
    width: calc(100% - 200px);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
/*	padding:10px 5px 10px 20px;*/
    padding: 0 5px 0 20px;
	
}
.video_list_title{
    font-size: 118%;
	margin: 0 0 5px;
    text-align: left;
	transition: all .3s;
}
.video_list_text{
    margin: 0;
    font-size: 88%;
    line-height: 150%;
    color: #616161;
    text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* 表示する行数 */
	overflow: hidden;
}

.video_list_item .name{padding: 0 175px 0 10px;}

@media only screen and (max-width: 999px){
.video_item{
    width: 32%;
    margin-right: .65%;
    margin-left: .65%;
	font-size: 88%;
}
.video_genre{
        padding: 5px 4px;
        line-height: 100%;
	}

}
@media only screen and (max-width: 750px){
.video_link_top{padding-top:52.416%}
.video_link_top{border-radius: 10px;}
.video_list_item {
    border-radius: 10px;
    padding: 8px;
}
.video_link_list_item {
	width: 120px;
	padding-top: 65px;
    border-radius: 5px;
}
.video_list_text_box{
width: calc(100% - 120px);
padding: 0px 5px 0px 10px;
}
.video_list_title{
    margin: 0;
	font-size: 90%;
}
.video_list_text{font-size: 80%;}
}
@media only screen and (max-width: 700px){
.tag_item{
	font-size: 8px;
	margin-right: 3px;
	}
.video_genre{
	font-size: 9px;
	margin-right: 3px;
	}
}

@media only screen and (max-width: 630px){
	.video_link{padding-top:52.416%}
}
@media only screen and (max-width: 550px){
.video_item{
    width: 49%;
    margin-right: .5%;
    margin-left: .5%;
}
.video_link{
	max-width: 100%;
	padding-top:52.416%
}
	
.video_title{font-size: 130%;}
.video_list_item {
	flex-direction: column;
	align-items: center;
}
.video_link_list_row{
	flex-direction: column;
}
.video_list_text_box {
width: 100%;
padding: 10px 5px 0px;
}
.video_list_title{ 
	width: 100%;
	text-align: center;
	margin-bottom: 3px;
    line-height: 150%;
}

.video_link_list_item {
	width: 200px;
	padding-top: 110px;
	border-radius: 5px;
	margin-top: 5px;
}
	.video_list_item .name{
		font-size: 100%;
	}
}


/*------------------------------------------------------
    詳細 
--------------------------------------------------------*/
.b_f_btn_box{
    width: 95%;
    max-width: 1000px;
    margin: 0px auto 30px;
    justify-content: space-between;
}

.back_btn{
	border: 0;
    max-width: 100px!important;
    padding: 10px!important;
    border-radius: 3px!important;
    height: 43px!important;
	cursor: pointer;
	margin: 0!important;
	display: flex!important;
	justify-content: center;
	align-items: center;
	font-size: 100%!important;
}
.f_r_btn_list{
    width: 270px;
    justify-content: flex-end;
}
.f_r_btn_list li:nth-child(2){margin-left: 10px;}
.b_btn_box{
	width: 100%;
	justify-content: center;
	flex-direction: column;
	margin-top: 40px;
}
.b_btn{
	width: 80%;
	max-width: 700px;
	color: #fff;
	font-size: 150%;
	padding:30px 20px;
	border-radius: 10px;
	display: inline-block;
	margin: 0 auto;
}
@media only screen and (max-width: 750px){
.back_btn{
	font-size: 88%!important;
    max-width: 78px!important;
    padding: 5px!important;
    height: 35px!important;
}
.f_r_btn_list {width: 90px;}
.b_btn{
	width: 100%;
        font-size: 107%;
	padding:20px 10px;
}
.b_btn_box {margin-top: 30px;}
}
.btn{color: #fff!important;}