@charset "utf-8";
/*   
Theme Name: EBRI theme 2018.09.07
Theme URI: http://www.asrec.co.jp/
Description: EBRIのwordpressテーマです。
Author: STORE PROJECT co,. ltd.
Author URI:http://www.e-stpro.com/
Version: 1.0
*/

/* ------------ */
/* デザイン共通 */
/* ------------ */
*{
	font-family:'Montserrat',"游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	
	box-sizing:border-box;
}
html,body,div,span,applet,object,iframe,strong,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,fieldset,form,legend,caption,tbody,tfoot,thead,table,label,tr,th,td,p,img,figure{
	margin:0;
	padding:0;
	border:none;
}
body{
	line-height:1.5;
	color:#333;
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-text-size-adjust:100%;
	/*opacity: 0;*/
}

a{
	color:#7f2921;
	text-decoration:none;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
img{
	vertical-align:top;
	max-width:100%;
	height:auto;
}

#wrapper {
	position: relative;
	width:100%;
	overflow:hidden;
}


@media screen and (max-width:767px) {
	html{ font-size:14px; }
	.sp_none{ display:none !important; }
}
@media print,screen and (min-width:768px) {
	html{ font-size:15px; }
	.pc_none{ display:none !important; }
}
@media print,screen and (min-width:768px) and (max-width:1023px) {
	.tab_none{ display:none !important; }
}
@media print,screen and (min-width:1100px) {
	.large_pc_none{ display:none !important; }
}

/* ------------- */
/* loading block */
/* ------------- */

aside.loading_block {
	position:fixed;
	z-index:50;
	width:100vw;
	height:100vh;
	background:#fff url('images/ebri_img_loading.gif') 50% 50% no-repeat;
}

@media screen and (max-width:767px) {
	aside.loading_block { background-size:contain; }
}
@media print,screen and (min-width:768px) {
	
}

/* ----------- */
/* global navi */
/* ----------- */

#global_navi_block {
	display:-moz-flex;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	position:fixed;
	top:0;
	right:0;
	z-index:30;
	width:150px;
	height:225px;
	letter-spacing:-.40em;
}
#global_navi_block > * { letter-spacing:normal; }
#global_navi_block > #sp_menu {
	position:relative;
	width:100%;
	height:calc((100% / 3)* 2);
	background:#7f4b21;
	cursor:pointer;
}
#global_navi_block > #sp_menu span.title {
	display:block;
	position:relative;
	top:35%;
	bottom:0;
	width:42%;
	margin:auto;
	color:#a58164;
	letter-spacing:3px;
	text-align:center;
	-webkit-transition:0.15s ease-out;
	-moz-transition:0.15s ease-out;
	-ms-transition:0.15s ease-out;
	transition:0.15s ease-out;
}
#global_navi_block > #sp_menu > span:last-letter { letter-spacing:normal; }
#global_navi_block > #sp_menu div {
	position:relative;
	/*top:44px;*/
	top:29%;
	right:0;
	left:0;
	margin:auto;
	/*width:calc(100% - 88px);*/
	width:42%;
	height:30%;
}
#global_navi_block > #sp_menu div::before,
#global_navi_block > #sp_menu div::after,
#global_navi_block > #sp_menu div > span.bar {
	display:block;
	content:"";
	position:absolute;
	right:0;
	left:0;
	width:100%;
	height:8px;
	margin:auto;
	background:#a58164;
	-webkit-transition:0.15s ease-out;
	-moz-transition:0.15s ease-out;
	-ms-transition:0.15s ease-out;
	transition:0.15s ease-out;
}
#global_navi_block > #sp_menu:hover span.title { color:#bfa590; }
#global_navi_block > #sp_menu:hover div::before,
#global_navi_block > #sp_menu:hover div::after,
#global_navi_block > #sp_menu:hover div > span.bar { background:#bfa590; }
#global_navi_block > #sp_menu div > span.bar { top:0; bottom:0; }
#global_navi_block > #sp_menu div::before { top:0; }
#global_navi_block > #sp_menu div::after { bottom:0; }
#global_navi_block > #sp_menu.open div::before {
	bottom:0;
	transform:rotate(45deg);
}
#global_navi_block > #sp_menu.open div::after {
	top:0;
	transform:rotate(-45deg);
}
#global_navi_block > #sp_menu.open div > span { display:none; }

