@charset "UTF-8";
/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html {
	overflow-y: scroll;
}


body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address, img,table,ol,
figure, figcaption {
	margin: 0;
	padding: 0;	
}

/* Google AdSenseで表示が崩れるため追記 */
.wrapper {
    position: relative;
}

/*HTML 5 specific*/
header,section,article,aside,footer{
	display: block;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
	
}


ul ol {
	
}
.pankuzu {
  font-size: 0.9em;
  margin-bottom: 5px;
}

/*---------------------------------------------
	body
  ---------------------------------------------*/

body {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color: #222222;
	font-size: 0.85em;
	line-height: 1.85em;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	background:url(../images/common/bodyBg.png) repeat;
	
	
}

ul li, ol li{
	font-size:1em;
}
/*---------------------------------------------
	Anchor
  ---------------------------------------------*/

a{ color: #30a1ff;text-decoration:underline; }
/*a:visited { color: #000080; }*/
a:hover { text-decoration:none;}
/*a:active { color: #ff8000; }*/
/*---------------------------------------------
	Clearfix
  ---------------------------------------------*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	
}

.clearboth {
	clear:both;
}


/*float解除*/
.clear{
		clear:both;
}

/**/
.hidden{
	display: none;
}

.fss{
	font-size:0.9em;
}
/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

html {
	-webkit-text-size-adjust: none;
}

img {
max-width: 100%;
height: auto;
width /***/: auto;
}

li a img:hover,
a:hover,
a img:hover,
input[type="image"]:hover
{
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}


/*共通のスタイル*/
/* align
-------------------------------------*/
.alnleft {
	text-align: left;
}
.alncenter {
	text-align: center;
}
.alnright {
	text-align: right;
}

.mtn10{
	margin-top:-20px;
}

.b{
	font-weight:900;
}

.bBlue{
	font-weight:900;
	color:#1f4c9f;
}
/* float
-------------------------------------*/
.fltleft { float: left;}
.fltright { float: right;}

/*clear*/
.clear {
	clear: both;
}

/**/

.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ width: 100% !important; 
	background:#ffffff;
	margin-top:5px;
}


/*ページ上へ*/
#pagetop {
	position: fixed;
	z-index: 99999;
	right:10px;
	bottom:30px;
	overflow: hidden;
	height:77px;
	width:108px;
	display: none;
}




.app480{
	display:none;
}
@media print {
	.contents{
		width:100%;
	}
	.main{
		margin:0;
		padding:0;
		width:100%;
	}
	.right{
		display:none;
	}
}


/**/
header{
/*	background:#ffc3c8;*/
    background: url(../images/common/topYane.png) repeat-x;
    padding-top: 50px;
}

h1{
	text-align:center;
}


/**/
.contents,
nav.gNav ul{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
nav.gNav{
	background:url(../images/common/gNavBg.png) left top repeat-x rgb(255, 156, 49);
	background:#fe8992;
	 box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.3);
}


/* 追記　どぶ板サイトのみ 170317*/
nav.gNav ul{
		border-right:1px #ffffff solid;		
}

nav.gNav ul li{
	padding-top:10px;
	height:36px;
	text-align:center;
	float:left;
	border-left:1px #ffffff solid;
	font-size:1.2em;
	width:14%;

}
nav.gNav ul li a{
	color:white;
	text-decoration: none;
}

nav.gNav li:last-of-type{
	background:#ffd3d7;
}

.imgNavi{
	text-align:center;
	margin-top:10px;
}
.imgNavi li{
	display:inline-block;
	cursor:pointer;
}
/**/

.home .contents{
	margin-top:20px;
}

.contents{
	margin-top:10px;
	margin-bottom:50px;
}
.main{
	width:870px;
	float:left;
	margin-bottom:40px;
	
}

.home .main{
	float:none;
	max-width:1200px;
	width:auto;
}
/**/
.right{
	float:right;
	width:300px;
}

.home .right{
	display:none;
}

/**/

