@charset "UTF-8";

.area-index .search-map .map path,
.area-index .search-map .map polygon,
.area-index .search-map .map polyline {
	fill: rgb(68, 176, 53);
}
.area-index .search-map .map path:hover,
.area-index .search-map .map polygon:hover,
.area-index .search-map .map polyline:hover,
.area-index .search-map .map path.active,
.area-index .search-map .map polygon.active,
.area-index .search-map .map polyline.active {
	fill: rgb(32, 136, 22);
}
.search-map .kagoshima {
	top: 321px;
	left: 148px;
}
.search-map .miyazaki {
	top: 250px;
	left: 363px;
}
.search-map .kumamoto {
	top: 200px;
	left: 200px;
}
.search-map .nagasaki {
	top: 157px;
	left: 90px;
}
.search-map .oita {
	left: 380px;
	top: 100px;
}
.search-map .fukuoka {
	top: 40px;
	left: 202px;
}
.search-map .yamaguchi {
	left: 380px;
	top: 26px;
}
.search-map .saga {
	left: 120px;
	top: 90px;
}

/*h1 {
	font-size: 171.42857%;
	font-weight: bold;
	margin-top: 40px;
}*/
.original-tour-header {
	margin-top: 10px;
}
.original-tour-header .image-wrap {
	background-color: #32cd32;
}
h2::before { color: #32cd32 !important; }
.area-index .whats-new {
	float: right;
	width: 710px;
	height: 260px;
	margin-top: 10px;
}
.area-index .whats-new .whats-new-list-wrap {
	width: 100%;
	height: 201px;
}
@media screen and (max-width:599px) {
/*	h1 {
		margin-top: 20px;
		padding: 0 10px;
		font-size: 105%;
	}*/
	.area-index .whats-new {
		width: 100%;
	}
}

.search-tour {
	margin-top: 40px;
}
.search-tour .btn {
	border: none;
	color: #fff;
	font-size: 129%;
	position: relative;
}
.search-tour .btn::before {
	font-family: 'icomoon' !important;
	font-weight: normal;
}
.search-tour .search-links-1 {
	margin-bottom: 20px;
}
.search-tour .search-links-1 .btn {
	width: 490px;
	height: 63px;
	line-height: 63px;
	background-color: #32cd32;
	font-weight: bold;
}
.search-tour .search-links-1 .btn::before {
	position: absolute;
	left: 30px;
	font-size: 200%;
}
.search-tour .search-links-1 .btn::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 0; bottom: 0;
	margin: auto;
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.search-tour .search-links-1 .btn-search-1 { float: left; }
.search-tour .search-links-1 .btn-search-2 { float: right; }
.search-tour .search-links-1 .btn-search-1::before { content: "\e929"; }
.search-tour .search-links-1 .btn-search-2::before { content: "\e920"; }
.search-tour .search-links-2 .btn {
	width: 419px;
	height: 54px;
	line-height: 58px;
	border-radius: 0;
	font-weight: bold;
}
.search-tour .search-links-2 .btn-search-3-wrap {
	float: left;
	width: 490px;
}
.search-tour .search-links-2 .btn-search-4-wrap {
	float: right;
	width: 490px;
}
.search-tour .search-links-2 .btn-search-3 {
	float: right;
	color: #3c5a99;
	border: 1px solid #3c5a99;
}
.search-tour .search-links-2 .btn-search-4 {
	float: left;
	color: #166bb6;
	border: 1px solid #166bb6;
}
.search-tour .search-links-2 span { position: relative; }
.search-tour .search-links-2 .btn-search-3 span::before {
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	left: -40px;
	top: -6px;
	background: url(../../img/sstour/facebook_icon.png);
	background-size: 100% 100%;
}
.search-tour .search-links-2 .btn-search-4 span::before {
	content: "\e911";
	font-family: 'icomoon' !important;
	font-weight: normal;
	font-size: 135%;
	position: absolute;
	left: -30px;
}
.area-index .block01 h2:before {
	content: "\e91e";
	color: #e61018;
}
.area-index .block01 li div {
	padding-bottom: 15px;
}
.area-index .block01 li .head { font-weight: bold; margin-bottom: 8px; }
.area-index .block01 li .text { font-size: 93%; margin-bottom: 13px; }

.area-index .block01 li .price-head {
	display: block;
	font-weight: bold;
	font-size: 86%;
	margin-bottom: 7px;
}
.area-index .block01 li .price {
	display: block;
	font-weight: bold;
	font-size: 115%;
	text-align: right;
	color: #f82527;
}
@media screen and (max-width:599px) {
	.area-index .block01.no-slider .block-inner {
		overflow: hidden;
		margin-right: 0;
	}
	.area-index .block01.no-slider ul {
		margin: 0;
	}
	.area-index .block01.no-slider li {
		width: 48%;
		float: left;
		display: block;
		margin: 0 0 10px;
	}
	.area-index .block01.no-slider li:nth-child(even) {
		margin-left: 4%;
	}
	.area-index .block01.no-slider li:last-child {
		margin-right: 0;
	}
	.area-index .block01 li .text {
		margin-bottom: 8px;
	}
	.area-index .block01 li .price-head {
		font-size: 74.6%;
		margin-bottom: 0;
		float: left;
	}
	.area-index .block01 li .price {
		font-size: 95%;
	}
	.search-tour {
		margin-top: 0;
		padding: 10px;
	}
	.search-tour .search-links-1 .btn {
		width: 100%;
	}
	.search-tour .search-links-1 .btn::before {
		left: 15px;
		font-size: 140%;
	}
	.search-tour .search-links-1 .btn::after {
		right: 15px;
	}
	.search-tour .search-links-2 .btn,
	.search-tour .search-links-2 .btn-search-3-wrap,
	.search-tour .search-links-2 .btn-search-4-wrap { width: 100%; float: none; }

	.search-tour .search-links-2 .btn {
		font-size: 110%;
		box-sizing: border-box;
		background-color: #fff;
	}
	.search-tour .search-links-2 .btn-search-4-wrap {
		margin-top: 10px;
	}
	.search-tour .search-links-2 .btn-search-3 span { padding-left: 25px; }
	.search-tour .search-links-2 .btn-search-3 span::before {
		width: 22px;
		height: 22px;
		left: -4px;
		top: -2px;
	}

	.sp-accordion {
		padding-bottom: 10px;
	}
	.sp-accordion-header {
		box-sizing: border-box;
		padding:20px 10px;
		background-color: #ddd;
		position: relative;
		font-weight: bold;
	}
	.sp-accordion-header::after {
		font-size: 210%;
		font-weight: normal;
		content: "\e903";
		font-family: 'icomoon' !important;
		color: #fff;
		display: block;
		position: absolute;
		top: 2px;
		right: 10px;
	}
	.sp-accordion-header.active::after {
		content: "\e902";
	}
	.sp-accordion-content {
		display: none;
		box-sizing: border-box;
		border: 1px solid #ddd;
		padding: 10px;
	}
}

.bg-blue {
	padding: 40px 0;
}
.area-index .plan-list {
	margin-top: 0;
}
.area-index .plan-list .section-header {
	margin-bottom:1px;
	height: auto;
	text-align: left;
}
.area-index .plan-list .section-header h2 {
	color: #000;
	font-size: 171.42857%;
}
.area-index .plan-list .section-header h3 {
	color: #ff00ff;
	font-size: 171.42857%;
}
.block-wrap {
	margin-bottom: 40px;
}
.bg-blue .title {
	font-size: 143%;
	font-weight: bold;
	margin-bottom: 5px;
}
.main-search {
	float: left;
	width: 610px;
	margin-bottom: 20px;
}
.main-search .search-map .map {
	height: 382px;
}
.main-search .search-map .map svg {
	height: 100%;
}
.sub-search {
	float: right;
	width: 390px;
	position: relative;
}
.sub-search .free-word {
	margin: 0 0 30px 30px;
}
.sub-search .free-word .search-box {
	color: #fff;
	background-color: #454749;
	box-sizing: border-box;
	padding: 20px;
}
.sub-search .free-word .search-box label { width: 90px; line-height: 38px; float: left; }
.sub-search .free-word .search-box input[type="text"] { width: 225px; float: right; }
.sub-search .free-word .search-box .btn-green {
	background-color: #57b13d;
	width: 100%;
	margin-top: 15px;
}
.sub-search .search-buttons {
	background-color: #fff;
	height: 262px;
	padding-top: 20px;
	box-sizing: border-box;
	-webkit-box-ordinal-group: 1;
	order: 1;
}
.sub-search .search-buttons .button-map {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 11px 29px 10px 19px;
	text-decoration: none;
}
@media screen and (max-width: 599px) {
	.block06 {
		margin-top: 0;
	}
	.area-index .plan-list .section-header h2 {
		font-size: 110%;
	}
	.block-wrap {
		margin-bottom: 10px;
	}
	.bg-blue {
		padding: 15px 10px;
	}
	.bg-blue .title {
		font-size: 105%;
	}
	.sub-search {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.sub-search .free-word {
		margin: 0;
		-webkit-box-ordinal-group: 2;
		order: 2;
	}
    .sub-search .free-word .search-box {
	    padding: 10px;
	    margin-bottom: 20px;
    }
	.sub-search .free-word .search-box label {
		width: 80px;
	}
	.sub-search .free-word .search-box input[type="text"] {
		width: 70%; /* 旧端末用近似値 */
		width: -webkit-calc(100% - 85px);
		width: calc(100% - 85px);
	}
	.sub-search .free-word .search-box .btn-green {
		margin-top: 10px;
	}

	.area-index .search-map-wrap,
	.search-map{
		height: auto;
	}
	.main-search{
		float: none;
		width: 100%;
		margin-bottom: 0;
	}
	.area-index .search-map{
		width: 100%;
		position: static;
	}
	.sub-search .search-buttons{
		margin-bottom: 20px;
		padding-top: 0;
		height: auto;
		border-bottom: solid 1px #f87071;
	}
	.search-map .link{
		width: 100%;
		position: static;
	}
	.search-map .link a{
		display: block;
	}
	.area-index .search-map .button{
		margin-left: 0;
	}
	.button-map,
	.sub-search .search-buttons .button-map{
		float: none;
		margin-left: 0;
		width: 100%;
		box-sizing: border-box;
		display: block;
		padding: 12px;
		margin: 0;
		text-align: left;
		border-radius: 0;
		border: none;
		border-top: solid 1px #f87071;
	}
	.button-map:hover,
	.sub-search .search-buttons :hover,
	.search-map .link a:hover{
		background: #fff;
		text-decoration: none;
		color: #f87071;
	}
}

/* ================================================
	絞り込み
=================================================*/
.colored-tag-list li span {
    display: block;
    padding: 13px 35px 13px 36px;
    border-radius: 6px;
    text-decoration: none;
    transition: .3s;
    cursor: pointer;
}
.colored-tag-list li span:hover{
    opacity: 0.7;
}
@media screen and (min-width: 599px){
#shuffle-btn{
    display: block !important;
}
#shuffle-list{
    width: 1020px;
}
.plan-list.price-between .plan-list-block ul .item{
    margin-right: 20px;
}
.plan-list.price-between .plan-list-block ul .item + .item {
    margin-left: 0;
    margin-right: 20px;
}
}
@media screen and (max-width: 599px){
#shuffle-btn{
    display: none;
}

