@charset "utf-8";

/* ----------------------------------------------------
color
-----------------------------------------------------*/
body {
	font-family: "メイリオ";
	color: #292a26;
	background-color: #fff;
	background-size: 50%;
}
a, .global_nav#sitemap a {
	color: #d53633;
	text-decoration: underline;
}

.pagetop_nav, .global_nav li {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ccc), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #ccc);
	background: -moz-linear-gradient(#fff, #ccc);
	background: -o-linear-gradient(#fff, #ccc);
	background: -ms-linear-gradient(#fff, #ccc);
	background: linear-gradient(#fff, #ccc);
}
.global_nav ul li {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #aaa;
}
.pagetop_nav a, .global_nav a {
	color: #333;
}

.global_nav, .pagetop_nav {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.pagetop_nav {
	border-bottom: 1px solid #aaa;
}

small {
	/* color: #fff; */
	/* background: #222222; */
}

.pagetop_nav .to_home {
	border-color: #ccc;
}
.pagetop_nav .to_pagetop:after {
	border-color: #333;
}
.pagetop_nav li {
	border-color: #ccc;
}

.global_nav a:before {
	background-color: #d53633;
}
.global_nav ul li a:after {
	border-color: #fff;
}

table th, table td {
	border-bottom: solid 1px #f0f0f0;
}

.global_nav li.row {
	width: 100%;
}

.maxtitle {
	overflow: hidden;
}
.maxtitle img {
	max-width: none;
}

.maxtitle_center {
	overflow: hidden;
}
.maxtitle_center img {
	width: 500px;
	max-width: none;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}


.information {
	text-align: center;
	padding: 20px 0;
}

.back {
	text-align: center;
	padding: 0 20px 30px;
}
.back a {
	background: #ffc75c;
	padding: 10px 20px;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
}



/* ここからは人力でなんとかするしかねぇ。。。 */
body {
	background: url(../../images/common/bg_body.jpg);
}

footer {
	background: url(../../images/common/bg_wrap-foot.jpg) center bottom no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.sub_visual {
	text-align: center;
	text-transform: uppercase;
	font: normal 22px/1.5 'Play',"メイリオ", Meiryo, sans-serif;
	color: #444;
	letter-spacing: 3px;
	padding: 20px 0;
}
.sub_visual span {
	display: block;
	font-weight: bold;
	color: #ffc75c;
	text-shadow: 0 0 0;
}

main > div,
main > article {
	padding: 20px;
}
main p {
	margin-bottom: 10px;
}
main li {
	margin-bottom: 20px;
}




.red,
.clrred {
	color: red;
}


#contact table {
	width: 100%;
}
#contact th,
#contact td {
	width: 100%;
	display: block;
	border-radius: 0;
	padding: 10px;
	border: none;
}

#contact td.cen input{
	display:block !important;
}

#contact th {
	padding-bottom: 0;
}

.tbl01 tbody tr td.last {
	border: none;
	text-align: center;
}

#contact input {
	width: auto;
	max-width: 100%;
	padding: 5px;
}




.sub_visual {
	background: url(../../images/common/bg_subimg.jpg) center top no-repeat;
	-webkit-background-size: 150% auto;
	background-size: 150% auto;
	padding: 0 20px;
}




.subcon h3{
	background:url(../../images/common/bgh301.png) right repeat;
	border-left: 3px solid #EBD460;
	margin: 0px 0 10px 0px;
	padding: 10px 10px 10px 15px;
	font-weight:bold;
	font-size:16px;
	font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック";
	color:#270f04;
}
.subcon h4{
	margin: 20px 0 10px 0px;
	padding:5px 10px 5px 15px;
	border-left:5px solid #b0d648;
	font-weight:bold;
	font-size:16px;
	font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック";
}





.greeting {
	overflow: hidden;
	padding: 0 0 30px 0;
}
.greeting h3 {
	width: 20%;
	float: left;
	min-width: 80px;
	margin: 0 10px 0 0;
}


