@charset "UTF-8";

/* ----------------------------------------------------------------------
	/css/sstour/tokushu.css からコピーして作る
---------------------------------------------------------------------- */

.bg-none {background-image: none !important;}
.border-none {border: 0;}
.bg-blue {background-color: #EEF7FD;}
.bg-green {background-color: #edf9f2;}
.bg-gray {background-color: #F8F7F7;}

.area-index .block07 ul li.item a dl dt,
.news-and-topics .title,
.colored-block.type-1 .title {color: #f7578d;}
.news-and-topics  .section-header,
.colored-block.type-1 .section-header { border-color: #f7578d; }
.colored-block.type-2 .section-header { border-color: #11aaaa; }
.colored-block.type-3 .section-header { border-color: #58b3e9; }
.colored-block.type-4 .section-header { border-color: #8866bb; }
.colored-block.type-5 .section-header { border-color: #ee9911; }

.area-index .block04 h2:before,
.search-for-events h2::before,
.news-and-topics h2::before,
.whats-new h2::before {
	content: none;
}

.colored-block {padding: 0;margin-top: 4em;}
.bg-none .block {padding: 25px 0;}
.block {padding: 15px 0;}
.area-index .block04 {padding-top: 35px;}
.block-link {margin: 0;background-color: #f7578d;}

.area-index .block09 li .img img,
.area-index .block10 li .img img,
.area-index .block11 li .img img{
    max-width: 100%;
    max-height: 100%;
}

@media screen and (min-width: 600px) {
	.explore-tour .inner-link > ul > li.tokushu-ken {
		width: calc(100% / 2 - 7px);
	}
}

@media screen and (max-width: 599px) {
	.bg-none .block,
	.block {
		padding:10px;
	}
	
}

.area-index .main-search-area{
	background:url("/img/tenmon/russia2003main.jpg") no-repeat scroll center center / cover ;
	height: 460px;
	box-sizing: border-box;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
@media screen and (max-width: 599px) {
	.area-index .main-search-area {
		height: auto;
		min-height: 130px;
		/* background-size: contain;
		height: 0; */
		/* 表示画像の高さ ÷ 表示画像の幅 × 100
		padding-top: 11.73%; */
	}
.main-title {
	width: 100% !important;
	margin: 10px auto;
	padding: 0 10px;
}
}
.area-index .main-search-area h1 {
    border-bottom: 1px solid #fff;
    color: #ffffff;
    border: none;
    text-align: center;
	padding: 15% 10px;
	line-height: 1.4;
}
.main-title {
	width: 1000px;
	margin: 10px auto;
}
.main-title h1 {
	display: inline-block;
	font-size: 130%;
	font-weight: bold;
	margin: 0 20px 0 0;
}
.main-title p {
	display: inline-block;
}


.area-index .whats-new {
/*	margin-bottom: 50px;*/
}
.whats-new .whats-new-list-wrap {
	float: none;
	height: auto;
	width: 100%;
	overflow-y: auto;
}

.area-index .whats-new .title,
.conversion-wrap .title {
	color: #f87071;
}
.conversion-wrap a.link {
	color: #166bb6;
	text-decoration: underline;
}
.conversion-wrap a.link:hover {
	text-decoration: none;
}
.conversion-inner .tel-fax-link {
	font-size: 150%;
}
.conversion-inner .tel-fax-link span + span {
	float: none;
	margin-left: 15px;
}

/* inner-link ---------------------------------------------------------------------------------------------*/
.inner-link {
	margin: 20px 0;
}
.inner-link > ul {
/*	border-left: 1px solid #e6e6e6;*/
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.inner-link > ul > li {
	width: calc(25% - 5px);
	margin-bottom: 5px;
}
.inner-link.faq-menu > ul > li {
	width: calc(33% - 5px);
	margin-bottom: 5px;
}
.inner-link a {
	display: block;
	position: relative;
/*	float: left;
	width: 25%;*/
	box-sizing: border-box;
	padding: 8px 0;
/*
	border-right: 1px solid #e6e6e6;
	border-top: 1px dashed #e6e6e6;
	border-bottom: 1px dashed #e6e6e6;
*/
	border-radius: 5px;
	color: #016d9a;
	font-size: 124%;
	text-align: center;

}
.inner-link a span {
	position: relative;
	padding-left: 23px;
}
.inner-link a span:before {
	font-family: icomoon;
	content: "\1f358";
	position: absolute;
	left: 0;
	top: auto;
	text-decoration: none;
}
.inner-link a:hover {
	text-decoration: none;
	background-color: #F8F7F7;
}
.inner-link .type-1 a {background-color: #f7578d;border: 1px solid  #f7578d;}
.inner-link .type-3 a,.inner-link.faq-menu .type-3 a {background-color: #fff;border: 1px solid #016d9a !important;}
.inner-link .type-5 a {background-color: #ee9911;border: 1px solid  #ee9911;}
.inner-link .gray a {border: 1px solid  #999;}
.inner-link .type-1 a:hover {background-color: #fcecf1;color: #f7578d;}
.inner-link .type-3 a:hover,.inner-link.faq-menu .type-3 a:hover {background-color:  #016d9a;color: #fff;}
.inner-link .type-5 a:hover {background-color: #FDF5E7;color: #ee9911;}
.inner-link .gray a:hover {background-color: #EEEEEE;color: #f87071;}

.inner-link li:last-child a,
.inner-link.faq-menu li:last-child a
 {
/*	border-right: 1px solid #e6e6e6;*/
}
@media screen and (max-width: 599px) {
	.inner-link > ul,
	.inner-link.faq-menu > ul
	 {
		flex-direction: column;
	}
	.inner-link > ul > li,
	.inner-link.faq-menu > ul > li 
	 {
		width: 100%;
		margin-bottom: 5px;
	}
	.inner-link > ul > li > a,
	.inner-link.faq-menu > ul > li > a
	 {
		width: 100%;
		margin: 0;
	}
	  .area-index .section-header p {
    display: block;
  }
}


@media screen and (max-width: 599px) {
	.inner-link ul,
	.inner-link.faq-menu ul
	 {
		margin: -2% 0 0 -2%;
	}
	.inner-link a,
	.inner-link.faq-menu a
	
	 {
		border: none;
		width: 48%;
		background-color: #efefef;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		margin: 2% 0 0 2%;
		font-size: 100%;
		padding: 12px 0;
	}
	.inner-link a span,
	.inner-link.faq-menu a span
	 {
		padding-left: 0;
		position: static;
	}
	.inner-link a span:before,
	.inner-link.faq-menu  a span:before 
	 {
		left: 10px;
	}
	.inner-link li:last-child a,
	.inner-link.faq-menu  li:last-child a
	 {
		border: none;
	}
}
.spElement {
	display: none;
}
@media screen and (max-width: 599px) {
	.spElement {
		display: block;
	}
	.pcElement {
		display: none;
	}
}

/* block04 ---------------------------------------------------------------------------------------------*/
.area-index .block04 .item {
	background: #FFF;
}
.area-index .block04 .item .txt {
	box-sizing: border-box;
	padding: 8px 20px 40px;
}


/* block07 ---------------------------------------------------------------------------------------------*/
.block07 .item {
	background: #FFF;
}
.area-index .block07 .item:hover { opacity: .5; }
.area-index .block07 .item a { text-decoration: none; }

.area-index .block07 .item-list .item .img img {
	width: 315px;
	height: 180px;
	object-fit: cover;
}

.area-index .block07 .item-list .item .txt {
	position: relative;
	padding: 16px 20px 30px;
}
.area-index .block07 .item-list .item .txt dt {
	font-weight: bold;
	font-size: 115%;
	line-height: 1.5;
}
.area-index .block07 .item-list .item .txt dt span {
	display: block;
	margin-bottom: 5px;
	color: #f0ba32;
	font-size: 86%;
}
.area-index .block07 .item-list .item .txt dd {
	margin-top: 5px;
	font-size: 93%;
}
.area-index .block07 .item-list .item .txt dd.right-txt {
	position: absolute;
	right: 20px;
	bottom: 20px;
	margin-top: 0;
	font-weight: bold;
	font-size: 115%;
}
.area-index .block07 .item-list .item .txt dd.right-txt .price {
	margin-left: 1em;
	color: #f82527;
}
@media screen and (max-width:599px) {
	.area-index .block07 .item-list .item .txt {
		width: 100%;
		padding: 10px 10px 20px;
		box-sizing: border-box;
	}
	.area-index .block07 .item-list .item .txt dt {
		font-size: 100%;
	}
	.area-index .block07 .item-list .item .txt dt span {
		margin-bottom: 0;
		font-size: 80%;
	}
	.area-index .block07 .item-list .item .txt dd {
		margin-top: 5px;
		font-size: 95%;
	}
	.area-index .block07 .item-list .item .txt dd.right-txt {
		position: inherit;
		bottom: inherit;
		right: inherit;
		margin-top: 5px;
		font-size: 95%;
		text-align: right;
		font-weight: normal;
	}
	.area-index .block07 .item-list .item .txt dd.right-txt .price {
		margin-left: 0.5em;
		font-weight: bold;
	}
	.area-index .block07 .item-list .item .img img{
		width: 100%;
		height: auto;
	}
}


/* block08 ---------------------------------------------------------------------------------------------*/
.area-index .block08 h2:before {
	content: none;
}
.area-index .block08 ul:after {
	display: block;
	content: "";
	clear: both;
}
.area-index .block08 .item-list {
	margin: 0 0 0 -19px;
}
.area-index .block08 .item {
	margin: 20px 0 0 19px;
	background: #FFFFFF;
	font-size: 92%;
	transition: opacity .3s;
	overflow: hidden;
}
.area-index .block08 .item:hover { opacity: .5; }
.area-index .block08 .item a { text-decoration: none; }
.area-index .block08 .item .img {
	float: left;
	position: relative;
	width: 315px;
	clear: left;
}
.area-index .block08 .item .img img { display: block; }
.area-index .block08 .item .img span {
	position: absolute;
	bottom: 1px;
	left: 1px;
	width: 48px;
	line-height: 25px;
	background-color: rgba(255,255,255,0.85);
	text-align:center;
	font-size: 85.7%;
}
.area-index .block08 .item .txt {
	margin-left: 315px;
	box-sizing: border-box;
	padding: 20px 30px 20px 27px;
}
.area-index .block08 .item .txt .detail {
	display: inline-block;
	margin-bottom: 5px;
}
.area-index .block08 .item .txt .link {
	display: inline-block;
}
.area-index .block08 .item .txt .link::before {
	content: "・";
}
.area-index .block08 .item .title {
	font-size: 114%;
	font-weight: bold;
}
.area-index .block08 .item .title + p {
	margin-top: 10px;
}
.area-index .block08 .item p.fee {
	color: #f82527;
	font-size: 114%;
	font-weight: bold;
	margin-top: 25px;
}
@media screen and (max-width:599px) {
	.area-index .block08 .item {
		font-size: 100%;
	}
	.area-index .block08 .block-inner {
		margin-top: 10px;
	}
	.area-index .block08 .item-list {
		margin: 0;
	}
	.area-index .block08 .item {
		width: auto;
		float: none;
		padding: 10px;
		margin: 0 0 10px;
	}
	.area-index .block08 .item::after {
		content: "";
		display: block;
		clear: both;
		visibility: hidden;
	}
	.area-index .block08 .item > a {
		/* border: 1px solid #eee; */
		display: block;
	}
	.area-index .block08 .item .img {
		float: none;
		width: 100%;
		position: relative;
	}
	.area-index .block08 .item .img img {
		width: 100%;
		height: auto;
	}
	.area-index .block08 .item .img span {
		display: inline-block;
		padding: 6px 8px;
		left: 1px;
		bottom: 1px;
		width: auto;
		line-height: 1;
		font-size: 85%;
	}
	.area-index .block08 .item .txt {
		/* float: right; */
		height: auto;
		/* width: 60%; */
		border: none;
		padding: 10px 0 0 0;
		margin-left: 0;
	}
	.area-index .block08 .item p {
		font-size: 95%;
	}
	.area-index .block08 .item .title {
		font-size: 100%;
		font-weight: bold;
	}
	.area-index .block08 .item .title br {
		display: none;
	}
	.area-index .block08 .item .title + p {
		margin-top: 5px;
	}
	.area-index .block08 .item p.fee {
		color: #f82527;
		font-size: 95%;
		font-weight: bold;
		margin-top: 10px;
		text-align: right;
	}
}

/* slide1 ---------------------------------------------------------------------------------------------*/
.main-txt + .news-and-topics {
	margin-top: 0;
}
.main-img {
	height: auto;
}
.main-img::before,
.main-img::after {
	background: none;
}

.main-img .slide1 {
	margin: 0 auto;
}
.main-img .slide1 .slick-slide {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.main-img .slide1 .slick-list {
	width: 100%;
}
.main-img .slide1 .slick-prev {
	margin: 0 auto 0 -530px;
	left: 50%;
	z-index: 10;
	background-color: #fff;
}
.main-img .slide1 .slick-prev::before {
	content: url(/img/sstour/arrow-prev-bk.png);
}
.main-img .slide1 .slick-next {
	margin-right: -530px;
	right: 50%;
	z-index: 10;
	background-color: #fff;
}
.main-img .slide1 .slick-next::before {
	content: url(/img/sstour/arrow-next-bk.png);
}
.main-img .slide1 p {
	position: absolute;
	bottom: 0;
	color: rgb(255, 255, 255);
	font-size: 114%;
	padding: 40px 40px 10px;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
	width: 100%;
	box-sizing: border-box;
}

@media screen and (max-width:599px) {
	.main-img .slide1 p {
		font-size: 95%;
	}
	.main-img {
		height: auto;
	}
	.main-img::before, .main-img::after { content: none; }
	.main-img .slide1 .slick-next,
	.main-img .slide1 .slick-prev {
		margin: 0;
		width: 15px;
		height: 30px;
	}
	.main-img .slide1 .slick-prev { left: 0; }
	.main-img .slide1 .slick-next { right: 0; }
	.main-img .slide1 .slick-next::before,
	.main-img .slide1 .slick-prev::before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
	}

	.main-img .slide1 .slick-prev::before {
		background: url(/img/sstour/arrow-prev-bk.png) center no-repeat;
		background-size: 50%;
	}

	.main-img .slide1 .slick-next::before {
		background: url(/img/sstour/arrow-next-bk.png) center no-repeat;
		background-size: 50%;
	}

}

/* .slide1 .slick-list {
	margin: 0 -10px;
} */
.slide1 li {
	position: relative;
	float: left;
	margin: 0 10px 10px 10px;
	transition: 0.3s;
}
.slide1 li.tag_pink {
	background: #ca3c6e;
}
.slide1 li.tag_blue {
	background: #29a7e6;
}
.slide1 li:hover {
	opacity: 0.5;
}
.slide1 li:hover a {
	text-decoration: none;
}
.slide1 li span {
	position: absolute;
	top: 1px;
	left: 1px;
	display: block;
	padding: 7px 1.5em;
	background: #fff;
	text-align: center;
	font-size: 86%;
	line-height: 1;
	font-weight: bold;
}
.slide1 li.tag_pink span {
	color: #ca3c6e;
}
.slide1 li.tag_blue span {
	color: #29a7e6;
}
.slide1 li dl {
	padding: 10px;
}
.slide1 li dl dt {
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
}
.slide1 li dl dd {
	color: #fff;
}
.slide1.slick-dotted {
	margin-bottom: 20px;
}
.slide1 .slick-dots {
	bottom: -20px;
}
.slide1 .slick-dots li {
	float: none;
	width: 47px;
	height: 8px;
	margin: 0 7px;
}
.slide1 .slick-dots li button {
	width: 47px;
	height: 8px;
	background: #e6e6e6;
}
.slide1 .slick-dots li.slick-active button {
	background: #33322f;
}
@media screen and (max-width:599px) {
	.slide1 .slick-list {
		margin: 0;
	}
	.slide1 li {
		margin: 0 5px;
	}
	.slide1 li span {
		padding: 5px 1em;
		font-size: 80%;
	}
	.slide1 li dl {
		padding: 6px;
	}
	.slide1 li dl dt {
		font-size: 100%;
		text-align: left;
	}
	.slide1 li dl dd {
		font-size: 95%;
	}
	.slide1 .slick-dots {
		bottom: -14px;
	}
	.slide1 .slick-dots li {
		width: 26px;
		height: 4px;
		margin: 0 3px;
	}
	.slide1 .slick-dots li button {
		width: 26px;
		height: 4px;
		padding: 0;
	}
	.slide1 .slick-prev,
	.slide1 .slick-next {
		height: 30px;
		width: 15px;
	}
	.slide1 .slick-prev {
		left: -10px;
	}
	.slide1 .slick-next {
		right: -10px;
	}
	.slide1 .slick-prev:before,
	.slide1 .slick-next:before {
		width: 10px;
	}
	.slide1 .slick-prev:before {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 7px;
		height: 11px;
		background: url(/img/sstour/arrow-prev.png) no-repeat;
		background-size: 7px auto;
		background-position: center;
		content: "";
	}
	.slide1 .slick-next:before {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 7px;
		height: 11px;
		background: url(/img/sstour/arrow-next.png) no-repeat;
		background-size: 7px auto;
		background-position: center;
		content: "";
	}
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
    .slick-dotted.slick-slider {
        padding: 0;
    }
}

.slide1_thumb {
	width: 1000px;
	margin: 0 auto;
}
.main-img .slide1_thumb .thumb_wrap {
	margin: 5px 7px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 8px;
	background: #FFF;
}
.slide1_thumb .thumb_wrap:hover {
	opacity: 0.5;
}
.slide1_thumb .thumb_wrap .thumb-txt {
	flex: 1;
	height: 50px;
	box-sizing: border-box;
	overflow: hidden;
	padding: .5em .5em .5em 1.0em;
	font-size: 86%;
	text-align: left;
}
.slide1_thumb .thumb_wrap .thumb-img {
	width: 70px;
	height: 50px;
	position: relative;
	overflow: hidden;
}
.slide1_thumb .thumb_wrap .thumb-img img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
}
.slide1_thumb.thumb_a .thumb_wrap {
	border:solid 1px #e6e6e6;
}
.slide1_thumb.thumb_a .slick-slide.slick-current {
 border:solid 1px #33322f;
}
.slide1_thumb.thumb_b .thumb_wrap {
	margin: 0px 7px 0;
	/* border-top:solid 5px #FFFFFF; */
}
.slide1_thumb.thumb_b .slick-slide.slick-current {
	/* border-top:solid 5px #313131; */
	background: #DEDEDE;
}
.slide1_thumb.thumb_b .thumb_wrap .thumb-txt {
	background: #FFFFFF;
}

@media screen and (max-width:599px) {
	.slide1_thumb {
		width: 90%;
		display: block;
	}
	.main-img .slide1_thumb .thumb_wrap {
		width: 22%;
		display: block;
	}
	.main-img .slide1_thumb.thumb_a .thumb_wrap {
		margin: 3px 5px;
		padding: 0;
	}
	.main-img .slide1_thumb.thumb_b .thumb_wrap {
		padding: 3px 5px;
		margin: 0;
	}
	.slide1_thumb .thumb_wrap .thumb-txt {
		display: none;
	}
	.slide1_thumb .thumb_wrap .thumb-img {
		width: 100%;
		height: 20px;
	}
	.slide1_thumb .thumb_wrap .thumb-img img {
		width: 100%;
		height: auto;
}

}


/* dj-table ---------------------------------------------------------------------------------------------*/
.dj-table{
	margin: 20px 0 7px;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ebebeb;
}
.dj-table caption {
	margin-bottom: 5px;
}
.dj-table tr {
	border: 1px solid #ebebeb;
}
.dj-table th {
	background-color: #f8f7f7;
	text-align: center;
	font-size: 90%;
	letter-spacing: 0.2em;
}
.dj-table.blue th {
	background-color: #e7eff5;
}
.dj-table.green th {
	background-color: #e3f0d0;
}
.dj-table td,
.dj-table th {
	padding: 10px;
	border: 1px solid #ebebeb;
}
.dj-table td {
	background-color: #FFFFFF;
}
.dj-table td .calculated,
.dj-table th .calculated {
	text-align: right;
	color: #f82527;
	font-size: 153.84615%;
	line-height: 38px;
	font-weight: bold;
	position: relative;
	width: 100%;
	top: -38px;
	height: 0;
}
.dj-table td .calculated.confirm,
.dj-table th .calculated.confirm {
	position: static;
	height: auto;
}
.dj-table td .calculated .unit,
.dj-table th .calculated .unit {
	color: #000;
	font-size: 75%;
}
.dj-table .calculated-double-wrap {
	height: 120px;
	box-sizing: border-box;
	position: relative;
}
.dj-table .calculated-double {
	position: absolute;
	top: 10px;
	right: 20px;
}
.dj-table .calculated-double .calculated {
	position: static;
	line-height: 1.4;
}
.dj-table .calculated-double .calculated:nth-child(1) {
	margin-top: 5px;
}
.dj-table .calculated-double .calculated:nth-child(2) {
	margin-top: 45px;
}
.dj-table .calculated-double .calculated .head {
	display: block;
	text-align: left;
	color: #333;
	font-weight: normal;
	font-size: 60%;
}
.dj-table td.flexible,
.dj-table th.flexible {
	border: none;
}
.dj-table td.number-cell {
	text-align: right;
}
.dj-table td.scrollable-list {
	padding: 0;
}
.dj-table td.scrollable-list dl {
	max-height: 219px;
	overflow-y: auto;
}
.dj-table td.scrollable-list dl label {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.dj-table td.scrollable-list dt,
.dj-table td.scrollable-list dd {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 10px;
	float: left;
	height: 54px;
	box-sizing: border-box;
	border-bottom: 1px solid #ebebeb;
}
.dj-table td.scrollable-list dt {
	width: 75%;
	border-right: 1px solid #ebebeb;
}
.dj-table td.scrollable-list dt:last-of-type {
	border-bottom: none;
}
.dj-table td.scrollable-list dd {
	width: 25%;
}
.dj-table td.scrollable-list dd:last-of-type {
	border-bottom: none;
}
.dj-table td.readonly {
	background-color: #fdfdfd;
}
.dj-table td.readonly input,
.dj-table td.readonly select {
	background-color: transparent;
}
.dj-table td.readonly label.radio::after {
	background-color: #ddd;
}
.dj-table td.readonly label.checkbox::after {
	border-color: #ddd;
}
.dj-table .thead {
	width: 26.45%;
}
.dj-table .thead[span="1"] {
	width: 26.45%;
}
.dj-table .thead[span="2"] {
	width: 13.225%;
}
.dj-table .thead[span="3"] {
	width: 8.81667%;
}
.dj-table .thead[span="4"] {
	width: 6.6125%;
}

.dj-table .thead.wide {
	width: 28%;
}
.dj-table .thead.wide[span="1"] {
	width: 28%;
}
.dj-table .thead.wide[span="2"] {
	width: 14%;
}
.dj-table .thead.wide[span="3"] {
	width: 9.33333%;
}
.dj-table .thead.wide[span="4"] {
	width: 7%;
}

table.tb_3 {
  border-collapse: separate;
  border-spacing: 1px;
}

table.tb_3 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  margin-bottom: 10px;
  background-color: #fff;
}

table.tb_3 th {
  text-align: center;
  padding: 2px;
  background: #E1F8FF;
  white-space: nowrap;
}
table.tb_3 td {
  text-align: center;
  background: #FFF;
  padding: 2px;
}
  .datalist__data {
    margin-left: 18%;
    padding-left: 10px;
    width: 82%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }


.dj-table .error input[type="text"],
.dj-table .error input[type="password"],
.dj-table .error select {
	background-color: #fef8f8;
	border: 1px solid #f82527;
}
.dj-table .error-message {
	padding-top: 7px;
	color: #f82527;
}
.dj-table .vertical-input input:nth-child(n + 2),
.dj-table .vertical-input select:nth-child(n + 2) {
	margin-top: 10px;
}
.dj-table .required-tag {
	position: relative;
	display: inline-block;
	float: right;
	color: #fff;
	background-color: #f82527;
	padding: 2px 12px;
	font-size: 76.92308%;
}
.dj-table td .required-tag {
	float: none;
	margin-right: 10px;
}

@media screen and (max-width: 599px) {
	.dj-table {
		border: none;
	}

	.dj-table colgroup {
		width: 100% !important;
	}

	.dj-table tr {
		border: none;
	}

	.dj-table tr:first-child {
		border-top: 1px solid #ebebeb;
	}

	.dj-table tr + tr th,
	.dj-table tr + tr td {
		border-top: none;
	}

	.dj-table td,
	.dj-table th {
		padding: 12px 10px;
		display: block;
	}

	.dj-table td.sp-join-bottom,
	.dj-table th.sp-join-bottom {
		border-bottom: none;
		margin-bottom: -15px;
	}

	.dj-table td + td,
	.dj-table td + th,
	.dj-table th + td,
	.dj-table th + th {
		border-top: none;
	}

	.dj-table td:last-child,
	.dj-table th:last-child {
		/*border-top: none;*/
	}

	.dj-table td .calculated,
	.dj-table th .calculated {
		position: static;
		float: none;
		text-align: center;
		margin-top: 10px;
		line-height: 1;
		height: auto;
	}

	.dj-table td .required-tag {
		margin-bottom: 5px;
		float: right;
	}

	.dj-table .calculated-double { position: static; }
	.dj-table .calculated-double .calculated { width: 45%; }
	.dj-table .calculated-double .calculated:nth-child(1) {
		float: left;
		margin-top: 10px;
	}
	.dj-table .calculated-double .calculated:nth-child(2) {
		float: right;
		margin-top: 10px;
	}
	.dj-table th.flexible,
	.dj-table td.flexible {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		border-right: 1px solid #ebebeb;
		border-left: 1px solid #ebebeb;
	}
	.dj-table th.flexible:first-child,
	.dj-table td.flexible:first-child {
		border-top: 1px solid #ebebeb;
	}
	.dj-table th.flexible:last-child,
	.dj-table td.flexible:last-child {
		border-bottom: 1px solid #ebebeb;
		border-top: none;
	}
	.dj-table th.sp-flexible,
	.dj-table td.sp-flexible {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		align-content: center;
	}
	.dj-table td.scrollable-list dl {
		height: 195px;
	}
	.dj-table td.scrollable-list dt,
	.dj-table td.scrollable-list dd {
		position: relative;
		float: none;
		width: 100%;
		border-right: none;
	}
	.dj-table td.scrollable-list dt:last-of-type {
		border-bottom: 1px solid #ebebeb;
	}
	.dj-table td.scrollable-list dt label {
		margin: 0;
	}
}

.dj-table {
	font-size: 100%;
	box-sizing: border-box;
}
.dj-table th,
.dj-table td {
	box-sizing: border-box;
}
.dj-table ul {
	padding-left: 1em;
}
.dj-table .payment {
	width: 180px;
}
.dj-table.schedule .thead[span="1"] {
width: 10%;
}
.dj-table.schedule .hotel { width: 150px; }
.dj-table.schedule .meal-condition { width: 100px; }
.dj-table.schedule tr + tr th + td {
width: auto;
}
.dj-table.schedule tr + tr th + td + td {
width: auto;
}

li.text-r {
text-align: right;
}
.dj-table.schedule p.bg {
	color: #ffffff;
	background: #000080;
	padding: 3px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

@media screen and (max-width: 599px) {
	.dj-table.schedule tr + tr th + td {
		width: 100%;
	}
	.dj-table.schedule tr + tr th + td + td {
		width: 100%;
	}
	.dj-table.schedule .hotel { width: auto; }
	.dj-table.schedule .meal-condition { width: auto; }
}

div.tbl1 {
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

div.tbl1 table th,td {
	padding: 3px 15px;
	border: 1px solid #999999;
}
div.tbl1 table td {
	text-align: center;
}


/* 旅のポイント ---------------------------------------------------------------------------------------------*/
.itinerary {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.itinerary .itinerary_title,
.itinerary .itinerary_detail {
	margin-bottom: 10px;
	padding: 15px 30px;
	box-sizing: border-box;
}
.itinerary .itinerary_title {
	width: 30%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	background: #016d9a;

	color: #FFF;
	font-size: 110%;
	letter-spacing: 0.2em;
color: #fff;
}
.colored-block.type-1 .itinerary_title { background-color: #f7578d; }
.colored-block.type-2 .itinerary_title { background-color: #11aaaa; }
.colored-block.type-3 .itinerary_title { background-color: #58b3e9; }
.colored-block.type-4 .itinerary_title { background-color: #8866bb; }
.colored-block.type-5 .itinerary_title { background-color: #ee9911; }
.colored-block.type-7 .itinerary_title { background-color: #11aaaa; }

.itinerary .itinerary_detail {
	width: 70%;
	background: #FFFFFF;
}
.itinerary .itinerary_detail div {
	text-indent: -1em;
	padding-keft: 1em;
}
@media screen and (max-width: 599px) {
	.itinerary {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.itinerary .itinerary_title,
	.itinerary .itinerary_detail {
		width: 100%;
	}
	.itinerary .itinerary_title {
		margin-bottom: 0;
	}
}

/* Q＆A ---------------------------------------------------------------------------------------------*/
.qa:first-child {
	margin-top: 30px;
}
.qa {
	margin-top: 50px;
	background: #FFFFFF;
	padding: 20px 30px 15px 0;
}
.qa_q {
	font-size: 115%
}
.qa_q,
.qa_a {
	position: relative;
	padding-left: 80px;
	margin-bottom: 20px;
}
.qa_q::before {
	content: "Q";
	position: absolute;
	top: 0;
	left: 20px;
	font-size: 200%;
	color: #2566f8;
}
.qa_a::before {
	content: "A";
	position: absolute;
	top: 0;
	left: 20px;
	font-size: 200%;
	color: #f82527;
}
@media screen and (max-width: 599px) {
.qa_q,
.qa_a {
	padding-left: 50px;
}
.qa_q::before {
	left: 15px;
}
.qa_a::before {
	left: 15px;
}

}

/* 集合場所 ---------------------------------------------------------------------------------------------*/
.gmap {
	background: #FFFFFF;
	padding: 10px;
	box-sizing: border-box;
}
.gmap iframe {
	width:100%;
	height: 400px;
}
.adress {
	margin: 10px 0;
}
@media screen and (max-width: 599px) {
.gmap iframe {
	height: 250px;
}
}

/* おすすめツアー ---------------------------------------------------------------------------------------------*/
.inline-list li {
	display: inline-block;
    margin-bottom: 10px;
    margin-left: 10px;
}
.button {
	position: relative;
	z-index: 1;
}
.button-map {
	color: #f87071;
	border: 2px solid #f87071;
	background-color: #fff;
	padding: 9px 29px 9px 19px;
	transition: all .3s;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 599px) {
	.pointarea_detail .pointarea-s-cell img {
		width: 100%;
		height: auto;
	}
}

/*green*/
.color-green {
	color: #fff;
	background-color: #11aaaa;
	border: 1px solid #11aaaa;
}
.color-green_text {
	color: #11aaaa;
}
.color-green_border{
	border-bottom: 1px solid #11aaaa;
}
.color-green_sbtn{
	background-color: #FFEFD5;
	color: #11aaaa;
}
.color-green_hr {
	border-top: medium double #11aaaa;
}
.color-green-bg{
	background-color: #e5f6f6;
}
.color-green-thick-bg{
	background-color: #11aaaa;
}

