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

h1 {width:347px; height:150px; position:absolute; top:15px; left:50%; z-index:20; margin-left: -173px;}
h1#lh {width:398px; height:178px; position:absolute; top:15px; left:50%; z-index:20; margin-left: -200px;}
			/* メインビジュアル */
			#mainphoto {position:relative; min-width:1000px; min-height:340px; background:url(http://www.shiretoko-kazanamiki.com/imgs/common/bg_brown.png) repeat left top; margin-bottom:10px;}
			#mainphoto h2{
	position:absolute;
	left: 50%;
	top: 45%;
	z-index: 20;
	margin-left: -320px;
	}
			#mph {overflow:hidden; position:relative; height:auto; z-index:10; margin:0 auto; text-align:center; width:auto; min-width:1000px; max-width:1593px; height:auto;}
			/*7つ*/
			/*.mphthm {float:right;  position:absolute; z-index:100; left:46%; bottom:5px;margin: 0 0 20px 0; width:150px;_display:none!important;}*/
			.mphthm {float:right;  position:absolute; z-index:100; left:45%; bottom:5px;margin: 0 0 20px 0; width:auto;_display:none!important;}
			.mphthm li {width:12px; margin-right:5px; display:inline-block; *display: inline; *zoom: 1;  text-align:center; cursor:pointer; text-indent:-9999px;  background:url(../imgs/index/selector.png) no-repeat left top;}
			.mphthm li:hover, .mphthm li.np {background-position:0 -12px;}
			.mphthm li a {display:block;width:12px; height:12px;}
			#mph1th:hover, #mph2th:hover, #mph3th:hover, #mph4th:hover, #mph5th:hover, #mph6th:hover, #mph7th:hover, #mph8th:hover {opacity:0.7;}
			#mph1th.np:hover, #mph2th.np:hover, #mph3th.np:hover, #mph4th.np:hover, #mph5th.np:hover, #mph6th.np:hover, #mph7th.np:hover, #mph8th.np:hover {opacity:1.0;}
			#mph img {width:100%; min-width:100px; position:absolute; z-index:8;top:0; left:0; max-width:1593px;}
			#mph IMG.active {z-index:10;}
			#mph IMG.last-active {z-index:9;}
			.englink {text-indent:-9999px;position:relative; top:0; right:0; z-index:50; position:absolute; top:0; left:90%;}
			.englink a {display:block; background:url(../imgs/common/englink.png) no-repeat left top; width:77px; height:25px;}
			
			.l_banner {
				display:block;
				margin-bottom:10px;
			}
			#renovations_banner {margin-bottom:30px;}
			#renovations_banner ul li {margin-bottom:10px;}
			
		
			#sec01 {padding-bottom:30px;}
			#sec01 .ttlarea {margin-bottom:35px;}
			#sec01_slide {}
			#sec01_slide nav {}
			.bx-wrapper {position:relative;}
			#sec01_slide nav li {width:199px; height:234px; float:left;text-align:center;}
			#sec01_slide nav li a {color:#000; display:block;}
			#sec01_slide nav li img {display:block; margin-bottom:15px;}
			.bx-controls-direction a {text-indent:-9999px; width:20px; height:20px;display:block; position:absolute; top:60px;}
			.bx-prev {background: url(../imgs/index/sec01_arraw_lft.png) no-repeat center; left:-30px;}
			.bx-next {background: url(../imgs/index/sec01_arraw_rgt.png) no-repeat center; right:-30px;}
			.ind-bnr { float: left; margin: 20px 0;}
			
			/* sec02 */
			#sec02 .boxbtm_shadow {padding-bottom:75px;}
			#sec02 h3 {margin-bottom:35px;}
			#sec02_blk1 {margin-bottom:50px; background:#fff url(../imgs/index/sec02_blk1_border.png) repeat-x center top;}
			#sec02_blk1in {background:url(../imgs/index/sec02_blk1_bg.png) repeat-x center 158px; padding:20px 0;}
			#sec02_blk1 h4 {text-align:center;}
			#sec02_blk1 ul {margin-bottom:30px;}
			#sec02_blk1 ul li {float:left; text-indent:-9999px; height:131px; margin-right:12px;}
			#sec02_blk1 ul li.last {margin-right:0;}
			#sec02_blk1 #tokuten1 {background:url(../imgs/index/sec02_tokuten1.png) no-repeat left center; width:284px;}
			#sec02_blk1 #tokuten1.lm { margin-left:50px;}
			#sec02_blk1 #tokuten2 {background:url(../imgs/index/sec02_tokuten2.png) no-repeat left center; width:363px;}
			#sec02_blk1 #tokuten3 {background:url(../imgs/index/sec02_tokuten3.png) no-repeat left center; width:326px;}
			#sec02_blk1 #tokuten4 {background:url(../imgs/index/sec02_tokuten4.png) no-repeat left center; width:590px;}
			#sec02_blk1rsvbtn {display:block; width:451px; margin:0 auto;}
			
			#sec02_blk2 {margin-bottom:20px;}
			#sec02_blk2 h4 {margin-bottom:30px;}
				/* プランベスト3 */
				#lmtdplnarea {margin-bottom:68px; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "平成ゴシック", "メイリオ", "Meiryo", Helvetica, Arial, Verdana, "ＭＳ Ｐゴシック", "MS UI Gothic", sans-serif;}
				#lmtdplnarea  li {float:left;text-align:left;}
				#lmtdplnarea #pln1, #lmtdplnarea #pln2, #lmtdplnarea #pln3 {width:312px;}
				#lmtdplnarea #pln1, #lmtdplnarea #pln2 {margin-right:30px;}
				#lmtdplnarea li a {display:block; color:#81272C;}
				#lmtdplnarea li img {display:block;}
				#lmtdplnarea #pln1 .lmtdimg {background:#fff url(../imgs/index/rank1.png) no-repeat center 100px;}
				#lmtdplnarea #pln2 .lmtdimg {background:#fff url(../imgs/index/rank2.png) no-repeat center 100px;}
				#lmtdplnarea #pln3 .lmtdimg {background:#fff url(../imgs/index/rank3.png) no-repeat center 100px;}
				.lmtdimg {width:105px; min-height:81px; float:left;border:1px solid #c1c1c1; padding:10px 10px 35px 10px; margin-right:8px;}
				#pln1 img, #pln2 img, #pln3 img {width:105px; height:auto;}
				.lmtddetail {font-size:12px; color:#42210B; display:block; text-decoration:underline; padding-left:20px; width:155px; float:right; background:url(../imgs/common/squ_arraw.png) no-repeat left 4px;}
			
			
			#sec02_blk3 {margin-bottom:30px;}
			#sec02_blk3 h4 {margin-bottom:38px;}
			#sec02_blk3 figure {width:133px; float:left; margin-right:40px; background:#fff url(../imgs/index/sec02_blk3_border.png) repeat-x left bottom; min-height:150px;}
			#sec02_blk3 figure.last {margin-right:0;}
			#sec02_blk3 figure a {display:block;}
			#sec02_blk3 figure img {display:block; margin-bottom:12px;}
			#sec02_blk3 figure figcaption {color:#42210B; text-align:center; line-height:1.2;}
			
			
			
			/* sec04 */
			#sec04 #topics {width:1000px; margin-bottom:50px;}
			#sec04 h3 {margin-bottom:20px;}
			#sec04 #topics ul {height:450px; overflow:auto; margin-bottom:25px;}
			#sec04 #topics ul li {
				font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "平成ゴシック", "メイリオ", "Meiryo", Helvetica, Arial, Verdana, "ＭＳ Ｐゴシック", "MS UI Gothic", sans-serif;
				width:50%;
				float:left;
				margin-right:3%;
				margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #B3B3B3;
			}
			#sec04 #topics ul li:nth-child(even) {
				width:45%;
				margin-right:0;
			}
			#sec04 #topics ul li div {
				margin-bottom:10px;
			}
			#sec04 #topics ul li div p {
				font-size:12px;
				color:#fff;
				line-height:1.0;
				float:left;
				padding:7px 10px 5px 10px;
			}
			#sec04 #topics ul li div p.days {
				margin-right:10px;
				background-color:#48433d;
			}
			#sec04 #topics ul li div p.category {
				background-color:#75a215;
			}
			#sec04 #topics ul li dt {
				height:50px;
				display:table;
				margin-bottom:6px;
				overflow:hidden;
				
			}
			#sec04 #topics ul li dt a {
				font-size:15px;
				font-weight:bold;
				color:#000;
				display:table-cell;vertical-align:middle;
			}
			#sec04 #topics ul li dd {
				
			}
			#sec04 #topics ul li dd a {
				font-size:12px;
				color:#000;
			}
			
			#sec04 #topicslist_btn a {font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "平成ゴシック", "メイリオ", "Meiryo", Helvetica, Arial, Verdana, "ＭＳ Ｐゴシック", "MS UI Gothic", sans-serif;font-size:10px; font-weight:bold; color:#534741; display:block; background:#E4DACE url(../imgs/index/topics_list_btn.png) no-repeat 30px center; border:1px dotted #42451F; width:105px; float:right; text-align:center; padding:5px 0 5px 15px;}
			
			/* sec05 */
			#sec05_topbg {background:url(../imgs/index/sec05_photo1.jpg) no-repeat center center; background-size:cover; width:100%; min-width:1000px; height:464px;}
			#sec05 #map {background:url(../imgs/common/boxshadow_top.png) repeat-x center top;}
			#sec05 #maparea {position:relative; height:282px; overflow:hidden;}
			#sec05 #map {width:100%; height:282px; position:absolute; top:0; left:0; z-index:1;}
			#sec05 figure {position:absolute; z-index:10; left:0; width:260px; height:282px; background-color:#fff; font-size:12px;}
			#sec05 figure img {display:block; margin-bottom:15px;}
			#sec05 figure dl {padding:0 15px 0px 15px;}
			#sec05 figure dt {font-weight:bold;}
			#sec05 figure dd span {font-size:10px; display:block;}
			
			#map_bdrtop { background:transparent url(../imgs/common/boxshadow_top.png) repeat-x center top; position:absolute; top:0; left:0; z-index:2; width:100%; height:8px;}
			#map_bdrbtm { background:transparent url(../imgs/common/boxshadow_top.png) repeat-x center top; width:100%; height:8px;}
			
			#banner { margin-bottom:0px; }
			#banner ul li { float:left;margin:0 6px 6px 0; }
			#banner ul li:last-child { margin-right:0; }
			#banner ul li a { display:block; }



