@charset "utf-8";

/* CSS Document */

/*--------------------------------------
　base style
---------------------------------------*/

body{	
color:#ffffff;
font-size:24px;
margin:0;
width:640px;
height:100%;
position:relative;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
background-color:#000000;
border-top:solid 3px #ffc808;
background-image:url(../image/back.gif);
}

body > #primary {
height: auto;
}

a:link {color:#0c308e; text-decoration:underline;}
a:visited {color:#0c308e; text-decoration:underline;}
a:hover {color:#dd3119; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}

h1 {
	font-size:22px;
	font-weight:normal;
	margin:0;
	padding:0;
}

/*--------------------------------------
　Expression
---------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:20px; }
.right { float:right;}
.left { float:left;}
.floatside {overflow:hidden;}

.ro img:hover,.ro:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.pc { display:none; }
.sp { display:block; }


/*--------------------------------------
　Primary
---------------------------------------*/

#primary {
width:100%;
height:100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

article {
width:640px;
margin-left:auto;
margin-right:auto;
}

/*--------------------------------------
　MainVisual
---------------------------------------*/

#mainvisual {
	width:100%;
	max-width: 1600px;
	margin-left:auto;
	margin-right:auto;
	overflow:visible !important;
}

#mainvisual ul.bxslider {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	overflow:visible !important;
}

#mainvisual ul.bxslider li {
	width:100%;
	height:0;
	padding-top: 47.2916%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../image/mainvisual/03_wide.jpg");
}

/*--------------------------------------
　Header
---------------------------------------*/

header {
	position:relative;
	width:600px;
	height:190px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
}

header .logo a {
	background-image:url(../image/logo.png);
	width:250px;
	height:123px;
	position:absolute;
	display:block;
	z-index:99;
	top:92px;
	left:20px;
	background-size:contain;
}

header .tel a {
	background-image:url(../image/tel_20210426.png);
	background-size:contain;
	width:280px;
	height:63px;
	display:block;
	position:absolute;
	top:92px;
	right:20px;
	z-index:99;
}

header .illust { 
	background-image:url(../image/illust.png);
	background-size:contain;
	width:90px;
	height:125px;
	display:block;
	position:absolute;
	top:90px;
	left:253px;
	z-index:100;
}

/*--------------------------------------
　Footer
---------------------------------------*/

#footer {
	text-align:center;
	position:relative;
	font-size:18px;
	color:#737373;
	font-family:"Times New Roman", Times, serif;
	height:100px;
	line-height:100px;
	width:640px;
	margin-left:auto;
	margin-right:auto;
}

.topback {
	background-color:#ff3a3a;
	width:65px;
	height:65px;
	position:absolute;
	right:0;
	top:17px;
}

.topback a {
	background-image:url(../image/topback.png);
	width:65px;
	height:65px;
	display:block;
}

.topback a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*--------------------------------------
　Additional
---------------------------------------*/

#contents {
	margin-top:89px;
}

#subheader {
	background-image:url(../image/subheader.jpg);
	width:640px;
	height:250px;
}

#subpage #contents {
	margin-top:30px;
}

#information {
	position:relative;
	margin-bottom:20px;
}

#subpage #information {
	position:relative;
	margin-top:60px;
	margin-bottom:30px;
}

.shopinfo-title {
	font-size:22px;
	font-weight:bold;
	margin-bottom:30px;
	color:#C02528;
	text-align:center;
	margin-top:-20px;
	border-bottom:double 3px #B1B1B1;
	padding-bottom:18px;
}

.shopinfo-title span {
	font-size:18px;
	color:#565656;
}

#information .subtitle {
	background-image:url(../image/contents/top/subtitle01.png);
	background-size:contain;
	width:250px;
	height:84px;
	position:absolute;
	top:-110px;
	left:0px;
}

#subpage #information .subtitle {
	background-image:url(../image/contents/top/subtitle01.png);
	width:326px;
	height:109px;
	position:absolute;
	top:-60px;
	left:20px;
}

.show-button a {
	display:block;
	background-color:#000000;
	border:solid 1px #b1800c;
	height:60px;
	line-height:60px;
	color:#b1800c;
	font-weight:bold;
	font-size:22px;
	text-align:center;
	text-decoration:none;
	width:600px;
	margin-left:20px;
	margin-bottom:40px;
}

#information ul {
	list-style:none;
	margin:0;
	padding:0;
	width:620px;
	padding-left:20px;
}

#information ul li {
	float:left;
	width:290px;
	margin:0;
	padding:0;
	margin-right:20px;
	margin-bottom:20px;
	text-align:left;
	display:block;
}

#information ul li a {
	width:290px;
	height:200px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	display:block;
	margin-bottom:10px;
}

#information ul li .data {
	color:#ffb22d;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	margin-bottom:0px;
}

#information ul li .comment {
	font-size:20px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


