@charset "UTF-8";

/* ---------------------------------------------------------
	CSS Document detail > common
--------------------------------------------------------- */
.detail_banner_1000 {
	margin-bottom: 20px;
}

.detail_banner_900 {
	margin-top: 40px;
	margin-bottom: 20px;
}

#detail .block {
	margin-bottom: 30px;
	padding: 30px 48px;
	border: solid 1px #ccc;
	background: #fff;
	text-align: left;
}

#detail .title {
	margin-bottom: 15px;
	border-bottom: solid 1px #ccc;
}

#detail .title h1 {
	margin-bottom: 10px;
	font-family : "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: normal;
	font-size: 40px;
	line-height: 56px;
}

#detail .title p {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 26px;
}

#detail img.balloon {
	padding: 1px;
	border: solid 1px #ccc;
	background: #fff;
	width: 99.7%;
}

#detail span.balloon {
	display: block;
	background: #eee;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	color: #666;
}

#detail h2 {
	margin-bottom: 15px;
	background: url(../images/i_h3_long.jpg) no-repeat left bottom;
	font-family : "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: normal;
	font-size: 32px;
	line-height: 60px;
}

#detail h3 {
	margin-bottom: 15px;
	padding-left: 16px;
	border-bottom: solid 1px #ccc;
	background: url(../images/i_h4_long.jpg) no-repeat left;
	font-family : "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: normal;
	font-size: 26px;
	line-height: 44px;
}

#detail h3.ad {
	padding-left: 34px;
	background: url(../images/i_h4_ad.png) no-repeat left;
}

#detail .summary p {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 30px;
}

/* ---------------------------------------------------------
	CSS Document detail > mokuji
--------------------------------------------------------- */
#detail .mokuji {
	width: 330px;
	margin-right: 21px;
	float: left;
}

#detail .mokuji dl {
	padding: 5px 10px 5px;
	background: #eee;
}

#detail .mokuji dt {
	border-bottom: solid 1px #ccc;
	text-align: center;
	font-size: 18px;
	line-height: 38px;
}

#detail .mokuji li {
	padding: 5px;
	padding-left: 5px;
	border-bottom: solid 1px #ccc;
	font-size: 15px;
	line-height: 24px;
}

#detail .mokuji li.last {
	border-bottom: 0;
}

/* ---------------------------------------------------------
	CSS Document detail > photo
--------------------------------------------------------- */
#detail .photo {
	width: 200px;
	text-align: center;
	font-size: 15px;
}

#detail .photo img {
	margin-bottom: 10px;
}

#detail .photo span {
	font-size: 11px;
}

/* ---------------------------------------------------------
	CSS Document detail > profile
--------------------------------------------------------- */
#detail .profile {
	width: 310px;
	font-size: 14px;
	line-height: 24px;
}

#detail .profile dl {
	margin-bottom: 20px;
}

#detail .profile dt {
	margin-bottom: 10px;
	font-family : HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "osaka";
	font-size: 18px;
	line-height: 24px;
}

.socialbuttons {
	width: 310px;
}

.socialbuttons div {
	float: left;
}

/* ---------------------------------------------------------
	CSS Document detail > desc
--------------------------------------------------------- */
#detail .desc {
	margin-bottom: 20px;
}

#detail .desc .f_right {
	width: 260px;
	font-size: 14px;
	line-height: 24px;
}

#detail .desc .f_left {
	width: 340px;
}

#detail .desc .f_left p {
	margin-bottom: 15px;
}

#detail .desc .f_left p img {
	padding: 1px;
	border: solid 1px #ccc;
	background: #fff;
}

/* ---------------------------------------------------------
	CSS Document detail > section > common
--------------------------------------------------------- */
#detail .section {
	padding-top: 20px;
	font-size: 14px;
	line-height: 24px;
}

#detail .map {
	margin-bottom:25px;
}

#detail .map iframe {
	width: 880px;
	height: 550px;
	overflow: hidden;
	padding: 1px;
	border: solid 1px #ccc;
}

