@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : common.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
.box_container,
.con_inner {
	max-width: 1280px;
	margin: auto;
}

@media only screen and (max-width: 1024px) {
	.box_container,
	.con_inner {
		width: 95%;
	}
}

.box_container:after,
.con_inner:after, .row:after, .clearfix:after, .con_search .panels .panel_hotel form .box_child ul:after {
	content: "";
	display: table;
	clear: both;
}

/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */
html {
	font-size: small;
	line-height: 1.5;
}

body {
	color: #333333;
	background: #fff;
	-webkit-text-size-adjust: none;
	font-size: 116%;
}

.ie body {
	font-size: 112%;
}

@media only screen and (max-width: 767px) {
	body {
		font-size: 108%;
	}
}

body a {
	color: #4d4d4d;
}

body a:link, body a:visited, body a:active {
	text-decoration: underline;
}

.mouse body a:hover,
.touch body a.touchstart {
	text-decoration: none;
	color: #666666;
}

body img {
	max-width: 100%;
	-webkit-touch-callout: none;
}

body, pre, input, textarea, select {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

input, select, textarea {
	font-size: 100%;
	background: #fff;
}

html.ie8 .view_tab,
html.ie8 .view_tab_sp,
html.ie8 .view_sp {
	display: none !important;
}

html.ie8 #page {
	min-width: 1280px !important;
	margin: auto;
	font-size: 100% !important;
}

@media only screen and (min-width: 1025px) {
	body .view_tab-sp, body .view_tab {
		display: none !important;
	}
}

@media print {
	body .view_tab-sp, body .view_tab {
		display: none !important;
	}
}

.ie8 body .view_tab-sp, .ie8 body .view_tab {
	display: none !important;
}

@media only screen and (min-width: 768px) {
	body .view_sp {
		display: none !important;
	}
}

@media print {
	body .view_sp {
		display: none !important;
	}
}

.ie8 body .view_sp {
	display: none !important;
}

@media only screen and (max-width: 1024px) {
	body .view_pc {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {
	body .view_pc-tab, body .view_tab {
		display: none !important;
	}
}

@media only screen and (min-width: 1025px) {
	.mouse .over {
		-webkit-transition: opacity 200ms ease-in;
		-moz-transition: opacity 200ms ease-in;
		-o-transition: opacity 200ms ease-in;
		transition: opacity 200ms ease-in;
	}
	.mouse .over:hover,
	.touch .over.touchstart {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
	}
	.touch .over {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.touch .over.touchend {
		-webkit-transition-delay: 200ms;
		-moz-transition-delay: 200ms;
		-o-transition-delay: 200ms;
		transition-delay: 200ms;
	}
}

@media print {
	.mouse .over {
		-webkit-transition: opacity 200ms ease-in;
		-moz-transition: opacity 200ms ease-in;
		-o-transition: opacity 200ms ease-in;
		transition: opacity 200ms ease-in;
	}
	.mouse .over:hover,
	.touch .over.touchstart {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
	}
	.touch .over {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.touch .over.touchend {
		-webkit-transition-delay: 200ms;
		-moz-transition-delay: 200ms;
		-o-transition-delay: 200ms;
		transition-delay: 200ms;
	}
}

.mouse .ie8 .over {
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
}

.mouse .ie8 .over:hover,
.touch .ie8 .over.touchstart {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.touch .ie8 .over {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.touch .ie8 .over.touchend {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* -----------------------------------------------------------
	common
----------------------------------------------------------- */
.box_container,
.con_inner {
	display: block;
}

@media only screen and (max-width: 1280px) {
	.box_container,
	.con_inner {
		width: 95%;
	}
}

@media print {
	.box_container,
	.con_inner {
		width: 95%;
	}
}

.ie8 .box_container, .ie8
.con_inner {
	width: 95%;
}

.row {
	display: block;
}

.col {
	display: block;
	float: left;
	position: relative;
	min-height: 1px;
}

.row_tbl {
	display: table;
	width: 100%;
}

.cell {
	display: table-cell;
	vertical-align: top;
}

/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
@media only screen and (min-width: 768px) {
	#page {
		font-size: 100% !important;
	}
}

@media print {
	#page {
		font-size: 100% !important;
	}
}

.ie8 #page {
	font-size: 100% !important;
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
@-webkit-keyframes menuButtonBars {
	0% {
		width: 0;
	}
	25% {
		width: 100%;
	}
	75% {
		width: 100%;
	}
	100% {
		width: 0;
	}
}

@-moz-keyframes menuButtonBars {
	0% {
		width: 0;
	}
	25% {
		width: 100%;
	}
	75% {
		width: 100%;
	}
	100% {
		width: 0;
	}
}

@-ms-keyframes menuButtonBars {
	0% {
		width: 0;
	}
	25% {
		width: 100%;
	}
	75% {
		width: 100%;
	}
	100% {
		width: 0;
	}
}

@-o-keyframes menuButtonBars {
	0% {
		width: 0;
	}
	25% {
		width: 100%;
	}
	75% {
		width: 100%;
	}
	100% {
		width: 0;
	}
}

@keyframes menuButtonBars {
	0% {
		width: 0;
	}
	25% {
		width: 100%;
	}
	75% {
		width: 100%;
	}
	100% {
		width: 0;
	}
}

.btn_menu_style {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	line-height: 1;
	color: #fff !important;
	background: #aeaeae;
	text-align: center;
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media only screen and (max-width: 1024px) {
	.btn_menu_style:hover .ic > span {
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-ms-animation: none !important;
		-o-animation: none !important;
		animation: none !important;
	}
}

.btn_menu_style:hover .ic > span:nth-of-type(1) {
	-webkit-animation: menuButtonBars 1.2s ease-in-out 0.1s infinite;
	-moz-animation: menuButtonBars 1.2s ease-in-out 0.1s infinite;
	-ms-animation: menuButtonBars 1.2s ease-in-out 0.1s infinite;
	-o-animation: menuButtonBars 1.2s ease-in-out 0.1s infinite;
	animation: menuButtonBars 1.2s ease-in-out 0.1s infinite;
}

.btn_menu_style:hover .ic > span:nth-of-type(2) {
	-webkit-animation: menuButtonBars 1.2s ease-in-out 0.15s infinite;
	-moz-animation: menuButtonBars 1.2s ease-in-out 0.15s infinite;
	-ms-animation: menuButtonBars 1.2s ease-in-out 0.15s infinite;
	-o-animation: menuButtonBars 1.2s ease-in-out 0.15s infinite;
	animation: menuButtonBars 1.2s ease-in-out 0.15s infinite;
}

.btn_menu_style:hover .ic > span:nth-of-type(3) {
	-webkit-animation: menuButtonBars 1.2s ease-in-out 0.2s infinite;
	-moz-animation: menuButtonBars 1.2s ease-in-out 0.2s infinite;
	-ms-animation: menuButtonBars 1.2s ease-in-out 0.2s infinite;
	-o-animation: menuButtonBars 1.2s ease-in-out 0.2s infinite;
	animation: menuButtonBars 1.2s ease-in-out 0.2s infinite;
}

.btn_menu_style .button_inner {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 100%;
	line-height: 0;
}

.btn_menu_style .ic {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 30px;
	height: 20px;
	margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
	.btn_menu_style .ic {
		width: 24px;
		height: 16px;
	}
}

.btn_menu_style .ic > span {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0;
	height: 3px;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: #fff;
}

@media only screen and (max-width: 767px) {
	.btn_menu_style .ic > span {
		height: 1px;
	}
}

.btn_menu_style .ic > span:nth-of-type(1) {
	top: 0;
}

@media only screen and (max-width: 1024px) {
	body.open_menu .btn_menu_style .ic > span:nth-of-type(1) {
		-webkit-transform: translate(0, 8px) rotate(-45deg);
		-moz-transform: translate(0, 8px) rotate(-45deg);
		-ms-transform: translate(0, 8px) rotate(-45deg);
		-o-transform: translate(0, 8px) rotate(-45deg);
		transform: translate(0, 8px) rotate(-45deg);
	}
}

.btn_menu_style .ic > span:nth-of-type(2) {
	top: 8px;
}

@media only screen and (max-width: 767px) {
	.btn_menu_style .ic > span:nth-of-type(2) {
		top: 7px;
	}
}

@media only screen and (max-width: 1024px) {
	body.open_menu .btn_menu_style .ic > span:nth-of-type(2) {
		opacity: 0;
	}
}

.btn_menu_style .ic > span:nth-of-type(3) {
	bottom: 0;
}

@media only screen and (max-width: 1024px) {
	body.open_menu .btn_menu_style .ic > span:nth-of-type(3) {
		-webkit-transform: translate(0, -6px) rotate(45deg);
		-moz-transform: translate(0, -6px) rotate(45deg);
		-ms-transform: translate(0, -6px) rotate(45deg);
		-o-transform: translate(0, -6px) rotate(45deg);
		transform: translate(0, -6px) rotate(45deg);
	}
}

.btn_menu_style .txt {
	display: block;
	font-size: 80%;
	line-height: 1;
	text-align: center;
}

#header {
	/* -----------------------------------------------------------
		.con_top_header
	----------------------------------------------------------- */
	/* -----------------------------------------------------------
		.con_group_header
	----------------------------------------------------------- */
	/* -----------------------------------------------------------
		.con_header
	----------------------------------------------------------- */
}

#header .con_top_header {
	position: absolute;
	left: 0;
	top: 40px;
	width: 100%;
	z-index: 3;
	text-align: left;
	padding: 30px 4% 0;
}

@media only screen and (max-width: 1024px) {
	#header .con_top_header {
		display: none;
	}
}

body#homepage #header .con_top_header {
	text-align: right;
	padding: 18px 20px 0;
}

#header .con_top_header > * {
	display: inline-block;
	vertical-align: baseline;
}

body#homepage #header .con_top_header .logo {
	display: none;
}

#header .con_top_header .logo img {
	max-width: 120px;
}

#header .con_top_header .txt,
#header .con_top_header .telephone,
#header .con_top_header .box_language {
	display: none;
}

body#homepage #header .con_top_header .txt, body#homepage
#header .con_top_header .telephone, body#homepage
#header .con_top_header .box_language {
	display: inline-block;
}

#header .con_top_header .txt {
	font-size: 74%;
	color: #fff;
}

#header .con_top_header .telephone {
	font-size: 87%;
	color: #fff;
	margin-left: 35px;
}

#header .con_top_header .telephone .tel {
	font-family: "Didact Gothic", sans-serif;
	font-size: 139%;
	color: #fff;
}

#header .con_top_header .box_language {
	position: relative;
	-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	margin-left: 35px;
}

#header .con_top_header .box_language .st {
	position: relative;
	font-family: "Didact Gothic", sans-serif;
	font-size: 100%;
	color: #fff;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}

#header .con_top_header .box_language ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	min-width: 100px;
	overflow: hidden;
	z-index: 9000;
}

#header .con_top_header .box_language ul li {
	text-align: center;
	border-bottom: 1px dotted #fff;
}

#header .con_top_header .box_language ul li:last-child {
	border-bottom: none;
}

#header .con_top_header .box_language ul li a {
	display: block;
	width: 100%;
	font-size: 87%;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	padding: 0.25em 0;
}

#header .con_top_header .box_language ul li a:hover {
	text-decoration: underline;
}

#header .con_group_header {
	background: #f0f0f0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
}

@media only screen and (max-width: 767px) {
	#header .con_group_header .logo {
		width: 55%;
	}
}

#header .con_group_header .logo img {
	width: 149px;
	vertical-align: middle;
}

#header .con_group_header .logo a {
	display: block;
	font-size: 87%;
	line-height: 40px;
	color: #fff;
	text-decoration: none;
	background: #000;
	padding: 0 10px;
}

@media only screen and (max-width: 767px) {
	#header .con_group_header .logo a {
		line-height: 3em;
		text-align: center;
	}
}

#header .con_group_header ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
}

@media only screen and (max-width: 767px) {
	#header .con_group_header ul {
		width: 45%;
	}
}

@media only screen and (max-width: 1024px) {
	#header .con_group_header ul li {
		display: none;
	}
}

#header .con_group_header ul li a {
	display: block;
	font-size: 87%;
	line-height: 40px;
	text-align: center;
	padding: 0 15px;
	-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	color: #fff !important;
	text-decoration: none;
}

@media only screen and (max-width: 1024px) {
	#header .con_group_header ul li a {
		text-align: center;
		padding: 0 1.5em;
		background: #9c9c9c;
		line-height: 3em;
	}
}

@media only screen and (max-width: 767px) {
	#header .con_group_header ul li a {
		font-size: 87%;
	}
}

#header .con_group_header ul li a img {
	vertical-align: middle;
}

#header .con_group_header ul li a img:last-child {
	display: none;
}

#header .con_group_header ul li a:hover img:first-child, #header .con_group_header ul li a.popup_active img:first-child {
	display: none;
}

#header .con_group_header ul li a:hover img:last-child, #header .con_group_header ul li a.popup_active img:last-child {
	display: inline-block;
}

@media only screen and (max-width: 767px) {
	#header .con_group_header ul li.hotel {
		width: 100%;
	}
}

#header .con_group_header ul li.hotel a {
	background: #9c9c9c;
}

#header .con_group_header ul li.hotel a:hover {
	background: #838383;
}

#header .con_group_header ul li.members a {
	background: #666666;
}

#header .con_group_header ul li.members a:hover {
	background: #4d4d4d;
}

#header .con_group_header ul li.nishitetsu_grandhotel a:hover, #header .con_group_header ul li.nishitetsu_grandhotel a.popup_active {
	background: #830a30;
}

#header .con_group_header ul li.solaria a:hover, #header .con_group_header ul li.solaria a.popup_active {
	background: #0b308e;
}

#header .con_group_header ul li.nishitetsuinn a:hover, #header .con_group_header ul li.nishitetsuinn a.popup_active {
	background: #1c4937;
}

#header .con_group_header ul li.croom a:hover, #header .con_group_header ul li.croom a.popup_active {
	background: #d96c00;
}

@media only screen and (max-width: 1024px) {
	#header .con_group_header ul li.hotel {
		display: block;
	}
}

#header .con_header {
	position: absolute;
	left: 0;
	width: 100%;
	top: calc(100vh - 115px);
	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	transition: background 0.4s ease;
	z-index: 9000;
}

@media only screen and (max-width: 1024px) {
	#header .con_header {
		position: relative;
		left: auto;
		right: auto;
		top: auto !important;
		bottom: auto;
	}
}

#header .con_header:before, #header .con_header:after {
	content: " ";
	clear: both;
	display: table;
}

#header .con_header .st_main_hd {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40%;
	font-weight: normal;
	line-height: 1.5;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 18px 2%;
}

@media only screen and (max-width: 1800px) {
	#header .con_header .st_main_hd {
		width: 36%;
		padding: 26px 15px;
	}
}

@media print {
	#header .con_header .st_main_hd {
		width: 36%;
		padding: 26px 15px;
	}
}

.ie8 #header .con_header .st_main_hd {
	width: 36%;
	padding: 26px 15px;
}

@media only screen and (max-width: 1600px) {
	#header .con_header .st_main_hd {
		width: 28%;
		padding: 18px 15px;
	}
}

