@charset "utf-8";

/* ======================

 [brake-point]
 min-width:769px
 max-width:768px

====================== */

body {
 -webkit-text-size-adjust: 100%;
}

ul{
	list-style-type: none !important;
}

.spDisNone {
	display: none;
}

.imgResponsiveSp img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}


/* -----------------------------------------------------------------------------------------------------------
 header
----------------------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 30px -3px rgba(0,0,0,0.3);
	z-index: 20;
}
#header .innerContainer {
	margin: 0 auto;
}
#header .innerContainer #head_logo {
	padding: 15px;
	box-shadow: 0 0 30px -3px rgba(0,0,0,0.3);
}
#header .innerContainer #head_logo #head_logo_in {
	text-align: center;
}
#header .innerContainer #head_logo #head_logo_in a {
	display: block;
	width: 230px;
	height: 36px;
	margin: 0 auto;
	background-image: url(../../img/common/header/head_logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
#header .innerContainer #head_global_menu_pc {
	display: none;
}
#header .innerContainer #head_global_menu_sp > ul {
	display: table;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#header .innerContainer #head_global_menu_sp > ul > li {
	display: table-cell;
	width: 25%;
}
#header .innerContainer #head_global_menu_sp > ul > li:nth-child(2),
#header .innerContainer #head_global_menu_sp > ul > li:nth-child(3) {
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
}
#header .innerContainer #head_global_menu_sp > ul > li > a {
	display: block;
	width: 100%;
	font-size: 1.3rem;
	text-decoration: none;
	text-align: center;
	padding: 50px 0 5px;
	background-repeat: no-repeat;
	background-position: 50% 15px;
	background-size: 30px 30px;
}

#header .innerContainer #head_global_menu_sp > ul > li:nth-child(1) > a { background-image: url(../../img/common/ic_home.png);}
#header .innerContainer #head_global_menu_sp > ul > li:nth-child(2) > a { background-image: url(../../img/common/ic_search.png);}
#header .innerContainer #head_global_menu_sp > ul > li:nth-child(3) > a { background-image: url(../../img/common/ic_taiken.png);}
#header .innerContainer #head_global_menu_sp > ul > li:nth-child(4) > a { background-image: url(../../img/common/ic_kuchikomi.png);}
#header .innerContainer #head_global_menu_sp > ul > li > a:hover {}

#header .innerContainer #head_global_menu_sp > ul > li:nth-child(2) > a.on {
	background-image: url(../../img/common/ic_search_o.png);
	background-color: #2d81a5;
	color: #fff;
}
#header .innerContainer #head_global_menu_sp > ul > li > a.active,
#header .innerContainer #head_global_menu_sp > ul > li > a.on {}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #2d81a5;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner {
	width: 100%;
	padding: 0 0 30px;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl > dt {
	font-size: 1.7rem;
	color: #fff;
	text-align: center;
	background-color: #225e77;
	padding: 10px 10px 8px;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl.tapDl > dt.tapBtn {
	position: relative;
	cursor: pointer;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl.tapDl > dt.tapBtn:not(.close)::after {
	position: absolute;
	content: '';
	display: block;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #fff;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl.tapDl > dt.tapBtn.close::after {
	position: absolute;
	content: '';
	display: block;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl > dd {}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl > dd > ul > li > a {
	position: relative;
	display: block;
	font-size: 1.7rem;
	color: #fff;
	text-decoration: none;
	padding: 5px 5px 5px 10px;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl:not(.s_tag) > dd > ul > li > a::after {
	position: absolute;
	content: '';
	display: block;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #fff;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl.s_area > dd > ul > li:not(:last-child),
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl.s_genre > dd > ul > li:not(:last-child) {
	border-bottom: 1px solid #286f8c;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl.s_month > dd > ul > li {
	float: left;
	width: 50%;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl.s_month > dd > ul > li:nth-child(odd) {
	border-right: 1px solid #286f8c;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl.s_month > dd > ul > li:nth-last-of-type(n+3) {
	border-bottom: 1px solid #286f8c;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl.s_tag {}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl.s_tag > dd {
	padding: 10px 10px 0;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl.s_tag > dd > ul {}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl.s_tag > dd > ul > li {
	display: inline-block;
	margin: 0 5px 10px 0;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > dl.s_tag > dd > ul > li > a {
	display: block;
	font-size: 1.6rem;
	line-height: 1;
	color: #2d81a5;
	text-decoration: none;
	background-color: #fff;
	border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
	padding: 7px 15px 5px;
}

/* キーワードから検索（デモ） */
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword_demo {
	border-top: 1px solid #286f8c;
	padding: 20px 15px 0;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword_demo > dl {
	width: 100%;
	background-color: #225e77;
	margin-bottom: 20px;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword_demo > dl > dt {
	font-size: 1.7rem;
	color: #fff;
	text-align: center;
	padding: 10px 10px 8px;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword_demo > dl > dd {
	padding: 0 4px 4px;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword_demo > dl > dd > input[type="text"] {
	width: 100%;
	background-color: #fff;
	height: 35px;
	font-size: 1.7rem;
	padding: 7px;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword_demo > .form_btn {
	text-align: center;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword_demo > .form_btn > button {
	position: relative;
	width: 160px;
	font-size: 1.5rem;
	color: #fff;
	background-color: #333;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding: 10px 50px 8px;
	cursor: pointer;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword_demo > .form_btn > button::after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	margin-top: -5px;
}

/* キーワードから検索 */
.gsc-search-box {
	margin-bottom: 0 !important;
}
.gsc-search-button {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: 0 !important;
}
.gsc-search-button button {
	position: relative;
	width: 160px;
	font-size: 1.5rem;
	color: #fff;
	background-color: #333;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding: 10px 50px 8px;
	cursor: pointer;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	border: none !important;
}
.gsc-search-button button:hover {
	background-color: #333 !important;
	border: none !important;
}
.gsc-search-button button::after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	margin-top: -5px;
}
.gsc-input-box {
	border: none !important;
}
.gsc-input {
	display: block !important;
	padding-right: 0 !important;
}
.gsib_a {
	padding: 0 5px !important;
}
.gsc-search-box .gsc-input-box,
.gsc-search-box .gsc-input-box-hover,
.gsc-search-box .gsc-input-box-focus {
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword {
	position: relative;
	border-top: 1px solid #286f8c;
	padding: 20px 15px 50px;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword > dl {
	width: 100%;
	background-color: #225e77;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword > dl > dt {
	font-size: 1.7rem;
	color: #fff;
	text-align: center;
	padding: 10px 10px 8px;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword > dl > dd {
	padding: 0 4px 4px;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword > dl > dd input[type="text"] {
	width: 100%;
	background-color: #fff;
	height: 35px !important;
	font-size: 1.7rem;
	padding: 7px !important;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword > .form_btn {
	text-align: center;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword > .form_btn > button {
	position: relative;
	width: 160px;
	font-size: 1.5rem;
	color: #fff;
	background-color: #333;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding: 10px 50px 8px;
	cursor: pointer;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword > .form_btn > button:hover {
	opacity: 0.8;
}
#header .innerContainer #head_global_menu_sp > ul > li > .sub_menu > .inner > .s_keyword > .form_btn > button::after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	margin-top: -5px;
}


/* パンくず包括
---------------------------------------------------------------------- */
#wrapBreadcrumb {
	position: relative;
	background-color: #f4f7e8;
	z-index: 10;
}
#wrapBreadcrumb .innerContainer {
	padding: 10px;
}
#wrapBreadcrumb .innerContainer ul {
	letter-spacing: -.4em;
}
#wrapBreadcrumb .innerContainer ul li {
	display: inline-block;
	font-size: 1.4rem;
	letter-spacing: normal;
}
#wrapBreadcrumb .innerContainer ul li:not(:first-child) {	
}
#wrapBreadcrumb .innerContainer ul li:not(:first-child):before {
	content: '＞';
	color: #000;
	padding: 0 0.4em 0 0.5em;
}
#wrapBreadcrumb .innerContainer ul li a {
	color: #000;
}


/* -----------------------------------------------------------------------------------------------------------
 main
----------------------------------------------------------------------------------------------------------- */
main {
	position: relative;
	z-index: 10;
}


/* -----------------------------------------------------------------------------------------------------------
 下層ページ
----------------------------------------------------------------------------------------------------------- */

/* ページタイトル包括
---------------------------------------------------------------------- */
#wrapPageTtl {
	position: relative;
	width: 100%;
}
#wrapPageTtl img {
	width: 100%;
	max-width: 100%;
}


/*	レイアウト設定
---------------------------------------------------------------------- */

/*	mainContents
---------------------------------------------------------- */
.mainContents {
	width: 100%;
	padding: 30px 0 40px;
}
.mainContents > .innerContainer,
.mainContentsTaiken > .innerContainer > .wrapThumbThree {
	width: 100%;
	margin: 0 auto;
	padding: 0 5%;
}

.mainContentsTaiken > .innerContainer > .wrapPageTtlH1{
	margin-top: 30px;
}

.mainContentsTaiken > .innerContainer > .wrapBtnListM{
	margin-bottom: 40px;
}

.taikenDetail {
	margin-top: -60px;
}

/*	SNSアイコン
---------------------------------------------------------- */
.wrapSns {
	text-align: right;
	margin-top: -15px;
	margin-bottom: 30px;
}
.snsBtnList {
	letter-spacing: -.4em;
}
.snsBtnList li {
	display: inline-block;
	letter-spacing: normal;
}
.snsBtnList li:not(:first-child) {
	margin-left: 7px;
}
.snsBtnList li img {
	width: 30px;
}

/*	タイトル下アイコン
---------------------------------------------------------- */
.wrapIcon {
	text-align: center;
	letter-spacing: -.4em;
	margin-top: -25px;
	margin-bottom: 25px;
}
.wrapIcon ul li {
	display: inline-block;
	letter-spacing: normal;
}
.wrapIcon ul li img{
	width: 44px;
	height: 44px;
}
.wrapIcon ul li:not(:first-child) {
	margin-left: 10px;
}

/*	お知らせ
---------------------------------------------------------- */
#wrapNews {
	margin-bottom: 30px;
}
#wrapNews  dl {
	display: table;
	width: 100%;
	font-size: 1.8rem;
	color: #333;
	padding: 10px 0;
}
#wrapNews  dl:not(:last-child){
	border-bottom: 1px dotted #bbb;
}
#wrapNews  dl dt {
	display: table-cell;
	width: 7.5em;
}
#wrapNews  dl dd {
	display: table-cell;
	line-height: 1.6;
}
#wrapNews  dl dd a {
	color: #333;
}

