@charset "utf-8";

/*****************************************************************/
/* scroll fix */
html {
		font-size: 100%;
		overflow-y: scroll;
}

html.is-tb {
		width: 100%;
		min-width: 1400px;
}

html, body {
		background: #fff;
}

body.is-tb {
		min-width: 1400px;
}

body {
		color: #000;
		line-height: 1.4;
		font-size: 14px;
		-webkit-text-size-adjust: 100%;
		font-feature-settings: "palt";
}
#sp-gnav>nav>ul >li,
#sp-gnav>nav>ul >li>a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
		body {
				min-width: 320px;
		}
}

body.noScroll {
		position: fixed;
		width: 100%;
		height: 100%;
}

body.mac {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}

/*---ForFireFoxLink------------------*/
a:focus {
		outline: none;
}
/* only PC / SP
------------------------ */
.only-pc {
		display: block !important;
}

.only-pci {
		display: inline-block !important;
}
.only-pc-c-txt {
		text-align: center;
}

.only-sp {
		display: none !important;
}

.only-spi {
		display: none !important;
}

@media screen and (max-width: 750px) {
		.only-pc {
				display: none !important;
		}
		.only-pci {
				display: none !important;
		}
        .only-pc-c-txt {
        text-align: left!important;
}
		.only-sp {
				display: block !important;
		}
		.only-spi {
				display: inline-block !important;
		}
}

/* #tpl-topicpath
----------------------------------------------------------- */
#tpl-topicpath {
		width: 100%;
}

#tpl-topicpath ul {
		overflow: hidden;
		padding: 10px;
}

#tpl-topicpath li {
		display: inline-block;
}

@media only screen and (max-width: 750px) {
		#tpl-topicpath {
				display: none;
		}
}

/* #tpl-contents
----------------------------------------------------------- */
#tpl-contents .tpl-inner-wrap {
		min-width: 980px;
		margin-left: auto;
		margin-right: auto;
}

@media only screen and (max-width: 750px) {
		#tpl-contents .tpl-inner-wrap {
				max-width: 100%;
				min-width: 0;
		}
}

#tpl-contents #main {
		font-size: 90%;
		overflow: hidden;
}

/* modal-contents
----------------------------------------------------------- */
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
		width: 980px;
}

@media only screen and (max-width: 750px) {
		.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
				width: 92%;
		}
}

.mfp-content {
		padding: 70px 0 40px;
}

@media only screen and (max-width: 750px) {
		.mfp-content {
				padding: 50px 0 20px;
		}
}

.mfp-close-btn-in .mfp-close {
		width: 44px;
		height: 44px;
		line-height: 44px;
		align-items: center;
		color: #fff;
		opacity: 1;
		font-size: 40px;
		font-weight: 300;
}

@media only screen and (max-width: 750px) {
		.mfp-close-btn-in .mfp-close {
				font-size: 30px;
				width: 35px;
				height: 44px;
				line-height: 30px;
		}
}

.mfp-close-btn-in .mfp-close::after {
		content: "閉じる";
		display: block;
		font-size: 14px;
		line-height: 1;
		white-space: nowrap;
		letter-spacing: 0.06em;
}

@media only screen and (max-width: 750px) {
		.mfp-close-btn-in .mfp-close::after {
				font-size: 11px;
		}
}

.mfp-close-btn-in .mfp-close:active {
		top: 0;
}

.modal-contents {
		margin: 0 auto;
		background-color: #fff;
		padding: 50px 35px;
		box-sizing: border-box;
}

@media only screen and (max-width: 750px) {
		.modal-contents {
				padding: 30px 15px;
		}
}

.modal-contents .modal-title {
		font-size: 22px;
		color: #cf3333;
		text-align: center;
		font-weight: bold;
		margin-bottom: 50px;
}

@media only screen and (max-width: 750px) {
		.modal-contents .modal-title {
				font-size: 16px;
				text-align: left;
				margin-bottom: 20px;
		}
}

.modal-contents .modal-title.icon span {
		display: inline-block;
		background: url(/assets/common/img/icon_notice.png) left top 0.2em no-repeat;
		background-size: 26px auto;
		padding-left: 45px;
}

@media only screen and (max-width: 750px) {
		.modal-contents .modal-title.icon span {
				background-size: 17px auto;
				padding-left: 26px;
		}
}

.modal-contents .modal-contents-wrap {
		font-size: 15px;
		font-weight: 200;
}

@media only screen and (max-width: 750px) {
		.modal-contents .modal-contents-wrap {
				font-size: 13px;
		}
}

.modal-contents .modal-contents-wrap ul li:nth-child(n + 2) {
		margin-top: 5px;
		letter-spacing: 0.06em;
}

.modal-contents .modal-close {
		width: 200px;
		height: 50px;
		margin-left: auto;
		margin-right: auto;
		background-color: #586a75;
		/* flex */
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 18px;
		font-weight: 400;
		margin-top: 40px;
		cursor: pointer;
		transition: opacity .4s;
		opacity: 1;
}

@media only screen and (max-width: 750px) {
		.modal-contents .modal-close {
				font-size: 15px;
				width: 180px;
				height: 45px;
				margin-top: 35px;
		}
}

.modal-contents .modal-close:hover {
		opacity: 0.6;
}

@media only screen and (max-width: 750px) {
		.modal-contents .modal-close:hover {
				opacity: 1;
		}
}

.modal-contents .modal-close span {
		vertical-align: middle;
}

.modal-contents .modal-close span::before {
		content: "×";
		display: inline-block;
		color: #fff;
		font-size: 18px;
		font-weight: 900;
		margin-right: 35px;
		margin-left: -40px;
		vertical-align: middle;
		margin-top: -4px;
}

@media only screen and (max-width: 750px) {
		.modal-contents .modal-close span::before {
				margin-right: 40px;
				margin-left: -55px;
		}
}

/*

====== Zoom-out effect ======

*/
.mfp-zoom-out {
		/* start state */
		/* animate in */
		/* animate out */
}

.mfp-zoom-out .mfp-with-anim {
		opacity: 0;
		transition: all 0.3s ease-in-out;
		transform: scale(1.03);
}

.mfp-zoom-out.mfp-bg {
		opacity: 0;
		transition: all 0.3s ease-out;
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
		opacity: 1;
		transform: scale(1);
}

.mfp-zoom-out.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-zoom-out.mfp-removing button.mfp-close {
		opacity: 0;
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
		transform: scale(1.03);
		opacity: 0;
}

.mfp-zoom-out.mfp-removing.mfp-bg {
		opacity: 0;
}

/*----------------------------------------------------------- */
/* #tpl-header
----------------------------------------------------------- */
.answer-img {
		position: fixed;
		right: 20px;
		bottom: 20px;
		z-index: 200;
		transition: opacity .4s;
		opacity: 1;
}

@media only screen and (max-width: 750px) {
	.answer-img {
				display: none !important;
		}
}

.answer-img:hover {
		opacity: 0.6;
}

@media only screen and (max-width: 750px) {
		.answer-img:hover {
				opacity: 1;
		}
}

/* -----------------------------------------------------------

hero

----------------------------------------------------------- */
#hero {
		height: 545px;
		width: 100%;
		position: relative;
}

@media only screen and (max-width: 750px) {
		#hero {
				height: auto;
		}
}

@media only screen and (max-width: 750px) {
		#hero #hero-slider {
				margin-bottom: 0;
		}
}

#hero #hero-slider .item {
		position: relative;
		background-position: center center;
		background-repeat: no-repeat;
}

@media only screen and (max-width: 750px) {
		#hero #hero-slider .item {
				background-size: cover;
		}
}

#hero #hero-slider .item .pc-mv {
		display: block;
}

@media only screen and (max-width: 750px) {
		#hero #hero-slider .item .pc-mv {
				display: none;
		}
}

#hero #hero-slider .item .pc-mv .img img {
		visibility: hidden;
}

#hero #hero-slider .item .pc-mv .inner {
		width: 980px;
		height: 545px;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: calc(980px / -2);
}

#hero #hero-slider .item .pc-mv .inner .btn {
		width: 180px;
		height: 40px;
		position: absolute;
		right: 245px;
		bottom: 98px;
}

#hero #hero-slider .item .pc-mv .inner .btn a {
		width: 100%;
		height: 100%;
		/* flex */
		display: flex;
		justify-content: center;
		align-items: center;
		border: 2px solid #fff;
		background-color: rgba(0, 0, 0, 0.3);
		text-decoration: none;
		color: #fff;
		font-size: 115%;
		position: relative;
		transition: opacity .4s;
		opacity: 1;
}

#hero #hero-slider .item .pc-mv .inner .btn a:hover {
		opacity: 0.6;
}

@media only screen and (max-width: 750px) {
		#hero #hero-slider .item .pc-mv .inner .btn a:hover {
				opacity: 1;
		}
}

#hero #hero-slider .item .pc-mv .inner .btn a::after {
		content: "";
		width: 5px;
		height: 5px;
		display: block;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(-45deg);
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -4px;
}

#hero #hero-slider .item .sp-mv {
		display: none;
}

@media only screen and (max-width: 750px) {
		#hero #hero-slider .item .sp-mv {
				display: block;
		}
		#hero #hero-slider .item .sp-mv img {
				visibility: hidden;
				width: 100%;
				height: auto;
		}
}

#hero .hero-dots {
		width: 980px;
		height: 24px;
		position: absolute;
		left: 50%;
		bottom: 40px;
		margin-left: calc(980px / -2);
		z-index: 1;
		line-height: 1;
}

@media only screen and (max-width: 750px) {
		#hero .hero-dots {
				margin-left: auto;
				width: 100%;
				height: auto;
				position: static;
				left: auto;
				bottom: auto;
		}
}

#hero .hero-dots .slick-dots {
		width: 670px;
		height: 24px;
		bottom: 0;
		right: 0;
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: flex-end;
}

@media only screen and (max-width: 750px) {
		#hero .hero-dots .slick-dots {
				background-color: #fff;
				position: static;
				bottom: auto;
				right: auto;
				width: 100%;
				height: 38px;
				align-items: center;
		}
}

#hero .hero-dots .slick-dots li {
		width: 8px;
		height: 8px;
		border-radius: 100%;
		margin: 0 5px;
		background-color: rgba(255, 255, 255, 0.5);
		overflow: hidden;
}

@media only screen and (max-width: 750px) {
		#hero .hero-dots .slick-dots li {
				background-color: #fff;
				border: 1px solid #cbcbcb;
		}
}

#hero .hero-dots .slick-dots li.slick-active {
		background-color: white;
}

@media only screen and (max-width: 750px) {
		#hero .hero-dots .slick-dots li.slick-active {
				background-color: #f17a02;
				border: 1px solid #f17a02;
		}
}

#hero .hero-dots .slick-dots li button {
		width: 8px;
		height: 8px;
		padding: 0;
}

#hero .hero-dots .slick-dots li button::before {
		display: none;
}

/* -----------------------------------------------------------

search ui

----------------------------------------------------------- */
#search-ui {
		width: 980px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: calc(980px / -2);
}

@media only screen and (max-width: 750px) {
		#search-ui {
				width: 100%;
				position: static;
				top: auto;
				left: auto;
				margin-left: auto;
				height: auto;
		}
}

#search-ui .search-panel {
		height: 515px;
		background: url(/assets/top/img/bg_search.png);
		position: absolute;
		top: 15px;
		left: 0;
		z-index: 100;
		padding: 10px;
		transition: width .4s;
		/*** マイページはこちら ***/
		/* ----------------------------------------
		parts style
		----------------------------------------- */
		/* ラジオボタン	スタイル */
		/* 入力テキスト	スタイル */
		/* カレンダー */
		/* select スタイル */
		/* ----------------------------------------
		layout style
		----------------------------------------- */
		/*** 片道・往復 切り替え ***/
		/*** 入力エリア ***/
		/*** ご乗船内容 ***/
		/*** ご利用人数 スタイル ***/
		/*** pet スタイル ***/
		/*** 割引選択 スタイル ***/
		/*** ヘルプ スタイル ***/
		/*** 非対応 ***/
		/*** 進む ボタン ***/
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel {
				background: none;
				width: 100%;
				height: auto;
				position: static;
				top: auto;
				left: auto;
				padding: 0;
		}
}

