@charset 'utf-8';

@import url("font-sub.css");
@import url("../js/slick/slick.css");

/* --------------------------------------------------

	SiteName : 尾崎屋
	FileName : default.css
	
	== URL ======================================
	http://
	
-------------------------------------------------- */


/* 共通
================================================== */
html {
height:100%;
}

body {
	font-size:80%;
	line-height:1.3;
	letter-spacing:0.1em;
	color:#5E3D0E;
	background:#4B3A20;
	min-width:1000px;
	margin:0px;
	padding:0px;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}

#container {
	margin:0px;
	padding:0px;
	height: 100%;
	min-width:1000px;
	min-height: 100%;
	background:#EAE3C1 url("../img/back.gif") repeat-x;
	}

body > #container {
	height: auto;
	}

.heightLineParent {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
}

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {min-height: 1px;}

.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.cf { display: block;vertical-align: top;zoom: 1;}
.cf .left{float:left;}
.cf .right{float:right;}

hr {
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #999999;
height: 1px;
}

/* 見出しタグ
================================================== */
h1,h2,h3,h4,h5,h6 {
	font-style:normal;
	font-weight:normal;
	}
	
h1 {
	color:#5E3D0E;
	font-size: 12px;
	text-align:right;
	margin-bottom:15px;
	}

h3 {
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.1em;
	border-bottom: 1px solid #7B673F;
	margin:0px 0px 10px 0px;
	padding:0px 0px 3px 0px;
	}

/* 共通（リンク）
================================================== */
a {color:#220300; text-decoration:underline;}

a:hover {color:#220300; text-decoration:underline;}

a img {border:none;}



/* カラム
================================================== */
#column {
	width:1000px;
	margin:0px auto;
	padding:0px;
	}
	#column #column_l {
		width:180px;
		background:url("../img/left_back.png") repeat-y;
		padding:20px 10px 0px;
		float:left;
		}
	#column #column_r {
		width:762px;
		float:right;
		padding-bottom:20px;
		}


/* メニュー
================================================== */
#menu {
	width:180px;
	margin:0px;
	padding:0px;
	}
	#menu ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
		}
	#menu ul li {margin-bottom:15px;}
	#menu ul li a {
		display: block;
		text-decoration: none;
		}
		#menu ul li.home a {
			background: url("../img/home_a.png") left top no-repeat;
			width:180px;
			height:25px;
			text-indent: -9999px;
			}
			#menu ul li.home a:hover {
				background: url("../img/home_b.png") left top no-repeat;
				width:180px;
				height:25px;
				}
		#menu ul li.menu1 a {
			background: url("../img/menu1a.png") left top no-repeat;
			width:180px;
			height:50px;
			text-indent: -9999px;
			}
			#menu ul li.menu1 a:hover {
				background: url("../img/menu1b.png") left top no-repeat;
				width:180px;
				height:50px;
				}
		#menu ul li.menu2 a {
			background: url("../img/menu2a.png") left top no-repeat;
			width:180px;
			height:24px;
			text-indent: -9999px;
			}
			#menu ul li.menu2 a:hover {
				background: url("../img/menu2b.png") left top no-repeat;
				width:180px;
				height:24px;
				}
		#menu ul li.menu3 a {
			background: url("../img/menu3a.png") left top no-repeat;
			width:180px;
			height:24px;
			text-indent: -9999px;
			}
			#menu ul li.menu3 a:hover {
				background: url("../img/menu3b.png") left top no-repeat;
				width:180px;
				height:24px;
				}
		#menu ul li.menu4 a {
			background: url("../img/menu4a.png") left top no-repeat;
			width:180px;
			height:24px;
			text-indent: -9999px;
			}
			#menu ul li.menu4 a:hover {
				background: url("../img/menu4b.png") left top no-repeat;
				width:180px;
				height:24px;
				}
		#menu ul li.menu5 a {
			background: url("../img/menu5a.png") left top no-repeat;
			width:180px;
			height:24px;
			text-indent: -9999px;
			}
			#menu ul li.menu5 a:hover {
				background: url("../img/menu5b.png") left top no-repeat;
				width:180px;
				height:24px;
				}
		#menu ul li.menu6 a {
			background: url("../img/menu6a.png") left top no-repeat;
			width:180px;
			height:24px;
			text-indent: -9999px;
			}
			#menu ul li.menu6 a:hover {
				background: url("../img/menu6b.png") left top no-repeat;
				width:180px;
				height:24px;
				}



