/* text */
.TOP_title {
	font-size: 3.8rem;
	color: #000;
	margin: 35px 0px;
	font-weight: bold;
	line-height: 1.2;
			font-family: "ヒラギノ明朝 Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
}
.p {
	line-height: 2.2;
	color: #005e90;
}
.p span {
	color: #005e90;
}
.TOP_title.sub_tit{
	font-size: 3rem;
	margin: 25px 0px 15px;
}
.mainheadH3 {
	padding: 10px;
	color: #866D4B;
	font-weight: bold;
	font-size: 26px;
	text-align: center;
	margin: 3rem 0 1rem;
}
.mainheadH3 .big{
	color: #866D4B;
	font-size: 38px;
	font-weight: bold;
	/* font-family: "ヒラギノ明朝 Pro W6","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro",serif; */
}
/* img */
.PC_flex_cc_box {
	column-gap: 10px;
	}
.PC_flex_cc_box.tree img {
	width: calc(100% / 3);
	height: 220px;
	object-fit: cover;
}
.flex_c_wrap.two img {
	width: calc(80% / 2);
	height: 250px;
	object-fit: cover;
}
.logo_img{
	max-width: 350px;
	margin: 7rem auto;
	display: block;
	width: 100%;

}

/* panel_course cmz */
.river_page .panel_course .tab-group{
	display: flex;
	justify-content: center;
	border-bottom: none;
	margin-top: 2rem;
	column-gap: 5px;
}
.river_page .panel_course .panel_tab{
	flex-grow: 1;
	padding: 10px 5px;
	list-style: none;
	border: none;
	text-align: center;
	cursor: pointer;
	background: #a3aebc;
	border-radius: 5px 5px 0 0;
	margin: 0;
	color: #f2f2f2;
}
.river_page .panel_course .panel-group{
		padding: 3rem 0;
		border: none;
		border-radius: 0 0 7px 7px;
		background: #ededed;
		margin: 0;
}
.river_page .panel_course .panel{
	display:none;
}
.river_page .panel_course .panel_tab.is-active{
	background: #ededed;
	color: #4982B4;
	transition: all 0.2s ease-out;
	font-weight: bold;
}
.river_page .panel_course .panel_tab.is-active:hover {
	background: #ededed;
	color: #4982B4;
}
.river_page .panel_course .panel.is-show{
	display:block;
}
.river_page .panel_course .panel_tab:hover{
	background: #d7d7d7;
	color: #4982B4;
}

.gift_section{
	text-align: center;
	padding: 3rem 1rem;
	font-weight: bold;
	font-size: 1.6rem;
	width: 100%;
	box-sizing: border-box;
	border-top: #bdae74 solid 5px;
	background: #f1f0ed;
	margin-bottom: 20px;
	color: #887000;
}
@media (max-width: 640px) {
	.top_text {
			font-size: 18px;
	}
	.PC_flex_cc_box.tree img {
			height: 130px;
	}
	.flex_c_wrap.two img {
		height: 180px;
	}
	.mainheadH3 {
			font-size: 20px;
		}
		.TOP_title {
			font-size: 2.4rem;   
	}
	.TOP_title.sub_tit{
			font-size: 2rem;
			margin: 25px 0px 0;
	}
	.river_page .panel_course .tab-group {
			margin: 0;
	}
	.titile_1 {
		margin: 1rem 0 0;
	}
	.min {
			font-size: .6rem;
	}
	.nav_link ul li {
		width: calc((100% - 10px) / 1);
}
.nav_link ul li a {
	text-align: center;
}
	/* .course_box_prn.automatic { */
			#river_product .course_box_prn.automatic {
					width: 95%;
					margin: 0 auto 50px;
					border-radius: 10px;
					box-shadow: 1px 1px 15px rgb(0 0 0 / 30%);
					border: 0px;
					margin-right: 10px;
			}
}

