@charset "utf-8";
/* CSS Document */
.ui-static-main-visual-bg-small img{
	width: 100%;
	min-height: 250px;
}
@media screen and (max-width: 1700px){
	.ui-static-main-visual-bg-small{
		background: url("../img/main.jpg") center /cover no-repeat;
	}
	.ui-static-main-visual-bg-small img{
	display: none;
}
}
/**/
.gnavi__wrap {
    width: 100%;
    margin: 0 auto;
	background-color: #E5F0F8;
}
.gnavi__lists {
    display: flex;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}
.gnavi__list {
	flex:1;
    height: 60px;
    background-color: #E5F0F8;
    position: relative;
    transition: all .3s;
}
.gnavi__list:hover {
    background-color: #0071BB;
}
.gnavi__list:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
}
.gnavi__list:hover::before {
    background-color: #0071BB;
}
.gnavi__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #1b4059;
    font-size: 15px;
    letter-spacing: 0.05em;
    font-weight: 600;
    transition: all .3s;
}
.gnavi__list:hover a {
    color: #fff;
}
.dropdown__lists {
    transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
    transform-origin: center top;/*変形を適応する基準をtopとする*/
    transition: all .3s;/*表示の変化を0.3秒に指定*/
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
	z-index: 5;
}
.gnavi__list:hover .dropdown__lists {
    transform: scaleY(1);/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list {
    background-color: #004d80;
    height: 60px;
    transition: all .3s;
    position: relative;
	display: flex;
	justify-content: center;
	z-index: 5;
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #3492d1;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover {
    background-color: #003558;
}
.dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
	width: 100%;
}
.dropdown__list a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}


.ui-static-heading-underline::after{
	background-color: #FFFF00;
	height:7px;
}
section.tour_col:nth-child(odd){
	background: #f2f2f2;
}

ul.product-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

ul.product-list li{
	width: calc(96% / 4);
	margin-bottom: 10px;
	display:flex;
}
.ui-static-temp-new-product-card-inner{
	background: #FFF;
}
.ui-static-temp-new-product-card .ui-static-temp-new-product-card-departure-arival-info span{
	background: #f2f2f2;
	padding: 2px;
}
.ui-static-temp-new-product-card-variant-primary .ui-static-temp-new-product-card-inner .ui-static-temp-new-product-card-container {
    flex-grow: 1;
}
.ui-static-price-container{
	line-height: 1;
}

.ui-static-temp-new-product-card .ui-static-temp-new-product-card-title{
	font-size:18px;
}
.ui-static-temp-new-product-card .ui-static-temp-new-product-card-tags .ui-static-tag-list-item{
	width:auto;
}
.ui-static-temp-new-product-card .ui-static-temp-new-product-card-tags{
	margin:6px 0;
}
.btn_wrap{
	padding-top: 20px;
	text-align: center;
}
/*その他ボタン*/
.ui-static-button-ngo{
	font-size:1rem;
	padding:15px 40px 20px 50px;
	background:#444;
	color:yellow;
}
.ui-static-button-ngo:hover{
	background:#888;
}
.ui-static-button-ngo i{
	padding-left:5px;
	color:yellow;
}
.ui-static-button-ngo2{
	margin-left:20px;
	color:#FFF;
}
.ui-static-button-ngo2 i{
	padding-left:5px;
	color:#FFF;
}

/*その他発着*/
#other_area{
	background: #e1f6f9;
}
#other_area h6{
	text-align: center;
	font-size:28px;
	padding-bottom: 30px;
}
#other_area ul{
	display: flex;
	justify-content: center;
}

#other_area ul li a{
	display: block;
	background: #FFF;
	border:1px solid #333;
	padding: 5px 10px;
	margin:0 5px;
}