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

/************************************************************/
/* トップ                                                   */
/************************************************************/
/****************************************/
/* メイン画像                           */
/****************************************/
#maincontents #mainimage{
	margin:0 0 20px 0;
	position:relative;
	z-index:1;
}
#maincontents #mainimage h2{
	position:absolute;
	top:450px;
	left:25px;
	z-index:100;
}
#maincontents #mainimage h2 img{
	width:450px;
}
@media screen and (max-width:640px) { /*スマホ用*/
	#maincontents #mainimage{
		margin:0 0 7.5% 0;
	}
	#maincontents #mainimage h2{
		width:100%;
		top:auto;
		bottom:3%;
		left:0;
		text-align:center;
	}
	#maincontents #mainimage h2 img{
		width:92%;
	}
}
/****************************************/
/* みどころ                             */
/****************************************/
#maincontents #spot{
	margin:0 0 30px 0;
}
#maincontents #spot .spot{
	margin:0 21px 0 0;
	padding:8px 0;
	border:1px solid #92b792;
	width:210px;
	background:#FFF;
	float:left;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	background:url(../images/goeson.gif) no-repeat right bottom;
}
#maincontents #spot .spot h3{
	padding:0 8px;
}
#maincontents #spot .spot p{
	padding:8px 8px 0 8px;
}
@media screen and (max-width:640px) { /*スマホ用*/
	#maincontents #spot{
		margin:0 0 6.75% 0;
		width:100%;
	}
	#maincontents #spot .spot{
		margin:0 2% 0 0;
		padding:1% 0;
		width:30.5%;
	}
	#maincontents #spot .spot h3{
		padding:0 3.5%;
	}
	#maincontents #spot .spot p{
		padding:3% 3.5% 0 3.5%;
	}
}
/****************************************/
/* 茶室                                 */
/****************************************/
#maincontents .chashitsu{
	text-align:center;
	margin:0 0 55px 0;
}
#maincontents .chashitsu .inframebox{
	padding:21px 20px;
}
* html #maincontents .chashitsu .inframebox{ /*IE6*/
	width:680px;
	height:auto;
	overflow:hidden;
}
@media screen and (max-width:640px) { /*スマホ用*/
	#maincontents .chashitsu{
		margin:0 0 10% 0;
	}
	#maincontents .chashitsu .inframebox{
		/* 最も基本的な設定　変更の場合、祖先ボックス要素からのセレクタで変える */
		padding:3%;
	}
}
/****************************************/
/* 新着情報                             */
/****************************************/
#maincontents #topics h2{
	margin:0 0 20px 0;
}
#maincontents #topics #intopics{
	margin:0 24px 0 12px;
	height:200px;
	overflow:auto;
	overflow-y:scroll;
}
#maincontents #topics h3{
	margin:12px 0 0 0;
	padding:10px 0 0 0;
	font-size:1.2em;
	line-height:1.8em;
	background:url(../images/border1.gif) repeat-x;
}
#maincontents #topics h3:first-child{
	margin:0;
	background:none;
}
#maincontents #topics p{
	padding:0 0 0 1.5em;
}
@media screen and (max-width:640px) { /*スマホ用*/
	#maincontents #topics h2{
		margin:0 0 1.5% 0;
	}
	#maincontents #topics #intopics{
		margin:0 2.75% 0 0;
		height:320px;
	}
	#maincontents #topics h3{
		margin:3.5% 0 0 0;
		padding:3.25% 0 0 0;
	}
	#maincontents #topics h3:first-child{
		margin:0;
		background:none;
	}
	#maincontents #topics p{
		padding:0 0 0 1.5em;
	}
}
@media screen and (max-width:320px) { /*スマホ用*/
	#maincontents #topics #intopics{
		height:200px;
	}
}