@charset "utf-8";
/*
001: Page Block
002: Page Title Block
003: Page Content Block
004: Page Content Title Block
005: Left 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 {
	position						: relative;
	background-image				: url(../images/bg/bg_page_top.png), url(../images/bg/bg_page_bottom.png), url(../images/bg/section_one.jpg);
	background-position				: right top, left bottom, center top;
	background-repeat				: no-repeat, no-repeat, repeat;
	background-size					: 280px, 280px, auto;
	padding-top						: 30px;
	padding-bottom					: 30px;
}
article#page_block {
	padding-left					: 0;
	padding-right					: 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							: ""
}


/*---------------------------------------
	005: Left Block
---------------------------------------*/
#left_block {
	margin-bottom					: 60px;
	padding-left					: 0;
	padding-right					: 0;
}
#single_inblock {
	background						: rgba(255,255,255,0.4);
	box-shadow						: 0 2px 4px rgba(0,0,0,0.2);
	margin-bottom					: 30px;
	padding							: 15px 0 30px 0;
}
section#single_post_meta {
	border-bottom					: 1px solid #f4f3f4;
	margin-bottom					: 15px;
}
h3#single_title {
	font-size						: 18px;
	font-size						: 1.8rem;
	font-weight						: 500;
	color							: #525263;
	margin-top						: 0px;
	margin-bottom					: 15px;
}
#single_meta {
	padding-left					: 0;
	padding-right					: 0;
}
#main_date {
	float							: right;
	width							: 50%;
	font-size						: 11px;
	font-size						: 1.1rem;
	color							: #aaa;
}
#main_cat {
	float							: left;
	width							: 50%;
	font-size						: 10px;
	font-size						: 1rem;
	text-align						: left;
	color							: #aeaeae;
}
#cat_,
#cat_news,
#cat_coupon,
#cat_event {
	color						: #fff;
	padding						: 2px 10px
}
#cat_news {
    background					: #525263;
}
#cat_event {
    background					: #ffba00;
}
#cat_coupon {
    background					: #00dd1f;
}
#cat_ {
    background					: #f2858b;
}
#single_img {
	margin-bottom					: 30px;
}
#single_img img {
	width							: 100%;
	height							: auto;
}
#single_index {
	background						: #f7f7f7;
	margin-bottom					: 20px;
	padding-top						: 15px;
	padding-bottom					: 15px;
}
h4#single_cat_title {
	font-size						: 14px;
	font-size						: 1.4rem;
	font-weight						: bold;
	color							: #525263;
	margin-top						: 0;
	padding-left					: 20px;
}
ul.single_cat_list {
	font-size						: 12px;
	font-size						: 1.2rem;
	font-weight						: 600;
	padding-right					: 20px;
	padding-left					: 30px;
}
ul.single_cat_list li {
	list-style						: disc;
	margin-bottom					: 5px;
}
ul.single_cat_list li a {
	color							: #3c3c3c;
	text-decoration					: underline;
}
ul.single_cat_list li a:hover {
	text-decoration					: none;
}
#single_post {
	font-size						: 14px;
	font-size						: 1.4rem;
	letter-spacing					: 1px;
	margin-bottom					: 30px;
}
#single_post img {
	margin-bottom					: 30px;
}
#single_tag {
	border-top						: 1px solid #e2e2e2;
	border-bottom					: 1px solid #e2e2e2;
	margin-top						: 30px;
	padding-top						: 15px;
	padding-bottom					: 13px;
}
#single_tag a {
	display							: inline-block;
	font-size						: 12px;
	font-size						: 1.2rem;
	text-decoration					: none;
	color							: #3c3c3c;
	border							: 1px solid #e2e2e2;
	margin-bottom					: 5px;
	padding							: 0 10px;
	height							: 26px;
	line-height						: 26px;
    border-radius					: 5px;
	opacity							: 1;
}
#single_tag a:hover {
	color							: #aeaeae;
}
/* Page Move */
#single_move {
	display						: -ms-flexbox;
	display						: flex;
	-ms-flex-wrap				: wrap;
	flex-wrap					: wrap;
	padding-left				: 0;
	padding-right				: 0;
}
#nav_below_l a,
#nav_below_c a,
#nav_below_r a {
	display						: block;
	cursor						: pointer;
	font-size					: 14px;
	font-size					: 1.4rem;
	text-align					: center;
	overflow					: visible;
	text-decoration				: none;
	white-space					: nowrap;
	height						: 54px;
	line-height					: 54px;
	box-shadow					: 0 2px 4px rgba(0,0,0,0.2);
	color						: #FFF;
	border-radius				: 3px;
}
#nav_below_c {
	padding-left				: 0;
	padding-right				: 0;
}
#nav_below_l a {
	background					: #525263 url(../images/svg/single/arrow_l.svg) no-repeat 5% center / 10px 10px;
}
#nav_below_c a {
	background					: #525263 url(../images/svg/single/home.svg) no-repeat center center / 23px 23px;
}
#nav_below_r a {
	background					: #525263  url(../images/svg/single/arrow_r.svg) no-repeat 95% center / 10px 10px;
}
#nav_below_l a:hover {
	background					: #727288 url(../images/svg/single/arrow_l.svg) no-repeat 5% center / 10px 10px;
}
#nav_below_c a:hover {
	background					: #727288 url(../images/svg/single/home.svg) no-repeat center center / 23px 23px;
}
#nav_below_r a:hover {
	background					: #727288 url(../images/svg/single/arrow_r.svg) no-repeat 95% center / 10px 10px;
}
#nav_below_l a:hover,
#nav_below_c a:hover,
#nav_below_r a:hover {
	color						: #FFF;
}





@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 {
	position						: relative;
	background-image				: url(../images/bg/bg_page_top.png), url(../images/bg/bg_page_bottom.png), url(../images/bg/section_one.jpg);
	background-position				: right top, left bottom, center top;
	background-repeat				: no-repeat, no-repeat, repeat;
	background-size					: 600px, 600px, auto;
	padding-top						: 60px;
	padding-bottom					: 60px;
}


/*---------------------------------------
	005: Left Block
---------------------------------------*/
#left_block {
	margin-bottom				: 0px;
}
}