@charset "utf-8";

/* !STUDIO KOUSAIJIN v202404 */
/* !studio kousaijin */

/* fHD */

/* common *********************************************************** common */
/* index *********************************************************** index */
/* about *********************************************************** about */
/* menu *********************************************************** menu */
/* text *********************************************************** text */
/* fonts *********************************************************** fonts */
/* cookie *********************************************************** cookie */
/* animation picture *********************************************************** animation picture */
/* js css *********************************************************** js css */
/* media queries *********************************************************** media queries */

/* xx -------------------------------------------------- xx */
/* xx ------------------------------ xx */
/* ---------- xx */

:root { /* 1/2 */
	--pb-top: 55px; /* >93px */
	--pb-top_det: 55px; /* for det */
	--pb_sb-radius: 35px;
	--pb-pb: 60px; /* pb-pb space (like section_base) */
}

/* common *********************************************************** common */
html, body {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", "Yu Gothic", sans-serif;
	font-size: 23px; /* ff */
	background-color: #FFF;
	color: #667; /* text */
	margin: 0;
	text-align: center;
}
html {
	scroll-behavior: smooth;
}

footer {
	margin: 20px auto 0; /* top for page_base bottom space */
}
address {
	padding: 0 0 0 clamp(18%, 21%, 27%);
	text-align: left;
	font-size: 0.9rem; /* S2 */
}
a,
a:link,
a:visited,
a:active {
	text-decoration: none;
}
a {
	color: #666666;
}
a:link {
	color: #0066FF;
}
a:visited {
	color: #0066FF;
}
a:active {
	color: #FF0000;
}
a:hover {
	color: #00CCFF;
	text-decoration: underline;
}
img {
	vertical-align: top;
}

.anchor { /* for menu stop position adjust */
    display: block;
    padding-top: var(--pb-top);
    margin-top: calc(-1 * var(--pb-top));
}

.anc_det {
    padding-top: var(--pb-top_det); /* det_page go top adjust */
}

/* display on-off */
.disp_off {
	display: none;
}

.disp_on {
	display: flex;
}

/* ---------- container */
.container {
	width: 100%;
	margin: 0 auto; /* centering */
}

/* ---------- page_base (pb_) */
.page_base,
.pb_index_top,
.pb_index_section {
	display: inline-block;
	width: 98%;
	margin: var(--pb-top) auto 25vh; /* bottom for bg space */
	padding: 1.2% 0 1%; /* pb-sb top space (bottom for page_base bottom space) */
	background-color: rgba(0,0,0,0.5);
}
.pb_index_top,
.pb_index_section {
	background-color: rgba(255,255,255,0.85);
	/* White index */
	--color-alpha: 0.9; /* a 0.9 */
	background: linear-gradient(to bottom, rgba(255,255,255,var(--color-alpha)) 0%, rgba(255,255,255,var(--color-alpha)) 65%, rgba(160,160,160,var(--color-alpha)) 100%);
}
.pb_index_top {
	margin-bottom: var(--pb-pb);
	padding: 0 0 5%; /* top logo */
}

.pb_index_section {
	margin: 0 auto var(--pb-pb);
	padding-top: 0; /* title */
}

.pb_index_bottom {
	margin-bottom: 0;
}

.pb_bottom_cr { /* bottom for cr */
	height: 25vh;
}

/* ---------- section_base */
.section_base {
	width: 96%;
	margin: 0 auto 5%; /* sb padd bottom between space */
	padding: 1% 0 2%; /* top title text, bottom cr */
	background-color: rgba(255,255,255,0.7);
	/* White defa */
	--color-alpha: 0.85; /* a 0.85 */
	background: linear-gradient(to bottom, rgba(255,255,255,var(--color-alpha)) 0%, rgba(255,255,255,var(--color-alpha)) 65%, rgba(160,160,160,var(--color-alpha)) 100%);
}

.sb_bottom_padd { /* bottom fix */
	padding: 1% 0 5%; /* add bottom space from section_base */
}

.sb_bottom_padd_radi {
	padding-bottom: 35px; /* radi */
}

.sb_bottom_cr { /* bottom fix */
	margin: 0 auto 0; /* bottom cr */
}

