@charset "UTF-8";

body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 16px;
	color: #000;
	overflow-x: hidden;
}
section:nth-of-type(odd) {background-color: #FFF;}
section:nth-of-type(even) {background-color: #FFFECE;}
.t_red {
    color: #e50000;
}
@media screen and (max-width: 280px) { /*Galaxy Fold*/
	body {font-size: 14px;}
}
article {width: 100%;}
section {position: relative;}
.active {opacity: 1;}
a {transition: .3s;}
a:link, a:visited {color: #0952a4;}
a:hover {opacity: 0.7;}
.fixed { /*ナビゲーション 固定*/
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
}
.textLeft {
	text-align: left;
	line-height: 1.4;
}
.textCenter {
	text-align: center;
	line-height: 1.4;
}
.textRight {
	text-align: right;
	line-height: 1.4;
}
.red {color: #ff0000;}
dt {font-weight: normal;}
strong {font-weight: bold;}

/*ふわっとアニメーション*/
.item {
	opacity: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: anime 15s 0s infinite;
	animation: anime 15s 0s infinite;
}
.item:nth-of-type(2) {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}
.item:nth-of-type(3) {
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}

/*アイテムが１つの場合はアニメーションを実装しない*/
.item01 {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.item:nth-of-type(2) {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}
.item:nth-of-type(3) {
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}
@keyframes anime {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	35% {
		opacity: 1;
	}
	50% {
		opacity: 0;
		z-index: 9;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes anime {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	35% {
		opacity: 1;
	}
	50% {
		opacity: 0;
		z-index: 9;
	}
	100% {
		opacity: 0;
	}
}
/*
SP
==================================================== */
@media screen and (max-width: 759.9px) {
	.spnone {
		display: none;
	}
	#container {
		position: relative;
		width: 100%;
	}
	.inner {
		width: 98%;
		margin: 0 auto;
		padding: 10% 1%;
	}
	.innerPlan {
		width: 98%;
		margin: 0 auto;
		padding: 2% 1%;
	}
	/*title*/
	.titlePc {
		display: none !important;
	}
	.titleSp {
		width: 100% !important;
		text-align: center;
	}
	.titleSp img {
		width: 100%;
		vertical-align: bottom;
	}

.cmn_info a {
	width: 90%;
	display: block;
	background: #ff9900;
	padding: 8px 0 10px;
	text-align: center;
	color: #fff;
	margin: 3% auto;
	border-radius: 5px;
	position: relative
}
.cmn_info a:after {
	content: "\03e";
	color: #FFF;
	transform: scale(0.5, 1);
	position: absolute;
	top: 22%;
	right: 4%
}

	/*navigation*/
	.topNavi {
		width: 100% !important;
		text-align: center;
		margin-top: 2%;
	}
	/*◆関西発・北陸発・中国発・九州発*/
	.departureSec {
		border-bottom: 8px solid #0066cc;
	}
	.topNavi ul.departure {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.topNavi ul.departure li {
		display: inline;
		background: #fff;
		color: #0066cc;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.4;
		padding: 10px 5px;
		margin: 5px 5px 0 0;
		border-radius: 10px 10px 0 0;
		width: 24%;
		border-top: 2px solid #0066cc;
		border-right: 2px solid #0066cc;
		border-left: 2px solid #0066cc;
	}
	.topNavi ul.departure li.select {
		background: #0066cc;
		color: #FFF;
	}
	.topNavi ul.departure li:nth-child(4),
	.topNavi ul.departure li:nth-child(6) {
		margin-right: 0;
	}
	.topNavi ul.departure li:nth-child(5),
	.topNavi ul.departure li:nth-child(6) {
		width: 49.2%;
	}
	.topNavi ul.departure li a {
		color: #0066cc;
	}
	.topNavi ul.departure li i {
		margin-right: 2%;
	}
	/*◆駅長おすすめ駅プラン*/
	.ekichoSec {
		border-bottom: 8px solid #00BE74;
	}
	.topNavi ul.ekicho {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.topNavi ul.ekicho li {
		display: inline;
		background: #fff;
		color: #00BE74;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.4;
		padding: 10px 5px;
		margin: 5px 5px 0 0;
		border-radius: 10px 10px 0 0;
		width: 24%;
		border-top: 2px solid #00BE74;
		border-right: 2px solid #00BE74;
		border-left: 2px solid #00BE74;
	}
	.topNavi ul.ekicho li.select {
		background: #00BE74;
		color: #FFF;
	}
	.topNavi ul.ekicho li:nth-child(4),
	.topNavi ul.ekicho li:nth-child(6) {
		margin-right: 0;
	}
	.topNavi ul.ekicho li:nth-child(5),
	.topNavi ul.ekicho li:nth-child(6) {
		width: 49.2%;
	}
	.topNavi ul.ekicho li a {
		color: #00BE74;
	}
	.topNavi ul.ekicho li i {
		margin-right: 2%;
	}
	/*◆かにカニエクスプレス*/
	.kaniSec {
		border-bottom: 8px solid #FF2853;
	}
	.topNavi ul.kani {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.topNavi ul.kani li {
		display: inline;
		background: #fff;
		color: #FF2853;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.4;
		padding: 10px 5px;
		margin: 5px 5px 0 0;
		border-radius: 10px 10px 0 0;
		width: 24%;
		border-top: 2px solid #FF2853;
		border-right: 2px solid #FF2853;
		border-left: 2px solid #FF2853;
	}
	.topNavi ul.kani li.select {
		background: #FF2853;
		color: #FFF;
	}
	.topNavi ul.kani li:nth-child(4),
	.topNavi ul.kani li:nth-child(6) {
		margin-right: 0;
	}
	.topNavi ul.kani li:nth-child(5),
	.topNavi ul.kani li:nth-child(6) {
		width: 49.2%;
	}
	.topNavi ul.kani li a {
		color: #FF2853;
	}
	.topNavi ul.kani li i {
		margin-right: 2%;
	}
	/*◆エリア*/
	.areaNavi ul {
		width: 100% !important;
		text-align: center;
		padding-bottom: 2%;
	}
	.departurebg {
		background: #0066cc;
	}
	.ekichobg {
		background: #00BE74;
	}
	.kanibg {
		background: #FF2853;
	}
	.areaNavi ul li {
		display: inline-block;
		background: #fff;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.4;
		padding: 5px 20px;
		margin: 5px 10px 5px 0;
		letter-spacing: 0.1em;
		border-radius: 30px;
	}
	.areaNavi ul li a {
		color: #000;
	}
	.areaNavi ul li.tabiwatoku {
		padding: 5px 10px;
		color: #FF0000;
		letter-spacing: 0;
	}
	.areaNavi ul li.tabiwatoku a {
		color: #FF0000;
	}
	.departurebg ul li.select, .ekichobg ul li.select, .kanibg ul li.select {
		background: #ffff00;
		color: #000;
	}
/*◆都道府県*/
.prefNavi ul {
		width: 100% !important;
		text-align: center;
		padding: 10px 0;
	}
	.prefdeparturebg {
		background: #D2E8FF;
	}
	.prefekichobg {
		background: #CCF4E4;
	}
	.prefkanibg {
		background: #FFDCE3;
	}
	.prefNavi ul li {
		display: inline-block;
		font-size: 16px;
		line-height: 1.4;
		padding: 0 10px;
		border-left: 1px solid #000;
	}
.prefNavi ul li:last-child {
		border-right: 1px solid #000;
	}
	.prefNavi ul li a {
		color: #0066cc;
	}
	.departurebg ul li.select, .ekibg ul li.select, .kanibg ul li.select {
		background: #ffff00;
		color: #000;
	}
	/*メッセージ*/
	.message {
		width: 90%;
		margin: 0 auto;
		padding: 1em 0.5em;
		background: #d6ebff;
		box-shadow: 0px 0px 0px 10px #d6ebff;
		border: dashed 2px white;
		text-align: center;
		line-height: 1.4;
		font-size: 1.0em;
	}
	/*見出し*/
	h2 {
		position: relative;
		padding: .5em .7em;
		border-radius: 5px;
		background-color: #ff9900;
		color: #fff;
		font-size: 1.4em;
		font-weight: bold;
		text-align: center;
		margin-bottom: 5%;
	}
	h2::after {
		content: '';
		position: absolute;
		top: 100%;
		left: 47%;
		width: 0;
		height: 0;
		border: 12px solid transparent;
		border-top: 12px solid #ff9900;
	}
	h2 div {
		font-size: 70%;
		font-weight: normal;
	}
	h3 {
		position: relative;
		padding: 1.5rem 1.5rem 0.5rem;
		text-align: center;
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	h3:before {
		position: absolute;
		bottom: -5px;
		left: calc(50% - 30px);
		width: 60px;
		height: 4px;
		content: '';
		border-radius: 3px;
		background: #0066cc;
	}
	/*新着情報*/
	.whatsnew {
		margin: 0;
		padding: 0;
		overflow-y: scroll;
		height: 150px;
	}
	.whatsnew dl {
		width: 100%;
		padding: 1% 0;
		border-bottom: 1px dashed #e9e6e6;
	}
	.whatsnew dt {
		padding-bottom: 1%;
	}
	.whatsnew dl:last-child {
		border: none;
	}
	/*プラン*/
	.planBox {
		border: 2px solid #CCC;
		padding: 15px;
		background: #FFF;
		display: flex;
		flex-flow: column;
		width: 96%;
		margin: 20px auto 0;
	}	
	.planBox .img-frame {position: relative;}
	.planBox .planPhoto {
		width: 280px;
		height: 240px;
		margin: auto;
	}
	.planBox .img-frame img {
		width: 100%;
		height:auto;
	}
	.planBox .planPhoto .caption {
		font-size: 80%;
		margin: 2% 0;
		text-align: right;
	}
	.planBox .fixing {
		height: 250px;
		overflow: hidden;
		position: relative;
	}
	.planBox .fixing img {
		width: 100%;
		height: auto;
	}
	.planBox .detail {
		width: 100%;
		line-height: 1.2;
	}
	.planBox .detail .planName {
		font-size: 110%;
		font-weight: bold;
	}
	.planBox .detail .planName img {
		width: 40px;
		vertical-align: middle;
		margin-right: 5px;
	}
	.planBox .detail .number {
		font-weight: bold;
		background: #FF0000;
		color: #FFF;
		display: inline-block;
		padding: 5px 10px;
		margin: 10px 5px 0 0;
		border-radius: 30px;
		font-size: 90%;
	}
	.planBox .detail .age {
		font-weight: bold;
		background: #000;
		color: #FFF;
		display: inline-block;
		padding: 5px 10px;
		margin: 10px 5px 0 0;
		font-size: 90%;
	}
	.planBox .detail .tyui {
		font-size: 14px;
	}
	.planBox .detail .price {
		font-size: 200%;
		font-weight: bold;
		color: #FF0000;
	}
	.planBox .detail .price .date {
		font-size: 47%;
		font-weight: normal;
		color: #000;
	}
	.planBox .detail .price .small {
		font-size: 60%;
	}
	.planBox .detail .bn {
		margin-top: 5px;
	}
	.planBox .detail .bn img {
		width: 100%;
	}
	.planBox .detail .tokuten {
		margin-top: 5px;
	}
	.planBox .detail .tokuten img {
		width: 100%;
	}
	.planBox .detail .action {
		margin-top: 5px;
		padding: 10px;
		background: #FFE7E7;
		width: 100%;
		line-height: 1.5;
	}
	.planBox .detail .note {
		line-height: 1.5;
		border-top: 1px dashed #000;
		margin-top: 10px;
		padding-top: 10px;
	}
	.itemBox ul li {
		display: flex;
		justify-content: flex-start;
	}
	.itemBox ul li span {
		display: block;
	}
	.itemBox ul li span.label {
		margin: 0 5px 0 0;
		/*width: 20%;*/
		white-space: nowrap;
	}
	.itemBox ul li span.lead {}
	.planBox .detail .Btn02 {
		color: #fff;
		width: 100%;
		margin-top: 10px;
		font-size: 1.0em;
		text-align: center;
		position: relative; /* 追記 */
		font-weight: bold;
		box-sizing: border-box;
	}
	.planBox .detail .Btn02 a {
		color: #fff;
		display: block;
		width: 100%;
		padding: 20px;
		background: #6699ff;
		border-radius: 30px;
	}
	.planBox .detail .Btn02::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 20px;
		transform: translateY(-50%);
	}
	/*tabiwaチケット*/
	.ticketBox {
		border: 2px solid #CCC;
		/*padding: 15px;*/
		background: #FFF;
	}
	.ticketBox .ticketPhoto {}
	.ticketBox .ticketName {
		font-size: 1.0em;
		font-weight: bold;
		background: #FFDFEF;
		padding: 15px;
	}
	.ticketBox .ticketPoint {
		padding: 10px 15px 15px;
		line-height: 1.4;
	}
	/*list横並び*/
	.itemList2, .itemList3, .itemList4 {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.itemList2 > div, .itemList3 > div, .itemList4 > div {
		width: 100%;
		height: auto;
		align-self: stretch;
		padding: 10px;
	}
	.itemList2, .itemList3, .itemList4 > div img {
		width: 100%;
		height: auto;
	}
	.itemList2, .itemList3, .itemList4 > div .txt {
		margin-top: 5px;
	}
	/*アコーディオン*/
	.accordion {
		max-width: 100%;
		background-color: #ffffff;
		margin-top: 20px;
	}
	.accordion:not([open]) {
		margin-bottom: 7px;
	}
	.accordion summary {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		padding: 1em 1em 1em 3em;
		border-radius: 5px;
		background-color: #0099ff;
		color: #fff;
		font-size: 1.0em;
		font-weight: bold;
		cursor: pointer;
		width: 100%;
		line-height: 1.4;
	}
	.accordion summary::-webkit-details-marker {
		display: none;
	}
	.accordion summary::before, .accordion summary::after {
		width: 3px;
		height: .9em;
		border-radius: 5px;
		background-color: #fff;
		content: '';
		position: absolute;
		left: 1.5em;
		;
	}
	.accordion summary::before {
		rotate: 90deg;
	}
	.accordion summary::after {
		transition: rotate .3s;
	}
	.accordion[open] summary::after {
		rotate: 90deg;
	}
	.accordion .accordionInner {
		transform: translateY(-10px);
		opacity: 0;
		margin: 0;
		padding: 0.5em;
		color: #000000;
		transition: transform .5s, opacity .5s;
	}
	.accordion[open] .accordionInner {
		transform: none;
		opacity: 1;
	}
	/* =========================================================
◆アコーディオン
========================================================= */
	.cp_box *, .cp_box *:before, .cp_box *:after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.cp_box {
		width: auto;
		margin: 1em auto;
	}
	.cp_box label {
		position: relative;
		display: block;
		width: 100%;
		padding: 3%;
		cursor: pointer;
		transition: all 0.3s;
		text-align: center;
		color: #FFF;
		background: #0f1f64;
		border-radius: 4px;
		font-size: 123.1%;
		font-weight: bold;
	}
	.cp_box label span {
		font-size: 70%;
	}
	.cp_box label:hover {
		transition: all 0.3s;
		color: #ffffff;
		background: #0f1f64;
	}
	.cp_box label::after {
		font-family: 'FontAwesome';
		content: ' \f067';
		color: #FFF;
	}
	.cp_box label:hover::after {
		color: #FFF;
	}
	.cp_box input:checked ~ label::after {
		font-family: 'FontAwesome';
		content: ' \f068';
		color: #FFF;
	}
	.cp_box input:checked ~ label:hover::after {
		color: #FFF;
	}
	.cp_box input {
		display: none;
	}
	.cp_box .cp_container {
		position: relative;
		z-index: 10;
		overflow: hidden;
		height: 0;
		margin-top: -1px;
		transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	}
	.cp_box input:checked ~ div {
		transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	}
	/* 続きを読むを押すと表示されるテキストの高さ */
	.cp_box input:checked ~ div.cp_container {
		height: auto;
	}
	.cp_boxOP *, .cp_boxOP *:before, .cp_boxOP *:after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.cp_boxOP {
		width: auto;
		margin: 0 auto;
	}
	.cp_boxOP label {
		position: relative;
		display: block;
		width: 100%;
		padding: 3%;
		cursor: pointer;
		transition: all 0.3s;
		text-align: center;
		color: #FFF;
		background: #0f1f64;
		border-radius: 4px;
		font-size: 108%;
		font-weight: bold;
	}
	.cp_boxOP label span {
		font-size: 70%;
	}
	.cp_boxOP label:hover {
		transition: all 0.3s;
		color: #ffffff;
		background: #0f1f64;
	}
	.cp_boxOP label::after {
		font-family: 'FontAwesome';
		content: ' \f067';
		color: #FFF;
	}
	.cp_boxOP label:hover::after {
		color: #FFF;
	}
	.cp_boxOP input:checked ~ label::after {
		font-family: 'FontAwesome';
		content: ' \f068';
		color: #FFF;
	}
	.cp_boxOP input:checked ~ label:hover::after {
		color: #FFF;
	}
	.cp_boxOP input {
		display: none;
	}
	.cp_boxOP .cp_container {
		position: relative;
		z-index: 10;
		overflow: hidden;
		height: 0;
		margin-top: -1px;
		transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	}
	.cp_boxOP input:checked ~ div {
		transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	}
	/* 続きを読むを押すと表示されるテキストの高さ */
	.cp_boxOP input:checked ~ div.cp_container {
		height: auto;
	}
	.cp_boxOP .detail {
		margin: 1em auto;
	}
	/*はぴバス*/
	.itineraryBox {
		width: 100%;
		border: 1px solid #CCC;
		background: #FFF;
		padding: 20px;
		font-size: 100%;
		line-height: 2.0;
	}
	.itineraryBox .model {
		width: 100%;
	}
	.itineraryBox .model > dl dt {
		width: 100%;
		font-size: 90%;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 10px;
	}
	.itineraryBox .model > dl dt > span {
		font-size: 110%;
		background: linear-gradient(transparent 60%, #ffff66 0%);
		margin-bottom: 10px;
		display: inline-block;
	}
	.itineraryBox .model > dl dd {
		width: 100%;
		font-size: 90%;
		font-weight: normal;
		background-color: #EEE;
	}
	.itineraryBox .detail {
		width: 100%;
		line-height: 1.2;
		font-size: 90%;
	}
	.itineraryBox .detail .period, .price {
		width: 100%;
		line-height: 1.5;
		text-align: left;
		padding: 0 10px;
		font-weight: bold;
	}
	.itineraryBox .detail .period > p {
		font-weight: normal;
	}
	.itineraryBox .detail .price dl {
		width: 100%;
		display: flex;
	}
	.itineraryBox .detail .price dl dt {
		width: 40%;
	}
	.itineraryBox .detail .price dl dd {
		width: 60%;
		font-size: 145%;
		font-weight: bold;
		color: #F00;
	}
	/*注意事項*/
	.subttl {
		border-left: 6px solid #000;
		font-weight: bold;
		padding-left: 6px;
		margin: 5% 0 2%;
	}
	ul.guideList {
		line-height: 1.4;
		margin-top: 2%;
	}
	ul.guideList li {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -1em;
		margin-left: 1em;
		text-align: left;
	}
	ul.guideList li:last-child {
		padding-bottom: 0;
	}
	ul.guideList li:before {
		content: '●';
	}
	ul.guideList li.kome {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -1em;
		margin-left: 1em;
	}
	ul.guideList li.kome:before {
		content: '※';
	}
	ul.guideList li.kome1 {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3.6em;
		margin-left: 3.6em;
	}
	ul.guideList li.kome1:before {
		content: '（※1）';
	}
	ul.guideList li.kome2 {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3.6em;
		margin-left: 3.6em;
	}
	ul.guideList li.kome2:before {
		content: '（※2）';
	}
	ul.guideList li.kome3 {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3.6em;
		margin-left: 3.6em;
	}
	ul.guideList li.kome3:before {
		content: '（※3）';
	}
	ul.guideList li span {
		color: #F00;
	}
	/*注意*/
	.attention {
		width: 100%;
		font-size: 100%;
		color: #F00;
		line-height: 1.5;
		margin: 3% auto;
		padding: 0.5em;
	}
	.attention p {
		font-weight: bold;
	}
	/*◆ボタン*/
	.Btn {
		color: #fff;
		width: 96%;
		margin: 2% auto;
		text-align: center;
		background: #003399;
		border-radius: 5px;
		padding: 6% 2%;
		position: relative; /* 追記 */
		font-weight: bold;
		font-size: 1.0em;
	}
	.Btn a {
		color: #fff;
	}
	.Btn span {
		font-size: 80%;
		font-weight: normal;
	}
	.Btn::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
	}
	.Btn_gray {
		color: #fff;
		width: 100%;
		margin: 2% auto;
		text-align: center;
		background: #666;
		border-radius: 5px;
		padding: 10% 3%;
		position: relative; /* 追記 */
	}
	.Btn_gray::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
	}
	.Btn2 {
		color: #fff;
		width: 96%;
		margin: 2% auto 10%;
		text-align: center;
		background: #35308e;
		border-radius: 5px;
		padding: 3%;
		position: relative; /* 追記 */
		font-weight: bold;
		font-size: 1.0em;
	}
	.Btn2 a {
		color: #fff;
	}
	.Btn2 span {
		font-size: 80%;
		font-weight: normal;
	}
	.Btn2::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
	}
	.BtnPlan {
		color: #fff;
		width: 90%;
		margin: 2% auto;
		text-align: center;
		background: #ff6699;
		border-radius: 5px;
		padding: 3% 2%;
		position: relative; /* 追記 */
		font-weight: bold;
		font-size: 1.0em;
	}
	.BtnPlan a {
		color: #fff;
	}
	.BtnPlan::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
	}
	.BtnPlan img {
		width: 50px;
		vertical-align: middle;
		margin-right: 5px;
	}
	/*footer*/
	#footer {
		background-color: #F0F5FA;
	}
	#footer .inner {
		width: 96%;
		margin: 0 auto;
		padding: 2% 2%;
	}
	#footer .inner ul {
		font-size: 11px;
		line-height: 1.4;
		text-align: left;
	}
	#footer .inner ul li {
		display: inline-block;
		width: 46%;
		padding: 2% 0;
	}
	#footer .inner ul li:last-child {
		border-right: none;
	}
	#footer .copy {
		background-color: #0952a4;
		color: #FFFFFF;
		font-size: 9px;
		text-align: center;
		padding: 2% 0;
	}
	/*pagetop*/
	#pagetop {
		display: none;
		position: fixed;
		right: 10px;
		bottom: 10px;
		z-index: 100;
	}
	#pagetop a {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		width: 3em;
		height: 3em;
		background-color: rgba(255, 255, 255, .5);
		border: solid 1px #152a8c;
		border-radius: 50vh;
	}
	#pagetop a::after {
		content: '';
		width: 7px;
		height: 7px;
		border-style: solid;
		border-width: 0 6px 9px 6px;
		border-color: transparent transparent #152a8c transparent;
	}
	/*news*/
	#newsImportant {
		margin: 5px;
		display: flex;
		font-size: 11px;
	}
	#newsImportant dt {
		width: 72px;
		height: fit-content;
		background: #e62d2d;
		color: #FFF;
		text-align: center;
		border-radius: 3px;
		margin-top: 2px;
		padding: 3px 0;
	}
	#newsImportant dd {
		width: 100%;
		padding: 0 10px;
	}
	#newsImportant li {
		padding: 5px 3px 5px 12px;
		position: relative;
		font-size: 1.1em;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	}
	#newsImportant li:nth-of-type(n+2) {
		border-top: 1px dotted #ccc;
	}
	#newsImportant li:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 6px solid #555555;
		border-right: 0;
		position: absolute;
		top: 7px;
		left: 0;
	}
	
		/*PR欄　駅プランポイントキャンペーン*/	
	.prbox {
        border: double 6px #0066cc;
        padding: 15px;
        background: #FFF;
		line-height: 20px;
    }
	
	.prbox h4{
		font-weight:bold;
		font-size:1.2em;
		color:#0066cc;
		padding-bottom:10px;
    }
	
	.text_ul {
      border-bottom: 1px solid #000;
      display: inline-block;
    }
	
	.prattn {
		background-color:#f6f5f5;
		margin-top:10px;
		padding:10px;
		font-size:12px;
    }
	
}
/*
PC
==================================================== */
@media screen and (min-width: 760px), print {
	.pcnone {
		display: none;
	}
	#container {
		position: relative;
		z-index: 1;
	}
	.inner {
	width: 100%;
	max-width:1080px;
	min-width:760px;
		margin: 0 auto;
		padding: 50px 0;
	}
	.innerPlan {
	width: 100%;
	max-width:1080px;
	min-width:760px;
		margin: 0 auto;
		padding: 20px 0;
	}
	/*title*/
	.titlePc {
		width: 100% !important;
		text-align: center;
		background: url(../images/bg_title.jpg) repeat center 0;
		position: relative;
		height: 500px;
	}
	.titlePc img {
	    width: 100%;
		max-width:950px;
	    height: auto;
	}
	.titleSp {
		display: none !important;
	}

