@charset "UTF-8";


/*

	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/dot_pack_alpha.png");
	background-color: transparent;
	background-size: 20px 49px;

	background-color: transparent;

	border-style: solid;
	border-color: transparent;
	border-width: 1px 0px 1px 0px;

	box-sizing: border-box;

	border-radius: 50px;

	text-align: center;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 0.008em;
	color: #000000;
	font-weight: 400;
	text-decoration: none;

	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;

	position: relative;
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	z-index: 10000;

	transition-delay: 0s;
	transition-property: all;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;

	border-radius: 50px;

	transition: background-color 0.3s ease 0s;

	transition: opacity 0.3s ease 0s;



.hina-mincho-regular {
	font-family: 'Hina Mincho', serif;
	font-weight: 400;
	font-style: normal;
}




@media only screen and ( max-width: 1000px ){


}

*/




:root{
	--mag25: 2.5 / 750px * 100 * 1vw;
	--mag23: 2.3 / 750px * 100 * 1vw;
	--mag22: 2.2 / 750px * 100 * 1vw;
	--mag2:  2.0 / 750px * 100 * 1vw;
	--mag17: 1.7 / 750px * 100 * 1vw;
	--mag15: 1.5 / 750px * 100 * 1vw;
	--mag13: 1.3 / 750px * 100 * 1vw;
	--mag12: 1.2 / 750px * 100 * 1vw;
	--mag1:  1.0 / 750px * 100 * 1vw;
	--mag07: 0.7 / 750px * 100 * 1vw;
	--mag05: 0.5 / 750px * 100 * 1vw;

	--sp-border-width: 1px;
	/*width: calc( 30px * var(--mag1) );*/
}




html, body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	-webkit-text-size-adjust: none;
	background-color: #75102f;
}

body {
	background-repeat: repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/bg_tile01.png");
	background-size: 267px 274px;

	/*overflow: hidden;*/
}

.default_font_family,
body {
	font-family: 'Hina Mincho', serif;
	font-weight: 400;
	font-style: normal;
}

strong {
	font-weight: bold;
}

br.spbr {
	display: none;
}

br.pcbr {
	display: block;
}




@media only screen and ( max-width: 750px ){

	body {
		background-size: 267px 274px;

		background-size: calc( 267px * var(--mag1) ) calc( 274px * var(--mag1) );
	}

	br.spbr {
		display: block;
	}

	br.pcbr {
		display: none;
	}

}




/* ------------------------------------------------------------------------------------------------ Anchor */




.anchor_pos {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 0px;
	position: absolute;
	top: -170px;
	left: 0px;
}

@media only screen and ( max-width: 750px ){

	.anchor_pos {
		top: -170px;

		top: calc( -80px * var(--mag1) );

		top: calc( -120px * var(--mag1) );
	}

}




/* ------------------------------------------------------------------------------------------------ Default animation */




.anim01_trigger {
}

.anim01_init {
	/*transition: 0.5s;*/
	transition-property: opacity, filter;
	transition-duration: 0.75s;
	opacity: 0.0 !important;
	filter: blur(8px);
}

.anim01_start {
	opacity: 1.0 !important;
	filter: blur(0px);
}




.anim_delay0 {
	transition-delay: 0.0s;
}

.anim_delay1 {
	transition-delay: 0.2s;
}

.anim_delay2 {
	transition-delay: 0.4s;
}

.anim_delay3 {
	transition-delay: 0.6s;
}




/* ------------------------------------------------------------------------------------------------ Header */




#dpog_header_blank {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

#dpog_header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 100px;
	overflow: hidden;
	z-index: 20000;
	position: fixed;
	top: 0px;
	left: 0px;

	transition: opacity 0.3s ease 0s;
}

#dpog_header #dpog_header_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 100dvh;
	position: relative;
}

#dpog_header #dpog_header_cover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #902140;
}

#dpog_header #dpog_header_in2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	border-style: solid;
	border-color: #a38f5a;
	border-width: 0px 0px 3px 0px;
	box-sizing: border-box;
}

#dpog_header #dpog_header_in3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	border-style: solid;
	border-color: #902140;
	border-width: 0px 0px 3px 0px;
	box-sizing: border-box;
}

#dpog_header #dpog_header_in4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: auto;
	border-style: solid;
	border-color: #a38f5a;
	border-width: 0px 0px 1px 0px;
	box-sizing: border-box;
	background-color: #902140;
}

#dpog_header #dpog_header_in5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

#dpog_header #dpog_header_in6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: auto;
}

#dpog_header #dpog_header_menu_top {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 48px;
}

#dpog_header #dpog_header_menu {
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 0px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	width: auto;
	height: auto;
	position: relative;
}

#dpog_header #dpog_header_menu::after,
#dpog_header #dpog_header_menu::before {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-color: transparent;
	background-size: contain;
	margin-top: -10px;
}

#dpog_header #dpog_header_menu::before {
	width: 76px;
	height: 20px;
	right: 100%;
	background-image: url("../images/header_menu_item_bg01_left.svg");
}

#dpog_header #dpog_header_menu::after {
	width: 76px;
	height: 20px;
	left: 100%;
	background-image: url("../images/header_menu_item_bg01_right.svg");
}

#dpog_header #dpog_header_menu a {
	margin: 0px 1em 0px 1em;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.08em;
	color: #c8c19f;
	font-weight: 400;
	text-decoration: none;
	transition: color 0.3s ease 0s;
}

#dpog_header #dpog_header_menu a.current,
#dpog_header #dpog_header_menu a:hover {
	color: #f3eee2;
}

@media only screen and ( max-width: 750px ){

	#dpog_header #dpog_header_in2 {
		border-width: 0px 0px 3px 0px;

		border-width: 0px 0px 2px 0px;
	}

	#dpog_header #dpog_header_in3 {
		border-width: 0px 0px 3px 0px;

		border-width: 0px 0px 2px 0px;
	}

	#dpog_header #dpog_header_in4 {
		border-width: 0px 0px 1px 0px;
	}

	#dpog_header #dpog_header_in5 {
		height: 0px;
	}

	#dpog_header #dpog_header_in6 {
		height: auto;
	}

	#dpog_header #dpog_header_menu_top {
		height: 48px;

		height: calc( ( 28px * var(--mag1) ) + ( 76px * var(--mag13) ) );
	}

	#dpog_header #dpog_header_menu {
		margin: 0px 0px 20px 0px;
		padding: 0px 20px 0px 20px;

		margin: 0px 0px 0px 0px;
		padding: 0px calc( 20px * var(--mag13) ) calc( 20px * var(--mag13) ) calc( 20px * var(--mag13) );

		padding-top: calc( 16px * var(--mag13) );
	}

	#dpog_header #dpog_header_menu::after,
	#dpog_header #dpog_header_menu::before {
		margin-top: -10px;

		margin-top: calc( -10px * var(--mag13) );
	}

	#dpog_header #dpog_header_menu::before {
		width: 76px;
		height: 20px;

		width: calc( 76px * var(--mag13) );
		height: calc( 20px * var(--mag13) );
	}

	#dpog_header #dpog_header_menu::after {
		width: 76px;
		height: 20px;

		width: calc( 76px * var(--mag13) );
		height: calc( 20px * var(--mag13) );
	}

	#dpog_header #dpog_header_menu a {
		font-size: 18px;
		line-height: 30px;

		font-size: calc( 18px * var(--mag17) );
		line-height: calc( 30px * var(--mag17) );
		padding-top: 0.25em;
		padding-bottom: 0.25em;
	}

}




#dpog_header_menu_button_blank {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: none;
	width: 0px;
	height: 0px;
}

#dpog_header_menu_logo {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: none;
	width: 114px;
	height: auto;
	z-index: 20001;
	position: fixed;
	top: 50px;
	left: 50px;

	transition: opacity 0.3s ease 0s;
}

#dpog_header_menu_logo img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

#dpog_header_menu_button {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: none;
	width: 64px;
	height: 64px;
	z-index: 20002;
	position: fixed;
	top: 50px;
	right: 50px;
	cursor: pointer;

	transition: opacity 0.3s ease 0s;
}

#dpog_header_menu_button img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	transition: opacity 0.3s ease 0s;
}

#dpog_header_menu_button img.open01 {
	top: -17%;
	right: 0%;
	opacity: 1.0;
	transform: rotate(0);
	transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}

#dpog_header_menu_button img.close01 {
	top: 0%;
	right: 0%;
	transform: scale(0.8);
	opacity: 0.0;
}

#dpog_header_menu_button img.close02 {
	top: 50%;
	right: 80%;
	margin-top: -10px;
	width: 80%;
	opacity: 0.0;
}

#dpog_header_menu_button img.open02 {
	top: 50%;
	right: 80%;
	margin-top: -10px;
	width: 80%;
	opacity: 1.0;
}

.menu_open img.open01 {
	opacity: 0.0 !important;
	transform: rotate(-30deg) !important;
}

.menu_open img.close01 {
	opacity: 1.0 !important;
}

.menu_open img.close02 {
	opacity: 1.0 !important;
}

.menu_open img.open02 {
	opacity: 0.0 !important;
}

