@charset "utf-8";
/* ===================================================================
main.cssに対しての補足、追加cssを記述しています。
=================================================================== */
/*----------------------------------- 
  表示調整用
------------------------------------*/
.non-border {
	border: none!important;
}

/*----------------------------------- 
  固定ページ＞コンテンツ幅小
------------------------------------*/
.page-wide-narrow {
	width: 100%;
	}
@media screen and (min-width: 768px) {
.page-wide-narrow {
	width: 720px;
	max-width: 720px;
	}
.page-wide-medium {
	width: 776px;
	max-width: 776px;
	}
}	
/*----------------------------------- 
  ツアー＞記事ページ＞画像のサイズ調整
------------------------------------*/
.tour-top-features-pic .image-box {
	width: 100%;
	height: auto;
}
.meal-schedule-row .image-box {
	width: 100%;
	height: auto;
}
.meal-schedule-row .image-box img {
	border-radius: 20px;
}

.main blockquote figure.image-box {
	width: 100%;
	height: auto;
}
.tour-entry-image .image-box {
	border-radius: 16px;
	overflow: hidden;
}
.swiper-slide  figure.image-box .swiper-slide-imgs {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 992px) {
.tour-top-features-pic .image-box {
	width: 352px;
	height: auto;
}
.meal-schedule-row .image-box {
	width: 430px;
	height: auto;
}
.main blockquote figure.image-box {
	width: 300px;
	height: auto;
}
.swiper-slide  figure.image-box .swiper-slide-imgs {
	width: 220px;
	height: 146px;

}
}
	
@media screen and (min-width: 768px) {
.tour-top-features-pic .image-box {
	max-width: 352px;
	height: auto;
}
.meal-schedule-row .image-box {
	width: 430px;
	height: auto;
}
.main blockquote figure.image-box {
	width: 300px;
	height: auto;
}
.tour-entry-image {
	-ms-flex: 0 0 33.27%;
	flex: 0 0 33.27%;
	max-width: 33.27%;
}
.tour-entry-image .image-box {
    margin-bottom: 0;
}
.main blockquote .tour-entry-image figure.image-box {
    width: auto;
}
.swiper-slide  figure.image-box .swiper-slide-imgs {
	width: 220px;
	height: 146px;
	
}
}
/*----------------------------------- 
  ツアー＞記事ページ＞ツアー概要の調整
------------------------------------*/
.tour-top-features-content .table02 td {
word-break: break-all;
}
/*----------------------------------- 
  ツアー＞記事ページ＞YouTube枠
------------------------------------*/
.tour-youtube-box {
	width: 100%;
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
.tour-youtube-box {
	max-width: 80%;
	margin: 0 auto;
}	
}
@media screen and (min-width: 992px) {
.tour-youtube-box {
	max-width: 60%;
	margin: 0 auto;
}	
}	
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%;
     width: 100%;
}
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*----------------------------------- 
  ツアー＞記事ページ＞登山用アイコン
