/* 
 * ####################################################################################################
 * Common style (Style to use in web site)
 * Created : 2019-04-29 (hsohe)
 * Modified : 
 * ####################################################################################################
 */
/*
 * ====================================================================================================
 * Media query reference size
 * ====================================================================================================
 */
/*
	900px : The boundary between mobile and PC can still be expressed by the PC screen
*/
@media (max-width: 900px) {
	/* Mobile */
	.pc-only {
		display: none;
	}
	.mobile-only {
	}
	img.pc-only {
		display: none;
	}
}
@media (min-width: 901px) {
	/* PC (Common) */
	.mobile-only {
		display: none;
	}
	.pc-only {
	}
	img.mobile-only {
		display: none;
	}
}
/*
 * ====================================================================================================
 * Common
 * ====================================================================================================
 */
/*
 * --------------------------------------------------
 * Dimming page cover
 * --------------------------------------------------
 */
#page-cover {
	z-index: 888;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.3;
}
/*
 * --------------------------------------------------
 * Full layout layer
 * --------------------------------------------------
 */
/* Layout full */
#layout-full {
	display: block;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	text-align: center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
/*
 * --------------------------------------------------
 * Full content layout layer (Affect only PC)
 * --------------------------------------------------
 */
/* Layout full content */
@media (max-width: 900px) {
	/* Mobile */
}
@media (min-width: 901px) {
	/* PC (Common) */
	.layout-full-content {
		position: fixed;
		top: 81px;
		bottom: 0px;
		width: 100%;
		overflow: auto;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
}
/*
 * ====================================================================================================
 * TOP
 * ====================================================================================================
 */
/*
 * --------------------------------------------------
 * Top area
 * --------------------------------------------------
 */
/* layout-top */
#layout-top {
	display: block;
	margin: 0 auto;
	background-color: #ffffff;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
@media (max-width: 900px) {
	/* Mobile */
	#layout-top {
		width: 100%;
		height: 60px;
	}
}
@media (min-width: 901px) {
	/* PC (Common) */
	#layout-top {
		z-index: 500;
		position: fixed;
		top: 0;
		width: 100%;
		min-width: 1300px;
		height: 81px;
		border-bottom: 1px solid #d0d0d0;
		text-align: center;
	}
}
/* layout-top-area */
@media (max-width: 900px) {
	/* Mobile */
	.layout-top-area {
		width: 100%;
		height: 100%;
	}
	.layout-top-area > div.left {
		display: inline-block;
		float: left;
		width: 60px;
		height: 100%;
		padding: 18px 0 0 0px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-top-area > div.center {
		display: inline-block;
		width: calc(100% - 120px);
		height: 100%;
		padding-top: 15px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
	}
	.layout-top-area > div.right {
		display: inline-block;
		float: right;
		width: 60px;
		height: 100%;
		padding-top: 10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		color: #ffffff;
		text-align: center;
		font-weight: bold;
		font-size: 14px;
		background-color: #b01c20;
	}
}
@media (min-width: 901px) {
	/* PC (Common) */
	.layout-top-area.mobile-only {
		display: none;
	}
	.layout-top-area {
		display: inline-block;
		width: 1300px;
		min-width: 1300px;
		height: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-top-area > div.main-logo {
		display: inline-block;
		float: left;
		width: 99px;
		padding-top: 20px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-top-area > div.main-top-menu-gap-1 {
		display: inline-block;
		float: left;
		width: 84px;
	}
	.layout-top-area > div.main-top-menu-gap-2 {
		display: inline-block;
		float: left;
		width: 60px;
	}
	.layout-top-area > div.main-top-menu {
		display: inline-block;
		float: left;
		width: 65px;
		height: 81px;
		padding-top: 31px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		font-size: 18px;
		font-family: 'Noto Sans KR R';
		line-height: 1.0em;
		text-align: left;
		white-space: nowrap;
	}
	.layout-top-area > div.main-top-menu a {
		font-size: 18px;
		font-family: 'Noto Sans KR R';
		line-height: 1.0em;
	}
	.main-top-menu-impact {
		border-bottom: 3px solid #b01c20;
	}
	.main-top-menu-impact > a {
		color: #b01c20;
	}
	.layout-top-area > div.main-top-side {
		display: inline-block;
		float: right;
		width: 104px;
		white-space: nowrap;
		padding-top: 31px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.pc-main-lan {
		display: inline-block;
		float: left;
		height: 28px;
		padding-top: 0px;
		margin-right: 16px;
		border-bottom: 2px solid #ffffff;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		font-size: 19px;
		cursor: pointer;
	}
	.pc-main-lan.impact {
		padding-top: 0px;
		border-bottom: 2px solid #000000;
		font-weight: bold;
		text-decoration: none;
	}
	.pc-main-lan:hover {
		border-bottom: 2px solid #000000;
		font-weight: bold;
		text-decoration: none;
	}
	#pc-main-menu-all {
		display: inline-block;
		float: right;
		height: 28px;
		padding-top: 2px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		cursor: pointer;
	}
}
/*
 * --------------------------------------------------
 * Top menu (all menu)
 * --------------------------------------------------
 */
@media (max-width: 900px) {
	/* Mobile */
	#layout-all-menu.pc-only {
		display: none;
	}
	#layout-all-menu.mobile-only {
		display: none;
		z-index: 999;
		position: fixed;
		top: 0px;
		width: 280px;
		height: auto;
		margin: 0 auto;
		background-color: #ffffff;
		text-align: center;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.all-menu-block {
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.all-menu-block.top {
		display: block;
		width: 100%;
		height: 60px;
		padding-left: 18px;
		border-bottom: 1px solid #dddddd;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.all-menu-block.top > div:not(last-child) {
		display: inline-block;
		float: left;
		padding-top: 18px;
		margin-right: 10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		font-family: 'Noto Sans';
		text-align: left;
		font-size: 15px;
	}
	.all-menu-block.top > div:not(last-child).impact {
		font-weight: bold;
		text-decoration: none;
		border-bottom: 1px solid #000000;
	}
	.all-menu-block.top > div:last-child {
		display: inline-block;
		float: right;
		width: calc(100% - 200px);
		height: 100%;
		padding-top: 18px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
	}
	.all-menu-block.main {
		display: block;
		width: 100%;
		height: 49px;
		border-bottom: 1px solid #dddddd;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.all-menu-block.main > div > img {
		width: 13px;
		height: 8px;
	}
	.all-menu-block.main > div:first-child {
		display: inline-block;
		float: left;
		width: 200px;
		height: 100%;
		padding-left: 15px;
		padding-top: 15px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		font-family: 'Noto Sans KR R';
		font-size: 14px;
		text-align: left;
		line-height: 1.0em;
	}
	.all-menu-block.main > div:last-child {
		display: inline-block;
		float: right;
		width: calc(100% - 200px);
		height: 100%;
		padding-top: 8px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
	}
	.all-menu-block.quick {
		display: block;
		width: 100%;
		height: 49px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		background-color: #b01c20;
	}
	.all-menu-block.quick > div > img {
		width: 13px;
		height: 8px;
	}
	.all-menu-block.quick > div:first-child {
		display: inline-block;
		float: left;
		width: 200px;
		height: 100%;
		padding-left: 15px;
		padding-top: 15px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		color: #ffffff;
		font-family: 'Noto Sans KR R';
		font-size: 14px;
		text-align: left;
		line-height: 1.0em;
	}
	.all-menu-block.quick > div:last-child {
		display: inline-block;
		float: right;
		width: calc(100% - 200px);
		height: 100%;
		padding-top: 8px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
	}
	.all-menu-block.sub {
		display: none;
		width: 100%;
		padding-top: 0px;
		padding-bottom: 20px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		background-color: #eeeeee;
	}
	.all-menu-block.sub > div {
		display: block;
		width: 100%;
		height: 28px;
		padding-left: 25px;
		padding-top: 8px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
	}
	.all-menu-block.sub > div > a {
		font-family: 'Noto Sans KR R';
		font-size: 13px;
		text-align: left;
		line-height: 1.0em;
	}
	.m-main-menu-impact {
		color: #b01c20;
	}
}
@media (min-width: 901px) {
	/* PC (Common) */
	#layout-all-menu.mobile-only {
		display: none;
	}
	#layout-all-menu.pc-only {
		display: none;
		z-index: 999;
		position: fixed;
		top: 81px;
		width: 100%;
		height: 265px;
		margin: 0 auto;
		background-color: #ffffff;
		opacity: 0.9;
		text-align: center;
	}
	.layout-all-menu-area {
		display: inline-block;
		width: 1300px;
		height: 100%;
		padding-left: 183px;
		padding-top: 32px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.all-menu-block {
		display: inline-block;
		float: left;
		width: 125px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
	}
	.all-menu-block > div {
		height: 35px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		font-family: 'Noto Sans KR R';
		font-size: 14px;
	}
	.all-menu-block > div > a {
		font-family: 'Noto Sans KR R';
		font-size: 14px;
	}
	.all-menu-block > div > a:hover {
		color: #9a1b1e;
	}
	.all-menu-close-block {
		display: inline-block;
		float: right;
		text-align: right;
	}
}
/*
 * --------------------------------------------------
 * Top sub menu
 * --------------------------------------------------
 */
@media (max-width: 900px) {
	/* Mobile */
	#layout-sub-menu.pc-only {
		display: none;
	}
	#layout-sub-menu.mobile-only {
		display: none;
	}
}
@media (min-width: 901px) {
	/* PC (Common) */
	#layout-sub-menu.mobile-only {
		display: none;
	}
	#layout-sub-menu.pc-only {
		display: none;
		z-index: 999;
		position: fixed;
		top: 81px;
		width: 100%;
		height: 106px;
		margin: 0 auto;
		background-color: #ffffff;
		opacity: 0.9;
		text-align: center;
	}
	.layout-sub-menu-area {
		display: inline-block;
		width: 1300px;
		height: 100%;
		padding-left: 183px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.sub-menu-block {
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 40px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.sub-menu-block.right1 {
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 40px;
		padding-left: 380px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.sub-menu-block.right2 {
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 40px;
		padding-left: 500px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.sub-menu-block > div {
		display: inline-block;
		float: left;
		width: 125px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
	}
	.sub-menu-block > div > a {
		font-family: 'Noto Sans KR R';
		font-size: 14px;
	}
	.sub-menu-block > div > a:hover {
		color: #9a1b1e;
	}
}
/*
 * --------------------------------------------------
 * Quick menu
 * --------------------------------------------------
 */
@media (max-width: 900px) {
	/* Mobile */
	#layout-quick-menu.pc-only {
		display: none;
	}
	#layout-quick-menu.mobile-only {
		display: none;
		z-index: 999;
		position: fixed;
		top: 60px;
		width: 100%;
		margin: 0 auto;
	}
	.layout-quick-menu-area {
		display: block;
		width: 100%;
	}
	.quick-menu-block {
		display: block;
		width: 100%;
	}
	.quick-menu-block.top {
		height: 40px;
		background-color: #b01c20;
	}
	.quick-menu-block.top > div:first-child {
		display: inline-block;
		float: left;
		width: calc(100% - 49px);
		padding-left: 15px;
		padding-top: 12px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		color: #ffffff;
		font-size: 12pt;
		line-height: 1.0em;
	}
	.quick-menu-block.top > div:last-child {
		display: inline-block;
		float: right;
		width: 49px;
		padding-top: 10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
	}
	.quick-menu-block.menu > div.quick-menu-item {
		display: inline-block;
		float: left;
		width: 50%;
		height: 146px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	.quick-menu-block.menu2 > div.quick-menu-item {
		display: inline-block;
		float: left;
		width: 100%;
		height: 146px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	.quick-menu-block.menu > div.quick-menu-item > div {
		display: block; 
		width: 100%;
		height: 100%;
		padding-top: 90px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		color: #ffffff;
		font-size: 14px;
		line-height: 1.0em;
	}

	.quick-menu-block.menu2 > div.quick-menu-item > div {
		display: block; 
		width: 100%;
		height: 100%;
		padding-top: 90px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		color: #ffffff;
		font-size: 14px;
		line-height: 1.0em;
	}
}
@media (min-width: 901px) {
	/* PC (Common) */
	#layout-quick-menu.mobile-only {
		display: none;
	}
	#layout-quick-menu.pc-only {
		display: block;
		z-index: 999;
		position: fixed;
		top: 0;
		right: 15px;
		width: 200px;
	}
	.layout-quick-menu-area {
		display: block;
		width: 200px;
	}
	.quick-menu-block {
		display: block;
		width: 100%;
		cursor: pointer;
	}
	.quick-menu-block.top {
		display: block;
		width: 100%;
		height: 81px;
		padding-top: 32px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		background-color: #b01c20;
		border-bottom: 1px solid #d0d0d0;
		color: #ffffff;
		font-size: 18px;
		line-height: 1.0em;
		text-align: center;
	}
	.quick-menu-block.menu {
		display: block;
		width: 100%;
		height: 150px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.quick-menu-block.menu > div {
		display: block; 
		width: 100%;
		height: 100%;
		padding-top: 95px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		color: #ffffff;
		font-size: 20px;
		line-height: 1.0em;
	}
	.quick-menu-block.hotel {
		display: block;
		width: 100%;
		height: 150px;
		padding-top: 48px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		background-color: #140959;
	}
	.quick-menu-block.hotel > div {
		display: block; 
		width: 100%;
		padding-bottom: 15px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
		color: #ffffff;
		font-size: 16px;
		line-height: 1.0em;
	}
}
/*
 * ====================================================================================================
 * Footer
 * ====================================================================================================
 */
/*
 * --------------------------------------------------
 * Media
 * --------------------------------------------------
 */
@media (max-width: 900px) {
	/* Mobile */
	#layout-media {
		display: block;
		width: 100%;
		margin: 0 auto;
		background-color: #333333;
		text-align: center;
	}
	.layout-media-area.pc-only {
		display: none;
	}
	.layout-media-area {
		display: inline-block;
		width: 100%;
		height: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-media-area > div.related-site {
		display: inline-block;
		width: 100%;
		height: 62px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
	}
	.layout-media-area > div.related-site > div.title {
		display: inline-block;
		width: calc(100% - 36px);
		padding-top: 27px;
		padding-bottom: 7px;
		border-bottom: 1px solid #777777;
		color: #ffffff;
		font-family: 'Noto Sans KR R';
		font-size: 14px;
		line-height: 14px;
		text-align: center;
		text-align: left;
	}
	.layout-media-area > div.related-site > div.banner {
		display: inline-block;
		width: calc(100% - 36px);
		height: 62px;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-media-area > div.related-site > div:last-child > div {
		display: table-cell;
		height: 62px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		vertical-align: middle;
	}
	.layout-media-area > div.related-site > div:last-child > div img {
		cursor: pointer;
	}
	.layout-media-area > div.related-site > div:last-child > div:nth-child(1) {
		width: 125px;
		text-align: left;
	}
	.layout-media-area > div.related-site > div:last-child > div:nth-child(1) img {
		width: 95px;
		height: 16px;
	}
	.layout-media-area > div.related-site > div:last-child > div:nth-child(2) {
		width: 125px;
		text-align: center;
	}
	.layout-media-area > div.related-site > div:last-child > div:nth-child(2) img {
		width: 104px;
		height: 16px;
	}
	.layout-media-area > div.related-site > div:last-child > div:nth-child(3) {
		width: 72px;
		padding-top: 0px;
		text-align: right;
	}
	.layout-media-area > div.related-site > div:last-child > div:nth-child(3) img {
		width: 104px;
		height: 16px;
	}
}
@media (min-width: 901px) {
	/* PC (Common) */
	#layout-media {
		display: block;
		width: 100%;
		height: 280px;
		background-color: #333333;
		text-align: center;
	}
	.layout-media-area.mobile-only {
		display: none;
	}
	.layout-media-area {
		display: block;
		margin: 0 auto;
		width: 1300px;
		height: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-media-area > div.related-site {
		display: block;
		width: 100%;
		height: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-media-area > div.related-site > div:first-child {
		display: inline-block;
		float: left;
		width: 700px;
	}
	.layout-media-area > div.related-site > div:last-child {
		display: inline-block;
		float: right;
		width: calc(100% - 700px);
	}
	.layout-media-area > div.related-site > div.link {
		display: block;
		width: 700px;
		height: calc(100% - 108px);
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-media-area > div.related-site > div.link > div {
		display: inline-block;
		float: left;
		width: 184px;
		height: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-media-area > div.related-site > div.link > div > div {
		display: block;
		width: 100%;
		color: #ffffff;
		line-height: 1.0em;
		text-align: left;
	}
	.layout-media-area > div.related-site > div.link > div > div:first-child {
		padding-top: 50px;
		font-size: 18px;
	}
	.layout-media-area > div.related-site > div.link > div > div:not(:first-child) {
		padding-top: 15px;
		font-size: 15px;
	}
	.layout-media-area > div.related-site > div.link > div > div:not(:first-child) a {
		color: #ffffff;
	}
	.layout-media-area > div.related-site > div:last-child > div.title {
		display: block;
		width: 100%;
		padding-top: 50px;
		padding-bottom: 7px;
		border-bottom: 1px solid #777777;
		color: #ffffff;
		font-family: 'Noto Sans KR R';
		font-size: 18px;
		line-height: 18px;
		text-align: center;
		text-align: left;
	}
	.layout-media-area > div.related-site > div:last-child > div.banner {
		display: block;
		width: 100%;
		height: 108px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-media-area > div.related-site > div:last-child > div:last-child > div {
		display: table-cell;
		height: 108px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		vertical-align: middle;
	}
	.layout-media-area > div.related-site > div:last-child > div:last-child > div img {
		cursor: pointer;
	}
	.layout-media-area > div.related-site > div:last-child > div:last-child > div:nth-child(1) {
		width: 200px;
		text-align: left;
	}
	.layout-media-area > div.related-site > div:last-child > div:last-child > div:nth-child(2) {
		width: 250px;
		text-align: center;
	}
	.layout-media-area > div.related-site > div:last-child > div:last-child > div:nth-child(3) {
		width: 130px;
		text-align: right;
	}
}
/*
 * --------------------------------------------------
 * Footer
 * --------------------------------------------------
 */
#layout-footer {
	display: block;
	width: 100%;
	margin: 0 auto;
	background-color: #000000;
	text-align: center;
}
@media (max-width: 900px) {
	/* Mobile */
	.layout-footer-area.pc-only {
		display: none;
	}
	.layout-footer-area.mobile-only {
		display: inline-block;
		width: calc(100% - 36px);
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-footer-area > div.copyright {
		display: block;
		height: 110px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-footer-area > div.copyright > div {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
	}
	.layout-footer-area > div.copyright > div:nth-child(1) {
		padding-top: 18px;
		color: #ffffff;
		font-size: 11px;
		line-height: 1.0em;
	}
	.layout-footer-area > div.copyright > div:nth-child(1) a {
		color: #ffffff;
	}
	.layout-footer-area > div.copyright > div:nth-child(2) {
		padding-top: 13px;
		color: #737373;
		font-size: 9px;
		font-family: 'Noto Sans';
		line-height: 1.6em;
	}
	.layout-footer-area > div.copyright > div:nth-child(2) a {
		color: #737373;
	}
	.layout-footer-area > div.copyright > div:nth-child(3) {
		padding-top: 14px;
		color: #737373;
		font-size: 8px;
		font-family: 'Noto Sans';
		line-height: 1.0em;
	}
	.layout-footer-area > div.copyright > div:nth-child(3) a {
		color: #737373;
	}
	.layout-footer-area > div.related-site {
		margin-bottom: 15px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		line-height: 1.0em;
	}
	.layout-footer-area > div.related-site > select {
		width: 100%;
		height: 30px;
		padding-left: 5px;
		border: 1px solid #777777;
		background-color: #333333;
		color: #ffffff;
		font-size: 11px;
		line-height: 1.0em;
	}
	.layout-footer-area > div.related-site > option {
		height: 17px;
		padding-left: 5px;
		border: 1px solid #777777;
		background-color: #333333;
		color: #ffffff;
		font-size: 11px;
		line-height: 1.0em;
	}
}
@media (min-width: 901px) {
	/* PC (Common) */
	#layout-footer {
		background-color: #000000;
	}
	.layout-footer-area.mobile-only {
		display: none;
	}
	.layout-footer-area {
		display: inline-block;
		width: 1300px;
		height: 210px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-footer-area > div.logo {
		display: inline-block;
		float: left;
		width: 165px;
		height: 100%;
		padding-top: 72px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
	}
	.layout-footer-area > div.copyright {
		display: inline-block;
		float: left;
		height: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.layout-footer-area > div.copyright > div {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
	}
	.layout-footer-area > div.copyright > div:nth-child(1) {
		padding-top: 38px;
		color: #ffffff;
		font-size: 14px;
		line-height: 1.0em;
	}
	.layout-footer-area > div.copyright > div:nth-child(2) {
		padding-top: 25px;
		color: #737373;
		font-size: 13px;
		font-family: 'Noto Sans';
		line-height: 1.4em;
	}
	.layout-footer-area > div.copyright > div:nth-child(3) {
		padding-top: 25px;
		color: #737373;
		font-size: 13px;
		font-family: 'Noto Sans';
		line-height: 1.0em;
	}
	.layout-footer-area > div.related-site {
		padding-top: 40px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		line-height: 1.0em;
		text-align: right;
	}
	.layout-footer-area > div.related-site > select {
		width: 175px;
		height: 35px;
		padding-left: 10px;
		border: 1px solid #777777;
		background-color: #000000;
		color: #ffffff;
		font-size: 14px;
		line-height: 1.0em;
	}
	.layout-footer-area > div.related-site > option {
		height: 35px;
		padding-left: 10px;
		border: 1px solid #777777;
		background-color: #000000;
		color: #ffffff;
		font-size: 14px;
		line-height: 1.0em;
	}
}