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

/* default css edit */
body { font-size: 14px; }
* html body { font-size: 14px; } /* for lte ie6 */
html>body { font-size: 14px; } //
html:not(:target) body { font-size: 14px; } /* for modern browser not ie8 */

//基準14px
//10px	72%
//11px	79%
//12px	86%
//13px	93%
//14px	100%
//15px	108%
//16px	115%
//17px	122%
//18px	129%
//19px	136%
//20px	143%
//21px	150%
//22px	158%
//23px	165%
//24px	172%
//25px	179%
//26px	186%

p, dd, blockquote {
	text-align: left;
}

iframe { margin: 0; }

/* Bootstrap GoogleMap への影響修正 */
#depmap1 img,
#depmap2 img { max-width: none; }

/* Bootstrap 修正 */
.container {
	max-width: 970px;
}

.row {
margin-right: -10px;
margin-left: -10px;
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,
.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,
.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,
.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,
.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,
.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,
.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,
.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,
.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,
.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,
.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,
.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
padding-right:10px;
padding-left:10px;
	img {
		max-width: 100%;
		height: auto;
	}
}

.row0 {
	margin-right: 0;
	margin-left: 0;
	& > .col-xs-1, & > .col-sm-1, & > .col-md-1, & > .col-lg-1,
	& > .col-xs-2, & > .col-sm-2, & > .col-md-2, & > .col-lg-2,
	& > .col-xs-3, & > .col-sm-3, & > .col-md-3, & > .col-lg-3,
	& > .col-xs-4, & > .col-sm-4, & > .col-md-4, & > .col-lg-4,
	& > .col-xs-5, & > .col-sm-5, & > .col-md-5, & > .col-lg-5,
	& > .col-xs-6, & > .col-sm-6, & > .col-md-6, & > .col-lg-6,
	& > .col-xs-7, & > .col-sm-7, & > .col-md-7, & > .col-lg-7,
	& > .col-xs-8, & > .col-sm-8, & > .col-md-8, & > .col-lg-8,
	& > .col-xs-9, & > .col-sm-9, & > .col-md-9, & > .col-lg-9,
	& > .col-xs-10, & > .col-sm-10, & > .col-md-10, & > .col-lg-10,
	& > .col-xs-11, & > .col-sm-11, & > .col-md-11, & > .col-lg-11,
	& > .col-xs-12, & > .col-sm-12, & > .col-md-12, & > .col-lg-12 {
		padding-right:0;
		padding-left:0
	}
}

.row2 {
	margin-right: -2px;
	margin-left: -2px;
	& > .col-xs-1, & > .col-sm-1, & > .col-md-1, & > .col-lg-1,
	& > .col-xs-2, & > .col-sm-2, & > .col-md-2, & > .col-lg-2,
	& > .col-xs-3, & > .col-sm-3, & > .col-md-3, & > .col-lg-3,
	& > .col-xs-4, & > .col-sm-4, & > .col-md-4, & > .col-lg-4,
	& > .col-xs-5, & > .col-sm-5, & > .col-md-5, & > .col-lg-5,
	& > .col-xs-6, & > .col-sm-6, & > .col-md-6, & > .col-lg-6,
	& > .col-xs-7, & > .col-sm-7, & > .col-md-7, & > .col-lg-7,
	& > .col-xs-8, & > .col-sm-8, & > .col-md-8, & > .col-lg-8,
	& > .col-xs-9, & > .col-sm-9, & > .col-md-9, & > .col-lg-9,
	& > .col-xs-10, & > .col-sm-10, & > .col-md-10, & > .col-lg-10,
	& > .col-xs-11, & > .col-sm-11, & > .col-md-11, & > .col-lg-11,
	& > .col-xs-12, & > .col-sm-12, & > .col-md-12, & > .col-lg-12 {
		padding-right: 2px;
		padding-left: 2px
	}
}

/*
.carousel-control {
	background: none;
	border: none;
	top:50%;
}
*/