------------------------------------*/
.mountain-icons-area {
	margin-bottom: 20px;
	padding-bottom: 10px;
    border-bottom: 1px solid #BEBEBE;
}
.mountain-icons {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	align-content: flex-start;
	width: 100%;
	margin: 0;
	padding: 0!important;
}
@media screen and (min-width: 375px) {
.mountain-icons li {
	width: 16.66%;
    width: -webkit-calc(100% / 6);
	width: calc(100% / 6);
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
.mountain-icons li img[src$=".svg"] {
	margin-left: auto;
    margin-right: auto;
}
.mountain-icons li span {
	display: block;
	font-size: 80%;
	line-height: 1.2em;
	margin-top: 8%;
}
}
@media screen and (min-width: 768px) {
.mountain-icons li {
	width: 14.28%;
    width: -webkit-calc(100% / 7);
	width: calc(100% / 7);
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
.mountain-icons li img[src$=".svg"] {
	margin-left: auto;
    margin-right: auto;
}
.mountain-icons li span {
	display: block;
	font-size: 80%;
	line-height: 1.2em;
	margin-top: 4%;
}
}
.icon-mountain100 {
	width: 60px;
    height: 38px;
}
.icon-mountain200 {
	width: 60px;
    height: 38px;
}
.icon-flower {
	width: 45px;
    height: 38px;
}
.icon-rock {
	width: 24px;
    height: 38px;
}
.icon-hotspring {
	width: 44px;
    height: 38px;
}
.icon-verticalrunning {
	width: 60px;
    height: 37px;
}
.icon-beginner {
	width: 29px;
    height: 38px;
}
.icon-helmet {
	width: 44px;
    height: 38px;
}
.icon-sleepingbag {
	width: 23px;
    height: 38px;
}
.icon-autumnleaves {
	width: 41px;
    height: 38px;
}
.icon-new {
	width: 38px;
    height: 38px;
}
.icon-ropeway {
	width: 28px;
    height: 38px;
}
@media screen and (min-width: 375px) {
	}
@media screen and (min-width: 768px) {
	}
@media screen and (min-width: 992px) {
	}	

/*----------------------------------- 
  ツアー＞記事ページ＞ツアー詳細枠＞登山レベル 項目のPDF
------------------------------------*/
.level-mountaineering-pdf {
	margin-bottom: 0!important;
}
	
/*----------------------------------- 
  ツアー＞記事ページ＞食事＞元祖朝食付き 用
------------------------------------*/
.main .meal-trip-title-none-illust {
    position: relative;
    margin-bottom: 30px;
    border: none;
    background-color: #EFEBDC;
    border-radius: 34px;
    padding: 9px 54px;
    text-align: center;
}
@media screen and (min-width: 768px) {
	.main .meal-trip-title-none-illust {
        border-radius: 34px;
        padding: 16px;
        font-size: 20px;
    }
}
/*----------------------------------- 
  ツアー＞記事ページ＞画像下のテキスト（おすすめポイント・お食事）
------------------------------------*/
.imgsCaptionText {
	font-size: 14px;
	margin-top: 10px;
	text-align: left;
}

/*----------------------------------- 
  ツアー＞記事ページ＞バスのりば
------------------------------------*/
.tour-busstop-message {
	font-weight: bold;
    font-size: 22px;
    text-align: center;
}

/*----------------------------------- 
  アイコン（main.cssの補足）
------------------------------------*/
.icon-angle-r {
	background-size: 5px 9px;
}		
.icon-phone {
	background-size: 14px 22px;
}

.icon-fax {
	min-width: 40px;
    height: 41px;
	background-size: 40px 41px;
	margin: 0 10px 0 0;
	background-image: url(../images/ico-fax.svg);
	vertical-align: middle;
}
.icon-freedial {
	min-width: 40px;
    height: 27px;
	background-size: 40px 27px;
	margin: 0 10px 0 0;
	background-image: url(../images/ico-freedial.svg);
	vertical-align: middle;
}
.icon-download {
	min-width: 26px;
    height: 22px;
	background-size: 26px 22px;
	margin: 0 10px 0 0;
	background-image: url(../images/ico-download.svg);
	vertical-align: middle;
}


/*----------------------------------- 
  ページタイトル （カスタム）
------------------------------------*/
.pagetitle {
	text-align: center;
	font-weight: normal!important;
}
.pagetitle small {
	font-size: 74%;
}
.main blockquote .title03 {
	border-bottom: 2px dashed #989898;
	border-width: 2px;
	border-radius: 0;
	border-image: none;
	font-size: 24px;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}
.main .title_03 {
	font-size: 24px;
	padding-top: 40px;
	margin: 0 0 20px 0;
}
.border {
	border-top: 2px dashed #989898;
	border-width: 2px;
	border-radius: 0;
	border-image: none;
}
@media screen and (min-width: 768px) {
.pagetitle small {
	font-size: 78%;
}
}

/*----------------------------------- 
  タクソノミーリスト（main.cssの補足）
------------------------------------*/
.tour-top-features .words li:last-of-type {
	display: none;
}

/*----------------------------------- 
  ページネーションスタイル
------------------------------------*/
.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  line-height: 1em;
        text-align: center;
}
.pagination-box {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.pagination span, .pagination a {
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center;
  margin: 2px 12px 2px 0;
  padding: 5px;
  text-decoration: none;
  width: 34px;
  height: 34px;
  color: #222222;
  background: #EFEBDC;
  border-radius: 50%;
}
.pagination span, .pagination .dots {
  background-color: transparent;
}
.pagination span.page-of {
  display: none;
}
.pagination a:hover{
  color: #ffffff;
  background: #222222;
}
.pagination .current{
  padding: 10px 14px 10px 14px;
  color: #ffffff;
  background: #222222;
}
@media only screen and (max-width: 413px) {
.pagination {
  font-size: 12px;
  line-height: 12px;
}
.pagination span, .pagination a {
  padding: 7px 10px 7px 10px;
}
.pagination .current{
  padding: 7px 10px 7px 10px;
}
}

/*----------------------------------- 
  main > sub（ツアー記事下のスライダー） エリア
------------------------------------*/
.sub .title01,
.sub .title02,
.sub .title03,
.sub .title04,
.sub .title05,
.sub .title06 {
	margin-top: 0;
	margin-bottom: 20px;
	line-height: 1.4;
}

.sub-wrapper {
	padding: 20px 0 40px;
}

.sub {
	min-height: 63px;
	line-height: 1.9;
	display: block;
}

.sub .sub-content {
	padding-bottom: 0;
}
.row.sub .sub-content {
	padding-bottom: 60px;
}
.sub-content {
	padding-bottom: 60px;
}

.sub .sub-content section:last-child {
	margin-bottom: 0;
}
.sub .title02 {
	position: relative;
	padding-left: 11px;
	font-weight: normal;
}

.sub .title02:before {
	display: block;
	position: absolute;
	content: '';
	top: calc(50% - 29px);
	left: -10px;
	width: 57px;
	height: 57px;
	background: url(../images/ico-cloud@2x.png) no-repeat 50% 50%;
	background-size: cover;
}

.sub .title02 span {
	position: relative;
}

@media screen and (min-width: 992px) {
	.row.sub .sub-content {
		padding-right: 22px;
	}
	}

@media screen and (min-width: 768px) {
	.sub .title02 {
		margin-bottom: 40px;
	}
	.sub .title02:before {
		top: -28px;
		left: -39px;
		width: 97px;
		height: 97px;
	}
	}
	
/*----------------------------------- 
  ツアー＞一覧 Newアイコン
------------------------------------*/
.main blockquote,
.tour-entry-content,
.main-title-box>div {
	position: relative;
}

.tour-icon-new {
	width: 100px;
	height: 42px;
	background-image: url(../images/tour/icon/new.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.tour-icon-new2 {
	width: 63px;
	height: 36px;
	background-image: url(../images/tour/icon/new2.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.tour-icon-new3 {
	width: 60px!important;
	height: 34px;
	background-image: url(../images/tour/icon/new2.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.main blockquote .tour-icon-new {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}/*ツアー全記事一覧用*/

.tour-entry-content .tour-icon-new2 {
	position: absolute;
	top: -25px;
    left: -10px;
	z-index: 10;
}/*ツアー記事 各一覧（内容から…、地域から…等）用*/
.main-title-box .tour-icon-new3 {
	position: absolute;
	top: -25px;
    left: -10px;
	z-index: 10;
}/*ツアー記事 詳細用*/
.tour-top-features .tour-icon-new3 {
	margin-bottom: -10px;
	margin-left: -20px;
	z-index: 10;
}


/*----------------------------------- 
  トップ＞内容から探す＞カテゴリー8?12件めのリスト
------------------------------------*/
.top-tour-keyword-text {
    display: block;
    margin: 20px auto;
	padding: 0;
}
@media screen and (min-width: 375px) {
.top-tour-keyword-text-list { 
	display: table; 
	table-layout: fixed; 
	width: 100%;
	margin: 0 auto;
	padding: 0!important;
} 
.top-tour-keyword-text-list li {
	display: inline-block; 
	padding: 0 30px 0 0; 
	vertical-align: middle; 
	text-align: left;
	font-size: 16px;
}
.top-tour-keyword-text-list li a {
	border-radius: 0;
} 
	}
@media screen and (min-width: 768px) {
.top-tour-keyword-text-list { 
	display: table; 
	table-layout: fixed; 
	width: 80%;
	margin: 0 auto;
	padding: 0;
} 
.top-tour-keyword-text-list li{
	display: table-cell; 
	padding: 0 10px; 
	text-align: center;
}

}	
/*----------------------------------- 
  ツアー＞内容から探す
------------------------------------*/

@media screen and (min-width: 375px) {
.tour-cat-navi ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: center;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	align-content: flex-start;
	width: 100%;
	margin: 0;
	padding: 0;
}
.tour-cat-navi li {
	width: 50%;
    width: -webkit-calc(100% / 2);
	width: calc(100% / 2 );
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	
}

.tour-cat-navi li a {
	display: block;	
	background-color: #EFEBDC;
	padding: 15px;
	text-align: center;
	border-radius: 14px;
	min-height: auto;
	line-height: 1.6;
}
}

.tour-cat-navi li a [class*='icon-angle-d'] {
	position: absolute;
	bottom: 11px;
}

@media screen and (min-width: 992px) {
.tour-cat-navi ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: center;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	align-content: flex-start;
	width: 100%;
	margin: 0;
	padding: 0;
}
.tour-cat-navi li {
	width: 16.66666%;
    width: -webkit-calc(100% / 6);
	width: calc(100% / 6 );
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	
}
.tour-cat-navi li a {
	background-color: #EFEBDC;
	text-align: center;
	border-radius: 14px;
	min-height: 80px;
	line-height: 1.2;
}
}
.tour-cat-navi {
	margin: 40px auto;
}
.tour-cat-navi li a:hover,
.tour-cat-navi li a:focus {
	background-color: #F4B75F;
	text-decoration: none;
}
	
.main blockquote .tour-features-dl-table .dl-horizontal dt {
	min-width: 30%;
	width: 30%;
}
.main blockquote [class*='more-link']  {
	width: 100%;
	max-width: 100%;
}
.main blockquote .more-link i {
	margin: -3px 10px 0 10px;
	background-size: cover;
}

/*----------------------------------- 
  ツアー内容＞地域から探す
------------------------------------*/
@media screen and (min-width: 992px) {
.page-search-main {
	margin-bottom: 150px!important;
	}
.page-search-contents {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		max-width: 1100px;
	}
.page-search-contents .japan-search-map {
	padding-bottom: 0;
	background: url(../images/tour/area/bg-map2@2x.png) no-repeat 50% 50%;
	background-size: 834px 510px;
	height: 510px;
	}
.page-search-contents .japan-search-box {
		position: absolute;
		top: 0;
		left: 0;
		width: 435px;
	}
.page-search-contents .japan-search-map {
		position: relative;
	}
.page-search-contents .japan-search-map .search-places {
		position: absolute;
		top: 0;
		left: calc(50% - 100px);
		display: inline-block;
	}
.page-search-contents .japan-search-map .search-places a {
		margin: 0;
		font-size: 16px;
	}
.page-search-contents .japan-search-map .japan-search-hokkaido {
		top: 71px;
		margin-left: 282px;
	}
.page-search-contents .japan-search-map .japan-search-tohoku {
		top: 174px;
		margin-left: 229px;
	}
.page-search-contents .japan-search-map .japan-search-koshinetsu {
		top: 213px;
		margin-left: -42px;
	}
.page-search-contents .japan-search-map .japan-search-kanto {
		top: 278px;
		margin-left: 191px;
	}
.page-search-contents .japan-search-map .japan-search-kinki {
		top: 346px;
		margin-left: 59px;
	}
.page-search-contents .japan-search-map .japan-search-china-shikoku-kyushu {
		top: 301px;
		margin-left: -185px;
	}
.page-search-contents .japan-search-map .japan-search-okinawa {
		top: 452px;
		margin-left: -351px;
	}
.page-search-contents .japan-search-map .search-overseas {
		top: 235px;
		margin-left: -324px;
	}
}

.page-search-contents a:hover,
.page-search-contents a:focus {
	opacity: 0.8;
}

/*----------------------------------- 
  固定ページ＞共通：ページ内リンクボタン
------------------------------------*/
@media screen and (min-width: 320px) {
.page-anchor-navi {
	margin: 40px auto;
}
.page-anchor-navi ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: center;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	align-content: flex-start;
	width: 100%;
	margin: 0;
	padding: 0;
}
.page-anchor-navi li {
	width: 100%;
    width: -webkit-calc(100% / 1);
	width: calc(100% / 1 );
	padding: 5px;
	text-align: center;
	vertical-align: middle;	
}
.page-anchor-navi li a {
	display: block;	
	background-color: #F6DFA7;
	padding: 15px;
	text-align: center;
	border-radius: 14px;
	line-height: 1.6;
	background-image: url(../images/ico-angle-d.svg);
	background-size: 16px 7px;
	background-position: center 84%;
	background-repeat: no-repeat;
}	
}
	
@media screen and (min-width: 992px) {
.page-anchor-navi {
	margin: 40px auto;
}
.page-anchor-navi ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: center;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	align-content: flex-start;
	width: 100%;
	margin: 0;
	padding: 0;
}
.page-anchor-navi li {
	width: 33.333%;
    width: -webkit-calc(100% / 3);
	width: calc(100% / 3 );
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	
}
.page-anchor-navi li a {
	display: block;	
	background-color: #F6DFA7;
	padding: 15px;
	text-align: center;
	border-radius: 14px;
	min-height: 80px;
	line-height: 1.6;
	background-image: url(../images/ico-angle-d.svg);
	background-size: 16px 7px;
	background-position: center 78%;
	background-repeat: no-repeat;
}
}

.page-anchor-navi li a:hover,
.page-anchor-navi li a:focus {
	background-color: #F4B75F;
	text-decoration: none;
}

@media screen and (min-width: 320px) {
	.page-anchor-navi2 {
		margin: 40px auto;
	}
	.page-anchor-navi2 ul {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: center;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		align-content: flex-start;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.page-anchor-navi2 li {
		width: 100%;
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1 );
		padding: 5px;
		text-align: center;
		vertical-align: middle;	
	}
	.page-anchor-navi2 li a {
		display: block;	
		background-color: #F6DFA7;
		padding: 15px;
		text-align: center;
		border-radius: 14px;
		line-height: 1.6;
		background-image: url(../images/ico-angle-d.svg);
		background-size: 16px 7px;
		background-position: center 84%;
		background-repeat: no-repeat;
	}	
	}
		
	@media screen and (min-width: 992px) {
	.page-anchor-navi2 {
		margin: 40px auto;
	}
	.page-anchor-navi2 ul {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: center;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		align-content: flex-start;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.page-anchor-navi2 li {
		width: 33.333%;
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3 );
		padding: 5px;
		text-align: center;
		vertical-align: middle;
		
	}
	.page-anchor-navi2 li a {
		display: block;	
		background-color: #F6DFA7;
		padding: 15px;
		text-align: center;
		border-radius: 14px;
		min-height: 80px;
		line-height: 1.6;
		background-image: url(../images/ico-angle-d.svg);
		background-size: 16px 7px;
		background-position: center 78%;
		background-repeat: no-repeat;
		font-size: 90%;
	}
	}
	
	.page-anchor-navi2 li a:hover,
	.page-anchor-navi2 li a:focus {
		background-color: #F4B75F;
		text-decoration: none;
	}
	
/*----------------------------------- 
  固定ページ＞各ページの共通項目
------------------------------------*/
.company .image-box,
.recruit .image-box,
.howtouse .image-box,
.pointcard .image-box {
	padding: 0 20px;
}

.company .image-box img,
.recruit .image-box img {
	border-radius: 16px;
}

@media screen and (min-width: 768px) {
.company .main .table03 th,
.company .main .table03 tr:nth-child(odd) th,
.recruit .main .table03 th,
.recruit .main .table03 tr:nth-child(odd) th,
.howtouse .main .table03 th,
.howtouse .main .table03 tr:nth-child(odd) th {
	background-color: #EFEBDC;
	font-weight: bold;
}
.company .main .table03 tr:nth-child(odd) td,
.recruit .main .table03 tr:nth-child(odd) td,
.howtouse .main .table03 tr:nth-child(odd) td {
	background: none;
}
} 	
	
/*----------------------------------- 
  固定ページ＞会社案内
------------------------------------*/
@media screen and (min-width: 768px) {
.company .company-info-row .col-md-auto,
.company .company-info-row .col-md {
	width: 50%;
    width: -webkit-calc(100% / 2);
	width: calc(100% / 2 );
	padding: 10px;
}	
}
@media screen and (min-width: 320px) {
.company .bnr-recruit a {
	position: relative;
}
.company .bnr-recruit a span {
	color: #fff;
}
.company .bnr-recruit a img {
	width: 100%;
}
.company .bnr-recruit a:hover {
	filter: alpha(opacity=80);
		 -moz-opacity:0.80;
		 opacity:0.80;
}
.company .bnr-recruit a .title {
	position: absolute;
	top: 4%;
	left: 10px;
	font-size: 22px;
}	
.company .bnr-recruit a .caption {
	position: absolute;
	top: 33%;
	left: 10px;
	font-size: 10px;
	text-align: left;
}
}

@media screen and (min-width: 992px) {	
.company .bnr-recruit a .title {
	position: absolute;
	top: 115px;
	left: 24px;
	font-size: 40px;
}	
.company .bnr-recruit a .caption {
	position: absolute;
	top: 170px;
	left: 24px;
	font-size: 14px;
	text-align: left;
}
}



	
/*----------------------------------- 
  固定ページ＞採用情報
------------------------------------*/	
.recruit .main blockquote .title03 {
	border-bottom: none;
	border-width: 0;
	border-radius: 0;
	border-image: none;
	font-size: 24px;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}
.recruit .main blockquote .recruit-phonenum {
	font-size: 24px;
	font-weight: bold;
}
.recruit .main blockquote .recruit-phonenum small {
	font-size: 78%;
	font-weight: normal;
}
.recruit .main blockquote .recruit-phonenum i.icon-phone {
	
}

/*----------------------------------- 
  固定ページ＞ポイントカード
------------------------------------*/
@media screen and (min-width: 320px) {
.pointcard {
	background-image: url(../images/page/pointcard/img-pointcard-illust01@2x.png),
	url(../images/page/pointcard/img-pointcard-illust02@2x.png);
	background-repeat:no-repeat,no-repeat;
	background-position: top 21% left 8%,top 30% right 8%;
	background-size: 77px 50px, 75px 45px;
}		
.pointcard-intro {
	position: relative;
}	
.specialPoint {
	text-align: center;
	margin: 0 auto 40px;
}
.specialPoint dd {
	margin: 0;
	padding: 0;
}	
.tour-features .label {
    border-radius: 8px;
}	
}
	
@media screen and (min-width: 576px) {
.pointcard {
	background-image: url(../images/page/pointcard/img-pointcard-illust01@2x.png),
	url(../images/page/pointcard/img-pointcard-illust02@2x.png);
	background-repeat:no-repeat,no-repeat;
	background-position: top 21% left 8%,top 30% right 8%;
	background-size: 77px 50px, 75px 45px;
}	
}	
	
@media screen and (min-width: 768px) {
.pointcard {
	background-image: url(../images/page/pointcard/img-pointcard-illust01@2x.png),
	url(../images/page/pointcard/img-pointcard-illust02@2x.png);
	background-repeat:no-repeat,no-repeat;
	background-position: top 680px left 10%,top 900px right 10%;
	background-size: 155px 101px, 150px 90px;
}		
}

@media screen and (min-width: 992px) {
.pointcard {
	background-image: url(../images/page/pointcard/img-pointcard-illust01@2x.png),
	url(../images/page/pointcard/img-pointcard-illust02@2x.png);
	background-repeat:no-repeat,no-repeat;
	background-position: top 680px left 20%,top 900px right 20%;
	background-size: 155px 101px, 150px 90px;
}		
}
	
.specialPointTit {
	position: relative;
	font-weight: normal;
	font-size: 22px;
	background: url(../images/ico-cloud-red@2x.png) no-repeat 50% 50%;
    background-size: 54px 54px;
    margin: 15px auto 0 auto;
    padding: 10px;
}

.specialPointSubTit {
	 background:linear-gradient(transparent 50%, #FBFF96 50%);
	 font-weight: normal;
	 display: inline-block;
	 margin: 10px auto 0;
	 font-size: 24px;
	 line-height: 1.3;
 }

 .pointcard .image-box2{
	padding: 0;
	margin: 0;
 }

/*----------------------------------- 
  固定ページ＞ご利用案内
------------------------------------*/
@media screen and (min-width: 320px) {
	.contact-number li {
	width: 100%;
    width: -webkit-calc(100% / 1);
	width: calc(100% / 1 );
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 20px;
}

	}
	
@media screen and (min-width: 768px) {
	
.guide .howtouse-info-row .col-md-auto,
.guide .howtouse-info-row .col-md {
	width: 50%;
    width: -webkit-calc(100% / 2);
	width: calc(100% / 2 );
	padding: 10px;
}	
.contact-number {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: center;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	align-content: flex-start;
	width: 100%;
	margin: 0;
	padding: 0;
}

.contact-number li {
	width: 50%;
    width: -webkit-calc(100% / 2);
	width: calc(100% / 2 );
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 24px;
}

}
.whiteBox {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}
.whiteBox p {
	margin: 0 auto;
}
.contact-faxsheet [class*='more-link'] {
	margin-left: auto;
	margin-right: auto;
}
.contact-faxsheet .icon-download {
	margin: 0 0 0 15px!important;
}


/*----------------------------------- 
  News
------------------------------------*/
.row-reverse {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0;
	margin-left: 0;
	
}
.containerNewsblog {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-right: 20px;
	padding-left: 20px;
	width: 100%;
}

.sidebar {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-right: 20px;
	padding-left: 20px;
	width: 100%;
}

.newsContentBox {
	background-color: #fff;
	padding: 3% 5%;
	border-radius: 16px;
	margin: 20px auto 50px;
}


.newsblog_list {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 3px solid transparent;
	border-width: 2px;
	border-image: url(../images/border3@2x.png) 4 repeat;
	border-collapse: separate;
	padding: 0!important;
}
.newsblog_list li a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0;
	margin-left: 0;
	padding: 20px 0;
	border-bottom: 3px solid transparent;
	border-width: 2px;
	border-image: url(../images/border3@2x.png) 4 repeat;
	border-collapse: separate;
}
.newsblog_list li a:hover {
	background-color: #EFEBDC;
	text-decoration: none;
}

.newsblog_list li .article_date{
	position: relative;
	margin: 0;
	padding: 0 10px;
	width: 30%;
}
.newsblog_list li .article_cat {
	position: relative;
	margin: 0;
	width: 70%;
}
.newsblog_list li .article_title {
	position: relative;
	margin: 0;
	padding: 0 10px;
	width: 100%;
}
.newsPageNavi {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0;
	margin-left: 0;
}

.newsPageNavi .previous,
.newsPageNavi .next,
.newsPageNavi .archivelist {
	width: 33.33%;
    width: -webkit-calc(100% / 3);
	width: calc(100% / 3 );
	padding: 5px;
}
.newsPageNavi .previous {
	text-align: left;
}
.newsPageNavi .archivelist {
	text-align: center;
}
.newsPageNavi .next {
	text-align: right;
}
.newsPageNavi .previous a,
.newsPageNavi .next a {
  display: block;
  margin: 0;
  padding: 1% 6%;
  text-decoration: none;
  width: auto;
  color: #222222; 
  background: #F5E0B0;
  border-radius: 50%;
}
.newsPageNavi .previous a {
	float: left;
}
.newsPageNavi .next a {
	float: right;
}
.other-newslist-container {
	border-top: 3px solid transparent;
    border-width: 2px;
    border-image: url(../images/border3@2x.png) 4 repeat;
    border-collapse: separate;
    padding-top: 70px;
    margin-top: 100px;
}
@media screen and (min-width: 768px) {
.row-reverse {
	flex-direction: row-reverse;
}
.containerNewsblog {
	position: relative;
	margin-left: auto;
	margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 70%;
    max-width: 812px;
}
.sidebar {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-right: 20px;
	padding-left: 0;
	width: 20%;
	max-width: 218px;
	}
.newsContentBox {
	background-color: #fff;
	padding: 30px 50px;
	border-radius: 16px;
	margin: 50px auto;
}
.newsblog_list {
	margin-top: 40px!important;
	margin-bottom: 40px!importan;
	border-top: 3px solid transparent;
	border-width: 2px;
	border-image: url(../images/border3@2x.png) 4 repeat;
	border-collapse: separate;
	padding: 0!important;
}
.newsblog_list li a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-right: 0;
	margin-left: 0;
	padding: 20px 0;
	border-bottom: 3px solid transparent;
	border-width: 2px;
	border-image: url(../images/border3@2x.png) 4 repeat;
	border-collapse: separate;
}
.newsblog_list li a:hover {
	background-color: #EFEBDC;
	text-decoration: none;
}

.newsblog_list li .article_date{
	position: relative;
	margin: 0;
	padding: 0 10px;
	width: 22%;
}
.newsblog_list li .article_cat {
	position: relative;
	margin: 0;
	width: 22%;
}
.newsblog_list li .article_title {
	position: relative;
	margin: 0;
	padding: 0 10px;
	width: 50%;
}
}

/*----------------------------------- 
  News > title
------------------------------------*/
.containerNewsblog .title01 {
	
}

.main .containerNewsblog .title02 {
	position: relative;
	padding-left: 0;
	font-weight: normal;
}

.main .containerNewsblog .title02:before {
	display: none;
}

.main .containerNewsblog .title02 span {
	position: relative;
}

@media screen and (min-width: 576px) {
	}
@media screen and (min-width: 768px) {
	}	
@media screen and (min-width: 992px) {
	}
@media screen and (min-width: 1200px) {
	}	
	
	
/*----------------------------------- 
  固定ページ＞バス乗り場用
------------------------------------*/
@media screen and (min-width: 320px) {
	.platform-cat-navi ul {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: center;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		align-content: flex-start;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.platform-cat-navi li {
		width: 50%;
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2 );
		padding: 5px;
		text-align: center;
		vertical-align: middle;
		
	}
	
	.platform-cat-navi li a {
		display: block;	
		background-color: #EFEBDC;
		padding: 15px;
		text-align: center;
		border-radius: 14px;
		min-height: 100px;
		line-height: 1.6;
	}
	}
	
	.platform-cat-navi li a [class*='icon-angle-d'] {
		/* position: absolute; */
		bottom: 11px;
		left: 50%;
	}
	
@media screen and (min-width: 990px) {
	.platform-cat-navi ul {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: center;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		align-content: flex-start;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.platform-cat-navi li {
		width: 16.66666%;
		width: -webkit-calc(100% / 6);
		width: calc(100% / 6 );
		padding: 5px;
		text-align: center;
		vertical-align: middle;
		
	}
	.platform-cat-navi li a {
		background-color: #EFEBDC;
		text-align: center;
		border-radius: 14px;
		min-height: 93px;
		line-height: 1.2;
	}
	}
	.platform-cat-navi {
		margin: 40px auto;
	}
	.platform-cat-navi li a:hover,
	.toplatformur-cat-navi li a:focus {
		background-color: #F4B75F;
		text-decoration: none;
	}

/*----------------------------------- 
  固定ページ＞町内のご利用
------------------------------------*/	
@media screen and (min-width: 320px) {
	.town-tour-list li {
		font-size: 110%;
		margin: 5px 0;
	}
}
@media screen and (min-width: 990px) {
	}

/*----------------------------------- 
  固定ページ＞号外チラシ
------------------------------------*/
.flyer-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.main blockquote.flyer-list-item {
	width: 100%;
	padding: 10px 0;
	margin-top: 0;
	margin-bottom: 20px;
}
.flyer-list-item .tour-title {
	text-align: center;
	font-weight: bold;
}
.flyer-list-item .image-wrap {
	width: 230px;
	height: 230px;
	text-align: center;
	margin: 0 auto 10px;
	
	position: relative;
}
.flyer-list-item .image-wrap img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;

	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.flyer-list-item .icon-angle-r3 {
	margin-right: 10px;
}

@media screen and (min-width: 576px) {
	.flyer-list-item .image-wrap {
		width: 272px;
		height: 272px;
	}
}
@media screen and (min-width: 768px) {
	.main blockquote.flyer-list-item {
		width: 48%;
		margin-right: 4%;
	}
	.main blockquote.flyer-list-item:nth-of-type(2n) {
		margin-right: 0;
	}
}
@media screen and (min-width: 992px) {
	.main blockquote.flyer-list-item {
		width: 32%;
		margin-right: 2%;
	}
	.main blockquote.flyer-list-item:nth-of-type(2n) {
		margin-right: 2%;
	}
	.main blockquote.flyer-list-item:nth-of-type(3n) {
		margin-right: 0;
	}
}



/*----------------------------------- 
  固定ページ＞旅行ツアーのリクエスト
------------------------------------*/
h2.request-subtitle {
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}
@media screen and (min-width: 320px) {
	.main blockquote .request-box {
		z-index: 10;
		position: absolute;
		top: -55px;
		right: 10px;	
	}
	.main blockquote .request-box .icon-mailbox {
		min-width: 31px;
	    height: 50px;
	}
}
@media screen and (min-width: 768px) {
	.form-request {
		width: 96%!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	.main blockquote .request-box {
		top: -55px;
		right: 20px;	
	}
	.main blockquote .request-box .icon-mailbox {
		min-width: 63px;
	    height: 100px;
	}
 }
 @media screen and (min-width: 992px) {
	 .form-request {
		width: 90%!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
 }
 
/*----------------------------------- 
  検索フォーム
------------------------------------*/ 
.icon-search-wh {
	min-width: 26px;
    height: 26px;
	background-size: 26px 26px;
	margin: 0 auto;
	background-image: url(../images/ico-search-wh.svg);
	vertical-align: middle;
}

.icon-search-bl {
	min-width: 14px;
    height: 14px;
	background-size: 14px 14px;
	margin: 0 auto;
	background-image: url(../images/ico-search-bl.svg);
	vertical-align: middle;
}

/*トップページ モダール内の追加*/
#sitesearchbox .searchbox-title {
	border: 0!important;
	margin-bottom: 0;
}
#sitesearchbox .searchbox-title .icon-bus-stop {
	min-width: 30px;
    height: 40px;
    margin-bottom: 20px;
}
#sitesearchbox .searchbox-content {
	margin: 0 auto 30px auto;
}

@media screen and (min-width: 320px) {
	#searchform {
		position:relative;
		width: 90%;	
		margin:20px auto;
		
	}

	#searchform input[type=text] {
		width: 80%;
		max-width: 100%;
	}	
}
@media screen and (min-width: 768px) {
	#searchform {
		position:relative;
		width: 96%;	
		margin:20px auto;
	}

	#searchform input[type=text] {
		width: 92%;
		max-width: 100%;
	}
}
@media screen and (min-width: 992px) {
	#searchform {
		position:relative;
		width: 460px;	
		margin:20px auto;
	}

	#searchform input[type=text] {
		width: 100%;
		max-width:400px;
	}
}