.colored-tag-list li span {
    padding: 10px 20px;
    font-size: 90%;
    height: auto;
}
#shuffle-list{
    margin: 0 -5px;
	width: auto;
}
.plan-list.price-between .plan-list-block ul li.item:nth-child(even) {
    float: left;
}
.plan-list.price-between .plan-list-block ul li.item {
    width: 47.5%;
}
.plan-list.price-between .plan-list-block ul li.item,
.plan-list.price-between .plan-list-block ul .item + .item{
    margin-right: 1.2%;
    margin-left: 1.2%;
}
}

/* ================================================
	追加分
=================================================*/
.mainimg {
	text-align: center;
}
@media screen and (max-width: 599px){
	.mainimg img {
		width: 100%;
		height: auto;
	}
	
		.mainimg-sub img {
		width: 100%;
		height: auto;
	}
}
.news-and-topics {
	margin-top: 0;
}
.plan-list.price-between .plan-list-block ul li.item_wide {
	width: 315px;
}	

#shuffle-list {
	margin-top: 10px;
}
#shuffle-list .dd_area {
	display: inline;
	font-weight: bold;
	font-size: 160%;
	color:#166bb6;
}
#shuffle-list .dd_air {
	display: inline;
	font-weight: bold;
	font-size: 120%;
	margin-left: 10px;
	color: #000;
}
#shuffle-list .dd_flight {
	display: inline;
	font-weight: bold;
	font-size: 110%;
	margin-left: 10px;
}
.news-and-topics .content-inner ul {
	margin: 0;
}
.news-and-topics .content-inner ul li.item {
	margin: 0;
}
.news-and-topics .content-inner ul li.item a .tag-area li.tag-thema {
	top: 1px;
	left: 1px;
}
.news-and-topics .content-inner ul li.item a .tag-area li.tag-date {

	left: 1px;
	background: rgba(255,255,255,0.8);
}
.news-and-topics .content-inner ul li.item a dl dt{
	font-weight: normal;
	font-size: 100%;
	line-height: 1.5;
}
.tag-area-wrapper {
    display: block;
    position: relative;
}
.news-and-topics .content-inner ul li.item a dl {
    position: relative;
    padding: 16px 20px 24px;
}
.news-and-topics .content-inner ul li.item a dl dt span {
	color: #339900;
}