@media only screen and ( max-width: 750px ){

	#dpog_header_menu_button_blank {
		display: block;
		width: 100%;
		height: 70px;

		height: calc( 70px * var(--mag1) );

		display: none;
	}

	#dpog_header_menu_logo {
		display: block;
		width: 114px;
		top: 50px;
		left: 50px;

		width: calc( 120px * var(--mag1) );
		top: calc( 50px * var(--mag1) );
		left: calc( 50px * var(--mag1) );

		width: calc( 160px * var(--mag1) );
		top: calc( 42px * var(--mag1) );
	}

	#dpog_header_menu_button {
		display: block;
		width: 64px;
		height: 64px;
		top: 50px;
		right: 50px;

		width: calc( 64px * var(--mag1) );
		height: calc( 64px * var(--mag1) );
		top: calc( 50px * var(--mag1) );
		right: calc( 50px * var(--mag1) );
	}

	#dpog_header_menu_button img.close02 {
		margin-top: calc( -13px * var(--mag1) );
	}

	#dpog_header_menu_button img.open02 {
		margin-top: calc( -13px * var(--mag1) );

		margin-top: calc( -11px * var(--mag1) );
	}

}




/* ------------------------------------------------------------------------------------------------ Main */




#dpog_main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	overflow: hidden;
	position: relative;
}

/*
#dpog_main::before {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	content: '';
	width: 100%;
	height: 10vh;
	position: absolute;
	bottom: -5vh;
	left: 0px;
	background-color: #ffffff;
	z-index: 0;
}
*/




/* ------------------------------------------------------------------------------------------------ Main frame */




.dpog_main_wframe01 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000;

	border-style: solid;
	border-color: #c8c19f;
	border-width: 24px;

	box-sizing: border-box;
	pointer-events: none;
}

.dpog_main_wframe02 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-color: #9c8958;
	border-width: 3px;
	box-sizing: border-box;
	pointer-events: none;
}

.dpog_main_wframe03 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10001;
	box-sizing: border-box;
	pointer-events: none;
	background-color: transparent;
	background-repeat: no-repeat;

	background-image:
		url("../images/frame01_topleft.png"),
		url("../images/frame01_topright.png"),
		url("../images/frame01_bottomright.png"),
		url("../images/frame01_bottomleft.png"),
		url("../images/frame01_top.png"),
		url("../images/frame01_right.png"),
		url("../images/frame01_bottom.png"),
		url("../images/frame01_left.png");

	background-size:
		48px 48px,
		48px 48px,
		48px 48px,
		48px 48px,
		calc( 100% - 96px + 2px ) 48px,
		48px calc( 100% - 96px + 2px ),
		calc( 100% - 96px + 2px ) 48px,
		48px calc( 100% - 96px + 2px );

	background-position:
		left top,
		right top,
		right bottom,
		left bottom,
		center top,
		right center,
		center bottom,
		left center;

}

@media only screen and ( max-width: 750px ){

	/*width: calc( 30px * var(--mag1) );*/

	.dpog_main_wframe01 {
		border-width: 24px;

		border-width: calc( 24px * var(--mag1) );
	}

	.dpog_main_wframe02 {
		border-width: 3px;

		border-width: calc( 3px * var(--mag1) );
	}

	.dpog_main_wframe03 {
		background-size:
			48px 48px,
			48px 48px,
			48px 48px,
			48px 48px,
			calc( 100% - 96px + 2px ) 48px,
			48px calc( 100% - 96px + 2px ),
			calc( 100% - 96px + 2px ) 48px,
			48px calc( 100% - 96px + 2px );

		background-size:
			calc( 48px * var(--mag1) ) calc( 48px * var(--mag1) ),
			calc( 48px * var(--mag1) ) calc( 48px * var(--mag1) ),
			calc( 48px * var(--mag1) ) calc( 48px * var(--mag1) ),
			calc( 48px * var(--mag1) ) calc( 48px * var(--mag1) ),
			calc( 100% - ( 96px * var(--mag1) ) + 2px ) calc( 48px * var(--mag1) ),
			calc( 48px * var(--mag1) ) calc( 100% - ( 96px * var(--mag1) ) + 2px ),
			calc( 100% - ( 96px * var(--mag1) ) + 2px ) calc( 48px * var(--mag1) ),
			calc( 48px * var(--mag1) ) calc( 100% - ( 96px * var(--mag1) ) + 2px );
	}

}




/* ------------------------------------------------------------------------------------------------ FV */




#dpog_ts_fv {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/fv_bg01.jpg");
	background-color: transparent;
	background-size: cover;
}

#dpog_ts_fv #dpog_ts_fv_kv {
	margin: 0px 80px 0px 80px;
	padding: 80px 0px 89px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	align-items: stretch;
	width: auto;
	height: auto;
	position: relative;

	padding-top: 50px;
}

#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_left {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 47.8409%;
	height: auto;
	position: relative;
}

#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_left img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
}

#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_left::after {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 9px;
	left: 9px;
	background-color: #000000;
	z-index: 9;
}

#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_right {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	flex: 1;
	position: relative;

	padding-bottom: calc( 4% + 89px );
}

#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_right::before {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	content: '';
	width: 39.9782%;
	height: 100%;
	position: absolute;
	top: -6.5%;
	right: -4%;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("../images/fv_item01.png");
	background-color: transparent;
	background-size: contain;
}

#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_right::after {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	content: '';
	width: 44.3355%;
	height: 100%;
	position: absolute;
	bottom: -8%;
	left: -3.5%;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url("../images/fv_item02.png");
	background-color: transparent;
	background-size: contain;
	z-index: 8;
}

#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_right h2,
#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_right h1,
#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_right img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_right h1 {
	width: 69.4989%;
}

#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_right h2 {
	width: 65.0326%;
	padding-top: 4%;
}

@media only screen and ( max-width: 1000px ){

	#dpog_ts_fv #dpog_ts_fv_kv {
		margin: 0px 80px 0px 80px;
		padding: 80px 0px 89px 0px;
		display: block;

		padding-top: 50px;
	}

	#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_left {
		width: 100%;
	}

	#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_right {
		display: flex;
		padding-top: 62px;
	}

	#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_right h1 {
		width: 79.4989%;
	}

	#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_right h2 {
		width: 75.0326%;
		padding-top: 4%;
	}

}

@media only screen and ( max-width: 750px ){

	#dpog_ts_fv #dpog_ts_fv_kv {
		margin: 0px 80px 0px 80px;
		padding: 80px 0px 89px 0px;

		margin: 0px calc( 80px * var(--mag1) ) 0px calc( 80px * var(--mag1) );
		padding: calc( 80px * var(--mag1) ) 0px calc( 89px * var(--mag1) ) 0px;

		padding-top: calc( 50px * var(--mag1) );
		margin-left: calc( 71px * var(--mag1) );
	}

	#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_left::after {
		top: 9px;
		left: 9px;

		top: calc( 9px * var(--mag1) );
		left: calc( 9px * var(--mag1) );
	}

	#dpog_ts_fv #dpog_ts_fv_kv #dpog_ts_fv_kv_right {
		padding-top: 62px;
		padding-bottom: calc( 4% + 89px );

		padding-top: calc( 62px * var(--mag1) );
		padding-bottom: calc( 4% + ( 89px * var(--mag1) ) );
	}

}




/* ------------------------------------------------------------------------------------------------ Intro */




#dpog_ts_intro {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 200px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

#dpog_ts_intro #app {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	top: calc( -14% - 89px );
	top: calc( -166px - 89px );
	left: 0px;
	pointer-events: none;
}

#dpog_ts_intro #dpog_ts_intro_in {
	margin: 0px 0px 0px 0px;
	padding: 36px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	position: relative;
}

#dpog_main h2.drop_head2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	position: relative;
}

#dpog_main h2.drop_head2 img {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 140px;
}

#dpog_main h2.drop_head2 .drop_head2_text {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.0em;
	color: #e0d5b8;
	text-decoration: none;
}

@media only screen and ( max-width: 1000px ){

	#dpog_ts_intro #app {
		top: -119px;
	}

}

@media only screen and ( max-width: 750px ){

	#dpog_ts_intro {
		padding: 0px 0px 200px 0px;

		padding: 0px 0px calc( 200px * var(--mag1) ) 0px;
	}

	#dpog_ts_intro #app {
		top: -119px;

		top: calc( -119px * var(--mag1) );
	}

	#dpog_ts_intro #dpog_ts_intro_in {
		padding: 36px 0px 0px 0px;

		padding: calc( 36px * var(--mag1) ) 0px 0px 0px;
	}

	#dpog_main h2.drop_head2 img {
		height: 140px;

		height: calc( 140px * var(--mag1) );
	}

	#dpog_main h2.drop_head2 .drop_head2_text {
		font-size: 18px;
		line-height: 18px;

		font-size: calc( 18px * var(--mag15) );
		line-height: calc( 18px * var(--mag15) );
		bottom: -0.5em;
	}

}




#dpog_ts_intro #dpog_ts_intro_main {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 1000px;
	height: auto;
	position: relative;
}

#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text1 {
	margin: 52px auto 62px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 1000px;
	height: auto;
	position: relative;
}

#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text1 #dpog_ts_intro_text_image01 {
	margin: 0px auto 32px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 165px;
}

#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text1 p {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	text-align: center;
	font-size: 20px;
	line-height: 41px;
	letter-spacing: 0.0em;
	color: #f0f0e9;
	text-decoration: none;
}

#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text2 {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: auto;
	height: auto;
	position: relative;
}

#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text2 a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none;
	transition: opacity 0.3s ease 0s;
}

#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text2 a:hover {
	opacity: 0.5;
}

#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text2 a img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 53px;
}

