@charset "Shift_JIS";

/* **************************************************

Name: ke_option2.css

Create: 2021.02.01
Update: 


***************************************************** */

/* --- Controller --- */

.branding-image .controller {
	bottom: 30px;
}

.branding-image .controller ul {
	background: url(../../../image/jp/r1/bg_branding_controller_ke.png);
	padding: 10px 0px 0px 0px;
	width: 100%;
}


/* for - 767px
=========================================================================================== */

@media screen and (max-width: 767px) {
	/* ------ Branding Image Rotation ------ */

	.OptionRWD.JS .branding-image .controller {bottom: 0px;}
}


/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px) {
	.OptionRWD.JS .ResponsiveBrandingImgStyle .branding-image .controller {
		bottom: 0px;
	}

	.OptionRWD.JS .ResponsiveBrandingImgStyle .branding-image .controller ul {
		width: 100%;
		padding: 10px 0px 0px 0px;
	}
}

/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {
	/* ------ Branding Image ------ */

	.JS .ResponsiveBrandingImgStyle,
	.JS .TopMarginSet .ImgOnlyStyle:first-child,
	.JS #BrandingImgStyle,
	.JS #BrandingImgStyle1,
	.JS #BrandingImgStyle2 {
		padding: 0;
		margin: 0px 0px 40px 0px;
	}
}


/* =========================================================================================== */
   YouTube再生用 Responsive対応
/* =========================================================================================== */
/* ------------------------------------------------------------------------------------------- */
/* for - Normal */
/* ------------------------------------------------------------------------------------------- */
.youtube_responsive {
}
.youtube_responsive iframe {
}

/* ------------------------------------------------------------------------------------------- */
/* for - 767px */
/* ------------------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	.youtube_responsive {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.youtube_responsive iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
}