#global_navi_block > .global_instagram,
#global_navi_block > .global_facebook {
	display:block;
	width:50%;
	height:calc(100% / 3);
}
#global_navi_block > .global_instagram { background:#fff; }
#global_navi_block > .global_facebook { background:#f5f4ee; }
#global_navi_block > .global_instagram img,
#global_navi_block > .global_facebook img {
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	opacity:0.5;
}
#global_navi_block > .global_instagram:hover img,
#global_navi_block > .global_facebook:hover img { opacity:1; }
#sp_global_navi {
	position:fixed;
	top:0;
	right:-100%;
	bottom:0;
	z-index:20;
	width:100%;
	background:rgba(205,160,82,0.9);
}
#sp_global_navi ul {
	display:flex;
	height:100%;
	flex-direction:column;
	justify-content:center;
	margin:0;
	padding:0 2rem;
	line-height:1;
	font-size:2rem;
}
#sp_global_navi ul li { margin-bottom:3rem; }
#sp_global_navi ul li:last-child { margin-bottom:0; }

@media print,screen and (max-width:767px) {
	#global_navi_block {
		width:20%;
		height:calc(20vw * 1.5);
	}
	#global_navi_block > #sp_menu div::before,
	#global_navi_block > #sp_menu div::after,
	#global_navi_block > #sp_menu div > span.bar { height:4px; }
	#global_navi_block > #sp_menu span.title { font-size:0.8rem; }
}
@media print,screen and (min-width:768px) {
	
}
@media print,screen and (min-width:1100px) {
	
}

/* -------- */
/* side btn */
/* -------- */

.side_btn {
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	flex-wrap:wrap;
	letter-spacing:-.40em;
}

.side_btn .shop_btn,
.side_btn .access_btn {
	display:block;
	position:relative;
	color:#fff;
	font-size:1.4rem;
	font-weight:600;
}

.side_btn .shop_btn { background:rgba(255,81,69,0.8); }
.side_btn .shop_btn:hover { background:rgba(255,81,69,1); }
.side_btn .access_btn { background:rgba(205,160,82,0.8); }
.side_btn .access_btn:hover { background:rgba(205,160,82,1); }

.side_btn .shop_btn span,
.side_btn .access_btn span {
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:1em;
	margin:auto;
	line-height:1;
	letter-spacing:3px;
	text-align:center;
}

@media print,screen and (max-width:767px) {
	.side_btn {
		/*position:relative;*/
		position:fixed;
		bottom:0;
		width:100%;
		height:calc((100vw * 9)/55);
		/*margin-top:calc((100vw * 2)/3);*/
	}
	.side_btn .shop_btn,
	.side_btn .access_btn { width:50%; height:100%; }
	.side_btn .access_btn span.icon { display:none; }
}
@media print,screen and (min-width:768px){
	.side_btn {
		position:fixed;
		right:0;
		bottom:0;
		z-index:10;
		width:150px;
		height:300px;
	}
	.side_btn .shop_btn,
	.side_btn .access_btn { width:100%; height:50%; }
	.side_btn .access_btn span.title { bottom:50%; margin-bottom:0.5rem; }
	.side_btn .access_btn span.icon {
		top:50%;
		width:calc(100% - 2em);
		margin-top:0.5rem;
	}
}

@media print,screen and (min-width:1100px) {
	
}

/* ---- */
/* main */
/* ---- */
main{ display: block; }

.scrollin {
	transform: translate(0,0); 
}

main > div.content_block {
	width:100%;
	margin:0;
	padding:80px 0;
}

main > div.content_block > section {
	position:relative;
	margin:0 auto;
}

.align_center { text-align:center !important; }

@media print,screen and (max-width:767px) {
	#wrapper { width:100%; }
	main > div.content_block { padding:50px 0; }
	main > div.content_block > section { width:95%; }
}
@media print,screen and (min-width:768px) {
	.fadein {
		opacity:0 !important;
		transform: translate(0,40px); 
		-webkit-transition: 0.8s ease-out;
		-moz-transition: 0.8s ease-out;
		-ms-transition: 0.8s ease-out;
		transition: 0.8s ease-out;
	}
	.scrollin {
		transform: translate(0,0);
		opacity:1 !important;
	}

	main > div.content_block > section { width:90%; }
}
@media print,screen and (min-width:1100px) {
	main > div.content_block { padding:80px 0; }
	main > div.content_block > section { width:1100px; }
}

/* ------- */
/* heading */
/* ------- */

h2,h3 {
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}
.SectionTitle,
.heading01 { }
.heading01 span { }
.heading02 {
	margin:0 auto 3.3rem;
	line-height:1.3em;
	letter-spacing:0.1rem;
	text-align:center;
	font-weight:600;
}
.heading02 span { display:block; font-weight:400; }
.heading03 {
	margin:0 auto 3.3rem;
	line-height:1.7em;
	letter-spacing:0.1rem;
	text-align:center;
	font-weight:400;
}

