/*
 * /sstour/common.css のオーバーライド
 */
html {
	font-size: 14px;
}
a:hover{
	text-decoration: none;
}
.content-inner {
	margin-bottom: 25px;
}
.colored-block + .content-inner {
	margin-top: 25px;
}

.link-list-1 .item {
	width: 319px;
}
.colored-block .section-header h2.title {
	margin: 0;
    margin-right: 20px;
    margin-top: 10px;
    margin-left: 20px;
    color: #fff;

}
.yhead{
	background-color: #d15d36;
    color: #fff;
    border-radius: 5px;
}
.section-header-sub{
	background-color: transparent;
    border-bottom: 1px solid #e6e6e6;
    margin: 10px 0;
    padding-bottom: 8px;
}
.section-header-sub h2{
	display: inline-block;
    font-size: 171.42857%;
    font-weight: bold;
}
.tour-detail {
	float: none;
	width: 100%;
}
.tour-detail dl.settings dd {
	text-align: left;
}
@media screen and (max-width: 599px) {
	.content-inner {
		box-sizing: border-box;
		padding: 0 10px;
	}
	.link-list-1 .item {
		width: 100%;
	}
	.section-header-sub h2{
		margin-top: 20px;
	}
}

.section-map{
	text-align: center;
	margin: 20px;
}
.section-map img{
	width: 100%;

}
@media screen and (max-width: 599px) {
	.section-map{
		margin: 0;	
	}
	.section-map img{
		width: 100%;
		
	}
}
/*
 * 独自CSS メインビジュアル
 */
main{
	background-color: #f7f3e9;
}
.hero {
	margin-bottom: 25px;
	text-align: center;
	display:block;
	background-color: #2a1b05;
}
.hero img {
	width: 1300px;
}
.hero_sp img {
	display:none;
}
@media screen and (max-width: 599px) {
	.hero img {
		width: 100%;
		height: auto;
	}
	.hero img {
	display:none;
}
	.hero_sp img {
		margin-bottom: 25px;
   		text-align: center;
		display:block;
		width: 100%;
	}
}


/*
 * 独自CSS ツアー一覧
 */
.link-list-1 .item.item-ready {
	background-color: rgba(88,190,137,0.5);
}
.tour_index-wraper {
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
}
.tour_index-point-header{
	float: left;
	margin-right: 30px;
}
.tour_index-point-header img {
	width: 350px;
}
.tour_index-point {
	float: right;
	width: 620px;
}
.tour_index-point-title {
	font-size: 142%;
	font-weight: bold;
	margin-bottom: 20px;
}
.tour_index-point-recommend {
	font-weight: bold;
	margin: 0.5em 0;
}
.tour_index-point-recommend-text {
	margin: 0.5em 0;
}
.tour_index-point-recommend-list {
	padding-left: 1.5em;
	margin: 0.5em 0;
	list-style-type: disc;
}
.tour_index-point-recommend-list em {
	color: #58be89;
	font-weight: bold;
}
.tour_index-point .block-link {
	background-color: #248e67;
	height: 2em;
}
.btn.btn-low {
	width: 100%;
}
@media screen and (max-width: 599px){
	.tour_index-point-header {
		margin-right: 0;
	}
	.tour_index-point-header img {
		width: 100%;
	}
	.tour_index-point {
		width: 100%;
		margin-bottom: 10px;
		box-sizing: border-box;
	}
	.tour_index-point-title {
		margin: 5px 0;
	}
}
.image-wrap-pref{
	position: absolute;
    color: #fff;
    background-color: #d15d36;
    padding: 5px 7px;
    font-size: 90%;
}
.colored-block__blog .block07 .item a {
	font-size: 1rem;
	display: block;
	text-decoration: none;
}
.colored-block__blog .block07 .item .image {
	transition: .3s;
}
.colored-block__blog .block07 .item a:hover .image {
	opacity: 0.8;
}
.colored-block__blog .block07 .item .text {
	background-color: rgba(0, 0, 0, 0.8);
	margin-top: -3.2rem;
	padding: 1rem;
	transition: .3s;
}
.colored-block__blog .block07 .item a:hover .text {
	background-color: rgba(0, 0, 0, 0.3);

}
.colored-block__blog .block07 .item .text .title {
	font-size: 1rem;
	height: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.colored-block.type-7.colored-block__blog .title {
	color: #fff;
}
@media screen and (max-width: 599px){
	.colored-block.type-7.colored-block__blog .title {
		padding-bottom: 0;
	}
}

/*
 * 独自CSS これまでの募集ツアー
 */
.colored-block__past .past-list {
	background-color: #fff;
	padding: 1em;
}
.colored-block__past .past-list dt {
	color: #1b4584;
	font-weight: bold;
}
.colored-block__past .past-list dd {
	margin-bottom: 1em;
}

/**
 * 担当者おすすめツアー特集
 */
#anchor10 {
    margin-top: 0px;
}