@media print {
	#header .con_header .st_main_hd {
		width: 28%;
		padding: 18px 15px;
	}
}

.ie8 #header .con_header .st_main_hd {
	width: 28%;
	padding: 18px 15px;
}

@media only screen and (max-width: 1280px) {
	#header .con_header .st_main_hd {
		display: none;
	}
}

@media print {
	#header .con_header .st_main_hd {
		display: none;
	}
}

.ie8 #header .con_header .st_main_hd {
	display: none;
}

body#homepage #header .con_header .st_main_hd {
	display: block;
}

@media only screen and (max-width: 1280px) {
	body#homepage #header .con_header .st_main_hd {
		display: none;
	}
}

@media print {
	body#homepage #header .con_header .st_main_hd {
		display: none;
	}
}

.ie8 body#homepage #header .con_header .st_main_hd {
	display: none;
}

#header .con_header .st_main_hd .jp {
	display: block;
	font-size: 187%;
	letter-spacing: 0.1em;
}

@media only screen and (max-width: 1800px) {
	#header .con_header .st_main_hd .jp {
		font-size: 147%;
	}
}

@media print {
	#header .con_header .st_main_hd .jp {
		font-size: 147%;
	}
}

.ie8 #header .con_header .st_main_hd .jp {
	font-size: 147%;
}

@media only screen and (max-width: 1600px) {
	#header .con_header .st_main_hd .jp {
		font-size: 134%;
	}
}

@media print {
	#header .con_header .st_main_hd .jp {
		font-size: 134%;
	}
}

.ie8 #header .con_header .st_main_hd .jp {
	font-size: 134%;
}

#header .con_header .st_main_hd .en {
	display: block;
	font-family: "Didact Gothic", sans-serif;
	font-size: 160%;
	letter-spacing: 0.3em;
}

@media only screen and (max-width: 1800px) {
	#header .con_header .st_main_hd .en {
		font-size: 134%;
	}
}

@media print {
	#header .con_header .st_main_hd .en {
		font-size: 134%;
	}
}

.ie8 #header .con_header .st_main_hd .en {
	font-size: 134%;
}

@media only screen and (max-width: 1600px) {
	#header .con_header .st_main_hd .en {
		font-size: 120%;
		letter-spacing: 0.2em;
	}
}

@media print {
	#header .con_header .st_main_hd .en {
		font-size: 120%;
		letter-spacing: 0.2em;
	}
}

.ie8 #header .con_header .st_main_hd .en {
	font-size: 120%;
	letter-spacing: 0.2em;
}

#header .con_header .box_gnav {
	position: relative;
	float: right;
	width: 60%;
	background: #fff;
}

@media only screen and (max-width: 1800px) {
	#header .con_header .box_gnav {
		width: 64%;
	}
}

@media print {
	#header .con_header .box_gnav {
		width: 64%;
	}
}

.ie8 #header .con_header .box_gnav {
	width: 64%;
}

@media only screen and (max-width: 1600px) {
	#header .con_header .box_gnav {
		width: 72%;
	}
}

@media print {
	#header .con_header .box_gnav {
		width: 72%;
	}
}

.ie8 #header .con_header .box_gnav {
	width: 72%;
}

@media only screen and (max-width: 1280px) {
	#header .con_header .box_gnav {
		width: 100%;
	}
}

@media print {
	#header .con_header .box_gnav {
		width: 100%;
	}
}

.ie8 #header .con_header .box_gnav {
	width: 100%;
}

#header .con_header .box_gnav .logo {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 10px 0;
	padding-left: 2.5%;
}

@media only screen and (min-width: 1025px) {
	#header .con_header .box_gnav .logo {
		display: none;
	}
}

@media print {
	#header .con_header .box_gnav .logo {
		display: none;
	}
}

.ie8 #header .con_header .box_gnav .logo {
	display: none;
}

@media only screen and (max-width: 767px) {
	#header .con_header .box_gnav .logo {
		width: 52%;
	}
}

#header .con_header .box_gnav .logo a {
	text-decoration: none;
}

#header .con_header .box_gnav .logo img {
	max-height: 60px;
}

#header .con_header .box_gnav .gnav_wrp {
	width: 80%;
	background: #fff;
}

@media only screen and (max-width: 1024px) {
	#header .con_header .box_gnav .gnav_wrp {
		display: none;
	}
}

#header .con_header .box_gnav ul.gnav {
	display: table;
	width: auto;
	margin: auto;
}

#header .con_header .box_gnav ul.gnav:before, #header .con_header .box_gnav ul.gnav:after {
	content: " ";
	clear: both;
	display: table;
}

#header .con_header .box_gnav ul.gnav > li {
	float: left;
	padding: 0 15px;
}

@media only screen and (max-width: 1440px) {
	#header .con_header .box_gnav ul.gnav > li {
		padding: 0 10px;
	}
}

@media print {
	#header .con_header .box_gnav ul.gnav > li {
		padding: 0 10px;
	}
}

.ie8 #header .con_header .box_gnav ul.gnav > li {
	padding: 0 10px;
}

@media only screen and (max-width: 1280px) {
	#header .con_header .box_gnav ul.gnav > li {
		padding: 0 14px;
	}
}

@media print {
	#header .con_header .box_gnav ul.gnav > li {
		padding: 0 14px;
	}
}

.ie8 #header .con_header .box_gnav ul.gnav > li {
	padding: 0 14px;
}

#header .con_header .box_gnav ul.gnav > li a {
	display: block;
	position: relative;
	font-size: 107%;
	color: #333;
	text-align: center;
	text-decoration: none;
	padding: 45.5px 0;
}

#header .con_header .box_gnav ul.gnav > li a:before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 100%;
	height: 0;
	background: #865fb3;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#header .con_header .box_gnav ul.gnav > li.active > a:before,
#header .con_header .box_gnav ul.gnav > li > a:hover:before {
	height: 6px;
}

#header .con_header .box_gnav .btns {
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	height: 100%;
}

@media only screen and (max-width: 1024px) {
	#header .con_header .box_gnav .btns {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		width: auto;
		float: right;
	}
}

#header .con_header .box_gnav .btns.is_fixed {
	position: fixed;
	right: 0 !important;
	top: 0 !important;
	width: 12%;
	height: 115px;
	z-index: 9100;
}

@media only screen and (max-width: 1800px) {
	#header .con_header .box_gnav .btns.is_fixed {
		width: 12.8%;
	}
}

@media print {
	#header .con_header .box_gnav .btns.is_fixed {
		width: 12.8%;
	}
}

.ie8 #header .con_header .box_gnav .btns.is_fixed {
	width: 12.8%;
}

@media only screen and (max-width: 1600px) {
	#header .con_header .box_gnav .btns.is_fixed {
		width: 14.4%;
	}
}

@media print {
	#header .con_header .box_gnav .btns.is_fixed {
		width: 14.4%;
	}
}

.ie8 #header .con_header .box_gnav .btns.is_fixed {
	width: 14.4%;
}

@media only screen and (max-width: 1280px) {
	#header .con_header .box_gnav .btns.is_fixed {
		width: 20%;
	}
}

@media print {
	#header .con_header .box_gnav .btns.is_fixed {
		width: 20%;
	}
}

.ie8 #header .con_header .box_gnav .btns.is_fixed {
	width: 20%;
}

@media only screen and (max-width: 1024px) {
	#header .con_header .box_gnav .btns.is_fixed {
		width: auto;
		height: auto;
	}
}

#header .con_header .box_gnav .btns:before, #header .con_header .box_gnav .btns:after {
	content: " ";
	clear: both;
	display: table;
}

#header .con_header .box_gnav .btns > * {
	float: left;
	width: 50%;
	height: 100%;
}

@media only screen and (max-width: 1024px) {
	#header .con_header .box_gnav .btns > * {
		width: auto;
	}
}

#header .con_header .box_gnav .btns .btn_menu_style .ic {
	margin-top: 14px;
}

#header .con_header .box_gnav .btns .btn_search {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	line-height: 1;
	color: #fff !important;
	background: #53218b;
	text-align: center;
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#header .con_header .box_gnav .btns .btn_search .button_inner {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 100%;
	line-height: 0;
}

#header .con_header .box_gnav .btns .btn_search .ic {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-bottom: 16px;
}

@media only screen and (max-width: 1024px) {
	#header .con_header .box_gnav .btns .btn_search .ic {
		max-width: 40px;
		margin-top: 6px;
	}
}

@media only screen and (max-width: 767px) {
	#header .con_header .box_gnav .btns .btn_search .ic {
		position: relative;
		height: 16px;
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	#header .con_header .box_gnav .btns .btn_search .ic img {
		position: absolute;
		left: 50%;
		bottom: 0;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 35px;
	}
}

#header .con_header .box_gnav .btns .btn_search .txt {
	display: block;
	line-height: 1;
	font-size: 80%;
	text-align: center;
}

@media only screen and (max-width: 1024px) {
	#header .con_header .box_gnav .btns .btn_menu_style,
	#header .con_header .box_gnav .btns .btn_search {
		padding: 0.6em 1em;
	}
}

@media only screen and (max-width: 767px) {
	#header .con_header .box_gnav .btns .btn_menu_style,
	#header .con_header .box_gnav .btns .btn_search {
		padding: 0.78em 0.6em;
	}
}

@media only screen and (max-width: 1024px) {
	#header .con_header .box_gnav .btns .btn_menu_style .button_inner,
	#header .con_header .box_gnav .btns .btn_search .button_inner {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		width: auto;
	}
}

@media only screen and (max-width: 767px) {
	#header .con_header .box_gnav .btns .btn_menu_style .ic,
	#header .con_header .box_gnav .btns .btn_search .ic {
		margin-top: 0.3em;
		margin-bottom: 0.5em;
	}
}

/* -----------------------------------------------------------
	.fixmenu
----------------------------------------------------------- */
.fixmenu {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 9010;
}

.fixmenu .btns {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 12%;
	height: 115px;
	z-index: 2;
}

.fixmenu .btns.is_fixed {
	top: 0;
}

@media only screen and (max-width: 1800px) {
	.fixmenu .btns {
		width: 12.8%;
	}
}

@media print {
	.fixmenu .btns {
		width: 12.8%;
	}
}

.ie8 .fixmenu .btns {
	width: 12.8%;
}

@media only screen and (max-width: 1600px) {
	.fixmenu .btns {
		width: 14.4%;
	}
}

@media print {
	.fixmenu .btns {
		width: 14.4%;
	}
}

.ie8 .fixmenu .btns {
	width: 14.4%;
}

@media only screen and (max-width: 1280px) {
	.fixmenu .btns {
		width: 20%;
	}
}

@media print {
	.fixmenu .btns {
		width: 20%;
	}
}

.ie8 .fixmenu .btns {
	width: 20%;
}

@media only screen and (max-width: 1024px) {
	.fixmenu .btns {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		width: auto;
		height: auto;
		float: right;
	}
}

.fixmenu .btns > * {
	float: left;
	width: 50%;
	height: 100%;
}

@media only screen and (max-width: 1024px) {
	.fixmenu .btns > * {
		width: auto;
	}
}

.fixmenu .btns .btn_menu_style .ic {
	margin-top: 14px;
}

.fixmenu .btns .btn_menu_style .ic > span {
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-ms-animation: none !important;
	-o-animation: none !important;
	animation: none !important;
}

body.open_menu .fixmenu .btns .btn_menu_style .ic > span:nth-of-type(1) {
	-webkit-transform: translate(0, 8px) rotate(-45deg);
	-moz-transform: translate(0, 8px) rotate(-45deg);
	-ms-transform: translate(0, 8px) rotate(-45deg);
	-o-transform: translate(0, 8px) rotate(-45deg);
	transform: translate(0, 8px) rotate(-45deg);
}

body.open_menu .fixmenu .btns .btn_menu_style .ic > span:nth-of-type(2) {
	opacity: 0;
}

body.open_menu .fixmenu .btns .btn_menu_style .ic > span:nth-of-type(3) {
	-webkit-transform: translate(0, -8px) rotate(45deg);
	-moz-transform: translate(0, -8px) rotate(45deg);
	-ms-transform: translate(0, -8px) rotate(45deg);
	-o-transform: translate(0, -8px) rotate(45deg);
	transform: translate(0, -8px) rotate(45deg);
}