/*	アクセス
---------------------------------------------------------- */
.wrapMapAccess {
	margin-bottom: 40px;
}
.wrapRootAccess dl {
	display: table;
	width: 100%;
	background-color: #e4e4e4;
	margin-bottom: 20px;
}
.wrapRootAccess dl > dt {
	display: table-cell;
	width: 35%;
	min-width: 100px;
	font-size: 1.7rem;
	color: #000;
	text-align: center;
	padding: 4px 10px;
}
.wrapRootAccess dl > dd {
	display: table-cell;
	padding: 4px;
}
.wrapRootAccess dl > dd > input[type="text"] {
	width: 100%;
	background-color: #fff;
	height: 40px;
	font-size: 1.7rem;
	padding: 15px;
}
.wrapRootAccess .form_btn {
	text-align: center;
}
.wrapRootAccess .form_btn > a {
	position: relative;
	width: 215px;
	font-size: 1.5rem;
	color: #fff;
	background-color: #666;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding: 10px 50px 8px;
	cursor: pointer;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	text-decoration: none;
}
.wrapRootAccess .form_btn > a:hover {}
.wrapRootAccess .form_btn > a::after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	margin-top: -5px;
}
.wrapMapAccess iframe {
	max-width: 100%;
	max-height: 400px;
}

