@charset "UTF-8";
/* CSS Document */


/******************************
記事エリア
******************************/
/*コンテンツ*/
.contents {
	width:660px;
	overflow:hidden;
	float:left;
	margin-right:20px;
	word-wrap:break-word;
}

/*カテゴリータイトル*/
.categoryTit {
	width:660px;
	overflow:hidden;
	background:url(../img/common/contents/bg_main-tit.png) repeat-x;
	padding:2px 0 6px;
}

.categoryTit img {
	padding:0 4px 0 12px;
	float:left;
}

.categoryTit span {
	padding-top:6px;
	float:left;
	font-size:150%;
	font-weight:bold;
}

.categoryTit span.plain {
	margin-left:15px;
}

/*タブ枠*/
.tabArea {
	width:660px;
	margin-top:21px;
}

/*セクション*/
section {
	width:660px;
	overflow:hidden;
	margin-top:20px;
}

.boxTit {
	width:660px;
	overflow:hidden;
	background:url(../img/common/contents/bg_box-tit.png) right bottom repeat-x;
	padding-top:3px;
	margin-bottom:15px;
	font-size:116.6%;
	line-height:1.5;
}

.boxTit span {
	background:#fff;
	padding:1px 5px 0 0;
	color:#3c1200;
	font-weight:bold;
}

.smallTit{
	font-size:116.6%;
	color:#3c1200;
	font-weight: bold;
	line-height:1.25;
	margin-bottom:6px;
}

/*コンテンツ下バナー*/
.contentsBottomBan {
	width:660px;
	overflow:hidden;
	margin-top:50px;
}

/******************************
共通
******************************/
/*おすすめ*/
.listBox {
	width:658px;
	overflow:hidden;
	border-top:#d32828 solid 2px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
}

.listBox a {
	display:block;
}

.listBox .titArea {
	overflow:hidden;
	background:#f4f4f4 url(../img/common/contents/bg_listbox-tit.png) bottom repeat-x;
	padding:8px 10px 6px;
}

.listBox .titArea a {
	display:block;
	float:right;
	background:url(../img/common/contents/ico_arrow-r.png) left center no-repeat;
	padding-left:9px;
	line-height:1.25;
	color:#333333;
}

.listBox .titArea .tit {
	font-size:83.3%;
	color:#333333;
}

.listBox .titArea img {
	margin-right:10px;
}

/*おすすめ画像サイズ110px*/
.imgList110 {
	width:634px;
	overflow:hidden;
	margin:14px 10px;
	position:relative;
}

.imgList110 ul {
	width:655px;
	overflow:hidden;
	background:url(../img/common/contents/bg_img-list110.png) left top repeat-y;
}

.imgList110 li {
	width:110px;
	margin-right:21px;
	float:left;
}

.imgList110 li a {
	display:block;
}

.imgList110 li a:hover {
	background:#f4f4f4;
}

.imgList110 li img{
	width:110px;
	height:69px;
	overflow:hidden;
}

.imgList110 p {
	margin-top:4px;
	line-height:1.6;
}

/*おすすめ画像サイズ140px*/
.imgList140 {
	width:620px;
	margin:14px 21px 14px 17px;
}

.imgList140 ul {
	width:640px;
	overflow:hidden;
	background:url(../img/common/contents/bg_img-list140.png) left top repeat-y;
}

.imgList140 li {
	width:140px;
	margin-right:20px;
	float:left;
}

.imgList140 li a {
	display:block;
}

.imgList140 li a:hover {
	background:#f4f4f4;
	text-decoration:none;
}

.imgList140 li img {
	width:140px;
	height:96px;
	overflow:hidden;
}

.imgList140 .tit {
	margin-top:8px;
	line-height:1.6;
}

.imgList140 a:hover .tit {
	text-decoration:underline;
}

.imgList140 .txt {
	margin-top:3px;
	line-height:1.5;
	color:#323232;
}

/*画像横並びボックス*/
.col2Box ,
.col4Box {
	width:668px;
	overflow:hidden;
	font-size:116.6%;
}

.col3Box {
	width:669px;
	overflow:hidden;
	font-size:116.6%;
}

.col2Box .img {
	margin-right:8px;
	width:326px;
	float:left;
	text-align:center;
}

.col2Box .box {
	width:319px;
	float:left;
	padding-left:7px;
}

.col2Box .smallTit {
	font-size:100% !important;
}

.col3Box .img {
	margin-right:9px;
	width:214px;
	float:left;
}

.col4Box .img {
	margin-right:8px;
	width:159px;
	float:left;
	text-align:center;
}

.col2Box .img img ,
.col3Box .img img ,
.col4Box .img img {
	border:#ccc solid 1px;
	padding:1px;
	margin-bottom:5px;
}

/*横並びボックス*/
.floatBox {
	width:100%;
	overflow:hidden;
}

.floatBox .img,
.floatBox .imgBod {
	float:left;
	margin-right:15px;
}

.floatBox img {
	margin-bottom:5px;
}

.floatBox p {
	font-size:116.6%;
}

/*イメージ（ボーダー付き）*/
.imgBod img {
	border:#ccc solid 1px;
	padding:1px;
}

/*リンクテキスト*/
.linkTxt {
	background:url(../img/common/contents/ico_link.png) 1px 45% no-repeat;
	padding-left:13px;
}

/*矢印リスト*/
.arrowList li {
	background:url(../img/common/contents/ico_arrow-bl.png) left center no-repeat;
	padding-left:11px;
	font-size:116.6%;
	margin-left:1px;
}

