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

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  MV
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#MV{
	margin-bottom: 70px;height: auto;background-size: auto;background-position: top center;
}
#MV:before{content:"";background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.8) 66%,rgba(0,0,0,1) 100%);position: absolute;width: 100%;height: 460px;top: 0;left: 0;}
#Train #MV{background-image: url(../../images/munpremier/index_train_bg.jpg);}
#Luxta #MV{ background-image: url(../../images/munpremier/index_luxta_bg.jpg)}
#Cruise #MV{background-image: url(../../images/munpremier/index_cruise_bg.jpg);margin-bottom: 30px;}
#Other #MV{ background-image: url(../../images/munpremier/index_other_bg.jpg)}

#MV .Inner{}
#MV .Inner h1{}
#MV .Inner h1 .main{
	font-size: 32px;
	letter-spacing: 1px;
}
#MV .Inner h1 .sub{
	font-size: 40px;
	margin-top: -24px;
}
#MV .Inner .MainTxt{
	position: relative;
	text-shadow: 0 0 5px #000;
	text-align: center;
	width: 1000px;
	margin: 0 auto;
	line-height: 2;
	font-size: 15px;
	margin-bottom: 60px;
}
#MV .Inner .BenefitPoint{
	margin-top: 0;
	text-align: left;
}
#MV .Inner .BenefitAtte,
#MV .Inner .BenefitCode{
	text-align: left;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  SC
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#Contents{
	padding-bottom: 100px;
}
#Contents .SC{
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 30px;
}
#Contents .SC ul{
	display: flex;
	justify-content: center;
}
#Contents .SC li{
	margin: 0 6px;
}
#Contents .SC li + li{}
#Contents .SC li a{
	display: inline-block;
	text-decoration: none;
	border: 2px solid #fff;
	padding: 10px 20px;
	border-radius: 3px;
}
#Contents .SC li a:hover{
	background-color: #fff;
	color: #000;
	font-weight: bold;
}
#Contents .SC li a:after{content: "\f107";font-family:FontAwesome;display: inline-block;padding-left: 10px;}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Train
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#Train #Contents{}
#Train #Contents .Inner{
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
}
#Train #Contents .Inner + .Inner{}
#Train #Contents .Inner h2{color: #fff;font-size: 22px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;letter-spacing: 1px;margin-bottom: 20px;}
#Train #Contents .Inner h2:before,
#Train #Contents .Inner h2:after{content:"";width: 50px;display: block;height: 1px;background-color: #fff;margin: 0 5px;}

#Train #Contents .Inner .Box{}
#Train #Contents .Inner .Box + .Box{
	margin-top: 30px;
}
#Train #Contents .Inner .Box h2{
	font-size: 18px;
}
#Train #Contents .Inner .Box h2:before,
#Train #Contents .Inner .Box h2:after{content:none}