#search-ui .search-panel.one-way-mode {
		width: 310px;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel.one-way-mode {
				width: 100%;
		}
}

#search-ui .search-panel.both-way-mode {
		width: 896px;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel.both-way-mode {
				width: 100%;
		}
}

#search-ui .search-panel h2 {
		font-size: 18px;
		color: #fff;
		text-align: center;
		font-weight: 500;
		letter-spacing: 0.04em;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel h2 {
				background-color: #e87826;
				height: 55px;
				width: 92%;
				margin-left: auto;
				margin-right: auto;
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				font-size: 19px;
				/* flex */
				display: flex;
				justify-content: center;
				align-items: center;
				text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
		}
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .form-wap {
				display: none;
				background-color: #f6f6f6;
				border-top: 3px solid #ce6417;
				border-bottom: 3px solid #ce6417;
				width: 100%;
				padding-left: 4%;
				padding-right: 4%;
				padding-bottom: 40px;
		}
}

#search-ui .search-panel .mypage-link {
		text-align: center;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .mypage-link {
				margin-top: 0;
				padding: 25px 0;
				border-bottom: 1px solid #e0e0e0;
				box-shadow: 0px 1px 0px 0px white;
		}
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .mypage-link span {
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 300px;
				height: 46px;
		}
}

#search-ui .search-panel .mypage-link span a {
		color: #fff;
		font-size: 11px;
		text-decoration: underline;
		letter-spacing: 0.04em;
}

#search-ui .search-panel .mypage-link span a::before {
		content: "";
		display: inline-block;
		width: 11px;
		height: 11px;
		background: url(/assets/common/img/icon_key.png) left top no-repeat;
		background-size: 11px auto;
		margin-right: 5px;
		vertical-align: middle;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .mypage-link span a::before {
				display: none;
		}
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .mypage-link span a {
				/* flex */
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
				background-color: #6d7376;
				text-decoration: none;
				border-radius: 23px;
				font-size: 13px;
				font-weight: 500;
				line-height: 1.3;
		}
		#search-ui .search-panel .mypage-link span a::before {
				content: "";
				display: inline-block;
				width: 12px;
				height: 13px;
				background: url(/assets/common/img/icon_key_sp.png) left top no-repeat;
				background-size: 12px auto;
				margin-right: 10px;
				vertical-align: middle;
		}
}

#search-ui .search-panel .mypage-link span a:hover {
		text-decoration: none;
}

#search-ui .search-panel .radio-list {
		color: #fff;
		font-size: 13px;
		font-weight: 200;
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .radio-list {
				color: #505457;
				font-weight: normal;
				font-size: 15px;
		}
}

#search-ui .search-panel .radio-list li {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
}

#search-ui .search-panel .radio-list li.liner1_box.hide, #search-ui .search-panel .radio-list li.liner2_box.hide {
		display: none;
}

#search-ui .search-panel .radio-list li input {
		display: none;
		/* radio button style */
}

#search-ui .search-panel .radio-list li input + label {
		padding-left: 20px;
		position: relative;
		line-height: 1;
		letter-spacing: 0.04em;
}

#search-ui .search-panel .radio-list li input + label::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 14px;
		height: 14px;
		border: 1px solid #999999;
		background-color: #fff;
		border-radius: 50%;
		box-sizing: border-box;
		margin-top: -1px;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .radio-list li input + label::before {
				margin-top: 0;
		}
}

#search-ui .search-panel .radio-list li input:checked + label::after {
		content: "";
		display: block;
		position: absolute;
		top: 3px;
		left: 3px;
		width: 8px;
		height: 8px;
		background: #e94f0b;
		border-radius: 50%;
		margin-top: -1px;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .radio-list li input:checked + label::after {
				margin-top: 0;
		}
}

#search-ui .search-panel input[type="text"] {
		width: 200px;
		border-radius: 6px;
		border: 1px solid #cccccc;
		padding-left: 10px;
		font-size: 100%;
		letter-spacing: 0.04em;
		outline: none;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel input[type="text"] {
				width: 100%;
				font-size: 14px;
		}
}

#search-ui .search-panel .calendar {
		position: relative !important;
}

#search-ui .search-panel .calendar .calendar-box {
		height: 30px;
}

#search-ui .search-panel .calendar .ui-datepicker-trigger {
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -9px;
		border: none;
		outline: none;
		background-color: #fff;
}

#search-ui .search-panel .calendar .ui-datepicker-trigger img {
		width: 14px;
		height: auto;
		vertical-align: middle;
}

#search-ui .search-panel .select-wrap {
		padding: 0;
		margin: 0;
		overflow: hidden;
		width: 200px;
		text-align: center;
		position: relative;
		border-radius: 6px;
		border: 1px solid #cccccc;
		background-color: #fff;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .select-wrap {
				width: 100%;
		}
}

#search-ui .search-panel .select-wrap select {
		width: 100%;
		cursor: pointer;
		text-overflow: ellipsis;
		border: none;
		outline: none;
		background: transparent;
		background-image: none;
		box-shadow: none;
		-webkit-appearance: none;
		appearance: none;
		padding: 5px 10px 6px;
		font-size: 12px;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .select-wrap select {
				font-size: 13px;
		}
}

#search-ui .search-panel .select-wrap select::-ms-expand {
		display: none;
}

#search-ui .search-panel .select-wrap::before {
		position: absolute;
		top: 10px;
		right: 10px;
		padding: 0;
		content: '';
		pointer-events: none;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 3.5px 4px 3.5px;
		border-color: transparent transparent #000000 transparent;
}

#search-ui .search-panel .select-wrap::after {
		position: absolute;
		top: 16px;
		right: 10px;
		padding: 0;
		content: '';
		pointer-events: none;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 3.5px 0 3.5px;
		border-color: #000000 transparent transparent transparent;
}

#search-ui .search-panel .radio-list.way {
		margin-top: 15px;
		margin-bottom: 8px;
		padding-left: 6px;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .radio-list.way {
				margin-top: 0;
				margin-bottom: 0;
				padding: 15px 0;
				border-bottom: 1px solid #e0e0e0;
				box-shadow: 0px 1px 0px 0px white;
		}
}

#search-ui .search-panel .radio-list.way li + li {
		margin-left: 18px;
}

#search-ui .search-panel .entry-wrap {
		color: #fff;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .entry-wrap {
				color: #505457;
		}
}

#search-ui .search-panel .entry-wrap .seach-list > li {
		border-top: 1px solid rgba(255, 255, 255, 0.3);
		padding: 7px 0;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .entry-wrap .seach-list > li {
				padding: 15px 0;
				border-bottom: 1px solid #e0e0e0;
				box-shadow: 0px 1px 0px 0px white;
				position: relative;
		}
}

#search-ui .search-panel .entry-wrap .seach-list > li .block {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
}

#search-ui .search-panel .entry-wrap .seach-list > li .block > dt {
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.04em;
		padding-left: 5px;
		box-sizing: border-box;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .entry-wrap .seach-list > li .block > dt {
				font-size: 14px;
				font-weight: 600;
				letter-spacing: -0.02em;
				width: 100px;
		}
}

#search-ui .search-panel .entry-wrap .seach-list > li .block > dd {
		line-height: 1.6;
		position: relative;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .entry-wrap .seach-list > li .block > dd {
				width: calc(100% - 100px);
				position: static;
		}
}

#search-ui .search-panel .type .radio-list li {
		margin-right: 5px;
}

#search-ui .search-panel .note-date {
		font-size: 10px;
		text-align: left;
		font-weight: 200;
		margin-top: 5px;
		white-space: nowrap;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .note-date {
				font-weight: 400;
				margin-top: 7px !important;
				white-space: normal;
		}
}

#search-ui .search-panel .people ul {
		width: 200px;
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
}

#search-ui .search-panel .people ul li:nth-child(2n + 1) {
		margin-right: 10px;
}

#search-ui .search-panel .people ul li:nth-child(n + 3) {
		margin-top: 5px;
}

#search-ui .search-panel .people ul li dl {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
}

#search-ui .search-panel .people ul li dl dt {
		margin-right: 7px;
		font-size: 12px;
}

#search-ui .search-panel .people ul li dl dd {
		width: auto;
}

#search-ui .search-panel .people .select-wrap {
		width: 46px;
}

#search-ui .search-panel .pet dt {
		letter-spacing: -0.02em;
}

#search-ui .search-panel .pet dd {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
}

#search-ui .search-panel .pet .select-wrap {
		width: 46px;
}

#search-ui .search-panel .pet .note {
		font-size: 9px;
		margin-left: 8px;
		font-weight: 100;
		line-height: 1.3;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .pet .note {
				font-weight: 300;
		}
}

#search-ui .search-panel .pet .help .tooltip-contents {
		width: 405px !important;
}

#search-ui .search-panel .discount dd {
		width: calc(876px - 110px);
}

#search-ui .search-panel .discount .radio-list {
		/* flex */
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
}

#search-ui .search-panel .discount .radio-list li + li {
		margin-top: 11px;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .discount .radio-list li label {
				font-size: 14px;
				line-height: 1.2;
		}
		#search-ui .search-panel .discount .radio-list li label::before {
				margin-top: 2px;
		}
}

#search-ui .search-panel .discount .radio-list li label span {
		font-size: 10px;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .discount .radio-list li label span {
				display: block;
				margin-top: 5px;
		}
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .discount .radio-list li input:checked + label::after {
				margin-top: 2px;
		}
}

#search-ui .search-panel .help {
		width: 18px;
		height: 18px;
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -9px;
		cursor: help;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .help {
				position: static;
				margin-top: 0;
				right: auto;
				top: auto;
				width: auto;
				height: auto;
				cursor: default;
		}
}

#search-ui .search-panel .help .help-icon {
		vertical-align: top;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .help .help-icon {
				display: none;
		}
}

#search-ui .search-panel .help .help-btn {
		display: none;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .help .help-btn {
				margin-top: 20px;
				background-color: #e8e8e8;
				width: 160px;
				height: 35px;
				/* flex */
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 18px;
				margin-left: auto;
				margin-right: auto;
				font-size: 13px;
				position: relative;
				cursor: pointer;
		}
		#search-ui .search-panel .help .help-btn span {
				display: block;
				width: 11px;
				height: 11px;
				position: absolute;
				top: 50%;
				right: 15px;
				transform: translateY(-50%);
		}
		#search-ui .search-panel .help .help-btn span i {
				display: block;
				width: 11px;
				height: 1px;
				background-color: #666666;
				position: absolute;
				top: 5px;
				left: 0;
		}
		#search-ui .search-panel .help .help-btn span i + i {
				width: 1px;
				height: 11px;
				position: absolute;
				top: 0px;
				left: 5px;
		}
		#search-ui .search-panel .help .help-btn.opened span i:last-child {
				display: none;
		}
}

#search-ui .search-panel .help .tooltip-contents {
		width: 380px;
		position: absolute;
		top: 0;
		left: 30px;
		background-color: #fff;
		padding: 15px 20px;
		box-sizing: border-box;
		color: #000;
		text-align: left;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.8;
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
		z-index: 100;
		display: none;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .help .tooltip-contents {
				display: none;
				position: static;
				box-shadow: none;
				top: auto;
				left: auto;
				width: 100%;
				margin-top: 10px;
		}
}

#search-ui .search-panel .help .tooltip-contents::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 7px 5px 0;
		border-color: transparent #ffffff transparent transparent;
		position: absolute;
		left: -7px;
		top: 50%;
		margin-top: -5px;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .help .tooltip-contents::after {
				display: none;
		}
}

#search-ui .search-panel .notes {
		text-align: center;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .notes {
				margin-top: 30px;
		}
}

#search-ui .search-panel .notes a {
		color: #fff;
		text-decoration: underline;
		font-size: 11px;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .notes a {
				color: #505457;
				font-size: 14px;
				font-weight: 500;
		}
}