@media only screen and ( max-width: 1000px ){

	#dpog_ts_intro #dpog_ts_intro_main {
		width: auto;
	}

	#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text1 {
		width: auto;
	}

	#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text1 p {
		margin-left: 42px;
		margin-right: 42px;
	}

}

@media only screen and ( max-width: 824px ){

	#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text1 #dpog_ts_intro_text_image01 {
		width: 93.0825vw;
		height: auto;
	}

}

@media only screen and ( max-width: 750px ){

	#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text1 {
		margin: 52px auto 52px auto;

		margin: calc( 52px * var(--mag15) ) auto calc( 52px * var(--mag15) ) auto;
	}

	#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text1 #dpog_ts_intro_text_image01 {
		margin: 0px auto 32px auto;

		margin: 0px auto calc( 32px * var(--mag15) ) auto;
	}

	#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text1 p {
		margin-left: 42px;
		margin-right: 42px;
		font-size: 20px;
		line-height: 41px;

		margin-left: calc( 42px * var(--mag15) );
		margin-right: calc( 42px * var(--mag15) );
		font-size: calc( 20px * var(--mag13) );
		line-height: calc( 41px * var(--mag13) );
	}

	#dpog_ts_intro #dpog_ts_intro_main #dpog_ts_intro_text2 a img {
		height: 53px;

		height: calc( 53px * var(--mag13) );
	}

}




/* ------------------------------------------------------------------------------------------------ PV */




#dpog_top_pv {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 200px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

#dpog_top_pv #dpog_top_pv_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	position: relative;
}

#dpog_top_pv #dpog_top_pv_main {
	margin: 88px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 960px;
	height: auto;
	position: relative;
}

#dpog_top_pv #dpog_top_pv_main #dpog_top_pv_main_bg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: calc( 100% + 32px );
	height: calc( 100% + 32px );
	position: absolute;
	top: -16px;
	left: -16px;
	background-color: #540224;
	border-style: solid;
	border-color: #c4a577;
	border-width: 8px 8px 8px 8px;
	box-sizing: border-box;
}

#dpog_top_pv #dpog_top_pv_main .youtube_iframe {
	margin: 0px 0px 0px 0px;
	padding: 56.25% 0px 0px 0px;
	height: 0px;
	width: 100%;
	position: relative;

	padding-top: 57.25%;
}

#dpog_top_pv #dpog_top_pv_main .youtube_iframe a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	display: block;
	transition: opacity 0.3s ease 0s;
}

#dpog_top_pv #dpog_top_pv_main .youtube_iframe a:hover {
	opacity: 0.5;
}

#dpog_top_pv #dpog_top_pv_main .youtube_iframe img,
#dpog_top_pv #dpog_top_pv_main .youtube_iframe iframe {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

@media only screen and ( max-width: 1096px ){

	#dpog_top_pv #dpog_top_pv_main {
		margin-left: 68px;
		margin-right: 68px;
		width: auto;
	}

}

@media only screen and ( max-width: 750px ){

	#dpog_top_pv {
		padding: 0px 0px 200px 0px;

		padding: 0px 0px calc( 200px * var(--mag1) ) 0px;
	}

	#dpog_top_pv #dpog_top_pv_main {
		margin: 88px 48px 0px 48px;

		margin: calc( 88px * var(--mag1) ) calc( 68px * var(--mag1) ) 0px calc( 68px * var(--mag1) );
	}

	#dpog_top_pv #dpog_top_pv_main #dpog_top_pv_main_bg {
		width: calc( 100% + 32px );
		height: calc( 100% + 32px );
		top: -16px;
		left: -16px;
		border-width: 8px 8px 8px 8px;

		width: calc( 100% + ( 32px * var(--mag1) ) );
		height: calc( 100% + ( 32px * var(--mag1) ) );
		top: calc( -16px * var(--mag1) );
		left: calc( -16px * var(--mag1) );
		border-width: calc( 8px * var(--mag1) );
	}

}




#dpog_top_pv #dpog_top_pv_main_button {
	margin: 66px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: auto;
	height: auto;
	position: relative;
}

#dpog_top_pv #dpog_top_pv_main_button a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none;
	transition: opacity 0.3s ease 0s;
}

#dpog_top_pv #dpog_top_pv_main_button a:hover {
	opacity: 0.5;
}

#dpog_top_pv #dpog_top_pv_main_button a img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 53px;
}

@media only screen and ( max-width: 750px ){

	#dpog_top_pv #dpog_top_pv_main_button {
		margin: 66px auto 0px auto;

		margin: calc( 66px * var(--mag13) ) auto 0px auto;
	}

	#dpog_top_pv #dpog_top_pv_main_button a img {
		height: 53px;

		height: calc( 53px * var(--mag13) );
	}

}


/* ------------------------------------------------------------------------------------------------ On air */




#dpog_top_onair {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

#dpog_top_onair #dpog_top_onair_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	position: relative;
}

#dpog_top_onair #dpog_top_onair_text_image01 {
	margin: 72px auto 200px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 123px;
}

@media only screen and ( max-width: 1000px ){

	#dpog_top_onair #dpog_top_onair_text_image01 {
		width: 83.2vw;
		height: auto;
	}

}

@media only screen and ( max-width: 750px ){

	#dpog_top_onair #dpog_top_onair_text_image01 {
		margin: 72px auto 200px auto;

		margin: calc( 72px * var(--mag13) ) auto calc( 200px * var(--mag1) ) auto;
	}

}




/* ------------------------------------------------------------------------------------------------ Story */




#dpog_top_story {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

#dpog_top_story::before {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	content: '';
	width: 100%;
	height: calc( 100% - 75px - 75px );
	position: absolute;
	top: 75px;
	left: 0px;
	background-color: #530526;
}

#dpog_top_story #dpog_top_story_in {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 1700px;
	height: auto;
	background-color: transparent;
	box-sizing: border-box;
}

#dpog_top_story #dpog_top_story_in2 {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	box-sizing: border-box;
	position: relative;
	background-color: transparent;
	background-repeat: no-repeat;

	background-image:
		url("../images/story_bg01_head.png"),
		url("../images/story_bg01_head_bottom.png"),
		url("../images/story_bg01_topleft.png"),
		url("../images/story_bg01_topright.png"),
		url("../images/story_bg01_bottomright.png"),
		url("../images/story_bg01_bottomleft.png"),
		url("../images/story_bg01_top.png"),
		url("../images/story_bg01_right.png"),
		url("../images/story_bg01_bottom.png"),
		url("../images/story_bg01_left.png"),
		url("../images/story_bg01_center.png");

	background-size:
		579px 270px,
		579px 270px,
		160px 270px,
		160px 270px,
		160px 270px,
		160px 270px,
		calc( 100% - 320px + 2px ) 270px,
		160px calc( 100% - 540px + 2px ),
		calc( 100% - 320px + 2px ) 270px,
		160px calc( 100% - 540px + 2px ),
		calc( 100% - 320px + 2px ) calc( 100% - 320px + 2px );

	background-position:
		center top,
		center bottom,
		left top,
		right top,
		right bottom,
		left bottom,
		center top,
		right center,
		center bottom,
		left center,
		center center;
}

#dpog_top_story #dpog_top_story_in2::before {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	content: '';
	width: 100%;
	height: 336px;
	position: absolute;
	bottom: 66px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/story_bg01_head_bottom_glass.png");
	background-color: transparent;
	background-size: auto 100%;
}

#dpog_top_story #dpog_top_story_in3 {
	margin: 0px auto 0px auto;
	padding: 250px 0px 250px 0px;
	display: block;
	width: 1000px;
	height: auto;
	position: relative;
}

@media only screen and ( max-width: 1736px ){

	#dpog_top_story #dpog_top_story_in {
		margin: 0px 45px 0px 45px;
		margin: 0px 30px 0px 30px;
		width: auto;
	}

	#dpog_top_story #dpog_top_story_in2 {
		background-image:
			url("../images/story_bg01_head_sp.png"),
			url("../images/story_bg01_head_bottom.png"),
			url("../images/story_bg01_topleft.png"),
			url("../images/story_bg01_topright.png"),
			url("../images/story_bg01_bottomright.png"),
			url("../images/story_bg01_bottomleft.png"),
			url("../images/story_bg01_top.png"),
			url("../images/story_bg01_right.png"),
			url("../images/story_bg01_bottom.png"),
			url("../images/story_bg01_left.png"),
			url("../images/story_bg01_center.png");

		background-size:
			579px 270px,
			579px 270px,
			160px 270px,
			160px 270px,
			160px 270px,
			160px 270px,
			calc( 100% - 320px + 2px ) 270px,
			160px calc( 100% - 540px + 2px ),
			calc( 100% - 320px + 2px ) 270px,
			160px calc( 100% - 540px + 2px ),
			calc( 100% - 320px + 2px ) calc( 100% - 320px + 2px );

		background-size:
			auto 15.5529vw,
			auto 15.5529vw,
			auto 15.5529vw,
			auto 15.5529vw,
			auto 15.5529vw,
			auto 15.5529vw,
			calc( 100% - 18.4331vw + 2px ) 15.5529vw,
			9.2165vw calc( 100% - 31.1059vw + 2px ),
			calc( 100% - 18.4331vw + 2px ) 15.5529vw,
			9.2165vw calc( 100% - 31.1059vw + 2px ),
			calc( 100% - 18.4331vw + 2px ) calc( 100% - 18.4331vw + 2px );
	}

	#dpog_top_story #dpog_top_story_in3 {
		padding-top: 60px;
	}

}