.cmn_info {
	width: 100%;
	max-width:1080px;
	min-width:760px;
	margin: 0 auto;
}
.cmn_info a {
	width: 350px;
	display: block;
	background: #ff9900;
	padding: 8px 0 10px;
	text-align: center;
	color: #fff;
	margin: 2% 0 2% auto;
	border-radius: 5px;
	position: relative
}
.cmn_info a:after {
	content: "\03e";
	color: #FFF;
	transform: scale(0.5, 1);
	position: absolute;
	top: 24%;
	right: 4%
}
	/*navigation*/
	.topNavi {
		width: 100% !important;
		text-align: center;
		margin-top: 10px;
	}
	/*◆関西発・北陸発・中国発・九州発*/
	.departureSec {
		border-bottom: 8px solid #0066cc;
	}
	.topNavi ul.departure {
	width: 100%;
	max-width:1170px;
	min-width:760px;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.topNavi ul.departure li {
		display: inline;
		background: #fff;
		color: #0066cc;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.4;
		padding: 10px 5px;
		margin: 5px 10px 0 0;
		border-radius: 10px 10px 0 0;
		width: 15%;
		border-top: 3px solid #0066cc;
		border-right: 3px solid #0066cc;
		border-left: 3px solid #0066cc;
	}
	.topNavi ul.departure li.select {
		background: #0066cc;
		color: #FFF;
	}
	.topNavi ul.departure li:nth-child(6) {
		margin-right: 0;
	}
	.topNavi ul.departure li a {
		color: #0066cc;
	}
	.topNavi ul.departure li i {
		margin-right: 2%;
	}
	/*◆駅長おすすめ駅プラン*/
	.ekichoSec {
		border-bottom: 8px solid #00BE74;
	}
	.topNavi ul.ekicho {
	width: 100%;
	max-width:1170px;
	min-width:760px;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.topNavi ul.ekicho li {
		display: inline;
		background: #fff;
		color: #00BE74;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.4;
		padding: 10px 5px;
		margin: 5px 10px 0 0;
		border-radius: 10px 10px 0 0;
		width: 15%;
		border-top: 3px solid #00BE74;
		border-right: 3px solid #00BE74;
		border-left: 3px solid #00BE74;
	}
	.topNavi ul.ekicho li.select {
		background: #00BE74;
		color: #FFF;
	}
	.topNavi ul.ekicho li:nth-child(6) {
		margin-right: 0;
	}
	.topNavi ul.ekicho li a {
		color: #00BE74;
	}
	.topNavi ul.ekicho li i {
		margin-right: 2%;
	}
	/*◆かにカニエクスプレス*/
	.kaniSec {
		border-bottom: 8px solid #FF2853;
	}
	.topNavi ul.kani {
	width: 100%;
	max-width:1170px;
	min-width:760px;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.topNavi ul.kani li {
		display: inline;
		background: #fff;
		color: #FF2853;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.4;
		padding: 10px 5px;
		margin: 5px 10px 0 0;
		border-radius: 10px 10px 0 0;
		width: 15%;
		border-top: 3px solid #FF2853;
		border-right: 3px solid #FF2853;
		border-left: 3px solid #FF2853;
	}
	.topNavi ul.kani li.select {
		background: #FF2853;
		color: #FFF;
	}
	.topNavi ul.kani li:nth-child(6) {
		margin-right: 0;
	}
	.topNavi ul.kani li a {
		color: #FF2853;
	}
	.topNavi ul.kani li i {
		margin-right: 2%;
	}
	/*◆エリア*/
	.areaNavi ul {
		width: 100% !important;
		text-align: center;
		padding: 10px 0;
	}
	.departurebg {
		background: #0066cc;
	}
	.ekichobg {
		background: #00BE74;
	}
	.kanibg {
		background: #FF2853;
	}
	.areaNavi ul li {
		display: inline-block;
		background: #fff;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.4;
		padding: 5px 10px;
		margin: 5px 10px 5px 0;
		letter-spacing: 0.1em;
		border-radius: 30px;
		width: 120px;
	}
	.areaNavi ul li.tabiwatoku {
		width: 280px;
		color: #FF0000;
		letter-spacing: 0;
	}
	.areaNavi ul li.tabiwatoku a {
		color: #FF0000;
	}
	.areaNavi ul li.tabiwatoku span {
		font-size: 80%;
	}
	.areaNavi ul li a {
		color: #000;
	}
	.departurebg ul li.select, .ekichobg ul li.select, .kanibg ul li.select {
		background: #ffff00;
		color: #000;
	}
/*◆都道府県*/
.prefNavi ul {
		width: 100% !important;
		text-align: center;
		padding: 10px 0;
	}
	.prefdeparturebg {
		background: #D2E8FF;
	}
	.prefekichobg {
		background: #CCF4E4;
	}
	.prefkanibg {
		background: #FFDCE3;
	}
	.prefNavi ul li {
		display: inline-block;
		font-size: 18px;
		padding: 0 20px;
		border-left: 1px solid #000;
	}
.prefNavi ul li:last-child {
		border-right: 1px solid #000;
	}
	.prefNavi ul li a {
		color: #0066cc;
	}
	.departurebg ul li.select, .ekibg ul li.select, .kanibg ul li.select {
		background: #ffff00;
		color: #000;
	}
	/*メッセージ*/
	.message {
		padding: 1em 0.5em;
		background: #d6ebff;
		box-shadow: 0px 0px 0px 10px #d6ebff;
		border: dashed 2px white;
		text-align: center;
		line-height: 1.8;
		font-size: 20px;
	}
	/*見出し*/
	h2 {
		position: relative;
		padding: .5em .7em;
		margin-bottom: 30px;
		border-radius: 5px;
		background-color: #ff9900;
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
	}
	h2::after {
		content: '';
		position: absolute;
		top: 100%;
		left: 48.5%;
		width: 0;
		height: 0;
		border: 16px solid transparent;
		border-top: 16px solid #ff9900;
	}
	h2 div {
		font-size: 70%;
		font-weight: normal;
	}
	h3 {
		position: relative;
		padding: 4rem 1.5rem 0.5rem;
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	h3:before {
		position: absolute;
		bottom: -5px;
		left: calc(50% - 30px);
		width: 60px;
		height: 4px;
		content: '';
		border-radius: 3px;
		background: #0066cc;
	}
	/*新着情報*/
	.whatsnew {
		margin: 0;
		padding: 0;
		overflow-y: scroll;
		height: 150px;
	}
	.whatsnew dl {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 1% 0;
		border-bottom: 1px dashed #e9e6e6;
	}
	.whatsnew dt {
		width: 150px;
		padding-bottom: 1%;
	}
	.whatsnew dd {
		width: 700px;
		padding-bottom: 1%;
	}
	.whatsnew dl:last-child {
		border: none;
	}
	/*プラン*/
	.planBox {
		border: 2px solid #CCC;
		margin-top: 20px;
		padding: 15px;
		background: #FFF;
		display: flex;
	}
	.planBox .planPhoto {
		width: 30%;
		margin-right: 10px;
		position: relative;
	}
	.planBox .planPhoto .img-frame {
		
	}
	.planBox .planPhoto .img-frame img {
		width: 100%;
		max-width:300px;
		height: fit-content;
		display: block;
	}
	.planBox .planPhoto .caption {
		font-size: 80%;
		position: absolute;
		top: 230px; 
	}
	.planBox .fixing {
		position: absolute;
		margin-right: 10px;
	}
	.planBox .fixing img {
		width: 300px;

		height: auto;
	}
	.planBox .detail {
		width: 70%;

		line-height: 1.2;
	}
	.planBox .detail .planName {
		font-size: 130%;
		font-weight: bold;
	}
	.planBox .detail .planName img {
		width: 50px;
		vertical-align: middle;
		margin-right: 6px;
	}
	.planBox .detail .number {
		font-weight: bold;
		background: #FF0000;
		color: #FFF;
		display: inline-block;
		padding: 5px 10px;
		border-radius: 30px;
		margin: 10px 5px 0 0;
	}
	.planBox .detail .age {
		font-weight: bold;
		background: #000;
		color: #FFF;
		display: inline-block;
		padding: 5px 10px;
		margin: 10px 5px 0 0;
	}
	.planBox .detail .tyui {
		font-size: 14px;
	}
	.planBox .detail .price {
		font-size: 300%;
		font-weight: bold;
		color: #FF0000;
	}
	.planBox .detail .price .date {
		font-size: 34%;
		font-weight: normal;
		color: #000;
	}
	.planBox .detail .price .small {
		font-size: 60%;
	}
	.planBox .detail .bn {
		margin-top: 5px;
	}
	.planBox .detail .bn img {
		width: 500px;
	}
	.planBox .detail .tokuten {
		margin-top: 5px;
	}
	.planBox .detail .tokuten img {
		width: 620px;
	}
	.planBox .detail .action {
		margin-top: 5px;
		padding: 10px;
		background: #FFE7E7;
		width: 100%;
		line-height: 1.5;
	}
	.planBox .detail .note {
		line-height: 1.5;
		border-top: 1px dashed #000;
		margin-top: 10px;
		padding-top: 10px;
	}
	.planBox ul li {
		display: flex;
		justify-content: flex-start;
	}
	/*.planBox ul li span {
		display: block;
	}*/
	.planBox ul li span.label {
		margin: 0 5px 0 0;
		/*width: 20%;*/
		white-space: nowrap;
	}
	.planBox ul li span.lead {}
	.planBox .detail .Btn02 {
		color: #fff;
		width: 100%;
		margin-top: 10px;
		font-size: 130%;
		text-align: center;
		position: relative; /* 追記 */
		font-weight: bold;
		box-sizing: border-box;
	}
	.planBox .detail .Btn02 a {
		color: #fff;
		display: block;
		width: 100%;
		padding: 20px;
		background: #6699ff;
		border-radius: 30px;
	}
	.planBox .detail .Btn02::after {
		content: "＞";
		position: absolute;
		top: 55%;
		left: 20px;
		transform: translateY(-50%);
	}
	.planBox ul li.longLabel {
		display: block;
	}
	/*tabiwaチケット*/
	.ticketBox {
		border: 2px solid #CCC;
		/*padding: 15px;*/
		background: #FFF;
	}
	.ticketBox .ticketPhoto {}
	.ticketBox .ticketName {
		font-size: 18px;
		font-weight: bold;
		background: #FFDFEF;
		padding: 15px;
		height: 70px;
	}
	.ticketBox .ticketPoint {
		padding: 10px 15px 15px;
		line-height: 1.4;
	}
	/*list横並び*/
	.itemList2, .itemList3, .itemList4 {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.itemList2 > div {
		width: 50%;
		height: auto;
		align-self: stretch;
		padding: 10px;
	}
	.itemList3 > div {
		width: 33.33333%;
		height: auto;
		align-self: stretch;
		padding: 10px;
	}
	.itemList4 > div {
		width: 25%;
		height: auto;
		align-self: stretch;
		padding: 10px;
	}
	.itemList2, .itemList3, .itemList4 > div img {
		width: 100%;
		height: auto;
	}
	.itemList2, .itemList3, .itemList4 > div .txt {
		margin-top: 5px;
	}
	/*アコーディオン*/
	.accordion {
		max-width: 100%;
		background-color: #ffffff;
		margin-top: 20px;
	}
	.accordion:not([open]) {
		margin-bottom: 7px;
	}
	.accordion summary {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		padding: 1em 1em 1em 3em;
		border-radius: 5px;
		background-color: #0099ff;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		cursor: pointer;
		width: 100%;
		line-height: 1.4;
	}
	.accordion summary::-webkit-details-marker {
		display: none;
	}
	.accordion summary::before, .accordion summary::after {
		width: 3px;
		height: .9em;
		border-radius: 5px;
		background-color: #fff;
		content: '';
		position: absolute;
		left: 1.5em;
	}
	.accordion summary::before {
		rotate: 90deg;
	}
	.accordion summary::after {
		transition: rotate .3s;
	}
	.accordion[open] summary::after {
		rotate: 90deg;
	}
	.accordion .accordionInner {
		transform: translateY(-10px);
		opacity: 0;
		margin: 0;
		padding: 1em 2em 2em 2em;
		color: #000000;
		transition: transform .5s, opacity .5s;
	}
	.accordion[open] .accordionInner {
		transform: none;
		opacity: 1;
	}
	/* =========================================================
◆アコーディオン
========================================================= */
	.cp_box *, .cp_box *:before, .cp_box *:after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.cp_box {
		width: auto;
		margin: 2em auto;
	}
	.cp_box label {
		position: relative;
		display: block;
		width: 100%;
		padding: 10px;
		cursor: pointer;
		transition: all 0.3s;
		text-align: center;
		color: #FFF;
		background: #0f1f64;
		border-radius: 0.2em;
		font-size: 123.1%;
	}
	.cp_box label span {
		font-size: 100%;
	}
	.cp_box label:hover {
		transition: all 0.3s;
		color: #ffffff;
		background: #0f1f64;
	}
	.cp_box label::after {
		font-family: 'FontAwesome';
		content: ' \f067';
		color: #FFF;
	}
	.cp_box label:hover::after {
		color: #FFF;
	}
	.cp_box input:checked ~ label::after {
		font-family: 'FontAwesome';
		content: ' \f068';
		color: #FFF;
	}
	.cp_box input:checked ~ label:hover::after {
		color: #FFF;
	}
	.cp_box input {
		display: none;
	}
	.cp_box .cp_container {
		position: relative;
		z-index: 10;
		overflow: hidden;
		height: 0;
		margin-top: -1px;
		transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	}
	.cp_box input:checked ~ div {
		transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	}
	/* 続きを読むを押すと表示されるテキストの高さ */
	.cp_box input:checked ~ div.cp_container {
		height: auto;
	}
	.cp_boxOP *, .cp_boxOP *:before, .cp_boxOP *:after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.cp_boxOP {
		width: auto;
		margin: 0.5em auto;
	}
	.cp_boxOP label {
		position: relative;
		display: block;
		width: 100%;
		padding: 10px;
		cursor: pointer;
		transition: all 0.3s;
		text-align: center;
		color: #FFF;
		background: #4F009E;
		border-radius: 0.2em;
		font-size: 123.1%;
	}
	.cp_boxOP label span {
		font-size: 70%;
	}
	.cp_boxOP label:hover {
		transition: all 0.3s;
		color: #ffffff;
		background: #380071;
	}
	.cp_boxOP label::after {
		font-family: 'FontAwesome';
		content: ' \f067';
		color: #FFF;
	}
	.cp_boxOP label:hover::after {
		color: #FFF;
	}
	.cp_boxOP input:checked ~ label::after {
		font-family: 'FontAwesome';
		content: ' \f068';
		color: #FFF;
	}
	.cp_boxOP input:checked ~ label:hover::after {
		color: #FFF;
	}
	.cp_boxOP input {
		display: none;
	}
	.cp_boxOP .cp_container {
		position: relative;
		z-index: 10;
		overflow: hidden;
		height: 0;
		margin-top: -1px;
		transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	}
	.cp_boxOP input:checked ~ div {
		transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	}
	/* 続きを読むを押すと表示されるテキストの高さ */
	.cp_boxOP input:checked ~ div.cp_container {
		height: auto;
	}
	/*はぴバス*/
	.itineraryBox {
		border: 1px solid #CCC;
		background: #FFF;
		padding: 20px;
		font-size: 123.1%;
		line-height: 2.0;
	}
	.itineraryBox .model {
		width: 100%;
	}
	.itineraryBox .model > dl dt {
		font-size: 90%;
		font-weight: bold;
	}
	.itineraryBox .model > dl dt > span {
		font-size: 110%;
		background: linear-gradient(transparent 60%, #ffff66 0%);
	}
	.itineraryBox .model > dl dd {
		font-size: 90%;
		font-weight: normal;
		background-color: #EEE;
		word-break: keep-all;
	}
	.itineraryBox .detail {
		width: 100%;
		line-height: 1.2;
		font-size: 90%;
		display: flex;
		justify-content: space-between;
	}
	.itineraryBox .detail .period, .price {
		width: 420px;
		line-height: 1.5;
		text-align: left;
		padding: 10px;
		font-weight: bold;
	}
	.itineraryBox .detail .period > p {
		font-weight: normal;
	}
	.itineraryBox .detail .price dl {
		width: 100%;
		display: flex;
	}
	.itineraryBox .detail .price dl dt {
		width: 20%;
	}
	.itineraryBox .detail .price dl dd {
		width: 30%;
		font-size: 145%;
		font-weight: bold;
		color: #F00;
	}
	.Btn2 {
		width: 50%;
		margin: 10px auto;
		padding: 10px auto;
		color: #fff;
		text-align: center;
		position: relative;
	}
	.Btn2 a {
		display: block;
		font-size: 1rem;
		padding: 0.5rem;
		font-weight: 700;
		border-radius: 5px;
		color: #fff;
		background: #35308e;
	}
	.Btn2::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
	}
	.itineraryBox .dotLine {
		width: 100%;
		font-weight: bold;
		border-bottom: dotted 3px #38b3f2;
		margin: 20px auto;
	}
	/*注意事項*/
	.subttl {
		border-left: 6px solid #000;
		font-weight: bold;
		padding-left: 6px;
		margin: 14px 0 6px;
	}
	ul.guideList {
		padding: 0;
		margin-top: 8px;
		line-height: 1.4;
	}
	ul.guideList li {
		list-style: none;
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -1em;
		margin-left: 1em;
		text-align: left;
	}
	ul.guideList li:last-child {
		padding-bottom: 0;
	}
	ul.guideList li:before {
		content: '●';
	}
	ul.guideList li.kome {
		list-style: none;
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -1em;
		margin-left: 1em;
	}
	ul.guideList li.kome:before {
		content: '※';
	}
	ul.guideList li.kome1 {
		list-style: none;
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3.6em;
		margin-left: 3.6em;
	}
	ul.guideList li.kome1:before {
		content: '（※1）';
	}
	ul.guideList li.kome2 {
		list-style: none;
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3.6em;
		margin-left: 3.6em;
	}
	ul.guideList li.kome2:before {
		content: '（※2）';
	}
	ul.guideList li.kome3 {
		list-style: none;
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3.6em;
		margin-left: 3.6em;
	}
	ul.guideList li.kome3:before {
		content: '（※3）';
	}
	ul.guideList li span {
		color: #F00;
	}
	/*条件から探す*/
	.search_kokunaiBar {
		width: 100%;
		margin: 20px auto 0;
	}
	.search_kokunaiBar .serchBox {
		/*
    box-shadow: 0px 0px 15px -8px rgba(0,0,0,0.6);
    border-radius: 5px 5px 0 0;
*/
	}
	.search_kokunaiBar .serchBox > ul {
		font-size: 0;
	}
	.search_kokunaiBar .serchBox li {
		width: 100%; /* 32 */
		margin: 0;
		margin-right: 1%;
		padding: 15px 0 10px 0;
		background: #fff !important;
		color: #0952a4 !important;
		border-left: none;
		border-radius: 5px 5px 0 0;
	}
	.search_kokunaiBar .serchBox li:last-child {
		margin-right: 0;
	}
	.search_kokunaiBar .serchBox li.select {
		background: #0952a4 !important;
		color: #fff !important;
		font-size: 16px;
		border-radius: 5px 5px 0 0;
	}
	.search_kokunaiBar .serchBox li:hover {
		background: #0952a4 !important;
		color: #fff !important;
	}
	.tab_airset {
		display: none;
	}
	.search_kokunaiBar .serchBox .content_wrap {
		border-top: solid 6px #0952a4;
		box-shadow: 0px 0px 15px -8px rgba(0, 0, 0, 0.6);
		border-radius: 0px 0px 0 0;
	}
	.search_kokunaiBar .serchBox .date dd {
		padding-top: 2px;
		width: 100%;
	}
	.search_kokunaiBar #doAirSearch, .search_kokunaiBar .btnSeach {
		position: relative !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
		background: #0952a4 !important;
		padding: 10px !important;
		-webkit-border-radius: 5px !important;
		border-radius: 5px !important;
		border: solid 1px #0952a4 !important;
		width: 60% !important;
		margin: 20px auto 0 !important;
		transition: 0.2s !important;
		color: #fff !important;
	}
	.search_kokunaiBar #doAirSearch:hover, .search_kokunaiBar .btnSeach:hover {
		background: #0952a4 !important;
		color: #fff !important;
		border: solid 1px #0952a4 !important;
		transform: translate(0, 2px);
	}
	.search_kokunaiBar .btnSeach::after {
		position: absolute;
		right: 15px;
		content: '';
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.search_kokunaiBar #doAirSearch, .search_kokunaiBar .btnSeach:hover {
		background-color: #fff !important;
		border: solid 1px #0952a4 !important;
		color: #0952a4 !important;
	}
	.search_kokunaiBar .btnSeach:hover::after {
		border-top: 2px solid #0952a4;
		border-right: 2px solid #0952a4;
	}
	.search_kokunaiBar #pax_wrap {
		width: 600px !important;
	}
	.search_kokunaiBar .NTA_air_popup_calendar_contents .title_air {
		padding: 5px 0;
		margin-bottom: 10px;
	}
	/*注意*/
	.attention {
		margin: 10px auto;
		font-size: 100%;
		color: #F00;
		line-height: 1.5;
	}
	.attention p {
		font-weight: bold;
	}
	/*ボタン*/
	.Btn {
		color: #fff;
		width: 100%;
		margin: 10px auto;
		text-align: center;
		background: #003399;
		border-radius: 5px;
		padding: 30px 30px;
		position: relative; /* 追記 */
		font-size: 20px;
		font-weight: bold;
	}
	.Btn a {
		color: #fff;
	}
	.Btn::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
		font-weight: bold;
	}
	.Btn_gray {
		color: #fff;
		width: 100%;
		margin: 10px auto;
		text-align: center;
		background: #666;
		border-radius: 5px;
		padding: 20px 30px;
		position: relative; /* 追記 */
		font-size: 16px;
	}
	.Btn_gray::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
	}
	.BtnPlan {
		color: #fff;
		width: 50%;
		margin: 10px auto;
		text-align: center;
		background: #ff6699;
		border-radius: 5px;
		padding: 15px 30px;
		position: relative; /* 追記 */
		font-size: 20px;
		font-weight: bold;
	}
	.BtnPlan a {
		color: #fff;
	}
	.BtnPlan::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
		font-weight: bold;
	}
	.BtnPlan img {
		width: 80px;
		vertical-align: middle;
		margin-right: 10px;
	}
	/*footer*/
	#footer {
		background-color: #F0F5FA;
	}
	#footer .inner {
	width: 100%;
	max-width:990px;
	min-width:760px;
		margin: 0 auto;
		padding: 20px 0;
	}
	#footer .inner ul {
		font-size: 13px;
		line-height: 1.4;
		text-align: center;
	}
	#footer .inner ul li {
		display: inline-block;
		padding: 0 6px;
		border-right: 1px solid #CCC;
	}
	#footer .inner ul li:last-child {
		border-right: none;
	}
	#footer .copy {
		background-color: #0952a4;
		color: #FFFFFF;
		font-size: 12px;
		text-align: center;
		padding: 10px 0;
	}
	/*pagetop*/
	#pagetop {
		display: none;
		position: fixed;
		right: 50px;
		bottom: 50px;
		cursor: pointer;
		z-index: 100;
	}
	#pagetop a {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		width: 80px;
		height: 80px;
		background-color: rgba(255, 255, 255, .5);
		border: solid 1px #152a8c;
		border-radius: 50vh;
	}
	#pagetop a::after {
		content: '';
		width: 7px;
		height: 7px;
		border-style: solid;
		border-width: 0 6px 9px 6px;
		border-color: transparent transparent #152a8c transparent;
	}
	#pagetop a:hover {
		background-color: #152a8c;
	}
	#pagetop a:hover::after {
		border-width: 0 6px 9px 6px;
		border-color: transparent transparent #fff transparent;
	}
	/*news*/
	#newsImportant {
	width: 100%;
	max-width:970px;
	min-width:760px;
		margin: 5px auto;
		display: flex;
		font-size: 12px;
		padding: 8px;
	}
	#newsImportant dt {
		width: 72px;
		height: fit-content;
		background: #e62d2d;
		color: #FFF;
		text-align: center;
		border-radius: 3px;
		margin-top: 1px;
		padding: 3px 0;
	}
	#newsImportant dd {
		width: 100%;
		padding: 0 10px;
	}
	#newsImportant li {
		padding: 3px 3px 3px 12px;
		position: relative;
		font-size: 13px;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	}
	#newsImportant li:nth-of-type(n+2) {
		border-top: 1px dotted #ccc;
	}
	#newsImportant li:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 6px solid #555555;
		border-right: 0;
		position: absolute;
		top: 7px;
		left: 0;
	}
	
	/*PR欄　駅プランポイントキャンペーン*/	
	.prbox {
        border: double 10px #0066cc;
        padding: 15px;
        background: #FFF;
		line-height: 20px;
    }
	
	.prbox h4{
		font-weight:bold;
		font-size:1.2em;
		color:#0066cc;
		padding-bottom:10px;
    }
	
	.text_ul {
      border-bottom: 1px solid #000;
      display: inline-block;
    }
	
	.prattn {
		background-color:#f6f5f5;
		margin-top:10px;
		padding:10px;
		font-size:13px;
    }
	
	
	
	
}