/* best1_section */
.best1_section ul{
	background: #d8e4ee;
}
.best1_section ul li{display: flex;flex-wrap: wrap;justify-content: center;position: relative;/* padding: 1rem; *//* background-color: #c5dac5; *//* margin-top: 1rem; */}
.best1_section ul li>*{
width: calc((100% - 1rem) / 2);
}
.best1_section ul li img{
object-fit: cover;
height: 290px;
border-radius: 3px;
}
.best1_section .txt img{position: absolute;width: 10%;height: auto;bottom: 15px;right: 10px;z-index: 1;}
.best1_section .txt{
	width: 90%;
	background: #fff7cc;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	margin: 3rem auto 1rem;
	padding: 1rem;
	box-shadow: 1px 1px 15px rgb(0 0 0 / 30%);
	}
.best1_section .txt p span{color: #715c04;font-weight: bold;font-size: 22px;display: block;}
	.best1_section .txt:before {
			background-color: #f5e39e; /* 切り替わる色1 */
			content: '';
			display: block;
			opacity: 0.3;
			transform: rotate(-50deg);
			position: absolute;
			bottom: 100px;
			right: -234px;
			width: 500px;
			height: 500px;
	}
		.best1_section .txt:after{
			background-color: #f5e39e; /* 切り替わる色1 */
			content: '';
			display: block;
			opacity: 0.3;
			transform: rotate(-50deg);
			position: absolute;
			bottom: 100px;
			right: -234px;
			width: 500px;
			height: 500px;
	}
	.best1_section .txt:after {
			background-color: #f5c876; /* 切り替わる色2 */
			content: '';
			display: block;
			opacity: 0.3;
			transform: rotate(22deg);
			position: absolute;
			bottom: -200px;
			right: -300px;
			width: 500px;
			height: 500px;
	}

.best1_section .txt p{width: 100%;margin: 2rem auto;position: inherit;text-align: justify;padding-left: 10px;}
@media screen and (max-width: 768px) {
.best1_section .txt p{color: initial;width: 100%;font-size: 1.4rem;text-align: initial;margin: 1rem auto;}
.best1_section ul li img{height: auto;}
.best1_section .txt img {
	width: 15%;
	bottom: 0;
	right: 15px;
}
.best1_section .txt{
	width: 85%;
	padding: 1rem 1rem 3rem;
}
}
/* Subheading */
.Subheading{font-family: 'Moon Dance', cursive;color: rgb(143 85 0 / 50%);font-size: 31px;margin: 0 3%;display: flex;position: relative;align-items: center;z-index: 1;}

.Subheading .No{font-family: serif;color: rgb(143 85 0 / 50%);font-size: 52px;padding-left: 10px;}
@media screen and (max-width: 768px) {
.Subheading{font-size: 35px;display: table;}
.Subheading .No{
font-size: 39px;
padding-left: 10px;
}
}

/*viking_cruise_features  */
.features_dl{
	width: 80%;
	margin: 0 auto;
}
.features_dt{
	padding: 3rem 0 1rem;
	font-family: serif;
	color: #866D4B;
	font-size: 40px;
	position: relative;
	text-shadow: 3px 3px 4px #a89494;
	z-index: 1;
}
.features_dd{
		font-size: 27px;
	color: #5e4a05;
		padding-bottom: 20px;
}
.features_note{
		font-size: 25px;
}
.features_list{
	margin: 2rem 0;
	text-align: justify;
	border-top: solid 2px #866D4B;
	padding-top: 2rem;
}
.features_list li{
	margin: 1rem 0;
	font-size: 27px;
	color: #5e4a05;
	display: flex;
	align-items: center;
}

.number_text{
	font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
	color: rgb(143 85 0 / 50%);
	font-size: 26px;
	margin: 0 15px;
}
.f_list_img{
	width: 44px;
	height: auto;
	padding-right: 10px;
}
.Viking_is_not .features_list li{
	font-size: 27px;
}
@media screen and (max-width: 768px) {
	.features_dl {
		width: 90%;
	}
	.features_list li {
    margin: 1.5rem 0;
    font-size: 27px;
    display: block;
    text-indent: -3.5rem;
    padding-left: 3rem;
}
.Viking_is_not{
	font-size: 28px;
}
}