/*ボーダーボックス*/
.borderBox{
	border:#ccc solid 1px;
	padding:15px;
}

/******************************
カテゴリTOP
******************************/
.mainSec {
	margin:0;
}

.mainSec .mainImg {
	width:656px;
	height:243px;
	margin-top:10px;
	padding:1px;
	border:#9a9a9a solid 1px;
	overflow:hidden;
}

.mainSec .mainImg .img {
	width:421px;
	float:left;
}

.mainSec .mainImg .tit {
	width:235px;
	float:left;
}

/*スライダー*/
.mainSec .sliderArea {
	width:656px;
	height:243px;
	margin-top:10px;
	padding:1px;
	border:#9a9a9a solid 1px;
	position:relative;
}

.mainSec .slider {
	width:656px;
}

.mainSec .slider li {
	background:#333333;
}

.mainSec .slider li img {
	width:420px;
	height:243px;
}

.mainSec .bx-pager {
	display:block;
	width:245px;
	position:absolute;
	top:1px;
	right:4px;
	z-index:100;
}

.mainSec .bx-pager a {
	display:block;
	margin-top:3px;
	width:245px;
	height:57px;
	overflow:hidden;
	position:relative;
}

.mainSec .bx-pager a img {
	position:absolute;
	top:0;
	left:0;
}

.mainSec .sliderArea .bx-pager a:hover img ,
.mainSec .sliderArea .bx-pager a.active img {
	position:absolute;
	top:-57px;
	left:0;
}

.mainSec .txt {
	margin-top:10px;
	font-size:116.6%;
}

/*◯◯情報を探す*/
.searchBox {
}

.searchBox .boxTit {
	width:660px;
	overflow:hidden;
	background:url(../img/common/contents/bg_box-tit.png) right bottom repeat-x;
	padding-top:3px;
	margin-bottom:15px;
}

.searchBox .boxTit span {
	background:#fff url(../img/common/contents/ico_search.png) left 3px no-repeat;
	padding:3px 10px 2px 20px;
	line-height:1.5;
	color:#3c1200;
	font-weight:bold;
}

.searchBox .genre {
	width:638px;
	overflow:hidden;
	border:#bebebe solid 1px;
	background:#fbfbfb;
	padding:10px 10px 6px;
}

.searchBox .genre .tit {
	width:132px;
	float:left;
}

.searchBox .genre .tit p {
	margin:9px 0 10px;
}

.searchBox .genre .tit p.row2 {
	margin:39px 0 39px;
}

.searchBox .genre .tit p.row3 {
	margin:65px 0 66px;
}

.searchBox .genre .list {
	width:494px;
	float:right;
	overflow:hidden;
}
/*
.searchBox .genre ul {
	width:498px;
	overflow:hidden;
}

.searchBox .genre ul li {
	width:162px;
	float:left;
	margin:0 4px 3px 0;
	border-bottom:#e1e1e1 solid 1px;
}

.searchBox .genre ul a {
	width:144px;
	padding:0 8px;
	display:block;
	border:#c6ac6f solid 1px;
	text-decoration:none;
	background:url(../img/common/archive/bg_genre-btn.png) left top repeat-x;
	line-height:1.25;
}

.searchBox .genre ul a:hover {
	padding:0 7px;
	border:#9e7e32 solid 2px;
	background-position:left -1px;
}

.searchBox .genre ul img {
	padding-top:12px;
}

.searchBox .genre ul a:hover img {
	padding-top:11px;
}

.searchBox .genre span {
	width:106px;
	padding:20px 0 18px 8px;
	display:inline-block;
}

.searchBox .genre a:hover span {
	padding:19px 0 17px 8px;
}

.searchBox .genre li.line2 span {
	padding:13px 0 10px 8px;
}

.searchBox .genre li.line2 a:hover span {
	padding:12px 0 9px 8px;
}

.searchBox .genre li.line3 span {
	padding:6px 0 2px 8px;
}

.searchBox .genre li.line3 a:hover span {
	padding:5px 0 1px 8px;
}

.searchBox .genre ul.noIcon a {
	padding:20px 8px 18px;;
}

.searchBox .genre ul.noIcon a:hover {
	padding:19px 7px 17px;;
}

.searchBox .genre ul.noIcon li.line2 a {
	padding:13px 8px 10px;;
}

.searchBox .genre ul.noIcon li.line2 a:hover {
	padding:12px 7px 9px;;
}
*/

.searchBox .genre ul  {
	width:498px;
	overflow:hidden;
}

.searchBox .genre ul li  {
	width:162px;
	float:left;
	margin:0 4px 3px 0;
	border-bottom:#e1e1e1 solid 1px;
}

.searchBox .genre a {
	width:144px;
	padding:0 8px;
	display:block;
	border:#c6ac6f solid 1px;
	text-decoration:none;
	background:url(../img/common/archive/bg_genre-btn.png) left top repeat-x;
	line-height:1.25;
}

.searchBox .genre ul img {
	padding:12px 8px 0 0;
}

.searchBox .genre ul a:hover img {
	padding-top:11px;
}

.searchBox .genre span {
	padding:20px 0 18px;
	display:inline-block;
	width:106px;
}

.searchBox .genre .noIcon span {
	width:100%;
}

.searchBox .genre a:hover span {
	padding:19px 0 17px;
}

.searchBox .genre li.line2 span {
	padding:13px 0 10px;
}

.searchBox .genre li.line2 a:hover span {
	padding:12px 0 9px;
}

.searchBox .genre li.line3 span {
	padding:6px 0 2px;
}

