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


body#index {
	}	
/* -------------------------------------------------------------------------- **
**  header
** -------------------------------------------------------------------------- */
body#index header{
	background: url(../images/index/bk_rig01.png) no-repeat 90% -48%, url(../images/index/bk_top02.png) no-repeat 43% top, url(../images/index/bk_top01.png) no-repeat 100% top, url(../images/index/bk_lef01.png) no-repeat -24% bottom, url(../images/index/bk_rig02.png) no-repeat 118% bottom, #000000 url(../images/common/bk_bot01.png) repeat-x left bottom;}
@media screen and (min-width:500px) and (max-width:1100px){
	body#index header{
	background: url(../images/index/bk_rig01.png) no-repeat 90% -48%, url(../images/index/bk_top02.png) no-repeat 43% top, url(../images/index/bk_top01.png) no-repeat 100% top, url(../images/index/bk_lef01.png) no-repeat -63% bottom, url(../images/index/bk_rig02.png) no-repeat 118% bottom, #000000 url(../images/common/bk_bot01.png) repeat-x left bottom;}
}
@media screen and (min-width:1200px) and (max-width:1600px){
	body#index header{
	background: url(../images/index/bk_rig01.png) no-repeat 90% -48%, url(../images/index/bk_top02.png) no-repeat 43% top, url(../images/index/bk_top01.png) no-repeat 100% top, url(../images/index/bk_lef01.png) no-repeat -10% bottom, url(../images/index/bk_rig02.png) no-repeat 118% bottom, #000000 url(../images/common/bk_bot01.png) repeat-x left bottom;}
}
@media screen and (min-width:1600px){
	body#index header{
	background: url(../images/index/bk_rig01.png) no-repeat 90% -48%, url(../images/index/bk_top02.png) no-repeat 58% top, url(../images/index/bk_top01.png) no-repeat 50% top, url(../images/index/bk_lef01.png) no-repeat 0% bottom, url(../images/index/bk_rig02.png) no-repeat 100% bottom, #000000 url(../images/common/bk_bot01.png) repeat-x left bottom;}
}
header div{
	background:none;
	height:464px;
	}

/* -------------------------------------------------------------------------- **
**  section  
** -------------------------------------------------------------------------- */

body#index #wrap {
	background:url(../images/common/main_back.png) no-repeat left top;
	}

/****** #impersonation-notice ******/
#wrap #impersonation-notice{
	clear:both;
	display:block;
	width:1000px;
	margin:0 0 24px 0;
	padding:16px 20px;
	box-sizing:border-box;
	background-color:#FFF8E6;
	border:2px solid #9F3A3A;
	}
	#wrap #impersonation-notice h2{
		margin:0 0 12px 0;
		padding:0;
		color:#9F3A3A;
		font-size:1.6em;
		font-weight:bold;
		font-family:"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
		line-height:1.4em;
		}
	#wrap #impersonation-notice p{
		margin:0 0 10px 0;
		font-size:1.4em;
		line-height:1.7em;
		}
	#wrap #impersonation-notice p:last-child{
		margin-bottom:0;
		}

#wrap section{
	display:block;
	float:left;
	width:650px;
	margin-right:30px;
	}
/****** #m_con ******/
#wrap section #m_con{
	padding-bottom:80px;
	background:url(../images/index/bk_m_con.png) no-repeat right top;
	}
	#wrap section #m_con h2{
		display:block;
		width:400px;
		height:0;
		margin:0 0 12px 0;
		padding-top:50px;
		line-height:50px;
		overflow:hidden;
		background:url(../images/index/m_con_h2-01.png) no-repeat left top;
		}
	#wrap section #m_con p{
		display:block;
		width:590px;
		font-size:1.4em;
		line-height:1.7em;
		}
/****** #news ******/
#wrap section #news{
	display:block;
	background:url(../images/index/shop_img.png) no-repeat right top;
	}
	#wrap section #news article{
		display:block;
		width:430px;
		}
	#wrap section #news h2{
		display:block;
		height:0;
		margin:0 0 2px 0;
		padding-top:36px;
		line-height:36px;
		overflow:hidden;
		background:url(../images/index/news_h2-01.png) no-repeat left top;
		}
	#wrap section #news ul{
		display:block;
		height: 317px;
		margin:0;
		padding:0 8px 8px 8px;
		list-style:none;
		background-color:#F9F9F7;
		word-wrap: break-word;
		overflow: auto;
		}
		#wrap section #news ul li{
			display:block;
			padding: 10px 0;
			font-size: 1.4em;
			line-height:1.7em;
			border-top: 1px #918771 dotted;
			}
		#wrap section #news ul li span{
			display: block;
			color: #918771;
			}
			
/****** #facebook ******/
#facebook{
	display:block;
	float:right;
	width:320px;
	}		
/****** #calendar ******/		
#wrap #calendar{
	clear:both;
	display:block;
	width:1000px;
	/*min-height:350px;*/
	min-height:358px;
	padding-top:60px;
	position:relative;
	overflow:hidden;
	}
