@charset "UTF-8";
body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
		"ＭＳ Ｐゴシック", sans-serif;
	overflow-x: hidden;
}

h2 {
	font-size: 28px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
}

#jaldp-wrap > iframe {
	display: block;
	margin: 0 auto;
	min-height: 660px;
}

.dp_section.--tieup {
	margin: 100px 0 0;
}

.dp_section.--tieup h2 {
	margin: 0 0 50px;
}

#formMaster {
	overflow: hidden;
}

/* パンくず */

.crumbs {
	box-sizing: border-box;
	font-size: 12px;
	line-height: 1.4em;
	margin: 70px auto 10px;
	overflow: hidden;
	padding: 0;
	width: 980px;
}

.crumbs ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.crumbs ul li {
	position: relative;
}

.crumbs ul li::after {
	display: inline-block;
	margin: 0 3px;
	content: ">";
}

.crumbs ul li:last-child::after {
	content: none;
}

#anchor_jal {
	margin: 100px 0 0;
}

#visual {
	margin: 30px 0 0;
}

#contentMain_pnlImg {
	display: flex;
	justify-content: space-between;
	margin: 8px 0 0;
}

#contentMain_pnlImg figure {
	margin: 0 auto;
	width: 100%;
}

#contentMain_pnlImg figure:not(:first-child) {
	margin-left: 10px;
}

#contentMain_pnlImg img {
	display: block;
	height: auto;
	width: 100%;
}

#contentMain_container {
	margin: 74px 0 0;
}

h1 {
	font-size: 34px;
	font-weight: bold;
	line-height: 35px;
}

h1 span {
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;
}

#checkArea {
	margin: 100px 0 0;
}

#checkArea h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
}

/*	#page-anchor
-------------------------------- */

#page-anchor {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 0;
	justify-content: space-between;
}

.anchor-text-jr {
	font-size: 16px;
	font-weight: bold !important;
	text-align: center;
	width: 980px;
	color: #585755;
	/* margin: 24px 0 20px; */
	padding-top: 50px;
}

#page-anchor ul {
	display: flex;
	flex-wrap: wrap;
	width: 980px;
	justify-content: space-around;
}

#page-anchor ul.page-anchor__anchor02 {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

#page-anchor ul li {
	width: 480px;
	padding: 0;
	text-align: center;
}

#page-anchor ul li.page-anchor-ana a {
	display: block;
	padding: 0;
	margin: 0;
	border: 3px solid #13448f;
}

#page-anchor ul li.page-anchor-jal a {
	display: block;
	padding: 0;
	margin: 0;
	border: 3px solid #cc0000;
}

#page-anchor .page-anchor__anchor02 li.page-anchor-jr a {
	display: block;
	padding: 0;
	margin: 0;
	border: 3px solid #000;
}

#page-anchor ul li a:hover {
	text-decoration: none;
	opacity: 0.8;
}

.page-anchor-logo {
	height: 62px;
	padding: 10px 0;
	background-color: #fff;
}

.page-anchor-logo .JR-text {
	font-size: 30px;
	color: #585755;
	font-weight: bold;
	line-height: 42px;
}

.page-anchor-logo .JR-text span,
.airBox__ttl span {
	font-weight: 800;
}

.page-anchor-text {
	position: relative;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	height: 53px;
	line-height: 53px;
}

.page-anchor-ana .page-anchor-text {
	background-color: #13448f;
}

.page-anchor-jal .page-anchor-text {
	background-color: #cc0000;
}

.page-anchor-jr .page-anchor-text {
	background-color: #000;
}

.page-anchor-text::before {
	position: absolute;
	top: 16px;
	right: 30px;
	display: block;
	content: "";
	width: 13px;
	height: 13px;
	background-color: #fff;
	transform: rotate(45deg);
}

.page-anchor-text::after {
	position: absolute;
	top: 12px;
	right: 30px;
	display: block;
	content: "";
	width: 13px;
	height: 13px;
	transform: rotate(45deg);
}

.page-anchor-ana .page-anchor-text::after {
	background-color: #13448f;
}

.page-anchor-jal .page-anchor-text::after {
	background-color: #cc0000;
}

.page-anchor-jr .page-anchor-text::after {
	background-color: #000;
}

.airBox-title-jal {
	font-size: 28px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
}

/* よくある質問へのリンク
-------------------------------- */

.link_faq {
	display: flex;
	font-size: 20px;
	justify-content: center;
	line-height: 35px;
	margin: 50px auto 0;
	text-align: center;
	width: 100%;
}

.link_faq a,
.link_faq a:link,
.link_faq a:visited {
	color: #333;
	text-decoration: none;
	position: relative;
	padding-right: 16px;
}

.link_faq a:hover {
	color: #333;
	text-decoration: underline;
}

.link_faq a::after {
	background-color: #fff;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	content: "";
	height: 15px;
	position: absolute;
	right: -10px;
	top: 3px;
	transform: rotate(45deg);
	width: 15px;
}

.airBox__ttl img {
	display: block;
	margin: 0 auto;
}

.jal_module_iframe::-webkit-scrollbar {
	width: 10px;
}

.jal_module_iframe::-webkit-scrollbar-track {
	background: #fff;
	border: none;
	border-radius: 10px;
	box-shadow: inset 0 0 2px #777;
}

.jal_module_iframe::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
	box-shadow: none;
}

.jal-subtext {
	font-size: 18px;
	line-height: 1;
	margin: 30px 0 0;
	text-align: center;
}

/* ana */

.airBox.ana {
	margin: 100px 0 0;
}

.airBox-title-ana {
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}

#wrap-container {
	margin: 35px auto 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.res-inner-contents {
	padding-top: 0 !important;
}

.contents-1col #contents .res-contents {
	margin: 0 !important;
	padding: 0 !important;
}

.module-travel_inner.module-travel_parts.horizon {
	padding-top: 0 !important;
}

.footer {
	max-width: 100% !important;
	border-top: none !important;
	color: #333 !important;
	margin: 15px auto 0 !important;
	padding: 0 !important;
}

.footer .fontS {
	font-size: 12px !important;
	line-height: 1;
}

.ana-subtext {
	font-size: 18px;
	line-height: 1;
	margin: 27px 0 0;
	text-align: center;
}