#search-ui .search-panel .notes a:hover {
		text-decoration: none;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .notes a:hover {
				text-decoration: underline;
		}
}

#search-ui .search-panel .move-on {
		text-align: center;
		margin-top: 15px;
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .move-on {
				margin-top: 25px;
		}
}

#search-ui .search-panel .move-on button {
		width: 240px;
		height: 40px;
		margin-left: auto;
		margin-right: auto;
		border: none;
		background-color: #e94f0b;
		color: #fff;
		letter-spacing: 0.06em;
		cursor: pointer;
		box-shadow: 0px 2px 0px 0px #9d3000;
		text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 750px) {
		#search-ui .search-panel .move-on button {
				width: 260px;
				height: 55px;
				font-size: 15px;
		}
}

#search-ui .search-panel .move-on button.disabled {
		background-color: #c3c3c3;
		cursor: default;
		pointer-events: none;
		box-shadow: none;
		text-shadow: none;
}

/*** SP 検索する/閉じる ボタン ***/
.close-entry {
		display: none;
}

@media only screen and (max-width: 750px) {
		.close-entry {
				/* flex */
				display: flex;
				justify-content: center;
				align-items: center;
				width: 92%;
				height: 55px;
				background-color: #e87826;
				margin-left: auto;
				margin-right: auto;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
				font-size: 18px;
				color: #fff;
				font-weight: 500;
				line-height: 0;
				cursor: pointer;
				position: relative;
		}
		.close-entry::before {
				content: "";
				display: block;
				width: 91.3%;
				height: 1px;
				background-color: #bd5910;
				box-shadow: 0px 1px 0px 0px #fca15e;
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				top: 0;
		}
		.close-entry span {
				vertical-align: middle;
		}
		.close-entry span + span {
				margin-top: -1px;
		}
		.close-entry .icon {
				display: block;
				width: 22px;
				height: 22px;
				background-color: #c3580a;
				border-radius: 100%;
				position: relative;
				margin-right: 15px;
		}
		.close-entry .icon::before, .close-entry .icon::after {
				content: "";
				display: block;
				background-color: #fff;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
		}
		.close-entry .icon::before {
				width: 11px;
				height: 2px;
		}
		.close-entry .icon::after {
				width: 2px;
				height: 11px;
		}
		.close-entry.opened::before {
				display: none;
		}
		.close-entry.opened .icon::after {
				display: none;
		}
}

#one-way-entry .seach-list {
		/*** 無料シャトル スタイル ***/
}

#one-way-entry .seach-list > li.hide {
		display: none;
}

#one-way-entry .seach-list > li .block > dt {
		width: 87px;


}

#one-way-entry .seach-list > li .block > dd {
		width: calc(290px - 87px);
}

#one-way-entry .seach-list .shuttle dd {
		font-size: 11px;
		font-weight: 200;
		padding-right: 28px;
}

#one-way-entry .seach-list .shuttle dd .radio-list li label {
		font-size: 11px;
		font-weight: 200;
		margin-top: 2px;
}

#one-way-entry .seach-list .shuttle dd .radio-list li label .one-outward-shuttle-label.hide {
		display: none;
}

#both-way-entry {
		display: none;
}

#both-way-entry .seach-list {
		/*** 無料シャトル スタイル ***/
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list > li {
				border: none !important;
				box-shadow: none !important;
				padding: 0;
		}
}

#both-way-entry .seach-list > li .block > dt {
		width: 110px;
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list > li .block > dt {
				width: 100px;
		}
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list > li.discount {
				border-bottom: 1px solid #e0e0e0 !important;
				box-shadow: 0px 1px 0px 0px white !important;
		}
}

#both-way-entry .seach-list > li:not(.discount) {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list > li:not(.discount) {
				flex-direction: column;
				flex-wrap: wrap;
				align-items: flex-start;
		}
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list > li:not(.discount) .block {
				width: 100%;
		}
}

#both-way-entry .seach-list > li:not(.discount) .block > dd {
		width: 200px;
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list > li:not(.discount) .block > dd {
				width: calc(100% - 100px);
		}
}

#both-way-entry .seach-list > li:not(.discount) .block:first-child > dd {
		margin-right: 20px;
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list > li:not(.discount) .block:first-child > dd {
				margin-right: auto;
		}
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list > li:not(.discount) .both-block-wrap {
				width: 100%;
				border-bottom: 1px solid #e0e0e0;
				box-shadow: 0px 1px 0px 0px white;
				padding-bottom: 15px;
		}
}

#both-way-entry .seach-list > li:not(.discount) .both-block-wrap.hide {
		display: none;
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list > li:not(.discount) .both-block-wrap:not(:first-child) {
				padding-top: 15px;
		}
}

#both-way-entry .seach-list .shuttle dd {
		width: 430px !important;
		font-size: 12px;
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: stretch;
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list .shuttle dd {
				flex-direction: column;
				width: calc(100% - 100px) !important;
		}
}

#both-way-entry .seach-list .shuttle dd p {
		margin-right: 10px;
		line-height: 1.3;
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list .shuttle dd p {
				margin-right: 0;
				font-size: 15px;
		}
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list .shuttle dd .radio-list {
				flex-direction: column;
				flex-wrap: wrap;
				align-items: flex-start;
				margin-top: 5px;
		}
}

#both-way-entry .seach-list .shuttle dd .radio-list li + li {
		margin-left: 10px;
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list .shuttle dd .radio-list li + li {
				margin-left: 0;
				margin-top: 5px;
		}
}

#both-way-entry .seach-list .shuttle dd .radio-list li label {
		font-size: 12px;
		line-height: 1.3;
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list .shuttle dd .radio-list li label {
				font-size: 14px;
				padding-left: 15px;
		}
}

#both-way-entry .seach-list .shuttle dd .radio-list li label::before {
		margin-top: 7px;
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list .shuttle dd .radio-list li label::before {
				margin-top: 2px;
		}
}

#both-way-entry .seach-list .shuttle dd .radio-list li label .both-outward-shuttle-label.hide,
#both-way-entry .seach-list .shuttle dd .radio-list li label .both-return-shuttle-label.hide {
		display: none;
}

#both-way-entry .seach-list .shuttle dd .radio-list li input:checked + label::after {
		margin-top: 7px;
}

@media only screen and (max-width: 750px) {
		#both-way-entry .seach-list .shuttle dd .radio-list li input:checked + label::after {
				margin-top: 2px;
		}
}

#both-way-entry .seach-list .shuttle .help .tooltip-contents {
		width: 200px;
}

#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default, #ui-datepicker-div .ui-button, #ui-datepicker-div html .ui-button.ui-state-disabled:hover, #ui-datepicker-div html .ui-button.ui-state-disabled:active {
		font-weight: bold;
}

#ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-content .ui-state-disabled, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-header .ui-state-disabled {
		opacity: .35;
		filter: Alpha(Opacity=35);
		background-image: none;
}

#ui-datepicker-div .ui-datepicker-calendar td:last-child a.ui-state-default {
		color: #00F;
}

#ui-datepicker-div .ui-datepicker-calendar td:first-child a.ui-state-default {
		color: #F00;
}

/* -----------------------------------------------------------

notice

----------------------------------------------------------- */
#notice {
		width: 100%;
		background: url(/assets/common/img/bg_dot_w.png);
}

@media only screen and (max-width: 750px) {
		#notice {
				margin-top: 15px;
		}
}

#notice .inner {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
		padding-bottom: 20px;
}

@media only screen and (max-width: 750px) {
		#notice .inner {
				width: 92%;
				padding-top: 30px;
				padding-bottom: 30px;
		}
}

#notice a {
		color: #000;
		text-decoration: none;
}

#notice .notice-contents .heading {
		margin-bottom: 10px;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .heading {
				margin-bottom: 15px;
		}
}

#notice .notice-contents .heading dl {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .heading dl {
				flex-direction: column;
				flex-wrap: wrap;
		}
}

#notice .notice-contents .heading dl dt {
		font-size: 122%;
		font-weight: 500;
		margin-right: 40px;
		white-space: nowrap;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .heading dl dt {
				width: 100%;
				margin-right: auto;
				text-align: center;
				margin-bottom: 15px;
				font-size: 18px;
				white-space: normal;
		}
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .heading dl dd {
				width: 100%;
		}
}

#notice .notice-contents .heading dl dd ul {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .heading dl dd ul {
				flex-direction: column;
				align-items: flex-start;
		}
}

#notice .notice-contents .heading dl dd ul li {
		margin-right: 15px;
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
		font-size: 100%;
		font-weight: 300;
		letter-spacing: 0.04em;
		white-space: nowrap;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .heading dl dd ul li {
				margin-right: auto;
				font-size: 12px;
				white-space: normal;
		}
		#notice .notice-contents .heading dl dd ul li + li {
				margin-top: 8px;
		}
}

#notice .notice-contents .heading dl dd ul li:last-child {
		margin-right: 0;
}

#notice .notice-contents .heading dl dd ul li::before {
		content: "";
		display: block;
		margin-right: 5px;
}

#notice .notice-contents .heading dl dd ul li.on::before {
		width: 14px;
		height: 14px;
		background: url(/assets/common/img/icon_on.png) center center no-repeat;
		background-size: 14px auto;
}

#notice .notice-contents .heading dl dd ul li.change::before {
		width: 16px;
		height: 14px;
		background: url(/assets/common/img/icon_change.png) center center no-repeat;
		background-size: 16px auto;
}

#notice .notice-contents .heading dl dd ul li.stop::before {
		width: 14px;
		height: 14px;
		background: url(/assets/common/img/icon_stop.png) center center no-repeat;
		background-size: 14px auto;
}

#notice .notice-contents .btn-list {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .btn-list {
				flex-direction: column;
				flex-wrap: wrap;
				justify-content: flex-start;
		}
}

#notice .notice-contents .btn-list ul {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .btn-list ul {
				justify-content: space-between;
				width: 100%;
		}
}

#notice .notice-contents .btn-list ul li {
		width: 260px;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .btn-list ul li {
				width: 32.17%;
		}
}

#notice .notice-contents .btn-list ul li + li {
		margin-left: -2px;
}

#notice .notice-contents .btn-list ul li a {
		width: 100%;
		height: 62px;
		border: 2px solid #d8d8d8;
		box-sizing: border-box;
		background-color: #fff;
		padding-left: 18px;
		padding-right: 20px;
		font-size: 122%;
		font-weight: 300;
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		pointer-events: none;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .btn-list ul li a {
				flex-direction: column;
				justify-content: center;
				height: 110px;
				font-size: 3vw;
				padding-left: 15px;
				padding-right: 15px;
				text-align: center;
				white-space: nowrap;
		}
}

#notice .notice-contents .btn-list ul li a::after {
		content: "";
		display: block;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .btn-list ul li a::after {
				margin-top: 10px;
		}
}

#notice .notice-contents .btn-list ul li.on a::after {
		width: 20px;
		height: 20px;
		background: url(/assets/common/img/icon_on.png) center center no-repeat;
		background-size: 20px auto;
}

#notice .notice-contents .btn-list ul li.change a::after {
		width: 22px;
		height: 19px;
		background: url(/assets/common/img/icon_change.png) center center no-repeat;
		background-size: 22px auto;
}

#notice .notice-contents .btn-list ul li.stop a::after {
		width: 17px;
		height: 17px;
		background: url(/assets/common/img/icon_stop.png) center center no-repeat;
		background-size: 17px auto;
}

#notice .notice-contents .btn-list ul li.clickable {
		margin-top: -2px;
}

#notice .notice-contents .btn-list ul li.clickable a {
		box-shadow: 0px 2px 0px 0px #999999;
		pointer-events: painted;
		transition: opacity .4s;
		opacity: 1;
}

#notice .notice-contents .btn-list ul li.clickable a:hover {
		opacity: 0.6;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .btn-list ul li.clickable a:hover {
				opacity: 1;
		}
}

#notice .notice-contents .btn-list .info {
		width: 194px;
		margin-top: -2px;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .btn-list .info {
				margin-top: 20px;
				width: 100%;
		}
}

