@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;
}

/***メインビジュアル***/
.main-title{
	margin-top: 0px;
	font-size: 20px;
    font-weight: bold;
}
.main-title__wrap {
    background: url("/img/ssbushike/autumn/bg.jpg") no-repeat scroll center center / cover;
    margin: 0 0 0 0;
    font-size: 18px;
    line-height: 1.4;
}

.main-title__wrap--rec {
    max-width: 1400px;
    display: block;
    padding: 0 0 0 0;
    margin: 0 auto;
    text-align: center;
}
/******/

h1 {
	margin-top: 40px;
}
.original-tour-header {
	margin-top: 10px;
}
.original-tour-header .image-wrap {
	background-color: #B82331;
}
h2::before { color: #B82331 !important; }
.plan-list .bushike .section-header h2:before{
	color: #B82331;
	content: "";
}
.area-index .whats-new {
	float: right;
	width: 710px;
	margin-top: 10px;
}
.area-index .whats-new .whats-new-list-wrap {
	width: 100%;
	height: 300px;
}

@media screen and (max-width:599px) {
	.main-title__wrap--rec img{
		width: 100%;
        height: auto;
	}
	h1 {
		margin-top: 20px;
		padding: 0 10px;
		font-size: 105%;
	}
	.area-index .whats-new {
		width: 100%;
	}
}

.whats-new-list-wrap li span.text-rec,.departure-decision-list-wrap .tour span.text-rec{
	background-color: #333;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	padding: 0px 5px;
	font-size: 12px;
	margin:0 5px 0 5px;
}
.whats-new-list-wrap li span.text-wrap,.departure-decision-list-wrap .tour span.text-wrap{
    margin-left: 20px;
}
.whats-new-list-wrap li span.img-rec img,.departure-decision-list-wrap .tour .img-rec img{
	width: 82px;
	height: 82px;
    object-fit: cover;
    border-radius: 6px;
}
.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: #B82331;
	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;
}
.area-index .block01 li img{
	width: 100%;
    height: 184px;
    object-fit: cover;
}
	.area-index .block01 ul{
		margin: 0;
		display: flex;
	}
@media screen and (max-width:599px) {
	.area-index .block01 li div{

	}
	.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 {
        width: 200px;
        float: none;
	}
	.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%;
	}
	.area-index .block01 li img{
		height: 200px;
	}
	.area-index .block01 ul{
		display: block;
	}
	.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: 13px 10px 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;
	}
}
@media screen and (max-width: 1300px) {
    .area-index .block01 .block-inner {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        margin-right: -10px;
    }
}
.bg-blue {
	padding: 40px 0;
}
.area-index .plan-list {
	margin-top: 0;
}
.area-index .plan-list .section-header {
	height: auto;
	text-align: left;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    padding-bottom: 8px;
}
.area-index .plan-list .section-header h2 {
	color: #333;
	font-size: 171.42857%;
}
.block-wrap {
	margin-bottom: 0px;
	padding-top: 0px;
    padding-bottom: 10px;
}
.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: #B82331;
	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%;
		display: inline-block;
	}
	.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{
	
	}
	.plan-list.price-between .plan-list-block ul li.item{
		margin-right: 20px;
		width: 18%;
	}
	.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;
	}
	.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%;
	}
}

/*recommend ---------------------------------------------------------------------------------------------*/
.recommend-tour{
    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%;
	}
}



/* 旅行お役立ちリンク */
.search-for-link h2{
    background: url(/img/ssindex/icon_search_link.png) left no-repeat;
    padding-left: 35px;
}
.search-for-link h2:before{
    content: '';
    margin: 0;
}
.search-for-link .list-wrap {
    margin-bottom: 25px;
}
.search-for-link .list-wrap ul {
    width: auto;
}
/* SLICK ---------------------------------------------------------------------------------------------*/
.main-img{
	height: 408px;
}
@media screen and (max-width: 599px) {
    .main-img .slide .slick-next, .main-img .slide .slick-prev {
        width: 45px;
        height: 90px;
    }
}
/*
@media screen and (min-width: 600px){
	.slick-slide a {
		display: block;
		height: 408px;
		position: relative;
	}
	.slick-slide img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}
*/

/* はなみずきツアー */
.bn-img img{
	width: 100%;
}
.hero {

}
.hero img{
	width: 100%;
}
.hero_sp img {
	display:none;
}

@media screen and (max-width: 599px) {
	.hero img {
		display:none;
	}
	.hero_sp img {
		display:block;

	}
	.ui-datepicker .ui-datepicker-next::after {
        right: 3px;
    }
	.ui-datepicker .ui-datepicker-next::before, .ui-datepicker .ui-datepicker-prev::before{
		top: 7px;
	}
}

/*********バスツアーにおける新型コロナウィルス感染症拡大防止の取り組みについて***/
.block-link{
	padding: 20px;
	height:auto;
	font-size:18px;
	text-align: center;
}
.block-link::after{
	display: none;
}
@media screen and (max-width: 599px){
	.block-link {
		padding: 5px 10px;
		font-size: 15px;
	}
}