#detail ul.inline {
	margin-bottom: 20px;
}

#detail ul.inline li {
	float: left;
	width: 270px;
	margin-right: 35px;
	cursor: pointer;
}

#detail ul.inline li.last {
	float: right;
	margin-right: 0;
}


#detail ul.inline li:last-child {
	float: right;
	margin-right: 0;
}

#detail ul.inline a {
	display: block;
}

#detail ul.inline img {
	height: 180px;
	margin-bottom: 8px;
	padding: 1px;
	border: solid 1px #ccc;
	vertical-align: top;
}

#detail ul.inline span.balloon {
	background: none;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
}

#detail ul.inline a span.balloon {
	text-decoration: none;
	color: #2068b7;
}

#detail ul.inline a:visited span.balloon {
	color: #8560a8;
}

/* ---------------------------------------------------------
	CSS Document detail > section > pr_box
--------------------------------------------------------- */
#detail .pr_box {
	width: 580px;
	line-height: 17px;
}

#detail .pr_box dt {
	float: left;
	width: 64px;
	height: 16px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-right: 6px;
	background: #ff7f00 url(../images/i_pr.jpg) no-repeat right top;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
}

/* ---------------------------------------------------------
	CSS Document detail > section > gallery
--------------------------------------------------------- */
#detail .gallery {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 28px;
}

#detail .gallery .shot {
	margin-top: 20px;
	margin-bottom: 25px;
	*padding: 1px 0;
	*background: #dfdfdf;
	text-align: center;
	*zoom: 1;
}

html>/**/body .gallery .shot {
	border/***/: solid 1px #dfdfdf\9;
}

body:not(:target) .gallery .shot {
	border: 0\9;
}

#detail .gallery .shot p {
	margin: 0;
	padding: 0;
}

#detail .gallery .shot img {
	width: 850px;
	border: solid 15px #fff;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.15);
}

/* ---------------------------------------------------------
	CSS Document detail > section > point
--------------------------------------------------------- */
#detail .point dl {
	margin-bottom: 50px;
	padding: 15px 20px;
	background: #eee;
	font-size: 16px;
	line-height: 28px;
}

#detail .point.ad dl {
	background: #FFEFD7;
}

#detail .point dt {
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
	font-family : "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: normal;
	font-size: 26px;
	line-height: 44px;
}

#detail .point.ad dt {
	border-bottom: solid 1px #ffb163;
}

#detail .point.ad.image dt {
	padding-left: 34px;
	background: url(../images/i_h4_ad.png) no-repeat left;
}

#detail .point dd img.f_left {
	margin-right: 20px;
	padding: 1px;
	border: solid 1px #ccc;
	background: #fff;
	vertical-align: top;
}

#detail #section_01 dd .f_right {
	width: 380px;
}

/* ---------------------------------------------------------
	CSS Document detail > section > faq
--------------------------------------------------------- */
#detail .faq {
	margin-bottom: 40px;
	font-size: 16px;
	line-height: 30px;
}

#detail .faq table {
	margin-bottom: 20px;
}

#detail .faq .q {
	border-bottom: solid 1px #ccc;
}

#detail .faq .q td {
	font-family : "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 26px;
	line-height: 52px;
}

#detail .faq th {
	padding: 0 10px 0 0;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	font-size: 38px;
	line-height: 52px;
	color: #d60009;
}

#detail .faq .a td {
	padding-top: 10px;
}

/* ---------------------------------------------------------
	CSS Document detail > kanrenlink > common
--------------------------------------------------------- */
#section_07 {
	padding-bottom: 20px;
	text-align: left;
}

#section_07 h2 {
	margin-bottom: 15px;
	background: url(../images/i_h3_long.jpg) no-repeat left bottom;
	font-family : "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: normal;
	font-size: 32px;
	line-height: 60px;
}

#section_07 h3 {
	margin-bottom: 10px;
	font-family : "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	border-bottom: solid 1px #ccc;
}

#section_07 h4 {
	font-size: 14px;
}