/* よくある質問＆便利な情報 */

.faq_section {
	margin: 100px 0 0;
}

.faq_section__container {
	margin: 60px 0 0;
}

h3.faq_section__subttl {
	display: flex;
	font-size: 26px;
	font-weight: bold;
	line-height: 35px;
	position: relative;
}

h3.faq_section__subttl::before {
	background-color: #0c328c;
	content: "";
	height: 35px;
	display: inline-block;
	position: relative;
	margin-right: 15px;
	width: 6px;
	top: -2px;
}

.faq_section__contents {
	margin: 50px 0 0;
}

.faq_section__text__q {
	font-size: 24px;
	font-weight: bold;
	display: flex;
	line-height: 35px;
	position: relative;
}

.faq_section__text__q::before {
	color: #0c328c;
	content: "Q";
	display: inline-block;
	font-size: 28px;
	line-height: 35px;
	margin-right: 19px;
	position: relative;
}

.faq_section__text__q:not(:first-child) {
	margin: 40px 0 0;
}

.faq_section__text__a {
	display: flex;
	margin: 50px 0 0;
	position: relative;
}

.faq_section__text__a::before {
	color: #0c328c;
	content: "A";
	display: inline-block;
	font-size: 28px;
	font-weight: bold;
	line-height: 35px;
	margin: 7px 19px 0 0;
	position: relative;
}

.air-answerBox__label,
.jr-answerBox__label {
	display: inline-flex;
	background-color: #0c328c;
	padding: 10px 20px 11px 13px;
}

.air-answerBox__label p.air-answerBox__label__text,
.jr-answerBox__label p.jr-answerBox__label__text {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	margin: 4px 0 0 12px;
}

.faq_section__text__a p {
	font-size: 18px;
	line-height: 30px;
	margin: 25px 0 0;
}

.jr-answerBox,
.air-answerBox {
	margin: 0 0 50px;
}

.faq_section__subttl:not(:first-child) {
	margin: 50px 0 0;
}

.faq_section__text__a a {
	text-decoration: underline;
}

#airArea h3 {
	font-size: 28px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
}

#airArea h3 img {
	margin: 0 12px 0 0px;
	position: relative;
	top: 8px;
}

.flyingroute_wrap {
	display: table;
}

.flyingroute_wrap .airList {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

.flyingroute_wrap .airList.ana {
	padding-right: 10px;
}

.flyingroute_wrap .airList.jal {
	padding-left: 10px;
}

.airList.jal h4::after {
	background: #cc0000;
}

/*-----------------------------------------------------
	airArea
----------------------------------------------------**/

#airArea {
	margin: 100px 0;
}

#airArea h3 {
	margin: 0 0 40px 0;
}

.airList h4 {
	padding: 0 0 10px;
	margin-bottom: 20px;
	position: relative;
}

.airList h4::before {
	content: "";
	position: absolute;
	height: 4px;
	width: 100%;
	background: #d5d1d1;
	bottom: 0;
	left: 0;
}

.airList h4::after {
	background: #1d2089;
	bottom: 0;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	width: 140px;
}

.airList h4 img {
	display: block;
}

#airArea.ana .airList.ana {
	float: none;
	margin: 0 auto;
	width: 560px;
}

#airArea .airList table {
	border-collapse: collapse;
	border: #9fa0a0 solid 1px;
	width: 100%;
}

#airArea .airList table th {
	background: url(../img/air_th_bg.gif);
	border-bottom: #9fa0a0 dotted 1px;
	border-left: #9fa0a0 solid 1px;
	font-size: 14px;
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	width: 60px;
}

#airArea .airList table td {
	border-bottom: #9fa0a0 dotted 1px;
	border-left: #9fa0a0 solid 1px;
	vertical-align: top;
}

#airArea .airList table td ul {
	padding: 28px;
}

#airArea .airList table td li {
	float: left;
	font-size: 14px;
	line-height: 2;
	text-align: left;
	width: 50%;
}

#airArea .airList table td li.region {
	font-weight: bold;
	margin-top: 20px;
	width: 100%;
}

#airArea .airList table td li:first-child {
	margin-top: 0;
}

#airArea .airList table td li a {
	color: #595757;
	text-decoration: none;
}

#airArea .flyingroute_wrap p {
	font-size: 13px;
}

/* JR */

#anchor_jr {
	margin: 100px auto 0;
}

.jr-subtext {
	color: #585755;
	padding: 0 0 50px;
	text-align: center;
}

#anchor_jr .airBox__ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 45px 0 35px;
}

#anchor_jr .airBox__ttl img {
	margin: 0;
}

#anchor_jr .airBox__ttl .airBox__ttl__text {
	font-size: 40px;
	margin-left: 0.5em;
}

.airBox__ttl img:nth-child(3) {
	padding-left: 20px;
}

.jrdp-wrapper {
	color: #000;
	margin-bottom: 23px;
}

.jrdp-wrapper .jrdp-wrapper__hotel-name {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 18px;
	text-align: center;
}

.jrdp-wrapper .jrdp-wrapper-title-jr {
	font-size: 27px;
	font-weight: bold;
}

.jr-Btnbox {
	width: 345px;
	margin: 0 auto 30px;
}

.jr-Btnbox .jr-Btnbox__Btn-search {
	display: block;
	font-size: 18px;
	margin: 40px auto 0 auto;
	padding: 16px 30px 14px;
	background-color: #000;
	position: relative;
	text-align: center;
	color: #fff;
	font-weight: bold;
	position: relative;
	line-height: 30px;
}

.jr-Btnbox .jr-Btnbox__Btn-search:hover {
	opacity: 0.6;
	text-decoration: none;
}

.jr-Btnbox .jr-Btnbox__Btn-search::after {
	content: "";
	position: absolute;
	top: 10px;
	background-image: url(../img/Search_green.jpg);
	right: 4%;
	width: 40px;
	height: 40px;
	background-size: cover;
	vertical-align: middle;
}

.btn.btn2 a {
	padding-left: 40px;
}

.btn.btn-white a,
.btn.btn-white button {
	background-color: #fff !important;
	color: #333;
}

.btn.btn2 a,
.btn.btn2 button {
	max-width: 440px;
	font-size: 20px;
	line-height: 1.5em;
}