.fixmenu .btns .btn_search {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	line-height: 1;
	color: #fff !important;
	background: #53218b;
	text-align: center;
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.fixmenu .btns .btn_search .button_inner {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 100%;
	line-height: 0;
}

.fixmenu .btns .btn_search .ic {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-bottom: 16px;
}

@media only screen and (max-width: 1024px) {
	.fixmenu .btns .btn_search .ic {
		max-width: 40px;
		margin-top: 6px;
	}
}

@media only screen and (max-width: 767px) {
	.fixmenu .btns .btn_search .ic {
		position: relative;
		height: 16px;
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.fixmenu .btns .btn_search .ic img {
		position: absolute;
		left: 50%;
		bottom: 0;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 35px;
	}
}

.fixmenu .btns .btn_search .txt {
	display: block;
	line-height: 1;
	font-size: 80%;
	text-align: center;
}

@media only screen and (max-width: 1024px) {
	.fixmenu .btns .btn_menu_style,
	.fixmenu .btns .btn_search {
		padding: 0.6em 1em;
	}
}

@media only screen and (max-width: 767px) {
	.fixmenu .btns .btn_menu_style,
	.fixmenu .btns .btn_search {
		padding: 0.78em 0.6em;
	}
}

@media only screen and (max-width: 1024px) {
	.fixmenu .btns .btn_menu_style .button_inner,
	.fixmenu .btns .btn_search .button_inner {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		width: auto;
	}
}

@media only screen and (max-width: 767px) {
	.fixmenu .btns .btn_menu_style .ic,
	.fixmenu .btns .btn_search .ic {
		margin-top: 0.3em;
		margin-bottom: 0.5em;
	}
}

.fixmenu .box_main {
	position: relative;
	overflow: hidden;
	background: #fff;
}

@media only screen and (max-width: 767px) {
	.fixmenu .box_main {
		height: 100%;
		overflow-x: hidden;
		overflow-y: scroll;
	}
}

.fixmenu .box_main .col_menu {
	width: 50%;
	width: 100%;
	padding-top: 3em;
}

@media only screen and (min-width: 768px) {
	.fixmenu .box_main .col_menu.is_fixed {
		padding-top: 9em;
	}
}

@media print {
	.fixmenu .box_main .col_menu.is_fixed {
		padding-top: 9em;
	}
}

.ie8 .fixmenu .box_main .col_menu.is_fixed {
	padding-top: 9em;
}

@media only screen and (min-width: 1025px) {
	.fixmenu .box_main .col_menu {
		padding-left: 50%;
	}
}

@media print {
	.fixmenu .box_main .col_menu {
		padding-left: 50%;
	}
}

.ie8 .fixmenu .box_main .col_menu {
	padding-left: 50%;
}

@media only screen and (max-width: 767px) {
	.fixmenu .box_main .col_menu {
		padding-top: 2em;
	}
}

.fixmenu .box_main .col_menu .col_inner {
	width: 85%;
	max-width: 650px;
	margin: auto;
}

.fixmenu .box_main .col_thumb {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	left: 0;
	z-index: 1;
}

@media only screen and (max-width: 1024px) {
	.fixmenu .box_main .col_thumb {
		display: none !important;
	}
}

.fixmenu .box_main .col_thumb ul {
	position: relative;
	height: 100%;
	width: 100%;
}

.fixmenu .box_main .col_thumb ul li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.fixmenu .box_main .col_thumb ul li.current {
	z-index: 1;
}

.fixmenu .box_main .col_thumb ul li.current .img_thumb {
	opacity: 1;
}

body.open_menu .fixmenu .box_main .col_thumb ul li.current .img_thumb {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.fixmenu .box_main .col_thumb ul li.active {
	z-index: 2;
}

.fixmenu .box_main .col_thumb ul li.active .img_thumb {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.fixmenu .box_main .col_thumb ul li.removing {
	z-index: 2;
}

.fixmenu .box_main .col_thumb ul li.removing .img_thumb {
	opacity: 0;
}

.fixmenu .box_main .col_thumb ul li .img_thumb {
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

@media only screen and (max-width: 1024px) {
	.fixmenu .box_main .col_menu,
	.fixmenu .box_main .col_thumb {
		width: 100%;
	}
}

.fixmenu .box_main .box_lang {
	text-align: right;
	margin-bottom: 2.5em;
}

.fixmenu .box_main .box_lang > * {
	display: inline-block;
	vertical-align: baseline;
}

.fixmenu .box_main .box_lang .telephone {
	font-size: 87%;
	color: #333;
	margin-left: 35px;
}

@media only screen and (max-width: 767px) {
	.fixmenu .box_main .box_lang .telephone {
		display: block;
		margin-left: 0;
		margin-bottom: 1.5em;
	}
}

.fixmenu .box_main .box_lang .telephone .tel {
	font-family: "Didact Gothic", sans-serif;
	font-size: 139%;
	color: #333;
}

.fixmenu .box_main .box_lang .box_language {
	position: relative;
	-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	margin-left: 35px;
}

@media only screen and (max-width: 767px) {
	.fixmenu .box_main .box_lang .box_language {
		display: inline-block;
		margin-left: 0;
	}
}

.fixmenu .box_main .box_lang .box_language .st {
	position: relative;
	font-family: "Didact Gothic", sans-serif;
	font-size: 100%;
	color: #333;
	border-bottom: 1px solid #333;
	cursor: pointer;
}

.fixmenu .box_main .box_lang .box_language ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	min-width: 100px;
	overflow: hidden;
	z-index: 9000;
}

.fixmenu .box_main .box_lang .box_language ul li {
	text-align: center;
	border-bottom: 1px dotted #333;
}

.fixmenu .box_main .box_lang .box_language ul li:last-child {
	border-bottom: none;
}

.fixmenu .box_main .box_lang .box_language ul li a {
	display: block;
	width: 100%;
	font-size: 87%;
	color: #fff;
	background: #000;
	text-decoration: none;
	padding: 0.25em 0;
}

.fixmenu .box_main .box_lang .box_language ul li a:hover {
	text-decoration: underline;
}

.fixmenu .box_main .box_menu {
	margin-bottom: 3em;
}

@media only screen and (max-width: 767px) {
	.fixmenu .box_main .box_menu {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 767px) {
	.fixmenu .box_main .box_menu .cell {
		display: block;
		width: 100%;
		margin-bottom: 1.5em;
	}
}

.fixmenu .box_main .box_menu ul.mainnav > li > a {
	display: block;
	vertical-align: middle;
	position: relative;
	font-size: 134%;
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 10px 0;
	padding-left: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.fixmenu .box_main .box_menu ul.mainnav > li > a {
		font-size: 120%;
	}
}

@media only screen and (max-width: 767px) {
	.fixmenu .box_main .box_menu ul.mainnav > li > a {
		font-size: 107%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.fixmenu .box_main .box_menu ul.mainnav > li > a {
		padding: 10px 0;
	}
}

@media only screen and (max-width: 767px) {
	.fixmenu .box_main .box_menu ul.mainnav > li > a {
		padding: 5px 0;
	}
}

@media only screen and (max-width: 1024px) {
	.fixmenu .box_main .box_menu ul.mainnav > li > a {
		padding-left: 20px;
	}
}

.fixmenu .box_main .box_menu ul.mainnav > li > a:hover {
	color: #53218b;
}

.fixmenu .box_main .box_menu ul.mainnav > li > a:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 0;
	height: 6px;
	background: #53218b;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.fixmenu .box_main .box_menu ul.mainnav > li > a:before {
		top: 45%;
	}
}

.fixmenu .box_main .box_menu ul.mainnav > li > a .ic_item {
	font-size: 75%;
}

.fixmenu .box_main .box_menu ul.mainnav > li > a.c_purple {
	color: #53218b;
}

.fixmenu .box_main .box_menu ul.mainnav > li.active > a:before,
.fixmenu .box_main .box_menu ul.mainnav > li > a:hover:before {
	width: 16px;
}

.fixmenu .box_main .box_menu ul.submemu {
	padding-left: 50px;
}

.fixmenu .box_main .box_menu ul.submemu > li a {
	display: block;
	vertical-align: middle;
	position: relative;
	font-size: 107%;
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 7px 0;
}

@media only screen and (max-width: 767px) {
	.fixmenu .box_main .box_menu ul.submemu > li a {
		font-size: 94%;
		padding: 5px 0;
	}
}

.fixmenu .box_main .box_menu ul.submemu > li a span {
	font-size: 87%;
}

@media only screen and (max-width: 767px) {
	.fixmenu .box_main .box_menu ul.submemu > li a span {
		font-size: 80%;
	}
}

.fixmenu .box_main .box_menu ul.submemu > li.active > a,
.fixmenu .box_main .box_menu ul.submemu > li > a:hover {
	color: #53218b;
}

.fixmenu .box_main .box_snav + .box_snav {
	margin-top: 1.5em;
}

.fixmenu .box_main .box_snav ul.snav > li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em;
	margin-bottom: 1em;
}

.fixmenu .box_main .box_snav ul.snav > li:last-child {
	margin-right: 0 !important;
}

.fixmenu .box_main .box_snav ul.snav > li > a {
	display: block;
	vertical-align: middle;
	position: relative;
	font-size: 107%;
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.fixmenu .box_main .box_snav ul.snav > li > a {
		font-size: 94%;
	}
}

.fixmenu .box_main .box_snav ul.snav > li.active > a,
.fixmenu .box_main .box_snav ul.snav > li > a:hover {
	color: #53218b;
}

@-webkit-keyframes animationShowMenuItem {
	0% {
		opacity: 0;
		-webkit-transform: translate(-40px, 0);
		-moz-transform: translate(-40px, 0);
		-ms-transform: translate(-40px, 0);
		-o-transform: translate(-40px, 0);
		transform: translate(-40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-moz-keyframes animationShowMenuItem {
	0% {
		opacity: 0;
		-webkit-transform: translate(-40px, 0);
		-moz-transform: translate(-40px, 0);
		-ms-transform: translate(-40px, 0);
		-o-transform: translate(-40px, 0);
		transform: translate(-40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-ms-keyframes animationShowMenuItem {
	0% {
		opacity: 0;
		-webkit-transform: translate(-40px, 0);
		-moz-transform: translate(-40px, 0);
		-ms-transform: translate(-40px, 0);
		-o-transform: translate(-40px, 0);
		transform: translate(-40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-o-keyframes animationShowMenuItem {
	0% {
		opacity: 0;
		-webkit-transform: translate(-40px, 0);
		-moz-transform: translate(-40px, 0);
		-ms-transform: translate(-40px, 0);
		-o-transform: translate(-40px, 0);
		transform: translate(-40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes animationShowMenuItem {
	0% {
		opacity: 0;
		-webkit-transform: translate(-40px, 0);
		-moz-transform: translate(-40px, 0);
		-ms-transform: translate(-40px, 0);
		-o-transform: translate(-40px, 0);
		transform: translate(-40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

.animated_obj:nth-of-type(1) {
	animation-delay: 0.08s !important;
}

.animated_obj:nth-of-type(2) {
	animation-delay: 0.16s !important;
}

.animated_obj:nth-of-type(3) {
	animation-delay: 0.24s !important;
}

.animated_obj:nth-of-type(4) {
	animation-delay: 0.32s !important;
}

.animated_obj:nth-of-type(5) {
	animation-delay: 0.4s !important;
}

.animated_obj:nth-of-type(6) {
	animation-delay: 0.48s !important;
}

.animated_obj:nth-of-type(7) {
	animation-delay: 0.56s !important;
}

.animated_obj:nth-of-type(8) {
	animation-delay: 0.64s !important;
}

.animated_obj:nth-of-type(9) {
	animation-delay: 0.72s !important;
}

.animated_obj:nth-of-type(10) {
	animation-delay: 0.8s !important;
}

.animated_obj:nth-of-type(11) {
	animation-delay: 0.88s !important;
}

.animated_obj:nth-of-type(12) {
	animation-delay: 0.96s !important;
}

.animated_obj:nth-of-type(13) {
	animation-delay: 1.04s !important;
}

.animated_obj:nth-of-type(14) {
	animation-delay: 1.12s !important;
}

.animated_obj:nth-of-type(15) {
	animation-delay: 1.2s !important;
}

.animated_obj:nth-of-type(16) {
	animation-delay: 1.28s !important;
}

.animated_obj:nth-of-type(17) {
	animation-delay: 1.36s !important;
}

.animated_obj:nth-of-type(18) {
	animation-delay: 1.44s !important;
}

.animated_obj:nth-of-type(19) {
	animation-delay: 1.52s !important;
}

.animated_obj:nth-of-type(20) {
	animation-delay: 1.6s !important;
}

body.open_menu .animated_obj {
	-webkit-animation: animationShowMenuItem 0.5s ease 0s;
	-moz-animation: animationShowMenuItem 0.5s ease 0s;
	-ms-animation: animationShowMenuItem 0.5s ease 0s;
	-o-animation: animationShowMenuItem 0.5s ease 0s;
	animation: animationShowMenuItem 0.5s ease 0s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

/* -----------------------------------------------------------
	#popup_groupmenu
----------------------------------------------------------- */
.popup_groupmenu {
	position: absolute;
	top: 40px;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding-top: 100px;
	padding-bottom: 50px;
	color: #fff;
	z-index: 9010;
	display: none;
}

.popup_groupmenu.fixed {
	position: fixed;
	top: 0;
}

.popup_groupmenu.fixed:after {
	position: fixed;
	top: 0;
}

.popup_groupmenu .btn_close {
	top: -80px;
}

.popup_groupmenu:after {
	content: "";
	background: rgba(0, 0, 0, 0.85);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.popup_groupmenu a {
	color: #fff !important;
}

.popup_groupmenu .con_inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.popup_groupmenu .nav {
	padding-right: 30px;
	width: 340px;
}

@media only screen and (max-width: 1024px) {
	.popup_groupmenu .nav {
		width: 21em;
	}
}

.popup_groupmenu .nav a {
	text-decoration: none;
}

.popup_groupmenu .nav a:hover {
	text-decoration: underline;
}

.popup_groupmenu .nav dl {
	display: table;
	font-size: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.popup_groupmenu .nav dl {
		font-size: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.popup_groupmenu .nav dl {
		font-size: 100%;
	}
}

.popup_groupmenu .nav dl > * {
	display: table-cell;
	vertical-align: top;
}

.popup_groupmenu .nav dl dt {
	width: 6em;
}

.popup_groupmenu .nav dl dd ul li {
	margin-bottom: 10px;
}

.popup_groupmenu .nav .link {
	margin-top: 20px;
}

.popup_groupmenu .nav .link a {
	font-size: 100%;
	text-decoration: none;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.popup_groupmenu .nav .link a {
		font-size: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.popup_groupmenu .nav .link a {
		font-size: 100%;
	}
}

.popup_groupmenu .nav .link a:hover {
	text-decoration: underline;
}

.popup_groupmenu .nav .link a:before {
	content: "\f105";
	font-family: "FontAwesome";
	display: inline-block;
	margin-right: 0.5em;
}

.popup_groupmenu .wrp_detail {
	width: 100%;
	max-width: 1000px;
	background: #fff;
	color: #333333;
}

.popup_groupmenu .wrp_detail .box_hotel {
	display: none;
	overflow: hidden;
}

@media only screen and (min-width: 1025px) {
	.popup_groupmenu .wrp_detail .box_hotel {
		width: 100%;
		display: table;
	}
	.popup_groupmenu .wrp_detail .box_hotel > * {
		display: table-cell;
	}
}

@media print {
	.popup_groupmenu .wrp_detail .box_hotel {
		width: 100%;
		display: table;
	}
	.popup_groupmenu .wrp_detail .box_hotel > * {
		display: table-cell;
	}
}

.ie8 .popup_groupmenu .wrp_detail .box_hotel {
	width: 100%;
	display: table;
}

.ie8 .popup_groupmenu .wrp_detail .box_hotel > * {
	display: table-cell;
}

.popup_groupmenu .wrp_detail .box_hotel .img {
	position: relative;
	overflow: hidden;
}

@media only screen and (min-width: 1025px) {
	.popup_groupmenu .wrp_detail .box_hotel .img {
		width: 62%;
	}
}

@media print {
	.popup_groupmenu .wrp_detail .box_hotel .img {
		width: 62%;
	}
}

.ie8 .popup_groupmenu .wrp_detail .box_hotel .img {
	width: 62%;
}

@media only screen and (min-width: 1025px) {
	.popup_groupmenu .wrp_detail .box_hotel .img img {
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		max-width: none;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media print {
	.popup_groupmenu .wrp_detail .box_hotel .img img {
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		max-width: none;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.ie8 .popup_groupmenu .wrp_detail .box_hotel .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: inherit;
	max-width: none;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media only screen and (max-width: 1024px) {
	.popup_groupmenu .wrp_detail .box_hotel .img img {
		width: 100%;
	}
}

.popup_groupmenu .wrp_detail .box_hotel .box_content {
	padding: 20px;
}

@media only screen and (min-width: 1025px) {
	.popup_groupmenu .wrp_detail .box_hotel .box_content {
		width: 38%;
	}
}

@media print {
	.popup_groupmenu .wrp_detail .box_hotel .box_content {
		width: 38%;
	}
}

.ie8 .popup_groupmenu .wrp_detail .box_hotel .box_content {
	width: 38%;
}

.popup_groupmenu .wrp_detail .box_hotel .box_content .name {
	font-size: 167%;
	margin-bottom: 15px;
	line-height: 1.5;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.popup_groupmenu .wrp_detail .box_hotel .box_content .name {
		font-size: 167%;
	}
}

@media only screen and (max-width: 767px) {
	.popup_groupmenu .wrp_detail .box_hotel .box_content .name {
		font-size: 167%;
	}
}

.popup_groupmenu .wrp_detail .box_hotel .box_content .links li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.popup_groupmenu .wrp_detail .box_hotel .box_content .links li:last-child {
	margin-right: 0;
}

.popup_groupmenu .wrp_detail .box_hotel .box_content .links li a {
	text-decoration: underline;
	color: #333333 !important;
}

.popup_groupmenu .wrp_detail .box_hotel .box_content .links li a:hover {
	text-decoration: none;
}

.popup_groupmenu .wrp_detail .box_hotel .box_content .links li.link a:before {
	content: "\f1ad";
	font-family: "FontAwesome";
	display: inline-block;
	margin-right: 0.5em;
}

.popup_groupmenu .wrp_detail .box_hotel .box_content .links li.plan a:before {
	content: "\f00b";
	font-family: "FontAwesome";
	display: inline-block;
	margin-right: 0.5em;
}

.popup_groupmenu .wrp_detail .box_hotel .box_content .con_map {
	width: 100%;
	height: 150px;
	margin-top: 20px;
}

@media only screen and (max-width: 1024px) {
	.popup_groupmenu .wrp_detail .box_hotel .box_content .con_map {
		height: 260px;
	}
}

.popup_groupmenu .wrp_detail .box_hotel .box_content .con_map iframe {
	border: 0;
	width: 100%;
	height: 100%;
}

/* -----------------------------------------------------------
	#popup_hotellist
----------------------------------------------------------- */
#popup_hotellist {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding-top: 100px;
	padding-bottom: 50px;
	color: #fff;
	z-index: 9010;
}

@media only screen and (max-width: 767px) {
	#popup_hotellist {
		padding-top: 70px;
	}
}

#popup_hotellist.fixed {
	top: 0;
	position: fixed;
}

#popup_hotellist.fixed:after {
	position: fixed;
	top: 0;
}

#popup_hotellist .btn_close {
	top: -80px;
}

@media only screen and (max-width: 767px) {
	#popup_hotellist .btn_close {
		top: -50px;
	}
}

#popup_hotellist:after {
	content: "";
	background: rgba(0, 0, 0, 0.85);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: -1;
}

@media only screen and (max-width: 767px) {
	#popup_hotellist:after {
		top: 40px;
		position: fixed !important;
	}
}

#popup_hotellist .con_inner {
	position: relative;
}

#popup_hotellist h2.st {
	font-size: 100%;
	font-weight: normal;
	padding: 0 0 8px 3px;
}

#popup_hotellist h2.st .ic {
	margin-right: 10px;
}

#popup_hotellist .con_inner {
	color: #fff;
}

@media only screen and (max-width: 767px) {
	#popup_hotellist .con_inner {
		padding-bottom: 40px;
	}
}

#popup_hotellist .con_inner a {
	color: #fff;
}

#popup_hotellist .con_inner .box_hotel {
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
}

@media only screen and (max-width: 767px) {
	#popup_hotellist .con_inner .box_hotel {
		display: block;
	}
}

#popup_hotellist .con_inner .box_hotel .list {
	width: 28.90625%;
}

@media only screen and (max-width: 767px) {
	#popup_hotellist .con_inner .box_hotel .list {
		width: 100%;
	}
}

#popup_hotellist .con_inner .box_hotel .list .st {
	padding: 6px 13px;
	background: #fdfbf8;
	font-weight: bold;
	color: #333333;
}

@media only screen and (max-width: 767px) {
	#popup_hotellist .con_inner .box_hotel .list .st {
		font-size: 94%;
		background: #fdfbf8;
		color: #333333;
		margin-bottom: 5px;
		padding: 0.25em 0.5em;
		font-weight: bold;
	}
}

#popup_hotellist .con_inner .box_hotel .list dl {
	padding: 8px 10px;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	#popup_hotellist .con_inner .box_hotel .list dl {
		padding: 0;
	}
}

#popup_hotellist .con_inner .box_hotel .list dl dt, #popup_hotellist .con_inner .box_hotel .list dl dd {
	float: left;
}

@media only screen and (max-width: 767px) {
	#popup_hotellist .con_inner .box_hotel .list dl dt, #popup_hotellist .con_inner .box_hotel .list dl dd {
		float: none;
	}
}

#popup_hotellist .con_inner .box_hotel .list dl dt {
	width: 20%;
	font-weight: bold;
}

@media only screen and (max-width: 767px) {
	#popup_hotellist .con_inner .box_hotel .list dl dt {
		width: 100%;
		padding: 1em 0 0.8em 0.5em;
	}
}

