@charset "utf-8";
/* CSS Document */


/* -------------------------FONT------------------------- */

.mincho{font-family: "Sawarabi Mincho", serif;}

body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #42210b;
	width:100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	height:100%;
	background:url(images/common/bg.png);
	position: relative;
}
@media only screen and  ( max-width : 768px ) {
	body {
		font-size: 15px;
		padding-top:55px;
	}
}


/* -------------------------link------------------------- */
a{color:#f7931e; text-decoration: none;}
@media only screen and  ( min-width : 768px ) {
	a:active, a:hover{color:#333;}
}
/* --------------------2カラムデザインー-------------------- */
#wrap{
	padding:5% 0%;
	background:url(images/common/bg.png);
}
@media print, screen and ( min-width : 768px ) {
	#content{
		width:72%;
		float:left;
	}
	#sidebar{
		width:23.8%;
		float:right;
	}
}
@media only screen and  ( max-width : 768px ) {
	#content{
		padding-bottom:2em;
	}
	#sidebar{
		padding:5%;
	}
}

/* ************************************************ 
 *	
 *	common
 *	
 * ************************************************ */
.bt{

	background:url(images/common/wood_titile_bg.png) 0% 0% no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	display:inlne-block;
	color:#fff !important;
	padding:0.5em 5em;
	font-weight:bold;
	line-height:140%;
	font-size:90%;
	text-decoration: none;
}
@media only screen and  ( max-width : 768px ) {
	/* smp */
	.bt{
		padding:0.5em 0em;
		display:block;
		text-align:center;
	}
}
/* --------------------------------------問い合わせ関連-------------------------------------- */
select,
input[type="tel"],
input[type="email"],
input[type="text"],
input[type="date"],
textarea{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:0.5em;
	border:1px solid #ccc;
	font-size:90%;
	line-height:160%;
	font-family: 'Noto Sans JP', sans-serif;
}
@media only screen and  ( max-width : 768px ) {
	input[type="tel"],
	input[type="email"],
	input[type="text"],
	input[type="date"],
	textarea{
		font-size:110%;
		line-height:160%;
	}
	select{
		font-size:130%;
		line-height:160%;
		width:100%;
	}
	input[type="date"]{
		padding:0.5em 1.5em;
		font-size:120%;
	}
}


input[type="submit"] {
	background:url(images/common/wood_titile_bg.png) 0% 0% no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	color: #ffffff;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	border:none;
	font-weight:bold;
	font-size:90%;
	font-family: 'Noto Sans JP', sans-serif;
	cursor: pointer;
	cursor: hand;
	letter-spacing:0.1em;
}
@media ( min-width : 768px ) {
	/* PC */
	input[type="submit"]:hover {
		opacity: 0.6;
	}
}
.wpcf7-list-item label{
	padding-right:2em;
	display:inline-block;
}
input[type="radio"] {
	top: -0.1em;
	position: relative;
	margin:0 0.5em;
}
@media only screen and  ( max-width : 768px ) {
	.wpcf7-list-item label{
		font-size:120%;
		line-height:160%;
		border:1px solid #d1ca94;
		padding:0.5em 2em 0.5em 1em;
		margin-right:0.8em;
	}
}


/* --------------------------------------ページ制作関連CSS-------------------------------------- */
.contents_css{
	line-height:180%;
	font-size:100%;
}
/* 固定ページだけの白背景 */
.page_contents{
	background-color: rgba(255,255,255,0.8);
	margin-bottom:5em;
}
@media print, screen and ( min-width : 768px ) {
	.page_contents{
		padding:6% 8%;
	}
	.contents_css section{
		margin-bottom:5em;
	}
}
@media only screen and  ( max-width : 768px ) {
	.contents_css section{
		margin-bottom:2em;
	}
	.page_contents{
		padding:3%;
	}
}
.contents_css p{
	margin-bottom:2em;
	display:block;
}
.page_contents .contents_css table{
	border:1px solid #aaa;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}
.page_contents contents_css table th{
	background:#f5f5f5;
}
.page_contents contents_css table th,
.page_contents contents_css table td{
	border:1px solid #aaa;
	padding:0.5em;
	font-size:90%;
}
@media only screen and  ( max-width : 768px ) {
	.page_contents contents_css table th,
	.page_contents contents_css table td{
		border:1px solid #ccc;
		padding:0.5em;
		font-size:60%;
	}
}

/* -------------------- inner_block -------------------- */
.inner_block{
	margin:0em auto;
	overflow:hidden;
}
@media ( min-width : 1100px ) {
	.inner_block{
		width:1100px;
	}
}
@media (min-width: 768px) and (max-width: 1100px) {
	.inner_block{
		width:95%;
	}
}


/* -------------------- title h2 -------------------- */
.contents_css h2{
	position: relative;
	text-align: center;
	font-size:150%;
	line-height:140%;
	padding:0.8em;
	letter-spacing:0.1em;
	font-weight:bold;
	margin-bottom:1.8em;
	font-family: "Sawarabi Mincho", serif;
}
.contents_css h2:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 40%;
	width: 20%;
	border-top: 1px solid #f8931f;
}
@media only screen and  ( max-width : 768px ) {
	.foot_contact_main h2,
	.contents_css h2{
		font-size:130%;
		line-height:140%;
		padding-bottom:0.4em;
		margin-bottom:1em;
	}
	.foot_contact_main h2:before,
	.contents_css h2:before{
		content: "";
		position: absolute;
		bottom: 0;
		left: 35%;
		width: 30%;
		}
}

