@charset "utf-8";
/* CSS Document */
/* -------------------------html------------------------- */
body {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.6;
	color: #372206;
	width:100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	height:100%;
	position: relative;
	background:url(images/common/all_bg.png);
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
@media only screen and  ( max-width : 900px ) {
	body {
		font-size: 16px;
		padding-top:-65px;
	}
}








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

/* -------------------------link------------------------- */

a{
	color:#f08500;
	text-decoration: none;
}

@media print, screen and ( min-width : 768px ) {
	a:active, a:hover{
		color:#af600e;
		text-decoration: underline;
	}
}
/* -------------------------背景ありのリスト------------------------- */
ul.border_list li{
	background:url(images/common/mobile_nav.png);
	outline: 2px dashed #c59c66;
	outline-offset: -7px;
}
/* -------------------------背景ありのリスト------------------------- */
.cloth_bg{
	background:url(images/common/mobile_nav.png);
}

.bt{
	margin-top:0.5em;
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	color: #ffffff;
	padding: 0.8em 3em;
	text-decoration: none;
	font-weight:bold;
	font-size:100%;
	background-image:
		url(images/common/icon_w.png) ,
		url(images/common/btbg.png);
	background-repeat:
		no-repeat,
		repeat;
	background-position:
		2em 50%,
		right;
	background-size:
		7px 8px,
		auto auto;
	outline: 2px dashed #ed928a;
	outline-offset: -7px;
}
.bt:hover{
	text-decoration: none;
	color: #ffffff;
}
@media only screen and  ( max-width : 768px ) {
	.bt{
		display:block;
		padding: 0.7em 3em;
	}
}
/* -------------------------ページのお問い合わせ------------------------- */
.page_contact_link{
	display:block;
	text-align:center;
	padding: 2em 3em;
}
.page_contact_link img{
	width:60%;
}
@media only screen and  ( max-width : 768px ) {
	.page_contact_link{
		padding: 4em 0em;
	}
	.page_contact_link img{
		width:70%;
	}
}

p{
	text-align: justify;
	text-justify: inter-ideograph;
}
img{
	vertical-align: bottom;
	max-width:100%;
	height:auto;
   -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}
@media only screen and (min-width: 900px){
	br.smp_br{
		display:none;
	}
}

/* -------------------------form------------------------- */

/* 問い合わせ関連 */
select,
input[type="email"],
input[type="text"],
textarea{
	padding:1%;
	border:1px solid #c59c66;
	font-size:18px;
	line-height:160%;
	max-width:98%;
}
textarea{
	width:98%;
}
.form_tel input{width:25% !important;}

input[type="submit"] {
	font-family: "Maru Folk Medium";
	position: relative;
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	color: #ffffff;
	padding: 1em 1em;
	text-decoration: none;
	border:none;
	font-weight:bold;
	font-size:110%;
	cursor: pointer;
	cursor: hand;
	letter-spacing:0.1em;
	background:url(images/common/btbg.png);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	outline: 2px dashed #fff;
	outline-offset: -7px;
}



p{
	margin-bottom:1em;
	display:block;
	line-height:180%;
}
table{
	border:1px solid #c59c66;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	text-align:left;
	background:#fff;

}
table th{
	background:url(images/common/mobile_nav.png);
	text-align:center;



}
table th,
table td{
	border:1px solid #c59c66;
	padding:1em;
	font-size:85%;
}
@media only screen and  ( max-width : 768px ) {
	table th,
	table td{
	border:1px solid #c59c66;
		padding:1em;
		font-size:80%;
	}
}



/* ************************************************ 
 *	
 *	layout
 *	
 * ************************************************ */
#wrap{
	margin-bottom:4em;
	overflow:hidden;
}
@media only screen and  ( max-width : 900px ) {
	#wrap{
		margin-top:60px;
		padding-top:-60px;

	}
}