#Train #Contents .Inner .Entry{
	display: flex;
	align-items: flex-start;
}
#Train #Contents .Inner .Entry .photo{
	position: relative;
	top: auto;
	left: auto;
}
#Train #Contents .Inner .Entry .Inbox{flex: 1;padding-left: 25px;}
#Train #Contents .Inner .Entry .Title{border-bottom: 1px solid #cacaca;padding-bottom:10px;margin-bottom:10px;}
#Train #Contents .Inner .Entry .Title .pointIcon{
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    margin-bottom: 8px;
}
#Train #Contents .Inner .Entry .Title .pointIcon li{
    padding: 1px 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    border-radius: 3px;
    border: 1px solid #fff;
}
#Train #Contents .Inner .Entry .Title .pointIcon .new {
 background-color: #d9bc0d;
 font-weight: bold;
 color: #000;
}
#Train #Contents .Inner .Entry .Title .pointIcon li.topic{background-color: #9f3434;color: #fff;}
#Train #Contents .Inner .Entry .Title .pointIcon li + li{}
#Train #Contents .Inner .Entry .Title .bar{
	background-color: #b27eb9;
	display: inline-block;
	padding: 0px 10px;
	font-weight: bold;
	margin-bottom: 10px;
}
#Train #Contents .Inner .Entry .Title .data{margin-bottom:3px;order:2}
#Train #Contents .Inner .Entry .Title .data li{background-color:#fff;color:#000;padding:6px 10px;font-weight:400;font-size:13px;display:inline-block;margin-right:5px;line-height:1;margin-bottom:7px;border:1px solid #ccc;border-radius:2px}
#Train #Contents .Inner .Entry .Title .data .online{background-color:#3063d5;color:#fff;font-weight:700;border-color:#3063d5}
#Train #Contents .Inner .Entry .Title .data .fair{background-color: #d32f2f;color:#fff;font-weight:700;border-color: #d32f2f;}
#Train #Contents .Inner .Entry .Title .data .qua{background: rgb(163,152,53);background: -moz-linear-gradient(left, rgba(163,152,53,1) 0%, rgba(186,177,61,1) 50%, rgba(163,152,53,1) 100%);background: -webkit-linear-gradient(left, rgba(163,152,53,1) 0%,rgba(186,177,61,1) 50%,rgba(163,152,53,1) 100%);background: linear-gradient(to right, rgba(163,152,53,1) 0%,rgba(186,177,61,1) 50%,rgba(163,152,53,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a39835', endColorstr='#a39835',GradientType=1 );color: #fff;border: none;padding: 6px 9px;}
#Train #Contents .Inner .Entry .Title .data .recept{background-color:#d75183;color:#fff;font-weight:700;border-color:#d75183}
#Train #Contents .Inner .Entry .Title .data .tomin{ background-color:#d378a5;color:#fff;font-weight:700;border-color: #d378a5;}
#Train #Contents .Inner .Entry .Title h4{font-size: 15px;padding-bottom:7px;letter-spacing:0;line-height: 1.5;}
#Train #Contents .Inner .Entry .Title h3{font-size: 23px;line-height: 1.4;letter-spacing:0;margin-bottom: 10px;font-family: 'Zen Old Mincho', serif;font-weight: normal;}
#Train #Contents .Inner .Entry .Title h3 span{
    display: block;
}
#Train #Contents .Inner .Entry .Title h3 span.sizeS{
    font-size: 70%;
    display: inline;
}
#Train #Contents .Inner .Entry .Title .Recept{border:1px solid #f30a0a;color:#f30a0a;padding:5px;text-align:center;font-size:14px;margin-bottom:10px;background-color:#fcffca;order:1}
#Train #Contents .Inner .Entry .Title .Recept br{display:none}
#Train #Contents .Inner .Entry .Btm{
    display: flex;
}
#Train #Contents .Inner .Entry .Price{color: #c9a775;flex: 1;padding-right: 20px;}
#Train #Contents .Inner .Entry .Price dl{display:flex;flex-wrap:wrap}
#Train #Contents .Inner .Entry .Price dt{font-size: 24px;width:100%;order: 2;padding-bottom: 11px;line-height: 1;}
#Train #Contents .Inner .Entry .Price dt span{/* font-family:initial; */font-size: 15px;font-weight: bold;}
#Train #Contents .Inner .Entry .Price dt strong{font-size:34px}
#Train #Contents .Inner .Entry .Price dd.info{
    font-size: 12px;
    order: 3;
}
#Train #Contents .Inner .Entry .Price dd.day{font-weight:700;-webkit-font-feature-settings: "palt";font-size: 14px;order: 1;padding-bottom: 6px;}


#Train #Contents .Inner .Entry .detailBtn{width: 210px;margin-top: 7px;}
#Train #Contents .Inner .Entry .detailBtn a{position:relative;color:#fff;display: flex;text-decoration:none;font-weight: bold;font-size:16px;text-align: center;height: 100%;box-sizing: border-box;color: #c9a775;border: 2px solid #c9a775;border-radius: 3px;align-items: center;justify-content: center;}
#Train #Contents .Inner .Entry .detailBtn a:after{	position: absolute;
	right: 8px;
	top: 50%;
	font-weight: normal;
	margin-top: -0.5em;
	content: "\f105";
	font-family: FontAwesome;
	line-height: 1;}

