﻿@charset "UTF-8";

/* ----TOP---- */
/* MV */
.home-mv{
	position: relative;
	width: 100%;
	height: 870px;
	top: 0px;
	z-index: 5;
}
.forcms .home-mv{
	height: auto;
}
.home-mv--bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.home-mv--bg-path{display: none;}
.forcms .home-mv--bg-path{display: block;}
.home-mv--message{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	color: #ffffff;
	text-align: center;
	transform: translateY(-50%);
	z-index: 2;
}
.home-mv--message span{
	display: block;
}
.home-mv--message-main{
	font-size: 4.8rem;
	letter-spacing: 0.15em;
}
.home-mv--message-sub{
	font-size: 3.0rem;
}
.home-mv--tag{
	position: relative;
	width: 100%;
	max-width: 1164px;
	margin: 0 auto;
	height: 267px;
	top: -201px;
	overflow-x: hidden;
	z-index: 10;
}
.home-mv--tag span{
	float: right;
	display: block;
}
.home-mv--tag img{
	display: block;
	width: 403px;
	max-width: none;
}

/* common */
.home-h2{
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 60px;
}
.home-h2--main{
	display: block;
	font-size: 4.0rem;
	font-weight: bold;
}
.home-h2--sub{
	display: block;
	font-size: 1.6rem;
	color: #a48b78;
}

/* animation */
[data-aos="home-animation-fadeup"],
[data-aos="home-animation-fadeleft"],
[data-aos="home-animation-faderight"]{
	opacity: 0;
	transition-property: transform, opacity;
}
.forcms [data-aos="home-animation-fadeup"],
.forcms [data-aos="home-animation-fadeleft"],
.forcms [data-aos="home-animation-faderight"]{
	opacity: 1 !important;
}
[data-aos="home-animation-fadeup"].aos-animate,
[data-aos="home-animation-fadeleft"].aos-animate,
[data-aos="home-animation-faderight"].aos-animate{
	opacity: 1;
}

[data-aos="home-animation-fadeup"]{
	transform: translateY(50px);
}
[data-aos="home-animation-fadeup"].aos-animate,
.forcms [data-aos="home-animation-fadeup"].aos-animate{
	transform: translateY(0px);
}
li[data-aos="home-animation-fadeup"]:nth-child(even){
	transition-delay: .3s;
}

[data-aos="home-animation-faderight"]{
	transform: translateX(-50px);
}
[data-aos="home-animation-faderight"].aos-animate,
.forcms [data-aos="home-animation-faderight"].aos-animate{
	transform: translateY(0px);
}

[data-aos="home-animation-fadeleft"]{
	transform: translateX(50px);
}
[data-aos="home-animation-fadeleft"].aos-animate,
.forcms [data-aos="home-animation-fadeleft"].aos-animate{
	transform: translateY(0px);
}