.searchBox .genre li.line3 a:hover span {
	padding:5px 0 1px;
}

.searchBox .genre a:hover {
	padding:0 7px;
	border:#9e7e32 solid 2px;
	background-position:left -1px;
}

.searchBox .area {
	width:638px;
	margin-top:10px;
	overflow:hidden;
	border:#bebebe solid 1px;
	background:#fbfbfb;
	padding:10px;
}

.searchBox .area .tit {
	width:132px;
	float:left;
}

.searchBox .area .tit p {
	margin:123px 0;
}

.searchBox .area .map {
	width:494px;
	float:right;
	overflow:hidden;
	position:relative;
}

.searchBox .area .mapList a {
	width:81px;
	color:#323232;
	font-weight:bold;
	line-height:1;
	padding:7px 0 4px;
	text-align:center;
	display:block;
	text-decoration:none;
	border:#cccccc solid 1px;
	background:#fcf9ec url(../img/common/archive/bg_map-list.png) center left repeat-x;
}

.searchBox .area .mapList a:hover {
	background:#fcf9ec url(../img/common/archive/bg_map-list_o.png) center left repeat-x;
}

.searchBox .area .north { position:absolute; top:41px; left:151px;}
.searchBox .area .central { position:absolute; top:110px; left:42px;}
.searchBox .area .south { position:absolute; top:210px; left:140px;}
.searchBox .area .miyako { position:absolute; top:85px; right:55px;}
.searchBox .area .yaeyama { position:absolute; top:229px; right:55px;}
.searchBox .area .naha { position:absolute; top:295px; left:10px;}

.searchBox .area .nahaList {
	width:364px;
	min-height:25px;
	height:auto !important;
	height:25px;
	overflow:hidden;
	margin-left:110px;
}

.searchBox .area .nahaList li {
	float:left;
	display:block;
	font-size:108.3%;
	padding:0 20px 0 12px;
	line-height:1.5;
	background:url(../img/common/contents/ico_arrow-bk.png) left 5px no-repeat;
	white-space:nowrap;
}

/******************************
アーカイブ
******************************/
/*アコーディオンメニュー*/
.openBtn {
	width:660px;
	overflow:hidden;
	border-bottom:#d32828 solid 2px;
}

.openBtn p {
	font-weight:bold;
	cursor:pointer;
}

.openBtn .genreBtn {
	width:174px;
	padding:13px 0 10px 155px;
	float:left;
}

.openBtn.gourmet .genreBtn { background:url(../img/gourmet/archive/btn_genre.png) top no-repeat; }
.openBtn.hotel .genreBtn { background:url(../img/hotel/archive/btn_genre.png) top no-repeat; }
.openBtn.experience .genreBtn { background:url(../img/experience/archive/btn_genre.png) top no-repeat; }
.openBtn.water-sports .genreBtn { background:url(../img/water-sports/archive/btn_genre.png) top no-repeat; }
.openBtn.tour .genreBtn { background:url(../img/tour/archive/btn_genre.png) top no-repeat; }
.openBtn.beauty .genreBtn { background:url(../img/beauty/archive/btn_genre.png) top no-repeat; }
.openBtn.shopping .genreBtn { background:url(../img/shopping/archive/btn_genre.png) top no-repeat; }
.openBtn.car-rental .genreBtn { background:url(../img/car-rental/archive/btn_genre.png) top no-repeat; }
.openBtn.wedding .genreBtn { background:url(../img/wedding/archive/btn_genre.png) top no-repeat; }

.openBtn .areaBtn {
	width:165px;
	padding:13px 0 10px 164px;
	float:right;
	background:url(../img/common/archive/btn_area.png) top no-repeat;
}

.openBtn.sightseeing .areaBtn ,
.openBtn.beach .areaBtn { float:left; }

.openBtn .genreBtn.active ,
.openBtn .genreBtn:hover ,
.openBtn .areaBtn.active ,
.openBtn .areaBtn:hover {
	color:#fff;
	background-position:bottom;
}

.genreBox {
	width:638px;
	border-right:#bebebe solid 1px;
	border-bottom:#bebebe solid 1px;
	border-left:#bebebe solid 1px;
	background:#fbfbfb;
	padding:10px 10px 6px;
}

.genreBox ul {
	width:642px;
	overflow:hidden;
}

.genreBox li {
	width:210px;
	float:left;
	margin:0 4px 3px 0;
	border-bottom:#e1e1e1 solid 1px;
}

.genreBox a {
	width:192px;
	padding:0 8px;
	display:block;
	border:#c6ac6f solid 1px;
	text-decoration:none;
	background:url(../img/common/archive/bg_genre-btn.png) left top repeat-x;
	line-height:1.25;
}

.genreBox ul.tour a {
	padding:20px 8px 18px;;
}

.genreBox a:hover {
	padding:0 7px;
	border:#9e7e32 solid 2px;
	background-position:left -1px;
}

.genreBox ul.tour a:hover {
	padding:19px 7px 17px;;
}

.genreBox img {
	padding-top:12px;
}

.genreBox  a:hover img {
	padding-top:11px;
}

.genreBox span {
	width:153px;
	padding:20px 0 18px 8px;
	display:inline-block;
}

.genreBox a:hover span {
	padding:19px 0 17px 8px;
}

.genreBox li.line2 span {
	padding:14px 0 9px 8px;
}

.genreBox li.line2 a:hover span {
	padding:13px 0 8px 8px;
}

.genreBox li.line3 span {
	padding:6px 0 2px 8px;
}

.genreBox li.line3 a:hover span {
	padding:5px 0 1px 8px;
}