.hotel-entertainment a {
	transition: opacity 1s;
}

.btn a,
.btn button {
	align-items: center;
	background: #333;
	border-radius: 35px;
	border: 3px solid #333;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	flex-flow: row nowrap;
	font-size: 24px;
	font-weight: bold;
	justify-content: center;
	line-height: 1.5em;
	margin: 0 auto;
	max-width: 400px;
	min-height: 70px;
	padding: 8px;
	position: relative;
	text-decoration: none;
	transition: opacity 1s;
	width: 100%;
}

.btn a:hover {
	opacity: 0.6;
}

.btn.btn2.hotel-entertainment a:before {
	background-image: url(https://www.tabirai.net/hotel/cms/wp-content/themes/tabirai/assets/images/ic-website.svg);
}

.btn.btn2 a:before {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain !important;
	bottom: 0;
	content: "";
	display: block;
	height: auto;
	left: 35px;
	position: absolute;
	top: 0;
	width: 35px;
}

/* ヘッダー */

.header {
	background: #fff;
	box-sizing: border-box;
	color: #000;
	display: block;
	font-size: 14px;
	height: 60px;
	left: 0;
	line-height: 1;
	padding: 0 15px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

.header .inner {
	align-items: center;
	display: flex;
	flex-flow: row nowrap;
	height: 60px;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
}

.header .logo {
	flex: 1;
}

.header .logo p {
	margin: 0;
	text-align: left;
}

.header .logo a {
	display: inline-block;
}

.header .logo a img {
	max-width: 77px;
	width: 100%;
	height: auto;
}

.header .icons {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-end;
}

.header .icons > * + * {
	margin-left: 18px;
}

.header .icons a {
	display: block;
}

.header .icons img {
	max-width: 30px;
	width: 100%;
	height: auto;
}

.header.fixed {
	position: fixed;
	left: 0;
	right: 0;
	top: -120px;
	transition: top 0.3s ease-out;
	opacity: 1;
}

/* .header.fixed.fixed-hide {
		opacity:	0;
	} */

.header.fixed.fixed-show {
	top: 0;
}

body.admin-bar .header.fixed.fixed-show {
	top: 32px;
}

/* スマホのみ */

/* footer .nav>ul>li>ul>li>ul {
  display: none !important;
} */

@media screen and (min-width: 980px) {
	footer .nav > ul > li > ul.wide {
		justify-content: space-between !important;
		margin: 0 !important;
	}
	footer .nav > ul > li > ul.wide > li {
		margin: 0 !important;
	}
	footer .nav > ul > li > ul.wide > li > a {
	}
}

footer .logo {
	padding: 20px 0 0;
	text-align: center;
}

footer .logo .image {
	margin: 0 auto 20px;
	max-width: 77px;
}

footer .logo .text {
	font-size: 12px;
	line-height: 1;
	color: #333;
}

footer .copyright {
	padding: 10px 0;
	background: #fff;
	font-size: 12px;
	line-height: 1;
	color: #333;
	text-align: center;
}

/* Overlay Menu
---------------------------------------------*/

.overlay-menu {
	background: #fff;
	display: none;
	min-height: 100vh;
	position: fixed;
	top: 0;
	transform: translateX(100vw);
	width: 100vw;
	z-index: 150;
}

.overlay-menu .head {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-end;
	width: 100%;
	padding: 10px 15px;
	box-sizing: border-box;
}

.overlay-menu .head .close {
}

.overlay-menu .head .close a {
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	position: relative;
}

.overlay-menu .head .close a:before,
.overlay-menu .head .close a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto 0;
	display: block;
	width: auto;
	height: 3px;
	overflow: hidden;
	content: "";
	background: #333;
	transform-origin: center center;
}

.overlay-menu .head .close a:before {
	transform: rotate(45deg);
}

.overlay-menu .head .close a:after {
	transform: rotate(-45deg);
}

.overlay-menu .area-list {
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}

.overlay-menu .area-list .in {
	width: 100%;
	padding: 0 15px 10px;
	overflow: auto;
}

.overlay-menu .area-list ul {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.overlay-menu .area-list ul li {
}

.overlay-menu .area-list ul li + li {
	margin-left: 15px;
}

.overlay-menu .area-list ul li a {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border: 2px solid #000;
	border-radius: 60px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
}

.overlay-menu .area-list ul li a.active {
	background-color: #000;
	color: #fff;
}

.overlay-menu .menu-list {
	padding: 10px 15px;
	text-align: left;
}

.overlay-menu .menu-list + .menu-list {
	border-top: 1px solid #ccc;
}

.overlay-menu .menu-list li {
}

.overlay-menu .menu-list li a {
	display: block;
	padding: 10px 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	color: #000;
	text-decoration: none;
	position: relative;
}

.overlay-menu .menu-list-01 {
}

.overlay-menu .menu-list-01 li a {
	padding-left: 32px;
}

.overlay-menu .menu-list-01 li a:before {
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 0;
	display: block;
	width: 20px;
	height: auto;
	content: "";
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain !important;
}

.overlay-menu .menu-list-01 li:nth-child(1) a:before {
	background-image: url(https://www.tabirai.net/hotel/cms/wp-content/themes/tabirai/assets/images/ic-overlay-menu-home.svg);
}

.overlay-menu .menu-list-01 li:nth-child(2) a:before {
	background-image: url(https://www.tabirai.net/hotel/cms/wp-content/themes/tabirai/assets/images/ic-overlay-menu-video.svg);
}

.overlay-menu .menu-list-01 li:nth-child(3) a:before {
	background-image: url(https://www.tabirai.net/hotel/cms/wp-content/themes/tabirai/assets/images/ic-overlay-menu-hotel.svg);
}

.overlay-menu .menu-list-01 li:nth-child(4) a:before {
	background-image: url(https://www.tabirai.net/hotel/cms/wp-content/themes/tabirai/assets/images/ic-overlay-menu-article.svg);
}

.overlay-menu .menu-list-03 {
}

.overlay-menu .menu-list-03 li a {
	font-size: 13px;
	line-height: 1;
}

body.overlay-menu-ready {
}

body .overlay-menu {
	display: block;
	transition: all 0.3s ease-out;
}

body.overlay-menu-ready.overlay-menu-visible .overlay-menu,
body.overlay-menu-hiding.overlay-menu-visible .overlay-menu {
	transform: translateX(0);
}

@media screen and (min-width: 768px) {
	.overlay-menu {
		max-width: 320px;
	}
	body.overlay-menu-ready.overlay-menu-visible .overlay-menu,
	body.overlay-menu-hiding.overlay-menu-visible .overlay-menu {
		transform: translateX(100vw);
		margin-left: -320px;
	}
}

body.overlay-menu-ready #formMaster,
body.overlay-menu-ready #formMaster {
	position: fixed;
	top: 0px;
	z-index: -2;
}

body.overlay-menu-ready .overlay-mask {
	cursor: pointer;
	opacity: 1;
	visibility: inherit;
}

body .overlay-mask,
body .overlay-mask {
	background-color: rgba(0, 0, 0, 0.6);
	bottom: 0;
	content: "";
	display: block;
	height: auto;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: all 0.3s ease-out;
	visibility: hidden;
	width: auto;
	z-index: 100;
}

.bnr-area {
	background-color: #f3f3f3;
	box-sizing: border-box;
	margin: 0 auto 31px;
	padding: 25px 10px;
	width: 100%;
}

.bnr-area p {
	text-align: center;
	font-size: 18px;
	margin-top: 1em;
}

.bnr-area > ul {
	text-align: center;
}
.bnr-area > ul > li > a {
	height: auto;
	width: 580px;
	display: block;
	margin: 8px auto 0;
}
.bnr-area > ul > li > a img {
	transition: opacity 1s;
}
.bnr-area > ul > li > a img:hover {
	opacity: 0.6;
}
.bnr-area > ul > li:not(:first-child) {
	margin: 30px 0 0;
}
.bnr-area > ul > li > h3 {
	font-size: 18px;
	line-height: 35px;
	font-weight: bold;
}
.bnr-area > ul > li > p {
	font-size: 18px;
	line-height: 35px;
	margin: 10px 0 0;
}
.bnr-area .kome {
	text-align: center;
	font-size: 18px;
	margin-top: 20px;
}

/* SP */

@media screen and (max-width: 767px) {
	.sp-hidden {
		display: none !important;
	}
	.l-lg {
		display: none !important;
	}
	.crumbs {
		width: 100%;
		height: 42px;
		padding: 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		line-height: 42px;
	}
	.crumbs ul {
		flex-wrap: nowrap;
		height: 100%;
		height: 42px;
		padding-right: 17px;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}
	.crumbs ul li {
		padding-right: 22px;
		padding-left: 5px;
	}
	.crumbs ul li:first-child {
		padding-left: 10px;
	}
	.crumbs ul li::after {
		z-index: 1;
		position: absolute;
		top: -2px;
		right: 0;
		width: 42px;
		height: 43px;
		transform: scale(0.707) rotate(45deg);
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		content: "";
	}
	.crumbs ul li a {
		text-decoration: none;
	}

	#container {
		padding: 65px 10px 0;
	}

	h1 {
		font-size: 19px;
		font-weight: bold;
		line-height: 1;
	}
	h1 span {
		font-size: 10px;
		font-weight: bold;
		line-height: 1;
		margin: 3px 0 0;
	}
	#page-anchor {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	/*	#page-anchor
  -------------------------------- */

	#page-anchor {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#page-anchor ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0;
		width: 100%;
	}

	#page-anchor .anchor-text-jr {
		font-size: 14px;
		line-height: 1;
		margin: 20px 0 0;
		padding-top: 0;
		text-align: center;
		width: 100%;
	}

	#page-anchor ul.page-anchor__anchor02 {
		display: flex;
		justify-content: center;
		margin: 10px 0;
	}

	#page-anchor ul li {
		padding: 0;
		text-align: center;
		width: calc(50% - 5px);
	}
	#page-anchor ul li:not(:first-child) {
		margin-left: 10px;
	}

	#page-anchor ul li.page-anchor-ana a {
		border: 2px solid #13448f;
		text-decoration: none;
	}

	#page-anchor ul li.page-anchor-jal a {
		border: 2px solid #cc0000;
		text-decoration: none;
	}

	#page-anchor .page-anchor__anchor02 li.page-anchor-jr a {
		display: block;
		padding: 0;
		margin: 0;
		border: 3px solid #000;
		text-decoration: none;
	}

	#page-anchor ul li a:hover {
		text-decoration: none;
		opacity: 0.8;
	}

	.page-anchor-logo {
		height: 40px;
		padding: 10px 0;
		background-color: #fff;
	}

	.page-anchor-logo .JR-text {
		font-size: 18px;
		color: #585755;
		font-weight: bold;
		line-height: 20px;
	}

	.page-anchor-logo .JR-text span,
	.anchor_jr_ttl span {
		font-weight: 800;
	}

	.page-anchor-logo img {
		height: 20px;
		width: auto;
	}

	.page-anchor-text {
		color: #fff;
		font-size: 11px;
		font-weight: bold;
		height: auto;
		line-height: 1;
		padding-left: 2px;
		padding: 7px 0 6px;
		position: relative;
	}

	.page-anchor-ana .page-anchor-text {
		background-color: #13448f;
	}

	.page-anchor-jal .page-anchor-text {
		background-color: #cc0000;
	}

	.page-anchor-jr .page-anchor-text {
		background-color: #000;
	}

	.page-anchor-text::before {
		height: 7px;
		right: 10px;
		top: 7px;
		width: 7px;
	}

	.page-anchor-text::after {
		height: 7px;
		right: 10px;
		top: 4px;
		width: 7px;
	}

	.page-anchor-ana .page-anchor-text::after {
		background-color: #13448f;
	}

	.page-anchor-jal .page-anchor-text::after {
		background-color: #cc0000;
	}

	.page-anchor-jr .page-anchor-text::after {
		background-color: #000;
	}

	#contentMain_pnlImg {
		margin: 8px 0 0;
	}

	#anchor_ana {
		margin: 40px 0;
	}

	.anchor_ana_ttl {
		padding: 10px 0;
		border-top: 1px solid #13448f;
		border-bottom: 1px solid #13448f;
		text-align: center;
		margin-bottom: 40px;
	}

	.anchor_ana_ttl img {
		height: 20px;
		width: auto;
		margin: 10px 0;
	}

	.ana_frame_wrap {
		position: relative;
	}

	.ana_frame_wrap .text_reserve {
		position: absolute;
		left: 50%;
		bottom: 90px;
		margin-left: 210px;
	}

	#anchor_jal {
		margin: 40px auto 20px;
	}

	.jal-subtext {
		font-size: 13px;
		padding: 0 20px 20px;
		color: #585755;
	}

	.anchor_jal_ttl {
		margin-bottom: 40px;
		padding: 10px 0;
		text-align: center;
		border-top: 1px solid #cc0000;
		border-bottom: 1px solid #cc0000;
	}

	.anchor_jal_ttl img {
		height: 20px;
		width: auto;
		margin: 10px 0;
	}

	#anchor_jr {
		margin: 40px auto;
	}

	#anchor_jr .anchor_jr_ttl {
		margin-bottom: 40px;
		padding: 6px 0 !important;
		text-align: center;
		border-top: 1px solid #8c8c8c;
		border-bottom: 1px solid #8c8c8c;
	}

	.anchor_jr_ttl img {
		height: 23px;
		width: auto;
		margin: 0 0.8em 0 0;
	}

	#anchor_jr .jr-subtext {
		/* width: calc(96% - 20px); */
		font-size: 13px;
		margin: 0 auto 50px;
		padding: 0 20px 20px;
		color: #585755;
		border-bottom: 1px solid #8c8c8c;
	}

	.jal_dp_button_wrapper {
		margin: 15px 0;
	}

	.jal_dp_button_wrapper .btn-search {
		background: #eb7308;
		color: #fff;
		width: 100%;
		text-align: center;
		font-weight: normal;
		border: none;
		padding: 15px;
		position: relative;
		display: inline-block;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 128.57143%;
		border-radius: 4px;
		cursor: pointer;
		font-size: 18px;
		text-decoration: none;
	}

	.jal_dp_button_wrapper .btn-search:hover {
		background: #b36309;
		text-decoration: none;
	}

	.goto_banner {
		width: 100%;
		height: auto;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	}

	a.jal_dp_button {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding: 10px 30px 10px 10px;
		border-radius: 3px;
		color: #fff;
		background: #f27b11;
		background: -webkit-linear-gradient(top, #f39c33 0%, #f08300 100%);
		background: linear-gradient(to bottom, #f39c33 0%, #f08300 100%);
		box-shadow: 0 3px 0 #da6c0b;
		font-size: 15px;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
		text-decoration: none;
		cursor: pointer;
	}

	a.jal_dp_button:active,
	a.jal_dp_button:link,
	a.jal_dp_button:visited {
		color: #fff;
		text-decoration: none;
	}

	a.jal_dp_button::before {
		display: block;
		position: absolute;
		top: 50%;
		right: 8px;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		border-radius: 50%;
		background: #fff;
		content: "";
	}

	a.jal_dp_button::after {
		display: block;
		position: absolute;
		top: 50%;
		right: 8px;
		width: 0;
		height: 0;
		margin-top: -4px;
		border: 4px solid transparent;
		border-left: 6px solid #f27b11;
		content: "";
	}

	/* ----JR---- */

	.jrdp-wrapper {
		color: #000;
		margin-bottom: 23px;
	}

	.jrdp-wrapper .jrdp-wrapper__hotel-name {
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 10px;
		text-align: center;
	}

	#container #wrapper #anchor_jr .jrdp-wrapper .jrdp-wrapper-title-jr {
		font-size: 15px;
		font-weight: bold;
		color: #000;
		text-align: center;
	}

	.jr-Btnbox {
		width: calc(96% - 20px);
		margin: 0 auto 20px;
	}

	.jr-Btnbox .jr-Btnbox__Btn-search {
		display: block;
		font-size: 16px;
		width: 84%;
		margin: 20px auto 0 auto;
		padding: 15px 30px 15px 10px;
		background-color: #000;
		position: relative;
		/* text-align: center; */
		color: #fff;
		font-weight: bold;
		position: relative;
		text-decoration: none;
	}

	.jr-Btnbox .jr-Btnbox__Btn-search::after {
		content: "";
		position: absolute;
		top: 12px;
		background-image: url(../img/Search_green.jpg);
		right: 6%;
		width: 30px;
		height: 30px;
		background-size: cover;
		vertical-align: middle;
	}

	/*よくある質問へのリンク*/

	.link_faq {
		font-size: 11px;
		justify-content: space-around;
		margin: 0 0 0;
	}

	.link_faq a,
	.link_faq a:link,
	.link_faq a:visited {
		color: #333;
		padding-right: 0;
		text-decoration: none;
		width: 50%;
	}

	.link_faq a:hover {
		text-decoration: underline;
	}

	.link_faq a::after {
		height: 6px;
		right: 6px;
		top: 10px;
		width: 6px;
	}

	#container #wrapper .main h2 {
		color: #333;
		font-size: 14px;
		line-height: 17.5px;
	}

	#container #wrapper .main h2::before {
		content: none;
	}

	/* box_dp
  -----------------------------------------------*/

	.box_dp {
		margin-bottom: 20px;
		padding-bottom: 10px;
		/*	text-align:center;*/
	}

	.reason .ttl_img {
		width: 200px;
	}

	.reason .ttl_reserve {
		margin-bottom: 20px !important;
		color: #22ab37;
		font-size: 20px;
	}

	.reason dl {
		text-align: center;
	}

	.reason dt {
		color: #24ac39;
		font-size: 18px;
		line-height: 1.4;
	}

	.reason dd {
		padding-bottom: 10px;
		font-size: 15px;
	}

	#container #wrapper .link_dp h2 {
		color: #333;
		font-size: 14px;
		line-height: 17.5px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.btn_jal {
		align-items: center;
		background-color: #cc0000;
		color: #fff !important;
		display: flex;
		font-size: 15px;
		font-weight: bold;
		justify-content: center;
		line-height: 20px;
		margin: 0 auto;
		padding: 10px;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 90.141%;
	}
	.btn_jal::after {
		border-right: 2px solid #fff;
		border-top: 2px solid #fff;
		bottom: 0;
		content: "";
		display: block;
		height: 10px;
		margin: auto;
		position: absolute;
		right: 20px;
		top: 0;
		transform: rotate(45deg);
		width: 10px;
	}

	.jal_module_detail {
		background-color: #f3f3f3;
		margin: 35px 0 0;
		padding: 14px 11px;
	}

	.ico_i::before {
		display: inline-block;
		content: "";
		width: 12.5px;
		height: 15px;
		margin-right: 6px;
		vertical-align: middle;
		background: url(../img/ico_i.png) no-repeat 0 0 transparent;
		background-size: 12.5px auto;
	}

	.jal_module_detail h3 {
		color: #cc0000;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.jal_module_detail p {
		color: #333;
		font-size: 10px;
		font-weight: 500;
		line-height: 14.5px;
	}
	.jal_module_text {
		font-size: 10px;
		font-weight: 500;
		line-height: 14.5px;
		margin: 17px 0 0;
		text-align: center;
	}
	#anchor_ana .airBox__ttl {
		margin: 0 auto;
		max-width: 220px;
	}

	/* ANA 検索枠隠し */

	.grad-wrap {
		position: relative;
	}

	.grad-wrap + .grad-wrap {
		margin-top: 40px;
	}

	.grad-trigger {
		align-items: center;
		background-color: #13448f;
		bottom: 0;
		color: #fff;
		display: flex;
		font-size: 14px;
		height: 50px;
		justify-content: space-between;
		left: 0;
		line-height: 50px;
		margin: 0 auto;
		padding: 0 10px;
		position: absolute;
		right: 0;
		width: calc(100% - 20px);
		z-index: 51;
	}

	.grad-trigger::before {
		display: inline-block;
		content: "ANAトラベラーズ ダイナミックパッケージで\Aプラン(料金)を検索する";
		line-height: 1.3;
		white-space: pre;
	}

	.grad-trigger.is-show::before {
		content: "閉じる";
		/*クリック後にボタンのラベルを変える*/
	}

	.grad-trigger::after {
		display: inline-block;
		content: "+";
		width: 16px;
		height: 16px;
		border-radius: 8px;
		background: #fff;
		line-height: 18px;
		text-align: center;
		color: #13448f;
		font-size: 18px;
	}

	.grad-trigger.is-show::after {
		content: "-";
	}

	.grad-trigger .fa {
		margin-right: 0.5em;
	}

	.grad-item {
		position: relative;
		overflow: hidden;
	}

	.grad-item.is-hide {
		height: 242px;
	}

	.grad-item p + p {
		margin-top: 1em;
	}

	.grad-item::before {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		content: "";
		width: 100%;
		height: 90px;
		/*グラデーションで隠す高さ*/
		background: -webkit-linear-gradient(
			top,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.9) 25%,
			rgba(255, 255, 255, 0.9) 25%,
			#fff 50%
		);
		background: linear-gradient(
			top,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.9) 25%,
			rgba(255, 255, 255, 0.9) 25%,
			#fff 50%
		);
		z-index: 50;
	}

	.grad-trigger.is-show {
	}

	.grad-trigger.is-show + .grad-item::before {
		display: none;
	}

	.dp_section {
		padding: 0 10px;
	}
	.dp_section.--tieup {
		margin: 40px 0 0;
	}
	.faq_section {
		margin: 40px 0 0;
	}
	.faq_section__container {
		margin: 45px 0 0;
	}
	h3.faq_section__subttl {
		background-color: #eeeeee;
		font-size: 12px;
		font-weight: 500;
		line-height: 1;
		padding: 8px 13px;
	}
	h3.faq_section__subttl::before {
		content: none;
	}
	h3.faq_section__subttl::after {
		align-items: center;
		background-color: #fff;
		border-radius: 50%;
		bottom: 0;
		color: #0c328c;
		content: "+";
		display: flex;
		font-family: arial;
		font-size: 21px;
		font-weight: bold;
		height: 17px;
		justify-content: center;
		margin: auto;
		position: absolute;
		right: 10px;
		text-align: center;
		top: 0;
		width: 17px;
	}
	h3.faq_section__subttl.active::after {
		content: "-";
	}
	.faq_section__subttl:not(:first-child) {
		margin: 15px 0 0;
	}
	.faq_section__text__q {
		font-size: 12px;
		line-height: 17.5px;
	}
	.faq_section__text__q::before {
		font-size: 14px;
		line-height: 17.5px;
		margin: 0 9px 0 0;
	}
	.faq_section__contents {
		margin: 11px 0 0;
	}
	.faq_section__text__a {
		margin: 25px 0 0;
	}
	.faq_section__text__a::before {
		font-size: 14px;
		line-height: 17.5px;
		margin: 4px 9px 0 0;
	}
	.air-answerBox__label,
	.jr-answerBox__label {
		padding: 5px 7px 6px;
	}
	.air-answerBox__label p.air-answerBox__label__text,
	.jr-answerBox__label p.jr-answerBox__label__text {
		font-size: 10px;
		margin: 2px 0 0 6px;
	}
	.air-answerBox__label_img,
	.jr-answerBox__label_img {
		height: calc(26px / 2);
		width: calc(26px / 2);
	}
	.faq_section__text__a p {
		font-size: 10px;
		line-height: 17px;
		margin: 10px 0 0;
	}
	#airArea img {
		height: calc(40px / 2);
		margin: 0 6px 0 0;
		position: relative;
		top: -3px;
		width: calc(43px / 2);
	}
	#airArea {
		margin: 60px 0 0;
	}

	/* ana_module / jal_module
  -----------------------------------------------*/

	#dpReserve .ana_module .ana_logo {
		width: 80px;
		margin: 10px auto 5px;
	}

	#container #wrapper h2.direct_flight {
		text-align: center;
		margin: 40px auto 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#container #wrapper h2.direct_flight::before {
		content: url(../img/air_icon.jpg);
		margin-right: 8px;
		height: 30px;
	}

	.d_moduleArea {
		margin: 0 10px;
	}

	.dp_ana h3,
	.dp_jal h3 {
		margin-bottom: 10px;
		padding-top: 10px;
	}

	.dp_ana h4,
	.dp_jal h4 {
		font-size: 14px;
		font-weight: bold;
		margin: 15px 0 0 0;
	}

	.dp_ana h4::before,
	.dp_jal h4::before {
		content: "▼";
	}

	.area_name {
		font-size: 14px;
		padding: 8px 0 2px;
	}

	.dp_ana ul,
	.dp_jal ul {
		width: 100%;
	}

	.dp_ana ul li,
	.dp_jal ul li {
		display: block;
		float: left;
		width: 48%;
		padding-left: 6px;
		line-height: 1.8;
	}

	.dp_ana ul li.last,
	.dp_jal ul li.last {
		padding-bottom: 10px;
	}

	/* tab
  -----------------------------------------------*/

	.tab_reserve_menu {
		display: table;
		left: -10px;
		position: relative;
		table-layout: fixed;
		width: calc(100% + 20px);
	}

	.tab_reserve_btn {
		position: relative;
		display: table-cell;
		padding: 5px 0 3px;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		background: #eee;
		text-align: center;
		vertical-align: top;
		cursor: pointer;
	}

	.tab_reserve_btn span {
		display: block;
		padding-top: 3px;
		font-size: 11px;
	}

	.tab_reserve_btn img {
		width: 100px !important;
	}

	.tab_reserve_btn.active {
		background: #fff;
	}

	.tab_reserve_btn.active::after {
		position: absolute;
		bottom: -13px;
		left: 50%;
		transform: translateX(-50%);
		display: block;
		content: "";
		border-style: solid;
		border-width: 8px 6px 0 6px;
		border-color: #0e2f8e transparent transparent transparent;
	}

	.tab_reserve_btn.btn_ana.active,
	.tab_reserve_btn.btn_route_ana.active {
		border-bottom: 5px solid #0e2f8e;
	}

	.tab_reserve_btn.btn_jal.active,
	.tab_reserve_btn.btn_route_jal.active {
		border-bottom: 5px solid #e40011;
	}

	.tab_reserve_btn.btn_jal.active::after,
	.tab_reserve_btn.btn_route_jal.active::after {
		border-top-color: #e40011;
	}

	.tab_reserve_content.content_ana h2,
	.tab_reserve_content.content_route_ana h2 {
		margin-top: 15px;
		color: #0e2f8e !important;
	}

	.tab_reserve_content.content_jal h2,
	.tab_reserve_content.content_route_jal h2 {
		margin-top: 15px;
		color: #e40011 !important;
	}

	.direct_flight + .tab_reserve_menu {
		margin-top: 25px;
	}
	.mb30-sp {
		margin-bottom: 30px !important;
	}
	.btn.btn2 a {
		padding-left: 20px;
	}
	.btn.btn2 a {
		width: 85%;
		max-width: 440px;
		min-height: 50px;
		padding: 8px;
		font-size: 12px;
		line-height: 1.5em;
	}
	.btn.btn2 a:before {
		position: absolute;
		left: 15px;
		top: 0;
		bottom: 0;
		display: block;
		width: 28px;
		height: auto;
		content: "";
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain !important;
	}
	.mt40-sp {
		margin-top: 40px !important;
	}
	.dp_section.--tieup h2 {
		margin: 0 0 25px;
	}
	.jr-answerBox,
	.air-answerBox {
		margin: 0 0 25px;
	}

	/* Footer
  ---------------------------------------------*/

	footer {
	}

	footer .inner {
	}

	footer .nav {
		margin: 0 auto;
	}

	footer .nav > ul {
	}

	footer .nav > ul > li {
		border-bottom: 1px solid #ccc;
		display: block;
		vertical-align: middle;
		font-size: 14px;
	}
	footer li:after {
		content: none;
	}

	footer .nav > ul > li > a {
		color: #333;
		display: block;
		font-size: 14px;
		font-weight: normal;
		line-height: 1;
		padding: 15px 30px 15px 15px;
		position: relative;
		text-align: left;
		text-decoration: none;
	}

	footer .nav > ul > li > ul {
		display: none;
		border-top: 1px solid #ccc;
		padding: 0 15px 5px;
	}

	footer .nav > ul > li > ul > li {
		display: block;
		font-size: 13px;
		text-align: left;
		vertical-align: middle;
	}

	footer .nav > ul > li > ul > li + li {
		border-top: 1px solid #ccc;
	}

	footer .nav > ul > li > ul > li > a {
		display: block;
		padding: 15px 30px 15px 15px;
		font-size: 13px;
		font-weight: normal;
		line-height: 1;
		color: #333;
		text-decoration: none;
		position: relative;
	}

	footer .nav > ul > li > ul > li > a:after {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto 0;
		display: block;
		width: 0;
		height: 1em;
		content: "";
		border-left: 3px solid #333;
	}

	footer .nav > ul > li > ul > li > ul {
		display: none;
		border-top: 1px solid #ccc;
		padding: 10px 15px;
	}

	footer .nav > ul > li > ul > li > ul > li {
	}

	footer .nav > ul > li > ul > li > ul > li > a {
		display: block;
		padding: 10px;
		font-size: 13px;
		font-weight: normal;
		line-height: 1;
		color: #333;
		text-decoration: none;
		position: relative;
	}

	/* opener */

	footer .nav > ul > li.opener {
	}

	footer .nav > ul > li.opener > a {
	}

	footer .nav > ul > li.opener > a:before {
		position: absolute;
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto 0;
		display: block;
		width: 18px;
		height: 18px;
		border-radius: 18px;
		content: "+";
		font-size: 15px;
		line-height: 15px;
		color: #fff;
		background: #333;
		text-align: center;
	}

	footer .nav > ul > li.opener.open > a:before {
		content: "-";
	}

	footer .nav > ul > li.opener > ul > li.opener {
	}

	footer .nav > ul > li.opener > ul > li.opener > a {
	}

	footer .nav > ul > li.opener > ul > li.opener > a:before {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto 0;
		display: block;
		width: 15px;
		height: 15px;
		border-radius: 15px;
		content: "+";
		font-size: 13px;
		line-height: 13px;
		color: #fff;
		background: #666;
		text-align: center;
	}

	footer .nav > ul > li.opener > ul > li.opener.open > a:before {
		content: "-";
	}

	footer .logo {
		padding: 20px 0 25px;
		text-align: center;
	}

	footer .logo .image {
		margin: 0 auto 20px;
		max-width: 77px;
	}

	footer .logo .text {
		font-size: 12px;
		line-height: 1;
		color: #333;
	}

	footer .copyright {
		padding: 10px 0;
		background: #555;
		font-size: 12px;
		line-height: 1;
		color: #fff;
		text-align: center;
	}
	.bnr-area {
		left: -10px;
		padding: 24px 42.5px 15px;
		position: relative;
		width: calc(100% + 20px);
	}
	.bnr-area > ul > li:not(:first-child) {
		margin: 15px 0 0;
	}
	.bnr-area > ul > li > h3 {
		font-size: 18px;
		line-height: 17.5px;
	}
	.bnr-area > ul > li > a {
		font-size: 10px;
		width: 100%;
	}
	.bnr-area > ul > li > p {
		font-size: 10px;
		line-height: 17.5px;
	}
	.bnr-area .kome,
	.ana_notice .kome {
		font-size: 10px;
	}

	#page-anchor h3 {
		color: #585755;
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 10px;
		text-align: center;
		width: 100%;
	}
}