/*	口コミ情報 by トリップアドバイザー
---------------------------------------------------------- */
.wrapReview {}

/*	この体験をシェアする
---------------------------------------------------------- */
.wrapExShare {}
.wrapExShare dl {
}
.wrapExShare dl dt {
	color: #000 !important;
	position: relative;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	background-color: #d7ebf2;
	padding: 13px 15px 10px;
	border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}
.wrapExShare dl dt::after {
	position: absolute;
	content: '';
	display: block;
	left: 50%;
	bottom: -8px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #d7ebf2;
}
.wrapExShare dl dd {
	text-align: center;
	border-width: 0 2px 2px;
	border-color: #e4e4e4;
	border-style: solid;
	padding: 15px 10px;
	border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
}

/*	バナー（大募集）
---------------------------------------------------------- */
.wrapRec {}
.wrapRec ul {}
.wrapRec ul li {
	overflow: hidden;
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.wrapRec ul .bnrRecEx {
}
.wrapRec ul .bnrRecRe {
	margin-top: 20px;
}
.wrapRec ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 170px;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}
.wrapRec ul li a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 3px 5px;
}
.wrapRec ul li a span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 2.0rem;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 4px 5px 3px;
}
.wrapRec ul li a span::before {
	position: relative;
	display: inline-block;
	content: '';
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
	vertical-align: middle;
}
.wrapRec ul .bnrRecEx a { background-image: url(../../img/common/bnr_taiken.jpg);}
.wrapRec ul .bnrRecEx a span { background-color: #bf4949; }
.wrapRec ul .bnrRecEx a span::before {
	bottom: -3px;
	left: -10px;
	background-image: url(../../img/common/ic_taiken_o.png);
}
.wrapRec ul .bnrRecRe a { background-image: url(../../img/common/bnr_kuchikomi.jpg);}
.wrapRec ul .bnrRecRe a span { background-color: #c05616;}
.wrapRec ul .bnrRecRe a span::before {
	bottom: 0;
	left: -10px;
	background-image: url(../../img/common/ic_kuchikomi_o.png);
}

/*	一覧レイアウト（共通）
---------------------------------------------------------- */
.item .photo {
	position: relative;
}
.item.new .photo::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	border-bottom: 50px solid transparent;
	border-left: 50px solid #d0141e; /* ラベルの色はここで変更 */
	z-index: 100;
}
.item.new .photo::after {
	position: absolute;
	content: 'New!';
	display: block;
	top: 10px;
	left: 4px;
	font-size: 1.4rem;
	color: #fff;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 101;
}

/*	一覧レイアウト（3列）
---------------------------------------------------------- */
.wrapThumbThree {
	overflow: hidden;
	margin-bottom: 30px !important;
}
.wrapThumbThree .item {
	position: relative;
	max-width: 290px;
	margin: 0 auto;
}
.wrapThumbThree .item:not(:first-child) {
	margin-top: 20px;
}
.wrapThumbThree .item ul {}
.wrapThumbThree .item ul li {}
.wrapThumbThree .item ul .photo {
	position: relative;
	margin-bottom: 5px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	overflow: hidden;
}
.wrapThumbThree .item ul .photo {}
.wrapThumbThree .item ul .photo img {
	max-width: 100%;
}
.wrapThumbThree .item ul .txt {
	margin-bottom: 5px;
}
.wrapThumbThree .item ul .txt a {
	font-size: 1.8rem;
	color: #333 !important;
	line-height: 1.4;
}
.wrapThumbThree .item ul .date {
	font-size: 1.5rem;
	color: #333;
}


/*	画像レイアウト
---------------------------------------------------------------------- */
.photoWrap {}
.photoWrap .date,
.photoDate {
	font-size: 1.5rem;
	text-align: right;
	margin-bottom: 5px;
}
.photoWrap .caption {
	font-size: 1.5rem;
	margin-top: 5px;
}

.photoWrap p {
	margin-bottom: 12px;
}

.photoWrap img {
	max-width: 100%;
}


/*	左右レイアウト
---------------------------------------------------------------------- */
.wrapTwo {
	width: 100%;
}
.wrapTwo > .leftW {
	width: auto;
	margin-bottom: 20px;
}
.wrapTwo > .rightW {
	width: auto;
}
.wrapTwo .photoWrap {
	max-width: 436px;
	margin: 0 auto;
}
.wrapTwo .photoWrap img {
	max-width: 100%;
}


/*	タイトル
---------------------------------------------------------------------- */

/* wrapPageTtlH1 -------------------------*/
.wrapPageTtlH1 {
	margin-bottom: 30px;
}
.wrapPageTtlH1 .ttl {
	font-size: 2.8rem;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.wrapPageTtlH1 .ttl2 {
	font-size: 2.2rem;
	font-weight: bold;
	color: #333;
	text-align: center;
}

/* wrapPageTtlH2 -------------------------*/
.wrapPageTtlH2 {
	background-color: #4a8505;
	padding: 6px 10px 5px;
	margin-bottom: 15px;
}
.wrapPageTtlH2 .ttl {
	font-size: 2.0rem;
	color: #fff;
	text-align: center;
}

/* wrapPageTtlH3 -------------------------*/
.wrapPageTtlH3 {
	margin-bottom: 15px;
}
.wrapPageTtlH3 .ttl {
	font-size: 2.6rem;
	font-weight: bold;
	color: #333;
	text-align: center;
}

/* wrapPageTtlH4 -------------------------*/
.wrapPageTtlH4 {
	margin-bottom: 15px;
}
.wrapPageTtlH4 .ttl {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
}

/* wrapPageTtlInt -------------------------*/
.wrapPageTtlInt {
	margin-bottom: 40px;
	text-align: center;
}
.wrapPageTtlInt .ttl {
	display: inline-block;
	font-size: 2.8rem;
	font-weight: bold;
	color: #333;
}
.wrapPageTtlInt .ttl > span {
	display: inline-block;
	font-size: 2.0rem;
	font-weight: bold;
	color: #444;
	text-align: center;
	vertical-align: middle;
	background-color: #f99d4c;
	padding: 10px 15px 0;
	background-image: url(../../img/common/bg_ttl_int.png);
	background-repeat: no-repeat;
	background-position: center top -3px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.wrapPageTtlInt .subTtl {
	font-size: 1.8rem;
	font-weight: bold;
	color: #e75700;
	padding-top: 10px;
}

/* wrapPageTtlSeazon -------------------------*/
.wrapPageTtlSeazon {
	margin-bottom: 30px;
	text-align: center;
	background-image: url(../../img/common/bg_ttl_seazon_u.png);
	background-repeat: repeat-x;
	background-position: center bottom 3px;
	background-size: auto auto;
}
.wrapPageTtlSeazon .ttl {
	display: inline-block;
	font-size: 2.8rem;
	font-weight: bold;
	color: #333;
	line-height: 1;
}
.wrapPageTtlSeazon .ttl .t1 {
	display: inline-block;
	font-size: 2.8rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
}
.wrapPageTtlSeazon .ttl .t1::before,
.wrapPageTtlSeazon .ttl .t1::after {
	display: inline-block;
	content: '';
	width: 77px;
	height: 39px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	vertical-align: bottom;
}
.wrapPageTtlSeazon .ttl .t1::before {
	background-image: url(../../img/common/bg_ttl_seazon_l.png);
	margin-right: 10px;
}
.wrapPageTtlSeazon .ttl .t1::after {
	background-image: url(../../img/common/bg_ttl_seazon_r.png);
	margin-left: 10px;
}
.wrapPageTtlSeazon .ttl .t2 {
	display: inline-block;
	font-size: 1.6rem;
	color: #fff;
	background-color: #057b0e;
	padding: 8px 15px 6px;
	border-radius: 5em;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
}

/* wrapPageTtlInfo -------------------------*/
.wrapPageTtlInfo {
	margin-bottom: 30px;
	text-align: center;
	background-image: url(../../img/common/bg_ttl_info.png);
	background-repeat: repeat-x;
	background-position: center bottom 3px;
	background-size: auto auto;
	height: 70px;
}
.wrapPageTtlInfo .ttl {
	display: inline-block;
	font-size: 2.8rem;
	font-weight: bold;
	color: #333;
	line-height: 1;
}
.wrapPageTtlInfo .ttl .t1 {
	display: inline-block;
	font-size: 2.8rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
}

/* wrapPageTtlSearch -------------------------*/
.wrapPageTtlSearch {
	overflow: hidden;
	margin-bottom: 15px;
	text-align: center;
}
.wrapPageTtlSearch .ttl {
	position: relative;
	display: inline-block;
	font-size: 2.2rem;
	font-weight: bold;
	color: #333;
	background-color: #fff;
}
.wrapPageTtlSearch .ttl::before,
.wrapPageTtlSearch .ttl::after {
	position: absolute;
	display: inline-block;
	content: '';
	height: 40px;
	background-repeat: no-repeat;
	vertical-align: middle;
	top: -5px;
}
.wrapPageTtlSearch .ttl::before {
	width: 290px;
	background-image: url(../../img/common/bg_ttl_search_l.png), url(../../img/common/ic_search.png);
	background-position: right 45px center, right 7px center;
	background-size: contain, 30px 30px;
	left: -290px;
}
.wrapPageTtlSearch .ttl::after {
	width: 240px;
	background-image: url(../../img/common/bg_ttl_search_r.png);
	background-position: left 10px center;
	background-size: contain;
}

/* wrapPageTtlHold -------------------------*/
.wrapPageTtlHold {
	overflow: hidden;
	margin-bottom: 30px;
	text-align: center;
	background-image: url(../../img/common/bg_ttl_hold_u.png);
	background-repeat: repeat-x;
	background-position: center bottom 3px;
	background-size: auto 12px;
}
.wrapPageTtlHold .ttl {
	position: relative;
	display: inline-block;
	font-size: 2.8rem;
	font-weight: bold;
	color: #333;
	line-height: 1;
}
.wrapPageTtlHold .ttl .t1 {
	display: inline-block;
	font-size: 2.8rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
}
.wrapPageTtlHold .ttl::before,
.wrapPageTtlHold .ttl::after {
	position: absolute;
	display: inline-block;
	content: '';
	width: 163px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	vertical-align: bottom;
}
.wrapPageTtlHold .ttl::before {
	left: -210px;
	bottom: 6px;
	background-image: url(../../img/common/bg_ttl_hold_l.png);
	margin-right: 10px;
}
.wrapPageTtlHold .ttl::after {
	right: -210px;
	bottom: 6px;
	background-image: url(../../img/common/bg_ttl_hold_r.png);
	margin-left: 10px;
}
.wrapPageTtlHold .ttl .t2 {
	display: inline-block;
	font-size: 1.6rem;
	color: #fff;
	background-color: #2062b9;
	padding: 8px 15px 6px;
	border-radius: 5em;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
}

/* wrapPageTtlMv -------------------------*/
.wrapPageTtlMv {
	text-align: center;
	line-height: 1;
	margin-bottom: 30px;
}
.wrapPageTtlMv .ttl {
	font-size: 2.8rem;
	font-weight: bold;
	color: #333;
}
.wrapPageTtlMv .subTtl {
	font-size: 1.8rem;
	font-weight: bold;
	color: #358dc4;
	padding-top: 10px;
}


/*	テキスト関連
---------------------------------------------------------------------- */
.textWrap {}
.textWrap p {
	font-size: 1.8rem;
	line-height: 1.6;
}
.textWrap.space p:not(:last-child) {
	margin-bottom: 15px;
}
.textWrap .note {
	padding-left: 1.7em !important;
	text-indent: -1.7em !important;
}

.textWrap .subTitle {
	text-decoration: underline;
}

.textWrap ul.mkNote li {
	font-size: 1.8rem !important;
	margin-bottom: 15px;
	line-height: 1.5;
}
.ancTxt {
	margin-top: 20px;
}
.ancTxt a {
	position: relative;
	display: inline-block;
	font-size: 1.8rem;
	padding-left: 20px;
}
.ancTxt li {
}
.ancTxt a::before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #4a8505;
	border-right: solid 2px #4a8505;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}


/* マウスオーバー
---------------------------------------------------------------------- */



/*	アイコン、ボタン関連
---------------------------------------------------------------------- */
.btn {
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}
.btn:hover {}
.btn a {
	position: relative;
	display: block !important;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	background-color: #4a8505;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.btn.orange a {
	background-color: #e75700;
}
.btn.blue a {
	background-color: #2a556e;
}
.btn.holdblue a {
	background-color: #2062b9;
}
.btn.arrowL a::before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 50%;
	left: 15px;
	margin-top: -5px;
}
.btn.arrowR a::after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	margin-top: -5px;
}
.wrapBtnListLL .btn {
	width: 100%;
	margin: 0 auto;
}
.wrapBtnListLL .btn:not(:last-child) {
	margin-bottom: 25px;
}
.wrapBtnListLL .btn a {
	font-size: 1.6rem;
	padding: 20px 10px;
}
.wrapBtnListL .btn {
	width: 100%;
	margin: 0 auto;
}
.wrapBtnListL .btn:not(:last-child) {
	margin-bottom: 25px;
}
.wrapBtnListL .btn a {
	font-size: 1.6rem;
	padding: 10px;
}
.wrapBtnListM {
	text-align: center;
}
.wrapBtnListM .btn {
	display: inline-block;
	min-width: 130px;
}
.wrapBtnListM .btn:not(:last-child) {
	margin-right: 15px;
}
.wrapBtnListM .btn a {
	font-size: 1.6rem;
	padding: 10px;
}
.wrapBtnListS {
	text-align: center;
}
.wrapBtnListS .btn {
	display: inline-block;
	width: 215px;
}
.wrapBtnListS .btn:not(:last-child) {
	margin-right: 15px;
}
.wrapBtnListS .btn a {
	font-size: 1.5rem;
	padding: 8px;
}
.newmark{
	color: #f00;
}



/*	テーブル
---------------------------------------------------------------------- */
.normalTable table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.normalTable table tbody th,
.normalTable table tbody td {
	font-size: 1.6rem;
	border: 1px solid #e2e2e2;
	padding: 4px 5px 4px;
}
.normalTable table tbody th {
	font-weight: bold;
	text-align: center;
	background-color: #f8ffef;
}
.normalTable table tbody td {
}
.normalTable table tbody td .disMap {
	display: block;
	padding-top: 5px;
}


/*	特集
---------------------------------------------------------------------- */
#topics .wrapPageTtlH1 {
	background-image: url(../../img/topics/bg_ttl_01.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding: 0 15px 40px;
}
.topicsTtlArea {
	text-align: center;
	margin-bottom: 20px;
}
.topicsTtlArea .ttl {
	font-weight: bold;
	display: inline-block;
	font-size: 1.8rem;
	color: #333;
	padding: 5px 30px;
	background-color: #ebf2f9;
	border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
}
.topicsTtlH3 {
	text-align: center;
	background-image: url(../../img/topics/bg_ttl_02_top.png), url(../../img/topics/bg_ttl_02_top.png);
	background-repeat: repeat-x, repeat-x;
	background-position: center top, center bottom;
	background-size: 65px auto, 65px auto;
	padding: 25px 0;
	margin-bottom: 30px;
}
.topicsTtlH3 .ttl {
	font-weight: bold !important;
	font-size: 2.2rem;
	color: #333;
}
.topicsTtlH4 {
	text-align: center;
	padding: 5px 0;
	border-width: 5px 0;
	border-style: solid;
	border-color: #ebf2f9;
	margin-bottom: 20px;
}
.topicsTtlH4 .ttl {
	font-size: 2.0rem;
	color: #333;
	background-image: url(../../img/topics/bg_ttl_03.png);
	background-repeat: repeat-x;
	background-position: center center;
	padding: 5px 10px;
}
.topicsTtlH5 {
	margin-bottom: 30px;
	margin-top: 20px;
}
.topicsTtlH5 .ttl {
	font-size: 1.8rem;
	color: #333;
	background-image: url(../../img/topics/ic_comment.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 32px 34px;
	padding: 10px 0 10px 45px;
	border-bottom: 2px solid #f7c886;
}
.topicsTtlH5 .ttl2 {
	font-size: 1.8rem;
	color: #333;
	background-image: url(../../img/topics/ic_comment2.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 32px 34px;
	padding: 10px 0 10px 45px;
	border-bottom: 2px solid #f7c886;
}

.topicsSlide {
	margin-bottom: 50px;
}
#topics .wrapPageTtlH1 .date {
	font-size: 1.5rem;
	text-align: right;
	margin-bottom: 5px;
}
.topicsSlide .slick-slide {
	outline: none;
}
.topicsSlide .slick-slide img {
	max-width: 100%;
}
.topicsSlide .thumb-item-nav {
	width: 100%;
}
.topicsSlide .thumb-item-nav img {
	max-width: 100%;
	opacity: 0.4;
}
.topicsSlide .thumb-item-nav .slick-current img {
	opacity: 1;
}
.topicsSlide .thumb-item-nav .slick-track {
	float: left;
}
.photoWrapTwo {
	overflow: hidden;
}
.photoWrapTwo .item {
	max-width: 436px;
	margin: 0 auto;
}
.photoWrapTwo .item:nth-child(odd) {
}
.photoWrapTwo .item:nth-child(even) {
}
.photoWrapTwo .item:nth-child(n+2) {
	margin-top: 15px;
}
.photoWrapTwo .item .p img {
	max-width: 100%;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.photoWrapTwo .item .caption {
	font-size: 1.5rem;
	margin-top: 5px;
}
.topicsTable table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.topicsTable table tbody th,
.topicsTable table tbody td {
	font-size: 1.6rem;
	border: 1px solid #e2e2e2;
	padding: 4px 5px 4px;
}
.topicsTable table tbody th {
	font-weight: bold;
	text-align: center;
	background-color: #f5f8fc;
}
.topicsTable table tbody td .disMap {
	display: block;
	padding-top: 5px;
}

.topicsDate {
	text-align: right;
	font-size: 1.2rem;
}
#topicsFoot {
	background-image: url(../../img/topics/bg_ttl_01.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 70px 5%0;
	margin-top: 50px;
}


/*	アイコンの種類や一覧
---------------------------------------------------------------------- */
#icon_list {
	display: none;
	width: 94%;
	padding: 50px 15px 30px;
}
#icon_list .icon_list_ttl {
	background-image: url(../../img/common/bg_ttl_icon_list.png);
	background-repeat: repeat;
	background-position: left top;
	padding: 10px 10px 8px;
	margin-bottom: 20px;
}
#icon_list .icon_list_ttl .ttl {
	font-size: 2.4rem;
	color: #333;
	text-align: center;
}
#icon_list .icon_list_ul {
	overflow: hidden;
}
#icon_list .icon_list_ul li {
	float: left;
	font-size: 1.6rem;
	color: #333;
}
#icon_list .icon_list_ul li i {
	padding-right: 5px;
}
#icon_list .icon_list_ul li i img {
	width: 30px;
	height: 30px;
}

