* {
	box-sizing:border-box;
}

body {
margin:0;
padding:0;
line-height:1.4;
color:#000;
}

img {
	margin:0;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}

a:link {
}


a:visited {
}

a:hover{
}

a:hover .linkimg {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

a:active {
}

.komono a:link,
.shohin a:link,
.menu a:link,
.shohin_cell a:link {
	background-color:#fff;
	display:inline-block;
	margin-bottom:5px;
}

.text-center {
	text-align:center;
}

.text-left {
	text-align:left;
}

.text-right {
	text-align:right;
}

.fw-bold {
	font-weight:bold;
}

.fw-normal {
	font-weight:normal;
}

header {
	text-align:center;
	padding: 0.5em;
	color: #000000;
	background-image: url(../images/back.gif);
	position:fixed;
	top:0;
	width:100%;
	z-index:1000;
}

.site-description {
	font-size:12px;
	color:#666;
}

#contents {
/*	position:absolute;
	top:260px;
*/
	width:100%;
	margin-top:260px;
	padding:0 15px;
}

.container {
	width:80%;
	max-width:800px;
	margin:auto;
}

.img-container {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width:950px;
	margin:auto;
}

.img-container > div {
	margin:3px 3px 20px 3px;
	text-align:center;
	font-weight:bold;
}

.img-container > div img {
	border:2px solid #fff;
}

hr {
	margin:20px 0;
}

footer {
	margin:50px auto;
	text-align:center;
/*
	position:absolute;
	bottom:0;
*/
}

/* ================================================ 

ナビゲーションメニュー

================================================ */
.site-navigation  {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.site-navigation a {
	display:block;
	margin:0px;
	padding:0px;
	border-left:1px dashed #603813;
}

.site-navigation a img {
	width:110px;
}

.site-navigation a:nth-of-type(3) {
	border-right:1px dashed #603813;
}


.site-navigation a:last-of-type {
	border-right:1px dashed #603813;
}


/* ================================================ 

トップページ

================================================ */
#hanbai {
/*	padding: 2em; */
	background-image:url(../images/back_hanbai.gif);
}

#hanbai h2 {
	margin:30px auto;
	font-size:1em;
	text-align:center;
}

#hanbai h3 {
	background-color:#069;
	color:#fff;
	text-align:center;
}


#chuui { font-size: small }

#hanbai .shohin {
	max-width:700px;
	margin:auto;
}

#hanbai .shohin-container {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width:700px;
	margin:auto;
}

#hanbai .shohin_cell {
	margin:3px 3px 20px 3px;
	text-align:center;
	font-weight:bold;
}

#hanbai .shohin img {
	border:2px solid #fff;
}

#hanbai #chumon {
	max-width:700px;
	margin:20px auto;
}

#hanbai #shotori {
	max-width:700px;
	margin:auto;
}

#hanbai #shotori table {
border:1px solid #999;
border-collapse:collapse;
margin:auto;
font-size:12px;
text-align:left;
}

#hanbai #shotori th{
backgtround-color:#ccc;
border:1px solid #999;
border-collapse:collapse;
padding:9px;
}

#hanbai #shotori td{
background-color:#fff;
border:1px solid #999;
border-collapse:collapse;
padding:9px;
}

.figcaption {
	margin-bottom:50px;
}

/* ================================================ 

手創り工房

================================================ */
#koubou {
/*	padding: 10px; */
	background-image: url(../images/backyellow.gif);
	text-align:center;
}

.komono {
width:850px;
margin:auto;
}

.komono img {
 width:266px;
 border:2px solid #fff;
 background-color:#fff;
}

.taiken {
	border-collapse:separate;
	border-spacing:10px;
	margin:auto;
}

.taiken th {
	text-align:left;
	white-space:nowrap;
	border-collapse:separate;
	border-spacing:10px;
}

.taiken td {
	text-align:right;
	font-weight:bold;
	border-collapse:separate;
	border-spacing:10px;
}

/* ================================================ 

土産物コーナー

================================================ */

#miyage {
/*		padding: 10px; */
	background-image: url(../images/backred.gif);
	text-align:center;
}

#miyage .shohin-container {
	max-width:950px;
	text-align:center;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:baseline;
}

#miyage .shohin_cell {
	margin:3px 3px 20px 3px;
	text-align:center;
	font-weight:bold;
}

#miyage .shohin img {
	border:2px solid #fff;
}



/* ================================================ 

喫茶・軽食コーナー

================================================ */

#kissa {
		background-image: url(../images/backblue.gif);
		text-align:center;
/*		padding:10px; */
}


#kissa .menu h3 {
	font-weight: bold;
	background-color: #ccccff;
	margin-bottom:20px;
}

#kissa .shohin-container {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:baseline;

}

#kissa .shohin_cell {
	margin:3px 3px 20px 3px;
	text-align:center;
	font-weight:bold;
}

.menu {
	margin:0 auto 50px auto;
	max-width:700px;
}

#kissa .menu img {
	border:2px solid #fff;
}

caption{
/*
	font-weight: bold;
	font-size: large;
	background-color: #ccccff;
*/
}

/* ================================================ 

レンタサイクル

================================================ */

#rental {
/*	padding: 10px; */
	background-image: url(../images/backgreen.gif);
	text-align:center;
}

.cycling {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}

.cycling img {
	border:2px solid #fff;
	margin:20px 10px;
}

.ryoukin {
	font-weight: bold;
	font-size: 2em;
	background-color: #ffff00;
	width: 10em;
	height: 1em;
}



/* ================================================ 

店舗情報

================================================ */
#tenpo {
/*	padding: 10px; */
	background-image: url(../images/backskyblue.gif);
}

#tenpo .gmap-container {
	max-width:600px;
	margin:auto;
}

#tenpo .address {
	display:flex;
	justify-content:center;
font-weight:bold;
margin:30px auto;
}

#tenpo .tenpo-img {
	text-align:center;
	margin:50px auto;
}

#tenpo .tenpo-img img {
	border:2px solid #fff;
	margin:0 20px;
}

/* ================================================ 

クーポンページ

================================================ */
#coupon {
text-align:center;
margin:20px;
}

.chuui {
	color:#f00;
}

/* タブレット・PC用 */

@media (min-width: 768px) {
	#contents {
		top:200px;
	}

	.site-navigation a img {
		width:100%;
	}

	.site-navigation a:nth-of-type(3) {
		border-right:none;
	}
}