@charset "UTF-8";


#page_front section{margin: 0 auto}


#page_front section h2{
	font-size: 1.8em;
}

@media print, screen and (min-width: 768px) {
	#page_front section h2{font-size: 2.3em;}
}	

/* ************************************************ 
*	#intoro
* ************************************************ */

#shoplogo_sp{background: #222;padding: 4em 3em 3em;text-align: center}

ul#slide{
	display: flex;
	flex-wrap:wrap;
}

ul#slide li{
	width: calc(100% / 5);
}

ul#slide li{opacity: 0;}


ul#slide li img{
	width: 100%;
	height: auto;
}

ul#slide li.show{
    transition-duration: 0.8s;
    opacity: 1;
}


#read{
	padding: 3em 1.5em;
	text-align: center;
	background: #f6f5ee
}

#read h1{
	font-size: 1.4em;
	margin-bottom: .8em;
	font-family: 'Shippori Mincho', serif;
}

@media screen and (max-width: 667px) {
	#home #shoplogo{display: none}
	#read p br{display: none}
}	

@media print, screen and (min-width: 668px) {
	#read h1{font-size: 1.8em;}
	#shoplogo_sp{display: none}
}	

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


/* ************************************************ 
*	#news
* ************************************************ */

#blog_hl{padding: 3em 0 3em;}

#blog_hl h2{
	margin: 0 1em 1em;
    text-align: center
}
dl#catlist{
	display: flex;
	align-items: center;
	margin-bottom: 2em
	}

dl#catlist dt{font-weight: bold;font-size: 1.2em;}



dl#catlist dd a{
	border: solid 2px #222;
	border-radius: 2px;
	position: relative;
	padding: .3em .8em;
	font-weight: bold;
	display: block;
	text-decoration: none
}

dl#catlist dd a:hover{background: #222;color: #fff}

#blog_hl ul{margin: 0 auto 2em}

#blog_hl ul li{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	line-height: 1em;
	background: #fff;
	margin-bottom: 1em;
	-webkit-box-shadow:1px 1px 6px #ccc;
	-moz-box-shadow:1px 1px 6px #ccc;
	box-shadow: 1px 1px 6px #ccc;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative;
}



#blog_hl ul li div:nth-child(1){width: 30%}
#blog_hl ul li div:nth-child(2){width: 70%;
	padding: 1em 1em 1em 1.5em
}


#blog_hl ul li h3{
	font-size: 1.1em;
	font-weight: bold;
	margin: .4em 0 0
}

#blog_hl ul li:hover{
	background: #f6f5ee
}

.news_thumb a img{background: #fff;border: solid 1px #eee}

#blog_hl .new{color: #ea5313}



.boxlink{
text-decoration:none;
cursor:pointer;
}


.more{
	display: block;
	margin: 0 auto;
	max-width: 400px;
	padding: 1em;
	background: #222;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.more:after{
	font-family: icomoon;
	content: "\e977";
	padding-left: .5em
}
.more:hover{background: #000}
.more:hover:after{
	padding-left: 1em
}

@media screen and (max-width: 667px) {
	dl#catlist{
		flex-wrap: wrap;
	}
	dl#catlist dt{
		width: 100%;margin-bottom: 5px
	}
	
	dl#catlist dd{width: calc(( 100% - 10px ) / 2 );margin:0 10px 5px 0}

	dl#catlist dd:nth-child( odd ) {margin-right: 0;}
}	

@media print, screen and (min-width: 668px) {
	#blog_hl{padding: 5em 0 6em;}
	#blog_hl h2{margin: 0 1em 1em;}
	dl#catlist{justify-content: center;}
	dl#catlist dd{margin-left: .8em}

	#blog_hl ul{
	display: flex;
	flex-wrap: wrap;
	}

	#blog_hl ul li{
	width: calc(( 100% - 30px ) / 2 );
	margin: 0 30px 2em 0;
	}
	
	#blog_hl ul li:nth-child( 2n ) {margin-right: 0;}
	
	.news_info h3{font-size: 1.3em;}
}	

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