@media screen and (max-width: 599px){
	.plan-list.price-between .plan-list-block ul li.item_wide {
		width: 100%;
	}
	.news-and-topics .content-inner ul li.item a .tag-area li.tag-date {
		bottom: -308px;
	}
}

/*recommend ---------------------------------------------------------------------------------------------*/
.recommend-tour{
    background: 
    padding: 45px 0;
}
.recommend{
    margin-top: 0;
}
.recommend .recommend-tour-wrap .recommend-theme p{
    background: #fff;
    margin: 0;
    padding: 10px;
}

.recommend .recommend-tour-wrap .recommend-theme p .title{
    font-size: 115%;
    font-weight: bold;
}
.search-for-theme .recommend-tour-wrap {
	display: -webkit-flex;
	display: flex;
/*	-webkit-justify-content: space-between;
	justify-content: space-between;*/
}
.search-for-theme .recommend-tour-wrap div + div {
	margin-left: 20px;
}

.search-for-theme .recommend-tour-wrap .recommend-theme {
	width: 235px;
	transition: 0.3s;
	background-color: #fff;
}
.search-for-theme .recommend-tour-wrap .recommend-theme a {
	display: block;
	text-decoration: none;
}
.search-for-theme .recommend-tour-wrap .recommend-theme:hover {
	opacity: 0.5;
}
.search-for-theme .recommend-tour-wrap .recommend-theme img {
	width: 235px;
	height: 160px;
	display: block;
}
@media screen and (max-width:599px) {
	.recommend-tour{
	    padding: 10px;
	}
	.search-for-theme .recommend-tour-wrap {
		display: block;
		float: none;
		width: auto;
		margin: 0 -2%;
	}
	.search-for-theme .recommend-tour-wrap .recommend-theme {
		float: left;
		width: 46%;
		margin: 0 2% 15px 2%;
		background-color: #fff;
	}
	.search-for-theme .recommend-tour-wrap .recommend-theme img {
		width: 100%;
		height: auto;
	}
	.search-for-theme .recommend-tour-wrap .recommend-theme p {
		margin-top: 3px;
		font-size: 95%;
	}
}
/* メインタイトル ---------------------------------------------------------------------------------------------*/
.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;
}
@media screen and (max-width: 599px) {
	.main-title {
		width: 100%;
		font-size: 80%;
		margin: 10px auto;
		padding: 0 10px;
	}
}
/* 2020.02.26 add start */
@media screen and (min-width: 600px){
	.plan-list-block .item .tag-area-wrapper {
   height: 180px;
   overflow: hidden;
   }
   .plan-list-block .item .tag-area-wrapper img {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   }
}
/* 2020.02.26 add end */