#Train #Contents .Inner .Entry:hover .detailBtn a{
    background-color: #c9a775;
    color: #000;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Luxta
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#Luxta #Contents{}
#Luxta #Contents .Item{
	width: 1000px;
	margin: 0 auto;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Cruise
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#Cruise{}
#Cruise #Contents{}
#Cruise #Contents #SearchAtte{display: none;}
#Cruise #Contents .btnArea{
	margin-top: 30px;
}
#Cruise #Contents .Course{
	margin-top: 35px;
}

#Cruise #Search{
	background-color: #333333;
	margin-bottom: 20px;
	border: 1px solid #4d4d4d;
	border-radius: 3px;
	margin-top: 60px;
}
#Cruise #Search #btnArea .itemSearchSubmit{
	background-color: #8b714c;
}
#Cruise .itemSMax {color: #c9a775;font-weight: bold;}

#Cruise .itemSTotal { font-size: 26px; color: #c9a775;; }
#Cruise .itemSMin { font-size: 20px; color: #c9a775; }
#Cruise .itemSMax { font-size: 20px; color: #c9a775; }
#Cruise .itemNavi{ }
#Cruise .itemNavi ul{}
#Cruise .itemNavi ul li{}
#Cruise .itemNavi a{
	color: #fff;
}
#Cruise .itemNavi a:hover, 
#Cruise .itemNavi a:active{
	border-color: #8b714c;
	background-color: #8b714c;
	cursor: pointer;
}
#Cruise .itemNavi a.iNItem{}
#Cruise .itemNavi .cur,
#Cruise .itemNavi li .cur:link {}
#Cruise .itemNavi .off,
#Cruise .itemNavi .off:hover{
	background-color: #161616;
	color: #434343;
	border-color: #434343;
}
#Cruise .Course .Entry{
	border-color: #565656;
}
#Cruise .Course .Entry.recom{border-color: #755f33;}
#Cruise .Course .Entry .area{
	background-color: #565656;
}
#Cruise .Course .Entry.recom .area{
	background-color: #755f33;
}
#Cruise .Course .EntryIn .main .icon li{
	background-color: inherit;
	border: 1px solid #fff;
	border-radius: 2px;
}
#Cruise .Course .info{
	border-top: 1px solid #6a6a6a;
	border-bottom: 1px solid #6a6a6a;
	padding: 13px 0;
}
#Cruise .Course .info dl{}
#Cruise .Course .info dl.ship{}
#Cruise .Course .info dt{
	background-color: #3c3c3c;
}
#Cruise .Course .info dd{}
#Cruise .Course .EntryIn .main .data dt,
#Cruise .Course .EntryIn .main .data dd{
	color: #c9a775;
}
#Cruise .Course .EntryIn .main .data .tourBtn{background-color: #5b5b5b;border-color: #5b5b5b;border-radius: 2px;}
#Cruise .Course .EntryIn .main .data .shipBtn{color: #9e9e9e;margin-left: 5px;border-color: #5b5b5b;}

#Cruise .Course .recom .EntryIn .main .data .tourBtn{background:none;background-color: #9d7d3c;border-color: #9d7d3c;border-radius: 2px;}
#Cruise .Course .recom .EntryIn .main .data .shipBtn{color: #ac8941;margin-left: 5px;border-color: #9d7d3c;}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Other
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#Other #Contents{}
#Other #Contents .Inner{
	width: 1000px;
	margin: 0 auto;
}