@media only screen and ( max-width: 1182px ){

	#dpog_top_story #dpog_top_story_in3 {
		margin: 0px 50px 0px 50px;
		width: auto;
	}

}

@media only screen and ( max-width: 1000px ){

}

@media only screen and ( max-width: 750px ){

	#dpog_top_story::before {
		height: calc( 100% - 75px - 75px );
		top: 75px;

		height: calc( 100% - ( 75px * var(--mag13) ) - ( 75px * var(--mag13) ) );
		top: calc( 75px * var(--mag13) );
	}

	#dpog_top_story #dpog_top_story_in3 {
		margin: 0px 50px 0px 50px;
		padding: 60px 0px 250px 0px;

		margin: 0px calc( 0px * var(--mag1) ) 0px calc( 0px * var(--mag1) );
		padding: calc( 60px * var(--mag1) ) 0px calc( 250px * var(--mag1) ) 0px;
	}

	#dpog_top_story #dpog_top_story_in2::before {
		height: 336px;
		bottom: 66px;

		height: calc( 336px * var(--mag1) );
		bottom: calc( 66px * var(--mag1) );
	}

}




#dpog_top_story #dpog_top_story_in #dpog_top_story_in2 .drop_head2 {
	display: none;
	margin-bottom: 50px;
}

#dpog_top_story #dpog_top_story_in #dpog_top_story_in2 .drop_head2 .drop_head2_text {
	color: #903638;
}

#dpog_top_story .story_head2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	top: 180px;
	left: 0px;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.0em;
	color: #903638;
	text-decoration: none;
}

#dpog_top_story #dpog_top_story_text_image01 {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

#dpog_top_story p {
	margin: 48px auto 58px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	text-align: center;
	font-size: 18px;
	line-height: 38px;
	letter-spacing: 0.0em;
	color: #530526;
	text-decoration: none;
}

#dpog_top_story h3 {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	text-align: center;
	font-size: 30px;
	line-height: 58px;
	letter-spacing: 0.0em;
	color: #530526;
	text-decoration: none;
	font-weight: 400;
}

@media only screen and ( max-width: 1736px ){

	#dpog_top_story #dpog_top_story_in #dpog_top_story_in2 .drop_head2 {
		display: block;
	}

	#dpog_top_story .story_head2 {
		display: none;
	}

}

@media only screen and ( max-width: 750px ){

	#dpog_top_story #dpog_top_story_text_image01 {
		width: calc( 100% - ( 80px * var(--mag1) ) );
		box-sizing: border-box;
	}

	#dpog_top_story #dpog_top_story_in #dpog_top_story_in2 .drop_head2 {
		margin-bottom: 50px;

		margin-bottom: calc( 50px * var(--mag13) );
	}

	#dpog_top_story p {
		margin: 48px auto 58px auto;
		font-size: 18px;
		line-height: 38px;

		margin: calc( 48px * var(--mag13) ) auto calc( 58px * var(--mag13) ) auto;
		font-size: calc( 18px * var(--mag13) );
		line-height: calc( 38px * var(--mag13) );
	}

	#dpog_top_story h3 {
		font-size: 30px;
		line-height: 58px;

		font-size: calc( 30px * var(--mag13) );
		line-height: calc( 58px * var(--mag13) );
	}

}




/* ------------------------------------------------------------------------------------------------ Staff */




#dpog_ts_staff {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	background-repeat: repeat;
	background-position: center center;
	background-image: url("../images/staff_bg02.jpg");
	background-color: transparent;
	background-size: 946px 946px;
	position: relative;
}

#dpog_ts_staff #dpog_ts_staff_in {
	margin: 0px auto 0px auto;
	padding: 22px 36px 22px 36px;
	display: block;
	width: 1400px;
	height: auto;
	background-color: #f3eee2;
	box-sizing: border-box;
}

#dpog_ts_staff #dpog_ts_staff_in2 {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	box-sizing: border-box;
	background-color: transparent;
	background-repeat: no-repeat;

	background-image:
		url("../images/staff_bg01_topleft.png"),
		url("../images/staff_bg01_topright.png"),
		url("../images/staff_bg01_bottomright.png"),
		url("../images/staff_bg01_bottomleft.png"),
		url("../images/staff_bg01_top.png"),
		url("../images/staff_bg01_bottom.png");

	background-size:
		140px 140px,
		140px 140px,
		140px 140px,
		140px 140px,
		calc( 100% - 280px + 2px ) 140px,
		calc( 100% - 280px + 2px ) 140px;

	background-position:
		left top,
		right top,
		right bottom,
		left bottom,
		center top,
		center bottom;
}

#dpog_ts_staff #dpog_ts_staff_in3 {
	margin: 0px auto 0px auto;
	padding: 0px 0px 96px 0px;
	display: block;
	width: 1000px;
	height: auto;
	position: relative;
}

@media only screen and ( max-width: 1400px ){

	#dpog_ts_staff #dpog_ts_staff_in {
		width: auto;
	}

}

@media only screen and ( max-width: 1100px ){

	#dpog_ts_staff #dpog_ts_staff_in3 {
		margin: 0px 0px 0px 0px;
		width: auto;
	}

}

@media only screen and ( max-width: 750px ){

	#dpog_ts_staff {
		background-size: 946px 946px;

		background-size: calc( 30px * var(--mag1) ) calc( 30px * var(--mag1) );
	}

	#dpog_ts_staff #dpog_ts_staff_in {
		padding: 22px 36px 22px 36px;

		padding: calc( 22px * var(--mag13) ) calc( 36px * var(--mag13) ) calc( 22px * var(--mag13) ) calc( 36px * var(--mag13) );
	}

	#dpog_ts_staff #dpog_ts_staff_in2 {
		background-size:
			140px 140px,
			140px 140px,
			140px 140px,
			140px 140px,
			calc( 100% - 280px + 2px ) 140px,
			calc( 100% - 280px + 2px ) 140px;

		background-size:
			calc( 140px * var(--mag1) ) calc( 140px * var(--mag1) ),
			calc( 140px * var(--mag1) ) calc( 140px * var(--mag1) ),
			calc( 140px * var(--mag1) ) calc( 140px * var(--mag1) ),
			calc( 140px * var(--mag1) ) calc( 140px * var(--mag1) ),
			calc( 100% - ( 280px * var(--mag1) ) + 2px ) calc( 140px * var(--mag1) ),
			calc( 100% - ( 280px * var(--mag1) ) + 2px ) calc( 140px * var(--mag1) );
	}

	#dpog_ts_staff #dpog_ts_staff_in3 {
		padding: 0px 0px 96px 0px;

		padding: 0px 0px calc( 96px * var(--mag13) ) 0px;
	}

}




#dpog_ts_staff h2 {
	margin: 0px 0px 24px 0px;
	padding: 96px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
}

#dpog_ts_staff h2 img {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 40px;
}

@media only screen and ( max-width: 750px ){

	#dpog_ts_staff h2 {
		margin: 0px 0px 24px 0px;
		padding: 96px 0px 0px 0px;

		margin: 0px 0px calc( 24px * var(--mag13) ) 0px;
		padding: calc( 96px * var(--mag13) ) 0px 0px 0px;
	}

	#dpog_ts_staff h2 img {
		height: 40px;

		height: calc( 40px * var(--mag13) );
	}

}




#dpog_ts_staff hr {
	margin: 24px 0px 44px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 9px;
	border-width: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/staff_hr01.png");
	background-color: transparent;
	background-size: 100% 100%;
	position: relative;
}

#dpog_ts_staff .staff_list {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: auto;
	display: block;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	position: relative;
}

#dpog_ts_staff .staff_list .staff_list_item {
	margin: 14px 0px 14px 0px;
	padding: 0px 0.5em 0px 0.5em;
	width: auto;
	height: auto;
	display: block;
	list-style-type: none;
	min-width: 33%;
	box-sizing: border-box;

	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}

#dpog_ts_staff .staff_list .long {
	width: 100%;
}

#dpog_ts_staff .staff_list .comment_modal_trigger {
	cursor: pointer;
	transition: opacity 0.3s ease 0s;
}

#dpog_ts_staff .staff_list .comment_modal_trigger:hover {
	opacity: 0.5;
}

#dpog_ts_staff .staff_list .staff_list_item .staff_list_item_label {
	margin: 0px 0px 0px 0px;
	padding: 0px 0em 0px 0em;
	width: auto;
	height: auto;
	display: block;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	line-height: 32px;
	text-decoration: none;
	letter-spacing: -0.02em;
	color: #76623b;
}

#dpog_ts_staff .staff_list .staff_list_item .staff_list_item_name {
	margin: 0em 0px 0px 0em;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: auto;
	display: block;
	text-align: center;
	vertical-align: middle;
	font-size: 19px;
	line-height: 32px;
	text-decoration: none;
	letter-spacing: -0.02em;
	color: #363227;
}

#dpog_ts_staff .staff_list .long .staff_list_item_name {
	font-size: 24px;
	line-height: 34px;
}

#dpog_ts_staff .staff_list .staff_list_item .staff_list_item_sub {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: auto;
	display: block;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	line-height: 25px;
	text-decoration: none;
	letter-spacing: 0.04em;
	color: #363227;
}

#dpog_ts_staff .staff_list .staff_list_item .balloon_cover {
	display: inline-block;
	position: relative;
	margin-left: 0.25em;
	width: 25px;
}

#dpog_ts_staff .staff_list .staff_list_item .balloon_cover img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 50%;
	left: 0%;
}