/* -------------------- title h3 -------------------- */
.contents_css h3{
	position: relative;
	font-size:120%;
	padding-bottom:0.5em;
	font-weight:bold;
	margin-bottom:0.8em;
	font-family: "Sawarabi Mincho", serif;
	font-weight:normal;
}
.contents_css h3:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0%;
	width: 40%;
	z-index:2;
	border-top: 2px solid #f7931e
}
.contents_css h3:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom:2px solid #d1ca94;
}
@media only screen and  ( max-width : 768px ) {
	.contents_css h3{
		font-size:110%;
	}
}
/* -------------------- title h4 -------------------- */
.contents_css h4{
	position: relative;
	font-size:110%;
	letter-spacing:0.1em;
	font-weight:bold;
	margin-bottom:0.8em;
	padding-bottom:0.3em;
	border-bottom:1px solid #b5b082;
	font-family: "Sawarabi Mincho", serif;
}
@media only screen and  ( max-width : 768px ) {
	.contents_css h4{
		font-size:100%;
	}
}
@media only screen and  ( max-width : 768px ) {
	.tel_number_img{
		display:block;
		border:1px solid #ccc;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding:1em 30% 1em 1em;
		background:url(images/common/icon_on.png) 98% 50% no-repeat;
		-moz-background-size:8px 9px;
		background-size:8px 9px;
		line-height:100%;
	}
	.page_contents .tel_number_img{
		background:#f5f5f5 url(images/common/icon_on.png) 98% 50% no-repeat;
		-moz-background-size:8px 9px;
		background-size:8px 9px;
		font-size:150%;
	}

}

/* ************************************************ 
 *	
 *	common
 *	
 * ************************************************ */

#page_mainimg h2{
	background-color: rgba(255,255,255,0.5);
	padding:3em 0em;
	text-align: center;
	line-height:180%;
	z-index:3;
}
#page_mainimg h2{
	font-family: "Sawarabi Mincho", serif;
	text-align:center;
}

#page_mainimg{
	-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	overflow:hidden;
	min-height:100px;
	overflow:hidden !important;
}
@media print, screen and ( min-width : 768px ) {
	/* pc */
	#page_mainimg h2{
		font-size:180%;
		letter-spacing:0.2em;
	}
	#page_mainimg img{
		position: fixed;
		top: 0;
		z-index:-1;
	}
}

@media (min-width: 768px) and (max-width: 980px) {
	#page_mainimg img{
		position: absolute;
	}
}

@media only screen and  ( max-width : 768px ) {
	#page_mainimg{
		background-position: center top;
		position: relative;
	}
	#page_mainimg h2{
		font-size:110%;
	}
	#page_mainimg img{
		position: absolute;
		top: 0;
		z-index:-1;
	}
}
.pagetitle-product{background-image:url(images/pagetitle/product.jpg);}
.pagetitle-line,
.pagetitle-news,
.pagetitle-office{background-image:url(images/pagetitle/about.jpg);}
.pagetitle-contact{background-image:url(images/pagetitle/contact.jpg);}
.pagetitle-culture-school{background-image:url(images/pagetitle/culture-school.jpg);}


/* ************************************************ 
 *	
 *	HRADER
 *	
 * ************************************************ */
#mobile-head{
	overflow:hidden;
	position: relative;

}
#top-head{
	position: relative;
	z-index:100;
}
#top-head:after {
	content: "";
	clear: both;
	display: block;
}