#popup_hotellist .con_inner .box_hotel .list dl dd {
	width: 80%;
}

@media only screen and (max-width: 767px) {
	#popup_hotellist .con_inner .box_hotel .list dl dd {
		font-size: 107%;
		width: 100%;
		margin-bottom: 10px;
		padding: 0 0.5em;
	}
}

#popup_hotellist .con_inner .box_hotel .list dl dd ul li {
	padding: 2px 0 2px 0.75em;
	position: relative;
}

@media only screen and (max-width: 767px) {
	#popup_hotellist .con_inner .box_hotel .list dl dd ul li {
		padding: 0 0.5em 1em 1em;
	}
}

#popup_hotellist .con_inner .box_hotel .list dl dd ul li:before {
	position: absolute;
	content: '\f3d3';
	font-family: "Ionicons";
	top: 2px;
	left: 0;
}

#popup_hotellist .con_inner .box_hotel .list dl dd ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
}

#popup_hotellist .con_inner .box_hotel .list dl dd ul li a:hover {
	text-decoration: underline;
}

/* -----------------------------------------------------------
	#popupsearch
----------------------------------------------------------- */
#popupsearch {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.85);
	overflow: auto;
	padding: 5% 0 3em;
	z-index: 9010;
}

#popupsearch #close_popupsearch {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.1);
	border-color: #fff;
	text-align: center;
	margin-top: 30px;
}

@media only screen and (min-width: 1025px) {
	#popupsearch #close_popupsearch:hover {
		color: #53218b !important;
		border-color: #53218b;
	}
}

@media print {
	#popupsearch #close_popupsearch:hover {
		color: #53218b !important;
		border-color: #53218b;
	}
}

.ie8 #popupsearch #close_popupsearch:hover {
	color: #53218b !important;
	border-color: #53218b;
}

@media only screen and (max-width: 767px) {
	#popupsearch #close_popupsearch {
		width: 95%;
	}
}

#popupsearch .con_search:before {
	display: none;
}

#popupsearch .con_search .st_search_top {
	display: none;
}

@media only screen and (max-width: 767px) {
	#popupsearch .con_search .box_tab {
		background: rgba(255, 255, 255, 0.85);
		padding: 1em 0;
	}
}

@media only screen and (max-width: 767px) {
	#popupsearch .con_search .tabs {
		width: 95%;
	}
}

@media only screen and (max-width: 767px) {
	#popupsearch .con_search .panels > li {
		width: 95%;
	}
}

