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

/* Reset
--------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {outline:none;}
img {vertical-align:bottom;}



/* --------------------------------------------- */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}


body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.7em;
	color:#624847;
	background:url(../images/bg.png);
	-webkit-text-size-adjust: none;
}
a {
   -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
a:link, a:visited { color:#624847; text-decoration:none}
a:hover, a:active { color:#624847; text-decoration:underline}
table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom:1em;
}

/*-------------------------HEADER-----------------------*/
header#headbanner {
	background:#fff;
	padding:0;
}
header.fixed {
	padding:0 0 91px;
}
#header {
	width:986px;
	margin:0 auto;
	padding:10px 0;
	position:relative;
}
#header p.desc {
	font-size:12px;
	width:50%;
}
#header h1{ 
	display:block;
	width:50%;
}
#header h1 a:hover {
	opacity: 0.8;
}
#header .headerSearch {
	width:50%;
	position:absolute;
	top:15px;
	right:0;
	text-align:right;
}
#header .headerSearch input[type="text"] {
	margin-right: 5px;
	display:inline-block;
}
#header .headerSearch input[type="submit"] {
	background: #624847;
	color: #fff;
	border: 0;
	padding: 3px 10px;
	cursor: pointer;
}
#header .headerSearch input[type="submit"]:hover {
	opacity: 0.7;
}
#header .headerNavi {
	width:50%;
	position:absolute !important;
	bottom:15px;
	right:0;
	text-align:right !important;
}
#header .headerNavi ul li {
	display:inline-block;
	margin-right:10px;
	text-align:right !important;
}
#header .headerNavi ul li img {
	margin-bottom: 5px;
}
#header .headerNavi ul li a {
	font-size:13px;
	font-weight: bold;
	color:#000;
	text-decoration:none;
	font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header .headerNavi ul li i {
	font-size: 11px;
}
#header .headerNavi ul li a:hover {
	color:#E65297;
	text-decoration:underline;
}

/*-------------------------NAVI-----------------------*/
#navi li.spNavi {
	display:none;
}
nav#mainnavi {
	width:100%;
	margin:0 auto 20px;
	position: relative;
	background: #fff;
	border-bottom:3px solid #624847;
	font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	z-index: 2;
}
#navi {
	clear:both;
	width:986px;
	margin:0 auto;
}
#navi ul {
	
}
#navi ul li {
	display:block;
	float:left;
	width: 139px;
	position: relative;
	border-right:1px solid #fff;
	text-align: center;
}
#navi ul li:first-child {
	border-left:1px solid #fff;
}
#navi ul li a {
	display:block;
	overflow:hidden;
	color:#fff;
	line-height:50px;
	font-size:15px;
	font-weight: 700;
	padding:0; 
}
#navi ul li a:hover {
	opacity: 0.7;
	text-decoration:none;
}
#navi ul li.nv1 a {
	background: #E75297;
}
#navi ul li.nv2 a {
	background: #F9BE1F;
}
#navi ul li.nv3 a {
	background: #EE835D;
}
#navi ul li.nv4 a {
	background: #66B733;
}
#navi ul li.nv5 a {
	background: #077FC3;
}
#navi ul li.nv6 a {
	background: #AF579C;
}
#navi ul li.nv7 a {
	background:#C17C43;
}
#navi li ul {
	display:none;
	position: absolute;
	top: 40px;
	left: -5px;
	padding:0;
	width: 126px;
	z-index:100;
	box-shadow:0 0 5px rgba(0,0,0,0.17);
}
#navi li ul:before {
	content:"";
	position: absolute;
	top:-8px;
	left:56px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 8.1px 5px;
	border-color: transparent transparent rgba(255,255,255,0.90) transparent;
}
#navi li ul li {
	float:none;
	margin: 0;
	padding:0;
	width: auto;
	border: none;
}
#navi li ul li a {
	display: block;
	line-height:30px;
	overflow: auto;
	text-indent:0;
	background: rgba(255,255,255,0.90);
	color:#5EA8E6;
	padding:5px 8px;
	height:auto;
	font-size:13px;
}
#navi ul li ul li:first-child > a {
}
#navi ul li ul li:last-child > a {
}
#navi li ul li a:hover {
  background: #eee;
  color: #000;
  text-decoration:none;
}
nav#mainnavi.fixed {
    position: fixed !important;
	 width:100%;
    top: -5px;
    z-index: 9999 !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
}