footer{
	background:#fe8992;
	text-align:center;
	clear:both;
}

.footerNav{
	background:#ffc3c8;
	padding:5px;
	margin-bottom:100px;
	
}

.footerNav ul{
}

.footerNav li{
	display:inline-block;
	color:#93660b;
}

.footerNav li:after{
	content:" ｜";
}

.footerNav li.bnon:after{
	content:" ";
}
.footerNav li a{
	color:#231815;
	text-decoration:none;
}

.footerNav li a:hover{
	text-decoration:underline;
}

address {
	color:#ffffff;
}


/**/

.spotsBox,
.spotsDetailsBox{
	background:#FFF;
	border:1px #dbdada solid;
}

.spotsTxtWrap{
	padding:0 20px 20px 20px;
	
}
.spotsBoxWrap section{
	width:48.8%;
	float:left;
	margin-bottom:30px;
}
.spotsBoxWrap section h2,
.spotsDetailsBox h2{
	margin-bottom:15px;
	padding:7px 10px 4px 38px;
	color:#ffffff;
	border-bottom:1px #e2e1e1 solid;
	background:url(../images/common/spotsBoxh2.png) 10px 5px no-repeat #fe8992;
}

.spotsBoxWrap section h3,
.spotsDetailsBox h3{
	font-size:1.25em;
	font-weight:900;
	margin-bottom:10px;
	color:#ff394a;
}

.spotsBoxWrap section h3 a{
	color:#ff394a;
}

.spotsBoxWrap section h4,
.spotsDetailsBox h4{
	font-weight:900;
	font-size:1.1em;
}

.spotsDetailsBox h4{
	color:#fe8992;
	margin-bottom:5px;
}
.spotsBoxWrap section:nth-child(even) {
  float: right;
}

.spotsBoxInner{
	margin-bottom:20px;
	margin-top:5px;
}
.spotsBoxInner img{
	float:left;
	margin-right:10px;
}


.spotsBoxInner .txtBox{
	overflow:auto;
}

.spotsBoxWrap .toDetails{
	float:right;
}

.spotsBoxIcon {
    margin: 10px  0px 5px;
}

.spotsBoxIcon img{
    vertical-align: baseline;
    margin: -1px;
}

/**/
.spotsDetailsBox p{
	margin-bottom:20px;
	
}
/**/

.neighborBox {
  width: 122px;
  height: auto;
  float: left;
  margin-right: 12px;
  line-height: 1.3em;
  font-size: 0.95em;
  text-align: left;
  margin-bottom:10px;
}


.neighborBox span {
	font-weight:900; color: #ff394a;
}

/**/

.topMainImg{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	background-size: cover !important;
	position:relative;
	min-height:280px;
}

.menu-button {
  display: none;
}

.right ul li {
	margin-bottom:20px;
}
.right ul li img{
	width:300px;
}

/*基本テーブルのスタイル*/
.t_style01{
	border:2px #fe8992 solid;
	background:#ffffff;
	color:#fe8992;
	width:100%;
	margin-bottom:40px;

}

.t_style01 th{
	background: #fe8992;
	color:#ffffff;
	background: url(../images/common/spotsBoxh2.png) 10px 5px no-repeat #fe8992;
	padding: 7px 10px 4px 38px;
}

.t_style01 td{
	text-align:center;
	border-bottom:1px #fe8992 solid;
	border-right:1px #fe8992 solid;
	width:25%;
	padding: 7px 0 7px 0;
}
.t_style01 td a{
	color:#fe8992;
	text-decoration:none;
}
.t_style01 td a:hover{
	text-decoration:underline;
}

/**/
.t_style02{
	border:1px #fe8992 solid;
	background:#ffffff;
	color:#fe8992;
	width:100%;
	margin-bottom:40px;
}



.t_style02 th{
	background:#fe8992;
	color:#ffffff;
	padding:2px 10px;
	width:20%;
	min-width:60px;
	text-align:center;
	border-bottom:1px #ffffff dotted;
}