/********2024/6/17 追加*******/
html, body{
	font-size: 16px;
}
.global-menu{
	font-size: 14px;
}
.nav-travel{
	display: none;
}
main{
	
}
h1{
    margin-top: 0;
}
.fontsize-gcompanies{
	font-size: 13.7px;
}
.bg-green{
	background-color: #e1ebcd;
}
.area-index .plan-list .section-header{
	text-align: center;
}
.plan-list .plan-list-block ul li.item dl{
	padding: 0 10px 0;
}
.plan-list .plan-list-block ul li.item dl dt h4{
	margin-bottom: 5px;	
	font-size: 18px;
}
.plan-list .plan-list-block ul li.item dl dd{
	color: #DD272A;
}
.block-wrap{
	padding-top: 80px;
}
.txt-limit {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 任意の行数を指定 */
}
.content-inner-bushike {
    max-width: 1400px;
	box-sizing: border-box;
    width: 100%;
	margin: 0 auto;
	position: relative;
}
/*.content-inner{
	max-width: 1400px;
	width: 100%;
}*/
.too-top-pc{
	right: 60px;
}
.bg-green .title {
    font-size: 143%;
    font-weight: bold;
    margin-bottom: 5px;
}
.area-index .block01 li{
	width: 263px;
}
.content-inner {
	padding-left: 20px;
	padding-right: 20px;
}

@media screen and (max-width: 599px) {
	.content-inner-bushike{
		width: auto;
		max-width: none;
	}
	.plan-list .plan-list-block ul li.item dl dt{
		margin: 15px 5px 5px 5px;
	}
}
.main-img-bus img{
	width: 160px;
}
.main-img-bus{
z-index: 1;
    display: block;
    position: absolute;
	top: -5%;
    right: 34%;
    width: 43px;
}
.main-img .slide p{
	padding: 40px 140px 10px 40px;
}
@media screen and (min-width: 600px){
	.main-img .slide p{
		box-sizing: border-box;
		    width: 600px;
	   	 text-align: left;
	}

}
.area-index .whats-new {
	float: none;
	width: 710px;
	margin-top: 10px;
}
.area-index .whats-new,.area-index .departure-decision{
	width: 100%;
	margin-bottom: 70px;
}
.section-header{
	text-align: center;
}
.artwork-area{
	background-image: url("../../img/ssbushike/bg.svg");
	height: 327px;
    background-size: contain;
}
.area-index .whats-new .departure-decision-list-wrap {
	width: 100%;
	height: 330px;
}
.area-index .whats-new .whats-new-list-wrap{
	height: 195px;
	float: none;
}
.area-index .departure-decision .departure-decision-list-wrap p{
	margin-left: 27px;
	position: relative;
	margin-top: 15px;
	font-weight: bold;
}

.area-index .departure-decision .departure-decision-list-wrap p::before{
	content:  url("../../img/ssbushike/icon-03.svg");
	 display: inline-block;
  vertical-align: middle;
	 transform: scale(0.1);
	position: absolute;
    top: -98px;
    left: -112px;
}
.area-index .departure-decision .departure-decision-list-wrap{
	height: 400px;
	overflow-y: scroll;
}
.whats-new-list li span {
    display: inline-block;
}
.whats-new .whats-new-list-wrap li,.departure-decision .departure-decision-list-wrap .tour{
	padding: 20px;
	background-color: #ffffff;
	border-radius: 0 0 0 0;
	transition : all 0.5s ease 0s;
	border-bottom: 1px solid #c1c1c1;
	position: relative;
}
.whats-new .whats-new-list-wrap li:last-child,.departure-decision .departure-decision-list-wrap .tour:last-child {
	border-bottom: none;
}

