@charset "utf-8";
/*
001: Page Block
002: Page Title Block
003: Page Content Block
004: Page Content Title Block
005: Shop Img Block
006: Shop Date Block
*/
/*---------------------------------------
	001: Page Block
---------------------------------------*/
#section1 {
	height						: 100vh;
	height						: 360px;
}
#section1:before {
	display						: block;
	position					: fixed;
	top							: 0;
	width						: 100%;
	height						: 100%;
	z-index						: -1;
	content						: "";
}


/*---------------------------------------
	002: Page Title Block
---------------------------------------*/
#page_title_block {
	display						: -ms-flexbox;
	display						: flex;
	-ms-flex-wrap				: wrap;
	flex-wrap					: wrap;
	position					: relative;
}
#page_title_box {
	position					: absolute;
	top							: 160px;
	left						: 10px;
	right						: 0;
}
h1#main_title {
	display						: inline-block;
	font-family					: 'Frank Ruhl Libre', serif;
	font-size					: 40px;
	font-size					: 4.0rem;
	font-weight					: 300;
	color						: #FFF;
	margin-bottom				: 20px;
}
h1#main_title::before {
	position					: absolute;
	top							: 55px;
	left						: 0;
	width						: 70px;
	height						: 2px;
	background					: #FFF;
	content						: "";
}
p#sub_title {
	font-size					: 12px;
	font-size					: 1.2rem;
	color						: #EEE;
}


/*---------------------------------------
	003: Page Content Block
---------------------------------------*/
#section2 {
    background-image				: url(../images/bg/bg_page_top.png), url(../images/bg/section_one.jpg);
    background-position				: right top, center top;
    background-repeat				: no-repeat, repeat;
    background-size					: 280px, auto;
    padding-top						: 30px;
    padding-bottom					: 30px
}
#section3 {
    background-image				: url(../images/bg/bg_page_bottom.png), url(../images/bg/section_one.jpg);
    background-position				: left bottom, center top;
    background-repeat				: no-repeat, repeat;
    background-size					: 280px, auto;
    padding-top						: 30px;
    padding-bottom					: 0
}
article.content_block {
    display							: -ms-flexbox;
    display							: flex;
    -ms-flex-wrap					: wrap;
    flex-wrap						: wrap;
    margin-bottom					: 60px;
    padding-left					: 0;
    padding-right					: 0
}
article.content_block:last-child {
    margin-bottom					: 0
}


/*---------------------------------------
	004: Page Content Title Block
---------------------------------------*/
h2.content_title {
    font-size						: 13px;
    font-size						: 1.3rem;
    font-weight						: 400;
    letter-spacing					: 2px;
	color							: #727285;
    margin-top						: 0;
    margin-bottom					: 25px
}
h2.content_title::after {
    display							: block;
    font-family						: 'Frank Ruhl Libre', serif;
    font-size						: 22px;
    font-size						: 2.2rem;
	color							: #525263;
    text-transform					: uppercase;
    letter-spacing					: 3px;
    margin-top						: 7px;
    content							: attr(data-title)
}
h2.content_title:before {
    position						: absolute;
    left							: 10px;
    top								: 55px;
    width							: 70px;
    height							: 2px;
	background						: #525263;
    content							: ""
}


/*---------------------------------------
	006: Shop Infomation Block
---------------------------------------*/
#left_block {
	margin-bottom				: 30px;
	padding-left				: 0;
	padding-right				: 0;
}
#right_block {}
#shop_img {}
#left_block img {
	width						: 100%;
	height						: auto;
}
#right_block {
	padding						: 0;
}
#shop_title,
p#shop_sub_title {
	display						: none;
}
table#shop_data {
	width						: 100%;
	border-collapse				: collapse;
	text-align					: left;
	border-spacing				: 0;
	line-height					: 180%
}


/*---------------------------------------
	007: Google Map Block
---------------------------------------*/
#map {
	height						: 260px;
}





@media only screen and (min-width: 768px) {
/*---------------------------------------
	001: Page Block
---------------------------------------*/
#section1 {
	height						: 100vh;
	height						: 500px;
}
#section1:before {
	content						: "";
	position					: fixed;
	top							: 0;
	display						: block;
	z-index						: -1;
	width						: 100%;
	height						: 100%;
}


/*---------------------------------------
	002: Page Title Block
---------------------------------------*/
#page_title_block {
	display						: -ms-flexbox;
	display						: flex;
	-ms-flex-wrap				: wrap;
	flex-wrap					: wrap;
	position					: relative;
}
#page_title_box {
	position					: absolute;
	top							: 220px;
	left						: 10px;
	right						: 0;
}
h1#main_title {
	display						: block;
	font-family					: 'Frank Ruhl Libre', serif;
	font-size					: 58px;
	font-size					: 5.8rem;
	color						: #FFF;
	font-weight					: 300;
    letter-spacing				: 2px;
	margin-bottom				: 20px;
}
h1#main_title::before {
	position					: absolute;
	top							: 73px;
	left						: 0;
	width						: 70px;
	height						: 2px;
    background					: #FFF;
	content						: "";
}
p#sub_title {
	font-size					: 13px;
	font-size					: 1.3rem;
	color						: #EEE;
}


