@charset "utf-8";

@import "/st/178/ko/pc/include/css/mypage-pulldown-menu.css";

/*	ヘッダーラップ
----------------------------------------------------*/
.header-wrapper{
	width:100%;
	background: #2b2b2b;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjAyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2b2b2b 0%, #020202 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b2b2b), color-stop(100%,#020202));
	background: -webkit-linear-gradient(top,  #2b2b2b 0%,#020202 100%);
	background: -o-linear-gradient(top,  #2b2b2b 0%,#020202 100%);
	background: -ms-linear-gradient(top,  #2b2b2b 0%,#020202 100%);
	background: linear-gradient(to bottom,  #2b2b2b 0%,#020202 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#020202',GradientType=0 );
	margin-bottom:25px;
}
.header-inner-wrap{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	/*padding-bottom:15px;*/
}
.logojbl-group{	
	overflow: hidden;
	width: 960px;
	border-bottom:#666666 1px solid;
	padding-bottom:14px;
	margin-bottom:11px;
}	
.logojbl-group .lgbl-left {
	margin-right: 10px;
	float: left;
	width: 475px;
	overflow: hidden;
	margin:0;
	text-align: left;
}	
.logojbl-group .ljbl-right {	
	float: left;
	width: 475px;
	overflow: hidden;
}	
.jblsubmenu-group{	
	overflow: hidden;
	width: 960px;
}	
.jblsubmenu-group .jsm-left {
	margin-right: 10px;
	float: left;
	width: 750px;
	overflow: hidden;
	display:block;
	height:auto;
}	
.jblsubmenu-group .jsm-left table {
	height:auto;
}	

.jblsubmenu-group .jsm-right {	
	float: left;
	width: 200px;
	overflow: hidden;
	height: 27px;
}
.jhlist{
	display:block;
	overflow:hidden;
	margin-top:0px;
	margin-bottom:10px;
	padding-left: 0;
}
.jhlist li{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	float:left;
	border-right:#999999 1px dotted;
	padding-right:20px;
	margin-right:20px;
	list-style:none;
	padding-bottom:2px;
}
.jhlist li:last-child{
	border-right:none;
	padding-right:0px;
	margin-right:0px;
}
.jhlist li a:link{
	color:#FFF;
	text-decoration:none;
}
.jhlist li a:visited{
	color:#FFF;
	text-decoration:none;
}
.jhlist li a:hover{
	color:#E7131A;
	text-decoration:none;
}
.jhlist li a:active{
	color:#FFF;
	text-decoration:none;
}
.jhlist li a {
	display:inline-block;
	padding-top:3px;
	color:white;
	-o-transition:color .1s ease-out;
	-ms-transition:color .1s ease-out ;
	-moz-transition:color .1s ease-out;
	-webkit-transition:color .1s ease-out;
	/* the proper property */
	transition:color .1s ease-out;
}
.jhlist li a:hover {
	color:#E7131A;
}

.list-login{
	float:right;
}
.list-contact{
	float:right;
}
.list-navi{
}
.list-cart{
	float:right;
}
.globalsite{
	display:inline-block;
	vertical-align:3px;
	margin-right:2px;
	color:#999999;
}

.langlink{
	margin-left:20px;
}
.en-langlink{}
.ko-langlink{}
.ko-langlink{}

.ico-h-home{
	background: url("/st/178/ko/pc/include/img/jbl/ico_home_jbl.png") scroll transparent;
	background-position: top left;
	background-repeat: no-repeat;
	padding-left:28px;
	display:inline-block;
	-o-transition:background .1s ease-out;
	-ms-transition:background .1s ease-out ;
	-moz-transition:background .1s ease-out;
	-webkit-transition:background .1s ease-out;
	/* the proper property */
	transition:background .1s ease-out;
}

.ico-h-cart{
	background: url("/st/178/ko/pc/include/img/jbl/ico_cart_jbl.png") scroll transparent;
	background-position: top left;
	background-repeat: no-repeat;
	padding-left:32px;
	display:inline-block;
	padding-bottom:3px;
	-o-transition:background .1s ease-out;
	-ms-transition:background .1s ease-out ;
	-moz-transition:background .1s ease-out;
	-webkit-transition:background .1s ease-out;
	/* the proper property */
	transition:background .1s ease-out;
}
.ico-h-home:hover{
	background: url("/st/178/ko/pc/include/img/jbl/ico_home_jbl_on.png") scroll transparent;
	background-position: top left;
	background-repeat: no-repeat;
	padding-left:28px;
	-o-transition:background .1s ease-in;
	-ms-transition:background .1s ease-in ;
	-moz-transition:background .1s ease-in;
	-webkit-transition:background .1s ease-in;
	/* the proper property */
	transition:background .1s ease-in;
}

.ico-h-cart:hover{
	background: url("/st/178/ko/pc/include/img/jbl/ico_cart_jbl_on.png") scroll transparent;
	background-position: top left;
	background-repeat: no-repeat;
	padding-left:32px;
	-o-transition:background .1s ease-in;
	-ms-transition:background .1s ease-in ;
	-moz-transition:background .1s ease-in;
	-webkit-transition:background .1s ease-in;
	/* the proper property */
	transition:background .1s ease-in;
}


/*
FOOTER
---------------------------------------------------------------------*/
.footer-wrapper{
	width:100%;
	background: #2b2b2b;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjAyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2b2b2b 0%, #020202 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b2b2b), color-stop(100%,#020202));
	background: -webkit-linear-gradient(top,  #2b2b2b 0%,#020202 100%);
	background: -o-linear-gradient(top,  #2b2b2b 0%,#020202 100%);
	background: -ms-linear-gradient(top,  #2b2b2b 0%,#020202 100%);
	background: linear-gradient(to bottom,  #2b2b2b 0%,#020202 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#020202',GradientType=0 );
	margin-top:30px;
	margin-bottom:0;
	clear:both;
}
.footer-inner-wrap{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
	padding-bottom:25px;
}
.list-last{
	display:table;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}
.list-last li{
	margin-bottom:15px;
}
.jblcopy{
	color:#FFF;
	font-size:12px;
	text-align:center;
}
/*********************************************************************/

/* mypage-pulldown-menu.css 入れるために： */

/*********************************************************************/
#tnav-wrap{
	display:none;
}
header{
	margin-bottom:15px!important;
}
	
div#fnav-wrap {
	margin:0!important;
}

#mypage_header_area #header_area{
	/*background: url("/st/178/ko/pc/include/img/bk_header_mypage.png") scroll transparent;*/
	background-color:#e6e6e6;
/*	background-position: 0 1px;
	background-repeat: repeat-x;*/
	min-width:960px;
}

#header_area {
	/*background: url("/st/178/ko/pc/include/img/bk_header_mypage.png") repeat-x 0 19px transparent;*/
	margin-bottom: 0;
	margin-top: 0;
	min-width: 960px;
	/*
	overflow: hidden;
	*/
	padding-bottom: 0;
	text-align: center;
	width: 100%;
	/*height:210px;*/
}
#local_nav {
	/*background: url("/st/178/ko/pc/include/img/bk_header_mypage.png") repeat-x 0 -87px transparent;*/
	clear: both;
	color: #FFFFFF;
	font-weight: bold;
	height: 57px;
	margin-top:-21px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
	width: 960px;
}

p#count{ margin-top:0; text-align:right; margin-bottom:24px}

#local_nav li{
	float:left;
	background:url(/st/178/ko/pc/include/img/mypage_local_line.png) no-repeat right center;
}
#local_nav li.li00{background:none}
* html #local_nav li{
	display:inline;
	height:43px;
}
.navli{
	width:160px;
}
.firstli{
	/*background:url(/st/178/ko/pc/include/img/mypage_firstlocal_line.png) no-repeat left center !important;*/
}
#local_nav li a{
	font-size:12px;
	/*color:#FFF;*/ 
	text-decoration:none; 
	font-weight:bold;
	/*background:url(/st/178/en/pc/include/img/local_list_ferry.png) no-repeat left center;*/
	/*padding-left:14px;*/
	/*padding-right:20px;*/
	padding-top:10px;
	/*margin-left:20px;*/
	height:53px;
	display:inline-block;
	line-height:45px;
	}