@media (any-hover: hover) {
	.whats-new .whats-new-list-wrap li:hover,.departure-decision .departure-decision-list-wrap .tour:hover{
		background-color: #e1ebcd;
		border-radius: 0;
		padding-left:2em;
		transition : all 0.5s ease 0s;
	}
}
.whats-new .whats-new-list-wrap li:first-child,.departure-decision .departure-decision-list-wrap .tour:first-child{
	padding-top: 20px;
}
.whats-new .whats-new-list-wrap li a,.departure-decision .departure-decision-list-wrap .tour a{
	border-radius: 6px;
    display: flex;
}
.whats-new .whats-new-list-wrap li a:hover,.departure-decision .departure-decision-list-wrap .tour a:hover{
	text-decoration: none;
}
.departure-decision .departure-decision-list-wrap .comment{
	padding-top: 10px;
}
.area-index .departure-decision {
    position: relative;
    width: 100%;
    max-height: 450px;
    display: block;
}
.departure-decision {
    margin-top: 70px;
    display: block;
    padding: 20px 10px;
    box-sizing: border-box;
}
.departure-decision h2::before {
    content: "\e91e";
}
.plan-list .plan-list-block .bushike-wrap ul {
    justify-content: space-between;
}
.plan-list .plan-list-block ul {
    justify-content:flex-start;
}
.plan-list .plan-list-block ul.shuffle-list {
    justify-content: flex-start;
}
.plan-list .plan-list-block ul li.item{
	border-radius: 8px;
	width: 24%;
}
/***黄色の目立つ枠******/
/*.plan-list .plan-list-block .bushike-wrap ul li.item{
	border: 10px solid #ffff01;
}
*/
.plan-list .plan-list-block .bushike-wrap ul li.item::before{
	position: absolute;
	z-index: 1;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #DD272A;
    color: white;
    font-size: 0.6rem;
    text-align: center;
    text-transform: uppercase;
    content: 'おすすめ';
}
.plan-list .plan-list-block ul li.item .trim{
	width: 100%;
	height: 240px;
}
@media screen and (max-width: 599px) {
	.whats-new .whats-new-list-wrap li:hover,.departure-decision .departure-decision-list-wrap .tour:hover{
	
	}
	.area-index .departure-decision {
		max-height: inherit;
	}
	.plan-list .plan-list-block ul{
		justify-content: space-between;
	}
	.plan-list .plan-list-block ul li.item{
        margin-right: 1.2%;
        margin-left: 1.2%;
	}
	.plan-list .plan-list-block ul li.item .trim{
		height: 230px;
	}
	.plan-list .plan-list-block ul li.item .trim img{
		max-height: 100%;
		min-height: 100%;
	}
	.too-top-pc{
		display: none;
	}
	.area-index .whats-new .departure-decision-list-wrap{
		height: auto;
	}
	.content-inner{
		width: auto;
	}
	.bg-green .title {
		font-size: 105%;
		margin-top: 20px;
	}
	.main-img .slide p{
		padding: 40px 40px 10px 40px;
	}
	.main-img{
		height: 350px;
	}
	.main-img-bus{

	}
	.plan-list .plan-list-block .bushike-wrap ul li.item{
		width: 100%;
	}
	.plan-list .plan-list-block ul li.item .trim{
		width: auto;
	}
	.plan-list .plan-list-block ul li.item .trim img{
		min-height: 230px;
	}
}
.plan-list .plan-list-block ul li.item img{
	width: 100%;
	height: 240px;
    object-fit: cover;
	border-radius: 6px 6px 0 0 ;
}
@media screen and (max-width:599px) {
	.plan-list .plan-list-block ul li.item img {
		height: 160px;
		object-fit: cover;
	}
}
.plan-list .bushike .section-header h2:before {
    color: #B82331;
    content: "\e92b" !important;
	background-image: none;
}
/*****sidebar*****/
.sidebar {
    position: relative;
    z-index: 2;
}
.sidebar_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 180px;
    /* height: 100vh; */
    /* height: 100dvh; */
    padding: 10px 20px 115px 10px;
	background-color: #B82331;
    color: #fff;
    border-radius:0px 0px 8px 0px;;
}
.sidebar .snav_container {
    text-align: center;
}
.sidebar .snav_list {
    display: inline-block;
    text-align: center;
}
.sidebar .snav_list li {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.5;
	position: relative;
	padding: 5px 22px;
   /* border: 2px solid #fff;*/
    border-radius: 6px;
}
.sidebar .snav_list li:not(:first-child) {
    margin-top: 10px;
}
.sidebar .snav_list li a{
	transition: color .2s cubic-bezier(0.33, 1, 0.68, 1);
	font-feature-settings: "palt";
}
.sidebar .snav_list li a:hover{
	color: #333;
	    text-decoration: none;
}
.sidebar .snav_list li a:after{
/* 擬似要素で矢印アイコンをつくる */
    content: '';
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%) rotate(45deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
}

.sub-search-wrap{
	position: absolute;
    top: 0;
    right: 0;
	float: right;
    width: 390px;
}
.sub-search .free-word .search-box{
	display: flex;
	justify-content: center;
	background-color: transparent;
	color: inherit;
}
.sub-search .free-word .search-box label{
	width: auto;
	float: none;
}
.sub-search .free-word .search-box input[type="text"]{
	width: 30%;
	float: none;
	margin-left: 20px;
	line-height:38px;
}
.sub-search .free-word .search-box .btn-green{
	margin-top: 0;
	width: 15%;
	margin-left: 20px;
	line-height: 1;
}
.btn.btn-low{
	height: 38px;
}
@media screen and (max-width: 599px) {
	.sub-search .free-word .search-box{
		display: block;
		text-align: center;
	}
	.sub-search .free-word .search-box label{
	    display: block;
  		 width: 100%;
	}
	.sub-search .free-word .search-box .btn-green{
		width: auto;
		margin-left:5px;
		height: 40px;
    	line-height: 39px;
		padding: 0 15px;
	}
	.sub-search .free-word .search-box input[type="text"]{
		width: 59%;
		margin-left: 0px;
		height: 40px;
	}
}
/******バナーエリア*****/
.block-banner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
}
.block-banner-item {
	width: 49%;
}
.block-banner-item:nth-child(n) {
	margin-top: 1.7%;
}
.block-banner-item img{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 599px) {
	.block-banner{
		padding: 10px;
	}
	.block-banner-item {
		width: 100%;
	}
}
.too-top-wrap{
	z-index: 3;
}

