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

/*------------------
プラン-common
-------------------*/
.contents-center{
	margin-top: 3rem;
	text-align: center;
}
.contents-center>p{
	display: inline-block;
	text-align: left;
}

.list-dl{
	margin: 0 auto;
	width: 340px;
}
.list{
	float: left;
	width: 14rem;
	font-weight: 400;
}
.list-dl-tourprice{
	margin: 30px auto 0 auto;
	width: 400px;
}
.insualance{
	color: #ea3a25
}


/*------------------
プランについて説明
-------------------*/
.tour-ex{
	display: flex;
	list-style: none;
	margin: 5rem 10rem 10rem 10rem;
}
.tour-ex>li{
	width: 50%;
}
.tour-ex>li>h3{
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
}
.tourname-eng{
	color: #E86D40;
	font-family: "futura", Gadget, "sans-serif";
}
.tourname-eng>span{
	font-size: 5rem;
	font-family: rollerscript-rough, sans-serif;
}
.tourname-jp{
	font-size: 4.3rem;
	margin-top: -4rem;
}
.tourname-jp>span{
	display: block;
	font-size: 2.5rem;
	margin: 5px 0 0 5px;
	line-height: 0;
}
.plan-comment_annotation{
	display: block;
	font-size: 1.3rem;
	margin-top: 1rem;
	line-height: inherit;
}
/*割引ボックス*/
.box-student {
    padding: 1px 30px;
    margin: auto 0 auto 1rem;
    font-weight: bold;
    color: #ffffff;/*文字色*/
    background: #e84040;
    border: solid 3px #e84040;/*線*/
    border-radius: 0px;/*角の丸み*/
}
.box-student p {
    margin: 0; 
    padding: 0;
}
.box-group {
    padding: 1px 30px;
    margin: auto 0 auto 1rem;
    font-weight: bold;
    color: #ffffff;/*文字色*/
    background: #4083e8;
    border: solid 3px #4083e8;/*線*/
    border-radius: 0px;/*角の丸み*/
}
.box-group p {
    margin: 0; 
    padding: 0;
}
.sp-planname-discount{
	display: flex;
	list-style: none;
	justify-content: inherit;
	margin: 3rem 0;
}
.plan-reserve-btn{
	margin: 0 10rem;
}
/*------------------
youtube
-------------------*/
.youtube {
	margin: 5rem auto;
  	width: 80%;
  	aspect-ratio: 16 / 9;
}
.youtube iframe {
  	width: 100%;
  	height: 100%;
}
.youtube p{
	margin: 1rem auto;
	font-weight: bold;
	text-align: center;
}
/*------------------
プラン料金について説明
-------------------*/
.tour-price{
	margin: 10rem 10rem;
}
.tour-price>h2{
	text-align: center;
	color: #FFFFFF;
	font-weight: 500;
	border-radius: 0.7rem;
	background: #1A2D51;
	margin: 3rem 0rem;
	padding: 0.5rem 0;
}

.tour-price>ul{
	margin: 3rem auto;
	width: 50rem;
}
.tour-price>ul>li{
	margin-left: 3rem;
}

/*------------------
こんな方におすすめ
-------------------*/
.recommend{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10rem 10rem;
	list-style: none;
}
.recommend>li{
	width: 50%;
}
.recommend>li:last-of-type{
	text-align: center;
	margin: 0 3rem;
}
.recommend>li>h2{
	font-weight: 600;
	font-size: 3rem;
}
.recommend>li>h2>span{
	color: #E86D40;
	margin: 1rem;
}
.recommend-message>p>span{
	color: #E86D40;
	font-weight: 600;
	font-size: 3rem;
	margin-right: 1.5rem;
	vertical-align: middle;
}
.recommend-btn{
	margin: 0 5%;
}
.comment-osusume {
    padding: 0.5em 1em;
    margin: 1rem 0rem;
    background: #FFF;
    border: solid 3px #E86D40;/*線*/
    border-radius: 10px;/*角の丸み*/
	text-align: left;
}
.comment-osusume span{
	display: block;
	font-weight: bold;
	text-align: center;
}
/*------------------
スケジュール
-------------------*/
.schedule{
	padding: 5rem 0;
	margin: 5rem 0;
	background-image: url("../img/TOP/white_00115.jpg");
	background-attachment: fixed;
	background-size: cover;
}
/*AM plan*/
	.plan-am{
		display: flex;
		justify-content: center;
		align-items: center;
		list-style: none;
		margin: 3rem 0;
	}
	.am-time{
		width: 45%;
		margin: 0 5rem 0 10rem;
	}
	.am-time>h3{
		font-size: 2.6rem;
		font-weight: 600;
	}
	.am-time p{
		margin: 0 3rem;
	}