nav#mainnavi.fixed #navi {
}


/*-------------------------TOP-----------------------*/
#visual {
	width:100%;
	margin:0 auto 30px;
	z-index: 1;
}
#visual ul li {
	margin: 0 5px;
}
#visual img {
	box-shadow:0 0 12px rgba(0,0,0,.25);
	display: block;
	max-width: 100%;
}
#visual a:hover img {
	opacity: 0.8;
}
.film_roll_wrapper {
   display: block;
   text-align: center;
   float: none;
   position: relative;
   top: auto;
   right: auto;
   bottom: auto;
   left: auto;
   z-index: auto;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden;
   width: 100%;
 }
.film_roll_shuttle {
   text-align: left;
   float: none;
   position: relative;
   top: 0;
   left: 0;
   right: auto;
   bottom: auto;
   margin: 0 !important;
   padding: 0 !important;
   z-index: auto;
 }
 .film_roll_shuttle.vertical_center:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -0.25em;
 }
.film_roll_child {
  position: relative;
  display: inline-block;
  *display:inline;
  vertical-align:middle;
  zoom:1;
}
.film_roll_prev, .film_roll_next {
   position: absolute;
   top: 48%;
   left: 15px;
   width: 64px;
   height: 64px;
   margin: -25px 0 0 0;
   padding: 0;
   font-size: 72px;
   font-weight: 100;
   line-height: 72px;
   color: white !important;
   text-align: center;
   opacity: 0.7;
   text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
 }
.film_roll_prev:hover, .film_roll_next:hover {
   color: white;
   text-decoration: none;
   opacity: 1;
 }
.film_roll_next {
   left: auto;
   right: 15px;
 }
.film_roll_pager {
   text-align: center;
 }
.film_roll_pager a {
   width: 5px;
   height: 5px;
   border: 2px solid #333;
   border-radius: 5px;
   display: inline-block;
   margin: 0 5px 0 0;
   transition: all 1s ease;
 }
.film_roll_pager a:hover {
   background: #666;
 }
.film_roll_pager a.active {
   background: #333;
 }
.film_roll_pager span {
   display: none;
 }
 .film_roll_pager a, a.film_roll_prev, a.film_roll_next {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
 }
#topLeft {
	width: 220px;
	float: left;
}
#topRight {
	width: 735px;
	float: right;
}
#topLeft h3 {
	font-size:16px;
	border-bottom:3px solid #AF579C;
	padding:5px 0;
	font-weight:700;
	margin-bottom:15px;
}
#topLeft h3 i {
	color: #AF579C;
}
#topRight h2 {
	font-size: 16px;
	padding: 12px;
	font-weight:700;
}
#topRecommend {
	width: 350px;
	float: left;
	margin-bottom: 35px;
}
#topRecommend h2 {
	border-bottom:3px solid #3E96BB;
}
#topRecommend h2 i {
	color: #3E96BB;
}
#topRecommend h3 {
	font-size: 16px;
	margin-bottom: .5em;
}
#topRecommend img {
	float: right;
	margin: 0 0 5px 5px;
}
#topRecommend .detail {
	text-align: right;
	margin-bottom: 0;
}
#topRecommend .detail a {
	color: #3E96BB;
	display: inline-block;
	padding: 5px 0;
}
#topInfo {
	width:350px;
	float:right;
	margin-bottom: 35px;
}
#topInfo h2 {
	border-bottom: 3px solid #EE835D;
}
#topInfo h2 i {
	color: #EE835D;
}
#topInfo dl {
	border-bottom: 1px dotted #D8BEBE;
	clear: both;
}
#topInfo dl dt {
	width: 7em;
	float: left;
	padding: 5px 0;
}
#topInfo dl dd {
	margin-left: 7em;
	padding: 5px 0;
}
#topInfo dl dd a:hover {
	color: #EE835D;
}
#topInfo .detail {
	text-align: right;
	margin-bottom: 0;
}
#topInfo .detail a {
	display: inline-block;
	padding: 5px 0;
	color: #EE835D;
}
#topEvent {
	width: 100%;
	clear: both;
}
#topEvent h2 {
	border-bottom:3px solid #66B733;
}
#topEvent h2 i {
	color: #66B733;
}
#topEvent .event {
	border-bottom: 1px dotted #D8BEBE;
}
#topEvent .event .date {
	color: #E55297;
	margin-bottom: 8px;
}
#topEvent .event a {
	display: block;
	padding: 15px;
	text-decoration:none;
}
#topEvent .event a:hover {
	text-decoration: none;
	background: rgba(102,183,51,0.15);
}
#topEvent .event a img {
    transition: transform 0.2s ;
}
#topEvent .event a:hover img {
	transform: scale(1.1);
}
#topEvent .event h3 {
	font-size:16px;
	margin-bottom: 8px;
}
#topEvent .event p {
	font-size:13px;
	margin-bottom: 0;
}
#topEvent .event .photo {
	width: 200px;
	height: 133px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
}
#topEvent .event .photo img {
	width: 100%;
}
.bnr {
	margin-bottom: 16px;
}
#side li {
	margin-bottom:12px;
}
#side li a {
	display:block;
}
#side li a:hover,
#link li a:hover {
	opacity:0.7;
	text-decoration:none;
}
#link {
	margin-bottom:40px;
}
#link li {
	margin-bottom:12px;
}
#link li a {
	display:block;
}
#link li img {
	width:100%;
}

