@charset "utf-8";
/* ==========================================================

title : ホテル多度温泉
scope : 宿泊特典サービス

last modify : 2015/12/09 242_ooba
memo  : 

========================================================== */
/* --------------------------------------
 maincolumn
--------------------------------------- */
#maincolumn {
	width: 962px;
	margin: 0 auto;
	padding: 0 0 30px;
	overflow: hidden;
}

#maincolumn h1 {
	margin: 15px 0 0 0;
}

#maincolumn .lead {
	width: 825px;
	margin: 29px auto 0;
	font-size: 16px;
	line-height: 1.5;
}


/* --------------------------------------
 [class$="special_area"]
--------------------------------------- */
#maincolumn [class$="special_area"] {
	width: 932px;
	position: relative;
}

#maincolumn [class$="special_area"] .ttl_special {
	position: absolute;
	left: 0;
	right: 0;
	top: -24px;
	margin: 0 auto;
}

/* --------------------------------------
 .special_list
--------------------------------------- */
#maincolumn .special_list {
	width: 942px;
	margin: 0 0 0 -5px;
	padding: 0 0 10px;
	overflow: hidden;
}

#maincolumn .special_list > li {
	width: 431px;
	float: left;
	margin: 0 20px 20px 20px;
	padding: 0 0 94px;
	position: relative;
	background: #fff;
}

#maincolumn .special_list > li > dl > dt {
	width: 322px;
	height: 84px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	padding: 0 0 0 109px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
}

#maincolumn .special_list > li > dl > dt > .ico {
	position: absolute;
	top: 12px;
	left: 15px;
}

#maincolumn .special_list > li dd {
	width: 401px;
	margin: 15px 0 0 15px;
}

#maincolumn .special_list > li dd > .txt_main {
	width: 362px;
	margin: 20px 0 0 20px;
	font-size: 16px;
	line-height: 1.5;
}

#maincolumn .special_list > li dd .notes {
	width: 362px;
	margin: 2px 0 0 20px;
	padding: 0 0 0 1em;
	font-size: 14px;
	line-height: 1.5;
	text-indent: -1em;
}

#maincolumn .special_list > li dd span.red{
	color:red;
	font-weight:bold;
	font-size:16px;
}

#maincolumn .special_list > li dd span.red02{
	color:red;
	font-weight:bold;
	font-size:16px;
	margin: 0 0 0 150px;
}
	
#maincolumn .special_list > li dd span.space{
	margin:0 0 0 27px;
}
	
#maincolumn .special_list > li dd span.space02{
	margin:0 0 0 11px;
}
	
#maincolumn .special_list > li dd span.bold{
	font-weight:bold;
}

#maincolumn .special_list > li dd span.small{
	font-size:14px;
	margin:0 10px;
}

#maincolumn .special_list > li dd .notes:first-child {
	margin: 10px 0 0 20px;
}

#maincolumn .special_list > li dd .ch_txt {
	 width: 363px;
     margin: 10px 0 0 13px;
	 padding:10px 0 5px 10px;
     font-size: 14px;
     line-height: 1.7;
     border:1px #ccc solid; 　
}

#maincolumn .special_list > li dd .ch_txt02 {
	 width: 210px;
     margin: 10px auto;
	 padding:10px 0 5px 10px;
     font-size: 14px;
     line-height: 1.7;
     border:1px #ccc solid; 　
}


#maincolumn .special_list > li dd .ippan {
	width: 362px;
	margin: 15px 0 -10px 25px;
	font-size: 14px;
	line-height: 1.5;
}


#maincolumn .special_list > li dd .notes_limit {
	width: 362px;
	margin: 0 0 0 20px;
	padding: 0 0 0 1em;
	font-size: 14px;
	line-height: 1.5;
	text-indent: -1em;
}

#maincolumn .special_list > li dd .btn_more {
	width: 154px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: 0 auto;
}

#maincolumn .special_list > li dd .btn_more a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