/* サイト全体で使う幅サイズ */
@media print, screen and ( min-width : 1180px ) {
	.inner_block{
		width:1160px;
		margin:0px auto;
	}
}
@media ( max-width : 1180px ) and  ( min-width : 700px )  {
	.inner_block{
		width:90%;
		margin:0px auto;
	}
}
@media only screen and  ( max-width : 700px ) {
	.inner_block{
		width:98%;
		margin:0px auto;
	}
}
/* --------------------2カラムデザイン-------------------- */
@media print, screen and ( min-width : 900px ) {
	#content{
		width:73%;
		float:left;
	}
	#sidebar{
		width:23%;
		float:right;
	}
	#page_content{
		width:75%;
		float:right;
		font-size:90%;
	}
	#page_sidebar{
		width:23%;
		float:left;
	}
}
@media only screen and  ( max-width : 900px ) {
	#page-content,
	#content{
		padding-bottom:3em;
	}
	#sidebar{
		background:url(images/common/mobile_nav02.png);
	}
}

/* --------------------サイドメニュー-------------------- */
@media ( max-width : 900px ) and  ( min-width : 700px )  {
	#sidebar{
		width:100%;
		padding:7%;
		margin-left:-7%;

	}
}
@media only screen and  ( max-width : 700px ) {
	#sidebar{
		width:90%;
		padding:6%;
		margin-left:-1%;

	}
}











/* ************************************************ 
 *	
 *	FOOTER
 *	
 * ************************************************ */

/* -------------------pagetop-------------------- */
.pagetop{
	position: fixed;
	z-index:10;
	bottom: -1em;
	right: 1em;
	z-index:5;
	opacity:0;

}
@media only screen and  ( max-width : 700px ) {
	.pagetop{
		zoom:0.5;
	}
}
.head_fix .pagetop{
	opacity:1;
	bottom: 1em;
}
#footer{
	background:#5e5339 url(images/common/footer_bg.jpg) 0% 100% no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	color:#fff;
	font-size:80%;
	padding:4em 0em;
}
#footer a{
	color:#fff;
}

@media print, screen and ( min-width : 768px ) {
	.foot_about_info{
		width:35%;
		float:left;
	}
	.foot_sitemap{
		width:55%;
		float:right;
	}
}
@media only screen and  ( max-width : 768px ) {
	.foot_about_info{
		margin-bottom:3em;
	}
	.foot_sitemap{
		width:80%;
		margin:0 auto;
	}
	.foot_about_info img{
		width:30%;
	}
}


/* -------------------sitemap-------------------- */
.foot_sitemap ul li{
	background:url(images/common/icon.png) 0em 50% no-repeat;
	-moz-background-size:7px 8px;
	background-size:7px 8px;
	text-align:left;
	padding-left:1em;
	margin-bottom:1em;
}
@media print, screen and ( min-width : 500px ) {
	.foot_sitemap ul{
		width:40%;
		float:left;
		margin-right:10%;
	}
}
.foot_sitemap ul li.child{
	background:url(images/common/icon.png) 1em 50% no-repeat;
	-moz-background-size:7px 8px;
	background-size:7px 8px;
	text-align:left;
	padding-left:2em;
	margin-bottom:1em;
}






/* ************************************************ 
 *	
 *	高さを合わせる
 *	
 * ************************************************ */
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;
}

/* ************************************************ 
 *	
 *	clearfix
 *	
 * ************************************************ */

.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%;
		
	}
}
/* ************************************************ 
 *	
 *	コンテンツ共通
 *	
 * ************************************************ */
small, .small{font-size:70%; line-height:150%;}
.t_shadow{text-shadow:1px 1px 2px #000;}
.bold{font-weight:bold;}
.red{color:red;}
.big{font-size:150%; line-height:160%;}
.text_center{text-align:center;}
.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:0.5em;}
.mb1{margin-bottom:1em;}
.mb2{margin-bottom:2em;}
.mb3{margin-bottom:3em;}
.mb4{margin-bottom:4em;}
.mb5{margin-bottom:5em;}
.mb6{margin-bottom:6em;}
.mb8{margin-bottom:8em;}
.mb10{margin-bottom:10em;}
.indent1em{
	padding-left:1em;
	text-indent:-1em;
}
.inner_dots_line{
	border:2px dashed #c59c66;
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
}
.kadomaru{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow:hidden;
}
/* ************************************************ 
 *	
 *	ページタイトル
 *	
 * ************************************************ */
#page_title{
	background:#fff;
	margin:1em 0em;
}

/* ************************************************ 
 *	
 *	アニメーション
 *	
 * ************************************************ */