.sub-search .search-buttons{ /**エリアから探す****/
	background-color: transparent;
	display: flex;
    justify-content: right;
    padding-top: 20px;
    padding-right: 7px;
}
.sub-search-wrap .search-buttons{ /**エリアから探す****/
	background-color: transparent;
	display: flex;
    justify-content: right;
	margin: 20px;
}
.sub-search-wrap .search-buttons li:not(:last-child){
	margin-right: 10px;
}
.area-index .search-map{
	margin: 0 auto;
}
.main-search{
	float: none;
	width: 100%;
	margin-top: 20px;
}
.area-index .search-map-wrap{
	position: relative;
}
/*========= スマホナビゲーション===============*/
@media screen and (max-width: 599px) {
	.sub-search-wrap{
	        width: 100%;
        position: static;
	}
	.sub-search-wrap .search-buttons{
		display: block;
		margin: 0;
	}
	.sub-search-wrap .search-buttons li{
		        width: 100%;
        position: static;
	}

	.sidebar{
		display: none;
	}
	#g-nav,#header{
		display: block;
	}
	#g-nav{
		/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
		position:fixed;
		z-index: 999;
		/*ナビのスタート位置と形状*/
		bottom:-120%;
		left:0;
		width:100%;
		/*動き*/
		transition: all 0.6s;
	}

	/*アクティブクラスがついたら位置を0に*/
	#g-nav.panelactive{
		bottom: 0;
	}

	/*ナビゲーションの縦スクロール*/
	#g-nav.panelactive #g-nav-list{
		/*ナビの数が増えた場合縦スクロール*/

		z-index: 999; 
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		background: #B82331;
		border-radius: 8px 8px 0 0;
	}

	/*ナビゲーション*/
	#g-nav ul {
		/*ナビゲーション天地中央揃え*/
		z-index: 999;
		margin: 20px 20px 20px 30px;
	}

	/*リストのレイアウト設定*/

	#g-nav li{
		list-style: none;
		text-align: center; 
		position: relative;
	}

	#g-nav li a{
		color: #fff;
		text-decoration: none;
		padding:10px;
		display: block;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
		font-size: 14px;
	}

	/*========= ボタンのためのCSS ===============*/
	.openbtn{
		position:fixed;
		z-index: 9999;/*ボタンを最前面に*/
		bottom:5px;
		right: 10px;
		cursor: pointer;
		width: 50px;
		height:50px;
	}

	/*×に変化*/	
	.openbtn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 3px;
		border-radius: 2px;
		background-color: #fff;
		width: 45%;
	  }

	.openbtn span:nth-of-type(1) {
		top:15px;	
	}

	.openbtn span:nth-of-type(2) {
		top:23px;
	}

	.openbtn span:nth-of-type(3) {
		top:31px;
	}

	.openbtn.active span:nth-of-type(1) {
		top: 18px;
		left: 18px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
	}

	.openbtn.active span:nth-of-type(2) {
		opacity: 0;
	}

	.openbtn.active span:nth-of-type(3){
		top: 30px;
		left: 18px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}
	#g-nav li a:after{
	/* 擬似要素で矢印アイコンをつくる */
		content: '';
		border: 0;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		display: inline-block;
		width: 10px;
		height: 10px;
		/* 矢印アイコンの位置を設定 */
		position: absolute;
		top: 50%;
		transform: translateY(-50%) rotate(45deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
		margin-right: 10px;
	}
	
}
/*****ココがポイント*****/
.area-index .plan-list h3.heading {
	float: none;
	text-align: center;
    font-size: 18px;
    margin-bottom: 20px !important;
    color: #333333;
    font-weight: bold;
}
.plan-list .plan-list-block ul.bushike-point{
	display: flex;
	justify-content: space-around;
	position: relative;
}
.bushike-point li.list{
	width: 40%;
	position: relative;
}
.bushike-point-img{
	text-align: center;

}
.bushike-point-img img{
	width: 60px;
	padding: 20px;
}
@media screen and (max-width: 599px) {
	.plan-list .plan-list-block ul.bushike-point{
		justify-content: center;
	}
	.bushike-point li.list{
		width: 90%;
		margin-bottom: 70px;
	}
}

