body {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #464646;
}

.container-background {
	background-color:#fff;
	border-radius: 5px;
	padding:30px;
}

.h1title {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: normal;
	font-size: 11px;
	color:#FFF;
}

#brand-image {
	width:220px;
}

.navbar-brand {
	padding-top:0px;
}

.right-dotted-line {
	border-right: 1px dotted #e5e5e5;
}

.margin-bottom-0 {
	margin-bottom:0px;
}

.margin-bottom-5 {
	margin-bottom:5px;
}

.margin-bottom-10 {
	margin-bottom:10px;
}

.margin-bottom-30 {
	margin-bottom:30px;
}

.margin-top-15 {
	margin-top:15px;
}

.padding-top-15 {
	padding-top:15px;
}

.padding-top-5 {
	padding-top:5px;
}

.padding-top-10 {
	padding-top:10px;
}

.padding-top-15 {
	padding-top:15px;
}



.font-color-red {
	color:#ff4d4d;
}

.font-color-blue {
	color:#2f82ca;
}

.social > * {
	vertical-align: bottom;
}


.bold-red {
	font-weight:bold;
	color:#ff4d4d;
}

.bold-blue {
	font-weight:bold;
	color:#62c5e4;
}

.bold-black {
	font-weight:bold;
	color:#000000;
}

.bold-white {
	font-weight:bold;
	color:#FFFFFF;
}

.title-index-area {
	border-bottom:5px solid #62c5e4;
	margin-bottom: 20px;
}

.title-index-area h2 {
	font-size: 2.0rem;
	font-weight:bold;
	line-height: 24px;
	color: #505050;
}

.title-sub-index-area {
	border-bottom:2px dotted #62c5e4;
	margin-bottom: 20px;
	font-weight:bold;
}

.title-sub-index-area h3{
	font-weight:bold;
	color:#505050;
	font-size:1.3rem;
}


.card {
	background-color: #4cacea;
	padding:0px;
}

.card .special-info-area {
	padding: 0px 5px 5px 5px;
	height: 35px;
}

.card .special-img-area{
	overflow:hidden;
	border-radius: 4px;
}

.card h4 {
	color: #FFF;
	font-size: 0.8rem;
}

.card p {
	color: #fff;
	font-size: 1.0rem;
	line-height: 18px;
	margin: 10px 10px 0px;
}

.list-item {
	padding:0px;
}

.list-item .list-item-info-area {
	padding: 2px 10px 10px 10px;
}

.list-image-area {
	overflow:hidden;
	border-radius:4px;
	background-color: #000000;
}

.list-image-area .listitem-img {
	height: 155px;
}

.list-image-area .listitem-img:hover {
	opacity: 0.9;
}

.list-image-area .list-image-string {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.6rem;
	color: #FFF;
	font-weight: bold;
	text-shadow:
	    black 2px 0px,  black -2px 0px,
	    black 0px -2px, black 0px 2px,
	    black 2px 2px , black -2px 2px,
	    black 2px -2px, black -2px -2px,
	    black 1px 2px,  black -1px 2px,
	    black 1px -2px, black -1px -2px,
	    black 2px 1px,  black -2px 1px,
	    black 2px -1px, black -2px -1px;
	> div {
			width: 90%;
			max-width: 320px;
			margin: 0 auto;
			font-size: 1rem;
			line-height: 1.7;
			padding: 20px 0;
	}
}


/** 上のスライダー部分**/
.slides {
	padding-left: 0px;
}

.slides .slick-arrow {
	position: absolute;
	width: 30px;
	height: 30px;
	border: none;
	text-indent: -9999px;
	bottom: 40px;
	cursor: pointer;
}

.slides .slie-main-area {
	width:100%;
}

.slides .slick-prev {
	left:0px;
	background: url(/snow/img/ico_arrwo_left.png) no-repeat 0 0;
	z-index:800;
}

.slides .slick-next {
	right: 0px;
	background: url(/snow/img/ico_arrwo_right.png) no-repeat 0 0;
	z-index:800;
}

.slick-prev:before, .slick-next:before {
	content:"";
}

.slick-prev:hover, .slick-next:hover {
	z-index:800;
}


.slides img {
	width:100%;
	height: auto;
}

.list-hr {
	margin-top:3px;
	margin-bottom:3px;
}


.list-font-lg {
	font-size:1.1rem;
}


.height-35 {
	height:35px;
}

.border-solid-all-color-blue {
	border:1px solid #62c5e4;
}

.border-solid-bottom-color-white {
	border-bottom:1px solid #FFF;
}

