@charset "UTF-8";
/* ブルースカイ */

@import url(https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy);

.slider{background-color:#1e7cc0;padding:10px 0;background-image: url(/blue_sky/img/bg_harley.gif);
	background-repeat: repeat;
	background-position: center center;}
.harleytitle{
	height: 397px;
	width: 100%;
	background-image: url(/blue_sky/img/title_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.harleytitle .harleyframe{width:960px;margin:0 auto;height: 397px;position:relative;}
.harleytitle .harleyframe h2.tcatch{font-size:20px;color:#fff;padding-top:90px;padding-bottom:30px;}
.harleytitle .harleyframe p.ttext{font-size:14px;width:460px;color:#fff;}
.harleytitle .harleyframe h2.logo{width:421px;height:135px;position:absolute;right:0;bottom:0;}
.harleytitle .harleyframe h2.logo img{width:421px;height:135px;}

.detailframe{
	width: 960px;
	margin: 50px auto 150px;
	overflow: hidden;
	background-image: url(/blue_sky/img/detail_img20250421.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.detailframe .detailwide{margin-left:440px;}

.datatable {margin-top:10px;
}
.datatable th {
	border-top: 2px solid #6caedf;
	white-space: nowrap;
	padding: 15px;
	font-weight: bold;
	font-size: 13px;
	font-family: 'Open Sans', "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.datatable td {
	border-top: 2px solid #6caedf;
	padding: 15px;
	font-size: 13px;
}
.datatable td strong {
	font-weight: bold;
	font-size: 14px;
}
.datatable td img.icons {
	margin-right: 10px;
	vertical-align: middle;}
	
.tokuten{background-color:#2fc5cf;overflow: hidden;}
	.tokuten h2{color:#fff;font-family: 'Noto Sans Japanese', serif;font-weight:300;font-size:24px;line-height:1.3;margin-bottom:10px;background-color:#c0284b;padding:10px 10px 10px 50px;margin-left:-50px;}
	.tokuten p{color:#fff;font-size:14px;}
	.tokuten .box1{width:420px;float:left;margin:20px 0 30px 50px;}
	.tokuten .box2{width:420px;float:right;margin:30px 30px 30px 0;}
	p.note{background-color:#fff;color:#c0284b;padding:5px 10px;margin-top:10px;font-size:12px;}

/* ブルースカイ */
.harleyryokin{
	width: 100%;
	background-image: url(/blue_sky/img/bg_harley.gif);
	background-repeat: repeat;
	background-position: center center;border-top:1px solid #fff;
}
.harleywide{width: 960px;
	margin: -100px auto 80px;overflow: hidden;
	}
.price{padding:50px 0;overflow: hidden;}
.price h2{color:#fff;font-family: 'Noto Sans Japanese', serif;font-weight:300;font-size:28px;line-height:1.3;margin-bottom:10px;text-align:center;}
.price .catch{color:#fff;text-align:center;}
.price .bike{overflow: hidden;margin-top:15px;}
.price .bike .box1{width:460px;float:left;overflow: hidden;background-color:#fff;}
.price .bike .box2{width:460px;float:right;overflow: hidden;background-color:#fff;}
.price .bike dl{display:table;}
.price .bike dt{display:table-cell;width:130px;padding:15px;font-family: 'Open Sans', sans-serif;color:#c0284b;}
.price .bike dd{display:table-cell;padding:15px;border-left:1px solid #000;}
.price h3{color:#fff;font-family: 'Noto Sans Japanese', serif;font-weight:300;font-size:24px;line-height:1.3;margin-bottom:10px;text-align:center;margin-top:50px;}

.price .bike2{overflow: hidden;margin-top:15px;background-color:#fff;}
.price .bike2 .box1{width:500px;float:left;overflow: hidden;}
.price .bike2 .box2{width:450px;float:right;overflow: hidden;padding-top:10px;}
.price .bike2 dl{margin-left:2em;}
.price .bike2 dt{padding:0;font-family: 'Open Sans', sans-serif;color:#c0284b;}
.price .bike2 dd{padding-bottom:15px;}


.pricetable{}
.pricetable table{width:100%;border-collapse: collapse;border: #2fc5cf 3px solid;}
.pricetable table th {
	border: #2fc5cf 1px solid;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	background-color: #f4f3ee;
	font-weight: bold;
	vertical-align: middle;
}
.pricetable table td {
	/*border: #2fc5cf 1px solid;*/border: #2fc5cf 1px solid;
	padding: 10px;font-size:14px;text-align: center;background-color:#fff;vertical-align:middle;
}
.pricetable .notearea{color:#fff;margin-top:5px;}
.price .bihin{overflow: hidden;margin-top:15px;}
.price .bihin .box1{width:460px;float:left;overflow: hidden;}
.price .bihin .box2{width:460px;float:right;overflow: hidden;}

/* お申し込み */
.yoyaku{
	width: 960px;
	margin: 50px auto;
	overflow: hidden;
}
.yoyaku .notearea ul{
	list-style-type: none;
}
.yoyaku .notearea li{
	list-style-type: none;
}
.yoyaku .box1{width:450px;float:left;}
.yoyaku .box2{width:450px;float:right;}
.yoyaku h2{font-family: 'Noto Sans Japanese', serif;font-weight:300;font-size:20px;line-height:1.3;text-align:center;border-bottom:2px solid #3366cc;padding-bottom:10px;margin-bottom:10px;}
.yoyaku ul.flow li{width:400px;font-size:13px;}
.yoyaku ul.flow li .attention{color:#c00;margin-bottom:10px;padding-bottom:5px;font-size:16px;border-bottom:2px solid #c0254b;font-weight:bold;}
.yoyaku ul.flow li:after{font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\f107";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;font-size:30px;text-align:center;display:block;}
	.yoyaku ul.flow li dt{background-color:#3366cc;color:#fff;text-align:center;width:50px;line-height:50px;font-size:20px;font-weight:bold;}
	.yoyaku ul.flow li dd{border:1px solid #ccc;padding:15px;}
	.yoyaku ul.flow li li{width:auto;font-size:12px;}
.yoyaku ul.flow li li:after{display:none;}
	a.link{color:#c0254b;font-weight:bold;}

	
.yoyakuform a{background-color:#c0254b;color:#fff;margin:10px 0;padding:10px;font-size:16px;text-align:center;display:block;}
.yoyakuform a:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\e90b";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 10px;
	font-size: 24px;line-height:1;
	vertical-align: middle;
}
.yoyakuform a:hover{background-color:#706d6d;}

.kyotyo{padding:20px 0;}
.kyotyo p{color:#c0254b;border:2px solid #c0254b;font-size:16px;font-weight:bold;padding:10px;margin-bottom:10px;}


/* 重要事項 */
.yoyaku  h3{border-left:10px solid #dbd7c7;padding:5px 10px;margin:10px 0;font-size:15px;}
	.yoyaku  table{margin:10px 0 20px 30px;width:auto;}
	.yoyaku  th{border: #999 1px solid;font-size: 13px;text-align: center;padding: 5px;background-color: #f4f3ee;}
	.yoyaku  td{border: #999 1px solid;font-size: 13px;text-align: center;padding: 5px;}
	.yoyaku  ol{margin:10px 0 20px 40px;font-size: 13px;}
	.yoyaku  ol li{margin-bottom:10px;
	list-style-type: decimal;
}
.yoyaku  ol li strong{font-weight:bold;}
.yoyaku  ul{margin:10px 0 20px 40px;font-size: 13px;}
	.yoyaku  ul li{margin-bottom:5px;
	list-style-type:disc;
}
.tekiyougai{margin:10px 0 20px 30px;padding:10px 10px 0;border:2px solid red;font-size:13px;}

	
/* お問い合わせ */
.harleyinq{background-image: url(/cmn/img/stayplan_bg.gif);
	background-repeat: repeat;padding:40px 0;}
	.harleyinq h2{text-align:center;
	font-size: 20px;
	color: #333;border-bottom:2px solid #c0284b;width:600px;margin:0 auto 20px;padding-bottom:10px;}
	.harleytel{padding:10px 0;text-align:center;}
	.harleytel a.formbtn{background-color: #706d6d;
	color: #fff;
	font-size: 12px;
	text-align: left;
	line-height: 30px;
	display:inline-block;
	padding-left: 15px;margin-left:15px;padding-right:15px;}
.harleytel a.formbtn:after {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\f105";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 10px;
	float: right;
}

.harleytel a.formbtn:hover {
	background-color: #cbc9c9;
}

/**/
.inqarea{overflow: hidden;width: 960px;text-align:center;
	margin: 0 auto;}
.inqarea .telarea{
	display: inline-block;
	vertical-align: top;margin-right:50px;
}
.inqarea .btmarea{display:inline-block;width:300px;vertical-align: top;}
.inqarea .telarea .telt{
	font-size: 24px;
	font-weight: bold;
	font-family: 'Open Sans', "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	color: #333;
	padding-left: 30px;
	padding-top: 5px;
}
.inqarea .telarea .telt span{font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;font-size: 12px;font-weight:normal;}
.inqarea .telarea .telt:before{font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\e90f";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#999;font-size: 28px;position:absolute;margin-left:-25px;margin-top:-3px;}
	.inqarea .btmarea a{background-color: #706d6d;
	color: #fff;
	font-size: 12px;
	text-align: left;
	line-height: 30px;
	display:block;
	padding-left: 15px;margin-left:15px;padding-right:15px;margin-bottom:10px;}
.inqarea .btmarea a:after {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\f105";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 10px;
	float: right;
}
.inqarea .btmarea a:hover {
	background-color: #cbc9c9;
}