@charset "utf-8";
/* CSS Document */

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

共通

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

.flyover .info-box h4{
	color:#5a4305;
	/*border-bottom: 3px solid #9ae9ff;*/
}

.flyover .info-box p{
	color:#5a4305;
	font-weight: bold;
}
.flyover .section-title{
	padding-bottom: 10px;
}

.tour_none{
    padding: 15px;
    text-align: center;
    color: #ffffff;
    margin: 30px 0 40px;
    background-color: #e6000d;
    font-weight: bold;
}

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

　タイトル

--------------------------*/
.title-slider{
	position: relative;
}

.title-text{
	position: absolute;
	z-index: 5;
	width: 960px;
	margin: auto;
	left: 0;
	right: 0;
}


.title-slider{
	height: 450px;
}
.flyover .title-text{
	bottom: 20px;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}

.flyover .title-text h2{
	font-size: 12rem;
	font-weight: bold;
	font-style: italic;
	color: #019ff0;
	line-height: 1.3;
	
	text-shadow: 
		1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff,
		2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff,
		3px 3px 5px #fff, -3px 3px 5px #fff, 3px -3px 5px #fff, -3px -3px 5px #fff,
		4px 4px 6px #fff, -4px 4px 6px #fff, 4px -4px 6px #fff, -4px -4px 6px #fff,
		5px 5px 10px #555, -5px 5px 8px #fff, 5px -5px 8px #fff, -5px -5px 8px #fff;
}
.flyover .title-text h2 span{
	font-size: 4rem;
	display: block;
	
}

.title-sub1,.title-sub2{
	font-family: 'M PLUS 1p', sans-serif;
	transform: rotate(0.05deg);
	color: #fff;
}


.title-sub1{
	font-size: 2.5rem;
	font-weight: bold;
	text-shadow: 2px 2px 1px #555;
	
	
}

.title-sub2{
	font-size: 2.5rem;
	left:10px;
	top:40px;
	text-align: center;
	background-color: #357d5a;
	border-radius: 100px;
	height: 180px;
	width: 180px;
	line-height: 1.2;
	box-shadow: 1px 1px 5px #3e3e3e;
	position: absolute;
	transform: rotate(-10deg);
}
.title-sub2 img{
	width: 85px;
	display: block;
	padding: 35px 0 10px 0;
}

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

　ナビ

---------------------------*/
.navgation{
	/*font-family: 'M PLUS 1p', sans-serif;
	transform: rotate(0.05deg);*/
	background-color: #00628c;
	padding: 20px;
}