/*---------------------------------------
	003: Page Content Block
---------------------------------------*/
#section2 {
	background-image			: url(../images/bg/bg_page_top.png), url(../images/bg/section_one.jpg);
	background-position			: right top, center top;
	background-repeat			: no-repeat, repeat;
	background-size				: 600px, auto;
	padding-top					: 60px;
	padding-bottom				: 60px
}

#section3 {
	background-image			: url(../images/bg/bg_page_bottom.png), url(../images/bg/section_one.jpg);
	background-position			: left bottom, center top;
	background-repeat			: no-repeat, repeat;
	background-size				: 600px, auto;
	padding-top					: 60px;
	padding-bottom				: 0
}


/*---------------------------------------
	006: Shop Date Block
---------------------------------------*/
#map {
	height						: 360px
}
}





@media only screen and (max-width: 991px) {
/*---------------------------------------
	006: Shop Infomation Block
---------------------------------------*/
table#shop_data th,
table#shop_data td {
	font-size					: 15px;
	font-size					: 1.5rem;
	font-weight					: 300;
	vertical-align				: middle;
	margin						: 0;
	padding						: 15px 0 15px 10px;
}
table#shop_data th {
	display						: block;
	width						: 100%;
	color						: #FFF;
	letter-spacing				: 5px;
	background-image			: -webkit-linear-gradient(left, #525263, #727288);
	background-image			: -o-linear-gradient(left, #525263, #727288);
	background-image			: linear-gradient(right, #525263, #727288);
}
table#shop_data td {
	display						: list-item;
	list-style-type				: none;
	width						: 100%;
	color						: #525263;
}
table#shop_data td a,
table#shop_data a:hover {
	color						: #525263;
}
}






@media only screen and (min-width: 992px) {
/*---------------------------------------
	006: Shop Infomation Block
---------------------------------------*/
#shop_block {
	display						: -ms-flexbox;
	display						: flex;
	-ms-flex-wrap				: wrap;
	flex-wrap					: wrap;
/*
	background-image			: url("../images/shop/shop.jpg");
*/
	background-size				: 600px 420px;
	background-position			: 10px 0;
	background-repeat			: no-repeat;
}
#left_block {
	margin-bottom				: 0;
}
#left_block img {
	display						: none;
	width						: 100%;
	height						: auto;
}
#right_block {
    background-image			: -webkit-linear-gradient(left, rgba(82,82,99,0.9), rgba(114,114,136,0.6));
    background-image			: -o-linear-gradient(left, rgba(82,82,99,0.9), rgba(114,114,136,0.6));
    background-image			: linear-gradient(right, rgba(82,82,99,0.9), rgba(114,114,136,0.6));
	margin-top					: 30px;
	margin-bottom				: 0;
	padding						: 10px;
}
h3#shop_title {
	display						: block;
	position					: relative;
	font-family					: 'Frank Ruhl Libre', serif;
	font-size					: 22px;
	font-size					: 2.2rem;
	color						: #FFF;
	margin-top					: 10px;
	margin-bottom				: 0
}
h3#shop_title::before {
	position					: absolute;
	top							: 50px;
	left						: 0;
	width						: 70px;
	height						: 1px;
	background					: #FFF;
	content						: ""
}
p#shop_sub_title {
	display						: block;
	font-family					: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size					: 13px;
	font-size					: 1.3rem;
	letter-spacing				: 1px;
	color						: #FFF;
	font-weight					: 300;
	margin-top					: 0;
	margin-bottom				: 15px;
	padding						: 0;
}
table#shop_data {
	padding-top					: 10px;
	padding-bottom				: 10px;
}
table#shop_data th,
table#shop_data td {
	font-size					: 15px;
	font-size					: 1.5rem;
	color						: #FFF;
	font-weight					: 300;
	vertical-align				: middle;
	margin						: 0;
	padding-top					: 10px;
	padding-bottom				: 10px;
}
table#shop_data th {
	width						: 30%;
	font-weight					: 500;
	letter-spacing				: 3px;
	margin-bottom				: 3px;
}
table#shop_data td {
	font-weight					: 300;
	letter-spacing				: 1px;
}
table#shop_data td a,
table#shop_data a:hover {
	color						: #FFF;
}
}





@media only screen and (min-width: 1200px) {
/*---------------------------------------
	006: Shop Infomation Block
---------------------------------------*/
#shop_block {
/*
	background-image			: url("../images/shop/shop.jpg");
*/
	background-size				: 700px 490px;
	background-position			: 10px -30px;
	background-repeat			: no-repeat;
}
#right_block {
    background-image			: -webkit-linear-gradient(left, rgba(82,82,99,0.9), rgba(114,114,136,0.6));
    background-image			: -o-linear-gradient(left, rgba(82,82,99,0.9), rgba(114,114,136,0.6));
    background-image			: linear-gradient(right, rgba(82,82,99,0.9), rgba(114,114,136,0.6));
	margin-top					: 55px;
	margin-bottom				: 0;
	padding						: 10px;
}
table#shop_data th,
table#shop_data td {
	font-size					: 15px;
	font-size					: 1.5rem;
	color						: #FFF;
	font-weight					: 300;
	vertical-align				: middle;
	margin						: 0;
	padding-top					: 12px;
	padding-bottom				: 12px;
}
}