#info {
	background:#fff;
	margin-bottom:20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
#info .content {
	float:left;
	padding:20px;
}
#info .content h3 {
	color:#E74478;
	font-size:16px;
	margin-bottom:5px;
	font-weight:bold;
	border:none;
	padding:0;
}
#info .content ul li {
	font-size:14px;
	margin-bottom:5px;
}
#info .content ul li i {
	color:#5EA8E6;
}
#info .photo {
	width:320px;
	float:right;
	position:relative;
}
#info .photo img {
	width:100%;
}
#info .photo a {
	background:#5EA8E6;
	color:#fff;
	display:block;
	position:absolute;
	right:10px;
	bottom:10px;
	width:140px;
	font-size:13px;
	text-align:center;
	border-radius:12px;
	line-height:24px;
}
#info .photo a:hover {
	opacity:0.7;
	text-decoration:none;
}

/*-------------------------MAIN-----------------------*/
#main {
	margin:0 auto 40px;
	width:986px;
	clear:both;
}
#main h1 {
	font-size: 32px;
	font-weight: bold;
	background: #624847;
	color: #fff;
	line-height: 1.3;
	padding: 12px 0;
	border-radius: 8px;
	margin-bottom: 20px;
	text-align: center;
	font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#about #main h1 {
	background: #E75297;
}

#place #main h1 {
	background: #F9BE1F;
}
#eat #main h1 {
	background: #EE835D;
}
#play #main h1 {
	background: #66B733;
}
#buy #main h1 {
	background: #077FC3;
}
#course #main h1 {
	background: #AF579C;
}
#stay #main h1 {
	background:#C17C43;
}
#main h2 {
	font-size: 20px;
	padding: 12px 24px;
	font-weight:700;
	line-height:1.3;
	font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: 3px solid #624847;
}
#main img {
	max-width:100%;
	height: auto;
}
#main p {
	margin-bottom:1em;
}
#main h3 {
	font-size:16px;
	font-weight:700;
	margin-bottom:.5em;
}
#main #contents {
	padding:20px;
	background:#fff;
	margin-bottom:40px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
#main strong {
	font-weight:bold;
}
#main a {
	text-decoration: underline;
}
#main a:hover {
	color:#E65297;
}
.box {
	background: #fff;
	border:1px solid #D8BEBE;
	border-radius: 8px;
}
#main .box p:last-child {
	margin-bottom: 0;
}
.wrap {
	padding: 15px;
}
.pagewrap {
	padding: 25px;
	line-height: 1.7;
}
.excerpt {
	border-bottom: 1px solid #624847;
	padding: 15px 0;
}
.excerpt .url {
	color: #E75297;
}



/*-------------------------COMMON-----------------------*/



