@charset "utf-8";

/*============================================================
// 道後温泉　スタイルシート
//==========================================================*/
#header01 { margin-bottom: 0;}
#header01 #path_att { width: 100%; background: url(../_img/index/bg_entry-01.png) repeat-x bottom center; padding: 0 0 15px; margin-top: -10px;}
#header01 #path_att p { width: 1000px; margin: 0 auto;}
#pankuzu { background: #f5f4f4; width: 100%; margin: 0 auto; padding: 0 0 0.5em;}
#pankuzu .inner { display: block; width: 1000px; margin: 0 auto;}
#pankuzu .inner p { font-size: 10px;}
#pankuzu .inner p a { color: #666;}
#pankuzu .inner p a:hover{ text-decoration: underline; color: #666;}

#mainImgWide { height: 570px;}
#mainImgWide .pagenation { height: 85px; margin-bottom: 20px;}
#mainImgWide .pagenation ul li { float: none; margin: 0 4px; width: 180px; height: 85px; overflow: hidden;}
#mainImgWide .pagenation ul li a { width: 180px; height: 85px; background: none;}
#mainImgWide .pagenation ul li a.active { background: none;}

.wrap100 {
	position: relative;
	margin: 0 auto;
	width: 950px;
	height: 450px;
}

.wrap100 .lead1 {
	position: absolute;
	top: 130px;
	left: 15px;
	width: 500px;
/*	height:60px;*/
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	padding: 5px 5px 5px 5px;
	background-color: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}

.wrap100 .lead1 p {
	font-size: 16px;
	line-height: 150%;
	font-weight: normal;
	color: #ffffff;
}

.wrap200 {
	width: 950px;
}

.wrap201a {
	padding-top: 55px;
	width: 356px;
	background: url("./image/mttl_100.gif") no-repeat;
	float: left;
}

.wrap201b {
	width: 594px;
	background: url("./image/bg01.gif") repeat-x;
	float: right;
}

.wrap201a .txt01 {
	width: 320px;
}

/* 文字 */
.txt01 {
	font-size: 14px;
	line-height: 135%;
}

.txt01b {
	font-size: 14px;
	font-weight: bold;
	line-height: 135%;
}

.txt02 {
	font-size: 12px;
	font-weight: bold;
	color: #ad4b04;
}

.lead01 {
	margin-top: 15px;
	font-size: 17px;
	font-weight: normal;
	line-height: 135%;
	color: #7bad0f;
}

.mtxt01 {
	font-size: 16px;
	font-weight: bold;
	line-height: 135%;
/*	color:#ad4b04;*/;
}

.cap01 {
	margin-top: 8px;
	padding-left: 8px;
	border-left: solid 2px #7bad0f;
	font-size: 12px;
	font-weight: bold;
	line-height: 135%;
	color: #7bad0f;
}

/* その他 */
.sp_r3 {
	margin-right: 3px;
}

.sp_r10 {
	margin-right: 10px;
}

.sp_b10 {
	margin-bottom: 10px;
}

br.cl {
	font-size: 4px;
	line-height: 1px;
}

/*商品リンク用*/
#tour_block {
	clear: both;
	width: 950px;
	margin: 0 auto;
/*	margin-top:10px;*/;
}

.intro_plan_l {
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 950px;
	border-bottom: dotted 1px #cccccc;
}

.intro_plan {
	margin-bottom: 5px;
	width: 450px;
/*	border-bottom:dotted 1px #cccccc;*/;
}

.image_bordern {
	margin-left: 0;
	width: 120px;
	float: left;
}

.intro_inner {
	width: 320px;
	float: right;
}

.ldl {
	padding-right: 24px;
	border-right: dotted 1px #cccccc;
}

.ldb {
	border-bottom: dotted 1px #cccccc;
}


/* カラー */
.c-red {
	color: #ff3366;
}

.hokkaido_kuko_a {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 35px;
	height: 18px;
	display: block;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	margin-right: 4px;
	background: #ffd8d8;
}

.hok_kuko_b {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 35px;
	height: 18px;
	display: block;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	margin-right: 4px;
	background: #bbbbbb;
}

h2.h2_ichiran {
	padding: 3px 0 2px 10px;
	width: 940px;
/*	height:20px;*/
	background: #000000;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
}


/*
	less than 767px;
-----------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	br.cl { display: none;}

	#header01 .news-top { padding: 1em 0.5em 1em!important; margin: 0!important;}
	#header01 #path_att p { width: 100%;}

	#pankuzu { padding: 0.5em;}
	#pankuzu .inner { width: 100%;}

	#wrap #mainImgWide { margin-bottom: 5em;}

	.wrap100 { position: static; width: 100%; height: auto;}
	.wrap100 .lead1 { padding: 0 0.5em; position: static; top: 0; left: 0; display: block; width: 100%; background: none; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
	.wrap100 .lead1 p { font-size: 13px; color: #000;}

	#tour_block { width: 100%;}
	#tour_block br.cl { display: none;}
	h2.h2_ichiran { padding: 0.5em; width: 100%; height: auto; margin-bottom: 1em; font-size: 13px;}

	.w950 { width: 100%;}
	.ldb { border-bottom: none;}
	.ldl { padding-right: 0; border-right: none;}
	.m-b15 { margin-bottom: 0;}
	.p-b5 { padding-bottom: 0;}
	.fl, fr { float: none;}
	span.fl, a.fl { display: inline-block;}

	.intro_plan { width: 100%; padding: 0 1em 1.5em; margin-bottom: 1.5em; border-bottom: 1px dotted #ccc;}
	.image_bordern { width: 25%; float: none; display: inline-block; margin: 0 auto; vertical-align: top;}
	.intro_inner { width: 73%; float: none; display: inline-block; padding-left: 1em;}
	.intro_inner .intro_title { margin-bottom: 0.5em;}
	.intro_plan table.nittei { margin-top: 0; width: 100%;}
	.hokkaido_kuko_a , .hok_kuko_b { margin-right: 0; margin-top: 5px;}
}