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


body#index {
	}
/* -------------------------------------------------------------------------- **
**  header
** -------------------------------------------------------------------------- */
body#index header{
	height:238px;
	background: url(../images/index_sp/bk_rig01.png) no-repeat 124% -33%, url(../images/index_sp/bk_top02.png) no-repeat 43% top, url(../images/index_sp/bk_top01.png) repeat-x 100% top, url(../images/index_sp/bk_lef01.png) no-repeat -60% bottom, url(../images/index_sp/bk_rig02.png) no-repeat 180% bottom, #000000 url(../images/common/bk_bot01.png) repeat-x left bottom;
	
	background-size:213px 161px,270px 108px,320px 133px,227px 174px,228px 105px,8px 15px;
	-o-background-size:213px 161px,270px 108px,320px 133px,227px 174px,228px 105px,8px 15px;
	-ms-background-size:213px 161px,270px 108px,320px 133px,227px 174px,228px 105px,8px 15px;
	-moz-background-size:213px 161px,270px 108px,320px 133px,227px 174px,228px 105px,8px 15px;
	-webkit-background-size:213px 161px,270px 108px,320px 133px,227px 174px,228px 105px,8px 15px;
	}
@media screen and (min-width:420px){
	body#index header{
	height:238px;
	background: url(../images/index_sp/bk_rig01.png) no-repeat right -33%, url(../images/index_sp/bk_top02.png) no-repeat 43% top, url(../images/index_sp/bk_top01.png) repeat-x 100% top, url(../images/index_sp/bk_lef01.png) no-repeat 0% bottom, url(../images/index_sp/bk_rig02.png) no-repeat 110% bottom, #000000 url(../images/common/bk_bot01.png) repeat-x left bottom;
	
	background-size:213px 161px,270px 108px,320px 133px,227px 174px,228px 105px,8px 15px;
	-o-background-size:213px 161px,270px 108px,320px 133px,227px 174px,228px 105px,8px 15px;
	-ms-background-size:213px 161px,270px 108px,320px 133px,227px 174px,228px 105px,8px 15px;
	-moz-background-size:213px 161px,270px 108px,320px 133px,227px 174px,228px 105px,8px 15px;
	-webkit-background-size:213px 161px,270px 108px,320px 133px,227px 174px,228px 105px,8px 15px;
	}
}
header h1{
	display:block;
	float:left;
	width:101px;
	margin:0 0 0 5px;
	}
	header h1 a{
		display:block;
		height:0;
		padding-top:76px;
		line-height:76px;
		overflow:hidden;
		background:url(../images/index_sp/logo.png) no-repeat left top;
		
		background-size:101px 76px;
		-o-background-size:101px 76px;
		-ms-background-size:101px 76px;
		-moz-background-size:101px 76px;
		-webkit-background-size:101px 76px;
		}

/* ------------------------------
   MEDIAQUERIES[SP]LAYOUT
------------------------------ */
		#switchBtnArea #switchBtn {
			top: 10px;
			/*left: 10px;*/
			right:5%;
			width: 40px;
			height: 40px;
			display: block;
			background: #a7a7a7;
			position: absolute;
			border-radius: 5px;
			z-index: 9998;
		}	
/*  */			
header div h2{
	clear: both;
	display:block;
	width:320px;
	height:0;
	margin:41px auto;
	padding-top:97px;
	line-height:97px;
	overflow:hidden;
	background:url(../images/index_sp/h_h2-01.png) no-repeat left top;
		
	background-size:320px 97px;
	-o-background-size:320px 97px;
	-ms-background-size:320px 97px;
	-moz-background-size:320px 97px;
	-webkit-background-size:320px 97px;
	}
/****** #impersonation-notice ******/
#wrap #impersonation-notice{
	display:block;
	margin:0 5px 16px 5px;
	padding:12px 10px;
	box-sizing:border-box;
	background-color:#FFF8E6;
	border:2px solid #9F3A3A;
	}
	#wrap #impersonation-notice h2{
		margin:0 0 10px 0;
		padding:0;
		color:#A13C3C;
		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 8px 0;
		font-size:1.2em;
		line-height:1.6em;
		}
	#wrap #impersonation-notice p:last-child{
		margin-bottom:0;
		}

/* -------------------------------------------------------------------------- **
**  section  
** -------------------------------------------------------------------------- */
#wrap section{
	display:block;
	padding:0 5px;
	}
/****** #m_con ******/
#wrap section #m_con{
	padding-bottom:10px;
	background:url(../images/index_sp/bk_m_con.png) no-repeat right bottom;
		
	background-size:110px 130px;
	-o-background-size:110px 130px;
	-ms-background-size:110px 130px;
	-moz-background-size:110px 130px;
	-webkit-background-size:110px 130px;
	}
	#wrap section #m_con h2{
		display:block;
		margin:0;
		padding:5px 0 10px 0;
		color:#A13C3C;
		font-size:2.0em;
		font-weight:bold;
		font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
		}
	#wrap section #m_con p{
		display:block;
		font-size:1.2em;
		line-height:1.6em;
		}