#Other .Item .photo .img{
	width: 100%;
	height: 180px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#Other .Item .per br{ display:none}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Event
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#Event #Contents{
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 50px;
	padding: 60px 0 80px 0;
}
#Event #Contents .MainTxt{
	text-align: center;
}
#Event #Contents .Entry{
	background: linear-gradient(to bottom, rgba(70,70,70,1) 0%,rgba(40,40,40,1) 100%);
	border: 1px solid #626262;
	padding: 30px;
	margin-top: 30px;
	box-shadow: 0 0 4px rgb(0 0 0 / 30%);
	border-radius: 3px;
}
#Event #Contents .Entry h2{
	margin-bottom: 20px;
	border-left: 6px solid #8b714c;
	line-height: 1;
	padding-left: 10px;
}
#Event #Contents .Entry h2 .sub{
	font-size: 16px;
	margin-bottom: 8px;
}
#Event #Contents .Entry h2 .main{
	font-size: 25px;
	line-height: 1.3;
}
#Event #Contents .Entry .txt{
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8;
}
#Event #Contents .Entry .Intro{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
#Event #Contents .Entry .Intro .Main{flex: 1;margin-right: 25px;}
#Event #Contents .Entry .Intro .Main dl{
	display: flex;
}
#Event #Contents .Entry .Intro .Main dl + dl{
	border-top: 1px solid #757575;
	padding-top: 8px;
	margin-top: 8px;
	}
#Event #Contents .Entry .Intro .Main dt{
	font-weight: bold;
	background-color: #5c5c5c;
	font-size: 13px;
	padding: 4px 7px;
	width: 7em;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
#Event #Contents .Entry .Intro .Main dd{
	margin-left: 10px;
	flex: 1;
}
#Event #Contents .Entry .Intro .Main dd .btn{
	margin: 6px 0;
}
#Event #Contents .Entry .Intro .Main dd .btn a{position:relative;display: inline-block;text-align: center;text-decoration: none;border: 2px solid #c9a775;padding: 7px 30px;font-weight: bold;border-radius: 3px;color: #c9a775;}
#Event #Contents .Entry .Intro .Main dd .btn a:after{position: absolute;right: 5px;top:50%;margin-top:-0.5em;content:"\f105";font-family:FontAwesome;line-height: 1;font-weight: normal;}
#Event #Contents .Entry .Intro .Main dd .btn a:hover{
	background-color: #bda662;
	color: #fff;
	];
}
#Event #Contents .Entry .Intro .Main .deadline{}
#Event #Contents .Entry .Intro .Main .deadline dt{
	color: #c9a775;
}
#Event #Contents .Entry .Intro .Main .deadline dd{
	color: #c9a775;
	font-size: 15px;
	font-weight: bold;
}
#Event #Contents .Entry .Intro .Photo{
	width: 430px;
}
#Event #Contents .Entry .Intro .Photo .owl-item div{
	position: relative;
	line-height: 0;
}
#Event #Contents .Entry .Intro .Photo .owl-theme .owl-controls{
	margin-top: 5px;
}
#Event #Contents .Entry .Intro .Photo img{
	width: 100%;
}
#Event #Contents .Entry .Intro .Photo .caption{
	position: absolute;
	background-color: #000;
	z-index: 1;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size: 11px;
	line-height: 1;
	padding: 3px 5px;
}
#Event #Contents .Entry .Attention{}
#Event #Contents .Entry .Attention dl{
	border: 1px solid #ccc;
	padding: 10px 15px;
	margin-top: 20px;
}
#Event #Contents .Entry .Attention dt{
	font-weight: bold;
}
#Event #Contents .Entry .Attention dd{
	margin-top: 4px;
}
#Event #Contents .Entry .Attention dd ul{}
#Event #Contents .Entry .Attention dd li{
	padding-left: 13px;
	font-size: 13px;
}
#Event #Contents .Entry .Attention dd li + li{
	margin-top: 3px;
}
#Event #Contents .Entry .Attention dd li:before{content: "\f058";display:block;float:left;margin-left: -15px;width:1em;text-align:center;font-family:FontAwesome;}
#Event .owl-theme .owl-controls .owl-buttons div{color: #fff;}