/* =================================PC head================================= */


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

	#top-head{
		width: 100%;
	}

	/* ---------------------------------------- */
	#top-head{
		background: url(images/common/head_bg.jpg) center top repeat-x;
	}

	#top-head .inner_block{
		width:100%;
	}
	#global-nav{
		z-index:5;
		width:100%;
	}
	.site_description p{
		display:block;
		color:#c3b4a2;
		font-size:70%;
		line-height:150%;

	}
}
@media ( min-width : 1100px ) {
	#mobile-head{
		width:1100px;
		margin:0px auto;
	}
}
@media (min-width: 768px) and (max-width: 1100px) {
	#mobile-head{
		width:90%;
		margin:0px auto;
	}
}
@media screen and (min-width: 768px) {
	.site_description{
		padding:0.8em 330px 0.8em 0em;
	}
	/* ---------------------------------------- */
	.logo{
		text-align:center;
		padding:2em 0em 1em 0em;
	}
	.head_sns{
		position: absolute;
		top: 0.7em;
		right: 0em;
	}
	.head_sns li{
		float:left;
		margin-left:0.1em;
	}
	.head_kurita{
		position: absolute;
		top: 1em;
		right: 180px;
	}
}
@media only screen and  ( max-width : 768px ) {
	.site_description{
		display:none;
	}
	.logo{
		max-width:150px;

	}
	#head_tel,
	.head_kurita,
	.site_description,
	.head_sns{
		display:none;
	}
}
/* =================================PC================================= */

@media screen and (min-width: 768px) {
	#global-nav{
		background: url(images/common/head_bg.jpg) center top repeat-x;
	}

	#top_contents #global-nav::after{
		content: "";
		border-radius:0px 0px 50% 50%;
		background: url(images/common/head_bg.jpg) center top repeat-x;
		width:100%;
		height:2em;
		position: absolute;
		left:0%;
		bottom:-1em;
		z-index:0;
	}
	#nav_block{
		position: relative;
		text-align:center;
		z-index:3;
	}
	.nav_menu li{
		display:inline-block;
		padding:0em;
		vertical-align:top;
	}
	.nav_menu a.fade{
		display:block;
		color:#fff;
		font-weight:bold;
		padding:1em 1em 1em 1em;
		text-decoration: none;
		text-shadow: 1px 1px 3px #000;
		letter-spacing:0.1em;
	}
	.nav_child_bt{
		cursor: pointer;
		cursor: hand;
		font-weight:bold;
	}
	.nav_child_bt span{
		color:#fff;
		padding:1em 3em 1em 1em;
		display:block;
		position: relative;
	}
	.nav_child_bt span img{
		position: absolute;
		top: 50%;
		right:1em;
		margin-top:-0.5em;
	}
	img.rotate {
		transform: rotate(180deg);
	}
	#page_contents .nav_menu a.fade,
	#page_contents .nav_child_bt span{
		padding-top:0.8em;
		padding-bottom:0.8em;
	}
	/* --------------------------開閉------------------- */
	.nav_child_div{
		position: absolute;
		top:100%;
		left:0%;
		background:#201101;
		width:90%;
		padding:5%;
		z-index:200;
		line-height:130%;
	}
	.nav_child_div .page_productlist li{
		width:13%;
		padding:1%;
		display:inline-block;
	}
	.nav_child_div .page_productlist .tn_title_block{
		color:#fff;
		padding:0.5em;
		font-size:80%;
	}
	.nav_child_div .page_productlist a:hover .tn_title_block{
		color:#aaa;
	}
	/* --------------------------スクロールで固定------------------- */
	.head_fix{
		position: fixed;
		top: 0;
		z-index:2000;
		width:100%;
		background:none;
		border-radius:0px 0px 50% 50%;

	}
	.head_fix .fade,
	.head_fix .nav_child_bt{
		font-size:90%;
	}
	.head_fix::after{
		display:none;
	}
}
@media ( min-width : 1100px ) {
	.nav_menu{
		width:1100px;
		margin:0px auto;
	}
	.nav_child_sec{
		width:17%;
		float:left;
		padding:1.5%;
	}

}
@media (min-width: 768px) and (max-width: 1100px) {
	.nav_menu{
		width:90%;
		margin:0px auto;
		font-size:90%;
	}
	.nav_child_sec{
		width:29%;
		float:left;
		padding:2%;
		min-height:200px;
	}
}
@media ( max-width : 768px ) {
	.nav_child_sec ul{
		display:none;
	}
}
/* ------------------------------Toggle Button------------------------------ */
#nav-toggle {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 200;
		background: #3b2209;
	padding:16px 10px 8px 10px;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #fff;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 10px;
}
#nav-toggle span:nth-child(3) {
	top: 20px;
}
@media only screen and  ( max-width : 768px ) {
	#top-head{
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
	}

	h1.logo{
		position: absolute;
		left:50%;
		top:8px;
		margin-left:-75px;
	}

	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0;
		background: transparent;

	}
	#mobile-head {
		background: url(images/common/head_bg.jpg);
		width: 100%;
		height: 55px;
		z-index:1010;
		position: relative;
		overflow:hidden;
	}
	.close #global-nav,
	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -600px;
		width: 100%;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		z-index:1000;
	}
	#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
	}
	#global-nav ul li {
		float: none;
		position: static;
		background-color: rgba(32,17,1,0.9);
	}
	#global-nav ul li .fade {
		display: block;
		padding: 0.5em 0.5em 0.5em 3em;
		color:#fff;
		background:url(images/common/icon_white.png) 1em 50% no-repeat;
		-moz-background-size:6px 4px;
		background-size:6px 7px;
		border-bottom:1px solid #6c461a;
	}
	.nav_child_bt {
		background:url(images/common/icon_white.png) 1em 50% no-repeat;
		-moz-background-size:6px 4px;
		background-size:6px 7px;
		cursor: pointer;
		cursor: hand;
		border-bottom:1px solid #6c461a;
	}
	.nav_child_bt span{
		display: block;
		padding: 0.5em 0.5em 0.5em 3em;
		color:#e0d1ac;
		position: relative;
	}
	.nav_child_bt span img{
		position: absolute;
		top: 50%;
		right:5%;
		width:15px;
		height:15px;
		margin-top:-7px;
	}
	/* --------------------------開閉------------------- */
	.nav_child_div .page_productlist li{
		width:31%;
		display:inline-block;
		vertical-align:top;
		padding: 1%;
		background:none !important;
	}
	.nav_child_div .page_productlist a{
		display:block;
		text-align:center;
	}
	.nav_child_div .page_productlist .top_postthumb{

	}
	.nav_child_div .page_productlist .tn_title_block{
		height:3em;
		color:#fff;
		font-size:70%;
	}

	img.rotate {
		transform: rotate(180deg);
	}
	.nav_child_sec h3 a{
		margin-left:3em;
	}
	#nav-toggle {
		display: block;
	}

	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(655px);
		-webkit-transform: translateY(655px);
		transform: translateY(655px);
	}
}
/* ************************************************ 
 *	
 *	FOOTER
 *	
 * ************************************************ */