#section_07 p {
	margin-bottom: 10px;
}

#section_07 .block_l {
	float: left;
	width: 230px;
	margin-right: 20px;
}

#section_07 .block_l_last {
	float: left;
	width: 230px;
	margin-right: 0px;
}

/* ---------------------------------------------------------
	CSS Document detail > tatsujin > common
--------------------------------------------------------- */
#section_08 {
	clear:both;
	text-align: left;
}

#section_08 h2 {
	margin-bottom: 15px;
	background: url(../images/i_h3_long.jpg) no-repeat left bottom;
	font-family : "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: normal;
	font-size: 32px;
	line-height: 60px;
}

#section_08 .block_l {
	width: 990px;
}


/* ---------------------------------------------------------
	CSS Document index > tatsujin > box
--------------------------------------------------------- */
#section_08 .box {
	display: inline-block;
  vertical-align: top;
	width: 320px;
	overflow: hidden;
	margin-right: 5px;
	margin-bottom: 20px;
	background: #fff;
	cursor: pointer;
	box-sizing: border-box;
}

#section_08 .box:hover {
	background: #d1e7ff;
}

#section_08 .box .find {
	border: solid 1px #ccc;
}

#section_08 .box .thumb img {
	vertical-align: top;
}

#section_08 .box .thumb {
	padding: 1px;
	border-bottom: solid 1px #ccc;
}

#section_08 .box dl {
	padding: 15px 20px 0;
}

#section_08 .box dt {
	margin-bottom: 10px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 26px;
	line-height: 36px;
}

#section_08 .box.first dt {
	font-size: 30px;
}

#section_08 .box dd {
	color: #666;
}

#section_08 .box .clearfix {
	padding: 20px;
}

#section_08 .box .clearfix .f_left {
	width: 60%;
}

#section_08 .box .clearfix .f_right {
	width: 40%;
	text-align: right;
}

#section_08 .box .clearfix li {
	float: left;
	margin-right: 10px;
	padding: 0 10px;
	background: #999;
	font-size: 10px;
	line-height: 16px;
	list-style: none;
	color: #fff;
}

/* ---------------------------------------------------------
	CSS Document index > tatsujin > pager
--------------------------------------------------------- */
#pager {
	margin-bottom:10px;
}

#pager .find {
	cursor: pointer;
}

#pager .find:hover {background-color:#d1e7ff;}
#pager .find:active {background-color:#d1e7ff;}

#pager .prev{
	width:480px;
	float:left;
	border:1px solid #ccc;
	background-color:#fff;
	padding:5px;
}

#pager .next{
	width:480px;
	float:right;
	border:1px solid #ccc;
	background-color:#fff;
	padding:5px;
}

#pager dl dt {
	float:left;
	width:40px;
	font-size:0.8em;
	line-height:1.3em;
	height:55px;
	padding-top:15px;
}

#pager .prev dl dt {
	background:url(/sightseeing/common/images/prev.png) no-repeat 8px 25px;
	-moz-background-size: 20px 20px; /* Firefox */
	-webkit-background-size: 20px 20px; /* Safari,Chromeなど */
	-o-background-size: 20px 20px; /* Opera */
	-ms-background-size: 20px 20px; /* ie */
	background-size: 20px 20px;
}

#pager .next dl dt {
	background:url(/sightseeing/common/images/next.png) no-repeat 16px 25px;
	float:right;
		-moz-background-size: 20px 20px; /* Firefox */
	-webkit-background-size: 20px 20px; /* Safari,Chromeなど */
	-o-background-size: 20px 20px; /* Opera */
	-ms-background-size: 20px 20px; /* ie */
	background-size: 20px 20px;
}

#pager dl dd.photo {
	float:left;
	width:100px;
}

#pager dl dd.photo img {
	width:96px;
	height:auto;
	border:1px solid #ccc;
	padding:1px;
	margin:2px;
}

#pager dl dd.article {
	float:left;
	width:328px;
	margin-left:10px;
}

#pager dl dd.article p {
	text-align:left;
	line-height:1.7em;
}