#subpage #information ul {
	list-style:none;
	margin:0;
	padding:0;
	width:610px;
	margin-left:-20px;
}

#subpage #information ul li {
	float:left;
	width:274px;
	margin:0;
	padding:0;
	margin-right:30px;
	margin-bottom:20px;
	text-align:left;
	display:block;
}

#subpage #information ul li a {
	width:274px;
	height:200px;
	display:block;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	margin-bottom:10px;
}

#subpage #information ul li .data {
	color:#d41616;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	margin-bottom:0px;
}

#subpage #information ul li .comment {
	font-size:20px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.pagination {
clear:both;
position:relative;
font-size:18px;
line-height:13px;
margin-bottom:30px;
margin-left:-20px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:15px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:15px;
background: #3279BB;
color:#fff;
}





#subpage #information .shopinfo-wide {
	border-top:4px solid #ba1a1a;
	background-image:url(../image/contents/top/infoback.png);
	padding:50px;
	margin-top:-30px;
	color:#000000;
	font-size:16px;
	padding-bottom:50px;
}

#subpage #information .shopinfo-wide .align-center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:30px;
}

#subpage #information .shopinfo-wide .align-center img {
	max-width:540px;
	height:auto;
	box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.33);
}

.shopinfo-box {
	margin-bottom:30px;
	font-size:22px;
}

.shopinfo-under-button {
	padding-left:35px;
}

.shopinfo-under-button-show {
	padding-left:160px;
}

.shopinfo-back a {
	display:block;
	background-color:#5F5F5F;
	margin-right:30px;
	height:50px;
	line-height:50px;
	color:#ffffff;
	width:220px;
	text-decoration:none;
	text-align:center;
	font-size:24px;
	float:left;
}

.shopinfo-back a:hover {
	background-color:#B32123;
}


#shopinfo {
	position:relative;
}

#shopinfo .subtitle {
	background-image:url(../image/contents/top/subtitle02.png);
	background-size:contain;
	width:250px;
	height:84px;
	position:absolute;
	top:-121px;
	left:-59px;
	display:none;
}

.shopinfo-left {
	width:600px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:20px;
}

.shopinfo-right {
	width:600px;
	border-top:4px solid #ba1a1a;
	background-image:url(../image/contents/top/infoback.png);
	padding:20px;
}

.root {
	margin-top:20px;
}

.fbbn a {
	background-image:url(../image/contents/top/fb.png);
	background-size:contain;
	width:290px;
	height:54px;
	margin-bottom:20px;
	display:block;
	float:left;
}

.blogbn a {
	background-image:url(../image/contents/top/blog.png);
	background-size:contain;
	width:290px;
	height:54px;
	margin-bottom:20px;
	display:block;
	float:right;
}

.shopinfo-right .logo {
	width:347px;
	height:171px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.33);
}

.shopinfo-right h2 {
	font-size:23px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin:0;
	padding:0;
	margin-bottom:20px;
	color:#000000;
	display:block;
	text-align:center;
}

.shopinfo-right table {
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.33);
	background-color:#cacaca;
	width:100%;
	margin-bottom:20px;
}

.shopinfo-right table th {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,efefef+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
width:25%;
color:#000000;
text-align:center;
font-size:22px;
}

.shopinfo-right table td {
	background-color:#ffffff;
	color:#000000;
	font-size:22px;
}

.shopinfo-right table td span {
	font-size:18px;
	color:#ff0000;
}

.shopinfo-right .gmap {
	padding:6px;
	background-color:#ffffff;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.33);
}

#gallery {
	width:100%;
	height:200px;
	margin-top:20px;
}

#gallery-carousel {
	list-style:none;
	margin:0;
	padding:0;
}

#gallery-carousel li {
	margin:0px !important;
	float:left;
	width:280px;
}

#gallery-carousel li img {
	width:100%;
	height:auto;
}


/*--------------------------------------
　RSS
---------------------------------------*/

#latestblog-window {
	width:100%;
}

.latestblog-primary {
	width:640px;
	margin-left:auto;
	margin-right:auto;
}

.latestblog-list {
	width:280px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:40px;
	float:left;
	position:relative;
	text-align:center;
}

.latestblog-list.last {
	margin-right:0;
}

.latestblog-list a.circle {
	display:block;
	width:280px;
	height:280px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-color:#ffffff;
	border-radius: 50%;
    -moz-border-image: border-radius: 50%;
    -webkit-border-image: border-radius: 50%;
	margin-bottom:10px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.09);
	transition: 0.2s;
}

.latestblog-list a.circle:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
}

.latestblog-list .data {
	color:#ffb22d;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	margin-bottom:0px;
}

.latestblog-list .comment {
	font-size:22px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.sns-bana-primary {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

.sns-bana-primary div {
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
}

.sns-bana-primary div a {
	margin: 0;
	padding: 0;
}