th, td {
	vertical-align:	top;
}
.pkg:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

body {
	overflow: visible;
	background-color: #DDD;
}
#header {
	background-color: #FFF;
}
#main_navi {
	/*Ski の設定を修正*/
	height: auto;
	position: relative;
	top: auto;
	left: auto;
}
/*
.top {
	height: auto;
	background: transparent;
}
*/
#header {
	h1 {
		display: none;
	}
	#top_navi {
		position: relative;
		z-index: 100;
		text-align: left;
//		height: 80px;
		#hr_logo {
			width: 192px;
			height: 60px;
			overflow: hidden;
			float:left;
			a:hover {
				opacity: 0.75;
			}
		}
		#rado_rogo {
//			display: block;
			width: 164px;
			height: 45px;
//			float:left;
			a:hover {
				opacity: 0.75;
			}
		}
	}
	#visa {
		position: absolute;
		top: -1px;
		right: 0px;
	}
}
.navbar {
	margin-bottom: 0;
	min-height: 40px;//50px
	.container {
		max-width: 900px;
	}
}
.navbar-brand {
	padding: 10px 15px;//15px 15px
	font-size: 14px;
	font-weight: bold;
}
.navbar-nav > li > a {
	line-height: 10px;//20px
}
.navbar-toggle {
	margin-top: 2px;//8px
	margin-bottom: 2px;//8px
}

.navbar-inverse {
	background-color:#CDF;//#222
	border: 0;
	.navbar-brand {
		color: #339;//#999
	}
	.navbar-nav>li>a {
		color: #339;//#999;
		font-weight: bold;
	}
	.navbar-toggle {
		border-color: #9BF;//#333
		.icon-text {
			display:block;
			float: left;
			margin-right: 5px;
			color: #339;
			line-height: 1em;
		}
		.icon-img {
			float: right;
		}
		.icon-bar {
			background-color: #339;//#FFF
		}
	}
	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background-color: #9BF;//#333
	}
	.navbar-collapse,
	.navbar-form {
		border-color: #9BF;//#101010
	}
/*
	.navbar-inner {
		padding: 0;
//		background: transparent;
		background: #CDF;
		filter: none;
		border: 0;
	}
	.brand,
	.nav>li>a {
		font-weight: bold;
		color: #333;
	}
	.nav>li>a:hover,
	.nav>li>a:focus,
	.nav li.dropdown.open>.dropdown-toggle,
	.nav li.dropdown.active>.dropdown-toggle,
	.nav li.dropdown.open.active>.dropdown-toggle,
	.nav .active>a,
	.nav .active>a:hover,
	.nav .active>a:focus {
		color: #FFF;
		background-color: #3495f1;
		-webkit-box-shadow: #888 0px 0px 5px;
		-moz-box-shadow: #888 0px 0px 5px;
		box-shadow: #888 0px 0px 5px;

	}
*/
}

#footer {
	width: 100%;
	font-size: 86%; //12px;
	border-top: solid 3px #3495f1;
	background-color: #FFF;
/*	background-color: #3495f1;*/
	clear: both;

	a,
	a:hover {
		color: #333;
/*		color: #FFF;*/
	}
	.container > div {
		margin-top: 10px;
	}

	.inquiry {
		padding: 10px 0;
//		background-color: #FFF;
		dt,
		dd {
//			float: left;
			line-height: 1.5em;
			p {
				margin-bottom: 5px;
				&:last-child {
					margin-bottom: 0;
				}
				span {
					padding: 1px 6px;
					background-color: #2372e1;
					border-radius: 6px;
					color: #FFF;
				}
			}
		}
		dt {
			text-align: left;
//			padding: 2px 10px 2px 0;
		}
		dd {
//			padding: 2px 10px;
//			border-left: solid 1px #2372e1;
		}
	}

	.outline {
/*		border: solid 1px #2372e1;*/
		background-color: #2372e1;
		padding: 10px 20px;
		.row-fluid [class*="span"] {
			min-height: 0;
		}
		a,
		a:hover {
			color: #FFF;
		}
		dt,
		dd {
			float: left;
		}
		dt {
			color: #FFF;
			text-align: left;
			padding: 2px 10px 2px 0;
		}
		dd {
			padding: 2px 10px;
			border-left: solid 1px #2372e1;
		}
	}

	.sougou {
/*		border: solid 1px #2372e1;*/
		padding: 10px 0;
		[class*="span"] {
			margin-bottom: 10px;
		}
		dt {
			text-align: left;
		}
		dd {
			padding: 2px 0;
			border-bottom: dotted 1px #2372e1;
		}
	}
}