/* ------------------- HanaGoro contact --------------------* */
.foot_sns{
	text-align:center;
	margin:0em auto 1em auto;
		width:80%;
}
.foot_sns li{
	display:inline-block;
	padding:0em 1%;
}
@media only screen and  ( max-width : 768px ) {
	.foot_sns{
		width:50%;
	}
	.foot_sns li{
		width:21%;
	}
}
.foot_news{
	font-size:120%;
	margin-bottom:3em;
}
@media only screen and  ( max-width : 768px ) {
	.foot_news{
		font-size:100%;
	}
}
/* ------------------- HanaGoro contact --------------------* */
#foot_contact{
	margin-bottom:3em;
	border-top:1px solid #c1bc95;
	border-bottom:1px solid #c1bc95;
	background-color: rgba(255,255,255,0.4);
	padding:3em 0em;
}
.foot_contact_list li{
	font-size:80%;
	line-height:150%;
		background:#e9e3d4;
		padding:5%;
}

@media print, screen and ( min-width : 768px ) {
	.foot_contact_main{
	}
	.foot_contact_img{
		width:36%;
		float:left;
	}
	.foot_contact_text{
		width:60%;
		float:right;
		line-height:170%;
	}
	
}
@media only screen and  ( max-width : 768px ) {
	.foot_contact_text{
		text-align:center;
		padding:4%;
		font-size:80%;
		line-height:170%;
	}
	.foot_contact_text .tel_number_img{
		background:#fff url(images/common/icon_on.png) 98% 50% no-repeat !important;
		-moz-background-size:8px 9px;
		background-size:8px 9px;
	}
	.foot_contact_tel{
		margin:1em;
		text-align:center;
	}

}