/**
 * お問合せ・お見積
 */
.btn.btn-lg {
	width: 100%;
}
.conversion-inner .tel-fax-link b {
	font-size: 130%;
}

/***追加***/
.block {
    width: 1000px;
    margin: 0 auto;
	padding: 10px 10px 30px 10px;
}
.disc-area .item {
    margin: 0;
}
.disc-area .item .txt {
    box-sizing: border-box;
}
.disc-area .item .txt p {
    text-indent: -1.5em;
    padding: 3px 0 3px 1.5em;
	font-size: 21px;
}
.disc-area .item .txt span.list {
    display: inline-block;
    color: #fff;
    background-color: #00147d;
    line-height: 150%;
    padding: 0 0 0 1.5em;
    text-align: center;
    font-size: 108%;
    font-weight: normal;
    border-radius: 30px;
	margin-right: 10px;
}
.disc-area .item .title {
    font-size: 114%;
    font-weight: bold;
}
.link-list-1 .item.type-beige {
    background-color: #d15d36;
	margin-right: 0;
}

.link-list-1 .item:not(:last-child){
	margin-right: 20px;
}
.link-list-1 .item.item-ready {
    background-color: #ccd0e5;
}
@media screen and (max-width: 599px){
	.disc-area .item .txt p {
		text-indent: unset;
		font-size: 16px;
		display: flex;
		padding: 3px 0 3px 0;
	}
	.block {
		box-sizing: border-box;
		width: 100%;
	}
	.disc-area .item .txt span.list{
		display: inline;
		height: fit-content;
		padding: 4px 10px;
	}
}

#course_point .section-header h2.section-course{
	background: url(/img/sskyushu-tour/kyushuolle/boot_black.svg) left no-repeat;
    padding-left: 40px;
}
.recomend-point .recomend-point-list-wrap{
	height: auto;
}
.recomend-point-list-li span.tx-icon {
	display: inline-block;
    border-radius: 1em;
    background: #e5a48e;
	color: #fff;
	font-weight: bold;
    padding: 3px 10px;
    font-size: 13px;
    white-space: nowrap;
	margin-right: 3px;
	margin-top: 3px;
}
.recomend-point-list-li span.tx-icon-wrap{
	margin-right: 30px;
	display: inline;
}
.recomend-point-list-rec{
	display: flex;
	justify-content: space-evenly;
	margin:  20px 0;
}
.recomend-point-list-rec a{
	display: block;
	position: relative;
	flex: 1;
	text-align: center;
}
.recomend-point-list-rec a:first-child{
	margin-right: 30px;
}
.recomend-point-list-rec a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.recomend-point-list-button{
	background-color: #c24750;
    padding: 10px 20px;
    color: #ffffff;
    border-radius: 5px;
}
.recomend-point-list-rec a::after {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .3s;
}

@media screen and (max-width: 599px) {
	.recomend-point-list-rec a:first-child{
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.recomend-point-header{
		width: 100%;
	}
	.recomend-point-list-rec{
		display: block;
		margin:  5px 0;
	}
}
/* よくある質問  */

#qa-tabmenu {
  width: 950px;
  margin: 0 auto;
}

#qa-tabmenu li {
  position: relative;
  float: left;
  width: 20%;
  background: #f0f3f5;
  border: 1px solid #145ca6;
  border-right: none;
  text-align: center;
  line-height: 48px;
  font-size: 13px;
  font-weight: bold;
  color: #145ca6;
  box-sizing: border-box;
  cursor: pointer;
}

#qa-tabmenu li:nth-child(5) {
  border-right: 1px solid #145ca6;
}

#qa-tabmenu li.active {
  background: #145ca6;
  color: #fff;
}

#qa-tabmenu li.active:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(20, 92, 167, 0);
  border-top-color: #145ca6;
  border-width: 10px;
  margin-left: -10px;
}

.qa-dropdown {
  width: 100% !important;
  padding: 7px 0 6px !important;
}

.qa-dropdown-menu {
  position: inherit !important;
  margin: 0 0 30px 0;
}