.areaBox {
	width:638px;
	border-right:#bebebe solid 1px;
	border-bottom:#bebebe solid 1px;
	border-left:#bebebe solid 1px;
	background:#fbfbfb;
	padding:10px;
}

.areaBox .map {
	width:636px;
	overflow:hidden;
	border:#c6ac6f solid 1px;
	background:#fcf9ec url(../img/common/archive/img_okinawa.png) 19px 23px no-repeat;
}

.areaBox .okinawa {
	width:636px;
	min-height:121px;
	overflow:hidden;
	margin:27px 0 23px;
	background:url(../img/common/archive/bg_okinawa.png) 375px top repeat-y;
}

.areaBox .okinawa .btn {
	width:81px;
	color:#323232;
	font-weight:bold;
	line-height:1;
	padding:7px 0 4px;
	text-align:center;
	display:block;
	text-decoration:none;
	border:#cccccc solid 1px;
	background:#fcf9ec url(../img/common/archive/bg_map-list.png) top left repeat-x;
}

.areaBox .okinawa .btn:hover {
	background-position:bottom;
}

.areaBox .island {
	width:375px;
	overflow:hidden;
	margin-right:1px;
	float:left;
}

.areaBox .island .area {
	padding:1px 14px 0 152px;
	float:left;
}

.areaBox .island .naha {
	padding-top:1px;
	float:left;
	line-height:1.5;
}

.areaBox .miyako {
	width:129px;
	padding-top:92px;
	margin-right:1px;
	float:left;
	text-align:center;
	background:#fcf9ec url(../img/common/archive/img_miyako.png) top left no-repeat;
}

.areaBox .yaeyama {
	width:130px;
	padding-top:92px;
	float:left;
	text-align:center;
	background:#fcf9ec url(../img/common/archive/img_yaeyama.png) top left no-repeat;
}

.areaBox .miyako .btn ,
.areaBox .yaeyama .btn {
	margin:0 auto;
}

/*アーカイブボックス*/
.archive .boxTit {
	margin:0;
}

.archiveBox {
	width:642px;
	padding:10px 8px;
	margin-top:20px;
	border-top:#f68d06 solid 2px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	background:url(../img/common/archive/bg_archive-box.png) top left repeat-x;
}

.archiveBox .info {
	width:642px;
	overflow:hidden;
}

.archiveBox .info .left {
	width:144px;
	margin-right:22px;
}

.archiveBox .info .img {
	width:140px;
	border:#ccc solid 1px;
	padding:1px;
	overflow:hidden;
	margin-bottom:20px;
}

.archiveBox .info .img img {
	width:100%;
	height:auto;
	overflow:hidden;
}

.archiveBox .info .btn {
	width:144px;
	height:42px;
	overflow:hidden;
}

.archiveBox .info .btn a {
	line-height:1;
	padding:16px 1em 14px 0;
	color:#fff !important;
	font-weight:bold;
	display:block;
	text-align:center;
	text-decoration:none;
	background:url(../img/common/archive/btn_detail.png) top no-repeat;
}

.archiveBox .info .btn.en a {
	padding:10px 1em 8px 0;
}

.archiveBox .info .btn a:hover {
	background-position:bottom;
}

.archiveBox .info .right {
	width:476px;
}

.archiveBox .info .area {
	padding:3px 20px 2px;
	margin:0 5px 5px 0;
	line-height:1;
	font-size:91.6%;
	text-align:center;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	color:#fff;
	background:#92a13d;
}

.archiveBox .info .name {
	color:#13477b;
	font-size:125%;
	line-height:1.5;
}

.archiveBox .info .genre {
	color:#13477b;
	line-height:1.5;
}

.archiveBox .info .txt {
	margin-top:5px;
}

.archiveBox .info table {
	width:100%;
	margin-top:15px;
	line-height:1.5;
	overflow:hidden;
	word-wrap: break-word;
}

.archiveBox .info table tr {
	background:url(../img/common/contents/bg_dotted.png) top repeat-x;
}

.archiveBox .info table th {
	width: 80px;
	padding: 7px 0px 4px 0;
	color: #92a13d;
	vertical-align:top;
}

.archiveBox .info table td {
	padding: 7px 10px 4px 0px;
	width: 386px;
	vertical-align:top;
}

.archiveBox .info table img {
	margin-right:9px;
}

.archiveBox .coupon {
	width:642px;
	margin-top:10px;
	overflow:hidden;
	font-weight:bold;
	background:#fac786;
}

.archiveBox .coupon .tit {
	width:69px;
	padding:11px 0;
	text-align:center;
	color:#fff;
	float:left;
}

.archiveBox .coupon .txt {
	width:553px;
	padding:11px 10px;
	color:#734d00;
	float:left;
	background:#f5efe4;
}

/*ページング*/
.wp-pagenavi {
	width:658px;
	background:#fbfbfb;
	text-align:center;
	position:relative;
	margin-top:30px;
	padding:12px 0 10px;
	border:#cccccc solid 1px;
}

.wp-pagenavi span ,
.wp-pagenavi a  {
	width:31px;
	min-height:24px;
	margin:0 7px;
	padding:4px 0 3px;
	font-size:116.6%;
	color:#fff;
	display:inline-block;
	text-decoration:none;
	background:url(../img/common/archive/bg_pagenavi.png) left top no-repeat;
}

.wp-pagenavi .current ,
.wp-pagenavi a:hover {
	background-position:right top;
}

.wp-pagenavi .first ,
.wp-pagenavi .first:hover ,
.wp-pagenavi .last ,
.wp-pagenavi .last:hover {
	background:none;
	color:#666666;
	font-weight:bold;
}