#back1 {
	padding: 20px;
	text-align: left;
	vertical-align: middle;
	line-height: 170%;
	color: rgb(43, 41, 41);
	background-color: #EDF7FF;
	/*background: url(/intraroot/images/clearday/acdbnr.gif) no-repeat 50% 0;*/
}

.support-table{
  width:auto;
  border-collapse:collapse;
  margin:15px 0 20px;
  background:#fff;
}

.support-table th,
.support-table td{
  border:1px solid #ddd;
  padding:10px 14px;
}

.support-table th{
  background:#ececec;
  font-weight:700;
  white-space:nowrap;
}

.support-table td:first-child{
  white-space:nowrap;
}

.support-table td:last-child{
  min-width:90px;
  text-align:center;
  font-weight:700;
  color:#d32f2f;
  font-size:18px;
  white-space:nowrap;
}
.plan-list-block{
  line-height:1.9;
  color:#333;
}

.plan-list-block li{
  list-style:none;
}

.plan-list-block .head{
  margin:30px 0 8px;
  padding-left:12px;
  border-left:4px solid #d32f2f;
  font-size:20px;
  font-weight:700;
  line-height:1.5;
}

.plan-list-block .detail{
  font-size:16px;
}

.plan-list-block p{
  margin:0 0 10px;
}