@media ( min-width : 768px ) {

	.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;
	}
	.top_post_image img:hover{
		opacity: 1 !important;
	}


}
.animation_type01{
	-webkit-transition-delay: 0.2s;
	   -moz-transition-delay: 0.2s;
	    -ms-transition-delay: 0.2s;
	     -o-transition-delay: 0.2s;
	        transition-delay: 0.2s;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}

.scrollShow_animation {
	-webkit-transition-delay: .1s;
	   -moz-transition-delay: .1s;
	    -ms-transition-delay: .1s;
	     -o-transition-delay: .1s;
	        transition-delay: .1s;
	-webkit-transition: all 1s ease-in-out;
	   -moz-transition: all 1s ease-in-out;
	    -ms-transition: all 1s ease-in-out;
	     -o-transition: all 1s ease-in-out;
	        transition: all 1s ease-in-out;
	opacity:0;
}

.scrollShow_animation.showItem {
	opacity:1;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}


.fadeInDown_animation{visibility:hidden;}



	.fadeInDown {
		-webkit-animation-fill-mode:both;
		-ms-animation-fill-mode:both;
		animation-fill-mode:both;
		-webkit-animation-duration:1s;
		-ms-animation-duration:1s;
		animation-duration:1s;
		-webkit-animation-name: fadeInDown;
		animation-name: fadeInDown;
		visibility: visible !important;
	}
	@-webkit-keyframes fadeInDown {
	 0% { opacity: 0; -webkit-transform: translateY(-20px); }
	 100% { opacity: 1; -webkit-transform: translateY(0); }
	}
	@keyframes fadeInDown {
	 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	}


/* ************************************************ 
 *	
 *	header
 *	
 * ************************************************ */

#top-head{
	position: relative;
	margin-bottom:2em;
}

#top-head{
	position: relative;
}
.nav_menu01 li a,
.nav_menu02 li a{
	text-align:center;
	display:block;
}
@media print, screen and ( min-width : 900px ) {
	#top-head{
		margin-bottom:1.5em;
		padding-top:5em;
	}
	#global-nav{
		position: relative;
	}
	.nav_menu01,
	.nav_menu02{
		border-left:2px dotted #8c6239;
		width:38%;
	}
	.nav_menu01{
		float:left;
	}
	.nav_menu02{
		float:right;
	}
	.nav_menu01 li,
	.nav_menu02 li{
		display:block;
		float:left;
		width:33.3%;
	}
	.nav_menu01 li a,
	.nav_menu02 li a{
		border-right:2px dotted #8c6239;
		padding:0.7em 0.8em;
	}
	.mobile_nav_contact{
		display:none;
	}
}
@media only screen and  ( max-width : 900px ) {
	#mobile-head{
		background:url(images/common/mobile_nav.png);
		position: fixed;
		top: 0;
		left: 0;
		z-index:200;
		width:100%;
		height:55px;
		/* box-shadow */
		box-shadow:0px 0px 4px 0px #bdb2a2;
		/* react native */
		{
		shadowColor:"#bdb2a2",
		shadowOffset:{width:0,height:0},
		shadowOpacity:1
		}
	}
	#global-nav{
		background:url(images/common/mobile_nav02.png);
		position: fixed;
		top: -100%;
		left: 0;
		z-index:6;
		width:100%;
		height:100%;
		overflow-y: auto;
	}
	#nav_block{
		margin:80px 1em 1em 1em;
	}
	/* ナビゲーションリスト */
	.nav_menu01 li,
	.nav_menu02 li{
		float:left;
		width:31%;
		margin:1%;
	}
	.nav_menu01 li a,
	.nav_menu02 li a{
		background:#fff;
		padding:1.5em 0.5em;
	}
	.headnavi-open #global-nav{
		position: fixed;
		top: 0%;
	}
	.nav_menu02{
		margin-bottom:2em;
	}
	.mobile_nav_contact{
		margin:1%;
	}
}








@media only screen and  ( max-width : 900px ) {
	/* ------------------------------Toggle Button------------------------------ */
	#nav-toggle {
		position: fixed;
		right: 8px;
		top: 8px;
		width: 30px;
		height: 20px;
		cursor: pointer;
		z-index: 200;
		background:#fff;
		padding:8px 5px 10px 5px;
		border-radius: 1px;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
	}
	#nav-toggle div {
		position: relative;
	}
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #333;
		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;
	}
	/* #nav-toggle 切り替えアニメーション */
	.headnavi-open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.headnavi-open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.headnavi-open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
}