/* トップ
================================================== */
#memorial {
	width:416px;
	margin-bottom:20px;
	float:left;
	}
	#memorial .m_box {
		width:94px;
		height:74px;
		background:#FFF;
		float:left;
		padding:3px;
		margin-right:5px;
		margin-bottom:5px;
		}
	#memorial .m_boxend {
		width:94px;
		height:74px;
		background:#FFF;
		float:right;
		padding:3px;
		margin-bottom:5px;
		}

#news {
	width:320px;
	float:right;
	
	}
	#news ul { padding-top:0px; padding-left:15px;}
	#news #feed {border-bottom: 1px dotted #7B673F; margin-bottom:10px;}
#mslider{
	overflow:hidden;
}
#mslider .slider{
	max-height:520px;
}

/* プランのご案内
================================================== */
.plan_top {
	width:762px;
	height:20px;
	background:url("../../plan/img/box_t.png") 50% 0% no-repeat;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}
	
.plan_middle {
	width:722px;
	background:url("../../plan/img/box_m.png") 50% 0% repeat-y;
	padding:0px 20px;
	margin:0px;
	overflow:hidden;
	}
	
.plan_bottom {
	width:762px;
	height:20px;
	background:url("../../plan/img/box_b.png") 50% 0% no-repeat;
	padding:0px;
	margin:0px;
	overflow:hidden;
	}

.plan_title {
	width:720px;
	height:70px;
	background:url("../../plan/img/title_back.gif") 50% 0% no-repeat;
	position:relative;
	}
	.plan_title h2 {
		position:absolute;
		top:10px;
		left:10px;
		margin:0px;
		padding:0px;
		}
	.plan_title .period {
		font-size:14px;
		height:50px;
		line-height:50px;
		color:#EAE3C1;
		position:absolute;
		top:0px;
		right:10px;
		}

.plan_detail {
	width:720px;
	margin:0px;
	padding:0px;
	}
	.plan_detail .plan_p {
		width:400px;
		float:left;
		}
	.plan_detail .plan_txt {
		width:320px;
		float:right;
		}

.charge {
	color:#A72B30;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.3em;
	margin-bottom:10px;
	}

.osinagaki {
	border-bottom: 1px dotted #7B673F;
	margin:0px 0px 5px 0px;
	padding:0px 0px 10px 0px;
	}
	
.plan_menu {
	font-weight:bold;
	letter-spacing:0.3em;
	border-bottom: 1px dotted #7B673F;
	margin:0px 0px 3px 0px;
	padding:0px 0px 3px 0px;
	}

.plan_navi {
	width:762px;
	height:50px;
	background:url("../../plan/img/navi_back.png") 50% 0% no-repeat;
	position:relative;
	margin:15px 0px;
	}
	.plan_navi .navi1 {
		position:absolute;
		top:10px;
		left:10px;
		margin:0px;
		padding:0px;
		}
	.plan_navi .navi2 {
		position:absolute;
		top:10px;
		left:200px;
		margin:0px;
		padding:0px;
		}
	.plan_navi .navi3 {
		position:absolute;
		top:10px;
		left:390px;
		margin:0px;
		padding:0px;
		}
	.plan_navi .navi4 {
		position:absolute;
		top:15px;
		right:10px;
		margin:0px;
		padding:0px;
		}

#umi{
	width: 690px;
	margin-bottom: 20px;
}
#umi .inbox {
	width: 100%;
	padding: 15px;
	background: #eae3c1;
}
#umi #umi_l{
	float: left;
	width: 320px;
}
#umi #umi_r{
	float: right;
	width: 360px;
}
#umi .umi_ex{
	width: 100%;
	font-weight: bold;
	margin-top: 10px;
}



/* 交通・観光のご案内
================================================== */
#other {
	width:762px;
	height:520px;
	position:relative;
	}
	#other #other_title {
		position:absolute;
		top:0px;
		right:0px;
		}
	#other #map {
		width:700px;
		height:480px;
		position:absolute;
		top:20px;
		left:0px;
		}

#other_l {
	width:420px;
	float:left;
	}
#other_r {
	width:342px;
	float:left;
	}

.access_title {
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.3em;
	border-bottom: 1px dotted #999999;
	margin:0px 0px 5px 0px;
	padding:0px 0px 3px 0px;
	}

