@charset "utf-8";


/* ****************************************************
media.css
Define container /30th/.
***************************************************** */

/* settings
=================================*/

/* ------------------------------------------------------
   * common
  ------------------------------------------------------ */
#page-wrapper{
	overflow: hidden;
}
#contentsContainer {
	margin-top: 0;
}
#contents {
	float: none !important;
	width: 100% !important;
}
#contents *{
	box-sizing: border-box;
}
#contents > .berlin,
#contents > .results{
	margin-top: 0;
}
#contents > .voi{
	margin-top: 60px;
}
.gp-al-center{
	text-align: center !important;
}
@media print, screen and (min-width: 769px) {
/* ------------------------------------------------------
 * common
------------------------------------------------------ */
	#page-wrapper{
		min-width: 1220px;
		width: 100%;
	}
	.detailPage #contentsContainer {
		padding-top: 44px;
	}
	.pc-hidden{
		display: none;
	}
	.thirty-navi_head {
		display: none;
	}
	.detail-path {
		position: relative;
		top: 66px;
	}
	/* ------------------------------------------------------
	 * data-col-pc
	------------------------------------------------------ */
	[data-col-pc]:not([data-col-pc="1"]) {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	[data-col-pc]:not([data-col-pc="auto"]) > * {
		margin-top: 1.25em;
		margin-left: 36px;
	}
	[data-col-pc="1"] > *:nth-child(-n+1) {
		margin-top: 0 !important;
	}
	[data-col-pc="1"] > *:nth-child(1n+1) {
		margin-left: 0 !important;
	}
	[data-col-pc="1"] > * {
		width: 100%;
	}
	[data-col-pc="2"] > *:nth-child(-n+2) {
		margin-top: 0 !important;
	}
	[data-col-pc="2"] > *:nth-child(2n+1) {
		margin-left: 0 !important;
	}
	[data-col-pc="2"] > * {
		width: calc(((100% - (36px)) / 2) - .1px);
	}
	[data-col-pc="3"] > *:nth-child(-n+3) {
		margin-top: 0 !important;
	}
	[data-col-pc="3"] > *:nth-child(3n+1) {
		margin-left: 0 !important;
	}
	[data-col-pc="3"] > * {
		width: calc(((100% - (72px)) / 3) - .1px);
	}
	[data-col-pc="4"] > *:nth-child(-n+4) {
		margin-top: 0 !important;
	}
	[data-col-pc="4"] > *:nth-child(4n+1) {
		margin-left: 0 !important;
	}
	[data-col-pc="4"] > * {
		width: calc(((100% - (108px)) / 4) - .1px);
	}
	[data-col-pc="5"] > *:nth-child(-n+5) {
		margin-top: 0 !important;
	}
	[data-col-pc="5"] > *:nth-child(5n+1) {
		margin-left: 0 !important;
	}
	[data-col-pc="5"] > * {
		width: calc(((100% - (144px)) / 5) - .1px);
	}
	[data-col-pc="6"] > *:nth-child(-n+6) {
		margin-top: 0 !important;
	}
	[data-col-pc="6"] > *:nth-child(6n+1) {
		margin-left: 0 !important;
	}
	[data-col-pc="6"] > * {
		width: calc(((100% - (180px)) / 6) - .1px);
	}
	[data-col-pc="auto"] {
		margin-right: -36px;
		margin-bottom: -1em;
	}
	[data-col-pc="auto"] > * {
		margin-top: 0 !important;
		margin-right: 36px;
		margin-bottom: 1em;
		margin-left: 0;
	}
	/* ------------------------------------------------------
	 * nav
	------------------------------------------------------ */
	.thirty-navi {
		position: relative;
		top: -45px;
		background-color: #333;
	}
	.thirty-navi_category {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 1200px;
		margin: 0 auto;
		z-index: 1;
	}
	.thirty-navi_category > li {
		display: flex;
		align-items: center;
		height: 66px;
		width: 100%;
	}
	li:first-child > .thirty-navi_category_link {
		border-left: 1px solid #222;
	}
	.thirty-navi_category_link {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		border-right: 1px solid #222;
		width: 100%;
		height: 100%;
		font-size: 113.333%;
		color: #fff!important;
		text-decoration: none!important;
	}
	.thirty-navi_category_link:hover {
		background-color: #d7063b;
	}
	li.is-current .thirty-navi_category_link {
		margin: 0 -1px;
		width: calc(100% + 2px);
		background-color: #d7063b;
	}
	li.is-active .thirty-navi_category_link {
		background-color: #d7063b;
	}
	li.is-active .thirty-navi_category_link::after {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		text-align: center;
		width: 0;
		height: 0;
		margin-left: auto;
		margin-right: auto;
		border-top: 7px solid #d7063b;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		z-index: 3;
		content: "";
	}
	.detailPage .thirty-navi_category_second {
		display: none;
		position: absolute;
		padding: 30px;
		top: 66px;
		left: 0;
		width: 1140px;
		background-color: #eee;
		box-shadow: 0 10px 18px 1px rgba(0,0,0,0.2);
	}
	.detailPage .thirty-navi_category_second_heading_link {
		display: inline-block;
		padding-left: 20px;
		background: url(/common/images/com_icn01.png) 0 0.2em no-repeat;
		color: #333!important;
		text-decoration: none!important;
		font-size: 133.3333%;
		font-weight: bold;
	}
	.detailPage .thirty-navi_category_second_heading_link:hover {
		color: #d7063b!important;
	}
	.detailPage .thirty-navi_category_second_list {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.detailPage .thirty-navi_category_second_list > li {
		margin-top: 18px;
		margin-left: 36px;
		width: calc(((100% - (36px)) / 2) - .1px);
	}
	.detailPage .thirty-navi_category_second_list > li:nth-child(-n+2) {
		margin-top: 0!important;
	}
	.detailPage .thirty-navi_category_second_list > li:nth-child(odd) {
		margin-left: 0!important;
	}
	.detailPage .thirty-navi_category_second_list_link {
		display: inline-block;
		padding-left: 20px;
		background: url(/common/images/com_icn01.png) 0 0.1em no-repeat;
		color: #333!important;
		text-decoration: none!important;
	}
	.detailPage .thirty-navi_category_second_list_link:hover {
		color: #d7063b!important;
	}
	.detailPage .thirty-navi_category_second_body {
		margin-top: 25px;
	}
	/* ------------------------------------------------------
	 * path
	------------------------------------------------------ */
	#path.detail-path > li::before {
		position: relative;
		padding: 0 6px;
		font-size: 120%;
		top: 1px;
	}
	#path.detail-path > li:first-child::before {
		padding: 0;
	}
}