@media print, screen and ( min-width : 900px ) {
	.foot_contact_list li{
		width:39%;
		float:left;
		text-align:center;
		margin-bottom:2em;
	}
	.foot_contact_list li:last-child{
		margin-left:2%;
	}
}
@media only screen and  ( max-width : 900px ) {
	.foot_contact_list li{
		margin-bottom:1em;
		width:90%;
	}
}



/* ------------------- pagetop -------------------- */
.pagetop{
	position: fixed;
	z-index:20;
	bottom: 20%;
	right: 0px;
}
@media only screen and  ( max-width : 768px ) {
	.pagetop img{
		width:36px;
		height:auto;
	}
}
/* -------------------  footer -------------------- */
#footer{
	background: url(images/common/head_bg.jpg);
}
.footer_bg{
	background-color: rgba(0,0,0,0.3);
	padding:5% 0%;
}

@media only screen and  ( max-width : 768px ) {
	.footer_bg{
		padding:10%;
	}
}
#footer a,
#footer{
	color:#fff;
	text-shadow: 1px 1px 3px #000;
}
.foot_sitemap_block{
	font-size:80%;
}
.footer_logo,
.footer_tel{
	margin-bottom:1em;
}
.footer_address{
	font-size:70%;
	line-height:160%;
}
.foot_sitemap .child{
	padding-left:2em;

}
/* ------------------- foot block -------------------- */
@media print, screen and ( min-width : 768px ) {
	#footer_info{
		width:40%;
		float:right;
		text-align:right;
	}
	.foot_sitemap_block{
		width:23%;
		float:left;
		padding-right:2%;
	}
}
@media only screen and  ( max-width : 768px ) {
	.footer_logo,
	.foot_hanacupid{text-align:center;}
	.foot_hanacupid img,
	.footer_logo img{
		width:50%;
		height:auto;
	}
	#footer_info{
		margin-bottom:2em;
		font-size:70%;
		text-align:center;
	}
	.foot_sitemap_block{
	}
	.foot_sitemap_block li{
		border-bottom:1px solid #593518;
	}
	.foot_sitemap_block li span,
	.foot_sitemap_block li a{
		display:block;
		padding-right:1em;
	}
	.foot_sitemap_block li a{
		background:url(images/common/icon_white.png) 98% 50% no-repeat;
		-moz-background-size:6px 7px;
		background-size:6px 7px;
	}
}
/* ------------------- address -------------------- */
.f_address{
	font-size:60%;
	text-align:center;
		padding-top:50px;
}
/* ************************************************ 
 *	
 *	clearfix
 *	
 * ************************************************ */
.gallery:after,
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}
* html .clearfix { zoom:1; } /*for IE6*/
*:first-child+html .clearfix { zoom:1; } /*for IE7*/
.cb {
	clear: both;
}
@media print{
	.pagetop{
		display:none;
		text-indent:-200%;
		
	}
}
/* ************************************************ 
 *	
 *	short code
 *	
 * ************************************************ */
/* ------------------- スマホではスクロール可能に -------------------- */
@media only screen and  ( max-width : 768px ) {
	.horizontal_scroll_wrap{
		background: #f1f1f1;
		height: 280px;
		overflow-y: hidden;
	}
	.horizontal_scroll_wrap ul {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		padding-bottom: 50px;
		margin: 25px 0 0;
		-webkit-overflow-scrolling: touch;
	}
	.horizontal_scroll_wrap ul li{
		margin-right: 10px;
		display: inline-block;
		width: 240px;
		background: #fff;
	}
}

#wrap #sclist{
	text-align:center;

}
#wrap #sclisti a{
	overflow:hidden;
	color: #42210b;
	display:block;
}
.top_postthumb{
	position: relative;
	top:0;
}
.top_postthumb::after {
	content:"";
 	position:absolute;
	top:0; right:0; bottom:0; left:0;
}




.top_postthumb{
	line-height:0;
	overflow:hidden;
}
.top_postthumb img{
	width:100%;
	height:auto;

}
#wrap .tn_title_block{
	text-align:left;
	padding:0.5em;
	font-size:90%;
}
#wrap .tn_title_block span{
	display:block;
	line-height:140%;
}
#wrap .tn_title_block .title{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow:hidden;
	height:2.8em;
	font-weight:bold;
	color: #42210b;
	margin-bottom:1em;
	overflow:hidden;
}