.search-for-destination{

}
.footer-text-area{
	padding-bottom: 40px;
}
.triptype-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	row-gap: 10px;
 	column-gap: 10px;
}
.triptype-wrap li{
	width: 22%;
	margin: 5px 0;
    padding: 10px;
    border-radius: 4px;
    border: 2px solid #B82331;
	text-align: center;
	font-weight: bold;
	background-color: #fff;
	box-shadow: 0 2px #B82331;
	transition: .2s ease-in-out;
	position: relative;
  	top: 0;
}
.triptype-wrap li span{
	display: inline-block;
	margin-top: 7px;
	text-align: center;
}
@media (min-width: 599px) and (max-width: 1049px) {
		.triptype-wrap li{
		width: 28%;
	}
}
@media screen and (max-width: 599px) {
	.plan-list .plan-list-block ul.qa-list-wrap{
		width: 100%;
	}
	.triptype-wrap{
		justify-content:center;
        row-gap: 5px;
        column-gap: 5px;
	}
	.triptype-wrap li{
		width: 25%;
	}
	.triptype-wrap li span{
		font-size: 11px;
		line-height: 1.3;
	}
}
.triptype-wrap li .pict img{
	width: 70px;
}
.search-for-link h2{
		background-image: none;
}
.search-for-link h2:before {
    content: "\e910";
    margin-right: 10px;
}
.area-index .search-map .map path, .area-index .search-map .map polygon, .area-index .search-map .map polyline {
    fill: rgba(157,190,89,1);
}
.triptype-wrap li:hover{
	background-color: #eee;
	top: 2px; /* 元の位置から3px分下げる */
  box-shadow: 0 0 #B82331; /* 影を0pxにする */
}

/******閉じるボタン****/
.box-inquiry{
	position: relative;
}
.round_btn {
  position: absolute;
  z-index: 50;
  display: block;
  right: 170px;
  top: -23px;
  width: 30px;
  height: 30px;
  border: 2px solid #B82331; /* 枠の調整 */
  border-radius: 50%;  /* 丸みの度合い */
  background: #fff; /* ボタンの背景色 */
}
 
.round_btn::before, .round_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px; /* 棒の幅（太さ） */
  height: 22px; /* 棒の高さ */
  background: #B82331; /* バツ印の色 */
}
 