/* ---------- border-radius, box-shadow */
.page_base,
.section_base,
.radi {
	border-radius: var(--pb_sb-radius);
	box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.25);
 }

 .radi_s {
	border-radius: 15px;
 }

 .radi_lr {
	border-radius:  var(--pb_sb-radius)  var(--pb_sb-radius) 0 0;
 }

/* common div ------------------------------ common div */
.div_box,
.div_box_mq,
.div_main_img_box_mq,
.hot_title_box_mq {
	display: flex;
	gap: 0px;
	justify-content: center;
}

.div_main_img_box_mq {
	width: calc(55vw + 300px);
	margin: 0 auto;
}

/* about - tech */
.div_main_img_box_50_mq {
	width: 50%;
}

/* index - info area */
.div_info_up_mq {
	flex: 18%;
}
.div_info_side_mq { /* not emp */
	flex: calc(10% / 2);
}

.div_bg_color_w {
	background-color: rgba(255, 255, 255, 0.3);
}

.div_header3,
.div_header3_mq {
	width: calc(100% / 3);
}

/* ---------- div link color */
.div_link_hv_color {
	margin: 0 0 3px;
	background-color: rgba(0, 0, 0, 0.2);
}
.div_link_hv_color:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

/* ---------- table (about) */
.table {
	display: table;
	margin: 0 auto 3%;
	width: calc(55vw + 250px);
}
.table_row {
	display: table-row;
}
.table_cell,
.table_cell_txtL {
	display: table-cell;
	height: 2em;
	width: calc(30vw + 200px);
	/* border: 1px solid; */
}
.table_cell_txtL {
	text-align: left;
	padding: 0 0 2% 0.5em;
	width: calc(60vw + 200px);
}

/* icons ------------------------------ icons */
/* icon link shadow */
.icon_link_shadow_b {
	box-shadow: 3px 3px 7px 2px rgba(0,0,0,0.3);
}
.icon_link_shadow_w {
	box-shadow: 3px 3px 7px 3px rgba(255,255,255,0.35);
}

/* images w ------------------------------ images w */
.header_logo {
	width: calc(10vw + 10px);
	max-width: 100px;
}

.imgw_bk {
	width: calc(12vw + 110px); /* 364 arrow */
}

.imgw_brand {
	width: calc(15vw + 120px); /* 480 index */
}

.imgw_f {
	width: 100%;
}

.imgw_256 {
	width: calc(20vw + 50px);
	max-width: 256px;
}

.imgw_256_max {
	width: 100%;
	max-width: 256px;
}
.imgw_256_max90 {
	width: 90%;
	max-width: 256px;
}

.imgw_512_max {
	width: 100%;
	max-width: 512px;
}
.imgw_512_max90 {
	width: 90%;
	max-width: 512px;
}

.imgw_i {
	width: calc(4vw + 20px);
	max-width: 64px;
}

/* image space */
.img_padd {
	padding: 3px;
}

.img_botm {
	padding-bottom: 10px;
}

/* animation picture w:h ------------------------------ animation picture w:h */
.ap_wh { /** wh (common) **/
	position: relative;
	width: 100%; /* Parent div */
	margin: auto;
}
.ap_wh::before {
	content: "";
	display: block;
	padding-top: 56.25%; /* w:h 16:9 Defa */
}

.d1_ap_wh::before { /* w:h */
	padding-top: 75%; /* w:h 4:3 */
}

/* ---------- move w:h */
.mv_wh { /** wh (common) **/
	position: relative; /* w:h */
	width: 560px; /* px */
	height: auto; /* w:h */
	padding-bottom: 315px; /* 16:9 (56.25%) (bottom) */
	margin: 0 auto 15px;
}
.mv_wh iframe {
	position: absolute; /* under wh */
	top: 0; /* under wh */
	left: 0;
	width: 100%;
	height: 100%;
}

/* ---------- titles ap (add) */
.title_ap_wh::before { /* w:h */
	padding-top: 24.9735%; /* w:h 466 (1866x466) */
}

.title_ap { /* not sprite sheet */
	position: absolute; /* under wh */
	top: 0; /* under wh */
	width: 100%;
	height: 100%;
	margin: 0;
	transition: 1.5s ease-in-out; /* out */
	background-size: 250%; /* defa 250-max400 */
	background-repeat: no-repeat;
}
.title_ap:hover { /* defa position */
	transition: 0.7s ease-in-out; /* on */
	background-size: 100%;
	background-position: 0 50%; /* defa X0 Y50 */
}