.nav-list{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav-list-item{
	text-align: center;
}

.nav-list-item>a{
	font-size: 1.8rem;
	color: #fff;
	padding: 0;
}

.flyover .nav-list-item>a:hover{
	background-color:#00628c;
	color: #fff;
	
}
/*-------------------------

　遊覧飛行とは

---------------------------*/
/*.flyover .spot-info .info-box{
	flex-direction : row-reverse
}*/

.flyover .spot-info{
	background-color: #dbf6f8;
	background-size: cover;
}

.flyover .spot-info .section-title{
	background: url("../images/section-title-bk-01.png") center bottom no-repeat;
}

/*.flyover .spot-info .info-box .info-box-img {
    width: 45%;
}
*/
/*
.flyover .tour .info-box-text:nth-child(even){
	margin-left:15px;
}*/

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

　ツアー1

---------------------------*/
.tour1{
    background:/*url("../images/bg.png"),*/linear-gradient(
-175deg,#169cb2, #289dac);
 	background-repeat:repeat;
}

.flyover .tour1 h4{
	color:#fab71f;
	/*border-bottom: 3px solid #e3371a;*/
	line-height: 4rem;
}

.flyover .tour1 h5{
	color:#c79f62;
}

#tour .info-box-text-sub{
	text-align: left;
    font-size: 1.3rem;
    color: #ffffff;
    font-weight: 100;
    line-height: 2.0;
}
/*-------------------------

	 見出し

---------------------------*/
	.h-small{
		font-size:70%;
	}

	.h-big{
		font-size:112%;
	}
	
	.h-color{
		color:#daa01c;
	}
	.h2-color{
		color:#ffe73e;
	}

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

　ガリンコ号とおーろらの違い

---------------------------*/
.ship-info{
	background: #bae3f9;
	overflow: hidden;
	background-image: url("../images/bk-aurora.png"),url("../images/bk-garinko.png");
	background-position:left bottom,right bottom;
	background-repeat: no-repeat;
}
.ship-info .section-title{
	background: url("../images/section-title-bk-05.png") center bottom no-repeat;
}	
.ship-info-list{
	margin-bottom: 160px;
}
.ship-info-list-item{
	display: flex;
	margin-bottom: 10px;
	font-size: 1.4rem;
}
.ship-info-item{
	width: 33.33%;
	background-color: #029fee;
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ship-info-item-conts{
	flex: 1;
	display: flex;
}

.ship-info-garinko,.ship-info-aurora{
	width: 50%;
}


.ship-info-item,.ship-info-garinko,.ship-info-aurora{
	margin-right: 10px;
	text-align: center;
	padding: 25px;
}
.ship-info-aurora{
	margin-right: 0;
}


.ship-info-garinko,.ship-info-aurora{
	background-color:#fff;
	display: block;
}
.ship-name .ship-info-item,.ship-name .ship-info-garinko,.ship-name .ship-info-aurora{
	background-color: #bae3f9;
	color: #3e3e3e;
}

.ship-info-garinko span,.ship-info-aurora span{
	font-family: 'M PLUS 1p', sans-serif;
	transform: rotate(0.05deg);
	font-size: 3rem;
}
.ship-info-garinko span{
	color:#e3371a;
	border-bottom: dotted 3px #e3371a;
}
.ship-info-aurora span{
	color:#07a080;
	border-bottom: dotted 3px #07a080;
}

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

　一緒に楽しみたい観光スポット

---------------------------*/
.point-2col h4{
	color: #00628c;
	padding-left: 0;
}
.point .tourlink{
	color: #00628c;
}
	
.flyover .point{
	background-image: url("../images/bk_point.jpg");
}
.point .section-title{
	background: url("../images/section-title-bk-05.png") center bottom no-repeat;
}
.point-2col li:hover{
	opacity: 1;
	box-shadow: 3px 3px 8px #3e3e3e;
}


@media screen and (max-width: 1024px) {

	.title-sub2{
		display: none;
	}
	
	/*-------------------------

	 ガリンコ号とおーろらの違い

	---------------------------*/
	.ship-info{
		background-image: none;
	}
}


@media screen and (max-width: 767px) {

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

	 共通


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

	.flyover .info-box{
		padding: 0 0 20px 0;
	}
	.flyover .section-title h3 {
		font-size: 3rem;
	}
	.flyover h5::before,.flyover h5::after{
		content: "";
	}



	/*-------------------------
	
	 タイトル
	
	---------------------------*/
	.title-slider{
		height: 350px;
	}
	.flyover .title-text {
		bottom: 20px;
    	top: 42%;
    	left: 50%;
    	transform: translate(-50%,-50%);
    	text-align: center;
	}
	
	.flyover .title-text h2{
		font-size: 6rem;
	}
	
	.flyover .title-text h2 span{
		font-size: 3rem;
	}
	.flyover .title-sub1{
		font-size:2rem;
	}
	
	.title-text{
		width: 100%;
	}
	
	.flyover .title-text {
    /*bottom: 20px;
    top: 50%;
    left: 45%;*/
    transform: translate(-50%,-50%);
    text-align: center;
}
	
	/*-------------------------

	 ナビ

	---------------------------*/
	.navgation {
		padding: 0;
	}
	.navgation .inner960{
		width: 100%;
	}
	.nav-list{
		flex-wrap: wrap;
	}
	
	.nav-list-item{
		width: 50%;
		text-align: center;
		padding:20px 5px;
		border-bottom:1px solid #fff;
	}
	
	.nav-list-item:first-child{
		width: 100%;
	}
	.nav-list-item:nth-of-type(2n){
		border-right:1px solid #fff;
	}
	
	
	
	/*-------------------------

	 遊覧飛行とは

	---------------------------*/
	.flyover .spot-info  .info-box .info-box-img{
		width: 100%;
		margin: 0 auto 30px;
	}
	
	.flyover .spot-info .info-box-text{
		margin-right: 0;
	}

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

	 ガリンコ号とおーろらの違い

	---------------------------*/
	
	.ship-info-list-item{
		display: block;
	}
	.ship-info-item, .ship-info-garinko, .ship-info-aurora {
		width: 100%;
	}
	
	.ship-info-item-conts{
		display: block;
	}
	.ship-info-garinko span, .ship-info-aurora span{
		font-size: 2rem;
		margin-bottom: 15px;
	}
	
	
	
}