#tourism {
	width:762px;
	margin:40px 0px;
	}
	#tourism #tourism_title {
		width:62px;
		text-align:right;
		float:right;
		}
	#tourism #tourism_in {
		width:700px;
		float:left;
		}

table.tourism-list {
	border-spacing:0;
	empty-cells:show;
	border-collapse: collapse;
	margin:0px;
	padding:0px;
	}
	.tourism-list th {
		width:230px;
		font-weight:normal;
		border:1px solid #8B7950;
		padding:10px 10px;
		background:#FFF;
		vertical-align:top;
		}
	.tourism-list th.tourism_l {width:120px;}
	.tourism-list th.tourism_m {text-align:left;}

.tourism_title2 {
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.3em;
	border-bottom: 1px dotted #999999;
	margin:5px 0px 5px 0px;
	padding:0px 0px 3px 0px;
	}


/* かすみジオカヤッククラブ
================================================== */
#geo_t {
	width:760px;
	height:20px;
	background:url("../../geo_kayak/img/back_t.png") 50% 0 no-repeat;
	overflow:hidden;
	}
#geo_b {
	width:760px;
	height:20px;
	background:url("../../geo_kayak/img/back_b.png") 50% 0 no-repeat;
	overflow:hidden;
	margin-bottom:20px;
	}
#geo_m {
	width:720px;
	color:#000;
	background:#FFF;
	padding:0px 20px;
}
#geo_m a {color:#990000;}

#geo_m h2{
	margin:0 auto 16px;
}
#geo_m .map{
	position:relative;
	z-index:1;
	bottom:-12px;
	margin-top: -12px;
}
#geo_m #gslider{
	overflow:hidden;
}
#geo_m #gslider .slider{
	max-height:180px;
}
#geo_m .slick-slide{
	margin:0 7.5px;
}
#geo_tours{
	background-image: url(../../geo_kayak/img/tours.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: right top;
}
#geo_tours .time .fromto{
	color:#d17183;
	font-size:18px;
	font-weight:bold;
	line-height:1em;
	margin-bottom:1em;
}
#geo_tours .time p{
	line-height:1.4em;
}
#geo_course .course{
	margin-bottom:20px;
}
#geo_course .course:last-child{
	margin-bottom:0;
}
#geo_course .course .img{
	width:310px;
}
#geo_course .course .txt{
	width:380px;
}
#geo_course .course h4{
	color:#5282c2;
	font-size:18px;
	margin:0;
}
#geo_course .course h4 span{
	font-weight:bold;
}
#geo_course .course h4 .time{
	font-weight:normal;
}
#geo_course .course h4 .add{
	display:block;
}
#geo_course .course ul.c_price{
	margin:0;
	padding:0;
	list-style: none;
	margin-bottom:15px;
}
#geo_course .course ul.c_price li{
	margin:0;
	padding:0;
	list-style-type: none;
}
#geo_course .course ul.c_price li .price{
	color:#d17183;
	font-size:18px;
	font-weight:bold;
}
#geo_course .course ul.c_price li .tax{
	color:#000;
	font-size:14px;
}
#geo_course .course p{
	line-height:1.6em;
}
#geo_course .course ul.ex{
	margin:0;
	padding:0;
	list-style: none;
}
#geo_course .course ul.ex li{
	margin:0;
	padding:0;
	list-style-type: none;
	line-height:1.6em;
	text-indent: -1em;
	margin-left: 1em;
}
#geo_course .about01 p{
	margin-bottom:15px;
}
#geo_course .about02{
	padding-bottom:20px;
}
#geo_course .about02 .about{
	width:47.2%;
}
#geo_course .about02 .btn_area .left{
	width:47.1%;
}
#geo_course .about02 .btn_area .left:first-child{
	margin-right:5.8%;
}
#geo_course .btn_area p{
	padding-top:0.3em;
	line-height:1.6em;
}
#geo_course .btn_rule{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:100%;
	text-decoration: none;
	outline: 0;
	display:block;
	overflow:hidden;
	border:3px solid #5282c2;
	background-color:#fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center;
}
#geo_course .btn_rule span{
	color:#5282c2;
	font-size:18px;
	font-weight:bold;
	line-height:1em;
	display:inline-block;
	vertical-align:top;
	padding:0.72em 0.5em;
}