#notice .notice-contents .btn-list .info a {
		width: 100%;
		height: 62px;
		border: 1px solid #d8d8d8;
		box-sizing: border-box;
		background-color: #fff;
		font-size: 115%;
		font-weight: 200;
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		box-shadow: 0px 2px 0px 0px #999999;
		transition: opacity .4s;
		opacity: 1;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .btn-list .info a {
				font-size: 14px;
				height: 50px;
		}
}

#notice .notice-contents .btn-list .info a:hover {
		opacity: 0.6;
}

@media only screen and (max-width: 750px) {
		#notice .notice-contents .btn-list .info a:hover {
				opacity: 1;
		}
}

#notice .notice-contents .btn-list .info a::before {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url(/assets/common/img/icon_ply_gray.png) center center no-repeat;
		background-size: 24px auto;
		margin-right: 13px;
}

@media only screen and (min-width: 750px) {
		#notice .notice-contents .btn-list .info.none {
				margin-top: 0;
		}
}

#notice .notice-contents .btn-list .info.none a {
		opacity: 0.45;
		box-shadow: none;
		pointer-events: none;
}

/* -----------------------------------------------------------

information

----------------------------------------------------------- */
#information {
		height: 468px;
		width: 100%;
		background-color: #fff;
}

@media only screen and (max-width: 750px) {
		#information {
				height: auto;
				padding-bottom: 40px;
		}
}

#information .inner {
		padding-top: 60px;
}

#information h2 {
		font-size: 179%;
		font-weight: 400;
		text-align: center;
		margin-bottom: 40px;
}

@media only screen and (max-width: 750px) {
		#information h2 {
				font-size: 18px;
		}
}

#information h2::after {
		content: "";
		display: block;
		width: 60px;
		height: 3px;
		background-color: #ef7a00;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
}

#information #info-slider {
		/* flex */
		width: 904px;
		margin: 0 auto;
		overflow: visible;
}

@media only screen and (max-width: 750px) {
		#information #info-slider {
				width: 100%;
		}
}

#information #info-slider .slick-list {
		overflow: visible;
}

#information #info-slider .slick-arrow {
		width: 38px;
		height: 38px;
		background-color: rgba(88, 106, 117, 0.8);
		z-index: 100;
		top: 86px;
		transform: none;
}

@media only screen and (max-width: 750px) {
		#information #info-slider .slick-arrow {
				width: 32px;
				height: 32px;
				top: 34%;
		}
}

#information #info-slider .slick-arrow::before {
		content: "";
		width: 5px;
		height: 5px;
		display: block;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -4px;
}

#information #info-slider .slick-arrow.slick-prev {
		left: -38px;
}

@media only screen and (max-width: 750px) {
		#information #info-slider .slick-arrow.slick-prev {
				left: 0;
		}
}

#information #info-slider .slick-arrow.slick-prev::before {
		transform: rotate(135deg);
		margin-left: -2px;
}

#information #info-slider .slick-arrow.slick-next {
		right: -38px;
}

@media only screen and (max-width: 750px) {
		#information #info-slider .slick-arrow.slick-next {
				right: 0;
		}
}

#information #info-slider .slick-arrow.slick-next::before {
		transform: rotate(-45deg);
		margin-left: -4px;
}

#information #info-slider .item {
		transition: opacity .4s;
		margin: 0 5px;
		opacity: 0.35;
}

#information #info-slider .item a {
		display: block;
		text-decoration: none;
		color: #000;
		font-size: 115%;
		font-weight: 300;
		transition: opacity .4s;
		opacity: 1;
}

#information #info-slider .item a:hover {
		opacity: 0.6;
}

@media only screen and (max-width: 750px) {
		#information #info-slider .item a:hover {
				opacity: 1;
		}
}

#information #info-slider .item .img img {
		width: 288px;
		height: auto;
}

@media only screen and (max-width: 750px) {
		#information #info-slider .item .img img {
				width: 100%;
		}
}

#information #info-slider .item.slick-active {
		opacity: 1;
}

#information #info-slider .item figcaption {
		margin-top: 10px;
}

/* -----------------------------------------------------------

pick news

----------------------------------------------------------- */
#pick-news {
		background: url(/assets/common/img/bg_dot_w.png);
		padding: 50px 0;
}

@media only screen and (max-width: 750px) {
		#pick-news {
				padding: 30px 0;
		}
}

#pick-news .inner {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
}

@media only screen and (max-width: 750px) {
		#pick-news .inner {
				width: 92%;
		}
}

#pick-news .list-frame {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
}

@media only screen and (max-width: 750px) {
		#pick-news .list-frame {
				flex-direction: column;
		}
}

#pick-news .list-frame > dt {
		font-size: 136%;
		font-weight: bold;
		letter-spacing: 0.04em;
		width: 100px;
}

@media only screen and (max-width: 750px) {
		#pick-news .list-frame > dt {
				margin-bottom: 15px;
		}
}

#pick-news .list-frame > dd {
		width: 100%;
}

#pick-news .list-frame > dd > ul > li {
		border-bottom: 1px solid #d4d4d4;
		padding: 15px 0;
}

#pick-news .list-frame > dd > ul > li:first-child {
		padding-top: 0;
}

#pick-news .list-frame > dd > ul > li:last-child {
		border-bottom: none;
		padding-bottom: 0;
}

@media only screen and (max-width: 750px) {
		#pick-news .list-frame > dd > ul > li:last-child {
				border-bottom: 1px solid #d4d4d4;
				padding-bottom: 15px;
		}
}

#pick-news .list-frame > dd a {
		color: #000;
		font-size: 129%;
		font-weight: 300;
		line-height: 1.6;
}

@media only screen and (max-width: 750px) {
		#pick-news .list-frame > dd a {
				font-size: 14px;
		}
}

#pick-news .list-frame > dd a[target="_blank"]::after {
		content: "";
		display: inline-block;
		width: 9px;
		height: 9px;
		background: url(/assets/common/img/icon_blank_b.png) left top no-repeat;
		margin-left: 5px;
}

#pick-news #pickup .list-frame {
		padding-bottom: 30px;
}

@media only screen and (max-width: 750px) {
		#pick-news #pickup .list-frame {
				padding-bottom: 0;
		}
}

#pick-news #pickup .list-frame > dt {
		color: #ef7a00;
}

#pick-news #news .list-frame {
		padding-top: 30px;
		border-top: 1px solid #c2c2c2;
}

@media only screen and (max-width: 750px) {
		#pick-news #news .list-frame {
				border-top: none;
		}
}

#pick-news #news .list-frame > dt {
		color: #586a75;
}

@media only screen and (max-width: 750px) {
		#pick-news #news .list-frame > dt {
				font-size: 18px;
		}
}

#pick-news #news .list-frame li dl {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
}

@media only screen and (max-width: 750px) {
		#pick-news #news .list-frame li dl {
				flex-wrap: wrap;
		}
}

#pick-news #news .list-frame li dl dt {
		color: #989898;
		font-weight: 600;
		font-size: 136%;
		margin-right: 20px;
		letter-spacing: 0.04em;
		white-space: nowrap;
}

@media only screen and (max-width: 750px) {
		#pick-news #news .list-frame li dl dt {
				font-size: 14px;
				margin-right: 10px;
		}
}

@media only screen and (max-width: 750px) {
		#pick-news #news .list-frame li dl dd {
				font-size: 14px;
		}
}

#pick-news #news .list-frame li dl dt + dd {
		margin-right: 20px;
		width: 65px;
}

@media only screen and (max-width: 750px) {
		#pick-news #news .list-frame li dl dt + dd {
				width: 65px;
				margin-right: 0;
		}
		#pick-news #news .list-frame li dl dt + dd img {
				vertical-align: middle;
				margin-top: -3px;
		}
}

@media only screen and (max-width: 750px) {
		#pick-news #news .list-frame li dl dd:last-child {
				margin-top: 10px;
				width: 100%;
		}
}

#pick-news .btn {
		margin-top: 30px;
		width: 280px;
		height: 50px;
		margin-left: auto;
		margin-right: auto;
}

@media only screen and (max-width: 750px) {
		#pick-news .btn {
				height: 40px;
				width: 200px;
		}
}

#pick-news .btn a {
		width: 100%;
		height: 50px;
		/* flex */
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #fff;
		border: 1px solid #d8d8d8;
		font-size: 129%;
		color: #000;
		text-decoration: none;
		position: relative;
		transition: opacity .4s;
		opacity: 1;
}

@media only screen and (max-width: 750px) {
		#pick-news .btn a {
				background-color: #6e7377;
				height: 40px;
				border-radius: 25px;
				color: #fff;
				font-size: 14px;
		}
}

#pick-news .btn a:hover {
		opacity: 0.6;
}

@media only screen and (max-width: 750px) {
		#pick-news .btn a:hover {
				opacity: 1;
		}
}

#pick-news .btn a::after {
		content: "";
		width: 5px;
		height: 5px;
		display: block;
		border-right: 2px solid #ef7a00;
		border-bottom: 2px solid #ef7a00;
		transform: rotate(-45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
}

@media only screen and (max-width: 750px) {
		#pick-news .btn a::after {
				border-color: #fff;
		}
}

/* -----------------------------------------------------------

plan

----------------------------------------------------------- */
#plan {
		background-color: #fff;
		padding: 80px 0;
}

@media only screen and (max-width: 750px) {
		#plan {
				padding: 50px 0 30px;
		}
}

#plan .inner {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
}

@media only screen and (max-width: 750px) {
		#plan .inner {
				width: 100%;
		}
}

#plan h2 {
		font-size: 179%;
		font-weight: 400;
		text-align: center;
		margin-bottom: 40px;
}

@media only screen and (max-width: 750px) {
		#plan h2 {
				font-size: 18px;
		}
}

#plan h2::after {
		content: "";
		display: block;
		width: 60px;
		height: 3px;
		background-color: #ef7a00;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
}

@media only screen and (max-width: 750px) {
		#plan .tab-nav-wrap {
				width: 84%;
				position: relative;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 30px;
		}
}

#plan .tab-nav-wrap .current-tab {
		display: none;
}

@media only screen and (max-width: 750px) {
		#plan .tab-nav-wrap .current-tab {
				width: 100%;
				height: 50px;
				border: 1px solid #999999;
				margin-left: auto;
				margin-right: auto;
				border-radius: 5px;
				box-shadow: 0px 2px 0px 0px #999999;
				/* flex */
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 14px;
				position: relative;
				font-weight: 500;
		}
		#plan .tab-nav-wrap .current-tab span {
				text-align: center;
		}
		#plan .tab-nav-wrap .current-tab small {
				font-size: 12px;
				display: block;
		}
		#plan .tab-nav-wrap .current-tab::after {
				content: "";
				width: 8px;
				height: 8px;
				border-left: 2px solid #000;
				border-bottom: 2px solid #000;
				transform: rotate(-45deg);
				position: absolute;
				right: 15px;
				top: 50%;
				margin-top: -7px;
		}
}

@media only screen and (max-width: 750px) {
		#plan .tab-nav-wrap .tab-nav-list {
				position: absolute;
				top: 50px;
				left: 0;
				width: 100%;
				z-index: 10;
				display: none;
		}
}

#plan .tab-nav-wrap .tab-nav-list .tab-nav {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		border-bottom: 4px solid #586a75;
		margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
		#plan .tab-nav-wrap .tab-nav-list .tab-nav {
				flex-direction: column;
				margin-left: auto;
				margin-right: auto;
				border: 1px solid #999999;
				border-top: none;
		}
}

#plan .tab-nav-wrap .tab-nav-list .tab-nav li {
		width: 324px;
		height: 60px;
		background-color: #e7e7e7;
		/* flex */
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		font-size: 122%;
		color: #586a75;
		cursor: pointer;
		letter-spacing: 0.06em;
		font-weight: 500;
		position: relative;
}