//
// 学生旅行
//
#hr {
	background-color: #FFF;
	.navbar {
		margin-bottom: 10px;
	}
	#content {
	/*	width: 940px;*/
		margin: 0 auto;
		text-align: left;

		div.pad {
			padding: 10px;
		}

		h2.ttl {
			margin-bottom: 10px;
			a:hover {
				opacity: 0.75;
			}
		}
		.toTop {
			margin: 0;
			text-align: right;
			clear: both;
		}

	}
	#alpha {
		#alpha-inner {
			> div {
				margin-bottom: 20px;
			}
		}
		.topicPath {
			margin: 0 0 10px 0;
			font-size: 86%;	//12px;
		}
	}

	#beta {
		#beta-inner {
			> div {
				margin-bottom: 20px;
			}
		}
		.ski_sideli {
			h3 {
				line-height: 1.5em;
				padding: 0 10px;
			}
			.inner {
				padding-top: 0;
			}

			ul {
				text-align: left;
				ul {
					padding-left: 12px;
				}
				li {
//						padding-left: 16px;
					margin-top: 4px;
				}
			}
		}
		.ski_sidebar {
			img {
				display: block;
				margin: 0 auto;
			}
		}
		.menu {
			h2 {
				i { vertical-align: -9px; }
			}
			h3 {
				line-height: 1.5em;
				padding: 0 10px;
			}
			.inner {
//				padding-top: 0;
			}
			ul {
				text-align: left;
				li {
					line-height: 1.2em;
//						padding-left: 16px;
					margin-top: 4px;
				}
			}
		}
	}

	#beta {
	}

	.section-gray,
	.section-blue {
		border: #CCC 1px solid;
		border-radius: 6px;
		h2 {
			line-height: 1.4em;
		}
		.inner {
//			padding: 10px;
			margin: 10px;
		}
	}

	.head {
			padding: 10px;
			margin-bottom: 10px;
			background-color: #9CF;
			h2 {
				display: inline;
				font-weight: bold;
			}
	}
	.h-navi {
		float:right;
		color: #FFF;
		a {
			color: #FFF;
		}
	}
	.h-gray,
	.h-blue {
		border-radius: 6px 6px 0 0;
		border-bottom: #CCC 1px solid;
		padding: 4px 10px;

		h2 {
			display: inline;
		}
	}
	.h-gray {
		background-color: #EEE;
	}
	.h-blue {
		background-color: #38C;
		h2 {
			color: #FFF;
			font-weight: normal;
			a {
				color: #FFF;
			}
		}
	}
	.h-snow {
		border-radius: 6px 6px 0 0;
		background: rgb(254,255,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(210,235,249,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(210,235,249,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-9 */

		h2 {
			padding: 10px 10px 10px 36px;
			background: url(/ski/osa/images/list_icon.png) no-repeat 4px 4px;
		}
	}

	ul {
		&.arrow-gray,
		&.arrow-red {
			li {
				text-indent: -1em;
				padding-left: 1em;
				&:before {
					font-size: 57%;	//8px;
//						color: red;
					content: '▶';
				}
			}
		}
		&.arrow-gray {
			li {
				&:before {
					color: #999;
				}
			}
		}
		&.arrow-red {
			li {
				&:before {
					color: red;
				}
			}
		}
	}

}

//
// 学生旅行/トップ
//
#hr.top {

	#alpha {
		#myCarousel {
			margin-left: -15px;
			margin-right: -15px;
		}
		.copy {
			background: #38C;
			.text {
				color: #FFF;
				padding: 15px 20px;
			}
		}
		.topicsArea {
			.topics-container {
				dl {
					dt {
						display: none;
					}
				}
			}
		}
	}

	#beta {
		.osusume1 {
			h2 {
				i { vertical-align: -9px; }
			}
			h3 {
				i { margin-top: -4px; }
//				margin-top: 10px;
//				padding: 0 10px;
				line-height: 1.5em;
			}
			.inner {
//				padding-top: 0;
			}
		}
		.osusume3 {
			h2 {
				i { vertical-align: -9px; }
			}
		}
	}

	#gamma {
		.pickupArea {
			.pickup-container {
				.item {
					margin-bottom: 10px;
					dl {
						dt {
//							width: 100px;
							width: 80px;
							float: left;
							img {
								width: 100%;
							}
						}
						dd {
//							margin-left: 120px;
							margin-left: 90px;
						}
					}
				}
			}
		}
	}
}