/* PC */

@media screen and (min-width: 768px), print {
	.l-sm {
		display: none !important;
	}
	.crumbs ul li a {
		text-decoration: underline !important;
	}
	.link_faq a:not(:first-child) {
		margin-left: 62px;
	}
	/* Footer
  ---------------------------------------------*/

	footer {
	}

	footer .inner {
		background: #eee;
		padding: 35px 15px 25px;
	}

	footer .nav {
		max-width: 980px;
		margin: 0 auto;
	}

	footer .nav > ul {
	}

	footer .nav > ul > li {
		padding: 0 0 28px;
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-start;
		justify-content: stretch;
		width: 100%;
	}

	footer .nav > ul > li > a {
		display: block;
		width: 180px;
		flex-basis: 180px;
		box-sizing: border-box;
		border-left: 3px solid #333;
		padding: 0 0 0 7px;
		font-size: 14px;
		font-weight: bold;
		line-height: 1;
		color: #333;
	}

	footer .nav > ul > li > ul {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: flex-start;
		flex: 1;
		margin: -6px 0 0 -12px;
	}

	footer .nav > ul > li > ul > li {
		margin: 6px 12px 0;
		line-height: 1;
	}

	footer .nav > ul > li > ul > li > a {
		color: #333;
		font-size: 14px;
		font-weight: normal;
		line-height: 1;
		text-decoration: underline;
	}
	footer .nav > ul > li > ul > li > ul {
		display: none !important;
	}
	.sp-visible {
		display: none !important;
	}
}