/* index *********************************************************** index */
/* ---------- header (about) */
.sb_top_logo {
	padding: 0.5% 0 2%; /* top logo space */
}

/* ---------- QR icon (index) */
.header_qr {
	margin: 0 0 0 var(--pb_sb-radius);
}

/* ---------- hot title ap (index) */
.hot_title_ap, /* (not sprite sheet) */
.hot_slide_ap { /* (sprite sheet) */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.hot_title_ap {
	transition: 1.5s ease-in-out; /* out */
	background-size: 250%; /* defa 250-max400 */
	background-repeat: no-repeat;
}
.hot_title_ap:hover { /* defa position */
	transition: 0.7s ease-in-out; /* in */
	background-position: 50% 50%; /* defa X50 Y50 */
	background-size: 130%;
}

/* hot title icon for FX (into hot_title_box_mq) */
.hot_title_icon1,
.hot_title_icon2,
.hot_title_icon3 {
	width: calc(100% / 3); /* (1866) max3>622 */
	box-shadow: 8px 3px 7px 2px rgba(0,0,0,0.25); /* hot only */
}
.hot_title_icon3 {
	box-shadow: 0 3px 7px 2px rgba(0,0,0,0.25); /* area end */
}

/* ---------- title link (index) */
.title_link,
.title_link_aj { /* adjust */
	width: 100%;
	height: 3.5em; /* w:h not% */
	background-color: rgba(0,0,0,0.1); /* not opacity */
}
.title_link_aj {
	width: 99%;
	margin: 0 auto;
}
.title_link:hover,
.title_link_aj:hover {
	background-color: rgba(255,255,255,0.6);
}

/* ---------- hot link img */
.hot_link_img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
}

/* info area ------------------------------ info area */
/* ---------- text link (about) */
.text_link_about {
	margin: 0 0;
	line-height: 1.3;
	font-size: 1.1rem; /* L- */
	font-weight: bold;
}

/* ---------- update */
.update,
.upd {
	/*min-width: 250px;*/
	margin: 0 0 0.2em;
	text-align: left;
}
.upd {
	height: 5em;
	overflow-y:scroll;
	margin: 0 auto 1em;
	padding: 0 0 0 0.5em;
	border: 1px solid;
	--color-alpha: 0.9; /* a 0.9 (15per) */
	background: linear-gradient(to bottom, rgba(255,255,255,var(--color-alpha)) 0%, rgba(255,255,255,var(--color-alpha)) 15%, rgba(200,200,200,var(--color-alpha)) 100%);
}


/* menu *********************************************************** menu */
/* menu bar ------------------------------ menu bar */
:root { /* 2/2 */
	--menu-defa-opacity: 0.5;
	--menu-see-opacity: 0.95;
	--r_go_top_bar-opacity: 0.3;
}
/* @keyframes menu_fd {
	0% { opacity:  var(--menu-defa-opacity) }
	15% { opacity: var(--menu-see-opacity) }
	25% { opacity: var(--menu-see-opacity) }
	100% { opacity: var(--menu-defa-opacity) }
} */
@keyframes menu_fd {
	0% { opacity:  var(--menu-defa-opacity) }
	40% { opacity: var(--menu-see-opacity) }
	50% { opacity: var(--menu-see-opacity) }
	100% { opacity: var(--menu-defa-opacity) }
}
@keyframes menu_fdio {
	0% { opacity: 0.6 }
	100% { opacity:  var(--menu-defa-opacity) }
}
@keyframes menu_fdon {
	0% { opacity: 0.4 }
	100% { opacity: var(--menu-see-opacity) }
}

.menu_box_base,
.menu_box_base_r {
	position: fixed;
	width: 100%;
	height: var(--pb-top);
	margin: 0;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 11;
	/* border-radius: 20px; */
}
.menu_box_base_r {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 15px);
	height: var(--pb-top_det);
	background-color: rgba(255, 255, 255, 0.95);
	pointer-events: auto; /* ! */
}
.menu_box,
.menu_box_r {
	display: flex;
	flex-wrap: wrap;
	gap: 0px;
	width: 100%;
	height: 100%;
	/* margin: auto; */
	transition: all 0.4s;
	animation: 3.5s infinite menu_fd;
}
.menu_box_r {
	justify-content: flex-end; /* for det */
}
.menu_box_r > div:first-of-type { /* for det close */
	margin-right: auto;
}