.t_style02 td {
	border-bottom:1px #fe8992 solid;
	padding:2px 10px;
	color: #000000; 
}

p.url{
	 word-break: break-all;
}

p.catch{
	color:#30a1ff;
}

.sidebar {
	display:none;
}
/* pager */
.pager-area {
    text-align: center;
    width: 100%;
    float: right;
    clear: both;
}
ul.pager li {
    display: inline-block;
}
ul.pager li a{
    padding: 0px 5px 0px 5px;
    color: #967a60;
    background: #f6f2ee;
    text-decoration: none;
    border: #c3b39d 1px solid;
}
ul.pager li.current a {
    background: #c3b39d;
    font-weight: bold;
    color: #ffffff;
}

/*** 店舗ページフッターSNS共有 ***/
#footer-sns-out .ninja_onebutton {
    float: left;
    display: inline-block;
    margin-top: 1px;
    margin-right: 7px;
}

/* X（旧Twitter）共有ボタン */
#footer-x-share-out {
    float: left;
    display: inline-block;
}

#x-post-btn img {
    max-width: 92px;
    vertical-align: top;
}

@media screen and (max-width:1220px) {
.contents{
		margin-left:10px;
		margin-right:10px;
}

nav.gNav ul{
	display:table;
	width:100%;
	text-align:center;
}
nav.gNav ul li{
	width:auto;
	display:table-cell;
	float:none;
}


.footerNav{
		margin-bottom:100px;
}


/**/
.main{
	float:none;
	max-width:1200px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
/**/
.right{
	float:none;
	width:auto;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.right ul{
	text-align:center;
}
.right ul li{
	display:inline-block;
	vertical-align:top;
    margin: 5px;
}


.topMainImg{
	min-height:inherit;
}
}

/* ヘッダロゴ */
.header_back {
	background:url(../images/common/header_back.png) center no-repeat;
	max-width: 1200px;
	margin: 20px auto;
}

@media screen and (max-width: 890px){
.neighborBox, .neighborBox_right {
  margin-bottom: 10px;
  float: none;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  vertical-align: top;
}
}


@media screen and (max-width:840px) {

.spotsBoxInner img{
	float:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

.spotsBoxInner .txtBox{
	overflow:inherit;
}

.footerNav{
		margin-bottom:50px;
}

/*ページ上へ*/
#pagetop {
	right:10px;
	bottom:10px;
	overflow: hidden;
	height:auto;
	width:130px;
}

}

@media screen and (max-width:650px) {
	nav.gNav ul li{
		width:33%;
		display:inline-block;
		border-bottom:1px #ffffff solid;
	}
	nav.gNav ul li:first-child{
	display:none;
	}
	nav.gNav ul li:last-child{
	font-size:1em;
	}
}

@media screen and (max-width:615px) {
	nav.gNav ul li{
		width:32.5%;
		height:34px;
	}
}
@media screen and (max-width:580px) {
	
.spotsBoxWrap section{
		width:auto;
		float:none;
	}

.spotsBoxWrap section:nth-child(even){
		float:none;
}
.contents{
		margin-left:8px;
		margin-right:8px;

}

.footerNav{
		margin-bottom:30px;
}

/**/

}

@media screen and (max-width:480px) {
header{
background-size: 30px;
    padding-top: 15px;
}
.header_back {
    margin: 5px auto 30px;
}

.hide480{
	display:none;
}

.app480{
	display:block;
}

.t_style01 td{
	display:block;
	width:100%;
}
/*ページ上へ*/
#pagetop {
	right:5px;
	bottom:2px;
	width:110px;
}
.gNav{
	display:none;
}
.menu-button {
  display: block;
  position: relative;
  height: 48px;
  width: 36px;
  cursor: pointer;
  background: url(../images/common/headerMenuIcon.png) 0 0 no-repeat;
  margin:-30px 8px 5px 0;
}
.menu-button:before {
  content: "";
  position: absolute;
  top: -20px;
  right: 3px;
 border-bottom: 17px double #227F85;
  border-top: 6px solid #227F85;
}

#closeBtn {
  text-align: right;
  padding: 0px 0px 5px 0px;
  cursor: pointer;
}

.menu-right {
  float: right;
}

.sidebar {
	
    margin: 0;
    color: white;
	margin-bottom:0;
	display:block;
	text-align:left;
	list-style:none;
	background-color: #fe8992;
	position:relative;
}

.sidebar .sidebarBan img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	margin-top:10px;
}
.sidebar a{
	color:#ffffff;}


.sidebar .sidebarInner{
	padding:5px;

}
.sidebar li {
    line-height:2.1em;
    padding-left:38px;
	font-size:1.2em;
	border-bottom:1px dotted #ffffff;
	padding-top:3px;
	padding-bottom:3px;
}

.sidebar li a{
	text-decoration:none;
	color:#ffffff;
	font-size:1.15em;
	display:block;
}
.sidebar li{
	background:url(../images/common/gNav07_icon.png) 5px center no-repeat;
}

.sidebar li.sideNav01{
	background:url(../images/common/gNav01_icon.png) 5px center no-repeat;
}
/*
.sidebar li.sideNav02{
	background:url(../images/common/gNav02_icon.png) 5px center no-repeat;
}

.sidebar li.sideNav03{
	background:url(../images/common/gNav03_icon.png) 5px center no-repeat;
}

.sidebar li.sideNav04{
	background:url(../images/common/gNav04_icon.png) 5px center no-repeat;
}

.sidebar li.sideNav05{
	background:url(../images/common/gNav05_icon.png) 5px center no-repeat;
}
.sidebar li.sideNav06{
	background:url(../images/common/gNav06_icon.png) 5px center no-repeat;
}
.sidebar li.sideNav07{
	background:url(../images/common/gNav07_icon.png) 5px center no-repeat;
}
*/

.sidebar ul{
	margin-bottom:30px;
}

.sidebar li:hover {
	
}

.enoden{
	position:absolute;
	bottom:10px;
	right:-185px;
	z-index:5;
}
/**//**//**//**//**//**//**//**/
.spotsDetailsBox p {
  margin-bottom: 10px;
}


.spotsTxtWrap{
	padding:0 10px 10px 10px;
}
}
@media screen and (max-width: 520px){
.neighborBox, .neighborBox_right {
  margin-left: 2px;
  margin-right: 2px;
}

}