//
// 学生旅行/カテゴリー＆エントリー共通
//
// 沖縄ホテル＆レンタカー
#hr {
		.toptpc {
			margin-top: 10px;
		}
		.map {
			margin-top: 10px;
		}
		.local {
			margin-top: 10px;
			.okaarea {
				.pht {
					float: left;
				}
				.text {
					margin-left: 80px;
					font-size: 11px;
					line-height: 14px;
					a {
						font-size: 12px;
						font-weight: bold;
					}
				}
			}
		}
}

#hr.webpage,
#hr.category,
#hr.entry {

	#alpha {
		.main-contents {
			margin-left: -15px;
			margin-right: -15px;
			margin-bottom: 20px;
			img {
				width: 100%;
				height: auto;
			}
			.main {
				.copy {
					background: #4AE;
//					.icon {
//						position: absolute;
//						bottom: -25px;
//						right: -25px;
//					}
					.text {
						color: #FFF;
						padding: 15px 20px;
//						margin-right: 170px;
					}
				}
			}
		}
		.sub-navi {
			ul {
				li {
					display: inline;
					&:first-child {
						&:before {
							content: '';
						}
					}
					&:before {
						content: ' | ';
					}
				}
			}
		}
/*
		.main_content_back {
			p {
				line-height: 1.4em;
			}
			.gelend_map {
				float: right;
//				margin-left: 2.127659574468085%;

				background: #FFF;
				border: #DDD 1px solid;
				margin-right: 10px;
				.inner {
					padding: 5px;
				}
			}
			.main_content {
				margin-left: 0;
			}
			.hp {
				margin-top: 4px;
				font-size: 84%;	//10px;
				line-height: 1.3em;
				table {
				    border: 1px #E3E3E3 solid;
				    border-collapse: collapse;
				    border-spacing: 0;
//					font-size: 86%;	//12px;
					th {
					    padding: 5px;
					    border: #E3E3E3 solid;
					    border-width: 0 0 1px 1px;
					    background: #F5F5F5;
					    font-weight: bold;
					    line-height: 120%;
	//				    text-align: left;
					}
					td {
					    padding: 5px;
					    border: 1px #CCC solid;
					    border-width: 0 0 1px 1px;
	//				    text-align: left;
						&.midashi1 {
							text-align: center;
							color: #FFF;
							background-color: #063;
						}
						&.midashi2 {
							text-align: center;
							color: #FFF;
							background-color: #009;
						}
					}
				}
			}
			.info_color {
				display: none;
			}
			.catch {
				background: #38C;
				padding: 20px 10px;
//				margin-top: -10px;
				color: #FFF;
			}
		}
		.gelende_icon {
			margin-left: -7px;
			dd {
				float: left;
				margin-left: 7px;
			}

		}
		.plan-change {
			text-align: center;
		}

		.topicsArea {
			h2 {
				background-color: #9CF;
				padding: 0 20px;
				margin-bottom: 10px;
			}
			dl {
				dt {
//					width: 300px;
				}
				dd {
				}
			}
		}

		.cateback {
			background-color: #FEC;
			margin-top: 10px;
			img.ttl {
				width: 100%;
				height: auto;
			}
			.cateL {
//				width: 50%;
//				float: left;
				img {
					width: 100%;
					max-width: 600px;
					height: auto;
				}
			}
			.cateR {
//				width: 50%;
//				float: left;
				.pickup {
					width: 50%;
					float: left;
					&:first-child div {
						padding: 0 10px 0 0;
					}
					div img {
						width: 100%;
						height: auto;
					}
				}
			}
		}

		.cate-contents {
			.pad {
				padding: 10px;
			}
			p {
				margin-bottom: 10px;
			}
			.rel {
				position: relative;
			}
			.abs {
				position: absolute;
				top: 4px;
				z-index: -999;
				line-height: 1.1em;
				h3, h4, p, dt, dd, li {
					line-height: 1em;
					font-size: 12px;
				}
			}
			> div {
				position: relative;
				div.over {
					position: absolute;
					z-index: -999;
//					font-size: 9px;
					line-height: 1em;
					dt,dd {
						line-height: 1em;
					}
				}
			}
		}
*/
		.head {
			padding: 10px;
			margin-bottom: 10px;
			background-color: #ADF;
			h3 {
				display: inline;
				font-weight: bold;
			}
		}

		.cateArea {
			.item2 {
				background: #DDD49F;
			    border-radius: 8px;
			    padding: 10px;
				margin-bottom: 20px;
				.distributor {
					text-align: right;
				    font-size: 11px;
				    line-height: 1em;
					margin-bottom: 3px;
					.author {
					}
					.optioncode {
						font-weight: bold;
					}
				}
				.midashi {
					h4 {
					    font-size: 16px;
					    font-weight: bold;
					    padding-bottom: 4px;
					    margin-bottom: 8px;
					    border-bottom: 1px dotted;
					}
				}
				.data {
					.body {
						height: 4em;
						overflow: hidden;
						margin-bottom: 10px;
					}
					.sub {
					    background: #FFF;
					    border-radius: 8px;
					    padding: 8px;
					}
					.price {
//						margin-top: 10px;
						font-size: 79%;
						strong {
							font-size: 143%;	//17px;
							color: #F5A;
						}
					}
					.tags {
						margin-top: 6px;
						font-size: 79%;	//11px;
						ul {
							margin-left: -2px;
							li {
								display: inline-block;
								margin: 2px 0 0 2px;
								padding: 1px 6px;
								line-height: 14px;
								background-color: #2372e1;
								border-radius: 6px;
								color: #FFF;
								&.orange {
									background-color: #E90;
								}
								&.purple {
									background-color: #B39;
								}
								&.green {
									background-color: #228b22;
								}
								&.pink {
									background-color: #ff69b4;
								}
								&.brown {
									background-color: #a0522d;
								}
							}

						}
					}
					.url {
						margin-top: 10px;
						&>div {
							margin-bottom: 8px;
						}
						ul {
							margin-bottom: 8px;
							li {
								display: inline;
								&:before {
									font-size: 86%;	//12px;
									color: red;
									content: '▶';
								}
							}
						}
					}
				}
			}
			.item {
				border-top: 1px dotted #CCC;
				padding-top: 20px;
				padding-bottom: 20px;
				min-height: 350px;
				.data {
					.body {
						height: 4em;
						overflow: hidden;
					}
					.price {
						margin-top: 10px;
						font-size: 79%;
						strong {
							font-size: 143%;	//17px;
							color: #F5A;
						}
					}
					.tags {
						margin-top: 6px;
						font-size: 79%;	//11px;
						ul {
							margin-left: -2px;
							li {
								display: inline-block;
								margin: 2px 0 0 2px;
								padding: 1px 6px;
								line-height: 14px;
								background-color: #2372e1;
								border-radius: 6px;
								color: #FFF;
								&.orange {
									background-color: #E90;
								}
								&.purple {
									background-color: #B39;
								}
								&.green {
									background-color: #228b22;
								}
								&.pink {
									background-color: #ff69b4;
								}
								&.brown {
									background-color: #a0522d;
								}
							}

						}
					}
					.url {
						margin-top: 10px;
						ul {
							margin-top: 8px;
							li {
								display: inline;
								&:before {
									font-size: 86%;	//12px;
									color: red;
									content: '▶';
								}
							}
						}
					}
				}
			}
		}