@media only screen and ( max-width: 750px ){

	#dpog_ts_staff hr {
		margin: 24px 0px 44px 0px;
		height: 9px;

		margin: calc( 24px * var(--mag13) ) 0px calc( 44px * var(--mag13) ) 0px;
		height: calc( 9px * var(--mag13) );
	}

	#dpog_ts_staff .staff_list {
		margin: 20px 0px 0px 0px;

		margin: calc( 20px * var(--mag13) ) 0px 0px 0px;
	}

	#dpog_ts_staff .staff_list .staff_list_item {
		margin: 14px 0px 14px 0px;
		min-width: 33%;

		margin: calc( 14px * var(--mag13) ) 0px calc( 14px * var(--mag13) ) 0px;
		min-width: 50%;
	}

	#dpog_ts_staff .staff_list .long {
		width: 100%;
	}

	#dpog_ts_staff .staff_list .staff_list_item .staff_list_item_label {
		font-size: 16px;
		line-height: 32px;

		font-size: calc( 16px * var(--mag13) );
		line-height: calc( 32px * var(--mag13) );
	}

	#dpog_ts_staff .staff_list .staff_list_item .staff_list_item_name {
		font-size: 19px;
		line-height: 32px;

		font-size: calc( 19px * var(--mag13) );
		line-height: calc( 32px * var(--mag13) );
	}

	#dpog_ts_staff .staff_list .long .staff_list_item_name {
		font-size: 24px;
		line-height: 34px;

		font-size: calc( 24px * var(--mag13) );
		line-height: calc( 34px * var(--mag13) );
	}

	#dpog_ts_staff .staff_list .staff_list_item .staff_list_item_sub {
		font-size: 16px;
		line-height: 25px;

		font-size: calc( 16px * var(--mag13) );
		line-height: calc( 25px * var(--mag13) );
	}

	#dpog_ts_staff .staff_list .staff_list_item .balloon_cover {
		width: 25px;

		width: calc( 25px * var(--mag13) );
	}

}




/* ------------------------------------------------------------------------------------------------ Char */




#dpog_ts_char {
	margin: 0px 0px 0px 0px;
	padding: 130px 0px 130px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

#dpog_ts_char #dpog_ts_char_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

@media only screen and ( max-width: 750px ){

	#dpog_ts_char {
		padding: calc( 130px * var(--mag13) ) 0px calc( 130px * var(--mag13) ) 0px;
	}

}




#dpog_ts_char .char_list {
	margin: 70px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}

#dpog_ts_char .char_list .char_list_item {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	height: 150px;
	display: block;
	list-style-type: none;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #cdbe99;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px;
	transition: background-color 0.3s ease 0s;
	cursor: pointer;
	position: relative;
}

#dpog_ts_char .char_list .current,
#dpog_ts_char .char_list .char_list_item:hover {
	background-color: #101228;
}

#dpog_ts_char .char_list .char_list_item img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

@media only screen and ( max-width: 750px ){

	#dpog_ts_char .char_list {
		margin: 70px 0px 40px 0px;

		margin: calc( 70px * var(--mag13) ) 0px calc( 40px * var(--mag13) ) 0px;
	}

	#dpog_ts_char .char_list .char_list_item {
		margin: 10px 10px 10px 10px;
		width: 150px;
		height: 150px;

		margin: calc( 10px * var(--mag13) );
		width: calc( 150px * var(--mag1) );
		height: calc( 150px * var(--mag1) );
	}

}




#dpog_ts_char #char_list_body {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 1000px;
}

#dpog_ts_char #char_list_body #char_list_body_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url("../images/char_elem_bg01.png");
	background-color: transparent;
	background-size: 40% auto;
}

#dpog_ts_char #char_list_body .char_list_body_item {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	display: block;

	position: absolute;
	top: 0px;
	left: 0px;
	/*opacity: 0.0;*/
	/*transition: opacity 0.3s ease 0s;*/
	display: none;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	justify-content: space-between;
	flex-direction: row;
	align-items: stretch;
}

#dpog_ts_char #char_list_body .char_list_body_item:nth-child(1) {
	opacity: 1.0;
	display: block;
	/*position: relative;*/
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_left {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 40%;
	display: block;
	position: relative;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_left img {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 94%;
	height: auto;
	position: absolute;
	position: relative;
	top: 0px;
	left: 0%;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_right {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 55%;
	display: block;
	/*flex: 1;*/
	position: relative;

	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: column;
	align-items: flex-start;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	position: relative;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof .prof_name {
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	display: block;
	width: auto;
	list-style-type: none;
	text-align: center;
	font-size: 48px;
	line-height: 68px;
	letter-spacing: 0.08em;
	color: #f0f0e9;
	text-decoration: none;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof .prof_cv_cover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof .balloon_cover {
	margin: 0.5em 0px 0px 0px;
	padding: 0px 0px 0px 0.5em;
	display: inline-block;
	width: auto;
	list-style-type: none;
	text-align: left;
	font-size: 29px;
	line-height: 41px;
	letter-spacing: 0.0em;
	color: #f0f0e9;
	text-decoration: none;
	position: relative;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof .comment_modal_trigger {
	transition: opacity 0.3s ease 0s;
	cursor: pointer;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof .comment_modal_trigger:hover {
	opacity: 0.5;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof .balloon_cover img {
	margin: 0px 0px 0px 0.25em;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	width: 0.8965em;
	height: auto;
/*
	position: absolute;
	bottom: 25%;
	left: 105%;
*/
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof .balloon_cover small {
	color: #bfa775;
	font-size: 65.5172%;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof hr {
	margin: 24px 0px 24px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 8px;
	border-width: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/char_elem_hr01.png");
	background-color: transparent;
	background-size: 100% 100%;
	position: relative;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof p {
	margin: 60px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	display: block;
	width: auto;
	list-style-type: none;
	text-align: left;
	font-size: 18px;
	line-height: 38px;
	letter-spacing: 0.0em;
	color: #f0f0e9;
	text-decoration: none;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_face {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 330px;
	height: auto;
	position: absolute;
	bottom: 0px;
	right: 70%;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_face img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

@media only screen and ( max-width: 1100px ){

	#dpog_ts_char #char_list_body {
		margin: 0px 50px 0px 50px;
		width: auto;
	}

}

@media only screen and ( max-width: 900px ){

	#dpog_ts_char #char_list_body #char_list_body_in {
		background-position: center top;
	}

	#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_in {
		margin: 0px 0px 0px 0px;
		display: block;
	}

	#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_left {
		margin: 0px auto 0px auto;
	}

	#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_right {
		width: 100%;
	}

	#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_face {
		width: 36.6666vw;
		bottom: 100%;
		right: 0%;
	}

}

@media only screen and ( max-width: 750px ){

	#dpog_ts_char #char_list_body {
		margin: 0px 50px 0px 50px;

		margin: 0px calc( 50px * var(--mag1) ) 0px calc( 50px * var(--mag1) );
	}

	#dpog_ts_char #char_list_body #char_list_body_in {
		background-size: 56% auto;
	}

	#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_left {
		width: 56%;
	}

	#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof .prof_name {
		padding: 0px 15px 0px 15px;
		font-size: 48px;
		line-height: 68px;

		padding: 0px calc( 15px * var(--mag13) ) 0px calc( 15px * var(--mag13) );
		font-size: calc( 48px * var(--mag1) );
		line-height: calc( 68px * var(--mag1) );
	}

	#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof .balloon_cover {
		font-size: 29px;
		line-height: 41px;

		font-size: calc( 29px * var(--mag1) );
		line-height: calc( 41px * var(--mag1) );
	}

	#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof hr {
		margin: 24px 0px 24px 0px;
		height: 8px;

		margin: calc( 24px * var(--mag13) ) 0px calc( 24px * var(--mag13) ) 0px;
		height: calc( 8px * var(--mag13) );
	}

	#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof p {
		margin: 60px 0px 0px 0px;
		padding: 0px 15px 0px 15px;
		font-size: 18px;
		line-height: 38px;

		margin: calc( 60px * var(--mag13) ) 0px 0px 0px;
		padding: 0px calc( 15px * var(--mag13) ) 0px calc( 15px * var(--mag13) );
		font-size: calc( 18px * var(--mag13) );
		line-height: calc( 38px * var(--mag13) );
	}

}




#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_left img,
#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof,
#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_face {
	transition: 0.5s;
	opacity: 0.0 !important;
	transform: translateX(-2.5vw) !important;
	filter: blur(8px);
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_left img {
	transition-delay: 0.1s;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_prof {
	transition-delay: 0.2s;
}

#dpog_ts_char #char_list_body .char_list_body_item .char_list_body_item_face {
	transition-delay: 0.3s;
}

#dpog_ts_char #char_list_body .char_anim_start .char_list_body_item_left img,
#dpog_ts_char #char_list_body .char_anim_start .char_list_body_item_prof,
#dpog_ts_char #char_list_body .char_anim_start .char_list_body_item_face {
	opacity: 1.0 !important;
	transform: translateX(0) !important;
	filter: blur(0px);
}




/* ------------------------------------------------------------------------------------------------ News */




#dpog_top_news {
	margin: 0px 0px 0px 0px;
	padding: 140px 0px 140px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

body.single #dpog_top_news,
body.archive #dpog_top_news {
	padding-top: 230px;
	padding-bottom: 230px;
}

#dpog_top_news #dpog_top_news_in {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 1000px;
}

#dpog_top_news #dpog_top_news_in2 {
	margin: 45px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: auto;
}