/****** #news ******/
#wrap section #news{
	display:block;
	width: 100%;
	padding-top:15.0em;
	background:url(../images/index_sp/shop_img.png) center top / contain no-repeat;
		
	background-size:contain;
	-o-background-size:contain;
	-ms-background-size:contain;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	}
	#wrap section #news article{
		display:block;
		}
	#wrap section #news h2{
		display:block;
		margin:0;
		padding:8px 0 10px 24px;
		color:#111111;
		font-size:1.6em;
		font-weight:bold;
		font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
		background:url(../images/index_sp/bk_news_01.png) no-repeat left 3px, url(../images/index_sp/bk_news_02.png) no-repeat right top, #F3F2EE url(../images/index_sp/news_h2-01.png) repeat-x left 11px;
		
		background-size:22px 25px,41px 36px,48px 18px;
		-o-background-size:22px 25px,41px 36px,48px 18px;
		-ms-background-size:22px 25px,41px 36px,48px 18px;
		-moz-background-size:22px 25px,41px 36px,48px 18px;
		-webkit-background-size:22px 25px,41px 36px,48px 18px;
		}
	#wrap section #news ul{
		display:block;
		/*height: 380px;*/
		margin:0px 0 30px 0;
		padding:0 8px 8px 8px;
		list-style:none;
		background-color:#F9F9F7;
		word-wrap: break-word;
		overflow: hidden;
		border-bottom:#E9EBEE 1px solid;
		}
		#wrap section #news ul li{
			display:block;
			padding: 10px 0;
			font-size: 1.2em;
			line-height:1.6em;
			border-top: 1px #918771 dotted;
			}
		#wrap section #news ul li span{
			display: block;
			color: #918771;
			}
/****** #facebook
#facebook{
	display:block;
	width:100%;
	margin:0 5px;
	}	 ******/
/****** #facebook ******/
div#facebook .fbcomments,
div#facebook .fb_iframe_widget,
div#facebook .fb_iframe_widget[style],
div#facebook .fb_iframe_widget iframe[style],
div#facebook .fbcomments iframe[style],
div#facebook .fb_iframe_widget span{
    /*width: 100% !important;*/
	display:block;
	width:100%;
	margin:0 auto;
	
}
		
/****** #calendar ******/		
#wrap #calendar{
	display:block;
	margin-top:30px;
	}
#wrap #calendar h2{
		display:block;
		margin:0;
		padding:14px 0 13px 24px;
		color:#111111;
		font-size:2.0em;
		font-weight:bold;
		font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
		background:url(../images/index_sp/calendar_h2-01.png) no-repeat left top, url(../images/index_sp/bk_calendar_01.png) repeat-x left top, url(../images/index_sp/bk_calendar_02.png) no-repeat right top;
		
		background-size:319px 47px,8px 47px,1px 47px;
		-o-background-size:319px 47px,8px 47px,1px 47px;
		-ms-background-size:319px 47px,8px 47px,1px 47px;
		-moz-background-size:319px 47px,8px 47px,1px 47px;
		-webkit-background-size:319px 47px,8px 47px,1px 47px;
		}	
	
#wrap #calendar article{
	display:block;
	border:#918771 1px solid;
	border-top:#D6D1C0 2px solid;
	}
#wrap #calendar table{
	margin:0;
	border-collapse:inherit;
	/*border-left:#918771 1px dotted;	
	border-right:#918771 1px dotted;*/
	background:url(../images/index_sp/bk_calendar.png) repeat left top;
		
	background-size:800px 748px;
	-o-background-size:800px 748px;
	-ms-background-size:800px 748px;
	-moz-background-size:800px 748px;
	-webkit-background-size:800px 748px;
	}
	#wrap #calendar table tr th{
		margin-right:0;
		padding-right:0;
		/*text-combine-upright:all;*/
		} 
	#wrap #calendar table tr th.lin{
		width:5px;
		padding-right:3px;
		border-right:#918771 1px dotted;
		} 
	#wrap #calendar table tr td{
		/*background-color:#2D843D;*/
		}
	#wrap #calendar table tr th span{
		display:block;
		text-align: center;
		font-size:1.2em;
		} 
	#wrap #calendar table tr th b{
		display:block;
		font-weight:bold;
		width:35px;
		height:30px;
		font-size:1.3em;
		border-right:#918771 4px solid;
		}
		#wrap #calendar table tr th b.lo1{ height:40px; }
		#wrap #calendar table tr th b.lo2{ height:40px; }
		#wrap #calendar table tr th b.lo3{ height:60px; } /*60*/
		#wrap #calendar table tr th b.lo4{ height:83px; } /*80*/ /*120*/
	#wrap #calendar table tr td{
		display:block;
		padding:0;
		font-size:1.4em;
		}