.wp-pagenavi .extend {
	background:none;
	color:#666666;
}

/******************************
投稿記事
******************************/
/*タイトル、電話番号*/
.outlineBox {
	width:660px;
	border-top:#f68d06 solid 2px;
	position:relative;
}

.outlineTit {
	width:628px;
	padding:12px 15px 8px;
	border-right:#ccc solid 1px;
	border-left:#ccc solid 1px;
	background:url(../img/common/single/bg_outline.png) left 1px repeat-x;
}

.outlineTit .side {
	width:470px;
	float:left;
}

.outlineTit .area {
	display:inline;
}

.outlineTit .area span {
	padding:3px 20px 2px;
	margin:0 5px 5px 0;
	line-height:1;
	font-size:91.6%;
	text-align:center;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	color:#fff;
	background:#92a13d;
}

.outlineTit .genre {
	color:#92a13d;
	display:inline;
}

.outlineTit .need {
	width:125px;
	float:right;
	text-align:center;
	border:#d32828 solid 1px;
	color:#d32828;
	line-height:1.25;
	padding:2px 5px 0 5px;
}
/*
.outlineTit .tit {
	padding-top:5px;
	font-size:150%;
	font-weight:bold;
	clear:both;
}

.outlineTit .tit span {
	font-size:55.5%;
	color:#999;
	font-weight:normal;
	display:block;
	line-height:1;
}*/

.outlineTit .tit {
	padding-top:2px;
	font-size:150%;
	font-weight:bold;
	clear:both;
	line-height:1.5;
}

.outlineTit .tit span {
	font-size:55.5%;
	color:#999;
	font-weight:normal;
	display:block;
}

.outlineBox .reserveBox {
	border-top:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-left:#ccc solid 1px;
	background:url(../img/common/single/bg_outline-reserve.png);
	width:658px;
	padding-bottom:4px;
	overflow:hidden;
}

.outlineBox .reserveBox .social {
	width:90px;
	margin:7px 0 2px 17px;
	float:left;
}

.outlineBox .reserveBox .reserve {
	float:right;
}

.outlineBox .reserveBox .reserve p {
	float:right;
}

.outlineBox .reserveBox .reserve .btn input,
.outlineBox .reserveBox .reserve .btn a {
	background:url(../img/common/contents/btn_reserve-internet.png) top no-repeat;
	width:129px;
	height:29px;
	line-height:29px;
	margin:5px 13px 0 0;
	text-align:center;
	color:#fff;
	display:block;
	border:none;
}

.outlineBox .reserveBox .reserve .btn input:hover,
.outlineBox .reserveBox .reserve .btn a:hover {
	background-position:bottom;
	text-decoration:none;
}

.outlineBox .reserveBox .reserve .num {
	color:#d32828;
	font-size:166.6%;
	margin:10px 15px 0 0;
	line-height:1;
}

.outlineBox .reserveBox .reserve .txt {
	padding:13px 5px 5px 18px;
	line-height:1.1;
	font-size:83.3%;
	letter-spacing:0.5em;
	color:#8f8366;
	background:url(../img/common/single/bg_reserve-txt.png) left 10px no-repeat;
}

.outlineBox .reserveBox .reserve .txt2 {
	padding:8px 5px 0 18px;
	line-height:1.1;
	font-size:83.3%;
	letter-spacing:0.5em;
	color:#8f8366;
	background:url(../img/common/single/bg_reserve-txt.png) left 10px no-repeat;
}

.outlineBox .reserveBox .reserve .en {
	letter-spacing:0;
}

.resgtj {
	display: table;
	width: 83%;
	height: 2.1rem;
	position:  relative;
	top: 0.2rem;
}

.restmp {
	display: table-cell;
	width: 30%;
	text-align:  right;
	vertical-align:  middle;
	padding: 0 1rem 0 0;
}
.resspec {
	display: table-cell;
	vertical-align: middle;
	width: 6%;
}

.resspec.en {
	width: 2%;
}
.resspec.zh {
	width: 8%;
}

.gtjcl {
	color: red;
	font-size: 0.8rem;
}

.resgtj a {
    font-size: 0.7rem;
    color: #fff;
    background-color: #b55b38;
    text-decoration: none;
    text-align: center;
    padding: 0.2rem 1.2rem;
    display: inline-block;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}

.resgtj a:hover {
	text-decoration: underline;
	background-color: #e08966;
}

/*投稿記事タブ*/
.tabArea .tab {
	font-size:0px;
	width:660px;
	background:url(../img/common/single/bg_tab.png) right top no-repeat;
	border-bottom:#f68d06 solid 4px;
}

.tabArea .tab li {
	vertical-align:bottom;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	width:132px;
	position:relative;
}

.tabArea .tab li.review {
	width:133px;
}

.tabArea .tab a {	
	display:block;
	width:132px;
	height:41px;
	line-height:normal;
	text-decoration:none;
}

.tabArea .tab span {
	padding-top:23px;
	text-align:center;
	font-size:11px;
	color:#8f8366;
	display:block;
}

.tabArea .tab .info { width:133px; }
.tabArea .tab .info a { background:url(../img/common/single/tab_info.png) top no-repeat; width:133px; }
.tabArea .tab .menu a { background:url(../img/common/single/tab_menu.png) top no-repeat; }
.tabArea .tab .map a { background:url(../img/common/single/tab_map.png) top no-repeat; }
.tabArea .tab .review a { background:url(../img/common/single/tab_review.png) top no-repeat; }