#wrap #calendar h2{
		display:block;
		width:61px;
		height:0;
		margin:0;
		padding-top:366px;
		line-height:366px;
		overflow:hidden;
		background:url(../images/index/calendar_h2-01.png) no-repeat left top;
		position:absolute;
		right:0;
		/*top:45px;*/
		top:53px;
		}	
	
#wrap #calendar article{
	display:block;
	/*width:899px;
	padding-left:40px;*/
	width:926px;
	padding-left:13px;
	border:#918771 1px solid;
	border-right:none;
	}
#wrap #calendar table{
	/*width:850px;*/
	width:880px;
	margin:0;
	padding-bottom:10px;
	border-collapse:inherit;
	border-left:#918771 1px dotted;	
	border-right:#918771 1px dotted;	
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;            /* IE用　*/
	-o-writing-mode: vertical-rl;       /* opera用　*/
	-webkit-writing-mode: vertical-rl;  /* chrome用　*/
	}
	#wrap #calendar table tr th{
		-ms-writing-mode:lr-tb;
		text-combine-upright:all;
		-webkit-text-combine:horizontal;
		-ms-text-combine-horizontal:all;
		} 
	#wrap #calendar table tr th.lin{
		border-bottom:#918771 1px dotted;
		} 
		#wrap #calendar table tr th span{
		display:block;
		width:50px;
		height:0;
		margin:0;
		/*padding-top:30px;*/
		padding-top:15px;
		line-height:30px;
		overflow:hidden;
		background:url(../images/index/calendar.png) no-repeat left top;
			} 
		#wrap #calendar table tr th span#y16{ background-position:0px 0px; }
		#wrap #calendar table tr th span#y17{ background-position:0px -50px; }
		#wrap #calendar table tr th span#y18{ background-position:0px -100px; }
		#wrap #calendar table tr th span#y19{ background-position:0px -150px; }
		#wrap #calendar table tr th span#y20{ background-position:0px -200px; }
		#wrap #calendar table tr th span#y21{ background-position:0px -250px; }
		#wrap #calendar table tr th span#y22{ background-position:0px -300px; }
		#wrap #calendar table tr th span#y23{ background-position:0px -350px; }
		#wrap #calendar table tr th span#y24{ background-position:0px -400px; }
		#wrap #calendar table tr th span#y25{ background-position:0px -450px; }
		#wrap #calendar table tr th span#y26{ background-position:0px -500px; }
		#wrap #calendar table tr th span#y27{ background-position:0px -550px; }
	/*#wrap #calendar table tr td{
		background-color:#2D843D;
		writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		-webkit-writing-mode: horizontal-tb;
		}*/
	/*#wrap #calendar table tr th span{
		display:block;
		height:30px;
		font-size:2.5em;
		} */
	#wrap #calendar table tr th b{
		display:block;
		width:40px;
		height:0;
		margin:0;
		padding-top:25px;
		line-height:25px;
		overflow:hidden;
		background:url(../images/index/calendar.png) no-repeat left top;
		/*font-weight:bold;
		width:40px;
		height:20px;
		text-combine-upright:all;
		-webkit-text-combine:horizontal;
		-ms-text-combine-horizontal:all;
		font-size:1.8em;*/
		border-bottom:#918771 4px solid;
		}
		#wrap #calendar table tr th b.lo1{ width:30px; }
		#wrap #calendar table tr th b.lo2{ width:40px; }
		#wrap #calendar table tr th b.lo3{ width:60px; }
		#wrap #calendar table tr th b.lo4{ width:80px; }
			#wrap #calendar table tr th b.m01{ background-position:-100px 0px; }
			#wrap #calendar table tr th b.m02{ background-position:-100px -50px; }
			#wrap #calendar table tr th b.m03{ background-position:-100px -100px; }
			#wrap #calendar table tr th b.m04{ background-position:-100px -150px; }
			#wrap #calendar table tr th b.m05{ background-position:-100px -200px; }
			#wrap #calendar table tr th b.m06{ background-position:-100px -250px; }
			#wrap #calendar table tr th b.m07{ background-position:-100px -300px; }
			#wrap #calendar table tr th b.m08{ background-position:-100px -350px; }
			#wrap #calendar table tr th b.m09{ background-position:-100px -400px; }
			#wrap #calendar table tr th b.m10{ background-position:-100px -450px; }
			#wrap #calendar table tr th b.m11{ background-position:-100px -500px; }
			#wrap #calendar table tr th b.m12{ background-position:-100px -550px; }
	#wrap #calendar table tr td{
		display:block;
		padding:0;
		font-size:1.4em;
		writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;            /* IE用　*/
		-o-writing-mode: vertical-rl;       /* opera用　*/
		-webkit-writing-mode: vertical-rl;  /* chrome用　*/
		
		-webkit-text-orientation: upright;
		text-orientation: upright;
		} 	
		

#coment{
	font-size: 1.4em;
	color: red;}
	/* IE10以降 */
@media all and (-ms-high-contrast:none){
	#wrap #calendar table tr th b{ font-size:1.6em; }
	}