#pager dl dd.article p.title {
	font-family : "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

#pager dl dd.article p.title a {
/*	color:#000;
	text-decoration:none;*/
}

#pager dl dd.article p.date {
	font-size:0.8em;
	border-bottom:1px solid #ccc;
	margin-bottom:2px;
/*	color:#999;*/
}

#pager dl dd.article p.text {
	font-size:0.9em;
	margin-top:5px;
	border-top:1px solid #ccc;
	padding-top:5px;
}

#pager dl dd.space {
	display:none;
	width:0;}

#topcontrol {
	display:none;
}

/* エリアなし　タブなし共通シンプルヘッダー用
--------------------------------------------------- */
#headerSimple{
	background: #fff url(/common/images/bg_header.jpg) repeat-x bottom;
	border:none;
	margin:0 auto 0;
	height:110px;
}

#headerSimple #logo01{

	width:980px;
	margin:0 auto;
	height:110px;
	padding-top:15px;
	position: relative;
	top:0;

}

		#headerSimple #logo01 img{

		}

#headerSimple .contentName{
/*	position:absolute;
	top:16px;
	left:195px;
	font-size:16px;*/
}


/* ---------------------------------------------------------
	CSS Document sphone > tatsujin / cornerBox
--------------------------------------------------------- */
#cornerBox h3, #cornerBox .corner_name {
	width: 100px !important;
}
#cornerBox p {
	text-align: left;
}
#cornerBox {
	margin-bottom: 35px !important;
}

/* ---------------------------------------------------------
	CSS Document sphone > tatsujin / snsBtn
--------------------------------------------------------- */
.profile + .snsBtn {
	text-align: right;
	margin: 100px auto 0;
}
.section .snsBtn {
	margin: 0 auto;
}
.snsBtn {
	text-align: center;
	margin: 100px auto 0;
}

/* ---------------------------------------------------------
	CSS Document sphone > tatsujin / section_share
--------------------------------------------------------- */
#section_share {
	margin: 20px auto 0 !important;
}
#memberBox .prom_cont {
	margin: 0 auto !important;
}
#memberBox.kyushu .prom_cont .about .ab_link {
	padding: 0 15px !important;
}

/* ---------------------------------------------------------
	CSS Document sphone > tatsujin / 広告枠
--------------------------------------------------------- */
.adBox {
	margin: 40px auto 25px;
	width: 884px;
}
.adBox a {
	display: block;
	background-color: #FFF;
	margin-bottom: 20px;
	padding-left: 13px;
	background: url(../images/i_arrow2.png) no-repeat left center;
	color: #2068b7;
	font-size: 18px;
	text-align: left;
}
.adBox a:last-child {
	margin-bottom: 0;
}
.adBox a img {
	margin-left: -15px;
	width: 900px;
	height: 300px;
}
.title .adBox {
	margin: 0 auto 25px;
	padding: 0 !important;
	font-size: 18px !important;
}
.title .adBox a {
	margin: 5px auto 0 !important;
}
.title .adBox iframe + a,
.title .adBox iframe a {
	margin: 0 !important;
}
.title .adBox br {
	display: none;
}

/* ---------------------------------------------------------
	CSS Document sphone > tatsujin / 新販促企画の予約導線
--------------------------------------------------------- */
#detail .ctaBtn {
	margin: 40px auto 0 !important;
}
#detail .ctaBtn br {
	display: none;
}
#detail .ctaBtn li p {
	font-size: 18px !important;
	margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
画像を読み込み時にフェードさせる
--------------------------------------------------------- */
.bx-wrapper .bx-loading {
	background: none;
}
img.lazyload, .lazyloading {
	opacity: 0;
	transform: translateY(-10px);
}
img.lazyloaded {
	opacity: 1;
	transform: translateY(0);
	-webkit-transition: all .9s;
	-moz-transition: all .9s;
	-ms-transition: all .9s;
	-o-transition: all .9s;
	transition: all .9s;
	-moz-transition-delay: .3s;
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}