/* -----------------------------------------------------------
	.con_search
----------------------------------------------------------- */
.con_search {
	padding-top: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search {
		padding-top: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.con_search {
		padding-top: 1.5em;
	}
}

.con_search .st_search_top {
	line-height: 1.1;
	font-weight: normal;
	text-align: center;
	margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
	.con_search .st_search_top {
		margin-bottom: 1.5em;
	}
}

.con_search .st_search_top .en {
	display: table;
	width: auto;
	position: relative;
	font-family: "Didact Gothic", sans-serif;
	font-size: 254%;
	color: #53218b;
	padding: 0 0.8em;
	margin: auto;
	margin-bottom: 0.3em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .st_search_top .en {
		font-size: 214%;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .st_search_top .en {
		font-size: 174%;
	}
}

.con_search .st_search_top .en:before {
	display: block;
	content: '';
	position: absolute;
	right: 100%;
	top: 50%;
	width: 2em;
	height: 1px;
	background: #53218b;
}

.con_search .st_search_top .en:after {
	display: block;
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	width: 2em;
	height: 1px;
	background: #53218b;
}

.con_search .st_search_top .jp {
	display: block;
	font-size: 107%;
	letter-spacing: 0.1em;
	color: #333;
}

@media only screen and (max-width: 767px) {
	.con_search .st_search_top .jp {
		font-size: 94%;
		letter-spacing: normal;
	}
}

.con_search .tabs {
	max-width: 930px;
	margin: 0 auto -1px;
}

@media only screen and (max-width: 767px) {
	.con_search .tabs {
		display: none;
	}
}

.con_search .tabs ul {
	display: flex;
	justify-content: center;
}

@media only screen and (max-width: 767px) {
	.con_search .tabs ul {
		display: block;
	}
}

.con_search .tabs ul li {
	width: 48%;
	color: #333;
	background: #f6f3fa;
	border: 1px solid transparent;
	border-bottom-color: #868686;
	text-align: center;
	padding: 14px 10px;
	margin: 0 1.5px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .tabs ul li {
		width: 33%;
		padding: 20px 5px;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .tabs ul li {
		width: 100%;
		color: #6f6f6f;
		background: #fff;
		border: solid 1px #9f84bf;
		margin: 0 0 0.5em 0;
		padding: 0.5em;
	}
	.con_search .tabs ul li:last-child {
		margin-bottom: 0;
	}
}

.con_search .tabs ul li.active {
	color: #6f6f6f;
	background: #fff;
	border: 1px solid #868686;
	border-bottom-color: #fff;
}

@media only screen and (max-width: 767px) {
	.con_search .tabs ul li.active {
		color: #fff;
		background: #53218b;
		border: none;
	}
}

.con_search .tabs ul li:not(.active) {
	cursor: pointer;
}

.con_search .tabs ul li .icm .txt {
	display: inline-block;
	vertical-align: middle;
}

.con_search .tabs ul li .ic {
	font-size: 134%;
	margin-right: 9px;
}

@media only screen and (max-width: 767px) {
	.con_search .tabs ul li .ic {
		font-size: 120%;
		margin-right: 0.25em;
	}
}

.con_search .tabs ul li .txt {
	font-size: 107%;
}

@media only screen and (max-width: 1024px) {
	.con_search .tabs ul li .txt {
		font-size: 100%;
	}
}

.con_search .panels {
	background: #fff;
	border: 1px solid #868686;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .panels {
		width: calc(100% - 2px);
		margin-left: 1.25px;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels {
		background: transparent;
		border: 0;
	}
}

.con_search .panels > li {
	width: 90.625%;
	margin: 0 auto;
	padding: 43px 0;
}

@media only screen and (min-width: 768px) {
	.con_search .panels > li:not(.active) {
		display: none;
	}
}

@media print {
	.con_search .panels > li:not(.active) {
		display: none;
	}
}

.ie8 .con_search .panels > li:not(.active) {
	display: none;
}

@media only screen and (max-width: 767px) {
	.con_search .panels > li {
		width: 100%;
		padding: 0;
		margin-bottom: 0.5em;
	}
}

.con_search .panels .accordion_x {
	display: block;
	position: relative;
	width: 100%;
	color: #6f6f6f;
	background: #fff;
	border: solid 1px #9f84bf;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0.5em 1.8em;
}

.con_search .panels .accordion_x.active {
	color: #fff;
	background: #53218b;
	border: none;
}

.con_search .panels .accordion_x.active:before {
	-webkit-transform: rotate(-180deg) translate(0, -50%);
	-moz-transform: rotate(-180deg) translate(0, -50%);
	-ms-transform: rotate(-180deg) translate(0, -50%);
	-o-transform: rotate(-180deg) translate(0, -50%);
	transform: rotate(-180deg) translate(0, -50%);
}

.con_search .panels .accordion_x:before {
	display: inline-block;
	vertical-align: middle;
	content: "\f3d0";
	position: absolute;
	right: 1em;
	top: 50%;
	-webkit-transform: rotate(0deg) translate(0, -50%);
	-moz-transform: rotate(0deg) translate(0, -50%);
	-ms-transform: rotate(0deg) translate(0, -50%);
	-o-transform: rotate(0deg) translate(0, -50%);
	transform: rotate(0deg) translate(0, -50%);
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	-ms-transform-origin: center top;
	-o-transform-origin: center top;
	transform-origin: center top;
	font-family: "Ionicons";
	-webkit-transition: -webkit-transform 0.4s ease;
	-moz-transition: -moz-transform 0.4s ease;
	-o-transition: -o-transform 0.4s ease;
	transition: transform 0.4s ease;
}

.con_search .panels .accordion_x .icm .txt {
	display: inline-block;
	vertical-align: middle;
}

.con_search .panels .accordion_x .ic {
	font-size: 134%;
	margin-right: 9px;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .accordion_x .ic {
		font-size: 120%;
		margin-right: 0.25em;
	}
}

.con_search .panels .accordion_x .txt {
	font-size: 107%;
}

@media only screen and (max-width: 1024px) {
	.con_search .panels .accordion_x .txt {
		font-size: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_x {
		display: none;
		padding: 0.5em 0 1.5em;
	}
}

.con_search .panels .panel_x > .box_point > .txt {
	margin-bottom: .4em;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_x > .box_point > .txt {
		margin-bottom: .4em;
	}
}

.con_search .panels .panel_x > .box_point > .st_point {
	border: 2px solid #53218b;
	margin-top: .4em;
	margin-bottom: 24px;
	font-size: 107%;
	display: inline-block;
	vertical-align: middle;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_x > .box_point > .st_point dt, .con_search .panels .panel_x > .box_point > .st_point dd {
		width: 100%;
		display: block;
	}
}

.con_search .panels .panel_x > .box_point > .st_point dt {
	color: #fff;
	display: inline-block;
	padding: .45em .8em;
	background: #53218b;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_x > .box_point > .st_point dt {
		text-align: center;
	}
}

.con_search .panels .panel_x > .box_point > .st_point dd {
	padding: 0 .8em;
	display: inline-block;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_x > .box_point > .st_point dd {
		padding: .2em .4em;
	}
}

.con_search .panels .panel_x > .box_point > .st_point dd .point {
	font-weight: bold;
	margin-right: .15em;
	font-size: 100%;
	color: #53218b;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_x > .box_point > .st_point dd .point {
		font-size: 94%;
	}
}

.con_search .panels .panel_hotel {
	overflow: hidden;
	width: 87.58621%;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel {
		width: 100%;
	}
}

.con_search .panels .panel_hotel .btn_rsv li:first-child, .con_search .panels .panel_hotel .btn_rsv li:nth-child(2) {
	width: 100%;
	margin-bottom: 0.3em;
}

.con_search .panels .panel_hotel .btn_rsv li:nth-child(2) {
	margin-bottom: 1em;
}

.con_search .panels .panel_hotel .btn_rsv li {
	position: relative;
}

.con_search .panels .panel_hotel .btn_rsv li :before {
	position: absolute;
	content: '\f3d3';
	font-family: "Ionicons";
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel .btn_rsv li a {
		font-size: 87%;
	}
}

.con_search .panels .panel_hotel .btn_rsv li .btn a {
	text-align: center;
}

.con_search .panels .panel_hotel form {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
}

.con_search .panels .panel_hotel form em {
	display: block;
	font-size: 87%;
	margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form em {
		margin-bottom: 0.25em;
		font-size: 74%;
	}
}

.con_search .panels .panel_hotel form .box_day {
	width: 18%;
}

@media only screen and (min-width: 767px) and (max-width: 1280px) {
	.con_search .panels .panel_hotel form .box_day {
		width: 23%;
	}
}

@media print {
	.con_search .panels .panel_hotel form .box_day {
		width: 23%;
	}
}

.ie8 .con_search .panels .panel_hotel form .box_day {
	width: 23%;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_day {
		width: 68%;
	}
}

.con_search .panels .panel_hotel form .box_day .calendar {
	position: relative;
	display: inline-block;
}

.con_search .panels .panel_hotel form .box_day .calendar:before {
	position: absolute;
	content: '\f073';
	font-family: "FontAwesome";
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	font-size: 94%;
}

@media only screen and (max-width: 1024px) {
	.con_search .panels .panel_hotel form .box_day .calendar:before {
		display: none;
	}
}

.con_search .panels .panel_hotel form .box_day .calendar:after {
	position: absolute;
	content: '\f3d0';
	font-family: "Ionicons";
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	font-size: 100%;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_day .calendar:after {
		font-size: 87%;
	}
}

.con_search .panels .panel_hotel form .box_day .calendar input {
	width: 100%;
	border: 1px solid #333333;
	padding: 18px 0 18px 43px;
	font-size: 134%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .panels .panel_hotel form .box_day .calendar input {
		padding: 0.5em 0 0.5em 0.25em;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_day .calendar input {
		padding: 0.25em 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_day .calendar input {
		font-size: 107%;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_und {
		width: 30%;
		padding: 0.75em 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_und em {
		display: inline-block;
		margin: 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_und .chkbox {
		display: inline-block;
		margin: 0;
	}
}

.con_search .panels .panel_hotel form .box_und .chkbox label {
	font-size: 120%;
	line-height: 20px;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_und .chkbox label {
		padding-bottom: 0.75em;
	}
}

.con_search .panels .panel_hotel form .box_und .chkbox label:before {
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	left: 0;
	background-color: #fff;
	border: 1px solid #414141;
}

.con_search .panels .panel_hotel form .box_und .chkbox input[type="checkbox"] {
	display: none;
}

.con_search .panels .panel_hotel form .box_und .chkbox input[type="checkbox"]:checked + label:before {
	content: '\2713';
}

.con_search .panels .panel_hotel form .box_sta,
.con_search .panels .panel_hotel form .box_per,
.con_search .panels .panel_hotel form .box_roo {
	width: 9%;
}

@media only screen and (min-width: 767px) and (max-width: 1280px) {
	.con_search .panels .panel_hotel form .box_sta,
	.con_search .panels .panel_hotel form .box_per,
	.con_search .panels .panel_hotel form .box_roo {
		width: 13%;
	}
}

@media print {
	.con_search .panels .panel_hotel form .box_sta,
	.con_search .panels .panel_hotel form .box_per,
	.con_search .panels .panel_hotel form .box_roo {
		width: 13%;
	}
}

.ie8 .con_search .panels .panel_hotel form .box_sta, .ie8
.con_search .panels .panel_hotel form .box_per, .ie8
.con_search .panels .panel_hotel form .box_roo {
	width: 13%;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_sta,
	.con_search .panels .panel_hotel form .box_per,
	.con_search .panels .panel_hotel form .box_roo {
		width: 33.3333%;
		margin-top: 1em;
		padding-right: 2%;
	}
}

.con_search .panels .panel_hotel form .box_sta select,
.con_search .panels .panel_hotel form .box_per select,
.con_search .panels .panel_hotel form .box_roo select {
	width: 100%;
	border: 1px solid #333333;
	padding: 20px 0 20px 19px;
	font-size: 134%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .panels .panel_hotel form .box_sta select,
	.con_search .panels .panel_hotel form .box_per select,
	.con_search .panels .panel_hotel form .box_roo select {
		padding: 0.6em 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_sta select,
	.con_search .panels .panel_hotel form .box_per select,
	.con_search .panels .panel_hotel form .box_roo select {
		padding: 0.25em 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_sta select,
	.con_search .panels .panel_hotel form .box_per select,
	.con_search .panels .panel_hotel form .box_roo select {
		padding: 0.25em 0;
		font-size: 107%;
	}
}

.con_search .panels .panel_hotel form .box_child {
	width: 15%;
}

@media only screen and (min-width: 767px) and (max-width: 1280px) {
	.con_search .panels .panel_hotel form .box_child {
		width: 20%;
	}
}

@media print {
	.con_search .panels .panel_hotel form .box_child {
		width: 20%;
	}
}

.ie8 .con_search .panels .panel_hotel form .box_child {
	width: 20%;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_child {
		width: 33.3333%;
		margin-top: 1em;
		padding-right: 2%;
	}
}

.con_search .panels .panel_hotel form .box_child ul {
	margin-top: 1em;
	padding-top: 5px;
}

@media only screen and (min-width: 767px) and (max-width: 1210px) {
	.con_search .panels .panel_hotel form .box_child ul {
		padding-top: 0;
	}
}

@media print {
	.con_search .panels .panel_hotel form .box_child ul {
		padding-top: 0;
	}
}

.ie8 .con_search .panels .panel_hotel form .box_child ul {
	padding-top: 0;
}

.con_search .panels .panel_hotel form .box_child ul li {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.con_search .panels .panel_hotel form .box_child ul li span {
	width: 40%;
	display: inline-block;
}

@media only screen and (min-width: 767px) and (max-width: 1210px) {
	.con_search .panels .panel_hotel form .box_child ul li span {
		width: 50%;
	}
}

@media print {
	.con_search .panels .panel_hotel form .box_child ul li span {
		width: 50%;
	}
}

.ie8 .con_search .panels .panel_hotel form .box_child ul li span {
	width: 50%;
}

.con_search .panels .panel_hotel form .box_child ul li div {
	width: 55%;
	display: inline-block;
}

@media only screen and (min-width: 767px) and (max-width: 1210px) {
	.con_search .panels .panel_hotel form .box_child ul li div {
		width: 45%;
	}
}

@media print {
	.con_search .panels .panel_hotel form .box_child ul li div {
		width: 45%;
	}
}

.ie8 .con_search .panels .panel_hotel form .box_child ul li div {
	width: 45%;
}

.con_search .panels .panel_hotel form .box_child ul li div select {
	width: 100%;
	border: 1px solid #333333;
	padding: 5px 0 5px 19px;
	font-size: 107%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .panels .panel_hotel form .box_child ul li div select {
		padding: 0.4em 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_child ul li div select {
		padding: 0.25em 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .panels .panel_hotel form .box_child ul li div select {
		padding: 0.1em 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_child ul li div select {
		padding: 0.25em 0;
		font-size: 94%;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel form .box_roo {
		padding-right: 0;
	}
}

.con_search .panels .panel_hotel .box_note {
	margin: 0.5em 0 1em;
	display: block;
	width: 100%;
	text-align: right;
	font-size: 80%;
}

@media only screen and (min-width: 1281px) {
	.con_search .panels .panel_hotel .box_note.view_1281 {
		display: none;
	}
}

@media print {
	.con_search .panels .panel_hotel .box_note.view_1281 {
		display: none;
	}
}

.ie8 .con_search .panels .panel_hotel .box_note.view_1281 {
	display: none;
}

@media only screen and (min-width: 767px) and (max-width: 1280px) {
	.con_search .panels .panel_hotel .box_note.view_1280-1025 {
		display: none;
	}
}

@media print {
	.con_search .panels .panel_hotel .box_note.view_1280-1025 {
		display: none;
	}
}

.ie8 .con_search .panels .panel_hotel .box_note.view_1280-1025 {
	display: none;
}

.con_search .panels .panel_hotel .btn_submit {
	width: 22%;
	float: right;
	padding-top: 25px;
}

@media only screen and (min-width: 767px) and (max-width: 1280px) {
	.con_search .panels .panel_hotel .btn_submit {
		width: 40%;
		float: none;
		margin: 1em auto 0;
		padding: 0;
	}
}

@media print {
	.con_search .panels .panel_hotel .btn_submit {
		width: 40%;
		float: none;
		margin: 1em auto 0;
		padding: 0;
	}
}

.ie8 .con_search .panels .panel_hotel .btn_submit {
	width: 40%;
	float: none;
	margin: 1em auto 0;
	padding: 0;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel .btn_submit {
		width: 100%;
		margin-top: 1em;
	}
}

.con_search .panels .panel_hotel .btn_submit p {
	position: relative;
}

.con_search .panels .panel_hotel .btn_submit p:before {
	position: absolute;
	content: '\f4a5';
	font-family: "Ionicons";
	top: 50%;
	left: 17%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 134%;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel .btn_submit p:before {
		font-size: 107%;
	}
}

.con_search .panels .panel_hotel .btn_submit p input {
	width: 100%;
	padding: 22px 0 22px 1em;
	background: #333;
	color: #fff;
	border: none;
	font-size: 107%;
	-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel .btn_submit p input {
		padding: 1em 0;
		font-size: 100%;
	}
}

.con_search .panels .panel_hotel .btn_submit p input:hover {
	cursor: pointer;
	background: #4d4d4d;
}

.con_search .panels .panel_hotel .btns {
	padding-top: 20px;
	clear: both;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel .btns {
		padding-top: 2em;
	}
}

.con_search .panels .panel_hotel .btns ul {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_hotel .btns ul {
		justify-content: flex-start;
	}
}

.con_search .panels .panel_hotel .btns ul li {
	position: relative;
	padding-left: 1em;
}

.con_search .panels .panel_hotel .btns ul li:before {
	position: absolute;
	content: '\f3d3';
	font-family: "Ionicons";
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.con_search .panels .panel_hotel .btns ul li:not(:last-child) {
	margin-right: 22px;
}

.con_search .panels .panel_hotel .btns ul li a {
	font-size: 87%;
	text-decoration: none;
}

.con_search .panels .panel_hotel .btns ul li a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 1440px) {
	.con_search .panels .panel_plane {
		display: block;
	}
}

@media print {
	.con_search .panels .panel_plane {
		display: block;
	}
}

.ie8 .con_search .panels .panel_plane {
	display: block;
}

.con_search .panels .panel_plane .box_l {
	width: 94.31034%;
	margin: 0 auto;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l {
		width: 100%;
	}
}

.con_search .panels .panel_plane .box_l > .txt {
	font-size: 87%;
	margin-bottom: .4em;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l > .txt {
		margin-bottom: .4em;
	}
}

.con_search .panels .panel_plane .box_l > .st_point {
	border: 2px solid #53218b;
	margin-top: .4em;
	margin-bottom: 24px;
	font-size: 107%;
	display: inline-block;
	vertical-align: middle;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l > .st_point dt, .con_search .panels .panel_plane .box_l > .st_point dd {
		width: 100%;
		display: block;
	}
}

.con_search .panels .panel_plane .box_l > .st_point dt {
	color: #fff;
	display: inline-block;
	padding: .45em .8em;
	background: #53218b;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l > .st_point dt {
		text-align: center;
	}
}

.con_search .panels .panel_plane .box_l > .st_point dd {
	padding: 0 .8em;
	display: inline-block;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l > .st_point dd {
		padding: .2em .4em;
	}
}

.con_search .panels .panel_plane .box_l > .st_point dd .point {
	font-weight: bold;
	margin-right: .15em;
	font-size: 100%;
	color: #53218b;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l > .st_point dd .point {
		font-size: 94%;
	}
}

.con_search .panels .panel_plane .box_l form {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	justify-content: space-between;
}

.con_search .panels .panel_plane .box_l form em {
	display: block;
	font-size: 87%;
	margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form em {
		margin-bottom: 0.25em;
		font-size: 74%;
	}
}

.con_search .panels .panel_plane .box_l form .box_airport {
	width: 100%;
	max-width: 240px;
}

@media only screen and (max-width: 1440px) {
	.con_search .panels .panel_plane .box_l form .box_airport {
		width: 20%;
	}
}

@media print {
	.con_search .panels .panel_plane .box_l form .box_airport {
		width: 20%;
	}
}

.ie8 .con_search .panels .panel_plane .box_l form .box_airport {
	width: 20%;
}

@media only screen and (max-width: 1220px) {
	.con_search .panels .panel_plane .box_l form .box_airport {
		width: 35%;
	}
}

@media print {
	.con_search .panels .panel_plane .box_l form .box_airport {
		width: 35%;
	}
}

.ie8 .con_search .panels .panel_plane .box_l form .box_airport {
	width: 35%;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .box_airport {
		width: 100%;
		max-width: initial;
	}
}

.con_search .panels .panel_plane .box_l form .box_airport select {
	width: 100%;
	border: 1px solid #333333;
	padding: 20px 0 20px 19px;
	font-size: 134%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .panels .panel_plane .box_l form .box_airport select {
		padding: 0.5em 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .box_airport select {
		padding: 0.25em 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .box_airport select {
		font-size: 107%;
		background-color: #fff;
	}
}

.con_search .panels .panel_plane .box_l form .box_day {
	width: 100%;
	max-width: 280px;
}

@media only screen and (max-width: 1440px) {
	.con_search .panels .panel_plane .box_l form .box_day {
		width: 30%;
	}
}

@media print {
	.con_search .panels .panel_plane .box_l form .box_day {
		width: 30%;
	}
}

.ie8 .con_search .panels .panel_plane .box_l form .box_day {
	width: 30%;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .box_day {
		width: 100%;
		margin-top: 1em;
		max-width: initial;
	}
}

.con_search .panels .panel_plane .box_l form .box_day .calendar {
	position: relative;
	display: inline-block;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .box_day .calendar {
		width: 100%;
	}
}

.con_search .panels .panel_plane .box_l form .box_day .calendar:before {
	position: absolute;
	content: '\f073';
	font-family: "FontAwesome";
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	font-size: 94%;
}

@media only screen and (max-width: 1024px) {
	.con_search .panels .panel_plane .box_l form .box_day .calendar:before {
		display: none;
	}
}

.con_search .panels .panel_plane .box_l form .box_day .calendar:after {
	position: absolute;
	content: '\f3d0';
	font-family: "Ionicons";
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	font-size: 100%;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .box_day .calendar:after {
		font-size: 87%;
	}
}

.con_search .panels .panel_plane .box_l form .box_day .calendar input {
	width: 100%;
	border: 1px solid #333333;
	padding: 18px 0 18px 43px;
	font-size: 134%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .panels .panel_plane .box_l form .box_day .calendar input {
		padding: 0.5em 0 0.5em 0.25em;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .box_day .calendar input {
		padding: 0.25em 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .box_day .calendar input {
		font-size: 107%;
	}
}

.con_search .panels .panel_plane .box_l form .box_sta, .con_search .panels .panel_plane .box_l form .box_per {
	max-width: 120px;
	width: 100%;
}

@media only screen and (max-width: 1440px) {
	.con_search .panels .panel_plane .box_l form .box_sta, .con_search .panels .panel_plane .box_l form .box_per {
		width: 15%;
		max-width: none;
		margin-top: 20px;
	}
}

@media print {
	.con_search .panels .panel_plane .box_l form .box_sta, .con_search .panels .panel_plane .box_l form .box_per {
		width: 15%;
		max-width: none;
		margin-top: 20px;
	}
}

.ie8 .con_search .panels .panel_plane .box_l form .box_sta, .ie8 .con_search .panels .panel_plane .box_l form .box_per {
	width: 15%;
	max-width: none;
	margin-top: 20px;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .box_sta, .con_search .panels .panel_plane .box_l form .box_per {
		width: 49% !important;
		margin-top: 1em;
		padding-right: 2%;
	}
}

.con_search .panels .panel_plane .box_l form .box_sta select, .con_search .panels .panel_plane .box_l form .box_per select {
	width: 100%;
	border: 1px solid #333333;
	padding: 20px 0 20px 19px;
	font-size: 134%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .panels .panel_plane .box_l form .box_sta select, .con_search .panels .panel_plane .box_l form .box_per select {
		padding: 0.4em 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .box_sta select, .con_search .panels .panel_plane .box_l form .box_per select {
		padding: 0.25em 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .box_sta select, .con_search .panels .panel_plane .box_l form .box_per select {
		font-size: 107%;
		background-color: #fff;
	}
}

.con_search .panels .panel_plane .box_l form .btn_submit {
	max-width: 250px;
	width: 100%;
}

@media only screen and (max-width: 1440px) {
	.con_search .panels .panel_plane .box_l form .btn_submit {
		width: 20%;
		max-width: none;
		margin-top: 20px;
	}
}

@media print {
	.con_search .panels .panel_plane .box_l form .btn_submit {
		width: 20%;
		max-width: none;
		margin-top: 20px;
	}
}

.ie8 .con_search .panels .panel_plane .box_l form .btn_submit {
	width: 20%;
	max-width: none;
	margin-top: 20px;
}

@media only screen and (max-width: 1220px) {
	.con_search .panels .panel_plane .box_l form .btn_submit {
		width: 40%;
		margin: 1em auto 0;
	}
}

@media print {
	.con_search .panels .panel_plane .box_l form .btn_submit {
		width: 40%;
		margin: 1em auto 0;
	}
}

.ie8 .con_search .panels .panel_plane .box_l form .btn_submit {
	width: 40%;
	margin: 1em auto 0;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .btn_submit {
		width: 100%;
		margin: 1em 0 0;
	}
}

.con_search .panels .panel_plane .box_l form .btn_submit p {
	position: relative;
}

.con_search .panels .panel_plane .box_l form .btn_submit p:before {
	position: absolute;
	content: '\f4a5';
	font-family: "Ionicons";
	top: 50%;
	left: 17%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 134%;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .btn_submit p:before {
		font-size: 107%;
	}
}

.con_search .panels .panel_plane .box_l form .btn_submit p input {
	width: 100%;
	padding: 22px 0 22px 1em;
	background: #333;
	color: #fff;
	border: none;
	font-size: 107%;
	-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_l form .btn_submit p input {
		padding: 1em 0;
		font-size: 100%;
	}
}

.con_search .panels .panel_plane .box_l form .btn_submit p input:hover {
	cursor: pointer;
	background: #4d4d4d;
}

.con_search .panels .panel_plane .box_r {
	width: 24.86289%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .panels .panel_plane .box_r {
		width: 80%;
		margin: 2em auto 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_plane .box_r {
		width: 100%;
		margin-top: 1em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .panels .panel_plane .box_r ul {
		display: flex;
		justify-content: space-between;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .panels .panel_plane .box_r ul li {
		width: 48%;
	}
}

.con_search .panels .panel_plane .box_r ul li:not(:last-child) {
	margin-bottom: 9px;
}

.con_search .panels .panel_plane .box_r ul li .btn_normal a span {
	padding-right: 4%;
	padding-left: 3%;
	width: 100%;
}

.con_search .panels .panel_plane .box_r ul li .btn_normal a span i {
	margin-right: 7px;
}

.con_search .panels .panel_corporat {
	width: 90.34483%;
	margin: 0 auto;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_corporat {
		width: 100%;
	}
}

.con_search .panels .panel_corporat .txt_top {
	font-size: 87%;
	margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_corporat .txt_top {
		margin-bottom: 1em;
	}
}

.con_search .panels .panel_corporat .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media only screen and (max-width: 1024px) {
	.con_search .panels .panel_corporat .inner {
		display: block;
	}
}

.con_search .panels .panel_corporat .inner .box_l {
	width: 51.52672%;
	padding-right: 20px;
}

@media only screen and (max-width: 1024px) {
	.con_search .panels .panel_corporat .inner .box_l {
		width: 100%;
		padding-right: 0;
	}
}

.con_search .panels .panel_corporat .inner .box_l form {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	justify-content: space-between;
}

.con_search .panels .panel_corporat .inner .box_l form em {
	display: block;
	margin-bottom: 8px;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_corporat .inner .box_l form em {
		margin-bottom: 0.25em;
		font-size: 74%;
	}
}

.con_search .panels .panel_corporat .inner .box_l form .box_id, .con_search .panels .panel_corporat .inner .box_l form .box_pass {
	width: 33.82353%;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_corporat .inner .box_l form .box_id, .con_search .panels .panel_corporat .inner .box_l form .box_pass {
		width: 49%;
	}
}

.con_search .panels .panel_corporat .inner .box_l form .box_id input, .con_search .panels .panel_corporat .inner .box_l form .box_pass input {
	width: 100%;
	border: 1px solid #333333;
	padding: 23px;
	font-size: 134%;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_corporat .inner .box_l form .box_id input, .con_search .panels .panel_corporat .inner .box_l form .box_pass input {
		padding: 0.25em 0;
		font-size: 100%;
	}
}

.con_search .panels .panel_corporat .inner .box_l .btn_login {
	width: 66.66667%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_search .panels .panel_corporat .inner .box_l .btn_login {
		width: 40%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_corporat .inner .box_l .btn_login {
		width: 100%;
		margin-top: 1em;
	}
}

.con_search .panels .panel_corporat .inner .box_l .btn_login .btn_dark {
	text-align: left;
}

.con_search .panels .panel_corporat .inner .box_l .btn_login .btn_dark a {
	font-size: 107%;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_corporat .inner .box_l .btn_login .btn_dark a {
		font-size: 100%;
	}
}

.con_search .panels .panel_corporat .inner .box_l .btn_login p {
	position: relative;
}

.con_search .panels .panel_corporat .inner .box_l .btn_login p:after {
	position: absolute;
	content: '\f3d3';
	font-family: "Ionicons";
	top: 50%;
	right: 17%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 134%;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_corporat .inner .box_l .btn_login p:after {
		right: 4%;
	}
}

.con_search .panels .panel_corporat .inner .box_l .btn_login p input {
	width: 100%;
	padding: 22px 0 22px 1em;
	background: #333;
	color: #fff;
	border: none;
	font-size: 107%;
	-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_corporat .inner .box_l .btn_login p input {
		padding: 1em 0;
		font-size: 100%;
	}
}

.con_search .panels .panel_corporat .inner .box_l .btn_login p input:hover {
	cursor: pointer;
	background: #4d4d4d;
}

.con_search .panels .panel_corporat .inner .box_r {
	margin-top: 1.5em;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_corporat .inner .box_r {
		margin-top: 1em;
	}
}

.con_search .panels .panel_corporat .inner .box_r ul {
	display: flex;
}

@media only screen and (max-width: 767px) {
	.con_search .panels .panel_corporat .inner .box_r ul {
		display: block;
	}
}

.con_search .panels .panel_corporat .inner .box_r ul li {
	margin-right: 1.5em;
}

.con_search .panels .panel_corporat .inner .box_r ul li:last-child {
	margin-right: 0;
}

.con_search .panels .panel_corporat .inner .box_r ul li a {
	position: relative;
	font-size: 87%;
	text-decoration: none;
	padding-left: 1em;
}

.con_search .panels .panel_corporat .inner .box_r ul li a:hover {
	text-decoration: underline;
}

.con_search .panels .panel_corporat .inner .box_r ul li a:before {
	position: absolute;
	content: '\f3d3';
	font-family: "Ionicons";
	top: 0;
	left: 0;
}

/* -----------------------------------------------------------
	.ui-datepicker
----------------------------------------------------------- */
.ui-datepicker {
	width: 20em !important;
	padding: 0.5em 0.4em 0 !important;
}

.ui-datepicker table {
	font-size: 1.1em !important;
}

.ui-datepicker table td span, .ui-datepicker table td a {
	padding: 0.3em !important;
}

/* -----------------------------------------------------------
	.con_title
----------------------------------------------------------- */
.con_title {
	display: block;
	position: relative;
	height: calc(100vh - 40px);
	width: 100%;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_title {
		height: 640px !important;
	}
}

@media only screen and (max-width: 767px) {
	.con_title {
		height: auto !important;
		padding-bottom: 90%;
	}
}

.con_title .st_lg_01 {
	position: absolute;
	left: 50%;
	top: 43%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 3;
}

@media only screen and (max-width: 1024px) {
	.con_title .st_lg_01 {
		top: 50%;
	}
}

.con_title .st_lg_01 .en {
	text-shadow: 0 0 7px rgba(0, 0, 0, 0.25), 0 0 7px rgba(0, 0, 0, 0.25), 0 0 7px rgba(0, 0, 0, 0.25);
}

.con_title .st_lg_01 .jp {
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.5);
}

/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	#footer {
		padding: 2.5em 0 0;
	}
}

#footer h2.st {
	font-size: 100%;
	font-weight: normal;
	border-bottom: 1px solid #b5b5b5;
	padding: 0 0 8px 3px;
}

#footer h2.st .ic {
	margin-right: 10px;
}

#footer .con_fnav {
	padding: 52px 0 40px;
}

@media only screen and (max-width: 767px) {
	#footer .con_fnav {
		padding: 0;
	}
}

#footer .con_fnav .box_wrp {
	display: flex;
	align-items: start;
}

@media only screen and (max-width: 1024px) {
	#footer .con_fnav .box_wrp {
		display: block;
	}
}

@media only screen and (max-width: 767px) {
	#footer .con_fnav .box_wrp {
		display: block;
		width: 95%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1024px) {
	#footer .con_fnav .box_wrp > * {
		float: left;
	}
}

@media only screen and (max-width: 767px) {
	#footer .con_fnav .box_wrp > * {
		float: none;
	}
}

#footer .con_fnav .box_logo {
	padding-right: 2.57813%;
}

@media only screen and (max-width: 1280px) {
	#footer .con_fnav .box_logo {
		width: 14%;
	}
}

@media print {
	#footer .con_fnav .box_logo {
		width: 14%;
	}
}

.ie8 #footer .con_fnav .box_logo {
	width: 14%;
}

@media only screen and (max-width: 1024px) {
	#footer .con_fnav .box_logo {
		width: 50%;
		text-align: center;
		padding-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	#footer .con_fnav .box_logo {
		width: 100%;
		margin-bottom: 1.5em;
		padding-right: 0;
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	#footer .con_fnav .box_logo .logo img {
		max-width: 30%;
	}
}

#footer .con_fnav .box_add {
	width: 20%;
	padding-right: 1.17188%;
}

@media only screen and (max-width: 1280px) {
	#footer .con_fnav .box_add {
		width: 15%;
	}
}

@media print {
	#footer .con_fnav .box_add {
		width: 15%;
	}
}

.ie8 #footer .con_fnav .box_add {
	width: 15%;
}

@media only screen and (max-width: 1024px) {
	#footer .con_fnav .box_add {
		width: 50%;
		padding-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	#footer .con_fnav .box_add {
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	#footer .con_fnav .box_add {
		width: 100%;
		padding-right: 0;
		text-align: center;
	}
}

#footer .con_fnav .box_add .txt {
	font-size: 87%;
	line-height: 1.92308;
}