@media only screen and (max-width: 750px) {
		#plan .tab-nav-wrap .tab-nav-list .tab-nav li {
				width: 100%;
				background-color: #fff;
				border-bottom: 1px solid #999999;
				height: 45px;
				color: #000;
				font-size: 14px;
		}
		#plan .tab-nav-wrap .tab-nav-list .tab-nav li:last-child {
				border-bottom: none;
		}
}

#plan .tab-nav-wrap .tab-nav-list .tab-nav li::after {
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		border-left: 2px solid #586a75;
		border-bottom: 2px solid #586a75;
		transform: rotate(-45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -6px;
}

@media only screen and (max-width: 750px) {
		#plan .tab-nav-wrap .tab-nav-list .tab-nav li::after {
				border-color: #000;
				display: none;
		}
}

#plan .tab-nav-wrap .tab-nav-list .tab-nav li.active {
		background-color: #586a75;
		color: #fff;
		font-weight: 400;
}

@media only screen and (max-width: 750px) {
		#plan .tab-nav-wrap .tab-nav-list .tab-nav li.active {
				background-color: #fff;
				color: #000;
				font-weight: 500;
		}
}

#plan .tab-nav-wrap .tab-nav-list .tab-nav li.active::after {
		border-color: #fff;
}

@media only screen and (max-width: 750px) {
		#plan .tab-nav-wrap .tab-nav-list .tab-nav li.active::after {
				border-color: #000;
		}
}

#plan .tab-nav-wrap .tab-nav-list .tab-nav li span {
		text-align: center;
		line-height: 1.3;
}

@media only screen and (max-width: 750px) {
		#plan .tab-nav-wrap .tab-nav-list .tab-nav li span {
				line-height: 1.2;
		}
}

#plan .tab-nav-wrap .tab-nav-list .tab-nav li span small {
		font-size: 82.35%;
		letter-spacing: 0;
}

@media only screen and (max-width: 750px) {
		#plan .tab-nav-wrap .tab-nav-list .tab-nav li span small {
				font-size: 11px;
		}
}

#plan .tab-contents-wrap {
		position: relative;
}

#plan .tab-contents-wrap .tab-contents {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		display: none;
		transition: all .6s;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents {
				flex-direction: column;
		}
}

#plan .tab-contents-wrap .tab-contents.set {
		display: flex;
		opacity: 0;
}

#plan .tab-contents-wrap .tab-contents.is-show {
		opacity: 1;
}

#plan .tab-contents-wrap .tab-contents .sub-tab-nav {
		width: 190px;
		/* flex */
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .sub-tab-nav {
				flex-direction: row;
				width: 100%;
				margin-bottom: 15px;
		}
}

#plan .tab-contents-wrap .tab-contents .sub-tab-nav li {
		/* flex */
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 190px;
		height: 129px;
		border: 1px solid #e3e3e3;
		font-size: 122%;
		position: relative;
		background-color: #fff;
		transition: all .4s;
		cursor: pointer;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .sub-tab-nav li {
				width: 33.33%;
				height: 65px;
				font-size: 13px;
				border: none;
				border-top: 1px solid #e3e3e3;
				border-bottom: 1px solid #e3e3e3;
				border-right: 1px solid #e3e3e3;
		}
		#plan .tab-contents-wrap .tab-contents .sub-tab-nav li:last-child {
				border-right: none;
		}
}

#plan .tab-contents-wrap .tab-contents .sub-tab-nav li:nth-child(n + 2) {
		margin-top: -1px;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .sub-tab-nav li:nth-child(n + 2) {
				margin-top: 0;
		}
}

#plan .tab-contents-wrap .tab-contents .sub-tab-nav li i {
		display: block;
		margin-bottom: 8px;
}

#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.car i {
		width: 44px;
		height: 20px;
		background: url(/assets/top/img/icon_car.png) left top no-repeat;
		background-size: 44px auto;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.car i {
				width: 30px;
				background-size: 30px auto;
				height: 13px;
		}
}

#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.bike i {
		width: 48px;
		height: 26px;
		background: url(/assets/top/img/icon_bike.png) left top no-repeat;
		background-size: 48px auto;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.bike i {
				width: 33px;
				background-size: 33px auto;
				height: 18px;
		}
}

#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.walk i {
		width: 25px;
		height: 33px;
		background: url(/assets/top/img/icon_walk.png) left top no-repeat;
		background-size: 25px auto;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.walk i {
				width: 17px;
				background-size: 17px auto;
				height: 22px;
		}
}

#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.active {
		background-color: #ef7a00;
		border: 1px solid #ef7a00;
		color: #fff;
}

#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.active::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 0 9px 8px;
		border-color: transparent transparent transparent #ef7b00;
		position: absolute;
		top: 50%;
		right: -8px;
		margin-top: -9px;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.active::after {
				border-width: 8px 7px 0 7px;
				border-color: #ef7b00 transparent transparent transparent;
				top: auto;
				right: auto;
				margin-top: 0;
				bottom: -8px;
				left: 50%;
				margin-left: -7px;
		}
}

#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.active.car i {
		background: url(/assets/top/img/icon_car_ac.png) left top no-repeat;
		background-size: 44px auto;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.active.car i {
				width: 30px;
				background-size: 30px auto;
		}
}

#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.active.bike i {
		background: url(/assets/top/img/icon_bike_ac.png) left top no-repeat;
		background-size: 48px auto;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.active.bike i {
				width: 33px;
				background-size: 33px auto;
		}
}

#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.active.walk i {
		background: url(/assets/top/img/icon_walk_ac.png) left top no-repeat;
		background-size: 25px auto;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .sub-tab-nav li.active.walk i {
				width: 17px;
				background-size: 17px auto;
		}
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .tab-list-wrap {
				width: 92%;
				margin-left: auto;
				margin-right: auto;
		}
}

#plan .tab-contents-wrap .tab-contents .tab-list-wrap .tab-block {
		display: none;
		transition: all .6s;
}

#plan .tab-contents-wrap .tab-contents .tab-list-wrap .tab-block.set {
		display: block;
		opacity: 0;
}

#plan .tab-contents-wrap .tab-contents .tab-list-wrap .tab-block.is-show {
		opacity: 1;
}

#plan .tab-contents-wrap .tab-contents .tab-list-wrap .more {
		display: none;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .tab-list-wrap .more {
				display: block;
				width: 200px;
				height: 40px;
				border: 2px;
				background-color: #6d7376;
				border-radius: 20px;
				margin-left: auto;
				margin-right: auto;
				color: #fff;
				outline: none;
				line-height: 1;
				position: relative;
				margin-top: 15px;
				cursor: pointer;
		}
		#plan .tab-contents-wrap .tab-contents .tab-list-wrap .more span {
				display: block;
				width: 12px;
				height: 12px;
				position: absolute;
				right: 15px;
				top: 50%;
				margin-top: -6px;
		}
		#plan .tab-contents-wrap .tab-contents .tab-list-wrap .more span::before {
				content: "";
				display: block;
				width: 12px;
				height: 2px;
				background-color: #fff;
				position: absolute;
				top: 5px;
				left: 0;
		}
		#plan .tab-contents-wrap .tab-contents .tab-list-wrap .more span::after {
				content: "";
				display: block;
				width: 2px;
				height: 12px;
				background-color: #fff;
				position: absolute;
				top: 0px;
				left: 5px;
		}
}

#plan .tab-contents-wrap .tab-contents .tab-list-wrap .more.opened span {
		display: block;
		width: 12px;
		height: 12px;
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -6px;
}

#plan .tab-contents-wrap .tab-contents .tab-list-wrap .more.opened span::before {
		content: "";
		display: block;
		width: 12px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: 5px;
		left: 0;
}

#plan .tab-contents-wrap .tab-contents .tab-list-wrap .more.opened span::after {
		display: none;
}

#plan .tab-contents-wrap .tab-contents .tab-list-wrap .more.none {
		display: none;
}

#plan .tab-contents-wrap .tab-contents .tab-list-wrap .tab-list {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .tab-list-wrap .tab-list li {
				border-bottom: 1px solid #e3e3e3;
		}
}

#plan .tab-contents-wrap .tab-contents .tab-list-wrap .tab-list li:nth-child(n + 3) {
		margin-top: 10px;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .tab-list-wrap .tab-list li:nth-child(n + 3) {
				margin-top: 0;
		}
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .tab-list-wrap .tab-list li:nth-child(n + 4) {
				display: none;
				transition: all .4s;
		}
		#plan .tab-contents-wrap .tab-contents .tab-list-wrap .tab-list li:nth-child(n + 4).set {
				display: flex;
				opacity: 0;
		}
		#plan .tab-contents-wrap .tab-contents .tab-list-wrap .tab-list li:nth-child(n + 4).is-show {
				opacity: 1;
		}
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .tab-list-wrap .tab-list li:last-child {
				border-bottom: none;
		}
}

#plan .tab-contents-wrap .tab-contents a {
		height: 100%;
		border: 1px solid #e3e3e3;
		padding: 15px;
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: stretch;
		color: #000;
		text-decoration: none;
		transition: opacity .4s;
		opacity: 1;
		box-sizing: border-box;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents a {
				border: none;
				width: 100%;
				border-top: 1px solid #e3e3e3;
				padding: 15px 0;
		}
		#plan .tab-contents-wrap .tab-contents a:first-child {
				border-top: none;
		}
}

#plan .tab-contents-wrap .tab-contents a:hover {
		opacity: 0.6;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents a:hover {
				opacity: 1;
		}
}

#plan .tab-contents-wrap .tab-contents a:hover dt {
		text-decoration: underline;
}

#plan .tab-contents-wrap .tab-contents a[target="_blank"] dt {
		vertical-align: middle;
}

#plan .tab-contents-wrap .tab-contents a[target="_blank"] dt::after {
		content: "";
		display: inline-block;
		width: 9px;
		height: 9px;
		background: url(/assets/common/img/icon_blank_bl.png) left top no-repeat;
		background-size: 9px auto;
		margin-left: 8px;
		vertical-align: middle;
}

#plan .tab-contents-wrap .tab-contents .thumb {
		margin-right: 15px;
}

#plan .tab-contents-wrap .tab-contents .thumb img {
		width: 90px;
		height: auto;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .thumb img {
				width: 85px;
		}
}

#plan .tab-contents-wrap .tab-contents .detail-wrap {
		/* flex */
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		width: 100%;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .detail-wrap {
				-webkit-flex: 1;
				flex: 1;
		}
}

#plan .tab-contents-wrap .tab-contents .detail-wrap dl dt {
		font-size: 122%;
		font-weight: bold;
		line-height: 1.3;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .detail-wrap dl dt {
				font-size: 15px;
		}
}

#plan .tab-contents-wrap .tab-contents .detail-wrap dl dd {
		margin-top: 5px;
		font-size: 108%;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .detail-wrap dl dd {
				font-size: 13px;
		}
}

#plan .tab-contents-wrap .tab-contents .detail-wrap .price {
		color: #eb0000;
		font-size: 122%;
		font-weight: bold;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents .detail-wrap .price {
				font-size: 15px;
		}
}

#plan .tab-contents-wrap .tab-contents#discount {
		justify-content: space-between;
}

#plan .tab-contents-wrap .tab-contents#discount .tab-list-wrap {
		width: 770px;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents#discount .tab-list-wrap {
				width: 92%;
		}
}

#plan .tab-contents-wrap .tab-contents#discount .tab-list-wrap .tab-list li {
		width: 380px;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents#discount .tab-list-wrap .tab-list li {
				width: 100%;
		}
}

#plan .tab-contents-wrap .tab-contents#cruise {
		justify-content: space-between;
}

#plan .tab-contents-wrap .tab-contents#cruise .tab-list-wrap {
		width: 100%;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents#cruise .tab-list-wrap {
				width: 92%;
		}
}

#plan .tab-contents-wrap .tab-contents#cruise .tab-list-wrap .tab-list li {
		width: 485px;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents#cruise .tab-list-wrap .tab-list li {
				width: 100%;
		}
}