.entry .date {
	text-align: right;
	padding: 10px;
}
#breadcrumb {
	font-size: 12px;
	margin-bottom: 15px;
}
#main {
	
}
.column2 li {
	display:block;
	width:49%;
	float:left;
	margin-right:2%;
	margin-bottom: 15px;
}
.column2 li:last-child {
	margin-right:0;
}
.column4 li {
	display:block;
	width:23.5%;
	float:left;
	margin-right:2%;
	text-align: center;
	margin-bottom: 15px;
}
.column4 li:last-child {
	margin-right:0;
}
.column4 h4 {
	display:block;
	background:#5EA8E6;
	color:#fff;
	font-size:14px;
	line-height:30px;
	position:relative;
	margin-bottom:6px;
	padding:0 10px;
}
.column3 li {
	display:block;
	width:32%;
	float:left;
	margin-right:2%;
	text-align: center;
	margin-bottom: 15px;
}
.column3 li:last-child {
	margin-right:0;
}

.column3 h4 {
	display:block;
	background:#5EA8E6;
	color:#fff;
	font-size:14px;
	line-height:30px;
	position:relative;
	padding:0 10px;
}
#main table {
	width:100%;
	border:1px solid #D8BEBE;
	border-collapse:collapse;
}
#main table th,
#main table td {
	padding:8px;
	border:1px solid #D8BEBE;
	vertical-align:top;
}
#main table th {
	background:#f4f2f2;
	text-align: left;
}
#main table thead th {
	text-align: center;
}
.pamphlet_text {
	width: 570px;
	float: left;
}
.pamphlet_photo {
	width: 360px;
	float: right;
}
.pamphlet_text a {
	border: 1px solid #624847;
	border-radius: 6px;
	display: inline-block;
	padding: 3px 15px;
}
.pamphlet_text a:hover {
	background: #624847;
	color: #fff;
	text-decoration: none;
}
ul.course li {
	border-bottom: 1px dotted #624847;
	padding: 10px 0;
}
.hide {
	display:none;

}
.tab li {
	display:inline-block;
	float:left;
	background:#ccc;
	color:#fff;
	padding:10px 25px;
	font-size:14px;
	cursor:pointer;
}
.tab li a {
}
.tab li:before {
	font-family:FontAwesome;
	content:"\f107";
	margin-right:5px;
}
.tab li.active,
.tab li:hover {
	background:#F19500;
	color:#fff;
	text-decoration:none;
}
.tab li.active:before,
.tab li:hover:before {
	font-family:FontAwesome;
	content:"\f103";
	margin-right:5px;
}


.pagination {
	border-top: 1px solid #eee;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}

.pagination .icon  {
	width: 0.666666666em;
	height: 0.666666666em;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.page-numbers {
	padding: 0.5em 1em;
	border: 1px solid #624847;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    text-decoration: none !important;
}
a.page-numbers:hover {
	background: #624847;
	color: #fff !important;
	text-decoration: none;
}
.page-numbers.current {
	border: 1px solid #fff;
}

.page-numbers.current .screen-reader-text {

}

.prev.page-numbers,
.next.page-numbers {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 18px;
	font-size: 1.3rem;
	line-height: 1;
	padding: 0.25em .75em 0.25em;
    text-decoration: none !important;
}

.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #624847;
	color: #fff !important;
    text-decoration: none;
}

.prev.page-numbers {
	float: left;
}

.next.page-numbers {
	float: right;
}


.post-navigation {
	margin: .5em 0;
}

.post-navigation .nav-links {
}

.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
	font-size: 14px;
}

.post-navigation .nav-next {
	margin-top: 0.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*-------------------------PAGES-----------------------*/




#gmap {
	width:100%;
	height:300px;
}
span.must {
	display:inline-block;
	background:#5EA8E6;
	color:#fff;
	padding:0 5px;
	margin-right:5px;
}
#privacy dt {
	font-size:16px;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
	padding:5px 0;
	margin-bottom:10px;
}
#privacy dd {
	margin-bottom:20px;
}
.entry-meta {
	text-align:right;
	font-size:12px;
	border-top:1px solid #ddd;
}

table.mailform textarea {
	max-width:500px;
}
table.mailform .mail {
	font-size:18px;
}