#searchformbox {
height:50px;
padding:0 10px; 
border-radius:25px;
border: solid 1px #333;
outline: 0;
background:#fff;
}

#searchformbtn {
height:50px;
width:50px;	
background:#333333;
color:#fff;
border:none;
border-radius:25px;
}

#searchformbtn:hover {
background:#888;
}

/*----------------------------------- 
  固定ページ＞お客様の声
------------------------------------*/
.voice-cat-navi {
	margin: 40px auto;
}
.voice-cat-navi ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: center;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	align-content: flex-start;
	width: 100%;
	margin: 0;
	padding: 0;
}

.voice-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.main blockquote.voice-list-item {
	width: 100%;
	padding: 10px 0;
	margin-top: 0;
	margin-bottom: 20px;
}
.voice-list-item .voice-tag {
	font-size: 12px;
}
.voice-list-item .tour-title {
	font-size: 16px;
	font-weight: bold;
}
.voice-list-item .voice-text {
	font-size: 14px;
}
.voice-list-item .voice-characteristics {
	font-size: 14px;
	color: #707070;
}
.voice-thumbnail {
	position: relative;
	width: 200px;
	margin: 0 auto 20px;
}
.voice-thumbnail img {
	max-width: 100%;
	height: auto;
}
.voice-thumbnail .icon {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.voice-detail {
	display: none;
}
.voiceModal img {
	margin-bottom: 20px;
}

@media screen and (min-width: 320px) {
	.voice-cat-navi li {
		width: 100%;
	}
}

@media screen and (min-width: 375px) {
	.voice-cat-navi li {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
		width: auto;
	}
	.voice-cat-navi li a {
		display: block;
    background-color: #EFEBDC;
    padding: 10px;
    text-align: center;
    border-radius: 8px;
    min-height: auto;
    line-height: 1.6;
	}
}

@media screen and (min-width: 768px) {
	.voice-cat-navi li a {
		font-size: 16px;
	}
	.main blockquote.voice-list-item {
		width: 48%;
		margin-right: 4%;
	}
	.main blockquote.voice-list-item:nth-of-type(2n) {
		margin-right: 0;
	}
}
@media screen and (min-width: 992px) {
	.voice-cat-navi li {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
	}
	.voice-cat-navi li a {
    line-height: 1.2;	
		font-size: 16px;
	}
	
	.main blockquote.voice-list-item {
		width: 32%;
		margin-right: 2%;
	}
	.main blockquote.voice-list-item:nth-of-type(2n) {
		margin-right: 2%;
	}
	.main blockquote.voice-list-item:nth-of-type(3n) {
		margin-right: 0;
	}
}