@media screen and (max-device-width: 1024px) {
	#maincolumn .special_list > li dd .btn_more a:hover img {
		opacity: 1 !important;
	}
}

#maincolumn .special_list > li dd > dl {
	margin:25px 0 0 0;
	padding:0px;
}

#maincolumn .special_list > li dd > dl > dt {
	position:static;
	display:block;
	width: 371px;
	height: 40px;
	margin:0 0 15px 0;
	padding: 0px;
	background:#fbe6ea;
	border-left:#f6bfca solid 6px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-indent:12px;
	line-height: 40px;
	vertical-align:auto;
}

#maincolumn .special_list > li dd > dl > dd {
	width:auto;
	margin:0px;
	padding:0px 0 30px;
}
#maincolumn .special_list > li dd > dl > dd:last-child {
	padding:0px;
}

#maincolumn .special_list > li dd > dl > dd > .txt_main {
	margin:0px 0 5px 20px;
}

#maincolumn .special_list > li dd > dl > dd > .txt_main.st {
	color:#276c67;
	font-weight:bold;
}


/* --------------------------------------
 free_special_area
--------------------------------------- */
#maincolumn .free_special_area .ttl_special {
	width: 388px;
}

#maincolumn .free_special_area {
	margin: 62px auto 0;
	padding: 34px 0 0 0;
	background: #d9eaf5 /*url(../image/bg_free.jpg) no-repeat right bottom*/;
	border-top: 4px solid #041c75;
}

#maincolumn .free_special_area .special_list > li > dl > dt {
	background: url(../image/bg_stl_free.png) repeat 0 0;
}

#maincolumn .free_special_area .special_list > li dt.special07 {
	height: 107px;
}

#maincolumn .free_special_area .special_list > li dt.special07 .ico {
	top: 24px;
}

#maincolumn .free_special_area .special_list > li dt.special08 {
	height: 107px;
}

#maincolumn .free_special_area .special_list > li dt.special08 .ico {
	top: 24px;
}

#maincolumn .free_special_area .special_list > li dt.special08 .small {
	font-size: 16px;
}

#maincolumn .free_special_area .special_list > li dt.special09 {
	height: 107px;
}

#maincolumn .free_special_area .special_list > li dt.special09 .ico {
	top: 24px;
}

#maincolumn .free_special_area .special_list > li dt.special09 .small {
	font-size: 16px;
}


/* --------------------------------------
 half_special_area
--------------------------------------- */
#maincolumn .half_special_area .ttl_special {
	width: 394px;
}

#maincolumn .half_special_area {
	margin: 79px auto 0;
	padding: 34px 0 0 0;
	background: #d0e9e4 url(../image/bg_half.jpg) no-repeat right bottom;
	border-top: 4px solid #0f7c67;
}

#maincolumn .half_special_area .special_list > li > dl > dt {
	background: url(../image/bg_stl_half.png) repeat 0 0;
}

/****** 10,11,12高さ合わせ ******/
#maincolumn .half_special_area .special_list > li.s_10_12 {
	background: url(../image/bg_white.gif) repeat-x right bottom;
}

#maincolumn .half_special_area .special_list > li.s_10_12 > dl.s_10 {
	margin-bottom:20px;
	padding-bottom:20px;
	background:#fff;
}

#maincolumn .half_special_area .special_list > li.s_10_12 > dl.s_10 > dd > .btn_more {
	position:static;
	margin:20px auto 0;
}

#maincolumn .half_special_area .special_list > li.s_10_12 > dl.s_12 {
	background:#fff;
}

#maincolumn .special_list > li dd .notes_wide {
	width: 372px;
	margin: 10px 0 0 20px;
	padding: 0 0 0 1em;
	font-size: 14px;
	line-height: 1.5;
	text-indent: -1em;
}
#maincolumn .special_list > li dd .notes_wide2 {
	width: 372px;
	margin: 10px 0 0 20px;
	padding: 0 0 0 1em;
	font-size: 14px;
	line-height: 1.5;
	text-indent: -1em;
}