.navli img{
	width:14px;
	height:8px;
	margin-left: 10px;
}
* html #local_nav li a{
	height:30px;
}
	
#b_mark{ position:relative; top:4px;}	
/*#local_nav li a:hover{color:#E5111D;}*/

/* BODY ID variation to put different background on each page */
#mp-top .mp-topli{
background:url(/st/178/ko/pc/include/img/mypage_activetab.png) no-repeat left bottom!important;
}
#mp-res .mp-resli{
background:url(/st/178/ko/pc/include/img/mypage_activetab_middle.png) no-repeat left bottom!important;
}
#mp-mem .mp-memli{
background:url(/st/178/ko/pc/include/img/mypage_activetab_long.png) no-repeat left bottom!important;
}
#mp-poi .mp-poili{
background:url(/st/178/ko/pc/include/img/mypage_activetab.png) no-repeat left bottom!important;
}
#mp-web .mp-webli{
background:url(/st/178/ko/pc/include/img/mypage_activetab_short.png) no-repeat left bottom!important;
}
#mp-bps .mp-bpsli{
background:url(/st/178/ko/pc/include/img/mypage_activetab.png) no-repeat left bottom!important;
}


/* Renewal 2013
--------------------------------------------------------- */
#local_nav {
	background-position: 0 -93px;
}		
		#local_nav li a {
			padding-top: 4px;
		}
		