.menu_box:hover,
.menu_box_r:hover {
	animation: 2s infinite menu_fd;
}

.menu_left_box1,
.menu_left_box2,
.menu_left_box3,
.menu_left_box4,
.menu_left_box5,
.menu_left_box6 {
	width: calc(100% / 6); /* 6/1024-4/768 */
	height: 100%;
	margin: 0;
	/* border: 1px solid; */
}
.menu_left_box1_r,
.menu_left_box2_r,
.menu_left_box3_r,
.menu_left_box4_r,
.menu_left_box5_r,
.menu_left_box6_r {
	width: calc(100% / 5); /* 5 */
	height: 100%;
	margin: 0;
	/* border: 1px solid; */
}
.menu_left_box6_r {
	width: 65px; /* fix */
	height: 100%;
	margin: 0;
	/* border: 1px solid; */
}

.menu_link_box {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
}
.menu_link_box:hover {
	background-color: rgba(255, 255, 255, 0.7);
}

/* ---------- go top bar */
@keyframes go_top_bar_fi {
	0% { opacity:  var(--r_go_top_bar-opacity); }
	40% { opacity: 0.8; }
	70% { opacity: var(--r_go_top_bar-opacity); }
	100% { opacity: var(--r_go_top_bar-opacity); }
}
.r_go_top_bar,
.r_go_top_bar_r { /* class for js */
	position: fixed;
	width: 32px;
	min-height: calc(100% - var(--pb-top));
	top: var(--pb-top);
	right: 0;
	z-index: 15;
	background-image: url("images/i_top_bar.png");
	background-repeat: repeat;
	transition: all 0.4s;
	animation: 6s infinite go_top_bar_fi;
	border-radius: 15px;
	cursor: pointer;
}
.r_go_top_bar_r {
	top: calc(var(--pb-top) + var(--pb-top_det) + 2px);
	right: 51px;
	min-height: calc(100% - var(--pb-top_det));
	pointer-events: auto; /* ! */
}
.r_go_top_bar:hover,
.r_go_top_bar_r:hover {
	animation: 2s infinite go_top_bar_fi;
}


/* text *********************************************************** text */
.cursor_p {
	cursor: pointer;
}

/* text position ------------------------------ text position */
.text_nw {
	white-space: nowrap;
}

.text_wb {
	word-break: keep-all;
}

.text_right {
	text-align: right;
}

.text_date_right {
	display: block;
	font-size: 0.85rem; /* S3 */
	text-align: right;
	margin: auto 10%;
}

.text_left,
.text_padd_wL,
.text_padd_w0L,
.text_padd_w1L,
.text_padd_w2L {
	text-align: left;
	display: inline-block;
}

/* text padding ------------------------------ text padding */
/* ---------- width */
.text_padd_w,
.text_padd_wL {
	padding: 0 7%; /*  NoMedia*/
}
.text_padd_w0,
.text_padd_w0L {
	padding: 0 5%;
}
.text_padd_w1,
.text_padd_w1L {
	padding: 0 10%;
}
.text_padd_w2,
.text_padd_w2L {
	padding: 0 10% 0 12%;
}

/* ---------- h bottom (not padd) */
.text_mg_bottom1 {
	margin: 0 auto 1%;
}
.text_mg_bottom2 {
	margin: 0 auto 2%;
}
.text_mg_bottom3 {
	margin: 0 auto 3%;
}
.text_mg_bottom5 {
	margin: 0 auto 5%;
}
.text_mg_bottom8 {
	margin: 0 auto 8%;
}

/* ---------- h space */
.text_space_hight_S3 {
	line-height: 0.8em;
}
.text_space_hight_S2 {
	line-height: 1.2em;
}
.text_space_hight_S1 {
	line-height: 1.6em;
}
.text_space_hight_L1 {
	line-height: 2.4em;
}
.text_space_hight_L2 {
	line-height: 2.8em;
}
.text_space_hight_L3 {
	line-height: 3.2em;
}