#wrap .tn_title_block .days{
	font-size:70%;
	color: #f46334;
}
#wrap .tn_title_block .event-days{
	font-size:90%;
	color: #42210b;
}
#wrap .page_productlist .tn_title_block{
	text-align:center;
}
.page_productlist .days{
	display:none;
}
#wrap .page_productlist li{
	display:inline-block;
	text-align:center;
	margin-bottom:1em;
}
@media print, screen and ( min-width : 768px ) {
	#sclist li{
		display:inline-block;
		text-align:center;
		margin-bottom:1em;
	}
	#sclist li a{ display:block;}
	#sclist li a:hover .title{color:#f7921c;}
	#wrap .col_6{width:15%;}
	#wrap .col_5{width:20%;}
	#wrap .col_4{width:25%;}
	#wrap .col_3{width:33.3%;}
	#wrap .col_2{width:50%;}
}
@media only screen and  ( max-width : 768px ) {
	/* --　商品のみ -- */
	#wrap .page_productlist .col_6{width:50%;}
	#wrap .page_productlist .col_5{width:33.3%;}
	#wrap .page_productlist .col_4{width:50%;}
	#wrap .page_productlist .col_3{width:33.3%;}
	#wrap .page_productlist .col_2{width:50%;}
}




@media print, screen and ( min-width : 768px ) {
	.page_postlist li a,
	.page_eventlist li a{padding:1%;}
}

@media only screen and  ( max-width : 768px ) {
	.page_productlist li{
		font-size:85%;
	}
	.page_postlist li,
	.page_eventlist li{
		font-size:95%;
		white-space: normal;
	}
}







/* ************************************************ 
 *	
 *	コンテンツ共通
 *	
 * ************************************************ */
small,.small{font-size:70%;line-height:150%}
.bold{font-weight:700}
.ml1em{margin-left:1em}
.mb1em{margin-bottom:1em}
.shadow{text-shadow:1px 1px 3px #000}
.red{color:#c53300;}
.big{font-size:160%;line-height:180%}
@media only screen and ( max-width : 768px ) {
.big{font-size:110%;line-height:180%}
}
.text_center{text-align:center}
.font80{font-size:80%;line-height:160%}
.font90{font-size:90%;line-height:160%}
.indent1em{padding-left:1em;text-indent:-1em}
.indent2em{padding-left:2em;text-indent:-2em}

/* 高さを合わせる */
ul.both_height {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
/* 拡大 */
@media print,screen and ( min-width : 768px ) {
.scale {
overflow:hidden;
}
.scale img {
-moz-transition:-moz-transform .2s linear;
-webkit-transition:-webkit-transform .2s linear;
-o-transition:-o-transform .2s linear;
-ms-transition:-ms-transform .2s linear;
transition:transform .2s linear
}
.scale:hover img {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
transform:scale(1.2)
}
	.page_contents a img,
	#post_css a img,
	.fade{
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 1;
	}
	.page_contents a img:hover,
	#post_css a img:hover,
	.fade:hover{
		opacity: 0.6;
	}
}
/* 営業時間 */
.business_hours{border:none !important; width:250px !important; margin:0px auto;}
.business_hours td{
	vertical-align:top;
	text-align:left;
	padding:0px;
}
.business_hours td.right{
	text-align:right;
}
.foot_contact_list .red{
	display:block;
}
.page_contents .foot_contact_list .red{
	display:none;
}

.gallery{
	margin-bottom:1em;

}
.gallery br{
	display:none;
}
.gallery .gallery-item {
	text-align:center;
}
.gallery img {
	border: 1px solid #e9e3d4;
}
@media print, screen and ( min-width : 600px ) {
	.gallery{
		margin-left:-1%;
		margin-right:-1%;
	}
	.gallery .gallery-item {
		float: left;
		width: 18%;
		margin:1%;
	}
	.gallery-columns-1 .gallery-item{
		width: 98%;
	}
	.gallery-columns-2 .gallery-item{
		width: 48%;
	}
	.gallery-columns-3 .gallery-item{
		width: 31.3%;
	}
	.gallery-columns-4 .gallery-item{
		width: 23%;
	}
	.gallery-columns-5 .gallery-item{
		width: 18%;
	}
	.gallery-columns-6 .gallery-item{
		width: 15.6%;
	}
	.gallery-columns-7 .gallery-item{
		width: 12.2%;
	}
	.gallery-columns-8 .gallery-item{
		width: 11.5%;
	}
	.gallery-columns-9 .gallery-item{
		width: 10.1%;
	}
}
@media only screen and  ( max-width : 600px ) {
	.gallery{
		margin-left:-2%;
		margin-right:-2%;
	}
	.gallery .gallery-item {
		float: left;
		width: 29%;
		margin:2%;
	}
}