/* 年末年始プラン用 */
#year {
	width:1000px;
	margin-bottom:40px;
	background-color:#f7cb15;
}
#year h3 {
	border:5px solid #f7cb15;
}
#year h4 {
	font-size:16px;
	padding:5px 5px 5px 15px;
	box-sizing:border-box;
}
#year ul#date {
	padding:0 0 3px 3px;
	position:relative;
}
#year ul li {
	width:163px;
	float:left;
	margin-right:3px;
	cursor:pointer;
	transition:opacity 1s; -webkit-transition:opacity 1s; -ms-transition:opacity 1s; -o-transition:opacity 1s;
}
#year ul li dt {
	position:relative;
}
#year ul li dt.active:hover {
	opacity:1.0;
}
#year ul li dt a {
	display:block;
	position:relative;
}
#year ul li dt a:hover {
	opacity:1.0;
}
#year ul li dt a:after {
	content:"";
	width:163px;
	height:267px;
	display:block;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-inex:3;-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#year ul li.dateblk:nth-child(1) dt a:after {
	background:url(../imgs/index/year2/date1_on.png) no-repeat center center;
}
#year ul li.dateblk:nth-child(2) dt a:after {
	background:url(../imgs/index/year2/date2_on.png) no-repeat center center;
}
#year ul li.dateblk:nth-child(3) dt a:after {
	background:url(../imgs/index/year2/date3_on.png) no-repeat center center;
}
#year ul li.dateblk:nth-child(4) dt a:after {
	background:url(../imgs/index/year2/date4_on.png) no-repeat center center;
}
#year ul li.dateblk:nth-child(5) dt a:after {
	background:url(../imgs/index/year2/date5_on.png) no-repeat center center;
}
#year ul li.dateblk:nth-child(6) dt a:after {
	background:url(../imgs/index/year2/date6_on.png) no-repeat center center;
}
#year ul li dt a:hover:after {
	opacity:1.0;
}
#year ul li dt img.date {
	width:114px;
	height:36px;
	display:block;
	margin:0 auto;
	position:absolute;
	bottom:10px;
	right:0;
	left:0;
	z-index:5;
}
#year ul li dt img.date:hover {
	opacity:0.8;
}