.iteminfo h3 {
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
.iteminfo h3 img {
	width: 500px;
	max-width: none;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.iteminfo li {
	margin-bottom: 40px;
}
.iteminfo li a {
	color: inherit;
	text-decoration: none;
}

.news {
	margin-bottom: 40px;
}

.news.lower { width: 100%;}
	.news ul { padding-right: 5px;}
	.news li {
		padding: 20px 0 15px 30px;
		margin-bottom: 0;
		color: #4d2603;
		font-weight: bold;
		background: url(../../images/top/arw-01.jpg) left no-repeat;
		border-bottom: 1px solid #e6e3d2;
	}
	.news li a {
		font-weight: normal;
		display: block;
	}

.facebook {
	margin-bottom: 40px;
}

.googlemaps{
    border: 10px solid #FFF;
    border-radius: 20px;
}


.subcon article.cafe-box {
	background-color: #FFF;
	border-radius: 20px;
	padding: 30px 20px 20px;
	margin: 0 20px 0;
}
.subcon article.cafe-box h4{
    margin: 0 0 15px;
    text-align: center;
    padding: 0;
    border-left:none;
    font-weight:bold;
    font-size:24px;
    font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック";
}
.subcon article.cafe-box-br {
	background: #fbedbd;
}
.cafe-box-img4 li img {
	border-radius: 10px;
}
.cafe-box-sizeup {
	text-align: center;
	line-height: 2;
}
.cafe-box-img4 {
	text-align: center;
}
.arrow{
	border:none;
	position:relative;
        margin-bottom: 50px;
        margin-top: 0;
}
.arrow:after {
	border:30px solid transparent;
	border-bottom-width:0;
	top: 0;
	content:"";
	display:block;
	left:50%;
	position:absolute;
	width:0;
	visibility: visible;
	height: 30px;
	margin-left:-30px;
	border-top-color:#FFF;
	display:none\9;/* IE8 以下 */
}
.subcon article.cafe-box-br{
    background-color: #fbedbd;
}
.arrow-br:after {
	border-top-color:#fbedbd;
}



.item-list {
	font-size: 0;
}
.item-list li{
	font-size: 14px;
    width: 47.5%;
    margin: 0 2.5% 20px 0;
    padding: 10px;
    text-align: left;
    border-radius: 10px;
    border: 2px dotted #f1da66;
    display: inline-block;
    vertical-align: top;
    zoom: 1; /* Fix for IE7 */
    *display: inline; /* Fix for IE7 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0.3+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.3) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#4dffffff',GradientType=0 ); /* IE6-9 */
}
.item-list li:nth-child(2n){
    margin: 0 0 20px 2.5%;
}
#pagebody.subcon .item-list li p{
    line-height: 1.4em;
}
.item-list-img{
    text-align: center;
}
.item-list-img img{
    border-radius: 5px;
}
.item-list-title{
    font-weight: bold;
    font-size: 120%;
}


.cafe-box-list li p.cafe-box-list-title{
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: #954E1D;
}
.subcon .cafe-box-list li p.cafe-box-list-box{
    margin: 5px 0;
    padding: 10px;
    border-radius: 10px;
    border: 2px dotted #B49C24;
    background-color: #F4F0E8;
    color: #000;
}
.subcon .cafe-box-list li:nth-child(even) p.cafe-box-list-box{
    background-color: #FCFCE0;
}



.store-box-info{
    border: 2px dotted #f1da66;
}
.store-box-info th,
.store-box-info td{
    padding: 5px 10px;
    border-bottom: 1px solid #F3E1A6;
}
.store-box-info tr.store-box-info-last th,
.store-box-info tr.store-box-info-last td{
    border-bottom: none;
}



.sitemap-list li{
	background:url(../../images/top/ico_ov.png) no-repeat 10px 12px;
	margin:15px 10px 10px 10px;
	padding: 7px 0px 10px 30px;
	border-bottom: 1px dotted #DFDFDF;
}

.blog_information,
.blog_information p {
	overflow: hidden;
}

body.information {
	text-align: left;
	padding: 0;
}



.news.lower { width: 100%;}
	.news ul { padding-right: 5px;}
	.news li {
		padding: 20px 0 15px 30px;
		color: #4d2603;
		font-weight: bold;
		background: url(../../images/top/arw-01.jpg) left no-repeat;
		border-bottom: 1px solid #e6e3d2;
	}
	.news li a {
		font-weight: normal;
	}
	.news.lower li a { width: 820px;}