/*------------------------------
scroll item
------------------------------*/
/*759px以下*/
@media screen and (max-width: 759.9px) {
.scrollbox_wraper {
	margin-bottom: 25px;
	position: relative;
}
.scrollbox_wraper .scroll_left_btn,
.scrollbox_wraper .scroll_right_btn {
    width: 32px;
    height: 32px;
    position: absolute;
    top: calc(50% - 32px);
    display: block;
    z-index: 1;
    background: #FFF;
    border-radius: 50%;
    box-shadow: 0px 0px 6px #888;
}
.scrollbox_wraper .scroll_left_btn {left: 0;}
.scrollbox_wraper .scroll_right_btn {right: 0;}
.scrollbox_wraper .scroll_left_btn:after,
.scrollbox_wraper .scroll_right_btn:after,
.scrollbox_wraper .scroll_left_btn:before,
.scrollbox_wraper .scroll_right_btn:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
}
.scrollbox_wraper .scroll_left_btn:after {
	position: absolute;
	top: 16px;
	left: 11px;
    border-left: 2px solid;
    border-top: 10px solid;
	transform: rotate(-45deg);
	-webkit-transform-origin-y: top;
	transform-origin: top;
}
.scrollbox_wraper .scroll_right_btn:after {
	position: absolute;
	top: 16px;
	right: 11px;
	border-left: 2px solid;
	border-top: 10px solid;
	transform: rotate(45deg);
	-webkit-transform-origin-y: top;
	transform-origin: top;
}
.scrollbox_wraper .scroll_left_btn:before {
	position: absolute;
	top: 7px;
	left: 11px;
    border-left: 2px solid;
    border-top: 10px solid;
	transform: rotate(45deg);
	-webkit-transform-origin-y: bottom;
	transform-origin: bottom;
}
.scrollbox_wraper .scroll_right_btn:before {
	position: absolute;
	top: 7px;
	right: 11px;
	border-left: 2px solid;
	border-top: 10px solid;
	transform: rotate(-45deg);
	-webkit-transform-origin-y: bottom;
	transform-origin: bottom;
}
.scrollbox_wraper .scroll_left_btn.non_scloll,
.scrollbox_wraper .scroll_right_btn.non_scloll {
	transition: 0.1s;
	display:none!important;
}
.scrollbox_wraper .scrollbox {overflow-x: scroll!important;}
.scrollbox_wraper .scrollbox > ul {
    width: fit-content !important;
    display: flex !important;
    margin: 0 auto 15px !important;
	padding: 0 calc(calc(100% - calc(1040px / 4)) / 2);
}
.scrollbox_wraper .scrollbox > ul > li.sliderBox {
	width: calc(1038px / 4) !important;
	margin: 0 5px !important;
	padding: 15px;
	box-sizing: border-box;
}
.scrollbox_wraper .scrollbox > ul > li img {
	width:100%;
	height:auto;
}
.scrollbox_wraper .scrollbox > ul > li p {

}
.scrollbox_wraper .scrollbox::-webkit-scrollbar {height: 5px!important;}
.scrollbox_wraper .scrollbox::-webkit-scrollbar-track {
	margin: 0 5px !important;
	background: #eee !important;
	border-radius: 5px !important;
}
.scrollbox_wraper .scrollbox::-webkit-scrollbar-thumb {
	border-radius: 5px !important;
	background: #999 !important;
}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
.scrollbox_wraper {
	margin-bottom: 50px;
	position: relative;
}
.scrollbox_wraper .scroll_left_btn,
.scrollbox_wraper .scroll_right_btn {
    width: 32px;
    height: 32px;
    position: absolute;
    top: calc(50% - 32px);
    display: block;
    z-index: 1;
    background: #FFF;
    border-radius: 50%;
    box-shadow: 0px 0px 6px #888;
}
.scrollbox_wraper .scroll_left_btn {left: -40px;}
.scrollbox_wraper .scroll_right_btn {right: -40px;}
.scrollbox_wraper .scroll_left_btn:after,
.scrollbox_wraper .scroll_right_btn:after,
.scrollbox_wraper .scroll_left_btn:before,
.scrollbox_wraper .scroll_right_btn:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
}
.scrollbox_wraper .scroll_left_btn:after {
	position: absolute;
	top: 16px;
	left: 11px;
    border-left: 2px solid;
    border-top: 10px solid;
	transform: rotate(-45deg);
	-webkit-transform-origin-y: top;
	transform-origin: top;
}
.scrollbox_wraper .scroll_right_btn:after {
	position: absolute;
	top: 16px;
	right: 11px;
	border-left: 2px solid;
	border-top: 10px solid;
	transform: rotate(45deg);
	-webkit-transform-origin-y: top;
	transform-origin: top;
}
.scrollbox_wraper .scroll_left_btn:before {
	position: absolute;
	top: 7px;
	left: 11px;
    border-left: 2px solid;
    border-top: 10px solid;
	transform: rotate(45deg);
	-webkit-transform-origin-y: bottom;
	transform-origin: bottom;
}
.scrollbox_wraper .scroll_right_btn:before {
	position: absolute;
	top: 7px;
	right: 11px;
	border-left: 2px solid;
	border-top: 10px solid;
	transform: rotate(-45deg);
	-webkit-transform-origin-y: bottom;
	transform-origin: bottom;
}
.scrollbox_wraper .scroll_left_btn.non_scloll,
.scrollbox_wraper .scroll_right_btn.non_scloll {
	transition: 0.1s;
	display:none!important;
}
.scrollbox_wraper .scrollbox {overflow-x: scroll!important;}
.scrollbox_wraper .scrollbox > ul {
    width: fit-content !important;
    display: flex !important;
    margin: 0 auto 15px !important;
}
.scrollbox_wraper .scrollbox > ul > li.sliderBox {
	width: calc(1038px / 4) !important;
	margin: 0 5px !important;
	padding: 15px;
	box-sizing: border-box;
}
.scrollbox_wraper .scrollbox > ul > li img {
	width:100%;
	height:auto;
}
.scrollbox_wraper .scrollbox > ul > li p {

}
.scrollbox_wraper .scrollbox::-webkit-scrollbar {height: 5px!important;}
.scrollbox_wraper .scrollbox::-webkit-scrollbar-track {
	margin: 0 5px !important;
	background: #eee !important;
	border-radius: 5px !important;
}
.scrollbox_wraper .scrollbox::-webkit-scrollbar-thumb {
	border-radius: 5px !important;
	background: #999 !important;
}
@media (min-width: 760px) and (max-width: 900px){
	/*------------------------------
	for Tablet
	------------------------------*/
	.scrollbox_wraper .scrollbox {
		overflow-x: scroll!important;
		padding: 0;
	}
	.scrollbox_wraper .scrollbox > ul > li {
		width: 270px !important;
	    margin: 0 5px;
		background: #fff;
	}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar {height: 5px!important;}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar-track {
		margin: 0 5px!important;
		background: #eee!important;
		border-radius: 5px!important;
	}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar-thumb {
		border-radius: 5px!important;
		background: #999!important;
	}
}

/*スクロールなし*/
.scrollbox_wraper.pc_no_slider {
	margin-bottom: 15px;
	position: relative;
}
.scrollbox_wraper.pc_no_slider .scroll_left_btn,
.scrollbox_wraper.pc_no_slider .scroll_right_btn,
.scrollbox_wraper.pc_no_slider .scrollbox::-webkit-scrollbar,
.scrollbox_wraper.pc_no_slider .scrollbox::-webkit-scrollbar-track,
.scrollbox_wraper.pc_no_slider .scrollbox::-webkit-scrollbar-thumb {display:none!important;}
.scrollbox_wraper.pc_no_slider .scrollbox > ul{flex-wrap: wrap;}
.scrollbox_wraper.pc_no_slider .scrollbox > ul li{margin-bottom: 10px !important;}
}