/*PM plan*/
	.plan-pm{
		display: flex;
		justify-content: center;
		align-items: center;
		list-style: none;
		margin: 3rem 0;
	}
	.pm-time{
		width: 45%;
		margin: 0 3rem 0 10rem;
	}
	.pm-time>h3{
		font-size: 2.6rem;
		font-weight: 600;
	}
	.pm-time p{
		margin: 0 3rem;
	}


.stuff{
	margin: 3rem 20%;
}


/*------------------
スタッフからのコメント
-------------------*/
.message{
	margin: 5rem 0 10rem 0;
}
.message>ul{
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
}
.message>ul>li{
	width: 50%;
}
.message>ul>li>p{
	margin: 3rem 3rem 3rem 10rem;
}
.message-pic{
	margin-right: 10rem;
}
/*------------------
ツアー概要
-------------------*/
.tour-overview{
	margin: 10rem 0;
}
.tour-overview>div{
	margin: 5rem 10rem;
}
.tour-overview>div:last-of-type{
	margin: -5rem 10rem;
}
.tour-overview>div>h3{
	text-align: center;
	color: #FFFFFF;
	font-weight: 400;
	border-radius: 0.7rem;
	background: #1A2D51;
	margin: 3rem 0;
	padding: 0.3rem 0;
}
.list-ampm{
	text-align: right;
	margin-left: -15rem;
}
.plan-name{
	font-weight: 400;
	text-align: center;
}
.tourlist-place>p{
	text-align: center;
	font-weight: 400;
}
.tourlist-place>p:last-of-type{
	font-weight: 300;
}
.tourlist-place>div{
	margin: 3rem;
	text-align: center;
}
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.timelist{
	margin-top: 2rem;
	text-align: left;
}
.tourlist-long>p{
	text-align: center;
	font-weight: 400;
}
.tourlist-conditions>p{
	text-align: center;
	font-weight: 400;
}
.tourlist-conditions>ul{
	width: 72rem;
	margin: 3rem auto;
}

.tourlist-contents>p{
	text-align: center;
	font-weight: 400;
}
.tourlist-contents>p:nth-child(4){
	font-weight: 100;
	margin-top: 2rem;
}
.tour-link{
	margin: 0 20% 5rem 20%;
}
.tour-pay>p{
	text-align: center;
	font-weight: 400;
}

.list-dl-cancel{
	margin: 30px auto 0 auto;
	width: 220px;
}

.policy{
	text-align: center;
	font-weight: bold;
	margin: 3rem 0 -2rem 0;
}
.policy-ex{
	margin: 3rem 10rem 1.5rem 10rem;
}
.policy-ex2{
	margin: 1.5rem 10rem;
}
/*割引*/
.discount{
	display: block;
	padding-top: 8rem;
	margin-top: -8rem;
}
.attention{
	text-decoration: underline;
	margin: 1rem 10rem;
}

.ttl-discount{
	font-weight: bold;
}
.ttl-discount span{
	color: #ea3a25;
}
.student{
	margin: 0 10rem;
}
.student p:last-of-type{
	margin-left: 2rem;
}
.student{
	margin-bottom: 1rem;
}
.student a{
	text-decoration: underline;
	color: #ea3a25;
	font-weight: bold;
}
.group{
	margin: 0 10rem;
}
.group p:last-of-type{
	margin-left: 2rem;
}
.group a{
	text-decoration: underline;
	color: #ea3a25;
	font-weight: bold;
}
/*------------------
写真-2
-------------------*/
.pics-2{
	position: absolute;
	pointer-events: none;
}

.pic-4{
    position: relative;
    left: 53%;
    width: 55%;
}
.pic-5{
    position: relative;
    top: -220px;
    left: 20%;
    width: 43%;
}