@media only screen and (max-width: 767px) {
	#footer .con_fnav .box_add .txt {
		line-height: 1.6;
	}
}

#footer .con_fnav .box_add .sns {
	margin-top: 10px;
	display: flex;
}

@media only screen and (max-width: 767px) {
	#footer .con_fnav .box_add .sns {
		justify-content: center;
	}
}

#footer .con_fnav .box_add .sns li {
	margin-right: 5px;
}

#footer .con_fnav .box_add .sns li:last-child {
	margin-right: 0;
}

#footer .con_fnav .box_add .sns li a {
	display: block;
	padding: 0.25em;
}

#footer .con_fnav .box_add .sns li a:hover {
	opacity: 0.8;
}

#footer .con_fnav .fnav {
	width: 65%;
}

@media only screen and (max-width: 1280px) {
	#footer .con_fnav .fnav {
		width: 71%;
	}
}

@media print {
	#footer .con_fnav .fnav {
		width: 71%;
	}
}

.ie8 #footer .con_fnav .fnav {
	width: 71%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#footer .con_fnav .fnav {
		width: 100%;
		margin-top: 25px;
	}
}

@media only screen and (max-width: 767px) {
	#footer .con_fnav .fnav {
		margin-top: 15px;
	}
}

#footer .con_fnav .fnav .list_wrp {
	display: table;
	width: 100%;
}

#footer .con_fnav .fnav .list_wrp ul {
	display: table-cell;
	vertical-align: top;
}

#footer .con_fnav .fnav .list_wrp ul li {
	padding: 5px 10px;
}

#footer .con_fnav .fnav .list_wrp ul li.spacer {
	margin-top: calc(1.5em + 10px);
}

#footer .con_fnav .fnav .list_wrp ul li a {
	text-decoration: none;
	font-size: 87%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media only screen and (max-width: 767px) {
	#footer .con_fnav .fnav .list_wrp ul li a {
		font-size: 94%;
	}
}

#footer .con_fnav .fnav .list_wrp ul li a:hover {
	opacity: 0.7;
}

#footer .con_group {
	background: #fbf5e8 url(../images/common/bg_pattern_01.png) repeat left top;
	padding: 50px 0 60px;
}

@media only screen and (max-width: 767px) {
	#footer .con_group {
		display: none;
	}
}

#footer .con_group .box_l {
	float: left;
	width: 23.04688%;
}

#footer .con_group .box_l .logo {
	margin-top: 34px;
}

#footer .con_group .box_r {
	float: right;
	width: 58.35938%;
}

#footer .con_group .box_r ul {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#footer .con_hotel {
	background: #000;
	padding: 50px 0;
}

@media only screen and (max-width: 767px) {
	#footer .con_hotel {
		display: none;
	}
}

#footer .con_hotel h2.st {
	color: #f3f3f3;
}

#footer .con_hotel .box_hotel {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}

#footer .con_hotel .box_hotel .list {
	width: 31.89655%;
}

#footer .con_hotel .box_hotel .list .st {
	font-weight: bold;
	color: #2d2d2d;
	background: #ccc;
	padding: 6px 13px;
}

#footer .con_hotel .box_hotel .list dl {
	padding: 15px 10px;
	overflow: hidden;
}

#footer .con_hotel .box_hotel .list dl dt,
#footer .con_hotel .box_hotel .list dl dd {
	float: left;
	font-size: 87%;
	color: #f3f3f3;
}

@media only screen and (max-width: 767px) {
	#footer .con_hotel .box_hotel .list dl dt,
	#footer .con_hotel .box_hotel .list dl dd {
		font-size: 94%;
	}
}

#footer .con_hotel .box_hotel .list dl dt {
	width: 20%;
	font-weight: bold;
}

#footer .con_hotel .box_hotel .list dl dd {
	width: 80%;
}

#footer .con_hotel .box_hotel .list dl dd ul li {
	padding: 2px 0 2px 0.75em;
	position: relative;
}

#footer .con_hotel .box_hotel .list dl dd ul li:before {
	position: absolute;
	content: '\f3d3';
	font-family: "Ionicons";
	top: 2px;
	left: 0;
}