.geo_course2 {
	margin-bottom: 60px;
}
.geo_course2 .geo_course2_plan {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
	gap:20px;
}
.geo_course2 .geo_course2_plan h4{
	color:#5282c2;
	font-size:18px;
	margin:0;
}
.geo_course2 .geo_course2_plan h4 span{
	font-weight:bold;
}
.geo_course2 .geo_course2_plan h4 .time{
	font-weight:normal;
}
.geo_course2 .geo_course2_plan h4 .add{
	display:block;
}
.geo_course2 .geo_course2_plan > div {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	text-align: center;
	text-decoration: none;
	border: 3px solid #5282c2;
	border-radius: 10px;
	outline: 0;
	background-color: #fff;
	padding: 10px;
	line-height: 2em;
}
.geo_course2 .geo_course2_plan .geo_course2_plan_left {
}
.geo_course2 .geo_course2_plan .geo_course2_plan_left h4 {
}
.geo_course2 .geo_course2_plan .geo_course2_plan_right {
}
.geo_course2 .geo_course2_plan .geo_course2_plan_right h4 {
}
.geo_course2 .geo_course2_text {
}
.geo_course2 .geo_course2_text .geo_course2_contact {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	text-decoration: none;
	border: 3px solid #5282c2;
	border-radius: 30px;
	outline: 0;
	background-color: #fff;
	margin: 20px auto 0;
	width: 300px;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.geo_course2 .geo_course2_info {
	margin-top: 20px;
}
.geo_course2 .geo_course2_info p {
}
.geo_course2 .geo_course2_info ul.ex{
	margin:0;
	padding:0;
	list-style: none;
}
.geo_course2 .geo_course2_info ul.ex li{
	margin:0;
	padding:0;
	list-style-type: none;
	line-height:1.6em;
	text-indent: -1em;
	margin-left: 1em;
}






#geo_course .about02 .tel{
	color:#5282c2;
	font-size:26px;
	font-weight:bold;
	line-height:1em;
}

.geo_title {
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.3em;
	color:#FFF;
	background:#0066A7;
	margin:20px 0px 10px 0px;
	padding:3px 10px;
}