.round_btn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.round_btn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
.sidebar_container.hidden {
    opacity: 0;
    visibility: hidden;
}
.sidebar h1{
	color: #333;
	font-size: 16px;
    opacity: 0.8;
	margin-left: 27px;
}
/*****エリアから探す*****/
@media screen and (max-width: 599px) {
	.button-map, .sub-search .search-buttons .button-map{
		color: #333333;
		border-top: solid 1px #B82331;
		padding: 19px;
	}
	 .bg-green {
        padding: 70px 10px 15px 10px;
    }
	.button-map:hover, .sub-search .search-buttons :hover, .search-map .link a:hover {
        text-decoration: none;
    }
	.button-map:hover {
		color: #333;

	}
	.button-map::after{
		border-color: #333;
		border-top: 1px solid #B82331;
    	border-right: 1px solid #B82331;
	}
	.button-map.active::after, .button-map:hover::after {
		border-color: #333;
	}
	
}
.section-meetingplace{
	margin-top: 20px;
}
.section-meetingplace .btn{
    height: 54px;
    line-height: 55px;
    font-weight: bold;
    color: #333333;
    border: 1px solid #B82331;
	border-radius: 4px;
 width: 348px;
}
.section-meetingplace .btn-search-4 {
	  float: right;
}
.section-meetingplace .btn-search-4 span::before {
    content: "\e911";
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-size: 135%;
    position: absolute;
    left: -30px;
	color: #B82331;
}
.section-meetingplace span {
    position: relative;
}
@media screen and (max-width: 599px) {
	.section-meetingplace .btn{
        width: 100%;
        float: none;
    }
}
.search-tour .search-links-1 .btn-search-1,.search-tour .search-links-1 .btn-search-2{
		float: none;
}
.search-tour .search-links-1{
	text-align: center;

}
.search-tour .search-links-1 .btn {
    width: 40%;
    height: 63px;
    line-height: 63px;
    background-color: #B82331;
    font-weight: bold;
}
.search-tour .search-links-1 .btn-search-2::before {
    content: "\e923";
}
.search-tour .btn {
    border: none;
    color: #fff;
    font-size: 129%;
    position: relative;
}
.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);
}
@media screen and (max-width: 599px) {
	.search-tour .search-links-1 .btn {
    	width: 100%;
		font-size: 80%;
		line-height: 44px;
		height: auto;
	}
	.search-tour .search-links-1 .btn::before {
        left: 28px;
	}
	.search-tour .search-links-1 {
    	margin-bottom: 0px;
	}	
}
/********よくある質問 カテゴリボタン******/
.btn-wrap {
	width: 800px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content: center;
	margin: 0 auto;
	margin-bottom: 50px;
}
.btn-innerbtn {
	margin-right: 10px;
	padding-right: 20px;
	background-color: #6d853e;
	box-sizing: border-box;
	padding: 5px 10px;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    border-radius: 6px;
    transition: .3s;
}
.btn-innerbtn .main {
    font-size: 16px;
	margin-right: 20px;
	padding: 10px 20px;
}
.btn-innerbtn::after {
	position: absolute;
    top: -4px;
    bottom: 0;
    right: 12px;
    margin: auto;
    content: "";
    display: inline-block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.btn-innerbtn:hover {
    text-decoration: none;
    opacity: .7;
}
.arrow-right::after{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	top: 0px;
    right: 22px;
}
@media screen and (max-width: 599px){
	.btn-wrap {
		width: 100%;
		display: block;
		box-sizing: border-box;
		text-align: center;
		padding: 0 10px;
	}
	.btn-innerbtn {
		height: auto;
		padding: 10px;
		width: 100%;
		
	}
	.btn-wrap  .btn-innerbtn {
		margin-top: 10px;
	}
	.btn-innerbtn .main {
		font-size: 96%;
		padding: 0;
	}
	.btn-innerbtn .sub {
		font-size:92%;
	}
	
}

/***スクロールバー***/
.whats-new-list-wrap ul,.departure-decision-list-wrap ul {
    
}
.whats-new-list-wrap::-webkit-scrollbar,.departure-decision-list-wrap::-webkit-scrollbar {
    width: 19px;  
    height: 30px; 
    background-color: #c1c1c1; 
    border-radius: 4px; 
 }
.whats-new-list-wrap::-webkit-scrollbar-thumb,.departure-decision-list-wrap::-webkit-scrollbar-thumb {
    background-color: #999999;
    border-radius: 4px;
 }
.whats-new-list-wrap::-webkit-scrollbar-track-corner ,.departure-decision-list-wrap::-webkit-scrollbar-track-corner {
	display: block;
}
	/*縦のスクロール*/
	/* Up */
.whats-new-list-wrap::-webkit-scrollbar-button:vertical:start:decrement ,.departure-decision-list-wrap::-webkit-scrollbar-button:vertical:start:decrement {
	display: block;
	border-top: 12px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 12px solid white;
	border-left: 10px solid transparent;
}
	/* Down */
.whats-new-list-wrap::-webkit-scrollbar-button:vertical:end:increment,.departure-decision-list-wrap::-webkit-scrollbar-button:vertical:end:increment {
	display: block;
	border-top: 10px solid white;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}

/*slick */
.slider {
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
}
.slider .item {
  margin: 0 5px;
}
.slider .item img {
  height: auto;
  width: 100%;
}
/*
.slick-prev:before, .slick-next:before {
    font-size: 45px;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
	width: 20px;
	height: 20px;
}*/


/*****おすすめバスツアー　ピックアップ****/
.plan-list .plan-list-block .slider{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.plan-list .plan-list-block .slider .item{
	border: 1px solid #ddd;
	box-sizing: border-box;
	background-color: #fff;
}
.plan-list .plan-list-block .slider .item dl{
	padding: 0 10px 10px;
}
.plan-list .plan-list-block .slider .item dl dt h4{
	margin-bottom: 20px;
	font-weight: bold;
}
.plan-list .plan-list-block .slider .item dl dt .item-lead{
	font-size: 90%;
	margin-bottom: 20px;
}
.plan-list .plan-list-block .slider .item {
    margin-bottom: 10px;
}
.plan-list .plan-list-block .slider .item:hover {
   opacity: 0.5;
}
.plan-list .plan-list-block .slider .item a:hover{
	text-decoration: none ;
}
.plan-list .plan-list-block .slider .item.border-none{
	border: none;
}
.plan-list .plan-list-block .slider::after {
    content: none;
}

.plan-list .plan-list-block .slider .item {
	width: 24%;
    border-radius: 8px;

    border: 1px solid #ddd;
    box-sizing: border-box;
    background-color: #fff;
	position: relative;

    transition: opacity 0.3s;
    margin-bottom: 34px;
}

.plan-list .plan-list-block .slider .item .tag-area {
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
}
.plan-list .plan-list-block .slider {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.plan-list .plan-list-block .slider .item .tag-area li {
    float: left;
    padding: 7px 1em;
    font-size: 86%;
    line-height: 1;
}
 .plan-list .plan-list-block .slider .item .tag-area li.tag-ygreen {
    background-color: #B82331;
    color: #ffffff;
}

.plan-list .plan-list-block .slider .item .tag-area li.tag-white{
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
}
.plan-list .plan-list-block .slider .item .tag-area li.departure {
    margin-left: 1px;
}
.plan-list .plan-list-block .slider .item dl dt {
    font-size: 100%;
    margin: 10px 0;
}
.plan-list .plan-list-block .slider .item dl dd {
    color: #f82527;
    text-align: right;
    font-weight: bold;
    font-size: 115%;
}
.plan-list .plan-list-block .slider .item .trim img {
    width: 100%;
    height: 240px;
	overflow: hidden;
    position: relative;
	object-fit: cover;
}
/***デジタルパンフレット部分　高さ調節****/
.block06 .item .text {
	margin-bottom: 20px;
}
@media screen and (max-width: 599px) {
    .block06 .item .text {
        height: auto;
    }
    .plan-list .plan-list-block .slider .item{
        width: 48%;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .slick-prev {
     left: -10px;
        z-index: 100;
    }
    .slick-next {
       right: -10px;
    }
}

/***九州・山口の観光スポット情報****/
.block-inner-rec{
	margin-top: 40px;
}
.block-inner-recborder{
	position: relative;
	padding: 30px;
}
@media screen and (max-width: 599px){
	.block-inner-recborder{
		padding: 10px;
	}
}
figure img {
	width: 100%;
}
.block-inner-rec .mark {
	position: absolute;
	top: -34px;
	left: -8px;
	margin-left: 0;
}
@media screen and (max-width: 599px){
	.block-inner-rec .mark {
		left: 8px;
	}
	
}
.area-lead{
	display: inline-block;
}
.block-sightseeing {
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
    flex-wrap: wrap;
}
.block-sightseeing li{
	width: 18%;
	/*margin: 15px 0 0 20px;*/
}
.block-sightseeing li p.title {
    font-size: 107%;
    font-weight: bold;
    margin: 10px 0;
}
.block-sightseeing li img {
    width: 100%;
}
@media screen and (max-width: 599px){
	.block-sightseeing {
		display: inline-block;
		width: 100%;
        flex-wrap:nowrap;
	}
	.block-sightseeing li{
		width: 100%;
		display: flex;
		/*margin: 0 0 20px 0;*/
	}
	.block-sightseeing li img{
		width: 82px;
		height: 82px;
		object-fit: cover;
		/*border-radius: 6px;*/
	}
	.block-sightseeing li p.title{
		margin: 0;
	}
	.block-sightseeing-textarea{
	    margin-left: 20px;
	}
}

/*アコーディオン全体*/
.menu {
  width: 100%;
  padding: 10px 10px 10px;
  box-sizing: border-box;
}
.menu input {
  display: none; /*チェックボックスを隠す*/
}

/*バー部分*/
.menu label {
  cursor :pointer;
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 1;
  position: relative;
  margin: 0 0 10px;
  padding: 20px;
  border-radius: 4px;
  background-color: #B82331;
  font-size: 20px;
}
.menu02 label{
    margin: 0 0 10px;
}
/*開いたときに表示される部分*/
.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1px;
}
.menu .block-sightseeing li {
  height: 0;
  overflow-y: hidden;
  transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}


#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li{
  height: auto; /*開いたときに表示されるliの高さ*/
  opacity: 1;
  padding: 15px 0 20px 20px;
}
 /*開いたときの下の余白*/
#menu_bar01:checked ~ #links01 li:last-child,
#menu_bar02:checked ~ #links02 li:last-child,
#menu_bar03:checked ~ #links03 li:last-child,
#menu_bar04:checked ~ #links04 li:last-child,
#menu_bar05:checked ~ #links05 li:last-child,
#menu_bar06:checked ~ #links06 li:last-child,
#menu_bar07:checked ~ #links07 li:last-child,
#menu_bar08:checked ~ #links08 li:last-child{
  margin-bottom: 20px;
}
@media screen and (max-width: 599px){
	#menu_bar01:checked ~ #links01 li,
	#menu_bar02:checked ~ #links02 li,
	#menu_bar03:checked ~ #links03 li,
	#menu_bar04:checked ~ #links04 li,
	#menu_bar05:checked ~ #links05 li,
	#menu_bar06:checked ~ #links06 li,
	#menu_bar07:checked ~ #links07 li,
	#menu_bar08:checked ~ #links08 li{
	  padding: 10px 0 10px 0px;
	}
	
}
/*閉じた状態の矢印描画*/
.menu label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 20px;
  top: 0;
  bottom: 15%;
  margin: auto;
}
/*開いた状態の矢印描画*/
.menu input[type=checkbox]:checked + label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: 20px;
  top: 7%;
  bottom: 0;
  margin: auto;
}
/***footer***/
.footer-main .footer-tour-menu-wrap{
	height: 444px;
}
/*　日程の追随メニュー-----------------------------------------------------------------------------------*/
.navi-item{
	background-color: #B82331;
    padding: 13px 10px;
    border-radius: 6px;
	line-height: 1;
    font-size: 14px;
	letter-spacing: 0.005em;
	margin-right: 6px;
}
@media (max-width: 1001px){
	.navi-item{
		margin: 0 6px 0 6px;
	}
}
	