#footer .con_hotel .box_hotel .list dl dd ul li a {
	display: block;
	width: 100%;
	color: #f3f3f3;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#footer .con_hotel .box_hotel .list dl dd ul li a:hover {
	opacity: 0.7;
}

#footer #copyright {
	text-align: center;
	padding: 30px 0;
	font-size: 80%;
}

@media only screen and (max-width: 767px) {
	#footer #copyright {
		padding: 1.5em 0 2.5em;
	}
}

#pagetop {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 10;
}

#pagetop a {
	display: block;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media only screen and (min-width: 1025px) {
	#pagetop a:hover:before {
		height: 110px;
	}
}

@media print {
	#pagetop a:hover:before {
		height: 110px;
	}
}

.ie8 #pagetop a:hover:before {
	height: 110px;
}

#pagetop a:before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: -10px;
	-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	-o-transform: translate(0, -100%);
	transform: translate(0, -100%);
	height: 80px;
	width: 1px;
	background: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media only screen and (max-width: 767px) {
	#pagetop a:before {
		height: 3em;
	}
}

@media only screen and (max-width: 767px) {
	#pagetop a {
		display: none;
	}
}

/* -----------------------------------------------------------
	下層共通スタイル
----------------------------------------------------------- */
/* -----------------------------------------------------------
	テーブル
----------------------------------------------------------- */
table.tbl_primary {
	width: 100%;
}

table.tbl_primary tr th,
table.tbl_primary tr td {
	font-size: 94%;
	font-weight: normal;
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	padding: 1em 15px;
}

@media only screen and (max-width: 767px) {
	table.tbl_primary tr th,
	table.tbl_primary tr td {
		font-size: 87%;
	}
}

table.tbl_primary tr th {
	width: 25%;
	background: #dcdcdc;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	table.tbl_primary tr th {
		border-top: 0;
	}
}

table.tbl_primary tr td {
	border-right: 1px solid #aeaeae;
}

@media only screen and (max-width: 767px) {
	table.tbl_primary tr td {
		border-right: 0;
		border-top: 0;
	}
}

table.tbl_primary tr td:last-child {
	border-right: 0;
}

@media only screen and (max-width: 767px) {
	table.tbl_primary tr th,
	table.tbl_primary tr td {
		display: block;
		width: 100%;
	}
}

table.tbl_primary_fix {
	width: 100%;
}

table.tbl_primary_fix tr th,
table.tbl_primary_fix tr td {
	font-size: 94%;
	font-weight: normal;
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	padding: 1em 15px;
}

@media only screen and (max-width: 767px) {
	table.tbl_primary_fix tr th,
	table.tbl_primary_fix tr td {
		font-size: 87%;
	}
}

table.tbl_primary_fix tr th {
	background: #dcdcdc;
	text-align: center;
}

table.tbl_primary_fix tr td {
	border-right: 1px solid #aeaeae;
}

table.tbl_primary_fix tr td:last-child {
	border-right: 0;
}

table.tbl_secondary {
	width: 100%;
}

table.tbl_secondary tr th,
table.tbl_secondary tr td {
	font-size: 94%;
	font-weight: normal;
	border-top: 1px dotted #aeaeae;
	border-bottom: 1px dotted #aeaeae;
	padding: 0.6em 15px;
}

@media only screen and (max-width: 767px) {
	table.tbl_secondary tr th,
	table.tbl_secondary tr td {
		font-size: 87%;
	}
}

table.tbl_secondary tr th {
	width: 25%;
	background: #dcdcdc;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	table.tbl_secondary tr th {
		border-top: 0;
	}
}

table.tbl_secondary tr td {
	border-right: 1px dotted #aeaeae;
}

@media only screen and (max-width: 767px) {
	table.tbl_secondary tr td {
		border-right: 0;
		border-top: 0;
	}
}

table.tbl_secondary tr td:last-child {
	border-right: 0;
}

@media only screen and (max-width: 767px) {
	table.tbl_secondary tr th,
	table.tbl_secondary tr td {
		display: block;
		width: 100%;
	}
}

table.tbl_secondary_fix {
	width: 100%;
}

table.tbl_secondary_fix tr th,
table.tbl_secondary_fix tr td {
	font-size: 94%;
	font-weight: normal;
	border-top: 1px dotted #aeaeae;
	border-bottom: 1px dotted #aeaeae;
	padding: 0.6em 15px;
}

@media only screen and (max-width: 767px) {
	table.tbl_secondary_fix tr th,
	table.tbl_secondary_fix tr td {
		font-size: 87%;
	}
}

table.tbl_secondary_fix tr th {
	background: #dcdcdc;
	text-align: center;
}

table.tbl_secondary_fix tr td {
	border-right: 1px dotted #aeaeae;
}

table.tbl_secondary_fix tr td:last-child {
	border-right: 0;
}

/* -----------------------------------------------------------
	font
----------------------------------------------------------- */
.f_got {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.f_min {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}

.f_did {
	font-family: "Didact Gothic", sans-serif;
}

/* -----------------------------------------------------------
	見出し heading
----------------------------------------------------------- */
.st_lg_01 {
	line-height: 1.1;
	font-weight: normal;
	text-align: center;
}

.st_lg_01 .en {
	display: block;
	font-family: "Didact Gothic", sans-serif;
	font-size: 567%;
	color: #fff;
	margin-bottom: 0.2em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_lg_01 .en {
		font-size: 334%;
	}
}

@media only screen and (max-width: 767px) {
	.st_lg_01 .en {
		font-size: 227%;
	}
}

.st_lg_01 .jp {
	display: block;
	font-size: 187%;
	color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_lg_01 .jp {
		font-size: 160%;
	}
}

@media only screen and (max-width: 767px) {
	.st_lg_01 .jp {
		font-size: 134%;
	}
}

.st_lg_01_purple {
	line-height: 1.1;
	font-weight: normal;
	text-align: center;
}

.st_lg_01_purple .en {
	display: block;
	font-family: "Didact Gothic", sans-serif;
	font-size: 567%;
	color: #53218b;
	margin-bottom: 0.2em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_lg_01_purple .en {
		font-size: 334%;
	}
}

@media only screen and (max-width: 767px) {
	.st_lg_01_purple .en {
		font-size: 227%;
	}
}

.st_lg_01_purple .jp {
	display: block;
	font-size: 187%;
	color: #333;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_lg_01_purple .jp {
		font-size: 160%;
	}
}

@media only screen and (max-width: 767px) {
	.st_lg_01_purple .jp {
		font-size: 134%;
	}
}

.st_lg_02 {
	line-height: 1.1;
	font-weight: normal;
	text-align: center;
}

.st_lg_02 .en {
	display: block;
	font-family: "Didact Gothic", sans-serif;
	font-size: 400%;
	color: #53218b;
	margin-bottom: 0.3em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_lg_02 .en {
		font-size: 280%;
	}
}

@media only screen and (max-width: 767px) {
	.st_lg_02 .en {
		font-size: 214%;
	}
}

.st_lg_02 .jp {
	display: block;
	font-size: 120%;
	letter-spacing: 0.2em;
	color: #000;
}

@media only screen and (max-width: 1024px) {
	.st_lg_02 .jp {
		letter-spacing: 0.1em;
	}
}

.st_lg_03 {
	line-height: 1.1;
	font-weight: normal;
}

.st_lg_03 > * {
	display: inline-block;
	vertical-align: baseline;
}

.st_lg_03 .en {
	font-family: "Didact Gothic", sans-serif;
	font-size: 400%;
	color: #53218b;
	margin-right: 0.5em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_lg_03 .en {
		font-size: 280%;
	}
}

@media only screen and (max-width: 767px) {
	.st_lg_03 .en {
		font-size: 214%;
	}
}

.st_lg_03 .jp {
	font-size: 120%;
	letter-spacing: 0.2em;
	color: #000;
}

@media only screen and (max-width: 1024px) {
	.st_lg_03 .jp {
		letter-spacing: 0.1em;
	}
}

.st_md_01 {
	line-height: 1.1;
	font-weight: normal;
}

.st_md_01 .en {
	display: block;
	font-family: "Didact Gothic", sans-serif;
	font-size: 334%;
	color: #4c4c4c;
	margin-bottom: 0.1em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_md_01 .en {
		font-size: 254%;
	}
}

@media only screen and (max-width: 767px) {
	.st_md_01 .en {
		font-size: 187%;
	}
}

.st_md_01 .jp {
	display: block;
	font-size: 107%;
	letter-spacing: 0.2em;
	color: #333;
}

@media only screen and (max-width: 1024px) {
	.st_md_01 .jp {
		letter-spacing: 0.1em;
	}
}

.st_md_02 {
	line-height: 1.1;
	font-weight: normal;
}

.st_md_02 .en {
	display: block;
	font-family: "Didact Gothic", sans-serif;
	font-size: 334%;
	color: #4c4c4c;
	margin-top: 0.1em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_md_02 .en {
		font-size: 254%;
	}
}

@media only screen and (max-width: 767px) {
	.st_md_02 .en {
		font-size: 187%;
	}
}

.st_md_02 .jp {
	display: block;
	font-size: 107%;
	letter-spacing: 0.2em;
	color: #333;
}

@media only screen and (max-width: 1024px) {
	.st_md_02 .jp {
		letter-spacing: 0.1em;
	}
}

.st_sm_01 {
	line-height: 1.1;
	font-weight: normal;
}

.st_sm_01 .jp {
	display: inline-block;
	vertical-align: baseline;
	font-size: 200%;
	color: #333;
	border-bottom: 2px solid #333;
	letter-spacing: 0.05em;
	padding: 0 0.2em 0.2em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_sm_01 .jp {
		font-size: 174%;
	}
}

@media only screen and (max-width: 767px) {
	.st_sm_01 .jp {
		font-size: 147%;
	}
}

.st_sm_02 {
	line-height: 1.3;
	font-weight: normal;
	text-align: center;
}

.st_sm_02 .jp {
	display: block;
	font-size: 254%;
	letter-spacing: 0.05em;
	color: #333;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_sm_02 .jp {
		font-size: 200%;
	}
}

@media only screen and (max-width: 767px) {
	.st_sm_02 .jp {
		font-size: 160%;
	}
}

.st_sm_02 .jp em {
	font-size: 53%;
}

@media only screen and (max-width: 767px) {
	.st_sm_02 .jp em {
		font-size: 69%;
	}
}

.st_sm_02 .en {
	display: block;
	font-family: "Didact Gothic", sans-serif;
	font-size: 134%;
	color: #53218b;
	margin-bottom: 0.3em;
}

@media only screen and (max-width: 767px) {
	.st_sm_02 .en {
		font-size: 120%;
	}
}

.st_sm_03 {
	line-height: 1.3;
	font-weight: normal;
}

.st_sm_03 .en {
	display: inline-block;
	vertical-align: baseline;
	font-family: "Didact Gothic", sans-serif;
	font-size: 187%;
	color: #53218b;
	margin-right: 0.3em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.st_sm_03 .en {
		font-size: 160%;
	}
}

@media only screen and (max-width: 767px) {
	.st_sm_03 .en {
		font-size: 147%;
	}
}

@media only screen and (max-width: 767px) {
	.st_sm_03 .en {
		font-size: 120%;
	}
}

.st_sm_03 .jp {
	display: inline-block;
	vertical-align: baseline;
	font-size: 120%;
	letter-spacing: 0.2em;
	color: #000;
}

/* -----------------------------------------------------------
	ボタン button
----------------------------------------------------------- */
.btn_purple {
	text-align: center;
}

.btn_purple a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	max-width: 330px;
	font-size: 87%;
	color: #fff !important;
	background: #53218b;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	outline: 0;
	text-align: left;
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 23px 20px;
	padding-right: 35px;
}

@media only screen and (max-width: 767px) {
	.btn_purple a {
		max-width: 100%;
		text-align: center;
		padding: 1em 10px;
		padding-right: 25px;
	}
}

@media only screen and (min-width: 1025px) {
	.btn_purple a:hover {
		background: #6c2bb4;
	}
}

@media print {
	.btn_purple a:hover {
		background: #6c2bb4;
	}
}

.ie8 .btn_purple a:hover {
	background: #6c2bb4;
}

@media only screen and (min-width: 1025px) {
	.btn_purple a:hover .ic_arrow {
		right: 10px;
	}
}

@media print {
	.btn_purple a:hover .ic_arrow {
		right: 10px;
	}
}

.ie8 .btn_purple a:hover .ic_arrow {
	right: 10px;
}

.btn_purple a .ic_btn {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
	.btn_purple a .ic_btn {
		right: 10px;
	}
}

.btn_purple a .ic_arrow {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: right 0.4s ease;
	-moz-transition: right 0.4s ease;
	-o-transition: right 0.4s ease;
	transition: right 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.btn_purple a .ic_arrow {
		right: 10px;
	}
}

.btn_pink {
	text-align: center;
}

.btn_pink a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	max-width: 330px;
	font-size: 87%;
	color: #fff !important;
	background: #e85e9f;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	outline: 0;
	text-align: left;
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 23px 20px;
	padding-right: 35px;
}

@media only screen and (max-width: 767px) {
	.btn_pink a {
		max-width: 100%;
		text-align: center;
		padding: 1em 10px;
		padding-right: 25px;
	}
}

@media only screen and (min-width: 1025px) {
	.btn_pink a:hover {
		background: #ee8bba;
	}
}

@media print {
	.btn_pink a:hover {
		background: #ee8bba;
	}
}

.ie8 .btn_pink a:hover {
	background: #ee8bba;
}

@media only screen and (min-width: 1025px) {
	.btn_pink a:hover .ic_arrow {
		right: 10px;
	}
}

@media print {
	.btn_pink a:hover .ic_arrow {
		right: 10px;
	}
}

.ie8 .btn_pink a:hover .ic_arrow {
	right: 10px;
}

.btn_pink a .ic_btn {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
	.btn_pink a .ic_btn {
		right: 10px;
	}
}

.btn_pink a .ic_arrow {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: right 0.4s ease;
	-moz-transition: right 0.4s ease;
	-o-transition: right 0.4s ease;
	transition: right 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.btn_pink a .ic_arrow {
		right: 10px;
	}
}

.btn_blue {
	text-align: center;
}

.btn_blue a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	max-width: 330px;
	font-size: 87%;
	color: #fff !important;
	background: #2c4399;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	outline: 0;
	text-align: left;
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 23px 20px;
	padding-right: 35px;
}

@media only screen and (max-width: 767px) {
	.btn_blue a {
		max-width: 100%;
		text-align: center;
		padding: 1em 10px;
		padding-right: 25px;
	}
}

@media only screen and (min-width: 1025px) {
	.btn_blue a:hover {
		background: #3754c1;
	}
}

@media print {
	.btn_blue a:hover {
		background: #3754c1;
	}
}

.ie8 .btn_blue a:hover {
	background: #3754c1;
}

@media only screen and (min-width: 1025px) {
	.btn_blue a:hover .ic_arrow {
		right: 10px;
	}
}

@media print {
	.btn_blue a:hover .ic_arrow {
		right: 10px;
	}
}

.ie8 .btn_blue a:hover .ic_arrow {
	right: 10px;
}

.btn_blue a .ic_btn {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
	.btn_blue a .ic_btn {
		right: 10px;
	}
}