.place {
	border-bottom: 1px dotted #D8BEBE;
	padding:15px 0;
}
.place:first-child {
	padding:0 0 15px;
}
.place:last-child {
	border-bottom: none;
	padding:15px 0 0;
}
.place .tel {
	color: #E55297;
	font-weight: bold;
}
.place span {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 10px;
}
.place a {
    transition: all 0.2s ;
}
.place a:hover {
	opacity: 0.7;
	color: #fff;
	text-decoration: none;
}
.place span a {
	background: #624847;
	color: #fff;
	padding: 3px 15px;
	border-radius: 15px;
	text-decoration: none !important;
}
.place span a:hover {
	color: #fff !important;
}
.place h3 {
	font-size:20px;
	border-bottom: 1px solid #624847;
	margin-bottom: 5px !important;
}
.place h3 a {
	text-decoration:none !important;
}
.place p {
	font-size:14px;
	margin-bottom: 5px !important;
}
.place .photo {
	width: 200px;
	height: 133px;
	overflow: hidden;
	float: left;
}
.place .photo img {
	width: 100%;
}
.place .text {
	margin-left: 220px;
}

.flower {
}
.flower h3 {
	font-size:18px;
	text-align: center;
}
.flower p {
	font-size:14px;
	text-align: center
}
.eat {
	margin-bottom: 25px;
	font-size:14px;
}
.eat .photo {
	width: 480px;
	float: left;
}
.eat .photo img {
	max-width: 100%;
}
.eat .text {
	margin-left: 510px;
}
.eat .thumbnail {
	text-align: center;
}
.eat .thumbnail img {
	width: 23%;
	vertical-align: top;
}
.eat h3 {
	border-bottom: 1px solid #624847;
	margin-bottom: 5px !important;
}
.eat .text p {
	margin-bottom: 2em !important;
}
#eat .socialicon {
	width: 23px !important;
}
#eat table th {
	background: #f8ece7;
}

.genre > ul > li {
    display: inline-block;
    font-size: 16px;
    margin-right: 20px;
}
.genre ul li a {
    text-decoration: none !important;
}
/*-------------------------FOOTER-----------------------*/
#socialWrapper {
	width: 100%;
	background: rgba(74,44,44,0.2);
}
#social {
	max-width:986px;
	width:100%;
	margin:0 auto;
}
.social {
	float: left;
	padding: 12px 0;
}
.social div {
	float:left;
	margin-right:10px;
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
#pagetop {
	width:64px;
	float: right;
}
#pagetop a {
	color: #fff;
	display: block;
	font-size: 32px;
	background:#4A2C2C;
	text-align:center;
	padding: 10px 0;
	text-decoration: none;
}
#pagetop a:hover {
	opacity: 0.7;
}
footer {
	width:100%;
	background: #4A2C2C;
}
#footerWrapper {
	max-width:986px;
	width:100%;
	margin:0 auto;
	padding:15px 0 25px;
}
#footerWrapper p {
	font-size:13px;
}
.footerLogo {
	color:#fff;
	margin-bottom:10px;
}
.footerLogo img {
	float:left;
	margin-right:15px;
}
.footerLogo p {
	line-height:1.5;
}
#banner {}
#banner ul li {
	float: left;
	margin: 0 3px 10px;
}
.copyright {
	clear:both;
	color:#fff;
	border-top:1px solid #fff;
	font-size:12px;
	padding:5px 0 0;
}
.copyright p {
	float:left;
}
.aligncenter {text-align:center}
.alignright {float:right; margin-left:15px;}
.alignleft {float:left; margin-right:15px;}
.footerNavi {
	margin:0 0 15px;
	float:right;
}
.footerNavi a {
	font-size:13px;
	color:#fff;
	text-decoration:none;
}
.footerNavi a:hover {
	text-decoration:underline;
}