/* hr */

@media screen and (min-width: 768px) {
	.mb40-pc {
		margin-bottom: 40px !important;
	}
	.mb70-pc {
		margin-bottom: 70px !important;
	}
	.mt40-pc {
		margin-top: 40px !important;
	}
	.mt80-pc {
		margin-top: 80px !important;
	}
}

hr {
	appearance: none;
	-webkit-appearance: none;
	box-shadow: none;
	margin: 20px -500%;
	display: block;
	width: auto;
	height: 0;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	border-top: none;
	background: none;
}

/*ana GOTO*/

.ana_dp_button_wrapper {
	margin: 15px 0;
}

.ana_dp_button_wrapper .btn-search {
	background: #eb7308;
	color: #fff;
	width: 436px;
	text-align: center;
	font-weight: normal;
	border: none;
	padding: 15px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 128.57143%;
	border-radius: 4px;
	cursor: pointer;
	font-size: 18px;
}
.ana_dp_button_wrapper .btn-search:hover {
	background: #b36309;
	text-decoration: none;
}

.ana_notice {
	margin: 0 auto 20px;
	padding: 20px;
	font-size: 18px;
	line-height: 1.5em;
	text-align: center;
	border: 1px solid #13448f;
	/* display: none; */
}

.ana_notice span {
	font-weight: bold;
}