#plan .tab-contents-wrap .tab-contents#deals .deals-inner {
		width: 100%;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents#deals .deals-inner {
				width: 100;
				margin-left: auto;
				margin-right: auto;
		}
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents#deals .travel {
				width: 92%;
				margin-left: auto;
				margin-right: auto;
		}
}

#plan .tab-contents-wrap .tab-contents#deals .travel a {
		align-items: center;
}

#plan .tab-contents-wrap .tab-contents#deals .travel a i {
		/* flex */
		display: inline-flex;
		justify-content: center;
		align-items: center;
		background-color: #ef7a00;
		font-style: normal;
		color: #fff;
		font-size: 86%;
		width: 110px;
		height: 17px;
		box-sizing: border-box;
		line-height: 1;
		letter-spacing: 0.02em;
		border-radius: 2px;
		margin-left: 15px;
		font-weight: 500;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents#deals .travel a i {
				margin-left: 0;
				margin-top: 10px;
		}
}

#plan .tab-contents-wrap .tab-contents#deals .tab-departure {
		margin-top: 20px;
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
}

#plan .tab-contents-wrap .tab-contents#deals .tab-departure li {
		width: 50%;
		height: 44px;
		background-color: #fff;
		border: 1px solid #e3e3e3;
		box-sizing: border-box;
		/* flex */
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 122%;
		letter-spacing: 0.04em;
		cursor: pointer;
		transition: opacity .4s;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents#deals .tab-departure li {
				font-size: 13px;
				height: 65px;
				position: relative;
		}
}

#plan .tab-contents-wrap .tab-contents#deals .tab-departure li.active {
		background-color: #ef7a00;
		border: 1px solid #ef7a00;
		color: #fff;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents#deals .tab-departure li.active::after {
				content: "";
				display: block;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 8px 7px 0 7px;
				border-color: #ef7b00 transparent transparent transparent;
				top: auto;
				right: auto;
				margin-top: 0;
				position: absolute;
				bottom: -8px;
				left: 50%;
				margin-left: -7px;
		}
}

#plan .tab-contents-wrap .tab-contents#deals .tab-list-wrap {
		width: 100%;
		margin-top: 20px;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents#deals .tab-list-wrap {

				width: 92%;
				margin-left: auto;
				margin-right: auto;
		}
}

#plan .tab-contents-wrap .tab-contents#deals .tab-list-wrap .tab-list li {
		width: 485px;
}

@media only screen and (max-width: 750px) {
		#plan .tab-contents-wrap .tab-contents#deals .tab-list-wrap .tab-list li {
				width: 100%;
		}
}

#plan .tab-contents-wrap .tab-contents#deals .departure-block {
		display: none;
}

#plan .tab-contents-wrap .tab-contents#deals .departure-block.is-show {
		display: block;
}

/* -----------------------------------------------------------

banners

----------------------------------------------------------- */
#banners {
		background: url(/assets/common/img/bg_dot_w.png);
		padding: 40px 0;
}

#banners .inner {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
}

@media only screen and (max-width: 750px) {
		#banners .inner {
				width: 100%;
		}
}

@media only screen and (max-width: 750px) {
		#banners .inner #banner-slider {
				width: 100%;
				margin: 0 auto;
				overflow: visible;
		}
		#banners .inner #banner-slider .slick-list {
				overflow: visible;
		}
}

#banners .inner .banner-list {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
}

@media only screen and (max-width: 750px) {
		#banners .inner .banner-list {
				display: block;
				margin: 0 7px;
				transition: opacity .4s;
				opacity: 0.35;
		}
}

#banners .inner .banner-list:nth-child(n + 2) {
		margin-top: 10px;
}

@media only screen and (max-width: 750px) {
		#banners .inner .banner-list:nth-child(n + 2) {
				margin-top: 0;
		}
}

#banners .inner .banner-list li {
		margin-left: 10px;
}

@media only screen and (max-width: 750px) {
		#banners .inner .banner-list li {
				margin-left: 0;
				margin-top: 10px;
		}
}

#banners .inner .banner-list li:first-child {
		margin-left: 0;
}

@media only screen and (max-width: 750px) {
		#banners .inner .banner-list li:first-child {
				margin-top: 0px;
		}
}

#banners .inner .banner-list li a {
		transition: opacity .4s;
		opacity: 1;
}

#banners .inner .banner-list li a:hover {
		opacity: 0.6;
}

@media only screen and (max-width: 750px) {
		#banners .inner .banner-list li a:hover {
				opacity: 1;
		}
}

#banners .inner .banner-list li a img {
		width: 320px;
		height: auto;
}

@media only screen and (max-width: 750px) {
		#banners .inner .banner-list li a img {
				width: 270px;
		}
}

@media only screen and (max-width: 750px) {
		#banners .inner .banner-list.slick-current {
				opacity: 1;
		}
}

#banners .slick-arrow {
		width: 38px;
		height: 38px;
		background-color: rgba(88, 106, 117, 0.8);
		z-index: 100;
		top: 50%;
}

@media only screen and (max-width: 750px) {
		#banners .slick-arrow {
				width: 32px;
				height: 32px;
		}
		#banners .slick-arrow::before {
				content: "";
				width: 5px;
				height: 5px;
				display: block;
				border-right: 2px solid #fff;
				border-bottom: 2px solid #fff;
				position: absolute;
				top: 50%;
				left: 50%;
				margin-top: -4px;
		}
		#banners .slick-arrow.slick-prev {
				left: 0px;
		}
		#banners .slick-arrow.slick-prev::before {
				transform: rotate(135deg);
				margin-left: -2px;
		}
		#banners .slick-arrow.slick-next {
				right: 0px;
		}
		#banners .slick-arrow.slick-next::before {
				transform: rotate(-45deg);
				margin-left: -4px;
		}
}

/* -----------------------------------------------------------

customer

----------------------------------------------------------- */
#customer {
		width: 100%;
		position: relative;
		background: url(/assets/top/img/bg_customer.jpg) center center no-repeat;
		background-size: cover;
}

@media only screen and (max-width: 750px) {
		#customer {
				background: url(/assets/top/img/bg_customer.jpg) center bottom no-repeat;
				background-size: auto 100%;
		}
}

#customer .ferry {
		position: absolute;
		bottom: 0;
		right: 0px;
		z-index: 1;
}

@media only screen and (max-width: 750px) {
		#customer .ferry {
				width: 92.03%;
				right: -10px;
				max-width: 317px;
		}
		#customer .ferry img {
				width: 100%;
				height: auto;
		}
}

#customer .inner {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		height: 540px;
		padding-top: 70px;
}

@media only screen and (max-width: 750px) {
		#customer .inner {
				width: 100%;
				padding-top: 40px;
				padding-bottom: 20px;
				height: auto;
		}
}

#customer h2 {
		color: #fff;
		font-size: 165%;
		font-weight: 400;
		letter-spacing: 0.14em;
		margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
		#customer h2 {
				text-align: center;
				font-size: 21px;
		}
}

#customer .customer-wrap {
		width: 100%;
		background-color: rgba(17, 95, 143, 0.5);
		padding: 30px;
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap {
				flex-wrap: wrap;
				width: 92%;
				margin-left: auto;
				margin-right: auto;
				padding: 20px 15px 125px;
		}
}

#customer .customer-wrap a {
		color: #fff;
		text-decoration: none;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:first-child {
				display: none;
		}
}

#customer .customer-wrap .col:first-child ul li {
		border-top: 1px solid rgba(255, 255, 255, 0.4);
}

#customer .customer-wrap .col:first-child ul li:first-child {
		border-top: none;
		width: 416px;
}

#customer .customer-wrap .col:first-child ul li a {
		display: block;
		padding: 15px 0;
		font-size: 122%;
		font-weight: 300;
		vertical-align: middle;
		line-height: 1;
		letter-spacing: 0.06em;
		position: relative;
		transition: opacity .4s;
		opacity: 1;
}

#customer .customer-wrap .col:first-child ul li a:hover {
		opacity: 0.6;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:first-child ul li a:hover {
				opacity: 1;
		}
}

#customer .customer-wrap .col:first-child ul li a::after {
		content: "";
		width: 5px;
		height: 5px;
		display: block;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(-45deg);
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -4px;
}

#customer .customer-wrap .col:first-child ul li a span {
		display: inline-block;
		width: 40px;
		text-align: center;
		margin-right: 5px;
		vertical-align: middle;
}

#customer .customer-wrap .col:first-child ul li a span img {
		vertical-align: top;
}

#customer .customer-wrap .col:last-child {
		width: 466px;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child {
				width: 100%;
		}
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child .lead {
				color: #fff;
				text-align: center;
				font-size: 13px;
				margin-bottom: 15px;
		}
}

#customer .customer-wrap .col:last-child .link-table {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child .link-table {
				flex-direction: column;
				border: none;
		}
}

#customer .customer-wrap .col:last-child .link-table li {
		width: 50%;
		height: 66px;
		border-right: 1px solid #fff;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child .link-table li {
				width: 100%;
				height: 58px;
				border-top: 1px solid #fff !important;
				border-left: 1px solid #fff;
		}
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child .link-table li:nth-child(2) {
				border-bottom: 1px solid #fff;
		}
}

#customer .customer-wrap .col:last-child .link-table li:nth-child(3) {
		border-top: 1px solid #fff;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child .link-table li:nth-child(3) {
				border: 1px solid #fff;
		}
}

#customer .customer-wrap .col:last-child .link-table li a {
		width: 100%;
		height: 66px;
		font-size: 108%;
		font-weight: 300;
		letter-spacing: 0.04em;
		position: relative;
		transition: opacity .4s;
		opacity: 1;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child .link-table li a {
				font-size: 14px;
				height: 58px;
		}
}

#customer .customer-wrap .col:last-child .link-table li a:hover {
		opacity: 0.6;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child .link-table li a:hover {
				opacity: 1;
		}
}

#customer .customer-wrap .col:last-child .link-table li a::after {
		content: "";
		width: 5px;
		height: 5px;
		display: block;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(-45deg);
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -4px;
}

#customer .customer-wrap .col:last-child .link-table li:not(:last-child) a {
		/* flex */
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding-left: 25px;
}

#customer .customer-wrap .col:last-child .link-table li:last-child {
		width: 100%;
}

#customer .customer-wrap .col:last-child .link-table li:last-child a {
		/* flex */
		display: flex;
		justify-content: center;
		align-items: center;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child .link-table li.tel {
				margin-top: 15px;
		}
}

#customer .customer-wrap .col:last-child .link-table li.tel a::after {
		display: none;
}

#customer .customer-wrap .col:last-child .link-table li.tel a span {
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
}

#customer .customer-wrap .col:last-child .link-table li.tel a span::before {
		content: "";
		display: inline-block;
		width: 20px;
		height: 24px;
		background: url(/assets/common/img/icon_tel_w.png) left top no-repeat;
		background-size: 20px auto;
		margin-right: 15px;
}

#customer .customer-wrap .col:last-child .bnr-list {
		margin-top: 20px;
		/* flex */
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		position: relative;
		z-index: 100;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child .bnr-list {
				margin-top: 15px;
				flex-wrap: nowrap;
				justify-content: space-between;
		}
}

#customer .customer-wrap .col:last-child .bnr-list li {
		margin-right: 5px;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child .bnr-list li {
				width: 23%;
		}
}

#customer .customer-wrap .col:last-child .bnr-list li img {
		width: 80px;
		height: auto;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child .bnr-list li img {
				width: 100%;
				height: auto;
		}
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child .bnr-list li.mol {
				width: 51%;
				margin-right: 0;
		}
}

#customer .customer-wrap .col:last-child .bnr-list li.mol img {
		width: 180px;
		height: auto;
}

@media only screen and (max-width: 750px) {
		#customer .customer-wrap .col:last-child .bnr-list li.mol img {
				width: 100%;
				height: auto;
		}
}

/* -----------------------------------------------------------

opening modal

----------------------------------------------------------- */
.mfp-ready.mfp-bg {
		transition: all 0.3s ease-out;
}

.mfp-ready .modal {
		/* animate in */
}

.mfp-ready .modal .mfp-with-anim {
		opacity: 1;
		transform: scale(1);
}