@media screen and (max-width:374px) {
	#icon_list .icon_list_ul li {
		width: 100%;
	}
	#icon_list .icon_list_ul li:nth-child(n+2) {
		margin-top: 10px;
	}
}

@media screen and (min-width:375px) and (max-width:768px) {
	#icon_list .icon_list_ul li {
		width: 49%;
		margin: 0 1% 0 0;
	}
	#icon_list .icon_list_ul li:nth-child(n+3) {
		margin-top: 10px;
	}
}


/*	ページトップ
---------------------------------------------------------------------- */
#pageTop {
	position: fixed;
	right: 20px;
	z-index: 30;
}
#pageTop .pageTopBtn {
	cursor: pointer;
	width: 94px;
	height: 88px;
	background-color: #005baa;
	background-image: url(../../img/common/bg_pagetop_arrow.png);
	background-repeat: no-repeat;
	background-position: center 24px;
	padding-top: 60px;
	font-size: 1.0rem;
	text-align: center;
	color: #fff;
}
#pageTopSp {}

/* -----------------------------------------------------------------------------------------------------------
 フッター
----------------------------------------------------------------------------------------------------------- */

/* フッター包括 */
#footer {
	width: 100%;
}
#footer > .footerBn {
	border-top: 1px solid #e0e0e0;
	text-align: center;
	padding: 20px 0;
}
#footer > .footerBn > .foot_bnr {
	margin-bottom: 30px;
}
#footer > .footerBn > .foot_bnr > li {
	display: block;
	margin: 0 7px;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}