.geo_title2 {
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.3em;
	color:#0066A7;
	border-bottom: 1px dotted #b3b3b3;
	margin:10px 0px 3px 0px;
	padding:0px 0px 3px 0px;
}
.geo_title3{
	font-size:18px;
	line-height:1em;
	background-color:#d17183;
	width:9.56em;
	position:relative;
	z-index:0;
	padding:0.67em 0 0.67em 18px;
	text-align:left;
	border:none;
	margin:0 auto 20px 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.geo_title3:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.17em 15px 1.17em 0;
	border-color: transparent #fff transparent transparent;
}
.geo_title3 span{
	color:#fff;
	font-size:1em;
	font-weight:bold;
}
.geo_title4:before{
	content:"";
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	left:0;
	top:0;
	background-color:#a1c342;
}
.geo_title4{
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
	padding:0 0 0.67em 1.67em;
	position:relative;
	border-bottom:1px solid #b3b3b3;
	margin:0 0 15px 0;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.geo_title_img{
	border:none;
	text-align:center;
	padding:0;
}

table.geo-list {
	width:100%;
	font-size:14px;
	border-spacing:0;
	empty-cells:show;
	border-collapse: collapse;
	margin:0px;
	padding:0px;
	border-top:1px solid #b3b3b3;
}
.geo-list th,
.geo-list td {
	font-weight:normal;
	padding:10px 10px;
	vertical-align:top;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
}
.geo-list tr th:last-child,
.geo-list tr td:last-child{
	border-right:none;
}
.geo-list th.geo_txt1 {color:#0066A7;}
.geo-list td.geo_txt1 {color:#0066A7;}
.geo-list th.geo_txt2 {background:#FBF4D4;}
.geo-list td.geo_txt2 {background:#FBF4D4;}
.geo-list th.geo_txt3 { width:240px; text-align:center; color:#990000;}
.geo-list td.geo_txt3 { width:240px; text-align:center; color:#990000;}


/* フッター
================================================== */
#footer {
	margin:0px;
	padding:0px;
	background:#EAE3C1 url("../img/footer_back.png") 50% 0 repeat-x;
	position:relative;
	}
	#footer #house {
		position:absolute;
		bottom:0px;
		right:0px;
		}
	#footer #footer_in {
		width:1000px;
		height:100px;
		color:#E9E4D1;
		font-size:12px;
		margin:0px auto;
		padding:0px 0px;
		position:relative;
		background:url("../img/footer_back2.png") left top no-repeat;
		}
#footer #footer_left {line-height:1.5; position:absolute; top:30px; left:0px;}
#footer #footer_right {position:absolute; top:10px; right:0px;}
.copy_txt {font-size:10px; color:#96794F;}
#footer #pagetop {position:absolute; top:-25px; right:0px;}



/* マージン
================================================== */
.m_b00   {margin-bottom:0px;}
.m_b04   {margin-bottom:4px;}
.m_b05   {margin-bottom:5px;}
.m_b08   {margin-bottom:8px;}
.m_b10   {margin-bottom:10px;}
.m_b15   {margin-bottom:15px;}
.m_b20   {margin-bottom:20px;}
.m_b30   {margin-bottom:30px;}
.m_b40   {margin-bottom:40px;}
.m_b50   {margin-bottom:50px;}
.m_t05   {margin-top:5px;}
.m_t10   {margin-top:10px;}
.m_t15   {margin-top:15px;}
.m_t20   {margin-top:20px;}
.m_t30   {margin-top:30px;}
.m_r04   {margin-right:4px;}
.m_r05   {margin-right:5px;}
.m_r10   {margin-right:10px;}
.m_l10   {margin-left:10px;}
.m_all05 {margin:5px auto;}
.m_all10 {margin:10px auto;}
.m_all15 {margin:15px auto;}
.m_all50 {margin:50px auto;}
.m_t08b05 {margin:8px auto 5px;}
.m_t5b10 {margin:5px 0px 10px 0px;}
.m_t10b10 {margin:10px 0px;}
.m_t10b20 {margin:10px auto 20px;}
.m_t10b30 {margin:10px auto 30px;}
.m_t10b40 {margin:10px auto 40px;}
.m_t15b05 {margin:15px auto 5px;}
.m_t20b20 {margin:20px auto 20px;}
.m_t20b10 {margin:20px auto 10px;}
.m_t20b30 {margin:20px auto 30px;}
.m_t5r5 {margin:5px 5px 0px 0px;}


.flex{
	display: flex;
	-js-display: flex;
	display: -webkit-flex;
}	
.justify-between{
	justify-content: space-between !important;
}
.font-bold{
	font-weight : bold;
}
.m_b18 {
	margin-bottom : 18px;	
}
.m_l20{
	margin-left : 20px;
}
.m_t0{
	margin-top : 0px;
}
.m_b10{
	margin-bottom : 10px!important;
}
.m_l45{
							margin-left : 45px;
}
.p_b20{
	padding-bottom : 20px;	
}
.text-blue{
	color : #5282c2;
}
.text-base{
	font-size : 14px;
}
.text-red{
	color: #A72B30;
}
					.text-lg{
						font-size : 18px;
					}
					.leading-loose{
						line-height : 1.7;
					}
					.leading-tight{
						line-height : 1.41;
					}
					.items-end{
						align-items: flex-end;
					}
					
					.geo_title3--blue{
						width:13em;
						background-color : #5282c2;
					}
					.geo_title3--pink{
						width : 21.5em;
						background-color : #d17183;
					}	
					.geo_txt2--taxi{
						vertical-align:middle!important;
						text-align:left;
						padding: 16px!important;
					}
					.geo_txt3--taxi{
						text-align:left!important;
						color : #000!important;
						padding: 16px!important;
					}
					.tel {
						color: #5282c2;
						font-size: 26px;
						font-weight: bold;
						line-height: 1em;
					}
					

#katsuika_plan{
	width: 720px;
	height: 266px;
	background-image: url(../../plan/img/katsuika_bg.png);
	background-size: contain;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 20px;
}
#katsuika_plan .plan_img{
	width: 330px;
}
#katsuika_plan .plan_img img{
	width: 100%;
}
#katsuika_plan .plan_txt{
	width: 330px;
}
#katsuika_plan .plan_txt h3{
	font-size: 32px;
	font-weight: bold;
	font-family: YakuHanMP,  '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}
#katsuika_plan .plan_txt .txt_b{
}
#katsuika_plan .plan_txt .charge{
	margin-top: 10px;
}