.heading04 {
	margin:0 auto 1.6rem;
	line-height:1.7em;
	letter-spacing:0.1rem;
	font-weight:400;
}
.heading04 span { font-size:1.1rem; }

@media print,screen and (max-width:767px) {
	.heading02 { margin-bottom:1rem; font-size:2rem; }
	.heading02 span { font-size:0.7rem; }
	.heading03 { font-size:1.8rem; }
	.heading04 { font-size:1.2rem; }
}
@media print,screen and (min-width:768px) {
	.heading02 { font-size:2.5rem; }
	.heading02 span { font-size:0.8rem; }
	.heading03 { font-size:2.3rem; }
	.heading04 { font-size:1.6rem; }
}
@media print,screen and (min-width:1100px) {
	
}

/* ---------- */
/* list block */
/* ---------- */

.list_block {
	display:flex;
	justify-content:flex-start;
	width:100%;
}
.list_block .slick-prev,
.list_block .slick-next{
	padding:0;
	color:#fff;
}

.list_block .slick-prev::before,
.list_block .slick-next::before {
	display:block;
	content:"";
	width:0;
	height:0;
	opacity:1;
}

.list_block .slick-prev:hover::before,
.list_block .slick-next:hover::before { opacity:0.7; }

.list_block .list_items {
	display:block;
	margin:0;
	padding:0;
}
.list_block .list_items:hover { opacity:0.7; }
.list_block .list_items article { position:relative; padding:0; }
.list_block .list_items article figure { margin-bottom:1rem; overflow:hidden; }
.list_block .list_items article .shop_name { font-size:0.8rem;}
.list_block .list_items article .date_block { color:#333; font-size:0.8rem;}
.list_block .list_items article .item_text { color:#333; font-size:1rem; }
.list_block .list_items article h2 {
	color:#7F2921;
	font-size:1rem;
	font-weight:500;
}
.list_block .list_items figure{
	/* max-height: 196px; */
	height: 196px;
	text-align: center;
}
.list_block .list_items figure img { 
	width:auto;
	height: 100%;
	margin: 0 auto;
}

.shop_list { flex-wrap:wrap; justify-content:flex-start; }

.shop_list .list_items article h2 {
	margin-bottom:1rem;
	text-align:center;
	font-size:1.2rem;
}
.shop_list .list_items { margin-bottom:2rem; }

.cat_icon_block {
	display:block;
	position:absolute;
	top:-1em;
	left:-1em;
	width:5em;
	height:5em;
	color:#fff;
	padding:2em 0;
	line-height:1;
	text-align:center;
}

.cat_icon_block.event_post { background:#b28247; }
.cat_icon_block.post { background:#604C3F; }
.cat_icon_block.shop,
.cat_icon_block.news { background:#ff5145; }
.cat_icon_block.pickup {
	/*border-radius:50%;*/
	background:#c30d23;
}

@media print,screen and (max-width:767px) {
	.list_block { width:95%; margin:0 auto;}
	
	.list_block .slick-prev,
	.list_block .slick-next{
		width:1rem;
		height:9rem;
		padding:3.5rem 0;
		background:rgba(0,0,0,0.3);
		-webkit-transition: 0.2s ease-out;
		-moz-transition: 0.2s ease-out;
		-ms-transition: 0.2s ease-out;
		transition: 0.2s ease-out;
	}
	.list_block .slick-prev:hover,
	.list_block .slick-next:hover{ background:rgba(0,0,0,0); }
	.list_block .slick-prev{ left:-5%; }
	.list_block .slick-next{ right:-5%; padding-left:0.2rem;}
	.list_block .slick-prev::before,
	.list_block .slick-next::before {
		border-top:transparent 0.75rem solid;
		border-bottom:transparent 0.75rem solid;
	}
	.list_block .slick-prev::before { border-right:#fff 0.8rem solid; }
	.list_block .slick-next::before { border-left:#fff 0.8rem solid; }
	.list_block .slick-prev:hover::before { border-right:#bdb2ac 0.8rem solid; }
	.list_block .slick-next:hover::before { border-left:#bdb2ac 0.8rem solid; }
	
	.list_block .list_items { padding:0.71rem; }
	.list_block .list_items article .date_block { color:#333; font-size:0.5rem;}
	
	.shop_list .list_items { width:48%; }
	
	.cat_icon_block { font-size:0.71rem; }
	
}
@media print,screen and (min-width:768px) {
	.list_block .slick-prev,
	.list_block .slick-next{ width:2rem; height:1.5rem; }
	.list_block .slick-prev{ padding-right:1rem; }
	.list_block .slick-next{ padding-left:1rem; }
	
	.list_block .slick-prev::before,
	.list_block .slick-next::before {
		border-top:transparent 0.75rem solid;
		border-bottom:transparent 0.75rem solid;
	}
	.list_block .slick-prev::before { border-right:#bdb2ac 1rem solid; }
	.list_block .slick-next::before { border-left:#bdb2ac 1rem solid; }
	
	.list_block .list_items { padding:0.8rem; }
	.list_block .slick-prev { left:-2rem; }
	.list_block .slick-next{ right:-2rem; }
	.shop_list .list_items { width:33%; }
	
	.cat_icon_block { font-size:0.65rem; }
	
}
@media print,screen and (min-width:1100px) {
	.list_block .list_items article figure { }
}

/* -------- */
/* btn area */
/* -------- */

.btn_area {
	margin-top:3rem;
	text-align:center;
}

.btn_area a {
	display:inline-block;
	line-height:1;
	margin:0 0.5em;
	padding:0.5em 0.75em;
	letter-spacing:1px;
}
.btn_area a.black { color:#333; border:#333 1px solid; }
.btn_area a.black:hover { color:#fff; background:#333; }
.btn_area a.brown { color:#956134; border:#956134 1px solid; }
.btn_area a.brown:hover { color:#fff; background:#956134; }
.btn_area a.white { color:#fff; border:#fff 1px solid; }
.btn_area a.white:hover { color:#474747; background:#fff; }
.btn_area a.pink { color:#ff5145; border:#ff5145 1px solid; }
.btn_area a.pink:hover { color:#fff; background:#ff5145; }

.to_top {
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:240px;
	height:40px;
	margin:auto;
	padding:14px 0;
	color:#fff;
	line-height:1;
	letter-spacing:0.1rem;
	text-align:center;
	font-size:0.8rem;
}

.to_top:hover {
	color:#c9a063;
/*	background:#fff;*/
}

@media print,screen and (max-width:767px) {
	
}
@media print,screen and (min-width:768px) {
	
}
@media print,screen and (min-width:1100px) {
	
}

/* ------ */
/* to top */
/* ------ */

.to_top {
	position:relative;
	width:100%;
}

.arrow_block {
	display:block;
	position:absolute;
	top:0;
	right:1rem;
	bottom:0;
	width:60px;
	height:60px;
	margin:auto;
}
.arrow_block span.arrow,
.arrow_block span.text {
	position:absolute;
	right:0;
	left:0;
	color:#bdb2ac;
	letter-spacing:1px;
	text-align:center;
	font-size:0.8rem;
	font-weight:500;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.arrow_block span.arrow { top:0; opacity:0.5; }
.arrow_block:hover span.arrow { opacity:1; }
.arrow_block span.text { bottom:0; }

@media print,screen and (max-width:767px) {
	.to_top {
		padding:2rem 0 4rem;
		overflow:hidden;
	}
}
@media print,screen and (min-width:768px) {
	.to_top { height:13rem; }
}
@media print,screen and (min-width:1100px) {

}

/* ------ */
/* button */
/* ------ */

.to_top .btn_back {
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:240px;
	height:40px;
	margin:auto;
	padding:14px 0;
	color:#fff;
	line-height:1;
	letter-spacing:0.1rem;
	text-align:center;
	font-size:0.8rem;
	border:#c9a063 1px solid;
	background:#c9a063;
}

.to_top .btn_back:hover {
	color:#c9a063;
	background:#fff;
}

/* ------ */
/* footer */
/* ------ */
footer {
	width:100%;
	display:-moz-flex;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-bottom:4rem;
	padding:5rem 0 3.4rem;
	color:#fff;
	background:#474747;
}
footer a { color:#fff; }
footer a:hover { text-decoration:underline; }
footer > *:not(.copy_block) { margin:0 1rem; }
.copy_block {
	width:100%;
	margin-top:5rem;
	text-align:center;
	font-size:0.8rem;
}

@media print,screen and (max-width:767px) {
	footer { font-size:0.8rem; }
}
@media print,screen and (min-width:768px) {
	
}
@media print,screen and (min-width:1100px) {
	
}



/* -------- */
/* msk_blok */
/* -------- */
#msk_blok {
	width:100%;
	height:100vh;
	position:absolute;
	top:0;
	left:-100%;
	z-index: 10;
	background-color: #0884af;
}


/* ---- */
/* LAST */
/* ---- */