.btn_blue a .ic_arrow {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: right 0.4s ease;
	-moz-transition: right 0.4s ease;
	-o-transition: right 0.4s ease;
	transition: right 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.btn_blue a .ic_arrow {
		right: 10px;
	}
}

.btn_dark {
	text-align: center;
}

.btn_dark a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	max-width: 330px;
	font-size: 87%;
	color: #fff !important;
	background: #333333;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	outline: 0;
	text-align: left;
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 23px 20px;
	padding-right: 35px;
}

@media only screen and (max-width: 767px) {
	.btn_dark a {
		max-width: 100%;
		text-align: center;
		padding: 1em 10px;
		padding-right: 25px;
	}
}

@media only screen and (min-width: 1025px) {
	.btn_dark a:hover {
		background: #4d4d4d;
	}
}

@media print {
	.btn_dark a:hover {
		background: #4d4d4d;
	}
}

.ie8 .btn_dark a:hover {
	background: #4d4d4d;
}

@media only screen and (min-width: 1025px) {
	.btn_dark a:hover .ic_arrow {
		right: 10px;
	}
}

@media print {
	.btn_dark a:hover .ic_arrow {
		right: 10px;
	}
}

.ie8 .btn_dark a:hover .ic_arrow {
	right: 10px;
}

.btn_dark a .ic_btn {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
	.btn_dark a .ic_btn {
		right: 10px;
	}
}

.btn_dark a .ic_arrow {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: right 0.4s ease;
	-moz-transition: right 0.4s ease;
	-o-transition: right 0.4s ease;
	transition: right 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.btn_dark a .ic_arrow {
		right: 10px;
	}
}

.btn_ghost_purple {
	text-align: center;
}

.btn_ghost_purple a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	max-width: 330px;
	font-size: 87%;
	color: #53218b !important;
	background: transparent;
	border: 2px solid #53218b;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	outline: 0;
	text-align: left;
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 21px 20px;
	padding-right: 35px;
}

@media only screen and (max-width: 767px) {
	.btn_ghost_purple a {
		max-width: 100%;
		text-align: center;
		padding: 0.9em 10px;
		padding-right: 25px;
	}
}

@media only screen and (min-width: 1025px) {
	.btn_ghost_purple a:hover {
		color: #fff !important;
		background: #53218b;
		border-color: #53218b;
	}
}

@media print {
	.btn_ghost_purple a:hover {
		color: #fff !important;
		background: #53218b;
		border-color: #53218b;
	}
}

.ie8 .btn_ghost_purple a:hover {
	color: #fff !important;
	background: #53218b;
	border-color: #53218b;
}

@media only screen and (min-width: 1025px) {
	.btn_ghost_purple a:hover .ic_arrow {
		right: 10px;
	}
}

@media print {
	.btn_ghost_purple a:hover .ic_arrow {
		right: 10px;
	}
}

.ie8 .btn_ghost_purple a:hover .ic_arrow {
	right: 10px;
}

.btn_ghost_purple a .ic_btn {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
	.btn_ghost_purple a .ic_btn {
		right: 10px;
	}
}

.btn_ghost_purple a .ic_arrow {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: right 0.4s ease;
	-moz-transition: right 0.4s ease;
	-o-transition: right 0.4s ease;
	transition: right 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.btn_ghost_purple a .ic_arrow {
		right: 10px;
	}
}

.btn_ghost_pink {
	text-align: center;
}

.btn_ghost_pink a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	max-width: 330px;
	font-size: 87%;
	color: #e85e9f !important;
	background: transparent;
	border: 2px solid #e85e9f;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	outline: 0;
	text-align: left;
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 21px 20px;
	padding-right: 35px;
}

@media only screen and (max-width: 767px) {
	.btn_ghost_pink a {
		max-width: 100%;
		text-align: center;
		padding: 0.9em 10px;
		padding-right: 25px;
	}
}

@media only screen and (min-width: 1025px) {
	.btn_ghost_pink a:hover {
		color: #fff !important;
		background: #e85e9f;
		border-color: #e85e9f;
	}
}

@media print {
	.btn_ghost_pink a:hover {
		color: #fff !important;
		background: #e85e9f;
		border-color: #e85e9f;
	}
}

.ie8 .btn_ghost_pink a:hover {
	color: #fff !important;
	background: #e85e9f;
	border-color: #e85e9f;
}

@media only screen and (min-width: 1025px) {
	.btn_ghost_pink a:hover .ic_arrow {
		right: 10px;
	}
}

@media print {
	.btn_ghost_pink a:hover .ic_arrow {
		right: 10px;
	}
}

.ie8 .btn_ghost_pink a:hover .ic_arrow {
	right: 10px;
}

.btn_ghost_pink a .ic_btn {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
	.btn_ghost_pink a .ic_btn {
		right: 10px;
	}
}

.btn_ghost_pink a .ic_arrow {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: right 0.4s ease;
	-moz-transition: right 0.4s ease;
	-o-transition: right 0.4s ease;
	transition: right 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.btn_ghost_pink a .ic_arrow {
		right: 10px;
	}
}

.btn_ghost_blue {
	text-align: center;
}

.btn_ghost_blue a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	max-width: 330px;
	font-size: 87%;
	color: #2c4399 !important;
	background: transparent;
	border: 2px solid #2c4399;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	outline: 0;
	text-align: left;
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 21px 20px;
	padding-right: 35px;
}

@media only screen and (max-width: 767px) {
	.btn_ghost_blue a {
		max-width: 100%;
		text-align: center;
		padding: 0.9em 10px;
		padding-right: 25px;
	}
}

@media only screen and (min-width: 1025px) {
	.btn_ghost_blue a:hover {
		color: #fff !important;
		background: #2c4399;
		border-color: #2c4399;
	}
}

@media print {
	.btn_ghost_blue a:hover {
		color: #fff !important;
		background: #2c4399;
		border-color: #2c4399;
	}
}

.ie8 .btn_ghost_blue a:hover {
	color: #fff !important;
	background: #2c4399;
	border-color: #2c4399;
}

@media only screen and (min-width: 1025px) {
	.btn_ghost_blue a:hover .ic_arrow {
		right: 10px;
	}
}

@media print {
	.btn_ghost_blue a:hover .ic_arrow {
		right: 10px;
	}
}

.ie8 .btn_ghost_blue a:hover .ic_arrow {
	right: 10px;
}

.btn_ghost_blue a .ic_btn {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
	.btn_ghost_blue a .ic_btn {
		right: 10px;
	}
}

.btn_ghost_blue a .ic_arrow {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: right 0.4s ease;
	-moz-transition: right 0.4s ease;
	-o-transition: right 0.4s ease;
	transition: right 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.btn_ghost_blue a .ic_arrow {
		right: 10px;
	}
}

.btn_ghost_dark {
	text-align: center;
}

.btn_ghost_dark a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	max-width: 330px;
	font-size: 87%;
	color: #333333 !important;
	background: transparent;
	border: 2px solid #333333;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	outline: 0;
	text-align: left;
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 21px 20px;
	padding-right: 35px;
}

@media only screen and (max-width: 767px) {
	.btn_ghost_dark a {
		max-width: 100%;
		text-align: center;
		padding: 0.9em 10px;
		padding-right: 25px;
	}
}

@media only screen and (min-width: 1025px) {
	.btn_ghost_dark a:hover {
		color: #fff !important;
		background: #333333;
		border-color: #333333;
	}
}

@media print {
	.btn_ghost_dark a:hover {
		color: #fff !important;
		background: #333333;
		border-color: #333333;
	}
}

.ie8 .btn_ghost_dark a:hover {
	color: #fff !important;
	background: #333333;
	border-color: #333333;
}

@media only screen and (min-width: 1025px) {
	.btn_ghost_dark a:hover .ic_arrow {
		right: 10px;
	}
}

@media print {
	.btn_ghost_dark a:hover .ic_arrow {
		right: 10px;
	}
}

.ie8 .btn_ghost_dark a:hover .ic_arrow {
	right: 10px;
}

.btn_ghost_dark a .ic_btn {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
	.btn_ghost_dark a .ic_btn {
		right: 10px;
	}
}

.btn_ghost_dark a .ic_arrow {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: right 0.4s ease;
	-moz-transition: right 0.4s ease;
	-o-transition: right 0.4s ease;
	transition: right 0.4s ease;
}

@media only screen and (max-width: 767px) {
	.btn_ghost_dark a .ic_arrow {
		right: 10px;
	}
}

.btn_line_dark a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: auto;
	font-size: 94%;
	color: #333 !important;
	background: transparent;
	bottom: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	letter-spacing: 0.1em;
	outline: 0;
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0 20px 15px;
	padding-right: 80px;
}

@media only screen and (max-width: 767px) {
	.btn_line_dark a {
		padding: 0 1em 0.8em;
		padding-right: 4em;
	}
}

@media only screen and (min-width: 1025px) {
	.btn_line_dark a:hover:before {
		width: 110%;
	}
}

@media print {
	.btn_line_dark a:hover:before {
		width: 110%;
	}
}

.ie8 .btn_line_dark a:hover:before {
	width: 110%;
}

.btn_line_dark a:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.btn_line_dark a.text_on_right {
	padding: 0 20px 15px;
	padding-left: 80px;
}

@media only screen and (max-width: 767px) {
	.btn_line_dark a.text_on_right {
		padding: 0 1em 0.8em;
		padding-left: 4em;
	}
}

.btn_line_dark a.text_on_right:before {
	left: auto;
	right: 0;
}

.btn_line_white a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: auto;
	font-size: 94%;
	color: #fff !important;
	background: transparent;
	bottom: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	letter-spacing: 0.1em;
	outline: 0;
	text-decoration: none !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0 20px 15px;
	padding-right: 80px;
}

@media only screen and (max-width: 767px) {
	.btn_line_white a {
		padding: 0 1em 0.8em;
		padding-right: 4em;
	}
}

@media only screen and (min-width: 1025px) {
	.btn_line_white a:hover:before {
		width: 110%;
	}
}

@media print {
	.btn_line_white a:hover:before {
		width: 110%;
	}
}

.ie8 .btn_line_white a:hover:before {
	width: 110%;
}

.btn_line_white a:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.btn_line_white a.text_on_right {
	padding: 0 20px 15px;
	padding-left: 80px;
}

@media only screen and (max-width: 767px) {
	.btn_line_white a.text_on_right {
		padding: 0 1em 0.8em;
		padding-left: 4em;
	}
}

.btn_line_white a.text_on_right:before {
	left: auto;
	right: 0;
}

.btn_close {
	position: absolute;
	right: 0;
	top: 0;
}

.btn_close a {
	display: block;
	color: #fff !important;
	text-decoration: none !important;
}

.btn_close a > span {
	display: block;
}

.btn_close a .ic {
	width: 36px;
	height: 30px;
	margin: 0 auto;
	position: relative;
}

.btn_close a .ic span {
	width: 100%;
	height: 5px;
	background: #fff;
	position: absolute;
}

.btn_close a .ic span:nth-child(1) {
	top: 12px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn_close a .ic span:nth-child(2) {
	bottom: 12px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.btn_close a .txt {
	text-align: center;
	margin-top: 5px;
	line-height: 1;
}

/* -----------------------------------------------------------
	box_style
----------------------------------------------------------- */
.box_style_01 {
	position: relative;
	border: 1px solid #b3b3b3;
	padding: 0 6em 3em;
}

@media only screen and (max-width: 1024px) {
	.box_style_01 {
		padding: 0 4em 2.5em;
	}
}

@media only screen and (max-width: 767px) {
	.box_style_01 {
		padding: 1em 2em 2.5em;
	}
}

.box_style_01 > * {
	position: relative;
}

.box_style_01:before {
	display: block;
	content: '';
	position: absolute;
	right: 10px;
	top: 10px;
	left: auto;
	bottom: auto;
	width: 100%;
	height: 100%;
	border: 1px solid #585858;
}

@media only screen and (max-width: 767px) {
	.box_style_01:before {
		right: 5px;
		top: 5px;
	}
}

.box_style_01 .st_lg_02 {
	text-align: left;
	margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	.box_style_01 .st_lg_02 {
		margin-bottom: 1.5em;
	}
}

.box_style_01 .st_lg_02 .en {
	position: relative;
	left: -0.9em;
	top: -0.5em;
	margin-bottom: -0.1em;
}

.box_style_01 .st_lg_02 .jp {
	color: #333;
	line-height: 1.7;
}

.box_style_01 .txt {
	color: #333;
	line-height: 2;
	margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box_style_01 .txt {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.box_style_01 .txt {
		margin-bottom: 1.5em;
	}
}

@media only screen and (max-width: 767px) {
	.box_style_01 .txt {
		font-size: 87%;
		line-height: 1.6;
	}
}

.box_style_01 .btn {
	text-align: right;
	margin-bottom: 0;
}

.box_style_01 .btn a {
	position: relative;
	left: 9em;
}

@media only screen and (max-width: 1024px) {
	.box_style_01 .btn a {
		left: 6em;
	}
}

@media only screen and (max-width: 767px) {
	.box_style_01 .btn a {
		left: 2em;
	}
}

.box_style_02 {
	position: relative;
	border: 1px solid #9f9f9f;
	padding: 0 6em 3em;
}

@media only screen and (max-width: 1024px) {
	.box_style_02 {
		padding: 0 4em 2.5em;
	}
}

@media only screen and (max-width: 767px) {
	.box_style_02 {
		padding: 1em 2em 2.5em;
	}
}

.box_style_02 > * {
	position: relative;
}

.box_style_02:before {
	display: block;
	content: '';
	position: absolute;
	right: 10px;
	top: 10px;
	left: auto;
	bottom: auto;
	width: 100%;
	height: 100%;
	border: 1px solid #eaeaea;
}

@media only screen and (max-width: 767px) {
	.box_style_02:before {
		right: 5px;
		top: 5px;
	}
}

.box_style_02 .st_lg_02 {
	text-align: left;
	margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	.box_style_02 .st_lg_02 {
		margin-bottom: 1.5em;
	}
}

.box_style_02 .st_lg_02 .en {
	position: relative;
	left: -0.9em;
	top: -0.5em;
	margin-bottom: -0.1em;
}

.box_style_02 .st_lg_02 .jp {
	color: #fff;
	line-height: 1.7;
}

.box_style_02 .txt {
	color: #fff;
	line-height: 2;
	margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box_style_02 .txt {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.box_style_02 .txt {
		margin-bottom: 1.5em;
	}
}

@media only screen and (max-width: 767px) {
	.box_style_02 .txt {
		font-size: 87%;
		line-height: 1.6;
	}
}

.box_style_02 .btn {
	text-align: right;
	margin-bottom: 0;
}

.box_style_02 .btn a {
	position: relative;
	left: 9em;
}

@media only screen and (max-width: 1024px) {
	.box_style_02 .btn a {
		left: 6em;
	}
}

@media only screen and (max-width: 767px) {
	.box_style_02 .btn a {
		left: 2em;
	}
}

/* -----------------------------------------------------------
	mfp popup
----------------------------------------------------------- */
body .mfp-bg {
	z-index: 9200;
}

body .mfp-wrap {
	z-index: 9210;
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.85;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

/*# sourceMappingURL=../maps/common.css.map */