.qa-dropdown-menu li {
  background: #eee;
  color: #333;
  border-top: 1px solid #fff;
  font-weight: bold;
  padding: 7px 0 6px;
  text-decoration: none;
  text-align: center;
  width: 100%;
  z-index: 101;
  -webkit-transition: background .25s ease;
  -moz-transition: background .25s ease;
  transition: background .25s ease;
  cursor: pointer;
}


#qa-box > div {
  display: none;
}

#qa-box > div.active {
  display: block;
}

.qa-list-wrap li dl dt,
.qa-list-wrap li dl dd {
  position: relative;
  padding: 15px;
}

.qa-list-wrap li dl dt > span,
.qa-list-wrap li dl dd > span {
  display: table-cell;
  vertical-align: middle;
}

.qa-list-wrap li dl dt > span:first-child,
.qa-list-wrap li dl dd > span:first-child {
  vertical-align: top;
}

.qa-list-wrap li dl dt > span:first-child span,
.qa-list-wrap li dl dd > span:first-child span {
  width: 30px;
  height: 30px;
  line-height: 2;
  display: block;
  top: 50%;
  margin: -15px 0 0 0;
  letter-spacing: 0.2em;
  text-align: center;
  vertical-align: top;
  border: 1px solid #d15d36;
  background-color: #d15d36;
  color: #fff;
  border-radius: 6px;
  position: absolute;
}

.qa-list-wrap li dl dd > span:first-child span {
  background: #fff;
  color: #d15d36;
}

.qa-list-wrap li dl dt {
  border-bottom: 1px solid #e8e8e8;
  cursor: pointer;
  position: relative;
}

.qa-list-wrap li dl dt:before,
.qa-list-wrap li dl dt:after {
  content: "";
  display: block;
  width: 15px;
  right: 10px;
  background-color: #343c48;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
}