/*
		.cateArea {
			background-color: #FFF;
			.optioncode {
			    text-align: right;
			    font-size: 11px;
				line-height: 1em;
			}
			.pad {
				padding: 8px;
				border-top: dotted 1px #999;
				&:first-child {
					border: none;
				}
			}
			// プラン一覧
			.item {
				margin-bottom: 20px;
//				border-top: dotted 1px #999;
				.midashi {
					background: rgb(254,255,255); // Old browsers
					background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(210,235,249,1) 100%); // FF3.6+
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(210,235,249,1))); // Chrome,Safari4+
					background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); // Chrome10+,Safari5.1+
					background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); // Opera 11.10+
					background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); // IE10+
					background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); // W3C
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); // IE6-9
					h4 {
						font-size: 122%;	//17px;
						text-shadow: 1px 1px 1px #BBF;
//						padding: 10px 10px 10px 36px;
//						background: url(/ski/osa/images/list_icon.png) no-repeat 0px 4px;
						padding: 10px 10px 10px 10px;
						border-left: 5px solid #6BF;
					}
				}
				.catch {
					padding: 10px 0;
				}
				.sub-img {
					margin-top: 6px;
				}
				.sub-img1,
				.sub-img2 {
				}
				.sub-img2 {
				}
				.data {
					dt {
//						margin-top: 6px;
					}
					dd {
						line-height: 1.3em;
					}
					.plans {
						dl {
							margin-top: 0.5em;
						}
					}
					.price {
						margin-top: 15px;
						strong {
							font-size: 122%;	//17px;
							color: #F5A;
						}
					}
					.tags {
						margin-top: 6px;
						font-size: 79%;	//11px;
						ul {
							margin-left: -2px;
							img {
								margin-left: 2px;
							}
							li {
								display: inline-block;
								margin: 2px 0 0 2px;
								padding: 1px 6px;
								line-height: 14px;
								background-color: #2372e1;
								border-radius: 6px;
								color: #FFF;
								&.orange {
									background-color: #E90;
								}
								&.purple {
									background-color: #B39;
								}
								&.green {
									background-color: #228b22;
								}
								&.pink {
									background-color: #ff69b4;
								}
								&.brown {
									background-color: #a0522d;
								}
							}

						}
					}
					.url {
						margin-top: 10px;
						ul {
//							margin-top: 8px;
							li {
								display: inline;
//								font-size: 108%;	//15px;
								&:before {
									font-size: 86%;	//12px;
									color: red;
									content: '▶';
								}
							}
						}
					}
					.more {
						margin-top: 10px;
					}
				}
			}

			dt {
//				width: 23%;
//				float: left;
//				margin-right: 2%;

				img {
//					width: 100%;
//					height: auto;
				}
			}
			dd {
//				width: 74%;
//				float:left;
//				margin-right: 1%;

				h3 {
					font-size: 115%;	//16px;
					margin-bottom: 4px;
					line-height: 1em;
					height: 1em;
					overflow: hidden;
				}
				.new {
					display:none;
				}
				ul.cate_place {
					border-top: dashed 1px #AAA;
					margin-top: 3px;
					padding-top: 3px;

					li.charge {
//					    width: 33%;
					    float: right;
					    text-align: right;
					    font-size: 108%;	//15px;
					    color: red;
					    background-color: #ADF;
					    padding: 5px 5px 5px 10px;
					}

				}
			}
		}
*/
		//モーダルボックス
		#detail {