.tabArea .tab a:hover,
.tabArea .tab a.active{
	background-position:bottom;
}

.tabArea .tab a:hover span,
.tabArea .tab a.active span {
	background-position:bottom;
	color:#fff;
}

.tabArea .tab .badge {
	width:23px;
	height:29px;
	padding-top:2px;
	text-align:center;
	background:url(../img/common/single/bg_badge.png) no-repeat;
	color:#fff;
	font-size:12px;
	display:block;
	position:absolute;
	bottom:15px;
	right:6px;
}

.tabArea .tabCont .map {
	padding:1px;
	border:#ccc solid 1px;
	font-size:0;
}

.tabArea .tabCont .map span {
	font-size:10px;
	display:block;
}

/*メインイメージ、メインテキスト*/
.mainInfo .mainImg {
	width:660px;
	overflow:hidden;
}

.mainInfo .mainImg .img {
	width:322px;
	height:221px;
	float:left;
	margin:0 12px 10px 0;
	border:#ccc solid 1px;
	padding:1px;
}

.mainInfo .mainImg img {
	width:322px;
	height:221px;
	overflow:hidden;
}

.mainInfo .mainImg .txt {
	width:321px;
	float:left;
}

.mainInfo .mainTxt {
	font-size:116.6%;
	color:#92a13d;
	margin-bottom:10px;
	display:block;
}

.mainInfo .subImg {
	width:660px;
	overflow:hidden;
	margin-top:20px;
}

.mainInfo table {
	width:660px;
	border-top:#e4dcce solid 1px;
	border-left:#e4dcce solid 1px;
}

.mainInfo table th ,
.mainInfo table td {
	border-right:#e4dcce solid 1px;
	border-bottom:#e4dcce solid 1px;
	padding:6px 8px 5px 8px;
}

.mainInfo table th {
	background:#f5efe4 url(../img/common/contents/bg_table.gif);
}

/*投稿記事テンプレート*/
.tinyBox {
	padding-top:30px;
	width:660px;
	overflow:hidden;
	font-size:116.6%;
}

.tinyBox .boxTit {
	font-size:100%;
}

.tinyBox .smallTit {
	font-size:100%;
}

.tinyBox table {
	width:660px;
	border-top:#e4dcce solid 1px;
	border-left:#e4dcce solid 1px;
}

.tinyBox table th ,
.tinyBox table td {
	border-right:#e4dcce solid 1px;
	border-bottom:#e4dcce solid 1px;
	padding:6px 8px 5px 8px;
}

.tinyBox table th {
	background:#f5efe4 url(../img/common/contents/bg_table.gif);
}

.img210 {
	width:210px;
	border:#ccc solid 1px;
	padding:1px;
	overflow:hidden;
}

.img210 img {
	width:100%;
	height:auto;
	overflow:hidden;
}

.img322 {
	width:322px;
	border:#ccc solid 1px;
	padding:1px;
}

.img322 img {
	width:100%;
	height:auto;
	overflow:hidden;
}

.tinyBox .img656 {
	width:656px;
	border:#ccc solid 1px;
	padding:1px;
	margin-bottom:7px;
}

.tinyBox .img656 img {
	width:100%;
	height:auto;
	overflow:hidden;
}

.img210List {
	width:669px;
	overflow:hidden;
}

.tinyBox .img210List {
	width:669px;
	overflow:hidden;
	margin-bottom:7px;
}

.img210List li {
	float:left;
	margin-right:9px;
	border:#ccc solid 1px;
	padding:1px;
}

.img210List li p {
	width:210px;
	height:210px;
	overflow:hidden;
}

.img322List {
	width:668px;
	overflow:hidden;
}

.img322List li {
	width:326px;
	float:left;
	margin-right:8px;
}

.img322List li .img {
	width:322px;
	overflow:hidden;
	border:#ccc solid 1px;
	padding:1px;
}

.img322List li img {
	width:322px;
	height:auto;
	overflow:hidden;
}

.boxLink {
	padding-top:10px;
	overflow:hidden;
}

.boxLink a {
	color:#fff;
	font-size:78.5%;
	line-height: 1.5;
	background:#13477b url(../img/common/contents/ico_boxlink.png) 93% center no-repeat;
	padding:4px 23px 2px 13px;
	display:inline-block;
	float:right;
}

.boxLink a:hover {
	background:#3974af url(../img/common/contents/ico_boxlink.png) 93% center no-repeat;
	text-decoration:none;
}

/*基本情報*/
.infoTable {
	width:660px;
	border-top:#e4dcce solid 1px;
	border-left:#e4dcce solid 1px;
}

.infoTable th {
	border-right:#e4dcce solid 1px;
	border-bottom:#e4dcce solid 1px;
	padding:6px 8px 5px 8px;
	background:#f5efe4 url(../img/common/contents/bg_table.gif);
	width:150px;
}

.infoTable td {
	border-right:#e4dcce solid 1px;
	border-bottom:#e4dcce solid 1px;
	padding:6px 8px 5px 8px;
}

.infoTable td.genre span {
	margin-right:1em;
}

.infoTable td.card span {
	margin-right:8px;
}

.infoTable .reservePhone {
	color:#d32828;
	font-size:116.6%;
	font-weight:bold;
}

.btnBox {
	width:658px;
	border:#e4dcce solid 1px;
	background:#f4f4f4;
	padding:20px 0;
}

.submitBtn {
	width:191px;
	margin:0 auto;
}