body.single #dpog_top_news #dpog_top_news_in2,
body.archive #dpog_top_news #dpog_top_news_in2 {
	margin-top: 85px;
}

#dpog_top_news .news_list {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
}

#dpog_top_news .news_list .news_list_item {
	margin: 0px 0px 18px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	list-style-type: none;
	background-repeat: repeat-x, repeat-x, no-repeat, no-repeat;
	background-position: center top, center bottom, left center, right center;
	background-image: url("../images/news_item_bg02_top.png"), url("../images/news_item_bg02_bottom.png"), url("../images/news_item_bg01_left.png"), url("../images/news_item_bg01_right.png");
	background-color: #e9e1cd;
	background-size: auto 14px, auto 14px, 234px auto, 234px auto;
}

#dpog_top_news .news_list .news_list_item .news_list_item_link {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	justify-content: flex-start;
	flex-direction: row;
	align-items: center;
	width: 100%;
	min-height: 120px;
	text-decoration: none;
}

body.single #dpog_top_news .news_list .news_list_item .news_list_item_link {
	display: block;
	box-sizing: border-box;
	padding: 62px 62px 62px 62px;
}

#dpog_top_news .news_list .news_list_item .news_list_item_link .news_list_item_date {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 140px;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0.0em;
	color: #660f34;
	font-weight: 400;
	text-decoration: none;
}

#dpog_top_news .news_list .news_list_item .news_list_item_link .news_list_item_title {
	margin: 0px 15px 0px 15px;
	padding: 28px 0px 28px 0px;
	display: block;
	flex: 1;
	width: auto;
	text-align: left;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0.0em;
	color: #660f34;
	font-weight: 400;
	text-decoration: none;
}

#dpog_top_news #dpog_top_news_bottom {
	margin: 57px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: auto;
	height: auto;
	position: relative;
}

#dpog_top_news #dpog_top_news_bottom a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none;
	transition: opacity 0.3s ease 0s;
}

#dpog_top_news #dpog_top_news_bottom a:hover {
	opacity: 0.5;
}

#dpog_top_news #dpog_top_news_bottom a img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 53px;
}

@media only screen and ( max-width: 1000px ){

	#dpog_top_news #dpog_top_news_in {
		margin: 0px 50px 0px 50px;
		width: auto;
	}

}

@media only screen and ( max-width: 750px ){

	#dpog_top_news {
		padding: 140px 0px 140px 0px;

		padding: calc( 140px * var(--mag13) ) 0px calc( 140px * var(--mag13) ) 0px;
	}

	body.single #dpog_top_news,
	body.archive #dpog_top_news {
		padding-top: 230px;

		padding-top: calc( 230px * var(--mag13) );
		padding-bottom: calc( 230px * var(--mag13) );
	}

	#dpog_top_news #dpog_top_news_in {
		margin: 0px 50px 0px 50px;

		margin: 0px calc( 50px * var(--mag1) ) 0px calc( 50px * var(--mag1) );
	}

	#dpog_top_news #dpog_top_news_in2 {
		margin: 45px auto 0px auto;

		margin: calc( 45px * var(--mag13) ) auto 0px auto;
	}

	body.single #dpog_top_news #dpog_top_news_in2,
	body.archive #dpog_top_news #dpog_top_news_in2 {
		margin-top: 85px;

		margin-top: calc( 85px * var(--mag13) );
	}

	#dpog_top_news .news_list .news_list_item {
		margin: 0px 0px 18px 0px;
		background-size: auto 14px, auto 14px, 234px auto, 234px auto;

		margin: 0px 0px calc( 18px * var(--mag13) ) 0px;
		background-size: auto calc( 14px * var(--mag13) ), auto calc( 14px * var(--mag13) ), calc( 234px * var(--mag13) ) auto, calc( 234px * var(--mag13) ) auto;
	}

	#dpog_top_news .news_list .news_list_item .news_list_item_link {
		display: block;
		min-height: 120px;

		min-height: calc( 120px * var(--mag13) );
	}

	body.single #dpog_top_news .news_list .news_list_item .news_list_item_link {
		box-sizing: border-box;
		padding: 62px 62px 62px 62px;

		padding:  calc( 62px * var(--mag13) )  calc( 30px * var(--mag13) )  calc( 62px * var(--mag13) )  calc( 30px * var(--mag13) );
	}

	#dpog_top_news .news_list .news_list_item .news_list_item_link .news_list_item_date {
		width: auto;
		text-align: left;
		font-size: 16px;
		line-height: 28px;

		font-size: calc( 16px * var(--mag13) );
		line-height: calc( 28px * var(--mag13) );
		margin-left: calc( 15px * var(--mag13) );
		padding-top: calc( 28px * var(--mag13) );
	}

	#dpog_top_news .news_list .news_list_item .news_list_item_link .news_list_item_title {
		margin: 0px 15px 0px 15px;
		padding: 28px 0px 28px 0px;
		font-size: 16px;
		line-height: 28px;

		margin: 0px calc( 15px * var(--mag13) ) 0px calc( 15px * var(--mag13) );
		padding: calc( 8px * var(--mag13) ) 0px calc( 28px * var(--mag13) ) 0px;
		font-size: calc( 16px * var(--mag13) );
		line-height: calc( 28px * var(--mag13) );
	}

	#dpog_top_news #dpog_top_news_bottom {
		margin: 57px auto 0px auto;

		margin: calc( 57px * var(--mag13) ) auto 0px auto;
	}

	#dpog_top_news #dpog_top_news_bottom a img {
		height: 53px;

		height: calc( 53px * var(--mag13) );
	}

}




#dpog_top_news .news_single_head {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center;
	vertical-align: middle;
	font-size: 22px;
	line-height: 34px;
	text-decoration: none;
	letter-spacing: 0.0em;
	color: #c4204b;
}

#dpog_top_news .news_single_head time {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	font-size: 14px;
	line-height: 18px;
}

#dpog_top_news .news_single_head .news_single_head_text {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
}

#dpog_top_news .news_single_box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

#dpog_top_news .news_list_item hr {
	margin: 32px 0px 32px 0px;
	padding: 0px 0px 0px 0px;
	width: 866px;
	height: 9px;
	border-width: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/staff_hr01.png");
	background-color: transparent;
	background-size: 100% 100%;
	position: relative;
}

#dpog_top_news .news_single_box h3,
#dpog_top_news .news_single_box h2,
#dpog_top_news .news_single_box p {
	margin: 28px 0px 28px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	line-height: 28px;
	text-decoration: none;
	letter-spacing: 0.08em;
	color: #530425;
}

#dpog_top_news .news_single_box h3,
#dpog_top_news .news_single_box h2 {
	margin-bottom: 14px;
	font-size: 20px;
	line-height: 36px;
}

#dpog_top_news .news_single_box h3 + p,
#dpog_top_news .news_single_box h2 + p {
	margin-top: 14px;
}

#dpog_top_news .news_single_box a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #bb9b6c;
	text-decoration: none;
}

#dpog_top_news .news_single_box a:hover {
	text-decoration: underline;
}

#dpog_top_news .news_single_box img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: auto;
	max-width: 100%;
}

@media only screen and ( max-width: 1096px ){

	#dpog_top_news .news_list_item hr {
		width: auto;
	}

}

@media only screen and ( max-width: 750px ){

	#dpog_top_news .news_single_head {
		font-size: 22px;
		line-height: 34px;

		font-size: calc( 22px * var(--mag13) );
		line-height: calc( 34px * var(--mag13) );
	}

	#dpog_top_news .news_single_head time {
		margin: 0px 0px 10px 0px;
		font-size: 14px;
		line-height: 18px;

		margin: 0px 0px calc( 10px * var(--mag13) ) 0px;
		font-size: calc( 14px * var(--mag13) );
		line-height: calc( 18px * var(--mag13) );
	}

	#dpog_top_news .news_list_item hr {
		margin: 32px 0px 32px 0px;
		height: 9px;

		margin: calc( 32px * var(--mag13) ) 0px calc( 32px * var(--mag13) ) 0px;
		height: calc( 9px * var(--mag13) );
	}

	#dpog_top_news .news_single_box h3,
	#dpog_top_news .news_single_box h2,
	#dpog_top_news .news_single_box p {
		margin: 28px 0px 28px 0px;
		font-size: 16px;
		line-height: 28px;

		margin: calc( 28px * var(--mag13) ) 0px calc( 28px * var(--mag13) ) 0px;
		font-size: calc( 16px * var(--mag13) );
		line-height: calc( 28px * var(--mag13) );
	}

	#dpog_top_news .news_single_box h3,
	#dpog_top_news .news_single_box h2 {
		margin-bottom: 14px;
		font-size: 20px;
		line-height: 36px;

		margin-bottom: calc( 14px * var(--mag13) );
		font-size: calc( 20px * var(--mag13) );
		line-height: calc( 36px * var(--mag13) );
	}

	#dpog_top_news .news_single_box h3 + p,
	#dpog_top_news .news_single_box h2 + p {
		margin-top: 14px;

		margin-top: calc( 14px * var(--mag13) );
	}

}




/* ------------------------------------------------------------------------------------------------ Footer */




#dpog_footer {
	margin: 0px 0px 0px 0px;
	padding: 100px 0px 60px 0px;
	display: block;
	width: 100%;
	height: auto;
	background-color: #ffffff;
	position: relative;
}

body.home #dpog_footer {
	background-color: #ffffff;
}

#dpog_footer #dpog_footer_logo {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 185px;
}

