@charset "UTF-8";

/*--------------------------------------------------------------------------------
topimage
--------------------------------------------------------------------------------*/

@media all and (max-width: 767px) {
	#topimage{
		margin-bottom: 10px;
		}
}
@media screen and (min-width: 768px) {
	#topimage {
		position:relative;
		height:560px;
		margin-bottom: 60px;
		}
	#topimage img{
		border-radius:20px;
		padding:0 2px;
}
}


#contents{
	padding-top:60px;
	background:url(common/img/hr_dot.gif) top center no-repeat;
}
/*----------------------------------------
	message
----------------------------------------*/

#message {
	background:url(common/img/hr_dot.gif) bottom center no-repeat;
	padding-bottom:40px;
	margin-bottom:60px;
}
#message .container {
	text-align:center;
	background:url(img/message_bg.jpg) center left no-repeat;
	background-position:50% 35%;
}
#message h1{
	background:url(img/h1_message.gif) top center no-repeat;
	padding:10px 0;
}
#message p{
	line-height:3.0rem;
}

@media all and (max-width: 767px) {

}

@media all and (min-width: 768px) {
#message h1{
	background:url(img/h1_message.gif) top center no-repeat;
	padding:10px 0;
}
}


#parallax{
	margin:40px 0;
	background:url(img/parallax.jpg) center center no-repeat;
	background-size:cover;
	min-height:250px;
}

/*----------------------------------------*----------------------------------------
shopinfo
----------------------------------------*----------------------------------------*/
#shopinfo{
	background:url(common/img/hr_dot.gif) bottom center no-repeat;
	margin-top:40px;
	padding-bottom:40px;
}
#shopinfo img{
}
#shopinfo .btn_map{
	display:block;
	position:absolute;
	bottom:20px;
	right:20px;
	color:#FFF;
	background:#554632;
	border-radius:50%;
	height:100px;
	width:100px;
	padding:20px;
	font-size:1.4rem;
	line-height:1.8rem;
	text-decoration:none;
}
@media all and (max-width: 767px) {
	#shopinfo .btn_map{
	bottom:0;
	right:0;
	}

}
@media all and (min-width: 768px) {
	#shopinfo .btn_map{
	bottom:20px;
	right:20px;
	}
}

#shopinfo .btn_map:hover{
	opacity:0.8;
	transition: all .2s linear;
}

#insta{
	text-align:center;
	padding:20px;
	color:#554632;
	border:#efede9 10px solid;
	font-size:2.4rem;
	letter-spacing:0.5rem;
	margin-top:-40px;
}
/*----------------------------------------*----------------------------------------
news
----------------------------------------*----------------------------------------*/

#news {
	background:url(common/img/hr_dot.gif) bottom center no-repeat;
	padding-bottom:40px;
}

#news .btn{
	text-align:right;
	display:block;
	position:relative;
	right:0;
	color:#554632;
	border:none;
	background:none;
}

#news h1{
	background:url(img/h1_topics.gif) top center no-repeat;
	margin-bottom:20px;
	padding:10px 0;
}
#news .btn{
	text-align: center;
}

#news ol {
	background:#efede9;
	border-radius:10px;
	padding:20px 40px 30px 40px;
}

#news .btn i{
	color:#4d3921;
	margin-left:5px;
}
#news .btn:hover{
	text-decoration:underline;
}
/*----------------------------------------
list
----------------------------------------*/

#news .date { font-size: 1.3rem; }
#news .cat {
	font-size: 1.2rem;
	text-decoration: none;
	color: #fff;
	background: #4d3921;
	display: inline-block;
	padding: 0 5px;
}
#news .title { color: #554632; }
#news .title:hover { text-decoration:underline; }
#news .excerpt { font-size: 1.3rem; }

/* OLを使用する場合 */

#news ol li {
	margin-bottom: 10px;
	padding:10px 0 20px 0;
	border-bottom:#FFF 1px solid;
	}
#news ol li:last-child { margin-bottom: 0; }
#news ol li a{
	text-decoration:none;
}
#news ol .date { margin-right: 10px; }
#news ol .cat { margin-right: 10px; }
#news ol .cat { margin-right: 10px; }

@media all and (max-width: 767px) {
	#news ol li .title {
		display: block;
	}
}

/* .mediaを使用する場合 */

#news .media { margin-bottom: 10px; }
#news .media:last-child { margin-bottom: 20px; }
#news .media-body { vertical-align: middle; }
#news .media .date { margin-right: 10px; }
#news .media .title {
	display: block;
	margin: 3px 0;
}

/*----------------------------------------
	tabs
----------------------------------------*/

.r-tabs-nav {
	border-bottom: 1px solid #333;
	height: 40px;
}

/* li */

.r-tabs-nav > li {
	position: relative;
	float: left;
	margin-left: 20px;
}

/* a */

.news-tabs > li > a {
	position: relative;
	display: block;
	color: #333;
	text-decoration: none;
	padding: 0 15px;
	line-height: 39px;
	height: 39px;
	background-color: #e62e2e;
	border: 1px solid #333;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.news-tabs > li > a:hover,
.news-tabs > li > a:active { background-color: #fff; }

/* is-active */

.news-tabs > li.is-active > a {
	background-color: #fff;
	height: 40px;
}