.navi-item:hover{
	opacity: 0.8;
}
.li-off .navi-item{
	background-color: #999;
	cursor: default;
	text-align: center;
	letter-spacing: 1px;
}
@media (max-width: 1001px){
    .li-off .navi-item{
    	margin: 5px 6px;
	}
}
.mainImg_tourselection li a {
	padding: 0;
	margin-left: 1px;
	
}
.nav-menu-inner p:before {
    content: "";
}
@media (max-width: 1001px){
	.nav-menu ul.nav-menu-inner li a{
		letter-spacing:0;
		border: none;
		margin: 0;
		padding: 5px 0px;
	}
}
.nav-bar-icon, .nav-mobile.nav-bar-icon, .header-fixed .nav-bar-icon {
    font-size: 11px;
	padding: 5px 12px 33px 10px;
	background-color: #B82331;
}
.nav-bar-icon > span {
    top: 46%;
    margin-left: 8px;
}
.nav-menu ul.nav-menu-inner > li > a {
    padding: 18px 0px 4px 0px;
}
.mheader{
    height: auto;
    background-color: transparent;
}
.mheader.header-prepare, .mheader.header-light.header-prepare {
	background-color: transparent;
}
.menu-rec {
    background-color: transparent;
	background-image: none;
    height: auto;
}
/***ツアー一覧****/
.tour_index-wraper {
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
	padding: 10px;
}
.tour_index-point-header{
	float: left;
	margin-right: 30px;
	width: 350px;
}
.tour_index-point-header img {
	width: 350px;
}
.tour_index-point {
	float: right;
	width: 600px;
}
.tour_index-point-title {
	font-size: 142%;
	font-weight: bold;
	line-height: 1.4em;
}
.tour_index-point-title .title {
	display: block;
	padding-top: 5px;
}
.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;
		width: 100%;
	}
	.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;
	}
}