/*------------------
プランフッター
-------------------*/
.plan-footer{
	margin-top: 600px;
}
/*--------------------
中間サイズ
----------------------*/
@media screen and (max-width:1200px){
		/*------------------
		こんな方におすすめ
		-------------------*/
		.recommend{
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 10rem 5rem;
			list-style: none;
		}


		/*------------------
		スケジュール
		-------------------*/
		.schedule{
			padding: 5rem 0;
			margin: 5rem 0;
			background-image: url("../img/TOP/white_00115.jpg");
			background-attachment: fixed;
			background-size: cover;
		}
		/*AM plan*/
			.plan-am{
				display: flex;
				justify-content: center;
				align-items: center;
				list-style: none;
				margin: 3rem 0;
			}
			.am-time{
				width: 50%;
				margin: 0 2.5rem 0 3rem;
			}
			.am-time>h3{
				font-size: 2.6rem;
				font-weight: 600;
			}
			.am-time p{
				margin: 0 3rem;
			}

		/*PM plan*/
			.plan-pm{
				display: flex;
				justify-content: center;
				align-items: center;
				list-style: none;
				margin: 3rem 0;
			}
			.pm-time{
				width: 50%;
				margin: 0 3rem 0 2.5rem;
			}
			.pm-time>h3{
				font-size: 2.6rem;
				font-weight: 600;
			}
			.pm-time p{
				margin: 0 2rem;
			}
			/*------------------
			スタッフからのコメント
			-------------------*/
			.message{
				margin: 5rem 0 10rem 0;
			}
			.message>ul{
				display: block;
				justify-content: center;
				align-items: center;
				list-style: none;
			}
			.message>ul>li{
				width: 100%;
			}
	.message ul li:last-of-type{
		margin: 0 auto;
		width: 70%;
	}
			.message>ul>li>p{
				margin: 3rem 3rem 3rem 10rem;
			}
			.message-pic{
				margin-right: 10rem;
			}

}


/*-------------
*スマホ表示
--------------*/