.mfp-removing .modal button.mfp-close {
		opacity: 0;
}

.mfp-removing .modal .mfp-with-anim {
		transform: scale(1.03);
		opacity: 0;
}

.mfp-removing.mfp-bg {
		opacity: 0;
}
/******************調整用*********************************************/
#header-contents .header-right .header-items #sizeChanger {
width: auto !important;
}
#tpl-footer .site-link .contents-link dl dt {
    font-size: 129%;
}
#tpl-footer .site-link .contents-others-link ul li a {
    font-size: 129%;
}
#tpl-footer .tpl-others .others-links li a {
   /* font-size: 100%;*/
}
#tpl-footer .site-link .contents-link dl dd ul li a {
    font-size: 93%;
}
@media only screen and (max-width: 750px) {
#tpl-footer .site-link .contents-others-link ul li a {
    font-size: 13px;
}
		#tpl-pagetop-box .answer-wrap {
				width: 100%;
				justify-content: flex-end;
				align-items: center;
				max-height: 60px;
				z-index: 100;
		}
		#tpl-pagetop-box .answer-wrap.fixed {
            display: none!important;
				/*position: fixed;*/
				/*left: 0;*/
				/*bottom: 0;*/
				/*background-color: rgba(0, 0, 0, 0.3);*/
              background: none;
		}
}

#tpl-pagetop-box .answer {
		width: 144px;
		height: 65px;
}

@media only screen and (max-width: 750px) {
		#tpl-pagetop-box .answer {
				width: 80%;
				height: auto;
				max-width: 300px;
		}
}
/*****************************************************************/
#main{
 width: 980px;
    margin-left: auto;
    margin-right: auto;
}
#article .frame-steps{
	/*margin-bottom:32px;*/
	text-align:center;
	/*overflow:hidden;*/
}
#article .frame-steps .frame-box{
	position:relative;
    width: 124px;
    display: inline-block;
    margin-right: 17px;
    min-height: 96px;
}
#article .frame-steps .frame-box:last-child{
    padding-bottom:0;
    }
#article .frame-steps .frame-box:before{
	content:'';
	position:absolute;
	bottom:75px;
	left:137px;
	margin-left:-5px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #ff8f00;
}
#article .frame-steps .frame-box:last-child:before{
    display:none;
    }
#article .frame-steps .frame{
	margin-bottom:4px;
	border:1px #666 solid;
	padding:5px;
    font-size: 12px;
   display:table-cell;
    width: 127px;
    height: 4em;
    vertical-align: middle!important;
}
#article .frame-steps a{
	color:#ff8f00;
	display:inline-block;
	vertical-align:top;
	padding-right:14px;
	background:url(/cmn/img/ico/ico-window-o.gif) no-repeat 100% 2px;
	background-size:11px 10px;
}
#article .frame-steps .frame-box span{
    font-size: 11px;
    display: block;
    padding-top: 4px;
}
#article .tbl-scrollWrap{
    margin-bottom: 10px;
    }
.arriving-list{
    display: none;
}
hr.bullet02.sponly{
    display: none;
}
.discounted-fare-block{
	overflow:hidden;
	margin:0 -15px;
	padding:0 12px 14px;
}
.discounted-fare-block h2{
	font-size:24px;
	line-height:36px;
	color:#333;
	margin-bottom:15px;
}
.discounted-fare-block p{
	font-size:14px;
	line-height:20px;
	color:#333;
	margin-bottom:20px;
}
.discounted-fare-box{
	overflow:hidden;
	box-shadow:0 0 3px 2px rgba(224, 224, 224, 1);
	margin-bottom:12px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	padding:12px 12px 0;
    width: 28%;
    display: inline-block;
    margin-right: 10px;
}
.discounted-fare-box:last-child{
    margin-right: 0;
}
.discounted-fare-box .top{
	overflow:hidden;
	margin-bottom:8px;
    height: 70px;
}

.discounted-fare-box .top .image{
	float:left;
	width:32px;
	margin-right:15px;
}
.discounted-fare-box .top .image img{
	display:block;
	width:100%;
}
.discounted-fare-box .wrap{
    overflow:hidden;
}
.discounted-fare-box .top h2{
	font-size:20px!important;
	line-height:32px;
	color:#333;
	display:inline;
	vertical-align:middle;
	margin:0!important;
    background: none;
}
.discounted-fare-box .top h2 span.txt-small{
    display: none;
}
.discounted-fare-box .top h2 sup{
    font-size: 60%;
}
.discounted-fare-box .top .item-i{
	display:inline-block;
	vertical-align:middle;
	font-size:10px;
	line-height:13px;
	color:#fff;
	padding:0 4px;
	min-width:50px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}
.discounted-fare-box .top .item-i01{background:#f3a600;}
.discounted-fare-box .top .item-i02{background:#ef5400;}
.discounted-fare-box p{
	font-size:13px;
	line-height:1.4!important;
	color:#333;
	margin-bottom:0;
    height: 9.0em;
}
.discounted-fare-list{
	overflow:hidden;
	margin:0 -12px;
}
.discounted-fare-list li{
    border-top:1px solid #ddd;
    margin-bottom: 0!important;
    }
.discounted-fare-list a{
	display:block;
	position:relative;
	font-size:18px;
	line-height:22px;
	padding:15px 25px 15px 52px;
    text-decoration: none!important;
}
.discounted-fare-list a:after{
	content:'';
	position:absolute;
	right:9px;
	top:50%;
	width:0;
	height:0;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	margin-top:-5px;
}
.discounted-fare-list a:hover{
    background: #f4f1ed;
}
.discounted-fare-list a.link01:after{border-left:6px solid #3db3ea;}
.discounted-fare-list a.link02:after{border-left:6px solid #98bf23;}
.discounted-fare-list a.link03:after{border-left:6px solid #ffae00;}
.discounted-fare-list a.link01{color:#3db3ea;}
.discounted-fare-list a.link02{color:#98bf23;}
.discounted-fare-list a.link03{color:#ffae00;}
.discounted-fare-list a:before{
	content:'';
	position:absolute;
	left:12px;
	top:0;
	bottom:0;
	width:32px;
}
.discounted-fare-list a.link01:before{
	background:url(/cmn/img/ico/ico-fee-mycar.png) no-repeat 0 50%;
	background-size:32px 20px;
}
.discounted-fare-list a.link02:before{
	background:url(/cmn/img/ico/ico-fee-bike.png) no-repeat 0 50%;
	background-size:32px 20px;
}
.discounted-fare-list a.link03:before{
	background:url(/cmn/img/ico/ico-fee-walk.png) no-repeat 0 50%;
	background-size:32px 20px;
}
.flexbox-layout{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    }
li.flexitem{
    line-height: 1;
}
li.flexitem.col3-arrow{
    max-width: 194px;
    position: relative;
    margin-right: 30px;
    margin-bottom: 2em;
}
li.flexitem.col3-arrow:last-child{
    margin-bottom: 2em!important;
    }
li.flexitem.col3-arrow>.cap{
    display: block;
    font-size: 90%;
    line-height: 1.5;
}
li.flexitem.col3-arrow>.cap>strong{
    color: #FB6E38;
    font-weight: bold;
}
li.flexitem.col3-arrow:not(:last-child):after{
    content:url(/route/osaka-shibushi/boarding/img/arrow.gif);
    width: 14px;
    display: block;
    position: absolute;
    top:60px;
    left: 204px;
}
    .box-onepoint{
        display: flex;
    }
    .box-onepoint .onepoint{
        width: 80px;
    }
    .box-onepoint .mainitem{
        width: calc(100% - 80px);
    }
.bnr-box{
   background: #f4f1ed;
   padding: 8px 5px 8px 8px;
   min-height: 1%;
    clear: both;
}
.bnr-box .bnr-ttl{
    font-size: 110%;
}
.bnr-box .cap{
    display: block;
    font-size: 100%;
}
ul.bnr-box li::after {
  content: "";
  display: block;
  clear: both;
}
.list-otherlink2-sp{
    display: none;
}
.bnrlink-box{
    background-color: #fffbe2;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
}
.bnrlink-box > dt img{
    margin-right: 12px;
}
.bnrlink-box > dd.main{
    width: 460px;
}
.bnrlink-box > dd.sub{
    width: 210px;
    padding: 5px;
    background-color: #f4f1ed !important;
}
.bnrlink-box > dd.sub > ul{
    font-size: 90%;
    letter-spacing: 0;
}
.bnrlink-box > dd.sub > ul li{
    margin-bottom: 0 !important;
}
a.whitelink{
   color: #fff!important; 
}
/***************kokokara**************************************************/
 #cWrap{
        margin-top: 144px;
    }
 #article p{
        line-height: 1.6;
    }
@media only screen and (max-width: 750px) {
    boby{
        max-width: 100%!important;
    }
    #cWrap{
        background: none!important;
        max-width: 100%;
        margin-top: 100px!important;
    }
    #h1Wrap{
    max-width: 100%!important;
    }
		#h1Wrap nav {
            display: none;
		}
    #h1Wrap h1{
    overflow: hidden;
    background: #076bbb!important;
    padding: 21px 15px!important;
    font-size: 22px!important;
    line-height: 28px;
    color: #fff;
    height: auto!important;
    max-width: 100%!important;
}
    #contents{
     max-width: 100%!important;
     background: none!important;
     margin: 0!important;
     padding: 0!important;
     overflow-x: hidden;
    overflow-y: hidden;
    }
    #sidebar{
        display: none!important;
    }

    #article{
    width: calc(100% - 20px)!important;
    padding: 10px;
    }
    article h2{
      background: none!important;
      font-size: 22px!important;
      line-height: 30px;
      color: #333;
      padding: 0!important;
      margin: 15px 0 15px 0!important;
    }
#article a.pdf {
    background: url(/cmn/img/ico/ico-pdf.gif) right 1px no-repeat;
    padding: 0 15px 0 0;
    margin-right: 3px;
}
#article a.window {
    background: url(/cmn/img/ico/ico-window-o.gif) right 3px no-repeat;
    padding: 0 14px 0 0;
    margin-right: 3px;
}
#article .r-photo,
#article .l-photo,
#article .r-block,
#article .l-block{
        float: none!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
#article .l-block.float-inherit{
        float: left!important;
        margin: 0!important;
    }
#article .l-photo.float-inherit{
        float: left!important;
        margin: 0!important;
    }
#article .r-block.float-inherit{
        float: right!important;
        margin: 0!important;
    }
#article .r-photo.float-inherit{
        float: right!important;
        margin: 0!important;
    }
#article>p>img:first-child,
#article .l-photo>img,
#article .r-photo>img{
        max-width: 100%!important;
        height: auto;
    }
#article .introduction .bg-white .l-photo{
        max-width: 100%!important;
    }
#article .introduction .bg-white table{
    float: none!important;
    width: 100%!important;
    }
#article img.l-photo,
#article img.r-photo,
#article .l-photo img,
#article .r-photo img,
#article .l-block img,
#article .c-block img,
#article .r-block img{
        max-width: 100%!important;
        height: auto;
        display: block;
        float: none!important;
        padding-left: 0!important;
        margin:10px auto!important;
    }
#article img.maxw100{
        max-width: 100%!important;
        height: auto;
    }
#article .tbl-scrollWrap{
    display: block;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 8px;
    margin-bottom: 12px;
    }
#article .tbl-scrollWrap::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 8px;
    width: 100%;
}
#article .tbl-scrollWrap::-webkit-scrollbar-track {
  margin: 0 2px;
  border-radius: 5px;
}
#article .tbl-scrollWrap::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(221, 221, 221, 1);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
#article table.tbl-1col-sp{
    border-top:none;
    border-right: none;
    border-left: none;
}
#article table.tbl-1col-sp th{
    display: block;
    padding: 10px;
    border: none;
}
#article table.tbl-1col-sp td{
    display: block;
    padding: 8px 10px 20px 10px;
    /*border: none;*/
    border-top: none;
    border-bottom: none;
}
#article table.tbl-1col-sp-noborder{
    border: none;
}
#article table.tbl-1col-sp-noborder th{
    display: block;
    padding: 10px;
    border: none;
}
#article table.tbl-1col-sp-noborder td{
    display: block;
    padding: 8px 10px 20px 10px;
    border: none;
}
#article .tab-2btn li,
#article .tab-3btn li,
#article .tab-4btn li,
    #article .tab-5btn li{
    width:calc(99%/2)!important;
    }