a.link {
	display: inline-block;
	text-decoration: none !important;
	background: #624847;
	padding: 5px 15px;
	border-radius: 15px;
	color: #fff !important;
}
a.link:hover {
	opacity: 0.7;
}
.btn {
	display: inline-block;
	text-decoration: none !important;
	background: #624847;
	padding: 5px 15px;
	border-radius: 15px;
	color: #fff !important;
	margin:5px 0;
}
.btn:hover {
	opacity: 0.7;
}
input[type="submit"] {
	background: #624847;
	color: #fff !important;
	padding: 5px 15px;
	border:none;
	cursor:pointer;
}
input[type="submit"]:hover {
	opacity:0.7;
}
.m10 {margin-bottom:10px !important;}
.m20 {margin-bottom:20px !important;}
.m30 {margin-bottom:30px !important;}
.m40 {margin-bottom:40px !important;}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
#cottoberry,
#mokapyon {
	max-width: 640px;
}
#cottoberry h2,
#mokapyon h2 {
	font-size: 20px;
	padding: 0 0 6px;
	margin-bottom: 12px;
	font-weight:700;
	line-height:1.3;
	font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: 3px solid #624847;
}
#cottoberry p,
#mokapyon p {
	margin-bottom: 1em;
}
/* Clearing Floats
--------------------------------------------- */
.clear {
	clear:both;

}
.post-navigation:after,
.pagenation:after,
.tab:after,
.block:after,
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
#kens-web-copyrights {display:none}
/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 650px) {
	header.fixed {
		padding:0 0 50px;
	}
	#header {
		width:auto;
		margin-bottom:10px;
		padding:12px;border-bottom:3px solid #624847;
	}
	#header p.desc {
		width:auto;
		font-size:11px;
		text-align:center;
	}
	#header h1{ 
		width:100%;
		margin:0;
	}
	#header h1 img {
		max-width:100%;
	}
	#header .headerNavi {
		display:none;
	}
	#header .headerSearch {
		display:none;
	}
	nav#mainnavi {
		margin-bottom:0;
		position: absolute;
		top:0;
		right:0;
		border: none;
	}
	#navi {
		clear:both;
		width:auto;
		padding:0;
		background:none;
	}
	#navi ul li {
		float:none;
		width: auto;
		border-right:none !important;
		text-align: left;
	}
	#navi ul li:last-child {
		border-left:none !important;
	}
	#navi ul li a {
		display:block;
		overflow:hidden;
		color:#fff;
		background:#5EA8E6;
		line-height:40px;
		font-size:15px;
		font-weight: 700;
		padding:0 15px;
		border-top:1px solid #fff;
	}
	#navi ul li a:hover {
		background:#5EA8E6;
	}
	#navi li.spNavi {
		display:block !important;
		background:#fff;
		color:#624847 !important;
	}
	#navi li.spNavi a  {
		display:block;
		font-size:13px !important;
		background:#624847 !important;
		color:#fff !important;
		padding:5px 15px;
		line-height:1.5;
	}
	#main {
		width:auto;
		padding:0 10px;
	}
	#topLeft {
		width:auto;
		float:none;
		margin-bottom: 20px;
	}
	#topRight {
		width:auto;
		float:none;
		margin-bottom: 20px;
	}
	#visual {
		min-width:0;
	}
	#visual ul li {
		text-align: right;
	}
	#visual ul li img {
	}
	.film_roll_prev, .film_roll_next {
	   position: absolute;
	   top: 48%;
	   left: 0px;
	   width: 32px;
	   height: 32px;
	   margin: -16px 0 0 0;
	   padding: 0;
	   font-size: 32px;
	   font-weight: 100;
	   line-height: 32px;
	   color: white !important;
	   text-align: center;
	   opacity: 0.7;
	   text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	 }
	.film_roll_prev:hover, .film_roll_next:hover {
	   color: white;
	   text-decoration: none;
	   opacity: 1;
	 }
	.film_roll_next {
	   left: auto;
	   right: 0px;
	 }
	.film_roll_pager {
	   text-align: center;
	 }
	#topRecommend {
		width: auto;
		float: none;
		margin-bottom: 15px;
	}
	#topInfo {
		width: auto;
		float: none;
		margin-bottom: 15px;
	}

	#topInfo dl {
		border-bottom: 1px dotted #D8BEBE;
		clear: both;
	}
	#topInfo dl dt {
		width: auto;
		float: none;
		padding: 5px 0 0;
	}
	#topInfo dl dd {
		margin-left: 0;
		padding: 0 0 5px;
	}

	#topEvent .event {
		border-bottom: 1px dotted #D8BEBE;
	}
	#topEvent .event .date {
		color: #E55297;
		margin-bottom: 5px;
	}
	#topEvent .event a {
		display: block;
		padding: 12px 0;
	}
	#topEvent .event h3 {
		font-size:16px;
		margin-bottom: 5px;
	}
	#topEvent .event .photo {
		width: 200px;
		height: 133px;
		overflow: hidden;
		float: none;
		margin: 0 auto 10px;
	}
	#side li {
		margin-bottom:10px;
		width: 50%;
		float: left;
		text-align: center;
	}
	#link {
		margin-bottom:40px;
	}
	#link li {
		width: 50%;
		float: left;
		margin-bottom:10px;
		text-align: center;
	}
	#side li img,
	#link li img {
		width:95%;
	}
	#banner ul li {
		float:left;
		width:48%;
		margin-right:0;
		margin-bottom:10px;
	}
	#banner ul li:nth-child(odd){
		margin-right:2%;
	}
	#banner ul li:last-child {
		margin-right:0;
	}
	#banner ul li img {
		max-width:100%;
	}
	#banner ul li a {
		display:block;
		text-align: center;
	}
	#banner ul li h3 {
		font-size:16px;
		line-height:16px;
		padding:5px 10px;
	}
	#banner ul li h3 span {
		font-size:11px;
		line-height:16px;
	}

	.newsBox dt {
		float:none;
	}
	#info .content {
		width:auto;
	}
	#info .photo {
		width:auto;
	}
	#main #contents {
		padding:10px;
	}
	#main .tableWrap {
		overflow:auto;
		width:100%;
	}
	#main .tableWrap table {
		min-width:720px;
	}
	.wrap {
		padding: 10px;
	}
	.pagewrap {
		padding: 10px;
		line-height: 1.7;
	}
	.column4 li,
	.column3 li {
		display:block;
		width:auto;
		float:none;
		margin-right:0;
	}
	.tab li {
		display:inline-block;
		width:50%;
		margin-bottom:1px;
	}
	.tab li:nth-child(odd) a  {
		margin-right:1px;
	}
	.tab li a {
		display:block;
		padding:8px 0px;
		text-align:center;
		font-size:12px;
	}
	.page-numbers {
		display: inline-block;
	}

	.page-numbers.current {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.page-numbers.current .screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
	}

	#gmap {
		height:200px;
	}
	table.mailform th {
		display:block;
		width:auto;
	}
	table.mailform td {
		display:block;
		width:auto;
	}
	table.mailform input[type="text"] {
		max-width:250px;
	}
	table.mailform textarea {
		max-width:250px;
	}
	table.mailform .sep {
		display:block;
	}
	.place {
		border-bottom: 1px dotted #D8BEBE;
	}
	.place .tel {
		color: #E55297;
		margin-bottom: 5px;
	}
	.place a {
	}
	.place h3 {
		font-size:16px;
		margin-bottom: 5px;
	}
	.place .photo {
		width: 200px;
		height: 133px;
		overflow: hidden;
		float: none;
		margin: 0 auto 20px;
	}
	.place .text {
		margin-left: 0px;
	}

	.eat .photo {
		width:  auto;
		float: none;
		margin: 0 auto 20px;
	}
	.eat .text {
			margin-left: 0px;
	}
	#footerWrapper {
		width:auto;
		margin:0 auto;
		padding:10px 10px 40px;
	}
	#footerWrapper p {
		font-size:12px;
	}
	.footerLogo {
		float:none;
		width:auto;
		text-align:center;
	}
	.footerLogo img {
		float:none;
		margin-right:0;
		margin-bottom:10px;
		max-width:70%;
	}
	.footerLogo p {
		float:none;
		line-height:1.2;
	}
	.footerTime {
		float:none;
		width:auto;
		margin-bottom:10px;
	}
	.footerTime img {
		width:100%;
	}
	.copyright {
		clear:both;
		color:#fff;
		border-top:1px solid #fff;
		font-size:12px;
		padding:5px 0 0;
	}
	.copyright p {
		float:none;
	}
	.footerNavi {
		margin:0 0 5px;
		float:none;
	}
	.footerNavi a{
		display: inline-block;
	}
	#pagetop {
		display: none;
	}

#social {
	max-width:986px;
	width:100%;
	margin:0 auto;
}
.social {
	float: none;
	padding: 8px;
}
	.alignright {float:none; margin-left:0px; text-align:center;}
	.alignleft {float:none; margin-left:0px; text-align:center;}
}