.plan-list-block .notice{
  margin-top:15px;
  padding:15px;
  background:#fafafa;
  border:1px solid #e5e5e5;
  border-radius:6px;
}

.plan-list-block .notice p{
  margin:0 0 8px;
}

.plan-list-block .notice p:last-child{
  margin-bottom:0;
}

.red{
  color:#d32f2f;
  font-weight:700;
}

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

  .plan-list-block .head{
    font-size:18px;
  }

  .plan-list-block .detail{
    font-size:15px;
  }

  .support-table td:last-child{
    font-size:16px;
  }

}

.campaign-overview{
    padding:0px;
    margin:0;
}

.campaign-overview h3{
    margin:0 0 20px;
    font-size:24px;
    font-weight:700;
}

.campaign-overview dl{
    margin:0;
}

.campaign-overview dt{
    background:#efefef;
    padding:12px 15px;
    font-weight:bold;
    color:#333;
    margin-top:15px;
    border-left:5px solid #999;
}

.campaign-overview dd{
    margin:0 0 15px;
    padding:15px;
    line-height:1.8;
    background:#fff;
}

.highlight{
    color:#d90000;
    font-weight:bold;
    font-size:1.1em;
}

.gray-title{
    background:#efefef;
    border-left:5px solid #999;
    padding:12px 15px;
    font-weight:bold;
    margin:30px 0 15px;
}
@media screen and (max-width:767px){

    .support-table{
        font-size:14px;
    }

    .support-table th,
    .support-table td{
        padding:8px 6px;
        word-break:break-word;
        white-space:normal;
    }

    .support-table th:first-child,
    .support-table td:first-child{
        width:70%;
    }

    .support-table th:last-child,
    .support-table td:last-child{
        width:30%;
        font-size:15px;
    }
}
/* 受付終了 */
.item.closed .tag-area-wrapper{
    position: relative;
}

.item.closed img{
    filter: grayscale(100%);
    opacity: 0.5;
}

/* 受付終了ラベル */
..item.closed .tag-area-wrapper{
    position: relative;
}

.item.closed img{
    filter: grayscale(100%);
    opacity: 0.45;
}

.item.closed .tag-area-wrapper::after{
    content:"完売";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    background:rgba(220,0,0,.95);
    color:#fff;

    font-size:32px;
    font-weight:700;
    letter-spacing:4px;

    padding:16px 32px;
    border-radius:6px;

    white-space:nowrap;
    z-index:10;

    box-shadow:0 4px 12px rgba(0,0,0,.3);
}