/* ------------------------------------ヘッダー内部------------------------------------- */
@media print, screen and ( min-width : 900px ) {
	#mobile-head .logo{
		position: absolute;
		left:40%;
		bottom:-1em;
		width:20%;
		z-index:5;
		text-align:center;
	}
	.head_description{
		position: absolute;
		top:1em;
		left:0em;
		width:40%;
		font-size:60%;
	}
	.head_tel{
		position: absolute;
		top:1em;
		right:0em;
		width:38%;
	}
	.h_tel_number{
		width:67%;
		float:right;
		text-align:right;
		margin-right:2%;
	}
	.h_tel_link{
		width:31%;
		float:right;
	}
}


@media only screen and  ( max-width : 900px ) {
	#mobile-head .logo{
		width:85px;
		margin:0em auto 0em auto;
	}
	.head_description,
	.head_tel{
		display:none;
	}
}

/* ************************************************ 
 *	
 *	PANKUZU
 *	
 * ************************************************ */
.pankuzu{
	font-weight:normal;
	font-size:70%;
	margin-bottom:2em;
	padding-bottom:0.5em;

}
.pankuzu strong,
.pankuzu a{
	font-weight:normal;
}

@media only screen and  ( max-width : 768px ) {
	.pankuzu{
		border-bottom:2px dotted #c59c66;
		font-size:60%
	}
}

/* ******************************************************************************** 
 *	
 *	ページ共通CSS
 *	
 * ******************************************************************************** */
.contents_css section {
	background:#fff;
	position: relative;
	padding:1.5em;
	margin-bottom:2em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	outline: 2px dashed #ccc;
	outline-offset: -7px;

}




.contents_css p{
	margin-bottom:1em;

}
.archives-title,
.font01,
h2,
.contents_css h3,
.contents_css h4,
.contents_css h5{
font-family: "Maru Folk Medium";
}




.contents_css h2{
	font-size:180%;
	padding-bottom:0.3em;
	margin-bottom:0.6em;
	text-align:center;
	position: relative;
}
@media only screen and  ( max-width : 768px ) {
	.contents_css h2{
		font-size:140%;
	}
}
.contents_css h2:after {
	content: "";
	border-bottom:3px dashed #c59c66;
	width:10%;
	position: absolute;
	bottom: 0%;
	left: 45%;


}
.archives-title,
.contents_css h3{
	font-size:140%;
	position: relative;
	padding:0.6em 1em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background:url(images/common/h3bg.png);
	margin-bottom:1em;
	color:#fff;

}
.contents_css h3:after {
	content: "";
	border:2px dashed #eddebb;
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}









@media only screen and  ( max-width : 768px ) {
	.archives-title,
	.contents_css h3{
		font-size:120%;
	}
}
.contents_css h4{
	font-size:130%;
	padding:0.5em 0.5em 0.5em 30px;
	margin-bottom:1em;
	border-bottom:2px dashed #c59c66;
	background:url(images/common/icon_botan.png) 0em 50% no-repeat;
	-moz-background-size:20px 20px;
	background-size:20px 20px;
}










@media only screen and  ( max-width : 768px ) {
	.contents_css h4{
		font-size:110%;
	}
}
.contents_css h5{
	font-size:120%;
	padding-bottom:0.3em;
	margin-bottom:0.5em;
	border-bottom:1px solid #372206;
}
@media only screen and  ( max-width : 768px ) {
	.contents_css h5{
		font-size:100%;
	}
}
.mincho{font-family: "見出ミンMA31";}










/* ******************************************************************************** 
 *	
 *	ブログページ共通
 *	
 * ******************************************************************************** */