.qa-list-wrap li dl dt:after {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.qa-list-wrap li dl dd {
  background: rgba(231, 223, 210, 1);
  border-bottom: 1px solid #e8e8e8;
  display: none;
}

.qa-list-wrap li dl dt > span:last-child {
  padding-left: 40px;
  padding-right: 30px;
}

.qa-list-wrap li dl dd > span:last-child {
  padding-left: 40px;
}

.qa-list-wrap li.active dt:after {
  display: none;
}
.qa-arrangement01{
	    display: block;
	margin-top: 10px;
}
.qa-arrangement02{
	border: solid 1px #333;
    padding: 4px 3px;
    border-radius: 4px;
}
.qa-arrangement03{
	display: block;
}
/* よくある質問終わり */


.colored-block.type-beige{
	background-color: #f7f3e9;
}


/*******県別ボタン*******/

.pref-list-wrap ul {
    width: 1000px;
	display: flex;
	flex-wrap: wrap;
}
.pref-list-wrap ul li {
    margin: 5px;
	flex: 1;
}
.pref-list-wrap ul li {

    text-align: center;
}
.pref-list-wrap ul li a {
    display: block;
    background: #fff;
    padding: 10px 15px;
	border:2px solid #d15d36;
    border-radius: 30px;
    transition: background 0.3s;
	color: #d15d36;
}
.pref-list-wrap ul li a:hover{
	background-color: #d15d36;
	color: #fff;
	text-decoration: none;
}
@media screen and (max-width: 599px){
	.pref-list-wrap ul {
	   width: 100%;
	}
	.pref-list-wrap ul li {
		margin: 0 5px 5px 0;
	}
	.pref-list-wrap ul li a {
		font-size: 90%;
		width: 60px;
	}
}

/*******県別&エリアボタン*******/
.pref-list-wrap-hotel ul{
	display: flex;
	flex-wrap: wrap;
	
}
.pref-list-wrap-hotel ul.pref-navi .li-navi {
	border: 1px solid #f1cec2;
    padding: 10px;
	border-radius: 6px;
}
.pref-list-wrap-hotel ul li{
	text-align: center;
	margin: 5px;
	flex:1;
}
.pref-list-wrap-hotel .pref-navi .li-navi a.pref {
    display: block;
    background: #fff;
    padding: 10px 15px;
	border:2px solid #d15d36;
    border-radius: 30px;
    transition: background 0.3s;
	color: #d15d36;
	margin: 0 auto;
}
.pref-list-wrap-hotel .pref-navi .li-navi a.pref:hover{
	background-color: #d15d36;
    color: #fff;
    text-decoration: none;
}
.area-navi .area-navi-li{
	margin: 7px 7px 0px 7px;
    display: block;
    background: #f1cec2;
    padding: 5px 13px;
    border-radius: 30px;
    color: #d15d36;
}
.area-navi .area-navi-li:hover{
	color: #fff;
	background: #d15d36;
}
@media screen and (max-width: 599px){
	.pref-list-wrap-hotel ul li{
		width: 100%;
	}
	.pref-list-wrap-hotel ul li a{
		display: inline-block;
    	width: 60px;
	}
	.area-navi .area-navi-li{
		margin: 7px 5px 0px 4px;
	}
}

/**************/

.recomend-wraper{
	margin-top: 15px;
	display: flex;
	justify-content: flex-start;
}
.pref-wrap-rec{
	margin-left: 35px;
}
.pref-wrap-title{
	margin: 25px 5px 5px 5px;
	display: block;
    background: #fff;
    padding: 10px 15px;
    border: 2px solid #d15d36;
    border-radius: 30px;
    transition: background 0.7s;
    color: #d15d36;
}
.pref-wrap-title-sub{
	margin: 10px 5px 5px 30px;
	display: block;
	background: #f1cec2;
	padding: 10px 15px;
	border-radius: 30px;
	color: #d15d36;
}
.recomend-point{
	float: none;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 599px){
	 .recomend-wraper{
		display: block;
	}
}
.recomend-point-hs-button {
    background-color: #c24750;
    padding: 10px 20px;
    color: #ffffff;
    border-radius: 5px;
}
/*******おすすめ温泉地ランキング*******/
.section-header .tour-ranking-lead{
	display: block;
}
.tour-ranking {
    margin-bottom: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tour-ranking .ranking-inner {
    position: relative;
	width: 315px;
}
.tour-ranking .ranking-inner a {
    display: block;
    font-size: 95%;
}
.tour-ranking .ranking-inner a::before {
    content: "\e91d";
    left: 10px;
    position: absolute;
    font-family: 'icomoon' !important;
    z-index: 100;
    color: #f0ba32;
    font-size: 300%;
    top: 0;
}
.tour-ranking .ranking-item {
    position: relative;
    background: #fff;
    height: auto;
    display: flex;
}
.ranking-item-img {
    width: 50%;
}
.tour-ranking .ranking-item img {
    width: 100%;
    object-fit: cover;
    height: 158px;
}
.tour-ranking .ranking-item .detail {
    width: 50%;
    height: 158px;
    padding: 14px 8px 0 11px;
    box-sizing: border-box;
    float: right;
    background-color: #fff;
}
.tour-ranking .ranking-item .detail .title {
    font-weight: bold;
    margin-bottom: 5px;
}
.tour-ranking .ranking-item .detail .destination {
    display: inline-block;
    width: auto;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    background-color: #166bb6;
    text-align: center;
    color: #fff;
    margin: 0 0 10px 0;
}
.tour-ranking .ranking-item .detail .message {
    font-size: 95%;
}
.tour-ranking .first-place {
    position: relative;
    margin-top: 10px;
    background: #fff;
}
.tour-ranking .second-place, .tour-ranking .third-place {
    position: relative;
    box-sizing: border-box;
    margin-top: 10px;
    background-color: #fff;
}
.tour-ranking .second-place, .tour-ranking .third-place {
    position: relative;
    box-sizing: border-box;
    margin-top: 10px;
    background-color: #fff;
}
.tour-ranking .first-place a::after {
    content: "1";
    position: absolute;
    top: 24px;
    left: 24px;
    font-size: 128.57143%;
    z-index: 100;
    color: #fff;
}
.tour-ranking .second-place a::after {
    content: "2";
    position: absolute;
    top: 24px;
    left: 24px;
    font-size: 128.57143%;
    z-index: 100;
    color: #fff;
}
.tour-ranking .third-place a::after {
    content: "3";
    position: absolute;
    top: 24px;
    left: 24px;
    font-size: 128.57143%;
    z-index: 100;
    color: #fff;
}
.tour-ranking .first-place a::before {
    color: #f0ba32;
}
.tour-ranking .second-place a::before {
    color: #979797;
}
.tour-ranking .third-place a::before {
    color: #be8b68;
}
@media screen and (max-width: 599px){
	.tour-ranking .ranking-inner {
		width: 100%;
	}
	.tour-ranking .ranking-item .detail {
		width: 69%;
		height: auto;
		padding: 3%;
	}
}


/*******お問い合わせ*******/
.conversion-wrap{
	background-color: transparent;
}