//			text-align: center;
			h5 {
				font-weight: bold;
				margin-bottom: 10px;
			}
			.ryoukin,
			.kaisai,
			.map,
			.rental,
			.chuui {
				padding: 11px;
			}
			.ryoukin {
				background: #FFE;
			}
			.map {
				background: #EFE;
			}
			.chuui {
				background: #FEE;
			}
			table {
				font-size: 10px;
				th, td {
					padding: 4px;
				}
			}
			.timeL {
				background-color: #FDF8E1;
				border-top: 1px dotted #900;
				padding: 10px 0;
				&:first-child {
					border-top: none;
					padding-top: 0;
				}
				h4 {
					background-color: #FFF;
					font-size: 16px;
					.watch {
						text-align: left;
						background-color: #FB6;
						min-height: 0;
						padding: 5px;
					}
					.schttl {
						text-align: left;
						min-height: 0;
						padding: 5px;
					}
				}
			}

			.center {
				text-align: center;
			}
			.info_box {
				.info {
					width: 100%;
					th, td{
						border: solid 1px #999;
						padding: 5px;
					}
					th {
						background-color: #DEF;
					}
				}
			}
		}

		.fblikebox {
			margin-bottom: 20px;
		}
	}
}
/*
#hr.category.hokkaido {
	.cateArea {
		#alpha {
			.item {
				.midashi {
					h4 {
						padding-left: 36px;
						background: url(/ski/osa/images/list_icon.png) no-repeat 0px 4px;
					}
				}
			}
		}
	}
}
*/