.submitBtn a {
	width:177px;
	padding:17px 14px 13px 0;
	background:url(../img/common/contents/btn_submit.png) top no-repeat;
	height:25px;
	color:#fff !important;
	font-weight:bold;
	font-size:116.6%;
	display:block;
	border:none;
	text-align:center;
	cursor:pointer;
}

.submitBtn.en a {
	padding:12px 14px 0 0;
	height:43px;
	line-height:1.3;
}

.tinyBox .submitBtn a {
	font-size:100%;
}

.submitBtn a:hover {
	background-position:bottom;
	text-decoration:none;
}

#modalWrap {
  display: none;
}

#modal1 {
  width: 660px;
}

#modal2 {
  width: 500px;
}

/*メニュー*/
.menuTable {
	width:660px;
	border-top:#e4dcce solid 1px;
	border-left:#e4dcce solid 1px;
}

.menuTable th {
	border-right:#e4dcce solid 1px;
	border-bottom:#e4dcce solid 1px;
	padding: 6px 16px 5px 16px;
	line-height:2.5;
	vertical-align:top;
	background:#f5efe4 url(../img/common/contents/bg_table.gif);
	font-size:116.6%;
	line-height:2;
}	

.menuTable td {
	border-right:#e4dcce solid 1px;
	border-bottom:#e4dcce solid 1px;
	padding: 6px 16px 5px 16px;
	line-height:2.5;
	vertical-align:top;
}	

.menuTable td.list {
	background:#f5efe4 url(../img/common/contents/bg_table.gif);
}

.menuTable td.price {
	padding: 6px 50px 5px 30px;
	text-align:right;
	width:60px;
}

/*詳細*/
#detail .tinyBox ,
#menu .tinyBox {
	padding:0 0 30px 0;
}

/*クーポン*/
.couponArea {
	width:640px;
	overflow:hidden;
	background:#f4f1e5;
	padding:10px 10px 0;
}

.coupon .couponArea {
	margin-top:15px;
}

.couponArea a {
	width:634px;
	color:#323232;
	display:block;
	cursor:pointer;
}

.couponArea a:hover {
	cursor:pointer;
	text-decoration:none;
}

.couponArea a:hover .couponBoxOut {
	border:#f68d06 solid 3px;
}

.couponBoxOut {
	width:634px;
	border:#dfd8bd solid 3px;
	position:relative;
	margin-bottom:10px;
}

.couponBoxBorder01 {
	width:630px;
	border:#bfb38e solid 1px;
	padding:1px;
}

.couponBoxBorder02{
	width:619px;
	border:#ebe3c4 solid 1px;
	padding:5px 4px 4px 5px;
}

.couponBoxIn{
	width:617px;
	overflow:hidden;
	padding-bottom:15px;
	border-right:#954b40 solid 1px;
	border-left:#954b40 solid 1px;
	background:url(../img/common/single/bg_coupon.png);
}

.couponBoxIn .ribbon {
	font-size:0;
	position:absolute;
	top:-3px;
	left:-4px;
	z-index:2;
}

.couponBoxIn .logo {
	font-size:0;
	position:absolute;
	top:10px;
	right:18px;
	z-index:2;
}

.couponBoxIn .border01 {
	font-size:0;
	position:absolute;
	top:8px;
	left:8px;
	z-index:1;
}

.couponBoxIn .border02 {
	font-size:0;
	position:absolute;
	bottom:7px;
	left:8px;
	z-index:1;
}

.couponBoxIn .store{
	width:395px;
	line-height:1.25;
	font-weight:bold;
	padding:20px 0 0 40px;
}

.couponBoxIn .tit {
	width:395px;
	color:#b72929;
	font-size:150%;
	font-weight:bold;
	line-height:1.25;
	padding:9px 0 0 35px;
	min-height:46px;
	height:auto !important;  
    height:46px;  
}

.couponBoxIn .limit {
	width:99px;
	text-align:center;
	line-height:1.2;
	position:absolute;
	top:68px;
	right:20px;
}

.couponBoxIn .terms{
	width:406px;
	min-height:30px;
	overflow:hidden;
	line-height:1.25;
	background:#fff;
	padding:13px 15px;
	margin:0 0 0 39px;
}

.couponBoxIn .code {
	position:absolute;
	top:98px;
	right:20px;
	width:79px;
	padding:10px 7px;
	background:#fff;
}

.couponBoxIn .code img {
	width:79px;
	height:40px;
}

/*地図*/
.mapTable {
	width:660px;
	margin-bottom:22px;
	border-top:#e4dcce solid 1px;
	border-left:#e4dcce solid 1px;
}

.mapTable th {
	border-right:#e4dcce solid 1px;
	border-bottom:#e4dcce solid 1px;
	padding: 6px 8px 5px 8px;
	background:#f5efe4 url(../img/common/contents/bg_table.gif);
	width:150px;
}

.mapTable td {
	border-right:#e4dcce solid 1px;
	border-bottom:#e4dcce solid 1px;
	padding: 6px 8px 5px 8px;
}

.mapTable .reservePhone {
	color:#d32828;
	font-size:116.6%;
	font-weight:bold;
}

.printBtn {
	margin-top:20px;
}

.printBtn a {
	width:251px;
	margin:0 auto;
	background:#f5efe4 url(../img/common/contents/btn_print.png) top no-repeat;
	padding-top:19px;
	height:36px;
	color:#fff;
	font-weight:bold;
	font-size:116.6%;
	display:block;
	text-align:center;
}

.printBtn.ja a {	
	width:211px;
	padding-left:40px;
}

.printBtn.en a {	
	padding-top:12px;
	line-height:1.25;
	height:43px;
}