@media screen and (max-width:750px){
			.f-view>p>img{
				width: 100vh;
			}

			/*------------------
			プランについて説明
			-------------------*/
			.tour-ex{
				display: block;
				margin: 3rem 2.5rem;
			}
			.tour-ex>li{
				width: 100%;
			}

			.tourname-eng{
				color: #E86D40;
				font-family: "futura", Gadget, "sans-serif";
			}
			.tourname-eng>span{
				font-size: 3rem;
				font-family: rollerscript-rough, sans-serif;
			}
			.tourname-jp{
				font-size: 3rem;
				margin-top: 0rem;
			}
			.tourname-jp>span{
				display: block;
				font-size: 2rem;
				line-height: 1;
			}
			.tour-ex>li:last-of-type{
				margin: 3rem 0;
			}
			.tour-ex>li:last-of-type>p{
				margin-top: 1rem;
			}
	
			/*割引ボックス*/
			.box-student {
				font-size: 13px;
				padding: 1px 30px;
				margin: auto 0 auto 1rem;
				font-weight: bold;
				color: #ffffff;/*文字色*/
				background: #e84040;
				border: solid 3px #e84040;/*線*/
				border-radius: 0px;/*角の丸み*/
			}
			.box-student p {
				margin: 0; 
				padding: 0;
			}
			.box-group {
				font-size: 13px;
				padding: 1px 30px;
				margin: auto 0 auto 1rem;
				font-weight: bold;
				color: #ffffff;/*文字色*/
				background: #4083e8;
				border: solid 3px #4083e8;/*線*/
				border-radius: 0px;/*角の丸み*/
			}
			.box-group p {
				margin: 0; 
				padding: 0;
			}
			.sp-planname-discount{
				display: flex;
				list-style: none;
				justify-content: inherit;
				margin: 1rem 0;
			}
			.plan-reserve-btn{
				margin: 0 2.5rem;
			}
			/*------------------
			youtube
			-------------------*/
			.youtube {
				width: 100%;
				aspect-ratio: 16 / 9;
			}
			.youtube iframe {
				width: 100%;
				height: 100%;
			}


			/*------------------
			ツアー料金
			-------------------*/
	
			.list-dl{
			margin: 0 auto;
			width: 340px;
			}
			.list{
				float: left;
				width: 14rem;
				font-weight: 400;
			}
			.list-dl-tourprice{
				margin: 30px auto 0 auto;
				width: 300px;
			}
			.tour-price{
				margin: 5rem 2.5rem;
			}
			.tour-price>h2{
				text-align: center;
				color: #FFFFFF;
				font-weight: 500;
				border-radius: 0.7rem;
				background: #1A2D51;
				margin: 0rem 0rem;
				padding: 0.5rem 0;
			}
			.list-dl{
				margin: 0 auto;
				width: 25rem;
			}
			.list{
				float: left;
				width: 12rem;
				font-weight: 400;
			}
			.list-dd-mounth{
				display: block;
				font-size: 1.3rem;
				text-align: right;
			}
			.list-dl>div{
				margin: 3rem 0 1rem 0;
			}
			.tour-price>ul{
				margin: 3rem auto;
				width: 31.5rem;
			}
			.tour-price>ul>li{
				margin-left: 3rem;
			}

			/*------------------
			こんな方におすすめ
			-------------------*/
			.recommend{
				display: block;
				margin: 5rem 2.5rem;
				text-align: center;
			}
			.recommend>li{
				width: 100%;
			}
			.recommend>li:last-of-type{
				margin-left: 0rem;
				text-align: center;
			}
			.recommend>li>h2{
				font-weight: 600;
				font-size: 2.5rem;
				margin-bottom: 3rem;
			}
			.recommend>li>h2>span{
				color: #E86D40;
				margin: 1rem;
			}
			.recommend>li>p>a{
				margin: 2rem auto;
			}
	
	
	
			/*------------------
			スケジュール
			-------------------*/
			.schedule{
				padding: 3rem 0;
				margin: 5rem 0;
						}
			/*AM plan*/
				.plan-am{
					display: block;
					margin: 3rem 0;
				}
				.am-time{
					width: 80%;
					margin: 1rem 0 3rem 2.5rem;
				}
				.am-time>h3{
					font-size: 2rem;
					font-weight: 600;
				}
				.am-time p{
					margin: 0 0 0 2rem;
				}

			/*PM plan*/
				.plan-pm{
					display: block;
					margin: 3rem 0;
				}
				.pm-time{
					width: 80%;
					margin: 1rem 0 3rem 2.5rem;
				}
				.pm-time>h3{
					font-size: 2rem;
					font-weight: 600;
				}
				.pm-time p{
					margin: 0 0 0 2rem;
				}

	
			/*------------------
			スタッフからのコメント
			-------------------*/
			.message{
				margin: 5rem 0 10rem 0;
			}
			.message>ul{
				display: block;
				margin: 0rem;
			}
			.message>ul>li{
				width: 100%;
			}
			.message>ul>li>p{
				margin: 2rem 2.5rem;
			}
			.message-pic{
				margin: 3rem 0;
				text-align: center;
			}

			/*------------------
			ツアー概要
			-------------------*/
			.tour-overview{
				margin: 5rem 0rem;
				}	
			/*------------------
			ツアー概要
			-------------------*/
			.tour-overview{
				margin: 10rem 0;
			}
			.tour-overview>div{
				margin: 0 2.5rem;
			}
			.tour-overview>div:last-of-type{
				margin: 0 2.5rem;
			}
			.tour-overview>div>h3{
				text-align: center;
				color: #FFFFFF;
				font-weight: 400;
				border-radius: 0.7rem;
				background: #1A2D51;
				margin: 3rem 0;
				padding: 0.3rem 0;
			}
			.list-ampm{
				text-align: right;
				margin-left: -15rem;
			}
			.plan-name{
				font-weight: 400;
				text-align: center;
			}
			.tourlist-place>p{
				text-align: center;
				font-weight: 400;
			}
			.tourlist-place>div{
				margin: 3rem;
				text-align: center;
			}
			.list-kaisan{
				display: block;
				text-align: right;
			}
			.tourlist-long>p{
				text-align: center;
				font-weight: 400;
			}

			.tourlist-conditions>p{
				text-align: center;
				font-weight: 400;
			}
			.tourlist-conditions>ul{
				width: 72rem;
				margin: 3rem auto;
			}



			.tour-pay>p{
				text-align: center;
				font-weight: 400;
			}
			.list-dl-cancel{
				margin: 30px auto 0 auto;
				width: 167px;
			}

			.policy{
				text-align: center;
				font-weight: bold;
				margin: 3rem 0 -2rem 0;
			}
			.policy-ex{
				margin: 3rem 0 1.5rem 0;
			}
			.policy-ex2{
				margin: 1.5rem 0;
			}
	
			.discount{
				display: block;
				padding-top: 2rem;
			}
			.attention{
				text-decoration: underline;
				margin: 1rem 0rem;
			}

			.ttl-discount{
				font-weight: bold;
			}
			.ttl-discount span{
				color: #ea3a25;
			}
			.student{
				margin: 0 1rem;
			}
			.student p:last-of-type{
				margin-left: 2rem;
			}
			.student{
				margin-bottom: 1rem;
			}
			.group{
				margin: 0 1rem;
			}
			.group p:last-of-type{
				margin-left: 2rem;
			}
			/*------------------
			写真-2
			-------------------*/
			.pics-2{
				position: absolute;
			}
			.pic-4{
				position: relative;
				top: -40px;
				left: 0rem;
				width: 82%;
			}
			.pic-5{
				position: relative;
				top: -7rem;
				left: 3rem;
				width: 90%;
			}
			/*------------------
			ファミリーツアーへのリンク
			-------------------*/
			.familytour-btn{
				margin: 60rem auto 2rem auto;
				width: 90%;
			}

}