#year ul li dl dd {
	width:100%;
	display:none;
	padding:0 3px 0 3px;
	background-color:#f7cb15;
	box-sizing:border-box;
	position:absolute;
	left:0;
}
#year ul li dl dd ul {
	display:inline-block;
	padding:3px;
	background-color:#d37c7c;
	box-sizing:border-box;
}
#year ul li dl dd li {
	width:137px;
	margin-right:0;
	padding:3px 0 3px 3px;
	background-color:#c65a47;
}
#year ul li:nth-child(5) dl dd, #year ul li:nth-child(6) dl dd {
	text-align:right;
}
#year ul li dl dd li:last-child {
	width:141px;
	padding-right:3px;
}

#year ul li dl dd li a {
	font-size:16px;
	color:#4d4d4d;
	line-height:2.0;
	text-align:center;
	display:table;
	width:100%;
	height:172px;
	background-color:#fff;
	vertical-align:middle;
	box-sizing:border-box;
	transition:opacity 1s; -webkit-transition:opacity 1s; -ms-transition:opacity 1s; -o-transition:opacity 1s;
}
#year ul li dl dd li a:hover {
	opacity:0.9!important;
}
#year ul li dl dd li a span {
	display:table-cell;
	vertical-align:middle;
}
.remodal p img {
	width:100%;
	height:auto;
}
.remodal.long p {
	margin-bottom:20px;
}
.remodal.long p:last-child {
	margin-bottom:0;
}

#renovations_banner #bigbanner {
	width:100%;
	max-width:1280px;
	margin:0 auto 20px auto;
}
#renovations_banner #bigbanner a {
	display:block;
}
#renovations_banner #bigbanner a img {
	width:100%;
	height:auto;
}
#renovations_banner .plan_bnr {margin-bottom:10px;display:block;}


#rebewalfade {
	width:100%;
	height:100%;
	display:none;
	background-color:rgba(0,0,0,0.85);
	position:fixed;
	top:0;
	left:0;
	z-index:5000;
}
#rebewalfade ul {
	width:870px;
	height:634px;
	margin:0 auto;
	background-color:#000;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
#rebewalfade ul li {
	width:870px;
	height:634px;
	display:none;
	position:absolute;
	top:0;
}