@media only screen and ( max-width: 750px ){

	#dpog_footer {
		padding: calc( 100px * var(--mag13) ) 0px calc( 60px * var(--mag13) ) 0px;

		padding-bottom: calc( 120px * var(--mag13) );
	}

	#dpog_footer #dpog_footer_logo {
		height: calc( 185px * var(--mag1) );
	}

}




#dpog_footer #main_footer_sns {
	margin: 40px 0px 60px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}

#dpog_footer #main_footer_sns img.sns_head {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 13px;
}

#dpog_footer #main_footer_sns a {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 31px;
	height: auto;
	transition: opacity 0.3s ease 0s;
}

#dpog_footer #main_footer_sns a:hover {
	opacity: 0.5;
}

#dpog_footer #main_footer_sns a img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

@media only screen and ( max-width: 750px ){

	#dpog_footer #main_footer_sns {
		margin: 40px 0px 60px 0px;

		margin: calc( 40px * var(--mag13) ) 0px calc( 60px * var(--mag13) ) 0px;
	}

	#dpog_footer #main_footer_sns img.sns_head {
		margin: 0px 8px 0px 8px;
		height: 13px;

		margin: 0px calc( 8px * var(--mag13) ) 0px calc( 8px * var(--mag13) );
		height: calc( 13px * var(--mag13) );
	}

	#dpog_footer #main_footer_sns a {
		margin: 0px 8px 0px 8px;
		width: 31px;

		margin: 0px calc( 8px * var(--mag13) ) 0px calc( 8px * var(--mag13) );
		width: calc( 31px * var(--mag13) );
	}

}




#dpog_footer #dpog_footer_nav {
	margin: 44px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}

#dpog_footer #dpog_footer_nav .dpog_footer_nav_link {
	margin: 16px 16px 16px 16px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center;
	font-size: 32px;
	line-height: 1.0;
	letter-spacing: 0.0em;
	color: #101228;
	text-decoration: none;
	transition: color 0.3s ease 0s;
}

#dpog_footer #dpog_footer_nav .current,
#dpog_footer #dpog_footer_nav .dpog_footer_nav_link:hover {
	color: #781737;
}

@media only screen and ( max-width: 750px ){

	#dpog_footer #dpog_footer_nav {
		margin: 44px 0px 0px 0px;
		padding: 0px 15px 0px 15px;

		margin: calc( 44px * var(--mag13) ) 0px 0px 0px;
		padding: 0px calc( 15px * var(--mag13) ) 0px calc( 15px * var(--mag13) );
	}

	#dpog_footer #dpog_footer_nav .dpog_footer_nav_link {
		margin: 16px 16px 16px 16px;
		font-size: 32px;

		margin: calc( 16px * var(--mag13) );
		font-size: calc( 32px * var(--mag13) );
	}

}




#dpog_footer .cr {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.0em;
	color: #101228;
	text-decoration: none;
}

@media only screen and ( max-width: 750px ){

	#dpog_footer .cr {
		font-size: calc( 14px * var(--mag13) );
		line-height: calc( 18px * var(--mag13) );
	}

}




/* ------------------------------------------------------------------------------------------------ com modal */




.com_modal_cover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 100dvh;
	position: fixed;
	top: 0px;
	left: 0px;

	opacity: 0.0;
	display: none;
	z-index: 30000;
}

.com_modal_cover .com_modal_overlay {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #9f0e31;
	opacity: 0.8;
}

.com_modal_cover .com_modal_box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: 1400px;
	height: calc( 100% - 24px - 24px );
	position: relative;
}

.com_modal_cover .com_modal_box .com_modal_box_top {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	display: block;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	flex-direction: row;
	align-items: flex-start;
	width: 100%;
	height: auto;
}

.com_modal_cover .com_modal_box .com_modal_box_top .com_modal_box_close {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 115px;
	position: relative;
	cursor: pointer;
}

.com_modal_cover .com_modal_box .com_modal_box_top .com_modal_box_close img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 100%;
}

.com_modal_cover .com_modal_box .com_modal_box_top .com_modal_box_close img.close02 {
	position: absolute;
	top: 50%;
	left: -18px;
	height: 12.1739%;
	margin-top: -7px;
}

.com_modal_cover .com_modal_box .com_modal_box_body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	flex: 1;

	height: calc( 100% - 145px );
}

.com_modal_cover .com_modal_box .com_modal_box_body .com_modal_box_body_in {
	margin: 0px 0px 0px 0px;
	padding: 12px 12px 12px 12px;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #e4ded5;
	border-style: solid;
	border-color: #bfa985;
	border-width: 24px;
	box-sizing: border-box;
}

.com_modal_cover .com_modal_box .com_modal_box_body .com_modal_box_body_in2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: transparent;
	background-repeat: no-repeat;

	background-image:
		url("../images/staff_bg01_topleft.png"),
		url("../images/staff_bg01_topright.png"),
		url("../images/staff_bg01_bottomright.png"),
		url("../images/staff_bg01_bottomleft.png"),
		url("../images/staff_bg01_top.png"),
		url("../images/staff_bg01_bottom.png");

	background-size:
		90px 90px,
		90px 90px,
		90px 90px,
		90px 90px,
		calc( 100% - 180px + 2px ) 90px,
		calc( 100% - 180px + 2px ) 90px;

	background-position:
		left top,
		right top,
		right bottom,
		left bottom,
		center top,
		center bottom;
}

.com_modal_cover .com_modal_box .com_modal_box_body .com_modal_box_body_in3 {
	margin: 0px 0px 0px 0px;
	padding: 48px 48px 48px 48px;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.com_modal_cover .com_modal_box .com_modal_box_body .com_modal_box_body_in4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	/*display: flex;*/
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	width: auto;
	height: 100%;
	overflow: auto;
}

.com_modal_cover .com_modal_box .com_modal_box_body .com_modal_box_body_in5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
}

.com_modal_cover .com_modal_box .com_modal_box_body .cast_image {
	margin: 32px auto 62px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
}

.com_modal_cover .com_modal_box .com_modal_box_body h3 {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center;
	font-size: 26px;
	line-height: 40px;
	letter-spacing: 0.08em;
	color: #a71e3f;
	font-weight: 400;
	text-decoration: none;
}

.com_modal_cover .com_modal_box .com_modal_box_body hr {
	margin: 18px auto 40px auto;
	padding: 0px 0px 0px 0px;
	width: 866px;
	height: 9px;
	border-width: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/com_modal_hr01.png");
	background-color: transparent;
	background-size: 100% 100%;
	position: relative;
}

.com_modal_cover .com_modal_box .com_modal_box_body p {
	margin: 31px 0px 31px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 31px;
	letter-spacing: 0.08em;
	color: #530425;
	font-weight: 400;
	text-decoration: none;
}

.com_modal_cover .com_modal_box .com_modal_box_body .text_pc {
	display: block;
}

.com_modal_cover .com_modal_box .com_modal_box_body .text_sp {
	display: none;
}

@media only screen and ( max-width: 1448px ){

	.com_modal_cover .com_modal_box {
		margin: 0px 24px 0px 24px;
		width: auto;
	}

}

@media only screen and ( max-width: 1082px ){

	.com_modal_cover .com_modal_box .com_modal_box_body hr {
		width: auto;
	}

}

@media only screen and ( max-width: 750px ){

	.com_modal_cover .com_modal_box {
		height: calc( 100% - 24px - 24px );

		height: calc( 100% - ( 24px * var(--mag1) ) - ( 24px * var(--mag1) ) );
	}

	.com_modal_cover .com_modal_box .com_modal_box_top {
		padding: 0px 0px 30px 0px;

		padding: 0px 0px calc( 24px * var(--mag1) ) 0px;
	}

	.com_modal_cover .com_modal_box .com_modal_box_top .com_modal_box_close {
		height: 115px;

		height: calc( 64px * var(--mag1) );
	}

	.com_modal_cover .com_modal_box .com_modal_box_top .com_modal_box_close img.close02 {
		top: 50%;
		left: -18px;
		height: 12.1739%;
		margin-top: -7px;

		left: calc( -36px * var(--mag1) );
		height: 26.1739%;
		margin-top: calc( -8px * var(--mag1) );
	}

	.com_modal_cover .com_modal_box .com_modal_box_body {
		height: calc( 100% - 145px );

		height: calc( 100% - ( 88px * var(--mag1) ) );
	}

	.com_modal_cover .com_modal_box .com_modal_box_body .com_modal_box_body_in {
		padding: 12px 12px 12px 12px;
		border-width: 24px;

		padding: calc( 12px * var(--mag13) );
		border-width: calc( 24px * var(--mag13) );

		border-width: calc( 12px * var(--mag13) );
	}

	.com_modal_cover .com_modal_box .com_modal_box_body .com_modal_box_body_in2 {
		background-size:
			90px 90px,
			90px 90px,
			90px 90px,
			90px 90px,
			calc( 100% - 180px + 2px ) 90px,
			calc( 100% - 180px + 2px ) 90px;

		background-size:
			calc( 90px * var(--mag1) ) calc( 90px * var(--mag1) ),
			calc( 90px * var(--mag1) ) calc( 90px * var(--mag1) ),
			calc( 90px * var(--mag1) ) calc( 90px * var(--mag1) ),
			calc( 90px * var(--mag1) ) calc( 90px * var(--mag1) ),
			calc( 100% - ( 180px * var(--mag1) ) + 2px ) calc( 90px * var(--mag1) ),
			calc( 100% - ( 180px * var(--mag1) ) + 2px ) calc( 90px * var(--mag1) );
	}

	.com_modal_cover .com_modal_box .com_modal_box_body .com_modal_box_body_in3 {
		padding: 48px 48px 48px 48px;

		padding: calc( 48px * var(--mag13) ) calc( 24px * var(--mag13) ) calc( 48px * var(--mag13) ) calc( 24px * var(--mag13) );

		padding: calc( 48px * var(--mag13) ) calc( 12px * var(--mag13) ) calc( 48px * var(--mag13) ) calc( 12px * var(--mag13) );

		padding: calc( 48px * var(--mag13) ) calc( 36px * var(--mag13) ) calc( 48px * var(--mag13) ) calc( 36px * var(--mag13) );
	}

	.com_modal_cover .com_modal_box .com_modal_box_body .cast_image {
		margin: 32px auto 62px auto;

		margin: calc( 32px * var(--mag13) ) auto calc( 62px * var(--mag13) ) auto;
	}

	.com_modal_cover .com_modal_box .com_modal_box_body h3 {
		font-size: 26px;
		line-height: 40px;

		font-size: calc( 26px * var(--mag13) );
		line-height: calc( 40px * var(--mag13) );
	}

	.com_modal_cover .com_modal_box .com_modal_box_body hr {
		margin: 18px auto 40px auto;
		height: 9px;

		margin: calc( 18px * var(--mag13) ) auto calc( 40px * var(--mag13) ) auto;
		height: calc( 5px * var(--mag13) );
	}

	.com_modal_cover .com_modal_box .com_modal_box_body p {
		margin: 31px 0px 31px 0px;
		font-size: 18px;
		line-height: 31px;

		margin: calc( 31px * var(--mag13) ) 0px calc( 31px * var(--mag13) ) 0px;
		font-size: calc( 18px * var(--mag13) );
		line-height: calc( 31px * var(--mag13) );

		text-align: left;
	}

	.com_modal_cover .com_modal_box .com_modal_box_body .text_pc {
		display: none;
	}

	.com_modal_cover .com_modal_box .com_modal_box_body .text_sp {
		display: block;
	}

}