#article .anc.list-column3Box li{
    width:calc(81%/2)!important;
    }
#article .anc.list-column3Box.list-sp1 li{
    width:100%!important;
    }
#article .tab-2btn li a,
#article .tab-3btn li a,
#article .tab-4btn li a,
#article .tab-5btn li a{
    width: calc( 100% - 1px)!important;
    }
#article .column2 .l-block,
#article .column2 .r-block {
    width: 100%!important;
    float: none!important;
}
#article table{
        margin-bottom: 1em!important;
    }
#contents #article ul.column5{
	overflow:hidden;
	margin:0 -3px 15px;
	font-size:0;
	line-height:0;
	letter-spacing:-4px;
}
#contents #article ul.column5 li{
    float: none!important;
	display:inline-block;
	vertical-align:top;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:25%!important;
	padding:0 3px 6px;
	font-size:12px;
	line-height:20px;
	letter-spacing:0;
    margin-right: 0!important;
}
#contents #article ul.column5 li img{
	display:block;
	max-width:100%;
    height: auto;
}
#article .w100,
#article .w200,
#article .w220,
#article .w240,
#article .w300,
#article .w340,
#article .w390,
#article .w400,
#article .w410,
#article .w450,
#article .w460,
#article .w500,
#article .w600{
        width: 100%!important;
    }
#article .column2{
        margin-bottom: 1em;
    }
#article br.pconly{
      display: none;
}
#article .gmap {
/*height: 340px;*/
position: relative;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
}
#article .gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
#article .youtube {
position: relative;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
margin-bottom: 15px;
}
#article .youtube video,
#article .youtube iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.rinjibin-tel > div {
    border: none!important;
}
#article .inquiry-tel dt {
margin: 0!important;
    }
#article .inquiry-tel dd {
    border: 1px solid #a6a691!important;
}
#article .inquiry-tel dd p{
    text-align: left;
}
#article .inquiry-tel.box-white{
   border:none;
   padding: 0;
}
#article .column1Box,
#article .column3 .l-block,
#article .column3 .c-block,
#article .column3 .r-block{
    width: 100%!important;
    float: none!important;
    }
    #article .column3 .c-block{
    margin-left: 0!important;
    }
#article .column2Box {
	background:none!important;
}
#article .column2Box .l-block,
#article .column2Box .r-block {
    border-top: none!important;
}
#article .column3Box {
	background:none!important;
}
#article .column3Box .l-block,
#article .column3Box .c-block,
#article .column3Box .r-block{
    width: 100%!important;
	border:1px solid #a6a691;
    float: none!important;
    margin: 0 0 20px 0!important;
}
#article .l-block img.ico,
#article .c-block img.ico,
#article .r-block img.ico{
        display: inline-block;
        margin:0 5px!important;
    }
#article .box-yellow a > img.l-photo{
    float: left!important;
    padding: 0 12px 0.5em 0!important;
    }
#article ul.column3{
    width: 100%;
    }
#article ul.column3 li{
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    }
#article a.btn-lb{
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    }
    ul.list-column2.btn-lb li a, #article a.btn-lb{
        background: url(/cmn/img/arrow-w04.gif) 10px 14px no-repeat #5fc1ed;
    }
    ul.list-column2.btn-o li a{
        background: url(/cmn/img/arrow-w04.gif) 10px 14px no-repeat #ef8d00;
    }
    ul.list-column2.btn-yg li a{
        background: url(/cmn/img/arrow-w04.gif) 10px 14px no-repeat #95c308;
    }
.discounted-fare-block{
	overflow:hidden;
	margin:0 -15px;
	padding:0 12px 14px;
}
.discounted-fare-block h2{
	font-size:24px;
	line-height:36px;
	color:#333;
	margin-bottom:15px;
}
.discounted-fare-block p{
	font-size:14px;
	line-height:20px;
	color:#333;
	margin-bottom:20px;
}
.discounted-fare-box{
	overflow:hidden;
	box-shadow:0 0 3px 2px rgba(224, 224, 224, 1);
	margin-bottom:12px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	padding:12px 12px 0;
    margin-right: 0;
    width: 93%;
}
.discounted-fare-box .top{
	overflow:hidden;
	margin-bottom:8px;
    height: auto;
}
.discounted-fare-box .top .image{
	float:left;
	width:32px;
	margin-right:12px;
}
.discounted-fare-box .top .image img{
	display:block;
	width:100%;
}
.discounted-fare-box .wrap{overflow:hidden;}
.discounted-fare-box .top h2{
	font-size:20px!important;
	line-height:32px;
	color:#333;
	display:inline;
	vertical-align:middle;
	margin:0!important;
}
.discounted-fare-box .top .item-i{
	display:inline-block;
	vertical-align:middle;
	font-size:10px;
	line-height:13px;
	color:#fff;
	padding:0 4px;
	min-width:50px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}
.discounted-fare-box .top .item-i01{background:#f3a600;}
.discounted-fare-box .top .item-i02{background:#ef5400;}
.discounted-fare-box p{
	font-size:14px;
	line-height:20px;
	color:#333;
	margin-bottom:20px;
}
.discounted-fare-list{
	overflow:hidden;
	margin:0 -12px;
}
.discounted-fare-list li{
    border-top:1px solid #ddd;
    margin-bottom: 0!important;
    }
.discounted-fare-box p{
    height: auto;
}
.discounted-fare-list a{
	display:block;
	position:relative;
	font-size:18px;
	line-height:22px;
	padding:15px 25px 15px 52px;
    text-decoration: none!important;
}
.discounted-fare-list a:after{
	content:'';
	position:absolute;
	right:9px;
	top:50%;
	width:0;
	height:0;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	margin-top:-5px;
}
.discounted-fare-list a.link01:after{border-left:6px solid #3db3ea;}
.discounted-fare-list a.link02:after{border-left:6px solid #98bf23;}
.discounted-fare-list a.link03:after{border-left:6px solid #ffae00;}
.discounted-fare-list a.link01{color:#3db3ea;}
.discounted-fare-list a.link02{color:#98bf23;}
.discounted-fare-list a.link03{color:#ffae00;}
.discounted-fare-list a:before{
	content:'';
	position:absolute;
	left:12px;
	top:0;
	bottom:0;
	width:32px;
}
.discounted-fare-list a.link01:before{
	background:url(/cmn/img/ico/ico-fee-mycar.png) no-repeat 0 50%;
	background-size:32px 20px;
}
.discounted-fare-list a.link02:before{
	background:url(/cmn/img/ico/ico-fee-bike.png) no-repeat 0 50%;
	background-size:32px 20px;
}
.discounted-fare-list a.link03:before{
	background:url(/cmn/img/ico/ico-fee-walk.png) no-repeat 0 50%;
	background-size:32px 20px;
}
.arriving-list{
    overflow:hidden;
    display: block;
}
.arriving-list li{
    padding-top:15px;
    margin-bottom: 0!important;
}
.arriving-list li:first-child{padding:0;
    }
a.bullet04.anhor-link{
	display:block;
	position:relative;
	padding-left:20px;
	background:url("/cmn/img/arrow-btm-o.gif") no-repeat 0 6px;
	background-size:8px;
	font-size:15px;
	line-height:20px;
	color:#ee7a00;
    text-decoration: none;
}

#content.content-add{background:#fff;}
.arriving-block{
	overflow:hidden;
	padding:0 15px;
	margin:0 -15px;
}
.arriving-block h2{
	font-size:18px;
	line-height:24px;
	color:#076bbb;
	margin-bottom:20px;
}
.arriving-image{
	overflow:hidden;
	margin:0 20px 35px;
}
.arriving-image img{
	display:block;
	width:100%;
}
h3 hr.bullet02.sponly {
    
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 10px 0;
    padding: 0;
}
  #article h2.line-dot.txt-lightblue,
  #article h2.line-dot.txt-yellowgreen,
  #article h2.line-dot.txt-orange{
    font-size: 14px!important;
    line-height: normal;
    float: left!important;
    margin-right: 10px;
    }
  #article h2.line-dot.txt-lightblue>img,
  #article h2.line-dot.txt-yellowgreen>img,
  #article h2.line-dot.txt-orange>img {
    float: left!important;
    margin-right: 10px!important;
}
    #article h2.line-dot.txt-yellowgreen>img{
        margin-top: -0.5em!important;
    }
    #article h2.line-dot.txt-orange>img{
        margin-top: -1em!important;
    }
    #article h3.ttl.linkbtn-p.txt-white,
    #article h3.ttl.linkbtn-lb.txt-white{
    font-size: 12px;
    padding: 6px 2px 6px 2px;
    text-align: center;
    }
    
#article .inboard-view .box_maps li a {
    /*display: none;*/
    }
#article hr.mar20b{
    margin: 0 0 20px 0;
    }
#article .anc li{
    font-size: 110%;
    line-height: 2.0;
background: url(/cmn/img/arrow-btm-o.gif) left 8px no-repeat;
    width: 100%;
    }
#article .list-column2Box li {
    float: none;
    width: 95%;
}
#sp-gnav .gnav-route > li > a {
    letter-spacing: normal;
    }
    ul.list-column2.btn-lb li, ul.list-column2.btn-o li, ul.list-column2.btn-yg li{
        width: 100%;
        padding-right: 0;
    }
    ul.list-column2.btn-lb li a, ul.list-column2.btn-o li a, ul.list-column2.btn-yg li a{
        margin-right: 0;
        margin-bottom: 15px!important;
        padding: 10px 5px 10px 20px;
    }
    hr{
        margin: 1em 0!important;
    }
#article .introduction .bg-white .l-photo {
    width: 100%;
    height: auto;
}
    #sp-gnav .close{
      coursor:pointer!important;
    }
.r-block.w310 > ul.box-2photo li{
    margin-left: 1rem;
}
   .flexbox-layout{
        display: flex;
        flex-direction: column;
        justify-content:center;
        align-items: center;
    }
    li.flexitem.col3-arrow{
        width: 100%;
        position: relative;
        margin-right: 0;
        margin-bottom: 4em;
    }
    li.flexitem.col3-arrow:not(:last-child):after{
    content:url(/route/osaka-shibushi/boarding/img/arrow2.gif);
    width: 30px;
    display: block;
    position: absolute;
    top:200px;
    left: 84px;
    }
    .bnr-box{
        text-align: center;
    }
    .bnr-box .cap{
        display: block;
        margin-top: 5px;
        font-size: 100%;
        text-align: left;
    }
.bnr-box .bnr-ttl{
    font-size: 100%;
}
.arrow-o01, ul.arrowlist-o01 li {
    background: url(/cmn/img/arrow-o01.gif) left 2px no-repeat!important;
}
    .list-otherlink2-sp{
        display: block;
    }
.list-otherlink2-sp li{
    display: inline-block;
    width: 49%;
    margin-bottom: 0.5em !important;
    padding-right: 0;
}
ul.pdflist li, ul.windowlist li{
    margin-bottom: 1em!important;
}
    .linkbox > dl {
        border-top: none!important;
    }
.bnrlink-box{
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
    }
.bnrlink-box > dd.main{
    width: calc(100% - 77px);
    line-height: 1.6;
  }
.bnrlink-box > dd.sub{
    width: 100%;
    padding: 5px;
    margin-top: 10px;
  }
.bnrlink-box > dd.sub > ul li a{
    display: block;
    cursor: pointer;
    font-size: 124%;
    letter-spacing: 0.2em;
    padding: 5px;
 }
.bnrlink-box > dd.sub > ul li a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5 */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	zoom:1;
 }
    .txt-big04{
        font-size: 140%!important;
    }
/***********kokomade*****************************/
}