#hr.topics {
	#alpha {
		.topics-container {
			dl.banner1 {
				margin-bottom: 10px;
				dt {
					width: 100px;
					float: left;
					img {
						width: 100%;
					}
				}
				dd {
					margin-left: 120px;
				}
			}
		}
	}
}

// 沖縄発
#hr.okinawa {
	#alpha {
		.from {
			a {
				display:block;
				min-height: 64px;
				border-radius: 8px;
				margin-bottom: 4px;
				padding: 10px;

				font-size: 18px;
				color: #FFF;
				font-weight: bold;
				&:hover {
					opacity: 0.8;
				}
				small {
					font-size: 10px;
				}
			}
			.from-osa {
				background: #F90;
			}
			.from-fuk {
				background: #6B0;
			}
			.from-oka {
				background: #37F;
			}
			.stay,
			.hr {
				background: #F00;
			}
		}

		h3 {
			font-size: 20px;
			font-weight: bold;
			margin: 10px 0;
			border-left: 4px solid #36F;
			padding: 4px 8px;
		}
	}
}


//
// エントリー
//
#hr.entry {
}

//
// ウェブページ
//

#hr.info {
	#alpha {
		h3 {
				margin: 20px 0 10px;
				padding: 8px 8px;
				color: #333;
				font-size: 129%;	//18px;
				border-left: solid 5px #09C;
		}
	}
	#payment {
		p { margin: 0 0 10px; }
		#pay-bank {
			.kouza {
				dl {
					padding: 10px;
					background-color: #FFEEDD;
					margin-bottom: 10px;
					&:last-child {
						margin-bottom: 0;
					}
				}
			}
			.noticeBox {
				background:#fffafa;
				padding: 10px;
				color:#990000;
				margin:10px 0 20px 0;
				border: 1px solid #990000;
			}
		}
		.full_inner_box {
			& > div {
				margin-bottom: 20px;
			}
			dl {
				text-align:center;
				border:1px solid #ccc;

				dt {
					text-align:center;
					padding:10px 0;
					background-color:#FDE29D;
					margin-bottom:5px;
					strong {
						color:#000;
						display:block;
					}
				}
				dd {
					text-align: center;
					padding: 10px 20px;
					ol {
						text-align: left;
						li {
							margin: 0 0 8px 2em;
							padding: 0;
							line-height: 1.3em;
							list-style: decimal;
						}
					}
				}
			}

		}
		#pay-cvs {
			.main_bt {
				li {
					margin-bottom: 15px;
					a {
						display: block;
					    padding: 7px 14px;
						background-color: #f2f2f2;
					    border: 1px solid #afafaf;
						font-size: 86%;	//12px;
						font-weight: bold;
						color: #333;
						img {
							vertical-align: middle;
						}
					}
				}
			}
			.chuui {
				padding: 15px;
				border: 1px solid #fbb03b;
				h4 {
					margin-bottom: 10px;
				}
			}
		}
		#etc {
			.annai {
				padding: 10px;
				background-color: #FFEEDD;
//				background:#fffafa;
//				padding: 10px;
//				color:#990000;
//				margin:10px 0 20px 0;
//				border: 1px solid #990000;
			}
		}
	}
}