.border-solid-bottom-color-black {
	border-bottom:1px solid #505050;
}

.price {
	font-weight:bold;
	color:#f20000;
	font-size: 0.9rem;
}

.display-none {
	display:none;
}

.breadcrumb {
	padding: 0px;
	list-style: none;
	background-color: #FFFFFF;
	border-radius: 4px;
	margin-bottom:15px;
}

.footer-area {
	color: #fefefe;
	background: #333333;
	font-size:0.8rem;
}


/**
* 検索ボックス
*/
.search-header {
	background-color:#222;
	color:#FFF;
	height: 20px;
	padding: 8px;
}

.search-area {
}

.search-area h2{
	font-size:1.4rem;
	margin-top:0px;
}


.btn-search {
	height:130px;
	font-size:1.2rem;
	font-weight:bold;
}

.navigation-area>li.active>a, .navigation-area>li.active>a:focus, .navigation-area>li.active>a:hover {
	background-color:#31b0d5;
}

.navigation-area>li>a {
	border-radius: 4px;
	border:1px solid #269abc;
}

strong {
	color: #505050;
}

.no-gutter > [class*='col-'] {
	padding-right:0;
	padding-left:0;
}

.content-box, .content-box-large {
	margin-bottom:10px;
}

.title-background-color {
	background-color:#f5f5f5;
	margin-left:0px;
	margin-right:0px;
}

.row-border {
	margin:0px;
	border-bottom:1px dotted #bdbdbd;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 95%;
}

.list-item-info-area a:last-child .row-border {
	margin:0px;
	border-bottom:none;
	padding-top:5px;
}

.list-item-info-area .row-empty {
	margin:0px;
	border-bottom:none;
	padding-top:5px;
	padding-bottom: 5px;
	font-size: 95%;
}

.list-item-info-area .gerande-plan-name {
	padding-right:0px;
}

.card-title {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	height:45px;
	font-size: 14px;
}

.sp-header-area {
	display:none;
}

.middle-menu-button {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4cacea+0,008ee0+100,29a0e5+100 */
	background: #4cacea; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #4cacea 0%, #008ee0 100%, #29a0e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #4cacea 0%,#008ee0 100%,#29a0e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #4cacea 0%,#008ee0 100%,#29a0e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cacea', endColorstr='#29a0e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	font-weight:bold;
	margin-bottom: 0px;
}

.menu-link {
	color:#fff;
}

.menu-link:hover {
	color:#fff;
}

.header-departure-area {
	position: relative;
	top: 20px;
	font-size:1.2rem;
}

header .nav a:hover {
	color: #505050;
	background-color: #fdd80a!important;
	border-radius: 2px;
}

header .nav .nav-area-active {
	color: #505050;
	background-color: #fdd80a;
	border-radius: 2px;
	font-weight:bold;
}

.title-area {
	color: #57b9d2;
	font-weight: bold;
	top: 16px;
	left: 280px;
	position: absolute;
	font-size:14px;
}

#page-top {
	position: fixed;
	bottom: 50px;
	right: 5px;
}
#page-top a {
	text-decoration: none;
	text-align: center;
	display: block;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

.btn-cal {
	background-color: #eee;
	border-radius: 0px 4px 4px 0px;
}

.js-date-form[disabled] {
	background-color:#eee!important;
}

.js-date-form {
	background-color:#ffffff!important;
}

.ui-datepicker { z-index: 20000 !important; }

.slides{
	display:none!important;
}
.slick-initialized{
	display:block!important;
}

DIV.cmnMenuArea LI A{
	height:auto!important;
}

.switchDetail{
	display:none;
}