.ana_dp_button_wrapper {
	margin: 15px 0;
}

.ana_dp_button_wrapper .btn-search {
	background: #eb7308;
	color: #fff;
	width: 436px;
	text-align: center;
	font-weight: normal;
	border: none;
	padding: 15px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 128.57143%;
	border-radius: 4px;
	cursor: pointer;
	font-size: 18px;
}
.ana_dp_button_wrapper .btn-search:hover {
	background: #b36309;
	text-decoration: none;
}

a.ana_dp_button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 54px;
	margin: 0 auto;
	padding: 10px 25px 13px 10px;
	border: 2px solid #fff;
	border-radius: 4px;
	color: #fff;
	background: #f27b11;
	background: -webkit-linear-gradient(top, #f39c33 0%, #f08300 100%);
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#f39c33),
		to(#f08300)
	);
	background: -o-linear-gradient(top, #f39c33 0%, #f08300 100%);
	background: linear-gradient(to bottom, #f39c33 0%, #f08300 100%);
	-webkit-box-shadow: #da6c0b 0 -3px 0 inset;
	box-shadow: #da6c0b 0 -3px 0 inset;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	width: 600px;
}

a.ana_dp_button:active,
a.ana_dp_button:link,
a.ana_dp_button:visited {
	color: #fff;
	text-decoration: none;
}

a.ana_dp_button:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 8px;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	border-radius: 50%;
	background: #fff;
	content: "";
}

a.ana_dp_button:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 8px;
	width: 0;
	height: 0;
	margin-top: -6px;
	border: 4px solid transparent;
	border-left: 6px solid #f27b11;
	content: "";
}

a.ana_dp_button:hover {
	padding: 8px 25px 15px 10px;
	border-top: 0 solid #fff;
	-webkit-box-shadow: #da6c0b 0 -5px 0 inset;
	box-shadow: #da6c0b 0 -5px 0 inset;
}

a.ana_dp_button:hover::before {
	margin-top: -12px;
}

a.ana_dp_button:hover::after {
	margin-top: -8px;
}

a.ana_dp_button:active {
	padding: 12px 25px 11px 10px;
	border: 2px solid #fff;
	background: #f27b11;
	-webkit-box-shadow: #da6c0b 0 2px 0 inset;
	box-shadow: #da6c0b 0 2px 0 inset;
}

a.ana_dp_button:active::before {
	margin-top: -8px;
}

a.ana_dp_button:active::after {
	margin-top: -4px;
}
