@charset "utf-8";

/* オーロラ 共通パーツCSS */

/* 汎用スタイル
-------------------------------------------------*/
.clearfix{zoom:1;}
.clearfix:after{
	content:"";
	display:block;
	clear: both;
	height: 0;
}

.container { outline:none; }
.container a:link { color:#0068b7; text-decoration:underline;}
.container a:visited { color:#0068b7; text-decoration:underline; }
.container a:active { color:#D02617; text-decoration:underline; }
.container a:hover { color:#D02617; text-decoration:none; }

/*幅調整*/
.mt0 { margin-top: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}

.mb0 {  margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}

.ml0{margin-left: 0 !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px !important;}
.ml35{margin-left: 35px !important;}
.ml40{margin-left: 40px !important;}
.ml45{margin-left: 45px !important;}
.ml50{margin-left: 50px !important;}

.mr0 { margin-right: 0 !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.pt5 { padding-top:5px !important;}
.pt15 { padding-top:15px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}

.pb0 { padding-bottom:0px !important;}
.pb5 { padding-bottom:5px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}
.pb60 { padding-bottom:60px !important;}

/*文字スタイル*/
.bold { font-weight:bold;}
.red { color:#b10507;}
.blue { color: #003467; }
.green { color: #1d7d94; }
.white { color:#FFFFFF;}
.yellow { color:#F7F503;}

.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}
.fs18 {font-size:18px !important;}
.fs19 {font-size:19px !important;}
.fs20 {font-size:20px !important;}
.fs25 {font-size:25px !important;}
.fs30 {font-size:30px !important;}
.fs40 {font-size:40px !important;}

.aC{ text-align:center;}
.aR{text-align: right;}

.fL{float: left;}
.fR{float: right;}

.lh12 { line-height:1.2;}
.vaM{ vertical-align: middle; }

.note {
	font-size: 13px;
	text-indent: -1em;
	padding-left: 1em;
}

/* 共通パーツ
-------------------------------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.container {
	font-size: 16px;
	line-height: 1.4;
}
.inner {
	width: 960px;
	margin: 0 auto;
}

/*カラム*/
.colBox {
	float: left;
}
.col2 .colBox {
	width: 460px;
}
.col2 .colBox + .colBox {
	margin-left: 40px;
}

.col3 .colBox {
	width: 300px;
	background-color: #fff;
	font-size: 14px;
	border-bottom: 3px solid #389db5;
}
.col3 .colBox + .colBox {
	margin-left: 30px;
}

.col4{
	margin-top: 20px;
	width: 960px;
	background: url(/tyo/tour/tour_special/aurora/common/images/bg_other.png) no-repeat top center;
}
.col4 .colBox {
	float: none;
	width: 300px;
	background-color: #fff;
	font-size: 14px;
	border-bottom: 3px solid #389db5;
	margin: 0 auto;
}

/*背景ボックス*/
.blueBox {
	background: url(/tyo/tour/tour_special/aurora/common/images/bg_blue.jpg) repeat top center;
	padding: 20px;
}
.grayBox {
	font-size: 14px;
	background-color: #efefef;
	padding: 20px;
}

/*テーブルスタイル*/
table th,
table td {
	border-bottom: 5px solid #D7EAF1;
	border-right: 5px solid #D7EAF1;
	background-color: #fff;
	padding: 20px;
}
table th {
	background-color: #f7f8b2;
	text-align: center;
	font-weight: bold;
	color: #0c3d73;
}
table td {
	font-size: 14px;
	vertical-align: top;
}

/* #breadcrumbArea
-------------------------------------------------------- */
#breadcrumbArea a.breadcrumb__itemInner {
	color: #333;
    text-decoration: none;
}
#breadcrumbArea a.breadcrumb__itemInner:hover {
	text-decoration: underline;
}

/* gnav
-------------------------------------------------------- */
.gnavArea {
	background-color: rgba(43,43,43,0.8);
}
.gnavArea ul{
	width: 843px;
	margin: 0 auto;
}
.gnavArea li {
	float: left;
	text-align: center;
}
.gnavArea a {
	display: block;
}
.gnavArea a.current {
	pointer-events: none;
	cursor: default;
}

/* ツアーエリア
-------------------------------------------------------- */
.tourArea {
	background: url(/tyo/tour/tour_special/aurora/common/images/bg_jagged_btm.png) repeat-x top center,
	url(/tyo/tour/tour_special/aurora/common/images/bg_snow.jpg) repeat top center;
	padding: 100px 0 50px;
	min-width: 960px;
}
.tourArea h3 {
	text-align: center;
	margin-bottom: 40px;
}

.infoArea {
	margin-top: 60px;
}
.infoArea:before {
	content: url(/tyo/tour/tour_special/aurora/images_new/line_air.png);
	display: block;
}
.infoArea h3 {
	margin-top: 50px;
}
.infoArea #info {
	width: 830px;
	padding: 45px;
	font-size: 13px;
}
/* 商品枠
-------------------------------------------------------- */
.tourList {
	display: flex;
	flex-wrap: wrap;
    margin-left: -15px;
}
.product__list--item {
    width: 310px;
	margin: 10px 0 5px 15px
}
.product__list--data {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.product__list--inner {
	display: flex;
	flex-direction: column;
    height: 100%;
	border-bottom: 3px solid #cfcfcf;
    background: #f0f0f0;
}
a.product__list--inner {
	transition:all 0.5s ease;
}
a.product__list--inner:link {
	color: #000;
	text-decoration:none;
}
a.product__list--inner:visited {
	color: #000;
	text-decoration:none;
}
a.product__list--inner:hover {
	opacity: 0.7;
}
.product__list--image {
	height: 206px;
	background: #f2f2f2 no-repeat center center / cover;
}
.product__list--type {
    background-color: #043a74;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 7px 0;
}
.product__list--text-wrapper {
	flex-grow: 1;
    display: flex;
    flex-direction: column;
	font-size: 14px;
	padding: 10px;
}
.product__list--title {
	font-weight: bold;
}
.product__list--detail {
	padding-top: 10px;
}
.product__list--price {
	margin-top: auto;
}
.product__list--minmax {
    font-size: 18px;
    color: #ff3300;
	padding-top: 10px;
}
.product__list--dep, .product__list--notes {
	font-size: 12px;
	padding-top: 5px;
}
.page .product__list--other-link {
	display: none;
}
a.product__list--other-link--button {
    font-size: 14px;
}
a.product__list--other-link--button:link {
	color: #000;
	text-decoration: underline;
}
a.product__list--other-link--button::after {
	content: "";
    width: 1.5em;
    height: 0.7em;
    background: url(/cmn/icon/icon_arrow_right_black_000.svg) no-repeat center center / cover;
    display: inline-block;
}
.product__list--other-link {
	text-align: right;
	color: #000;
}
a.product__list--other-link--button:hover {
    text-decoration: none;
}
div.otherTourLink {
	text-align:center;
	margin-top:40px;
}
div.otherTourLink a:link {
	display:inline-block;
	background: #0c3d73;
    color: #ffffff;
    text-decoration: none;
    padding: 20px;
}
div.otherTourLink a:link:nth-child(2) {
	margin-left:10px;
}
div.otherTourLink a:visited {
	background: #0c3d73;
    color: #ffffff;
    text-decoration: none;
}
div.otherTourLink a:hover {
	background: #0c3d73;
    color: #ffffff;
    text-decoration: none;
    opacity:0.7;
}


/* フッターエリア
-------------------------------------------------------- */
.footContents {
	height: 220px;
	min-width: 960px;
	background: url(/tyo/tour/tour_special/aurora/common/images/img_foot02.jpg) repeat-y center bottom #0a121a;
	background-attachment: fixed;
}