/*
 * All
 * --------------------------------------------------
 */
@media screen and (min-width: 768px){
.hidden-pc{
	display:none!important;
}
}
@media screen and (max-width: 767px){
.hidden-mobile{
	display:none!important;
}
*:has( > wbr) {
	word-break: keep-all !important;
    white-space: normal !important;
}
}
.spacer-10{
	height:10px;
}

.spacer-15{
	height:15px;
}
.spacer-25{
	height:25px;
}
.spacer-30{
	height:30px;
}
.spacer-60{
	height:60px;
}
.spacer-80{
	height:80px;
}
.spacer-160{
	height:160px;
}
@media screen and (max-width: 767px) {
.spacer-30{
	height:15px;
}
.spacer-60{
	height:30px;
}
.spacer-80{
	height:40px;
}
.spacer-160{
	height:80px;
}
}
.imghover a:hover img{
	opacity:0.5;
}
/*
 * Column
 * --------------------------------------------------
 */
.container-filid{
	overflow:hidden;
}
container{
	overflow:hidden;
}
main{
	overflow:hidden;
}
.container-fulid{
	width:100%;
	margin:0 auto;
	font-size:16px;
	overflow-x: hidden;
}
.container{
	width:100%;
	max-width:1340px;
	margin:0 auto;
	padding:0px 0px 0px 30px;
	font-size:16px;
}
.container-fc{
	width:100%;
	max-width:1340px;
	margin:0 auto;
	padding:0px;
	font-size:16px;
}
.container-fp{
	width:100%;
	max-width:1340px;
	margin:0 auto;
	padding:0px 0px 0px 60px;
	font-size:16px;
}
@media screen and (max-width: 767px) {
.container{
	padding:0px 15px;
}
.container-fc{

}
.container-fp{
	padding:0px 15px;
}
}
.container-fulid .row{
	width:calc(100% + 30px);
	display: flex;
	flex-wrap: wrap;
        flex-direction: row;
	font-size:0px;
	margin-left: -30px;
}
.container .row{
	width:100%;
	display: flex;
	flex-wrap: wrap;
        flex-direction: row;
	font-size:0px;
	margin-left: -30px;
}
.container-fc .row{
	width: calc(100% + 30px);
	display: flex;
	flex-wrap: wrap;
        flex-direction: row;
	font-size:0px;
	margin-left: -30px;
}
.container-fp .row{
	width:100%;
	display: flex;
	flex-wrap: wrap;
        flex-direction: row;
	font-size:0px;
	margin-left: -30px;
}
@media screen and (min-width: 768px) {
.container-fp .row:is(.content-center) {
	justify-content: center;
}
}
@media screen and (max-width: 767px) {
.container-fulid .row{
	width:calc(100% + 15px);
	margin-left: -15px;
}
.container .row{
	width: calc(100% + 15px);
	margin-left: -15px;
}
.container-fc .row{
	width: calc(100% + 15px);
	margin-left: -15px;
}
.container-fp .row{
	width:100%;
	margin:0 auto;
}
}
.row .col-6{
	width:calc(6.66% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-10{
	width:calc(10% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-14{
	width:calc(14.2% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-15{
	width:calc(15% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-16{
	width:calc(16.6% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-20{
	width:calc(20% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-22{
	width:calc(22.5% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-25{
	width:calc(25% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-30{
	width:calc(30% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-33{
	width:calc(33.3% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-35{
	width:calc(35% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-37{
	width:calc(37.5% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-40{
	width:calc(40% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-45{
	width:calc(45% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-50{
	width:calc(50% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-60{
	width:calc(60% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-66{
	width:calc(66.6% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-75{
	width:calc(75% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-80{
	width:calc(80% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-85{
	width:calc(85% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.row .col-100{
	width:calc(100% - 30px);
	font-size:16px;
	margin-left: 30px;
}
.container-fp .row .col-100{
	width: calc(100% - 30px);
	margin-left: 30px;
}
@media screen and (max-width: 767px){
.row .col-s-10{
	width:calc(10% - 15px)!important;
	font-size:16px!important;
	margin-left:15px!important;
}
.row .col-s-33{
	width:calc(33.3% - 15px)!important;
	font-size:16px!important;
	margin-left:15px!important;
}
.row .col-s-40{
	width:calc(40% - 15px)!important;
	font-size:16px!important;
	margin-left:15px!important;
}
.row .col-s-50{
	width:calc(50% - 15px)!important;
	font-size:16px!important;
	margin-left:15px!important;
}
.row .col-s-100{
	width:calc(100% - 15px)!important;
	font-size:16px!important;
	margin-left:15px!important;
}
}

@media screen and (max-width: 767px){
.col-o-1{
	order:1;
}
.col-o-2{
	order:2;
}
.col-o-3{
	order:3;
}
.col-o-4{
	order:4;
}
.col-o-5{
	order:5;
}
}


.mt30{
	margin-top:30px!important;
}
.mb30{
	margin-bottom:30px!important;
}
.mt60{
	margin-top:60px!important;
}
.mb60{
	margin-bottom:60px!important;
}
@media screen and (max-width: 767px){
.mt30{
	margin-top:15px!important;
}
.mb30{
	margin-bottom:15px!important;
}
.mt60{
	margin-top:30px!important;
}
.mb60{
	margin-bottom:30px!important;
}
}

.lum-lightbox{
	z-index:999999;
}
@media screen and (orientation: portrait) {
.lum-img {
    width: 100%;
}
}

/* 20210527追加 */
@media screen and (max-width: 767px){
	.youtube img{
		height: 52vw;
		object-fit: contain;
		background: #000;
	}
	}

	.youtube, .youtube_back{
		position: relative;
	}

	.ytp-large-play-button-bg {
		-webkit-transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1);
		transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1);
		fill: #212121;
		fill-opacity: .8;
		cursor: pointer;
	}

	.youtube svg, .youtube_back svg{
		position: absolute;
		left: 50%;
		top: 50%;
		width: 68px;
		height: 48px;
		margin-left: -34px;
		margin-top: -24px;
		-webkit-transition: opacity .25s cubic-bezier(0,0,0.2,1);
		transition: opacity .25s cubic-bezier(0,0,0.2,1);
		z-index: 0;
		cursor: pointer;
	}