/* text shadow ------------------------------ text shadow */
.text_link_shadow_b {
	text-shadow: 1px 1px 3px #222;
}
.text_link_shadow_w {
	text-shadow: 1px 1px 3px #AAA;
}


/* fonts *********************************************************** fonts */
.font_strong {font-weight: bold; }
.font_obl {font-style: oblique; }

.font_jpn {
	font-size: 0.85rem; /* S3 */
	font-style: oblique;
}

.font_title,
.font_title_s,
.font_title_link_b,
.font_title_link_w {
	font-size: 1.2rem; /* L1 */
	font-weight: bold;
}
.font_title_link_b {
	text-shadow: 1px 1px 3px #222;
}
.font_title_link_w {
	text-shadow: 1px 1px 3px #AAA;
}

.font_title_s {
	font-size: 1.1rem;
}

/* slick js */
.font_slick_s {font-size: 0.85em; color: #555; } /* slider text [media]

/* terms */
.font_terms_header,
.font_terms_sub {
	font-weight: bold;
}
.font_terms_header {
	font-size: 1.05rem; /* L- */
}

.font_terms_text {
	font-size: 0.85rem; /* S3 */
	text-align: left;
}

/* copyright */
.font_C1, .font_C1_dark, .font_C2 {color: #999; font-size: 0.8rem; line-height: 2; } /* S4 */
.font_C1_dark {color: #777; }

.font_C2 {font-size: 0.75rem; line-height: 0; } /* S5 */

/* font size ------------------------------ font size */
/* rem */
.font_S6 {font-size: 0.7rem; }
.font_S5 {font-size: 0.75rem; }
.font_S4 {font-size: 0.8rem; } /* s */
.font_S3 {font-size: 0.85rem; }
.font_S2 {font-size: 0.9rem; }
.font_S1 {font-size: 0.95rem; }
.font_L1 {font-size: 1.2rem; }
.font_L2 {font-size: 1.3rem; }
.font_L3 {font-size: 1.4rem; }
.font_L4 {font-size: 1.5rem; }

/* font color ------------------------------ font color */
.fc_white {color: #DDD; }
.fc_light {color: #999; }
.fc_bright {color: #777; }
.fc_dark {color: #555; }
.fc_black {color: #111; }

.fc_orange {color: #FF6600; }
.fc_red {color: #FF0066; }
.fc_brown {color: #993300; }
.fc_purple {color: #9900CC; }
.fc_blue {color: #0000BB; }
.fc_blue_log {color: #8888FF; }
.fc_blue_purple {color: #6633CC; }
.fc_dark_blue {color: #000066; }
.fc_pen_blue {color: #000099; }
.fc_pen_red {color: #CC0000; }

/* ---------- index */
.font_mixbub {color: #EEAA00; font-weight: bold; }
.font_furnyu {color: #FF99FF; font-weight: bold; }
.font_d_actors {color: #000000; font-weight: bold; }

.font_hot {
	line-height: 0.95em;
	color: #FF0066;
	font-weight: bold;
	font-style: oblique;
}

/* font menu ------------------------------ font menu */
.menu_font,
.menu_font_s,
.menu_font_ss {
	color: #444; /* def color */
	font-size: 26px; /* px */
	line-height: 2em;
	font-weight: bold;
	text-shadow: 3px 3px 4px #FFF;
}
.menu_font_s {
	font-size: 23px;
	line-height: 2.2em;
}
.menu_font_ss {
	font-size: 18px;
	line-height: 1.2em;
}


/* cookie (fix) *********************************************************** cookie (fix) */
.box_cooi,
.img_cooi {
	position: fixed;
	left: 3px;
	bottom: 3px;
	width: 80px;
	height: 80px;
}
.box_cooi {
	/* border: none; */
	outline: none;
	opacity: 0.4;
	cursor: pointer;
}
.img_cooi {
	opacity: 0.8;
}


/* animation picture *********************************************************** animation picture */
/* common keyframes ------------------------------ common keyframes(-) */
/* hot ap ------------------------------ hot ap */
/* frame type */
@keyframes hot_ap_frame {
	from { background-position: 0 0; }
	to { background-position: 0 300%; }
}

/* slide type */
@keyframes hot_slide_ap3f {
	0% { background-position: 0 0%; }
	15% { background-position: 0 0%; } /* pause 15% */
	33.33% { background-position: 0 50%; } /* +18.33 */
	48.33% { background-position: 0 50%; } /* pause 15% */
	66.66% { background-position: 0 100%; }
	81.66% { background-position: 0 100%; } /* pause 15% */
	100% { background-position: 0 149.85%; } /* loop top */
}

.hot_slide_ap {
	background-image: url(" ");
	background-size: cover;
	animation: 10s cubic-bezier(0.15, 1.0, 0, 1.0) 1.2s infinite hot_slide_ap3f;
}
.hot_slide_ap:hover {
	animation: 2s cubic-bezier(0.15, 1.0, 0, 1.0) infinite hot_slide_ap3f;
}


/* js css *********************************************************** js css */
/* ---------- slick */
.single-item,
.slider-nav {
	width: 100%;
	margin: 0 auto;
}
.slider-nav {
	width: calc(98% - 48px); /* for button */
}

.single-item img,
.slider-nav img {
	width: 100%;
}
.slider-nav img { /* for scale */
	transform: scale(0.95);
	padding: 6% 0;
}

.iz { /* nav only */
	transform: scale(1);
	transition: transform 0.35s ease-in-out;
}
.iz.slick-center {
	transform: scale(1.1);
	transition: transform 0.35s ease-in-out;
}

.slick-prev,
.slick-next {
	width: 24px;
	height: 80%;
	background-color: rgba(255,255,255,0.5);
}
.slick-prev:hover,
.slick-next:hover {
	background-color: rgba(255,255,255,0.2);
}
.slick-prev:focus,
.slick-next:focus {
	background-color: rgba(255,255,255,0.5);
}


/* media queries *********************************************************** media queries */
@media screen and (min-width: 1921px){ /* min */
	html, body {
		font-size: 32px;
	}

	.container {
		width: 1920px;
	}

	.page_base,
	.pb_for_index_cr {
		margin: 0 auto 80%; /* top 0 for tag jump (bottom for bg space) */
	}
} /* END media */


@media screen and (max-width: 960px) { /* Mob! */
	:root {
		--pb-top: 93px;
	}

	.page_base {
		margin-bottom: 130px;
	}

	/* menu */
	.menu_box {
		height: 50%; /* 2 */
	}
	.menu_left_box1,
	.menu_left_box2,
	.menu_left_box3,
	.menu_left_box4,
	.menu_left_box5,
	.menu_left_box6 {
		width: calc(100% / 4);
	}
	.r_go_top_bar_r {
		right: 0;
	}
	
	/* index - QR img */
	.header_qr {
		display: none;
	}
	
	/* index - info area */
	.div_box_mq {
		flex-direction: column;
	}
	.div_info_up_mq,
	.div_info_side_mq {
		width: calc(50% + 150px);
		margin: auto;
	}

	.mv_wh {
		width: 100%;
		padding-bottom: 56.25%;
	}

	/* display off */
	.disp_no_mq_1 {
		display: none;
	}

	/* index - hot title ap */
	.hot_title_ap {
		width: 100%;
	}
	.hot_title_ap_wh::before {
		padding-top: 30%; /* w:h (from title_ap) */
	}
	.hot_title_box_mq {
		flex-direction: column;
	}
	.hot_title_icon1,
	.hot_title_icon2,
	.hot_title_icon3 {
		width: 100%;
		box-shadow: none;
	}

	/* studio */
	.table {
		width: 100%;
	}
	
	.div_main_img_box_mq {
		flex-direction: column;
		width: 100%;
	}

	.div_main_img_box_50_mq {
		width: 100%;
	}

	/* .text_padd_w0,
	.text_padd_w0L {
		padding: 0 10%;
	} */
} /* END media */


@media screen and (max-width: 560px) {
	.page_base {
		margin-bottom: 230px;
	}

	/* display off */
	.disp_no_mq_2 {
		display: none;
	}

	.hot_title_ap_wh::before {
		padding-top: 35%; /* w:h (from title_ap) */
	}

	.div_info_up_mq,
	.div_info_side_mq {
		width: 100%;
	}
} /* END media */

/* @media (max-width: 000px) and (orientation: portrait) { */