.yazi {
	background-color: #2781ff;
	border: solid  2px #2372e1;
	color: #fff;
	font-size: 1.0em;
	padding: 0px 3px;
	margin-right: 5px;
}

.new {
	display: none;
}

.mb {
	margin-bottom: 10px;
}

.aka {
	color: #C32;
}


a.opa:hover {
	opacity: 0.75;
}

.applicationBtnbox {
	padding: 15px 0 10px;
	text-align: center;
	border: 5px solid #F9C;
	margin: 10px 0;
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


/* WidePhone
------------------------- */
@media (max-width: 767px) {

//body { font-size: 16px; }
html:not(:target) body { font-size: 16px; }

#ski-osa.category,
#ski-fuk.category {

	#alpha {
		#alpha-inner {
		}
		.gelend-select .inner {
			padding: 0 20px;
		}
		.main_content_back {
			.gelend_map {
				margin-right: 0;
			}
			.main_content {
				.main_content-inner {
					margin-left: 10px;
					margin-right: 10px;
				}
			}
			.catch {
				margin-top: 0;
			}
		}
		.cateArea {
//			margin-left: 10px;
//			margin-right: 10px;
			.item {
				.main-img {
					width: 32%;
					float: left;
				}
				.sub-img {
					margin-top: 0;
					margin-left: 2%;
					width: 66%;
					float: left;
				}
			}
		}

	}
}

}

/* Landscape phones
------------------------- */
//@media (max-width: 480px) {
//}






/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

// Small devices (tablets, 768px and up)
@media (min-width: 768px) {

	#header {
		h1 {
			display: block;
			text-align: left;
			margin-top: 0;
			color: #70a8de;
			font-size: 86%;	//12px;
			font-weight: bold;
			line-height: 1.5em;
		}
	}

	#hr.top {
		#alpha {
			#myCarousel {
				margin-left: 0;
				margin-right: 0;
			}
		}
	}

	#hr.webpage,
	#hr.category,
	#hr.entry {
		#alpha {
			.main-contents {
				margin-left: 0;
				margin-right: 0;
			}
		}
	}

	#hr.category {
		.cateArea {
			.item {
				.main-img {
					margin-bottom: 4px;
				}
			}
		}
	}

	#footer {
		.inquiry {
			padding-left: 20px;
			padding-right: 20px;
		}
		.sougou {
			padding-left: 20px;
			padding-right: 20px;
		}
	}
}

// Medium devices (desktops, 992px and up)
@media (min-width: 992px) {
}

// Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
}




[class^="rd-"], [class*=" rd-"] {
	display: inline-block;
	width: 27px;
	height: 27px;
	margin-top: 1px;
	line-height: 27px;
	vertical-align: text-top;
	background-image: url("../images/icons.png");
//	background-position: 27px 27px;
	background-repeat: no-repeat;
}
.rd-menu-blue {
	background-position: 0 0;
}
.rd-crown-blue {
	background-position: -27px 0;
}
.rd-heart-pink {
	background-position: -54px -54px;
}
.rd-family-pink {
	background-position: -81px -54px;
}