.btn.btn-primary {
    background-color: #bc9d6f;
	margin-top: 10px;
	height: auto;
    line-height: normal;
	padding: 10px;
}
.ico-day{
	font-size: 14px;
	display: inline-block;
	background-color: #f87071;
	font-weight: normal;
	color: #fff;
    margin-right: 5px;
	padding: 3px 10px;
	margin-bottom: 7px;
}
.ico-stay{
	font-size: 14px;
	background-color: #3CB371;
	font-weight: normal;
	color: #fff;
    margin-right: 5px;
	padding: 6px 10px;
}
.ico-fukuoka{
	font-size: 14px;
	display: inline-block;
	background-color: #166bb6;
	font-weight: normal;
	color: #fff;
    margin-right: 5px;
	padding: 6px 10px;
	margin-bottom: 7px;
}
.ico-kokura{
	font-size: 14px;
	background-color: #f0ba32;
	font-weight: normal;
	color: #fff;
    margin-right: 5px;
	padding: 6px 10px;
	margin-bottom: 5px;
}


.tour-detail {
    float: none;
    width: 100%;
}

/*.tour-detail dl.settings {
	padding: 10px;
	font-size: 14px;
	margin: 10px 0 10px 0;
    background-color: #f8f7f7;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #c6ab7d;
}*/
.tour-detail dl.settings:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;

}
.tour-detail dl.settings dt,
.tour-detail dl.settings dd {
	min-height: 22px;
    line-height: 18px;
    margin: 5px 0 0px
}
.tour-detail dl.settings dt {
	width: 30%;
	float: left;
	font-weight: bold;
}
.tour-detail dl.settings dd {
	width: 70%;
	float: right;
    text-align: left;
}
.tour-detail dl.settings dd.price {
	font-size: 115.38462%;
	font-weight: bold;
	color: #B82331;
}

.tour-detail dl.settings:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}
.tour-detail p.lead{
    color: #B82331;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 8px;
}
.tour-detail .setting-wrap{
	padding: 10px;
    font-size: 14px;
    margin: 10px 0 10px 0;
    background-color: #f8f7f7;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #c6ab7d;
}

/***bxslider上書き****/
.bx-wrapper{
	border: none;
	background-color: transparent;
	box-shadow: none;
}
/* よくある質問  */
.plan-list .plan-list-block ul.qa-list-wrap {
    display: block;
    margin: 0 auto;
}
#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;
  letter-spacing: 0;
  vertical-align: top;
  border: 1px solid rgba(125,152,71,1);
  background-color: rgba(125,152,71,1);
  color: #fff;
  border-radius: 6px;
  position: absolute;
}

.qa-list-wrap li dl dd > span:first-child span {
  background: #fff;
  color: rgba(125,152,71,1);
}

.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: 20px;
  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(243,247,235, 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 dt:hover{
	background-color: #fff;
	transition: .2s ease-in-out;
}
.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;
}
/* よくある質問終わり */

.block{
    padding: 40px 0 0 0;
}
@media screen and (max-width: 599px) {
    .block{
        padding: 0;
    }
    .area-index .block04 ul {
        padding: 10px;
    }
}


/***色変更***/
.whats-new-list li .tag-ygreen, .plan-list .plan-list-block ul li.item .tag-area li.tag-ygreen, .newlist-tour-wrap .newlist-tour-theme ul.tag-area li.tag-ygreen {
    background-color: #B82331;
}
.btn-innerbtn{
    background-color: #B82331;
}
.qa-list-wrap li dl dt > span:first-child span, .qa-list-wrap li dl dd > span:first-child span {
    border: 1px solid #B82331;
    background-color: #B82331;
    color: #fff;
}
.qa-list-wrap li dl dd {
    background: #f7e9ea;
    border-bottom: 1px solid #e9bdc1;
}
.area-index .block04{
    padding-top: 80px;
}
main{
    background-image: url("/img/ssbushike/autumn/bg-all.svg") ;
    background-size:contain;
     background-position: 0 530px;
    background-repeat: no-repeat;
}
@media screen and (max-width: 599px) {
    main{
        background-position: 0 412px;
    }
}