/**
* スマホ表示
*/
@media (max-width: 768px) {
	body {
		background-image: none;
		background-color:#FFF;
	}

	/**
	* ios自動ズーム拒否
	*/
	input,select,textarea{
		font-size: 16px!important;
	}

	.plan-select-tab .nav-justified>li {
		float:left;
		width:49%;
		font-size: 3vw;
	}

	.plan-select-tab .nav-pills>li+li {
		margin-left:0px;
	}

	.container-background {
		padding:0px 5px 0px 5px;
	}

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

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

	.mobile-hide {
		display:none!important; // 強め
	}

	.sp-header-area {
		display:block;
		background-color:#FFF;
		margin-top:0px;
		margin-bottom:8px;
		border-bottom:1px solid #62c5e4;
		height: 50px;
	}

	.sp-header-area .sp-logo {
		position: relative;
		top: 10px;
		max-height: 35px;
	}

	.sp-header-area .menu-area {
		height: 50px;
	}

	.sp-header-area .menu-button-area {
		background-color:#62c5e4;
		height: 50px;
	}

	.sp-header-area .menu-button-area .menu-button {
		font-size:2rem;
		position: relative;
		top: 12px;
	}

	.sp-header-area .menu-dropdown-area {
		height: 50px;
		border-left:1px solid #62c5e4;
		padding:0px;
	}

	.sp-header-area .menu-dropdown-area .select-wrap {
		border: 1px solid #fff;
		color:#62c5e4;
		width:100%;
		position: relative;
		top: 12px;
		background-color: #fff;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding-left:5px;
	}

	.sp-header-area .menu-dropdown-area .select::after {
		content: "\25BC";
		position: absolute;
		top: 50%;
		right: 0px;
		margin-right: 5px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		color:#62c5e4;
	}

	.tab-pane strong {
		font-size:0.8rem;
	}

	.font-size-mobile-5vw {
		font-size: 5vw!important;
	}
	.font-size-mobile-4vw {
		font-size: 4vw!important;
	}
	.font-size-mobile-3vw {
		font-size: 3vw!important;
	}
	#spfooter {
		background: rgba(68,68,68, 0.95);
		box-shadow: inset 0px 0px 3px #111;
		color: #fff;
		left: 0px;
		bottom: 0px;
		position: fixed;
		width: 100%;
		height: 50px;
		display: block;
		z-index: 9999;
	}

	/** アコーディオン **/
	.sidr ul li {
		padding-left:5px!important;
	}
	.sidr ul {
		margin:0px!important;
	}

	.sidr .closed-item {
		border-style: solid;
		border-width: 7.5px 5px 0px 5px;
		border-color: #fdd80a transparent transparent transparent;
		position: absolute;
		right: 10px;
		height: 0;
		margin-top: -30px;
		content: "";
		padding: 0px;
	}

	.sidr .item-link {
		position: absolute;
		right: 10px;
		height: 0;
		margin-top: 20px;
		padding: 0px;
	}

	.js-mobile-search-button {
		width:80%;
		margin-top:8px;
	}

	.btn-search {
		height:auto;
	}


	.no-gutter-mobile > [class*='col-'] {
		padding-right:0;
		padding-left:0;
	}

	.list-image-area .list-image-string {
		font-size:1.0rem;
	}

	.list-image-area .listitem-img {
		max-height:108px;
	}

	.mobile-text-center {
		text-align:center!important;
	}

	.mobile-margin-8 {
		margin-bottom:8px;
	}

	.sp-info-label {
		font-size: 2vw;
		padding-left: 5px;
		padding-right: 2px;
	}

	/* フリックできるパンくずリスト */
	.breadcrumb-list {
		overflow-x: scroll;
		overflow-y: hidden;
		background-color: #FFF;
		border-bottom: solid 1px #CCC;
		height:40px;
	}
	.breadcrumb-list ol {
		list-style: none;
		display: table;
	}
	.breadcrumb-list ol li {
		padding: 5px 0em;
		display: table-cell;
		white-space: nowrap;
	}

	/* スクロールバーの装飾 */
	.breadcrumb-list.scroll-bar::-webkit-scrollbar {
		height: 10px;
	}

	.breadcrumb-list.scroll-bar::-webkit-scrollbar-track {
		background-color: #FFF;
	}

	.breadcrumb-list.scroll-bar::-webkit-scrollbar-thumb {
		background-color: rgba( 238, 238, 238, 0.8);
	}

	.sp-next-item {
		position: relative;
		overflow: hidden;
		height: 120px; /*隠した状態の高さ*/
	}

	.sp-next-item::before {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 80px; /*グラデーションで隠す高さ*/
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #797575 100%);
		background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #797575 100%);
		content: "";
	}

	.title-index-area {
		margin-left:-5px;
		margin-right:-5px;
		padding-left:10px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d8f0ff+92,d8f0ff+100,e2f4ff+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #d8f0ff 92%, #d8f0ff 100%, #e2f4ff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#d8f0ff 92%,#d8f0ff 100%,#e2f4ff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffffff 0%,#d8f0ff 92%,#d8f0ff 100%,#e2f4ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2f4ff',GradientType=0 ); /* IE6-9 */
	}

	.DIV.cmnMenuArea LI A {
		height: 38px!important;
	}
}

/**
* PC以上
*/
@media (min-width: 992px) {
	.row-eq-height {
		display: flex;
		flex-wrap: wrap;
	}

	.pc-hide {
		display:none;
	}

	.nav-justified>li {
		padding-right:10px;
		padding-left:10px;
	}
}