.tnav-wrap-harmony{
	padding-top: 8px;
}

/* header font icon style start */
.fa-lg{
	font-size:1.666em!important;
}
.gmenu-voice0{
	margin-top:-2px;
}
.mybookingbutton{
	line-height:1.9em;
}

.fabar:link .fa-bars{
	color:#ffffff!important;
	line-height: 0.8em;
}
.fabar:visited .fa-bars{
	color:#ffffff!important;
	line-height: 0.8em;
}
.fabar:hover .fa-bars{
	color:#ffffff!important;
	line-height: 0.8em;
}
.fabar:active .fa-bars{
	color:#ffffff!important;
	line-height: 0.8em;
}
.colwhit{
	color:#FFF;
}
/* header font icon style end */

/*------------------------------------*/
/*TOP MAIN MENU 
---------------------------------------*/
.g_navi {
	display: inline;
}
.g_navi .toggle {
	display: none;
}
.g_navi .close {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.g_menu {
	overflow: hidden;
	margin:0;
}

.g_menu > li {
	/*width: 125px;*/
	float: left;
	padding-left:0px;
	padding-right:25px;
	cursor:pointer;
}

.g_menu > li {
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	float:left;
	padding-right:20px;
	margin-right:20px;
	list-style:none;
	background: url("/st/178/ko/pc/include/img/jbl/jbl_menu_separator.gif") no-repeat top right;
}
.g_menu > li dl {
/*	position: relative;*/
}

.g_menu > li{
	/*background: url("/recruit/img/common/menubar.png") no-repeat center right;*/
}
.g_menu > li:first-child{
	/*border-left:#d6d6d6 1px solid;*/
	/*background: url("/recruit/img/common/menubar.png") no-repeat center right;*/
}
.g_menu > li dt {
	/*border-right: 1px solid #dddddd;*/
	/*text-indent: -9999px;*/
	/*width: 130px;*/
	/*height: 36px;*/
	/*padding-top:10px;
	padding-bottom:10px;
	padding-left:22px;
	padding-right:10px;*/
	padding: 0px;
	padding-bottom:10px;
}



.g_menu .gmenu-voice4{
	border-right:none;
	background:none;
	padding-right:0px;
	margin-right:0px;
}
.g_menu dt a:link{
	color:#FFF;
	text-decoration:none;
}
.g_menu dt a:visited{
	color:#FFF;
	text-decoration:none;
}
.g_menu dt a:hover{
	color:#E7131A;
	text-decoration:none;
}
.g_menu dt a:active{
	color:#FFF;
	text-decoration:none;
}
.g_menu dt a {
	display:inline-block;
	padding-top:3px;
	color:white;
	-o-transition:color .1s ease-out;
	-ms-transition:color .1s ease-out ;
	-moz-transition:color .1s ease-out;
	-webkit-transition:color .1s ease-out;
	/* the proper property */
	transition:color .1s ease-out;
}
.g_menu dt a:hover {
	color:#E7131A;
}





.g_menu > li dd {
	position: absolute;
	display: none;
	margin-left:-21px;/*compensation for li 15px et cetera */
	/*padding-top: 9px;*/
}

.g_menu > li dd .submenu {
	padding: 0px 0px 0px 0px;
	background-color: #ececec;
	width: 200px;
	position: relative;
	border:#CCC 1px solid;
	-moz-box-shadow:2px 2px 2px #999999;
	-webkit-box-shadow: 2px 2px 2px #999999;
	-o-box-shadow: 2px 2px 2px #999999;
	-ms-box-shadow: 2px 2px 2px #999999;
	box-shadow: 2px 2px 2px #999999;
	z-index:999;

}

.g_menu > li dd .submenu li {
	/*padding: 10px 0;*/
	display:block;
	width:100%;

}

.g_menu > li dd .submenu li:hover {
	background-color:#FFF;
}

.g_menu > li dd .submenu li a.coming_soon {
	color: #666666;
	position: relative;
	z-index: 0;
	pointer-events:none;
}
.g_menu > li dd .submenu li a.coming_soon {
	cursor: default;
	text-decoration: none;
}

.g_menu > li dd a {
	color: #000000;
	font-weight:normal;
	text-decoration: none;
	padding:10px 0;
	display:block;
	padding-left:15px;
	padding-right:25px;
	white-space:nowrap;
	text-align:left;
}
.g_menu > li dd a:hover {
	text-decoration: underline;
}

.g_menu > li .menu01 dt {
	/*background: url("/recruit/img/common/gnavi_menu01.png") no-repeat center 15px;*/
}
.g_menu > li .menu01:hover dt {
	/*background: url("/recruit/img/common/gnavi_menu01_on.png") no-repeat center 15px;*/
}
.g_menu > li .menu01 dt.mcurrent {
	/*background: url("/recruit/img/common/gnavi_menu01_on.png") no-repeat center 15px;*/
}

.g_menu > li .menu02 dt {
	/*background: url("/recruit/img/common/gnavi_menu02.png") no-repeat center 15px;*/
}
.g_menu > li .menu02:hover dt {
	/*background: url("/recruit/img/common/gnavi_menu02_on.png") no-repeat center 15px;*/
}
.g_menu > li .menu02 dt.mcurrent {
	/*background: url("/recruit/img/common/gnavi_menu02_on.png") no-repeat center 15px;*/
}

.g_menu > li .menu03 dt {
	/*background: url("/recruit/img/common/gnavi_menu03.png") no-repeat center 15px;*/
}
.g_menu > li .menu03:hover dt {
	/*background: url("/recruit/img/common/gnavi_menu03_on.png") no-repeat center 15px;*/
}
.g_menu > li .menu03 dt.mcurrent {
	/*background: url("/recruit/img/common/gnavi_menu03_on.png") no-repeat center 15px;*/
}
.gnav li + li {
		border-left: none;
	}
	/* Icon: HOME */
	.g_menu .menu01 dt {
		/*background: url(/st/share/pc/img/ico-home-gray.png) no-repeat 0px center;*/
	}
	/* Icon: 笆ｼ */
	.g_menu .menu02 dt,
	.g_menu .menu03 dt,
	.g_menu .menu04 dt {
		/*background: url(/st/share/pc/img/ico-arrow-r-gray.png) no-repeat 10px center;*/
		/*text-indent: 10px;*/
	}

/*hide the menu with link already in the footer */
.gmenu-voice5,
.gmenu-voice6,
.gmenu-voice7,
.gmenu-voice8,
.gmenu-voice9,
.gmenu-voice10,
.gmenu-voice11 {
	display:none;
}
/*hide the mobile footer (c) line */
.footercopy{
	display:none;
}
/*------------------------------------*/
/*TOP MAIN MENU END*/

/** Added on 20200707 **/
@media(max-width:940px) {
	#conts {
		width: 100% !important;
		box-sizing: border-box;
	}
}
@media(max-width:1440px) {
	#mypage_header_area #header_area{
		background-color:#e6e6e6;
		min-width:100%;
	}
	#header_area {
		min-width:100%;
	}
	.header-inner-wrap{
		width:100%;
	}
	.logojbl-group{	
		width: 100%;
	}	
	.infologin {
		width: 100% !important;
	}
}
/** Added on 20210205 **/
@media(max-width:959px) {
	.menuban,
	.indexmenu-group,
	.faqgroup,
	.res-present,
	.colhigh,
	.liunderzone,
	.liunder,
	#local_nav {
		width: 100% !important;
	}
	.menuban .menuzone {
		width: 100%;
		margin-right: 0;
	}
}
/*My Page header*/

.btn-book a:after,
.btn-member a:after,
.btn-cart a:after
{
	font-family: "Font Awesome 5 Free" !important;
}

/* マイページTOP調整 202503 */
.mp-resli {
	width: 230px;
}
.mp-memli {
	width: 250px;
}
.mp-webli {
	width: 200px;
}