.printBtn a:hover {
	background-position:bottom;
	text-decoration:none;
}

/*レビュー*/
.reviewBox {
	margin-bottom:30px;
}

.comment-meta {
	width:634px;
	border:#e4dcce double 3px;
	margin-top:20px;
	padding:10px 10px 17px;
}

.comment-title {
	font-size:133.3%;
	line-height:1.5;
	margin-left:4px;
}

.comment-date {
	color:#92a13d;
	line-height:1.5;
	margin:0 0 6px 4px;
}

.comment-author {
	width:622px;
	overflow:hidden;
	padding:0 5px;
	border:#e4dcce solid 1px;
	background:#f8f7f2;
	margin-bottom:10px;
}

.comment-author .rating {
	margin-right:1em;
	width:120px;
	height:24px;
	margin:3px 0 0 4px;
	display:block;
	background:url(../img/common/single/ico_rating.png) right no-repeat;
	float:left;
}

.comment-author .star5 { background-position:left; }
.comment-author .star4 { background-position:-24px; }
.comment-author .star3 { background-position:-48px; }
.comment-author .star2 { background-position:-72px; }
.comment-author .star1 { background-position:-96px; }

.comment-author .author {
	margin-left:130px;
	padding:6px 0 3px;
}

.comment-content {
	font-size:116.6%;
}

.reviewTable {
	width:500px;
	border-top:#afbbc5 solid 1px;
	border-left:#afbbc5 solid 1px;
}

.reviewTable th ,
.reviewTable td {
	border-right:#afbbc5 solid 1px;
	border-bottom:#afbbc5 solid 1px;
	padding: 6px 8px 5px 8px;
}	

.reviewTable th {
	background:#d5dfea url(../img/common/contents/bg_table.gif);
	width:150px;
}

.reviewTable th span {
	float:right;
	display:inline-block;
	background:#f68d06;
	padding:1px 10px 0;
	font-size:83.3%;
	color:#fff;
}

.reviewTable td {
	line-height:2;
}

.reviewTable td span {
	margin-left:20px;
}

.reviewTable input {
}

.reviewTable input.day {
	width:120px;
	height:1.3em;
}

.reviewTable input.bin {
	width:120px;
}

.reviewTable input.people {
	width:30px;
}

/*オリジナルテンプレート*/
.originalBox {
	width:660px;
	margin-bottom: 30px;
	overflow:hidden;
}

.originalBox p {
	max-width:660px;
}

.originalBox img {
	max-width:660px;
	height: auto;
	margin:0 auto;
	padding:0;
}

.originalBox button {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	background:none;
	line-height:0;
	vertical-align: top;
}

/******************************
共通部品
******************************/
/*パディング*/
.pt10 {padding-top:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb1em { padding-bottom:1.75em !important;}

/*マージン*/
.m0 { margin:0 !important;}

.mt-10 { margin-top:-10px !important;}
.mt0 { margin-top:0px !important;}
.mt5 { margin-top:5px !important;}
.mt7 { margin-top:7px !important;}
.mt10 { margin-top:10px !important;}
.mt14 { margin-top:14px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:30px !important;}
.mt50 { margin-top:50px !important;}

.ml0 { margin-left:0px !important;}
.ml5 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.ml14 { margin-left:14px !important;}
.ml30 { margin-left:30px !important;}
.ml1em { margin-left:1em !important;}
.ml3em { margin-left:1em !important;}

.mr0 { margin-right:0px !important;}
.mr10 { margin-right:10px !important;}
.mr14 { margin-right:14px !important;}
.mr20 { margin-right:20px !important;}
.mr30 { margin-right:30px !important;}
.mr2em { margin-right:2em !important;}

.mb0 { margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb7 { margin-bottom:7px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}

/*パディング・マージン(PC専用)*/
.pb20pc { padding-bottom:20px !important;}

/*横幅*/
.w268 { width:268px; overflow:hidden; }
.w320 { width:320px; overflow:hidden; }
.w378 { width:378px; overflow:hidden; }
.w412 { width:412px; overflow:hidden; }
.w430 { width:430px; overflow:hidden; }
.w617 { width:617px; overflow:hidden; }
.w660 { width:660px; overflow:hidden; }

/*文字*/
.bold { font-weight:bold !important;}
.fs83 { font-size:83.3% !important;}
.fs85 { font-size:85.7% !important;}
.fs100 { font-size:100% !important;}
.fs116 { font-size:116.6% !important;}
.cRed {	color:#d32828 !important;}
.cblue { color:#13477b !important;}
.cBrown { color:#3c1200 !important;}

/*位置*/
.center { margin:0 auto !important;}
.left { float:left !important;}
.right { float:right !important;}
.clear { clear:both; }
.tCenter { text-align:center !important;}
.tLeft { text-align:left !important;}
.tRight { text-align:right !important;}
.indent li {
	text-indent: -1em;
	margin-left: 1em;
}

/*PC,SP表示切替*/
.pcHide{
	display:none;
}
.spHide{
	display:block;
}


.temp { position:absolute; top:0; right:0;}

@media print{
header{display:none;} 
footer{display:none;} 
nav{display:none;} 
.sidebar{display:none;} 
.categoryTit{display:none;}
.outlineBox {border:none;}
.outlineTit {border:none; padding:none;}
.outlineTit .side {display:none;}
.outlineTit .tit {border-bottom: #f68d06 solid 2px;}
section {margin:0 20px;}
.need {display:none;}
.reserveBox{display:none;}
.tab{display:none;}
.listBox{display:none;} 
.printBtn{display:none;} 
}