blockquote{
	background-color:#f5f5f5 !important;
	padding:25px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:95%;
}
blockquote p{
	margin-bottom:2em !important;
	line-height:160%;
}
.wp-caption{
	background:url(images/common/mobile_nav.png);
	text-align:center;
	margin-bottom:20px;
	padding:1.2% 1% 0% 1%;
	max-width:97%;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

}
p.wp-caption-text{
	font-size:80%;
	padding:2%;
	text-align:left;
	line-height:140%;
	color:#000;
	font-style:italic;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 2%;
	margin-bottom: 1em;
	max-width:46%;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 2%;
	margin-bottom: 1em;
	max-width:46%;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
img.alignleft,
img.alignright,
img.aligncenter {
}
.alignnone{
	float:none;
}


/* 画像のフロート*/
@media print, screen and ( min-width : 768px ) {
	.right_img{
		float:right;
		margin-left:2em;
		margin-bottom:1em;
		max-width:40%;
	}
	.left_img{
		float:left;
		margin-right:2em;
		margin-bottom:1em;
		max-width:40%;
	}
	.right_img_b{
		background:url(images/common/mobile_nav.png);
		float:right;
		margin-left:2em;
		margin-bottom:1em;
		max-width:40%;
		padding:0.5em;
	}
	.left_img_b{
		background:url(images/common/mobile_nav.png);
		float:left;
		margin-right:2em;
		margin-bottom:1em;
		max-width:40%;
		padding:0.5em;
	}



}
@media only screen and  ( max-width : 768px ) {
	.right_img,
	.left_img{
		width:100%;
		margin-bottom:1em;
	}
	.right_img_b,
	.left_img_b{
		background:url(images/common/mobile_nav.png);
		width:95%;
		padding:2.5%;
		margin-bottom:1em;
	}
	.right_img_b img,
	.left_img_b img{
		width:100%;
	}
}




/* ************************************************ 
 *	
 *	ブログサイド用
 *	
 * ************************************************ */

/*ブログサイド用
------------------------------------------------------------------*/

.sidebar_block{
	margin-bottom:2em;
	font-size:80%;
}
@media only screen and  ( max-width : 768px ) {
	.sidebar_block{
		margin-bottom:1em;
	}
}

.sidebar_block h4{
	font-size:120%;
	font-family: "Maru Folk Medium";
	border-bottom:2px dashed #c59c66;
	padding:0.5em 0em 0.5em 25px;
	margin-bottom:0.5em;
	background:url(images/common/icon_botan.png) 0em 50% no-repeat;
	-moz-background-size:20px 20px;
	background-size:20px 20px;
}
ul.side_blog_menu li{
}
ul.side_blog_menu li a{
	background:url(images/common/icon.png) 0em 50% no-repeat;
	-moz-background-size:7px 8px;
	background-size:7px 8px;
	display:block;
	padding:0.3em 0em 0.3em 1em;
	color: #372206;
	border-bottom:1px solid #c59c66;
}
ul.children{
	padding-left:1.5em;
	margin-bottom:1.5em;
	font-size:100%;
}
ul.children li a{
	border:none;
}

@media only screen and  ( max-width : 768px ) {
	ul.side_blog_menu li a{
		background:#fff url(images/common/icon.png) 0.5em 50% no-repeat;
		-moz-background-size:7px 8px;
		background-size:7px 8px;
		display:block;
		padding:0.5em 0em 0.5em 1.5em;
		color: #372206;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		margin-bottom:0.5em;
	}
}
/* -----------------------共通----------------------- */
.cat-item-none{
	padding:1em;
	background:#f5f5f5;
	color:#666;
}
/* -----------------------固定ページのサイドメニュー----------------------- */
ul.page_sidebar li{
	background:#fff;
}
ul.page_sidebar a{
	padding:0.4em;
	display:block;
	color: #372206;
	font-weight:bold;
	white-space: nowrap;
}

@media print, screen and ( min-width : 900px ) {
	ul.page_sidebar img{
		width:4em;
		float:left;
	}
	ul.page_sidebar div{
		margin-left:4.5em;
		padding:0.8em 0em;
		overflow:hidden;
	}
	ul.page_sidebar li{
		margin-bottom:0.2em;
	}
}
@media only screen and  ( max-width : 900px ) {
	ul.page_sidebar div{
		text-align:center;
		padding:1em 0em;
	}
	ul.page_sidebar{
		background:#fff;
	}
}




@media ( max-width : 900px ) and  ( min-width : 768px ) {
	ul.page_sidebar li{
		width:18%;
		float:left;
		padding:1%;
	}
	ul.side_banner01 li{
		width:31%;
		float:left;
		padding:1%;
	}
	ul.side_banner02 li{
		width:48%;
		float:left;
		padding:1%;
	}



}
@media only screen and  ( max-width : 768px ) {
	ul.page_sidebar li{
		width:31%;
		float:left;
		padding:1%;
	}
	ul.side_banner01,
	ul.side_banner02{
		padding:1%;
	}
	ul.side_banner01 li,
	ul.side_banner02 li{
		margin-bottom:0.8em;
	}


}


/* -----------------------固定ページのサイドメニュー----------------------- */


@media print, screen and ( min-width : 900px ) {
	.side_banner01 li,
	.side_banner02 li{
		margin-bottom:0.5em;
		border:1px solid #fff;
	}


}



/* ------------------------------------ニュース・作品集のデザイン------------------------------------- */
.top_news_ul li{
	position: relative;
}

/* リストに使えるブロックリンク */
a.post_blocklink{
	background:#fff;
	color:#5f3912;
	font-size:90%;
	height:100%;
	display:block;
	position: relative;
}
a.post_blocklink:hover{
	text-decoration: none;
}
.top_news_ul li,
.top_product_ul li{
	float:left;
}
.top_product_ul li{
	font-size:90%;
}

/* PCでは横並び */
@media print, screen and ( min-width : 900px ) {
	.top_news_ul li{
		width:24%;
		margin-right:1.3%;
		margin-bottom:1em;
	}
	.top_news_ul li:nth-child(4n){
		float:right;
		margin-right:0%;
	}
	/* トップページ製作例 */
	.top_product_ul li{
		width:19%;
		margin-right:1.2%;
	}
	.top_product_ul li:nth-child(5){
		float:right;
		margin-right:0%;
	}

	/* 固定ページ製作例 */
	.page_contents .top_product_ul li{
		width:23%;
		margin:1%;
		margin-bottom:1em;
	}
	.page_contents .top_product_ul li:nth-child(4n){
		float:right;
		margin-right:0%;
	}
}


@media ( max-width : 900px ) and  ( min-width : 700px ) {
	.top_news_ul li,
	.top_product_ul li{
		width:32%;
		margin-right:1.3%;
		margin-bottom:0.5em;
	}
	.top_news_ul li:nth-child(3n),
	.top_product_ul li:nth-child(3n){
		float:right;
		margin-right:0%;
	}
	.top_product_ul li{
		width:24%;
		margin-right:1.3%;
	}
	/* 固定ページ製作例 */
	.page_contents .top_product_ul li{
		width:32%;
		margin-right:1.5%;
	}
	.page_contents .top_product_ul li:nth-child(3n){
		float:right;
		margin-right:0%;
	}


}
@media only screen and  ( max-width : 700px ) {
	.top_news_ul li{
		width:48%;
		margin:1%;
	}
	.top_product_ul li{
		width:32%;
		margin-right:1.3%;
	}
}
@media only screen and  ( max-width : 400px ) {
	.top_product_ul li{
		width:48%;
		margin:1%;
	}
}

/* 各投稿別のラベル */
.top_post_label{
	color:#fff;
	padding:0.4em 0.8em;
	font-size:80%;
	position: absolute;
	top: 1em;
	left: 1em;
	width:5em;
	text-align:center;
	font-weight:bold;
}
/* イベントは大きく */
.event_ul .top_post_label{
	width:10em;
	font-size:70%;
	position: absolute;
	left: 1.5em;
	top: 1.5em;
}



.top_post_event .top_post_label{background:#a14391;}
.top_post_post .top_post_label{background:#395f90;}
.top_post_news .top_post_label{background:#00797c;}

/* 各投稿別のラベル */
.top_post_event .days{color:#a14391;}
.top_post_post .days{color:#395f90;}
.top_post_news .days{color:#00797c;}
.top_post_craft .days{color:#f05b23;}

/* お知らせ */
.top_news_ul li .top_post_text{
	padding:1em;
	min-height:6em;
}
/* 作品例 */
.top_product_ul li .top_post_text{
	padding:0.5em 0.5em 2em 0.5em;
}




/* イベント
------------------------------------------------------------------- */
/* イベント */
ul.event_ul li .top_post_text{
	padding:1em 1em 3em 1em;
	font-size:90%;
}
ul.event_ul li{
	position: relative;
}

ul.event_ul li .contents_more{
	position: absolute;
	bottom: 1em;
	left: 1em;
	right: 1em;


}




ul.event_ul li{
	position: relative;
}
ul.event_ul li h4{
	font-size:120%;
}
.event_comment_b{
	line-height:180%;
	font-size:90%;
	color:#444;
}

ul.event_ul li .top_post_image{
	max-height:230px;
	overflow:hidden;
}
.single_event_right .event_days_b ,
.single_event_right .event_time_b{
	padding:0.6em 0.5em 0.6em 50px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	line-height:130%;
}
.single_event_right .event_human_b,
.single_event_right .event_price_b{
	padding:0.4em 0.5em 0.4em 0.5em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:#fff;
	line-height:130%;
}
.event_days_b span,
.event_time_b span,
.event_human_b span,
.event_price_b span{
	display:block;
	width:4em;
	float:left;
}
.event_days_b div,
.event_time_b div,
.event_human_b div,
.event_price_b div{
	padding-left:4em;
}






/* 日付 */
.event_days_b{
	background:#fff url(images/common/event_icon_day.png) 0.5em 0.5em no-repeat;
	-moz-background-size:25px 25px;
	background-size:25px 25px;
}
.event_ul .event_days_b{
	background:#fff url(images/common/event_icon_day.png) 0em 0.5em no-repeat;
	-moz-background-size:18px 18px;
	background-size:18px 18px;
	padding:0.2em 0em 0.2em 25px;
}


/* 時間 */
.event_time_b{
	background:#fff url(images/common/event_icon_time.png) 0.5em 0.5em no-repeat;
	-moz-background-size:25px 25px;
	background-size:25px 25px;
}
.event_ul .event_time_b{
	background:#fff url(images/common/event_icon_time.png) 0em 0.5em no-repeat;
	-moz-background-size:18px 18px;
	background-size:18px 18px;
	padding:0.2em 0em 0.2em 25px;
}





@media print, screen and ( min-width : 1000px ) {
	ul.event_ul{width:100%;}
	ul.event_ul li{
		width:31%;
		margin-right:3.3%;
		margin-bottom:2em;
	}
	ul.event_ul li:nth-child(3n) {
		margin-right:0%;
		float:right;
	}
}


@media ( max-width : 1000px ) and  ( min-width : 600px ) {
	ul.event_ul li{
		width:48%;
		margin:1%;
	}
}
@media only screen and  ( max-width : 600px ) {
	ul.event_ul li{
		width:98%;
		margin:1% 1% 1em 1%;
	}
}
.contents_more{
	background:#c59c66;
	color:#fff;
	text-align:center;
	padding:0.4em;
	font-size:90%;

}
.top_post_image img{
	width:100%;
}







/* ------------------------------------電話番号------------------------------------- */
@media only screen and  ( max-width : 768px ) {
	.tel_link{
		background:#fff;
		display:block;
		padding:1em 3em;
	}
}
/* -------------------------教室リスト------------------------- */
@media print, screen and ( min-width : 768px ) {
	.top_contents #craftclass_list{
		margin-top:-3em;
	}
}
.craftclass_list_block{
	background-color:#fff;
	padding:1.5em;
}
.craftclass_list_block li{
	padding:1%;
	text-align:center;
}
.craftclass_list_block li a{
	color:#603813;
	font-size:80%;
	font-weight:bold;
	display:block;
}
.craftclass_list_block li div{
	padding-top:0.5em;
	height:3em;
}
@media print, screen and ( min-width : 700px ) {
	.craftclass_list_block li{
		width:18%;
		float:left;
	}

}
@media only screen and  ( max-width : 700px ) {
	.craftclass_list_block li{
		width:31%;
		float:left;
	}

}


/* ピックアップ */
ul.pickup_list li a{
	color: #372206;
	display:block;
	text-decoration: none;
	padding:5%;
}
@media print, screen and ( min-width : 700px ) {
	ul.pickup_list li{
		width:48%;
		float:left;
		margin:1%;
		font-size:90%;
	}
	.pickup_list_t{
		overflow:hidden;
		height:10em;
	}
	.pickup_list_t p{
		font-size:90%;
	}
	ul.pickup_list li img{
		width:27%;
		float:left;
	}
	ul.pickup_list li .pickup_list_t{
		width:70%;
		float:right;
	}
}
@media only screen and  ( max-width : 700px ) {
	ul.pickup_list li{
		margin:1%;
	}
	ul.pickup_list li img{
		width:40%;
		float:left;
	}
	ul.pickup_list li .pickup_list_t{
		width:55%;
		float:right;
		font-size:80%;
	}
}