/* ------------------------------------------------------------------------------------------------ splash screen */





#splash_screen {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 100dvh;
	position: fixed;
	top: 0px;
	left: 0px;
	background-repeat: repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/bg_tile01.png");
	background-color: #75102f;
	background-size: 267px 274px;
	z-index: 60000;
}

#splash_screen #splash_screen_img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 170px;
	opacity: 0.0;
	filter: blur(8px);
	transition-property: opacity, filter;
	transition-duration: 0.2s;
	transition-timing-function: linear;
}

@media only screen and ( max-width: 750px ){

	#splash_screen {
		background-size: 267px 274px;

		background-size: calc( 267px * var(--mag1) ) calc( 274px * var(--mag1) );
	}

	#splash_screen #splash_screen_img {
		height: 30.6666vw;
		height: 22.6666vw;
	}

}




/* ------------------------------------------------------------------------------------------------ back to top */




#menu_scrtop_button2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: fixed;
	bottom: 20px;
	right: 40px;
	width: auto;
	height: auto;
	z-index: 20100;
	transition: opacity 0.3s ease 0s;
	opacity: 0.0;
	pointer-events: none;
}

body.menu_adjust #menu_scrtop_button2 {
	opacity: 1.0;
	pointer-events: auto;
	cursor: pointer;
}

#menu_scrtop_button2 #back_to_top {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 24px;
	position: relative;
}

#menu_scrtop_button2 #back_to_top img:nth-child(1) {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	bottom: 7%;
	right: 115%;
	width: auto;
	height: 18px;
}

#menu_scrtop_button2 #back_to_top img:nth-child(2) {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 100%;
	position: relative;
}

@media only screen and ( max-width: 750px ){

	#menu_scrtop_button2 {
		bottom: 20px;
		right: 40px;

		bottom: calc( 20px * var(--mag13) );
		right: calc( 40px * var(--mag13) );
	}

	#menu_scrtop_button2 #back_to_top {
		height: 24px;

		height: calc( 24px * var(--mag15) );
	}

	#menu_scrtop_button2 #back_to_top img:nth-child(1) {
		bottom: 7%;
		right: 115%;
		height: 18px;

		height: calc( 18px * var(--mag15) );
	}

}




/* ------------------------------------------------------------------------------------------------ fixed sns */




#menu_sns_buttons {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	flex-direction: column;
	align-items: center;
	position: fixed;
	bottom: calc( 100% - 200px - 120px );
	left: calc( 100% - 40px - 38px );
	width: auto;
	height: auto;
	z-index: 20200;
}

#menu_sns_buttons .button_item {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 38px;
	height: auto;
}

#menu_sns_buttons a.button_item {
	transition: opacity 0.3s ease 0s;
	opacity: 1.0;
}

#menu_sns_buttons a.button_item:hover {
	opacity: 0.5;
}

#menu_sns_buttons .button_item:first-child {
	width: 14px;
}

#menu_sns_buttons .button_item img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

@media only screen and ( max-width: 1200px ){

	#menu_sns_buttons {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		flex-direction: row;
		align-items: center;
		position: fixed;
		bottom: 14px;
		left: 40px;
	}

	#menu_sns_buttons .button_item {
		margin: 0px 8px 0px 0px;
	}

	#menu_sns_buttons .button_item:first-child {
		width: 103px;
		height: 14px;
		background-repeat: no-repeat;
		background-position: left top;
		background-position: center center;
		background-image: url("../images/header_sns_title_horizontal.svg");
		background-color: transparent;
		background-size: contain;
	}

	#menu_sns_buttons .button_item:first-child img {
		display: none;
	}

}

@media only screen and ( max-width: 750px ){

	#menu_sns_buttons {
		bottom: 14px;
		left: 40px;

		bottom: calc( 14px * var(--mag13) );
		left: calc( 40px * var(--mag13) );

		bottom: auto;
		left: auto;
		top: calc( 38px * var(--mag13) );
		right: calc( 128px * var(--mag13) );
	}

	#menu_sns_buttons .button_item {
		margin: 0px 8px 0px 0px;
		width: 38px;

		margin: 0px calc( 8px * var(--mag15) ) 0px 0px;
		width: calc( 38px * var(--mag15) );
	}

	#menu_sns_buttons .button_item:first-child {
		width: 103px;
		height: 14px;

		width: calc( 103px * var(--mag15) );
		height: calc( 14px * var(--mag15) );

		display: none;
	}

}




/* ------------------------------------------------------------------------------------------------ Modal */




#kk_overlay {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	background-color: rgba( 0, 0, 0, 0.85 );
	background-color: rgba( 159, 14, 49, 0.8 );
	background-repeat: repeat;
	background-position: left top;
	/*background-image: url("../images/common_modal_overlay_bg.png");*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100dvh;
	z-index: 50000;

	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	cursor: pointer;
}

#kk_modal {
	width: 630px;
	height: 0px;
	margin-top: 0px;
	margin-left: -345px;
	padding: 2px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 51000;
	background-color: #ffffff;
	background-color: transparent;
	/*background-color: #00d2cc;*/

	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

.kk_modal_popup_anim {
	animation: 0.35s ease 0.0s 1 alternate modalpopupanim;
}

#kk_modal_inner {
	margin: 0px;
	padding: 0px;
	position: relative;

	padding: 1px;
	border-style: solid;
	border-color: #550023;
	border-width: 8px;
	box-sizing: border-box;
	background-color: #550023;
	outline: 8px solid #c5a67a;
	outline-offset: 0px;
	border-radius: 0px;
	overflow: hidden;

	width: 100% !important;
	height: 100% !important;
	transform: translateY(30px);
}

#kk_modal_close {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	/*background-position: left top;*/
	background-position: center center;
	background-image: url("../images/header_menu_button_close01.svg");
	background-size: contain;
	position: absolute;

/*
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
*/

	-webkit-transition: opacity 0.3s linear 0s;
	transition: opacity 0.3s linear 0s;

	/*display: none;*/

	width: 64px;
	height: 64px;
	bottom: calc(100% - 18px);
	right: 0%;
	margin-left: 0px;
}

#kk_modal:hover #kk_modal_close {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

#kk_modal iframe {
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

#kk_modal img {
	display: block;
	margin: 0;
	padding: 0;
	border-style: solid;
	border-color: #c9caca;
	border-width: 1px;
	box-sizing: border-box;
	border-radius: 0px;
}

@media only screen and ( max-width: 750px ){

	#kk_modal_inner {
		padding: 1px;
		border-width: 8px;
		outline: 8px solid #c5a67a;
		transform: translateY(30px);

		border-width: calc( 8px * var(--mag1) );
		outline: calc( 8px * var(--mag1) ) solid #c5a67a;
		transform: translateY(calc( 30px * var(--mag1) ));
	}

	#kk_modal_close {
		width: 64px;
		height: 64px;
		bottom: calc(100% - 18px);

		width: calc( 64px * var(--mag1) );
		height: calc( 64px * var(--mag1) );
		bottom: calc( 100% - ( 18px * var(--mag1) ) );
	}

}




/* ------------------------------------------------------------------------------------------------ ? */




#debug_text01 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	top: 30%;
	left: 0px;
	background-color: #ffffff;
	pointer-events: none;
	border-style: solid;
	border-color: #e0faff;
	border-width: 1px 0px 1px 0px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.1em;
	color: #102439;
	text-decoration: none;

	display: none;
}