/* NEWS */
.home-info{
	padding: 155px 0 160px 0;
}
.home-info--list{
	position: relative;
	width: 100%;
	min-height: 200px;
}
.home-info--list:before,
.home-info--list:after{
	content: "";
	display: block;
	position: absolute;
	width: 1114px;
	height: 1px;
	left: 0;
	background-color: #dad8d4;
}
.home-info--list:before{top: 0;}
.home-info--list:after{bottom: 0;}
.home-info--list ul{
}
.home-info--list-item{
	border-bottom: 1px #dad8d4 solid;
}
.home-info--list-item:last-child{
	border-bottom: none;
}
.home-info--list-item a,
.home-info--list-item div{
	display: flex;
	padding: 22px 0;
}
.home-info--list-item--category{
	order: 1;
	width: 170px;
	text-align: center;
}
.home-info--list-item--category span{
	display: inline-block;
	width: 110px;
	padding: 2px 5px;
	border: 1px #665e52 solid;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}
.home-info--list-item--date{
	order: 2;
	width: 110px;
	padding-top: 4px;
}
.home-info--list-item--body{
	order: 3;
	font-size: 1.5rem;
	width: 815px;
	transition:all .4s ease;
	padding-top: 4px;
}
.home-info--list-item a:hover .home-info--list-item--body{
	color: #9d5040;
}
.home-info--btn{
	width: 380px;
	margin: 48px auto 0 auto;
}

.mCSB_inside>.mCSB_container{
	margin-right: 50px !important;
}
.mCSB_scrollTools{
	width: 10px !important;
}
.mCSB_draggerRail{
	width: 10px !important;
	background-color: #f5f5f1 !important;
}
.mCSB_dragger_bar{
	width: 10px !important;
	background-color: #665e52 !important;
}

/* SHOP & MENU */
.home-shop-menu{
	padding: 155px 0 160px 0;
	background: url(../img/bg.jpg) repeat;
}
.home-shop-menu--list{
	display: flex;
	justify-content: space-between;
}
.home-shop-menu--list-item{
	width: 530px;
}
.home-shop-menu--list-item .home-shop-menu--btn.display-sp{
    display: none;
}
.home-shop-menu--list-title{
	font-size: 3.2rem;
	text-align: center;
	margin-bottom: 30px;
}
.home-shop-menu--list-text{
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 30px;
}
.home-shop-menu--btn{
	margin-top: 65px;
	display: flex;
	justify-content: center;
}
.home-shop-menu--btn>div{
	margin: 0 40px;
}
.home-shop-menu--btn>div a{
	width: 380px;
}

/* その他のサービス */
.home-service{
	padding: 155px 0 160px 0;
}
.home-service--list{
	width: 100%;
	overflow-x: hidden;
}
.home-service--list-item{
	display: flex;
}
.home-service--list-item:nth-child(odd) .home-service--list-img{order: 1;}
.home-service--list-item:nth-child(odd) .home-service--list-text{order: 2;}
.home-service--list-item:nth-child(even) .home-service--list-img{order: 2;}
.home-service--list-item:nth-child(even) .home-service--list-text{order: 1;}
.home-service--list-img,
.home-service--list-text{
	width: 50%;
}
.home-service--list-img img{
	display: block;
}
.home-service--list-text{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	text-align: center;
}
.home-service--list-text h3{
	font-size: 3.2rem;
	width: 100%;
	padding: 0 50px;
	margin-bottom: 20px;
}
.home-service--list-text h4{
	font-size: 2.0rem;
	width: 100%;
	padding: 0 50px;
	margin-bottom: 20px;
}
.home-service--list-text p{
	font-size: 1.6rem;
	width: 100%;
	padding: 0 50px;
	margin-bottom: 20px;
}
.home-service--list-text div{
	width: 120px;
}

/* SNS */
.home-sns{
	background: url(../img/bg.jpg) repeat;
	padding: 90px 0 160px 0;
}
.home-sns .contents--width{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.home-sns--h2{
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 60px;
}
.home-sns--h2 span{
	display: flex;
	align-items: flex-end;
	height: 105px;
	padding: 0 152px;
	font-size: 4.0rem;
	margin: 0 auto;
	background: url(../img/top/ico_sns_title.png) no-repeat left top;
}
.home-sns--list{
	display: flex;
	width: 100%;
}
.home-sns--list.display-sp{
	display: none;
}
.home-sns--list-item{
	width: 50%;
}
.home-sns--list-item:nth-child(odd){padding-right: 52px;}
.home-sns--list-item:nth-child(even){padding-left: 52px;}
.home-sns--list-title{
	margin-bottom: 35px;
	text-align: center;
}
.home-sns--list-title span{
	display: inline-block;
	padding-left: 55px;
	font-size: 3.0rem;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: left center;
}
.home-sns--list-title.instagram span{background-image: url(../img/common/ico_instagram_color.png);}
.home-sns--list-title.facebook span{background-image: url(../img/common/ico_facebook_color.png);}
.home-sns--instagram{
	background-color: #ffffff;
	padding: 25px 25px 10px 25px;
}
.home-sns--instagram--top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}
.home-sns--instagram--top-image{
}
.home-sns--instagram--top-header{
	width: 380px;
	text-align: left;
	align-items: center;
}
.home-sns--instagram--top-header div{
	display: flex;
	justify-content: space-between;
}
.home-sns--instagram--top-header div h3{
	font-size: 2.0rem;
}
.home-sns--instagram--top-btn{
	line-height: 33px;
	width: 100px;
	position: relative;
	overflow: hidden;
}
.home-sns--instagram--top-btn span{
	display: block;
	position:absolute;
	width: 96px;
	height: 29px;
	top: 2px;
	left: 2px;
	background:#665e52;
	transition:all .4s ease;
	z-index:1;
}
.home-sns--instagram--top-btn:hover span{
	left: 98px;
}
.home-sns--instagram--top-btn a{
	display: block;
	line-height: 29px;
	width: 100px;
	text-align: center;
	border: 2px #665e52 solid;
	color: #ffffff;
	transition:all .4s ease;
	z-index: 2;
}
.home-sns--instagram--top-btn a:hover{
	color: #665e52;
}
.home-sns--instagram--top-header p{
	margin-top: 14px;
}
.home-sns--instagram--list{
	display: flex;
	flex-wrap: wrap;
}
.home-sns--instagram--thumb{
	position: relative;
	width: 150px;
	height: 150px;
	display: flex;
	margin: 0 15px 15px 0;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.home-sns--instagram--thumb img{
	display: block;
	max-width: 150px;
	max-height: 150px;
}
.home-sns--instagram--thumb:nth-child(3n){
	margin-right: 0;
}
.home-sns--instagram--thumb:hover img{
	opacity: 1;
}
.home-sns--instagram--thumb:before,
.home-sns--instagram--thumb:after{
	content: "";
	display: block;
	position: absolute;
	transition:all .4s ease;
	z-index: 2;
}
.home-sns--instagram--thumb:before{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0);
}
.home-sns--instagram--thumb:hover:before{
	background-color: rgba(0,0,0,0.3);
}
.home-sns--instagram--thumb:after{
	width: 22px;
	height: 22px;
	top: 50%;
	left: 50%;
	margin: -11px 0 0 -11px;
	background-image: url(../img/common/ico_instagram.png);
	background-position: center center;
	background-repeat: no-repeat;
	transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	opacity: 0;
}
.home-sns--instagram--thumb:hover:after{
	transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	opacity: 1;
}

/* banner */
.home-banner{
	padding: 160px 0 170px 0;
}
.home-banner--list{
	display: flex;
	justify-content: space-between;
}
.home-banner--list-item{
	padding: 0 40px;
}
.home-banner--list-item:first-child{padding-left: 0;}
.home-banner--list-item:last-child{padding-right: 0;}
.home-banner--list-item a,
.home-banner--list-item a img{
	display: block;
	width: 100%;
}
.home-banner--list-item span{
	padding-top: 20px;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.8rem;
}

/* ----NEWS/LIST---- */
.contents-info--list{
	padding: 80px 0;
}
.contents-info--list-item{
	border-bottom: 1px #dad8d4 solid;
}
.contents-info--list-item:first-child{
	border-top: 1px #dad8d4 solid;
}
.contents-info--list-item a,
.contents-info--list-item div{
	display: flex;
	align-items: center;
	padding: 22px 0;
}
.contents-info--list-item--category{
	order: 1;
	width: 135px;
	padding-right: 25px;
	text-align: center;
}
.contents-info--list-item--category span{
	display: inline-block;
	width: 110px;
	padding: 2px 5px;
	border: 1px #665e52 solid;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}
.contents-info--list-item--date{
	order: 2;
	width: 110px;
	padding: 4px 0;
}
.contents-info--list-item--body{
	order: 3;
	font-size: 1.5rem;
	width: 638px;
	transition:all .4s ease;
	padding: 4px 0;
}
.contents-info--list-item a:hover .contents-info--list-item--body{
	color: #9d5040;
}

/* ----NEWS/DETAIL---- */
.contents-info-detail--head{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.contents-info-detail--head-info{
	display: flex;
}
.contents-info-detail--head-category {
	display: inline-block;
	width: 110px;
	padding: 2px 5px;
	border: 1px #665e52 solid;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	text-align: center;
}
.contents-info-detail--head-date{
	line-height: 27px;
	padding-left: 1.3em;
}
.contents-info-detail--head-sns{
	display: flex;
}
.contents-info-detail--head-sns>li{
	margin-left: 5px;
}
.contents-info-detail--head-sns>li:first-child{
	margin-left: 0;
}
.contents-info-detail--title{
	font-size: 2.8rem;
	font-weight: bold;
	margin-bottom: 70px;
}
.contents-info-detail--img{
	width: 100%;
	overflow: hidden;
	margin-bottom: 65px;
}
.contents-info-detail--img-wrap{
	width: 924px;
	display: table;
	table-layout: fixed;
	margin-left: -20px;
}
.contents-info-detail--img-wrap>div{
	display: table-cell;
	padding: 0 20px;
}
.contents-info-detail--img-wrap>div img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.contents-info-detail--img-wrap>div span{
	display: block;
	font-size: 1.6rem;
	margin-top: 17px;
	text-align: center;
}
.contents-info-detail--body{
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 65px;
}
.contents-info-detail--body p{
	margin-bottom: 0.8rem;
}
.contents-info-detail--link{
	margin-bottom: 35px;
	font-size: 1.6rem;
	line-height: 1.8;
}
.contents-info-detail--link a{
	display: block;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.contents-info-detail--link a:hover{
	color: #9d5040;
}
.contents-info-detail--pdf{
}
.contents-info-detail--pdf a{
}
.contents-info-detail--pdf span{
	display: inline-block;
	background-color: #665e52;
	color: #ffffff;
	font-size: 1.3rem;
	line-height: 18px;
	border: 1px #665e52 solid;
	padding: 0 0.8rem;
	letter-spacing: 0.1em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.contents-info-detail--pdf a:hover span{
	background-color: #ffffff;
	color: #665e52;
}
.contents-info-detail--pdf p{
	display: inline-block;
	line-height: 20px;
	font-size: 1.6rem;
	padding-left: 0.7em;
}

/* ----SHOP/LIST---- */
.contents-shoplist--title{
}
.contents-shoplist--title--head{
	font-size: 3.2rem;
	font-weight: bold;
	margin-bottom: 60px;
	line-height: 1.1;
}
.contents-shoplist--title--icon{
	border-top: 1px #dad8d4 solid;
	border-bottom: 1px #dad8d4 solid;
	display: flex;
	padding: 23px 0;
	margin-bottom: 80px;
}
.contents-shoplist--title--icon p{
	font-size: 1.6rem;
	font-weight: bold;
	padding-right: 1em;
}
.contents-shoplist--title--icon ul{
	display: flex;
}
.contents-shoplist--title--icon ul li{
	font-size: 1.6rem;
	margin-right: 1.5rem;
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 25px;
}
.contents-shoplist--title--icon ul li:last-child{
	margin-right: 0;
}
.contents-shoplist--title--icon ul li.cafe_food,
.contents-shoplist--title--icon ul li.cafe_drink{
	padding-left: 26px;
}
.contents-shoplist--title--icon ul li.cafe_sweets,
.contents-shoplist--title--icon ul li.cafe_sale,
.contents-shoplist--title--icon ul li.cafe_point{
	padding-left: 32px;
}
.contents-shoplist--title--icon ul li.cafe_food{
	background-image: url(../img/pages/shop/ico_food.png);
	background-size: auto 25px;
	-moz-background-size: auto 25px;
	-webkit-background-size: auto 25px;
}
.contents-shoplist--title--icon ul li.cafe_drink{
	background-image: url(../img/pages/shop/ico_drink.png);
	background-size: auto 25px;
	-moz-background-size: auto 25px;
	-webkit-background-size: auto 25px;
}
.contents-shoplist--title--icon ul li.cafe_sweets{
	background-image: url(../img/pages/shop/ico_cake.png);
	background-size: auto 22px;
	-moz-background-size: auto 22px;
	-webkit-background-size: auto 22px;
}
.contents-shoplist--title--icon ul li.cafe_sale{
	background-image: url(../img/pages/shop/ico_measure.png);
	background-size: auto 19px;
	-moz-background-size: auto 19px;
	-webkit-background-size: auto 19px;
}
.contents-shoplist--title--icon ul li.cafe_point{
	background-image: url(../img/pages/shop/ico_point.png);
	background-size: auto 25px;
	-moz-background-size: auto 25px;
	-webkit-background-size: auto 25px;
}

.contents-shoplist--search{
	position: relative;
	height: 466px;
	margin-bottom: 100px;
}
.contents-shoplist--search h2{
	position: absolute;
	font-size: 2.8rem;
	font-weight: bold;
}
.contents-shoplist--search ul{
	position: absolute;
	top: 0;
	right: 110px;
	width: 676px;
	height: 466px;
}
.contents-shoplist--search ul li{
	width: 64px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
}
.contents-shoplist--search ul li.hokkaido{
	width: 132px;
	height: 70px;
}
.contents-shoplist--search ul li span,
.contents-shoplist--search ul li a{
	display: flex;
	justify-content: center;
	align-content: center;
	width: 64px;
	line-height: 40px;
	background-color: #f8f6f3;
	color: #aea79e;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	pointer-events: none;
}
.contents-shoplist--search ul li.hokkaido span,
.contents-shoplist--search ul li.hokkaido a{
	width: 132px;
	line-height: 70px;
}
.contents-shoplist--search ul li a.enable{
	background-color: #e7e0d8;
	color: #665e52;
	pointer-events: auto;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.contents-shoplist--search ul li a.enable:hover{
	background-color: #5c4943;
	color: #ffffff;
}

.contents-shoplist--search ul li.hokkaido{top: 0; right: 0;}
.contents-shoplist--search ul li.aomori{top: 74px; right: 68px;}
.contents-shoplist--search ul li.iwate{top: 74px; right: 0;}
.contents-shoplist--search ul li.miyagi{top: 118px; right: 0;}
.contents-shoplist--search ul li.akita{top: 118px; right: 68px;}
.contents-shoplist--search ul li.yamagata{top: 162px; right: 68px;}
.contents-shoplist--search ul li.fukushima{top: 162px; right: 0;}
.contents-shoplist--search ul li.ibaraki{top: 250px; right: 0;}
.contents-shoplist--search ul li.tochigi{top: 206px; right: 0;}
.contents-shoplist--search ul li.gunma{top: 206px; right: 68px;}
.contents-shoplist--search ul li.saitama{top: 250px; right: 68px;}
.contents-shoplist--search ul li.chiba{top: 294px; right: 0;}
.contents-shoplist--search ul li.tokyo{top: 294px; right: 68px;}
.contents-shoplist--search ul li.kanagawa{top: 338px; right: 68px;}
.contents-shoplist--search ul li.niigata{top: 162px; right: 136px;}
.contents-shoplist--search ul li.toyama{top: 162px; right: 204px;}
.contents-shoplist--search ul li.ishikawa{top: 162px; right: 272px;}
.contents-shoplist--search ul li.fukui{top: 206px; right: 204px;}
.contents-shoplist--search ul li.yamanashi{top: 250px; right: 136px;}
.contents-shoplist--search ul li.nagano{top: 206px; right: 136px;}
.contents-shoplist--search ul li.gifu{top: 250px; right: 204px;}
.contents-shoplist--search ul li.shizuoka{top: 294px; right: 136px;}
.contents-shoplist--search ul li.aichi{top: 294px; right: 204px;}
.contents-shoplist--search ul li.mie{top: 294px; right: 272px;}
.contents-shoplist--search ul li.shiga{top: 250px; right: 272px;}
.contents-shoplist--search ul li.kyoto{top: 206px; right: 272px;}
.contents-shoplist--search ul li.osaka{top: 250px; right: 340px;}
.contents-shoplist--search ul li.hyogo{top: 206px; right: 340px;}
.contents-shoplist--search ul li.nara{top: 294px; right: 340px;}
.contents-shoplist--search ul li.wakayama{top: 338px; right: 340px;}
.contents-shoplist--search ul li.tottori{top: 206px; right: 408px;}
.contents-shoplist--search ul li.shimane{top: 206px; right: 476px;}
.contents-shoplist--search ul li.okayama{top: 250px; right: 408px;}
.contents-shoplist--search ul li.hiroshima{top: 250px; right: 476px;}
.contents-shoplist--search ul li.yamaguchi{top: 206px; right: 544px;}
.contents-shoplist--search ul li.tokushima{top: 338px; right: 408px;}
.contents-shoplist--search ul li.kagawa{top: 294px; right: 408px;}
.contents-shoplist--search ul li.ehime{top: 294px; right: 476px;}
.contents-shoplist--search ul li.kochi{top: 338px; right: 476px;}
.contents-shoplist--search ul li.fukuoka{top: 250px; right: 544px;}
.contents-shoplist--search ul li.saga{top: 250px; right: 612px;}
.contents-shoplist--search ul li.nagasaki{top: 294px; right: 612px;}
.contents-shoplist--search ul li.kumamoto{top: 338px; right: 612px;}
.contents-shoplist--search ul li.oita{top: 294px; right: 544px;}
.contents-shoplist--search ul li.miyazaki{top: 338px; right: 544px;}
.contents-shoplist--search ul li.kagoshima{top: 382px; right: 544px;}
.contents-shoplist--search ul li.okinawa{top: 426px; right: 612px;}

.contents-shoplist--area{
	margin-top: 95px;
	margin-bottom: 50px;
}
.contents-shoplist--area h2{
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: 0.3rem;
}

.contents-shoplist--prefectures{
	margin-bottom: 75px;
}
.contents-shoplist--prefectures h3{
	position: relative;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.1;
	padding-bottom: 30px;
	margin-bottom: 40px;
	letter-spacing: 0.3rem;
}
.contents-shoplist--prefectures h3:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 32px;
	height: 2px;
	background-color: #665e52;
}
.contents-shoplist--shop-item{
	margin-bottom: 60px;
}
.contents-shoplist--shop-item--title{
	display: flex;
	padding-bottom: 25px;
	border-bottom: 1px #dad8d4 solid;
	margin-bottom: 25px;
}
.contents-shoplist--shop-item--title.new:before{
	content: "NEW";
	letter-spacing: 0.2rem;
	font-size: 1.2rem;
	color: #ffffff;
	background-color: #801125;
	padding: 0 1.5rem;
	line-height: 24px;
	height: 24px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin-top: 3px;
	margin-right: 2rem;
}
.contents-shoplist--shop-item--title h4{
	flex: 1;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0.1rem;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.contents-shoplist--shop-item--title:hover h4{
	opacity: 0.7;
}
.contents-shoplist--shop-item--content{
	display: flex;
	font-size: 1.6rem;
}
.contents-shoplist--shop-item--img{
	width: 300px;
	margin-right: 40px;
}
.contents-shoplist--shop-item--img img{
	width: 100%;
	max-width: 100%;
}
.contents-shoplist--shop-item--info{
	flex: 1;
	position: relative;
}
.contents-shoplist--shop-item--main{
}
.contents-shoplist--shop-item--main dl{
	display: flex;
	margin-bottom: 13px;
	min-height: 26px;
}
.contents-shoplist--shop-item--main dl:last-of-type{
	margin-bottom: 0;
}
.contents-shoplist--shop-item--main dt{
	width: 10rem;
}
.contents-shoplist--shop-item--main dt span{
	display: inline-block;
	width: 7.5rem;
	text-align: justify;
}
.contents-shoplist--shop-item--main dd{
	flex: 1;
	font-size: 1.6rem;
}
.contents-shoplist--shop-item--main dd div{
	margin-top: -0.3rem;
}
.contents-shoplist--shop-item--main dd div p{
	display: inline;
	padding-right: 1.5rem;
	line-height: 2;
}
.contents-shoplist--shop-item--main dd div a.map{
	display: inline-block;
	line-height: 26px;
	background-color: #665e52;
	color: #ffffff;
	padding: 0 13px 0 32px;
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	background-image: url(../img/pages/shop/ico_mappin.png);
	background-repeat: no-repeat;
	background-size: 10px auto;
	background-position: 13px center;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.contents-shoplist--shop-item--main dd div a.map:hover{
	background-color: #5c4943;
}
.contents-shoplist--shop-item--main dd div a.map span{
	display: block;
	font-size: 1.3rem;
	margin-top: 0;
}
.contents-shoplist--shop-item--main dd span{
	display: block;
	font-size: 1.4rem;
	margin-top: 4px;
}
.contents-shoplist--shop-item--icon{
	display: flex;
}
.contents-shoplist--shop-item--icon li{
	margin-right: 16px;
	width: 26px;
	height: 26px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
}
.contents-shoplist--shop-item--icon li:last-child{
	margin-right: 0;
}
.contents-shoplist--shop-item--icon li.cafe_food{
	background-image: url(../img/pages/shop/ico_food.png);
	background-size: auto 25px;
	-moz-background-size: auto 25px;
	-webkit-background-size: auto 25px;
}
.contents-shoplist--shop-item--icon li.cafe_drink{
	background-image: url(../img/pages/shop/ico_drink.png);
	background-size: auto 25px;
	-moz-background-size: auto 25px;
	-webkit-background-size: auto 25px;
}
.contents-shoplist--shop-item--icon li.cafe_sweets{
	background-image: url(../img/pages/shop/ico_cake.png);
	background-size: auto 22px;
	-moz-background-size: auto 22px;
	-webkit-background-size: auto 22px;
}
.contents-shoplist--shop-item--icon li.cafe_sale{
	background-image: url(../img/pages/shop/ico_measure.png);
	background-size: auto 19px;
	-moz-background-size: auto 19px;
	-webkit-background-size: auto 19px;
}
.contents-shoplist--shop-item--icon li.cafe_point{
	background-image: url(../img/pages/shop/ico_point.png);
	background-size: auto 25px;
	-moz-background-size: auto 25px;
	-webkit-background-size: auto 25px;
}

.contents-shoplist--shop-item--info .contents-animation-btn-type2{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 200px;
}
.hasimg .contents-shoplist--shop-item--info{
	padding-bottom: 50px;
}
.contents-shoplist--shop-item--info .contents-animation-btn-type2 a:before,
.contents-shoplist--shop-item--info .contents-animation-btn-type2 a:after{
	height: 1px;
}

.contents-shoplist--coffee{
	margin-top: 90px;
}
.contents-shoplist--coffee h2 {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: 0.3rem;
	margin-bottom: 50px;
}
.contents-shoplist--coffee-shop-item{
	display: flex;
}
.contents-shoplist--coffee--img{
	width: 300px;
	height: 218px;
	margin-right: 38px;
	background-color: #5c4943;
	background-image: url(../img/pages/shop/ico_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100px auto;
	-moz-background-size: 100px auto;
	-webkit-background-size: 100px auto;
}
.contents-shoplist--coffee--info{
	flex: 1;
}
.contents-shoplist--coffee--info p{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 2.0;
	margin-bottom: 30px;
}
.contents-shoplist--coffee--info a{
	display: inline-block;
	position: relative;
	padding-left: 60px;
	font-size: 1.6rem;
}
.contents-shoplist--coffee--info a:before{
	content: "PDF";
	position: absolute;
	left: 0;
	top: 3px;
	background-color: #665e52;
	color: #ffffff;
	font-size: 1.3rem;
	line-height: 18px;
	height: 20px;
	border: 1px #665e52 solid;
	padding: 0 0.8rem;
	letter-spacing: 0.1em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.contents-shoplist--coffee--info a:hover:before{
	background-color: #ffffff;
	color: #665e52;
}

/* ----SHOP/DETAIL---- */
.contents-shop-detail--main{
	display: flex;
	margin-bottom: 75px;
}
.contents-shop-detail--main--map,
.contents-shop-detail--main--map iframe{
	width: 340px;
	height: 580px;
}
.contents-shop-detail--main--map{
	margin-right: 40px;
}
.contents-shop-detail--main--wrap{
	flex: 1;
}
.contents-shop-detail--name{
	position: relative;
	margin-top: -6px;
}
.contents-shop-detail--name.new{
	padding-left: 90px;
}
.contents-shop-detail--name.new:before{
	content: "NEW";
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	text-align: center;
	width: 65px;
	margin-right: 20px;
	height: 24px;
	line-height: 24px;
	font-size: 1.3rem;
	letter-spacing: 0.2rem;
	background-color: #801125;
	color: #ffffff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.contents-shop-detail--name h1{
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 35px;
}
.contents-shop-detail--comment{
	border-top: 1px #dad8d4 solid;
	border-bottom: 1px #dad8d4 solid;
	padding: 25px 0;
	margin-bottom: 35px;
}
.contents-shop-detail--comment p{
	font-size: 1.8rem;
	line-height: 1.8;
}
.contents-shop-detail--body dl{
	display: flex;
	margin-bottom: 13px;
	min-height: 26px;
}
.contents-shop-detail--body dl:last-of-type{
	margin-bottom: 0;
}
.contents-shop-detail--body dt{
	width: 10rem;
	font-size: 1.6rem;
}
.contents-shop-detail--body dt span{
	display: inline-block;
	width: 7.5rem;
	text-align: justify;
}
.contents-shop-detail--body dd{
	flex: 1;
	font-size: 1.6rem;
}
.contents-shop-detail--body dd p{
	display: block;
	padding-right: 1.5rem;
	margin-top: -0.3rem;
	line-height: 1.9;
}
.contents-shop-detail--body dd span{
	display: block;
	font-size: 1.4rem;
	margin-top: 4px;
}
.contents-shop-detail--body dd p a[href^="tel:"]{
	color: #665e52;
    pointer-events: none;
    cursor: auto;
}
.contents-shop-detail--main--icon{
	display: flex;
}
.contents-shop-detail--main--icon li{
	margin-right: 16px;
	width: 26px;
	height: 26px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
}
.contents-shop-detail--main--icon li:last-child{
	margin-right: 0;
}
.contents-shop-detail--main--icon li.cafe_food{
	background-image: url(../img/pages/shop/ico_food.png);
	background-size: auto 25px;
	-moz-background-size: auto 25px;
	-webkit-background-size: auto 25px;
}
.contents-shop-detail--main--icon li.cafe_drink{
	background-image: url(../img/pages/shop/ico_drink.png);
	background-size: auto 25px;
	-moz-background-size: auto 25px;
	-webkit-background-size: auto 25px;
}
.contents-shop-detail--main--icon li.cafe_sweets{
	background-image: url(../img/pages/shop/ico_cake.png);
	background-size: auto 22px;
	-moz-background-size: auto 22px;
	-webkit-background-size: auto 22px;
}
.contents-shop-detail--main--icon li.cafe_sale{
	background-image: url(../img/pages/shop/ico_measure.png);
	background-size: auto 19px;
	-moz-background-size: auto 19px;
	-webkit-background-size: auto 19px;
}
.contents-shop-detail--main--icon li.cafe_point{
	background-image: url(../img/pages/shop/ico_point.png);
	background-size: auto 25px;
	-moz-background-size: auto 25px;
	-webkit-background-size: auto 25px;
}

.contents-shop-detail--main--menu{
}
.contents-shop-detail--main--menu li{
	margin-bottom: 4px;
}
.contents-shop-detail--main--menu li:last-child{
	margin-bottom: 0;
}
.contents-shop-detail--main--menu a{
	display: inline-block;
	position: relative;
	padding-left: 60px;
	font-size: 1.6rem;
}
.contents-shop-detail--main--menu a:before{
	content: "PDF";
	position: absolute;
	left: 0;
	top: 3px;
	background-color: #665e52;
	color: #ffffff;
	font-size: 1.3rem;
	line-height: 18px;
	height: 20px;
	border: 1px #665e52 solid;
	padding: 0 0.8rem;
	letter-spacing: 0.1em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.contents-shop-detail--main--menu a:hover:before{
	background-color: #ffffff;
	color: #665e52;
}

.contents-shop-detail--image{
	margin-bottom: 55px;
}
.contents-shop-detail--image ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.contents-shop-detail--image li{
	margin-bottom: 15px;
}
.contents-shop-detail--image li,
.contents-shop-detail--image li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 210px;
	height: 210px;
}
.contents-shop-detail--image li a img{
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.contents-shop-detail--notification{
}
.contents-shop-detail--notification--title{
	padding-bottom: 20px;
	border-bottom: 1px #dad8d4 solid;
	margin-bottom: 30px;
}
.contents-shop-detail--notification--title h2{
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.contents-shop-detail--notification--wrap{
	display: flex;
	align-items: center;
}
.contents-shop-detail--notification--image{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 120px;
	margin-right: 40px;
}
.contents-shop-detail--notification--image img{
	display: block;
	max-width: 100%;
	max-height: 100%;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.contents-shop-detail--notification--text{
	flex: 1;
}
.contents-shop-detail--notification--text p{
	font-size: 1.6rem;
	line-height: 1.8;
}
.contents-shop-detail--sns{
	margin-top: 115px;
	background: url(../img/bg.jpg) repeat;
	padding: 55px 40px 40px 40px;
}
.contents-shop-detail--sns h2{
	text-align: center;
	margin-bottom: 25px;
}
.contents-shop-detail--sns h2 span{
	display: inline-block;
	position: relative;
	font-size: 3.0rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
}
.contents-shop-detail--sns h2 span:after{
	content: "";
	display: block;
	position: absolute;
	top: -69px;
	left: -113px;
	width: 113px;
	height: 82px;
	background-image: url(../img/pages/shop/ico_sns_title.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.contents-shop-detail--sns--wrap h3{
	margin-bottom: 25px;
	text-align: center;
}
.contents-shop-detail--sns--wrap h3 span{
	display: inline-block;
	padding-left: 55px;
	font-size: 2.4rem;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: left center;
	letter-spacing: 0.2rem;
}
.contents-shop-detail--sns--wrap .twitter h3 span{background-image: url(../img/common/ico_twitter_color.png);}
.contents-shop-detail--sns--wrap .facebook h3 span{background-image: url(../img/common/ico_facebook_color.png);}

.contents-shop-detail--sns--wrap{
	display: flex;
	justify-content: space-between;
}
.contents-shop-detail--sns--wrap.display-sp{
	display: none;
}
.contents-shop-detail--sns--wrap li{
	width: 382px;
}

/* ----MENU/LIST---- */
.contents-menulist--title h1{
	font-size: 3.2rem;
	font-weight: bold;
	margin-bottom: 50px;
	line-height: 1.1;
}
.contents-menulist--notice{
	margin-bottom: 40px;
}
.contents-menulist--notice li{
	position: relative;
	padding-left: 1.8rem;
	margin-bottom: 3px;
}
.contents-menulist--notice li:last-child{
	margin-bottom: 0;
}
.contents-menulist--notice li:before{
	content: "※";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.contents-menulist--category{
	margin-bottom: 50px;
}
.contents-menulist--category h2{
	position: relative;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 40px;
	line-height: 1.1;
	padding-bottom: 35px;
	letter-spacing: 0.2rem;
}
.contents-menulist--category h2:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 2px;
	background-color: #665e52;
}
.contents-menulist--category h3{
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	margin-bottom: 7px;
}
.contents-menulist--category p{
	font-size: 1.6rem;
	line-height: 1.9;
}

.contents-menulist--menu-block{

}
.contents-menulist--menu-block--title{
	padding-bottom: 20px;
	border-bottom: 1px #dad8d4 solid;
	margin-bottom: 33px;
}
.contents-menulist--menu-block--title h3{
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
}
.contents-menulist--menu-block--title h3 span{
	font-size: 1.6rem;
	letter-spacing: 0.2rem;
	padding-left: 1rem;
}
.contents-menulist--menu-block--items{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.contents-menulist--item{
	position: relative;
	width: 268px;
	margin-right: 40px;
	margin-bottom: 30px;
}
.contents-menulist--item:nth-child(3n){
	margin-right: 0;
}
.contents-menulist--item.new:before{
	content: "NEW";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.3rem;
	letter-spacing: 0.2rem;
	display: block;
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background-color: #801125;
	color: #ffffff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	z-index: 2;
}
.contents-menulist--item--image{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 194px;
	margin-bottom: 15px;
	z-index: 1;
}
.contents-menulist--item--image img{
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.contents-menulist--item--icon{
	margin-bottom: 15px;
}
.contents-menulist--item--icon ul{
	display: flex;
	flex-wrap: wrap;
}
.contents-menulist--item--icon li{
	position: relative;
	margin-right: 8px;
	margin-bottom: 5px;
	line-height: 2.2;
	letter-spacing: 0.07rem;
}
.contents-menulist--item--icon li:last-child{
	margin-right: 0;
}
.contents-menulist--item--icon li:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #665e52;
}
.contents-menulist--item--name{
	display: block;
	margin-bottom: 18px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.contents-menulist--item--name:hover{
	opacity: 0.7;
}
.contents-menulist--item--name h4{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
}
.contents-menulist--item--point{
}
.contents-menulist--item--point p{
	background-color: #5c7b1c;
	font-size: 1.5rem;
	color: #ffffff;
	padding: 10px;
	text-align: center;
}
.contents-menulist--item .contents-animation-btn-type2{
	display: flex;
	justify-content: flex-end;
	margin-top: 8px;
	margin-bottom: 20px;
}
.contents-menulist--item .contents-animation-btn-type2 a{
	width: 180px;
	font-size: 1.4rem;
}
.contents-menulist--item .contents-animation-btn-type2 a:before,
.contents-menulist--item .contents-animation-btn-type2 a:after{
	height: 1px;
}
.contents-menulist--item--notice{
	margin-top: 20px;
}
.contents-menulist--item--notice li{
	position: relative;
	padding-left: 1.8rem;
	margin-bottom: 3px;
}
.contents-menulist--item--notice li:last-child{
	margin-bottom: 0;
}
.contents-menulist--item--notice li:before{
	content: "※";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/* ----MENU/DETAIL---- */
.contents-menu-detail--main{
	display: flex;
}
.contents-menu-detail--main--visual{
	position: relative;
	width: 430px;
	padding-right: 40px;
}
.new .contents-menu-detail--main--visual:before{
	content: "NEW";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.3rem;
	letter-spacing: 0.2rem;
	display: block;
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background-color: #801125;
	color: #ffffff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.contents-menu-detail--image{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 430px;
	margin-bottom: 20px;
}
.contents-menu-detail--image.display-sp{
	display: none;
}
.contents-menu-detail--image img{
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.contents-menu-detail--point{
	margin-bottom: 35px;
}
.contents-menu-detail--point p{
	display: inline-block;
	background-color: #5c7b1c;
	color: #ffffff;
	font-size: 1.6rem;
	padding: 8px 2em;
	text-align: center;
}
.contents-menu-detail--notice{
}
.contents-menu-detail--notice li{
	position: relative;
	padding-left: 1.8rem;
	margin-bottom: 3px;
}
.contents-menu-detail--notice li:last-child{
	margin-bottom: 0;
}
.contents-menu-detail--notice li:before{
	content: "※";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.contents-menu-detail--main--detail{
	flex: 1;
}
.contents-menu-detail--icon{
	margin-bottom: 30px;
}
.contents-menu-detail--icon ul{
	display: flex;
	flex-wrap: wrap;
}
.contents-menu-detail--icon li{
	position: relative;
	margin-right: 8px;
	margin-bottom: 5px;
	line-height: 2.2;
	letter-spacing: 0.07rem;
}
.contents-menu-detail--icon li:last-child{
	margin-right: 0;
}
.contents-menu-detail--icon li:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #665e52;
}
.contents-menu-detail--name{
	margin-bottom: 45px;
}
.contents-menu-detail--name h1{
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.7;
}
.contents-menu-detail--comment{
	padding-bottom: 35px;
	margin-bottom: 25px;
	border-bottom: 1px #dad8d4 solid;
}
.contents-menu-detail--comment p{
	font-size: 1.8rem;
	line-height: 1.7;
}
.contents-menu-detail--specialty{
	margin-bottom: 50px;
}
.contents-menu-detail--specialty h2{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
}
.contents-menu-detail--specialty p{
	font-size: 1.6rem;
	line-height: 2.0;
}
.contents-menu-detail--body dl{
	display: flex;
	margin-bottom: 8px;
	min-height: 26px;
}
.contents-menu-detail--body dl:last-of-type{
	margin-bottom: 0;
}
.contents-menu-detail--body dt{
	width: 10rem;
	font-size: 1.6rem;
}
.contents-menu-detail--body dt span{
	display: inline-block;
	width: 8.5rem;
	text-align: justify;
}
.contents-menu-detail--body dd{
	flex: 1;
	font-size: 1.6rem;
}
.contents-menu-detail--body dd p{
	display: block;
	padding-right: 1.5rem;
	margin-top: -0.3rem;
	line-height: 1.9;
}
.contents-menu-detail--body dd span{
	display: block;
	font-size: 1.4rem;
	margin-top: 4px;
}


/* ----MENU---- */
.contents-menu--title{
	margin-bottom: 40px;
}
.contents-menu--title p {
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.2;
}
.contents-menu--intro{
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 40px;
}
.contents-menu--list{
	margin-bottom: 80px;
}
.contents-menu--list.contents-menu--list--mb0{
	margin-bottom: 0;
}
.contents-menu--list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.contents-menu--list li{
	width: 422px;
	margin-bottom: 75px;
}
.contents-menu--list li h2{
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 30px;
}
.contents-menu--list-image{
	margin-bottom: 25px;
}
.contents-menu--list-image img{
	display: block;
}
.contents-menu--list-text{
	margin-bottom: 30px;
}
.contents-menu--list-text p{
	line-height: 2.0;
}

/* ----CONCEPT---- */
.concept{overflow-x: hidden}
.contents-concept--title{
	width: 100%;
	max-width: 1164px;
	margin: 0 auto;
	text-align: center;
}
.contents-concept--title-main{
	display: block;
	font-size: 4.0rem;
	font-weight: bold;
	width: 100%;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}
.contents-concept--title-sub{
	display: block;
	font-size: 1.6rem;
	width: 100%;
	color: #a48b78;
	letter-spacing: 0.1em;
}
.contents-concept--top{
	padding: 145px 0 150px 0;
}
.contents-concept--intro{
	width: 100%;
	max-width: 1164px;
	margin: 40px auto 0 auto;
}
.contents-concept--intro p{
	font-size: 1.6rem;
	text-align: center;
	line-height: 2.4;
}
.contents-concept--intro .border{
	display: inline;
	font-size: 3.2rem;
	border-bottom: 2px #d1c8bc solid;
	padding-bottom: 4px;
	line-height: 2.2;
}
.contents-concept--concept-block{
	position: relative;
	padding: 150px 0 150px 0;
	background: url(../img/bg.jpg) repeat;
}
.contents-concept--concept-block ul{
	margin-top: 70px;
}
.contents-concept--concept-block li{
	position: relative;
	padding-top: 70px;
	margin-bottom: 70px;
	text-align: center;
}
.contents-concept--concept-block li:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 38px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 38px;
	-moz-background-size: auto 38px;
	-webkit-background-size: auto 38px;
}
.contents-concept--concept-block li:nth-child(1):before{background-image: url(../img/pages/concept/ico_01.png);}
.contents-concept--concept-block li:nth-child(2):before{background-image: url(../img/pages/concept/ico_02.png);}
.contents-concept--concept-block li:nth-child(3):before{background-image: url(../img/pages/concept/ico_03.png);}
.contents-concept--concept-block li:nth-child(4):before{background-image: url(../img/pages/concept/ico_04.png);}
.contents-concept--concept-block li:nth-child(5):before{background-image: url(../img/pages/concept/ico_05.png);}

.contents-concept--concept-block li:last-child{
	margin-bottom: 0;
}
.contents-concept--concept-block li h3{
	font-size: 3.2rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.contents-concept--concept-block li p{
	font-size: 1.6rem;
	line-height: 2.2;
}
.contents-concept--outro{
	width: 100%;
	max-width: 1164px;
	padding: 150px 0 0 0;
	margin: 0 auto 55px auto;
}
.contents-concept--outro p{
	font-size: 1.6rem;
	line-height: 2.1;
	text-align: center;
}
.contents-concept--link{
	width: 880px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 160px auto;
}
.contents-concept--link>div{
	width: 380px;
}
.contents-concept--concept-bg span{
	content: "";
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.contents-concept--concept-bg span:nth-of-type(1){
	top: -206px;
	left: 50%;
	margin-left: 307px;
	width: 413px;
	height: 404px;
	background-image: url(../img/pages/concept/bg01.png);
}
@media screen and (min-width:1441px) {
	.contents-concept--concept-bg span:nth-of-type(1){
		left: auto;
		right: 0;
		margin-left: 0;
	}
}
.contents-concept--concept-bg span:nth-of-type(2){
	top: 20%;
	right: 50%;
	margin-right: 392px;
	width: 328px;
	height: 416px;
	background-image: url(../img/pages/concept/bg02.png);
}
@media screen and (min-width:1441px) {
	.contents-concept--concept-bg span:nth-of-type(2){
		right: auto;
		left: 0;
		margin-right: 0;
	}
}
.contents-concept--concept-bg span:nth-of-type(3){
	top: 53%;
	left: 50%;
	margin-left: 420px;
	width: 300px;
	height: 420px;
	background-image: url(../img/pages/concept/bg03.png);
}
@media screen and (min-width:1441px) {
	.contents-concept--concept-bg span:nth-of-type(3){
		left: auto;
		right: 0;
		margin-left: 0;
	}
}
.contents-concept--concept-bg span:nth-of-type(4){
	bottom: -190px;
	right: 50%;
	margin-right: 376px;
	width: 344px;
	height: 435px;
	background-image: url(../img/pages/concept/bg04.png);
}
@media screen and (min-width:1441px) {
	.contents-concept--concept-bg span:nth-of-type(4){
		right: auto;
		left: 0;
		margin-right: 0;
	}
}



/* ----COFFEE---- */
.contents-coffee--title{
	margin-bottom: 50px;
}
.contents-coffee--title h2{
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.2;
}
.contents-coffee--specialty{
	margin-bottom: 150px;
}
.contents-coffee--specialty-title{
	position: relative;
	display: flex;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.contents-coffee--specialty-title:before{
	content: "";
	display: block;
	width: 39px;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 39px auto;
	-moz-background-size: 39px auto;
	-webkit-background-size: 39px auto;
}
.contents-coffee--specialty li:nth-child(1) .contents-coffee--specialty-title:before{
	background-image: url(../img/pages/coffee/ico_01.png);
}
.contents-coffee--specialty li:nth-child(2) .contents-coffee--specialty-title:before{
	background-image: url(../img/pages/coffee/ico_02.png);
}
.contents-coffee--specialty li:nth-child(3) .contents-coffee--specialty-title:before{
	background-image: url(../img/pages/coffee/ico_03.png);
}
.contents-coffee--specialty-title:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 32px;
	height: 2px;
	background-color: #665e52;
}
.contents-coffee--specialty-title h3{
	flex: 1;
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	line-height: 1.2;
}
.contents-coffee--history-text{
}
.contents-coffee--specialty li{
	margin-bottom: 70px;
}
.contents-coffee--specialty li>p{
	font-size: 1.6rem;
	line-height: 2.2;
}
.contents-coffee--specialty li>p span{
	display: inline;
}
.contents-coffee--specialty .border{
	display: inline;
	font-weight: bold;
	border-bottom: 2px #d1c8bc solid;
	padding-bottom: 4px;
}
.contents-coffee--specialty .sup{
	font-size: 70%;
	vertical-align: top;
	position: relative;
	top: 0.1em;
}
.contents-coffee--specialty li>p.contents-coffee--specialty-notice{
	font-size: 1.4rem
}
.contents-coffee--specialty li>ul{
	margin: 45px 0 30px 0;
	display: flex;
	justify-content: space-between;
}
.contents-coffee--specialty li>ul li{
	margin: 0;
	width: 422px;
}
.contents-coffee--specialty li>ul li img{
	display: block;
}
.contents-coffee--history{
	margin: 55px 0 180px 0;
}
.contents-coffee--history ul{
}
.contents-coffee--history li{
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
}
.contents-coffee--history li:last-child{
	margin-bottom: 0;
}
.contents-coffee--history li>div{
	width: 422px;
}
.contents-coffee--history li>div img{
	display: block;
}
.contents-coffee--history li:nth-child(odd) .contents-coffee--history-image{order: 1;}
.contents-coffee--history li:nth-child(odd) .contents-coffee--history-text{order: 2;}
.contents-coffee--history li:nth-child(even) .contents-coffee--history-image{order: 2;}
.contents-coffee--history li:nth-child(even) .contents-coffee--history-text{order: 1;}
.contents-coffee--history-text{
	font-size: 1.6rem;
	line-height: 2.2;
}
.contents-coffee--list{
	margin-bottom: 75px;
}
.contents-coffee--list.contents-coffee--list--mb0{
	margin-bottom: 0;
}
.contents-coffee--list h3{
	position: relative;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 30px;
	margin-bottom: 45px;
}
.contents-coffee--list h3:after{
	content: "";
	display: block;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 32px;
	height: 2px;
	background-color: #665e52;
}
.contents-coffee--list ul{
	display: flex;
	justify-content: space-between;
	margin-bottom: 37px;
}
.contents-coffee--list li{
	width: 422px;
}
.contents-coffee--item h4{
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
.contents-coffee--item-image{
	margin-bottom: 40px;
}
.contents-coffee--item-image img{
	display: block;
}
.contents-coffee--item-text{
	margin: -15px 0 30px 0;
}
.contents-coffee--item-text p{
	font-size: 1.6rem;
	line-height: 1.8;
}
.contents-coffee--item .contents-coffee--item-notice{
	display: none;
}
.contents-coffee--item-notice{
}
.contents-coffee--item-notice p{
	text-align: right;
}
.contents-coffee--item .contents-animation-btn-type1{
	max-width: 300px;
	margin: 0 auto;
}


/* ----GLOSSARY---- */
.contents-glossary-original{
	padding: 95px 0 160px 0;
}
.contents-glossary-partnership{
	padding: 150px 0 230px 0;
}
.contents-glossary--title{
	width: 100%;
	max-width: 1164px;
	margin: 0 auto;
	text-align: center;
}
.contents-glossary--title-main{
	display: block;
	font-size: 4.0rem;
	font-weight: bold;
	width: 100%;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}
.contents-glossary--title-sub{
	display: block;
	font-size: 1.6rem;
	width: 100%;
	color: #a48b78;
	letter-spacing: 0.1em;
}
.contents-glossary-original-wrap,
.contents-glossary-partnership-wrap{
	width: 100%;
	max-width: 1164px;
	border: 1px #dad8d4 solid;
	padding: 58px 40px 30px 60px;
	margin: 40px auto 0 auto;
}
.contents-glossary-original-wrap h3,
.contents-glossary-partnership h3{
	text-align: center;
	margin-bottom: 35px;
}
.contents-glossary-original-wrap h3 img,
.contents-glossary-partnership h3 img{
	display: inline;
	height: 40px;
}
.contents-glossary-original-wrap h3 span,
.contents-glossary-partnership h3 span{
	font-size: 5.0rem;
	font-weight: bold;
	padding-left: 0.7rem;
	color: #402a2e;
}
.contents-glossary-original--item,
.contents-glossary-partnership--item{
	display: flex;
}
.contents-glossary-original--item-main,
.contents-glossary-partnership--item-main{
	flex: 1;
}
.contents-glossary-original--item-main p,
.contents-glossary-partnership--item-main p{
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 35px;
}
.contents-glossary-original--item-main img,
.contents-glossary-partnership--item-main img{
	display: none;
}
.contents-glossary-original--item-main .contents-animation-btn-type1,
.contents-glossary-partnership--item-main .contents-animation-btn-type1{
	width: 380px;
	margin: 0 auto;
}
.contents-glossary-original--item-image,
.contents-glossary-partnership--item-image{
	width: 430px;
	margin-left: 50px;
}
.contents-glossary-supervision{
	padding: 150px 0 150px 0;
	background: url(../img/bg.jpg) repeat;
}
.contents-glossary-supervision-company{
	background-color: #ffffff;
	width: 100%;
	max-width: 1164px;
	padding: 58px 0 5px 0;
	margin: 40px auto 0 auto;
}
.contents-glossary-supervision-company h3{
}
.contents-glossary-supervision-company h3 img{
	display: block;
	height: 75px;
	margin: 0 auto;
}
.contents-glossary-supervision-company ul{
}
.contents-glossary-supervision-company li{
	border-bottom: 1px #dad8d4 solid;
	padding: 55px 60px 60px 60px;
	display: flex;
}
.contents-glossary-supervision-company li:last-child{
	border-bottom: none;
}
.contents-glossary-supervision-company--main{
	flex: 1;
}
.contents-glossary-supervision-company--main h4{
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 35px;
}
.contents-glossary-supervision-company--main p{
	font-size: 1.6rem;
	line-height: 1.7;
	min-height: 6.8em;
	margin-bottom: 30px;
}
.contents-glossary-supervision-company--main img{
	display: none;
}
.contents-glossary-supervision-company--main .contents-animation-btn-type1{
	width: 380px;
	margin: 0 auto;
}
.contents-glossary-supervision-company--image{
	width: 370px;
	margin-left: 70px;
}

/* ----INQUIRY---- */
.forcms_block>.section01{
	width: 100%;
	max-width: 800px;
	margin: 60px auto 60px auto;
}
.forcms_block>.section01 .inner>h2{
	display: none;
}
.forcms_block>.section01 form{
	margin: 45px 0 45px 0;
}
.forcms_block>.section01 .common_headline2_{
	position: relative;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.8;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.forcms_block>.section01 .common_headline2_:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1.5rem;
	height: 2px;
	background-color: #665e52;
}
.forcms_block>.section01 .questionnaire_box_{
	margin-bottom: 40px;
}
.forcms_block>.section01 .questionnaire_box_ .error_{
	margin: 7px 0;
	background-color: #ffe5e5;
	color: #b31d1d;
	padding: 0.2em 0.5em;
}
.forcms_block>.section01 input[type=text] {
	margin: 0 1rem 0 0;
	padding: 0 1.2rem;
	line-height: 36px;
	transition: 0.3s;
	border: 1px solid #665e52;
	border-radius: 4px;
	outline: none;
}
.forcms_block>.section01 textarea {
	padding: 1rem 1.2rem;
	transition: 0.3s;
	border: 1px solid #665e52;
	border-radius: 4px;
	outline: none;
	width: 100%;
	height: 200px;
}
.forcms_block>.section01 input[type=text]:focus,
.forcms_block>.section01 textarea:focus{
	border-color: #ab731f;
}
.forcms_block>.section01 .questionnaire_box_content_ input[type=text]{
	width: 100%;
	max-width: 350px;
}
.forcms_block>.section01 #table_name{
}
.forcms_block>.section01 #table_name th{
	width: 6em;
	line-height: 36px;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 20px;
}
.forcms_block>.section01 #table_name td{
	vertical-align: top;
	padding-bottom: 20px;
}
.forcms_block>.section01 #table_name input[type=text] {
	max-width: 200px;
	margin-left: 1rem;
}
.forcms_block>.section01 #table_mail span.small_{
	display: block;
	font-size: 1.3rem;
	margin-top: 7px;
}
.forcms_block>.section01 #table_tel th{
	display: none;
}
.forcms_block>.section01 #table_mail th{
	width: 15em;
	line-height: 36px;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 20px;
}
.forcms_block>.section01 #table_mail td{
	vertical-align: top;
	padding-bottom: 20px;
}
.forcms_block>.section01 .desc_{
	margin-bottom: 7px;
}
.forcms_block>.section01 .recaptcha_submit_{
	text-align: center;
}
.forcms_block>.section01 .recaptcha_submit_>a{
	display: inline-block;
	padding-left: 2rem;
	position: relative;
	line-height: 30px;
	color: #665e52;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.forcms_block>.section01 .recaptcha_submit_>a:after{
	content:"";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
	transition: 0.3s;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 7px 5px 0;
border-color: transparent #665e52 transparent transparent;
}
.forcms_block>.section01 .recaptcha_submit_>a:hover:after{
	left: -5px;
}
.forcms_block>.section01 .recaptcha_submit_ div div .if-js-enabled{
}
.forcms_block>.section01 .recaptcha_submit_ div div .if-js-enabled a{
	margin-bottom: 0;
}
.forcms_block>.section01 .recaptcha_submit_ div div a{
	display: inline-block;
	margin-bottom: 30px;
}
.forcms_block>.section01 .recaptcha_submit_>button{
	display: inline-block;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	transition: 0.3s;
	margin-top: 15px !important;
  border-radius: 5px;
  background-color: #5c4943 !important;
  line-height: 70px;
  min-width: 300px;
  text-align: center;
  color: #ffffff !important;
}
.forcms_block>.section01 .recaptcha_submit_>button:hover{
	cursor: pointer;
	opacity: 0.7;
}

#content-inquiry--freespace-top p{
	font-size: 1.3rem;
	margin-top: 5px;
	line-height: 1.7;
}
#content-inquiry--confirm{
	overflow-y: scroll;
	border: 1px #ccc solid;
	border-radius: 5px;
	padding: 1.5rem 2rem;
	width: 100%;
	height: 300px;
	margin-top: 25px;
}

#form.layout01 .questionnaire_confirm_{
	width: 100%;
	border-top: 1px #ccc dotted;
	margin-bottom: 40px;
}
#form.layout01 .questionnaire_confirm_ th{
	width: 20em;
	font-weight: bold;
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px #ccc dotted;
}
#form.layout01 .questionnaire_confirm_ td{
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px #ccc dotted;
}
#form.layout01 .nav01{
	display: flex;
	justify-content: center;
	margin-bottom: 80px;
}
#form.layout01 .nav01 span{
	display: block;
	margin: 0 15px;
}
#form.layout01 .nav01 span input{
	display: block;
	max-width: 300px;
}


/* ----INQUIRY / COMPLETE---- */
.contents-inquiry-complete--message{
	width: 100%;
	max-width: 800px;
	margin: 60px auto 60px auto;
}
.contents-inquiry-complete--message p{
	font-size: 1.6rem;
	text-align: center;
	line-height: 2.4;
}
.contents-inquiry-complete--link{
	display: flex;
	justify-content: center;
	margin: 0 auto 160px auto;
}
.contents-inquiry-complete--link>div{
	width: 380px;
}