#footer > .footerBn > .foot_bnr > li:not(:first-child) {
	margin-top: 15px;
}
#footer > .footerBn > .foot_bnr > li:hover {}
#footer > .footerBn > .foot_logo {
	margin-bottom: 12px;
}
#footer > .footerBn > #foot_logo {
	margin-bottom: 12px;
}
#footer > .footerBn > #foot_logo #foot_logo_in {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
#footer > .footerBn > #foot_logo #foot_logo_in a {
	display: block;
	width: 230px;
	height: 36px;
	background-image: url(../../img/common/footer/foot_logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
#footer > .footerBn > .foot_add {
	font-size: 1.4rem;
	line-height: 1.6;
	color: #333;
}
#footer > .footerNv {
	border-top: 1px solid #e0e0e0;
	padding: 15px 10px;
}
#footer > .footerNv > ul {
	text-align: center;
	letter-spacing: -.4em;
}
#footer > .footerNv > ul > li {
	position: relative;
	display: inline-block;
	letter-spacing: normal;
}
#footer > .footerNv > ul > li:not(:last-child)::after {
	content: '|';
	color: #c9c9c9;
}
#footer > .footerNv > ul > li > a {
	font-size: 1.4rem;
	color: #333;
	padding: 0 15px;
}
#footer > .footerCr {
	font-size: 1.4rem;
	color: #fff;
	background-color: #4a8505;
	text-align: center;
	padding: 15px 10px;
}

/* -----------------------------------------------------------------------------------------------------------
 トリップアドバイザー
----------------------------------------------------------------------------------------------------------- */

.widSSP {
	width: 100% !important;
}