@media screen and (max-width:400px) {
.contents{
	margin-left:5px;
	margin-right:5px;

}

.menu-button{
	margin:-30px 5px 5px 0;
}
}

/* 追記　170406 */
.txtBox dl {
	display: block;
}

.txtBox dt{
	display: inline-block;
/*	width: 70px;*/
color:#fe8992;
}

.txtBox dd {
	display: inline;
}

/* trivia style */
.trivia {
	margin: 2.5% auto;
	max-width: 980px;
	background-color: #FFF;
	border: 1px #dbdada solid;
	margin-bottom:100px;
}
.trivia_title {
	color: #FFF;
	font-size: 135%;
	padding: 13px 12px 8px;
	border-bottom: 1px #e2e1e1 solid;
	background: url(../images/common/tr_closeBtn.png) 10px 15px no-repeat #fe8992;
    background-position-x: right;
}
.trivia_body {
	padding: 20px;
}
.trivia span{
	color: #ff0000;
}
.trivia_list {
	padding: 20px 20px 20px 30px;
}
.trivia_list li{
list-style-type: circle;
}



@media only screen and (min-width: 841px) and (max-width: 2560px) {
/*top カテゴリ一覧の画像サイズをデバイスで切り替え*/
.trimming{
    width:190px;
    height:160px;
    overflow: hidden;
    position:relative;
	float:left;
}
.trimming img{
    position:absolute;
    top:-5px;
    left:-93px;
    max-width: inherit;
}
.spotsBoxInner .txtBox {
    padding-left: 10px
}
}