@charset "euc-jp";
/* CSS Document */

/* ----------------------
	DETAIL
---------------------- */
.tourdetail h1 {
	color: #947414;
}
.tourdetail #subtitle {
	font-weight: bold;
	margin: 0 0 .5em;
}
.tourdetail .flcontainer .ltbox {
	clear: left;
}
.tourdetail .price {
	width: 96%;
	margin: 0 0 .2em;
	color: #630;
	font-size: 1.125em;
}
.tourdetail .include {
	text-align: right;
}
.mainphotobox {
	background: #FFF;
	width: 100%;
	margin-bottom: 1.5em;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.tourdetail h2, .tourdetail h3 {
	font-size: 1.25em;
}
.tourdetail p {
	line-height: 1.6;
}
.tourdetail dl {
	border-bottom: solid 1px #ddd;
	margin: 0 0 1em;
	padding: 0;
}
.tourdetail dt {
	border-top: solid 1px #ddd;
	clear: left;
	float: left;
	margin-bottom: .2em;
	width: 8em;
	padding: 0.5em 0 0.2em;
}
.tourdetail dd {
	border-top: solid 1px #ddd;
	margin-bottom: .2em;
	margin-left: 8em;
	padding: .5em 0 .2em;
}
.tourpoint {
	background: #F7F0E9 url(../images/minsa.png) repeat center/172px;
	padding: 1.5em 0;
}
.tourpoint h2 {
	text-align: center;
	margin: 0 0 1em;
}
.tourpoint p {
	margin: 0 0 .5em;
}

/* ----------------------
	POINT
---------------------- */
.point_con {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: strech;
}
.point_con h3 {
	color: #963;
	font-weight: normal;
	margin: .5em 0;
	text-align: center;
}
.ptbox {
	width: 31%;
	margin-bottom: 2em;
}
.ptbox a.photo {
	display: block;
	position: relative;
	margin-bottom: 0.5em;
}
.ptbox .pt-txt p {
	margin: 0;
	font-size: 1.4rem;
}
.ptbox.hidden {
	padding: 0;
	border: none;
}
.ptbox.hidden hr {
	display: none;
}

.ptbox .listthumb {
	background: #DCEFF8 url(../images/minsa.png) repeat left top/344px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.15);
}

/* ----------------------
	GUIDE
---------------------- */
.guide_wr {
	background: #630 url(../images/bg-brw.webp) no-repeat center/cover;
	padding: 15px 5px;
}
.guide_wr section {
	background: rgba(255, 255, 255, 0.9);
	padding: 1em 3% 2em;
}
.guide_wr h2 {
	text-align: center;
}
.guide-con {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 auto 1em;
	width: 80%;
}
.guide-con .profilephoto {
	width: 15%;
}
.guide-con .prf-txt {
	width: 80%;
}
.guide-con .prf-txt h3 {
	margin: 0 0 .5em;
	color: #2DA880;
}
.guide-con .prf-txt p {
	margin: 0;
}
.guide-con .profilephoto a.photo {
	display: block;
	background-size: cover;
	border-radius: 100%;
}
.guide-con .profilephoto a span {
	display: none;
}

.voice_wr {
	background: #ACDEF7 no-repeat center/cover;
	text-align: center;
}
.voice_bg0 {
	background-image: url(../images/vbg10.webp);
}
.voice_bg1 {
	background-image: url(../images/vbg1.webp);
}
.voice_bg2 {
	background-image: url(../images/vbg2.webp);
}
.voice_bg3 {
	background-image: url(../images/vbg3.webp);
}
.voice_bg4 {
	background-image: url(../images/vbg4.webp);
}
.voice_wr h2 {
	color: #FFF;
	background: rgba(0, 0, 0, 0.4);
	display: inline-block;
	margin: .5em auto;
	border: none;
	padding: 4px 8px;
}
.voice_con {
	padding: 1.5em 1.2em;
	background: rgba(255, 255, 255, 0.6);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	margin: 0 5% 1.5em;
	border-radius: 10px 0 10px 0;
	text-align: left;
}
.voice_con p {
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0;
	text-shadow: 0 0 6px #FFF, 0 0 6px #FFF
}
.voice_con p::first-line {
	font-weight: bold;
	color: #960;
}

.buttonCol2 a {
	background: #D62D8A;
	background: -webkit-linear-gradient(to bottom, #E269AB, #D62D8A);
	background: linear-gradient(to bottom, #E269AB, #D62D8A);
}

@media screen and (max-width:699px){
.ptbox {
	width: 48%;
	margin-bottom: 1em;
}
.ptbox h3 { font-size: 1.6rem;}
.guide-con {
	width: 90%;
}
.guide-con .prf-txt {
	width: 70%;
}
.guide-con .profilephoto {
	width: 25%;
}
.voice_con {
	margin: 0 2% 1.5em;
}
.voice_con p {
	font-size: 1.3rem;
	line-height: 1.6;
}
}

@media screen and (max-width:419px){
.tourdetail h2, .tourdetail h3 {
	font-size: 1.25em;
}
.f_optionbox {
	margin: 1em 1em 2em;
}
.ptbox p { font-size: 1.3rem;}

.guide-con {
	width: 100%;
}
.voice_con {
	margin: 0 0 1.5em;
}
}

@media screen and (max-width:379px){
.ptbox {
	width: 100%;
}
.guide-con .profilephoto {
	width: 100%;
	padding: 0 35%;
	margin-bottom: 8px;
}
.guide-con .prf-txt {
	width: 100%;
}
}