@media only screen and (max-width: 768px) {
  /* ------------------------------------------------------
   * common
  ------------------------------------------------------ */
	.pc-hidden {
		display: block;
	}
	.sp-hidden{
		display: none;
	}
	#page-wrapper{
		overflow: visible;
	}
	#sp-menuTrigger{
		z-index:1000;
	}
	#contents > .voi{
		margin-top: 20px;
	}
	.detailPage #contentsContainer {
		padding-top: 20px;
	}
	/* ------------------------------------------------------
	 * data-col-sp
	------------------------------------------------------ */
	[data-col-sp]:not([data-col-sp="1"]) {
		display: flex;
		flex-flow: row wrap;
	}
	[data-col-sp]:not([data-col-sp="auto"]) > * {
		margin-top: 1em;
		margin-left: 15px;
	}
	[data-col-sp="1"] > *:nth-child(-n+1) {
		margin-top: 0 !important;
	}
	[data-col-sp="1"] > *:nth-child(1n+1) {
		margin-left: 0 !important;
	}
	[data-col-sp="1"] > * {
		width: 100%;
	}
	[data-col-sp="2"] > *:nth-child(-n+2) {
		margin-top: 0 !important;
	}
	[data-col-sp="2"] > *:nth-child(2n+1) {
		margin-left: 0 !important;
	}
	[data-col-sp="2"] > * {
		width: calc((100% - (15px)) / 2);
	}
	[data-col-sp="auto"] {
		margin-right: -15px;
		margin-bottom: -0.5em;
	}
	[data-col-sp="auto"] > * {
		margin-top: 0 !important;
		margin-right: 15px;
		margin-bottom: 0.5em;
		margin-left: 0;
	}
	/* ------------------------------------------------------
	 * nav
	------------------------------------------------------ */
	.thirty-navi {
		margin: 20px 15px;
		background-color: #333;
	}
	.thirty-navi_head {
		display: block;
		position: relative;
		background-color: #222;
		padding: 15px 0;
		width: 100%;
		font-size: 116.6%;
		font-weight: bold;
		color: #fff;
		text-align: center;
		line-height: 1.2;
	}
	.thirty-navi_head::before,
	.thirty-navi_head > span::before,
	.thirty-navi_head > span::after{
		position: absolute;
		content: "";
		top: 50%;
	}
	.thirty-navi_head::before {
		position: absolute;
		right: 13px;
		margin-top: -12px;
		width: 25px;
		height: 25px;
		background-color: #d7063b;
		content: "";
		top: 50%;
	}
	.thirty-navi_head > span::before{
		right: 18px;
		margin-top: -1px;
		width: 14.5px;
		height: 2px;
		background-color: #fff;
	}
	.thirty-navi_head > span::after{
		right: 24px;
		margin-top: -7px;
		width: 2px;
		height: 14.5px;
		background-color: #fff;
	}
	.thirty-navi_head.is-open > span::after {
		content: none;
	}
	.thirty-navi_category {
		display: none;
		width: 100%;
	}
	.thirty-navi_category > li {
		display: block;
		padding: 0;
		border-bottom: 1px solid #444;
	}
	.thirty-navi_category_link {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: auto;
		padding: 15px 0;
		width: 100%;
		font-size: 116.6%;
		font-weight: bold;
		text-align: center;
		line-height: 1.2;
		text-decoration: none!important;
	}
	.thirty-navi_category > li.is-current {
		background-color: #d7063b;
	}
	.thirty-navi_category_link:last-child {
		border-bottom: none;
	}
	.thirty-navi_category_link_label {
		color: #fff;
	}
	.thirty-navi_category .thirty-navi_category_link.type-trigger {
		background-color: #d7063b;
	}
	.thirty-navi_category_link.type-trigger::before,
	.thirty-navi_category_link.type-trigger .thirty-navi_category_link_label::before,
	.thirty-navi_category_link.type-trigger .thirty-navi_category_link_label::after {
		position: absolute;
		content: "";
		top: 50%;
	}
	.thirty-navi_category_link.type-trigger::before {
		position: absolute;
		right: 13px;
		margin-top: -12px;
		width: 25px;
		height: 25px;
		background-color: #fff;
		content: "";
		top: 50%;
	}
	.thirty-navi_category_link.type-trigger .thirty-navi_category_link_label::before{
		right: 18px;
		margin-top: -1px;
		width: 14.5px;
		height: 2px;
		background-color: #d7063b;
	}
	.thirty-navi_category_link.type-trigger .thirty-navi_category_link_label::after{
		right: 24px;
		margin-top: -7px;
		width: 2px;
		height: 14.5px;
		background-color: #d7063b;
	}
	.thirty-navi_category_link.is-open > .thirty-navi_category_link_label::after{
		content: none;
	}
	.thirty-navi_category_second {
		display: none;
		background-color: #222;
	}
	.thirty-navi_category_second_heading_link {
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none!important;
		height: auto;
		padding: 15px;
		width: 100%;
		font-size: 116.6%;
		font-weight: bold;
		color: #fff!important;
		text-align: center;
		line-height: 1.2;
	}
	.thirty-navi_category_second_list_link {
		display: flex;
		align-items: center;
		text-decoration: none!important;
		height: auto;
		padding: 15px;
		width: 100%;
		font-size: 116.6%;
		color: #fff!important;
		line-height: 1.2;
	}
	.thirty-navi_category_second_heading {
		border-top: 1px solid #444;
		background-color: #333;
	}
	.thirty-navi_category > li.is-current .thirty-navi_category_second_heading {
		background-color: #d7063b;
	}
	.thirty-navi_category_second_list > li {
		border-top: 1px solid #444;
	}
	/* ------------------------------------------------------
	 * path
	------------------------------------------------------ */
	#path.detail-path {
		background-color: #f2f2f2;
	}
	#path.detail-path > li::before {
		position: relative;
		padding: 0 6px;
		font-size: 120%;
		top: 1px;
	}
	#path.detail-path > li:first-child::before {
		padding: 0;
	}
}
@media print {
	body {
		zoom: 80%;
	}
}