@charset "UTF-8";

/*-----------------------------------------------------------------------
* common
*-----------------------------------------------------------------------*/

#foot-banner{
	background: #fff;
	padding: 30px 0;
}
#foot-banner .swiper-slide {
	width: 220px;
}
#f_tags{
	height: 0;
	overflow: hidden;
}


main, footer{
	overflow: hidden;
	display: block;
}

body{
	background-color: #0e0e0e;
	color:#fff;
}

*{
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

button {
	cursor: pointer;
}

a{
	color: #038de1;
	-webkit-transition: -webkit-opacity 0.4s linear;
	-moz-transition: -moz-opacity 0.4s linear;
	transition: opacity 0.4s linear;
	cursor: pointer;
}

button.disabled,
a.disabled,
button.disabled:hover,
a.disabled:hover{
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	opacity: 0.4;
	cursor: not-allowed;
}

button:hover,
a:hover{
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
}

img{
	border: none;
	vertical-align: middle;
	max-width:100%;
	-webkit-backface-visibility: hidden;
}

ul{
	font-size: 0em;
	text-align: center;
	letter-spacing: 0;
}
ul li{
	font-size: 14px;
	list-style: none;
	vertical-align:middle;
	display: inline-block;
	letter-spacing: 0.1em;
}

ul.list{
	font-size: 100%;
	text-align: left;
}
ul.list li{
	margin: 0.25em 0 0.25em 1em;
	display: list-item;
	text-align: left;
	position: relative;
}
ul.list li::before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #399be5;
	border-radius: 100%;
}

ul.note{
	margin:0;
}

span.note,
p.note,
ul.note li{
	font-size:80%;
}

span.cometop{
	vertical-align: top;
	font-size:80%;
}

h1, h2, h3, h4, h5 {
	margin: 0 0 1.5em;
	text-align:left;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
}

p{
	margin-bottom: 1em;
}

article,
section{
}

main{
	text-align: center;
}

main > article,
main{
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #fff;
	color:#0e0e0e;
	clear:both;
}

main > article.gray{
	background-color: #f0f5f9;
}
main > article.blue{
	background-color: #038de1;
	color: #fff;
	font-weight: bold;
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #dce5eb;
}
@-webkit-keyframes image_blur {
		0% { -webkit-filter:contrast(2);}
		100% { -webkit-filter:contrast(1);}
}
@-moz-keyframes image_blur {
		0% { -moz-filter:contrast(2);}
		100% { -moz-filter:contrast(1);}
}
@-ms-keyframes image_blur {
		0% { -ms-filter:contrast(2);}
		100% { -ms-filter:contrast(1);}
}
@keyframes image_blur {
		0% { filter:contrast(2);}
		100% { filter:contrast(1);}
}

@-webkit-keyframes show {
	0% { -webkit-opacity: 0;}
	100% { -webkit-opacity: 1;}
}
@-moz-keyframes show {
	0% { -moz-opacity: 0;}
	100% { -moz-opacity: 1;}
}
@keyframes show {
	0% { opacity: 0;}
	100% { opacity: 1;}
}

main table{
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 1px solid #dce5eb;
}

main thead th{
	border-left: 1px solid #fff;
	background-color: #dce5eb;
}
main tbody th{
	border-top: 1px solid #fff;
	background-color: #e5eef4;
}
main tbody td{
	text-align: left;
}

main td{
	border-left: 1px solid #dce5eb;
	background-color: #fff;
}
main th,main td{
	border-top: 1px solid #dce5eb;
}
main tr:hover td {
	background-color: #f6fafc;
}
main tr th:first-of-type,
main tr td:first-of-type {
	border-left: none;
	border-right: 1px solid #dce5eb;
}
main tr th:first-of-type {
	border-right: 1px solid #fff;
}
main table table tr:first-of-type th,
main tr:first-of-type td{
	border-top: none;
}
main table table,
main article.gray table,
main article.blur table{
	border-bottom: none;
}
main th.color {
	background-color: #2b94e4;
	color: #fff;
}
main th.color.double {
	background-color: #3d9de8;
}
main th.color.triple {
	background-color: #4ea8ef;
}
main th.color.quadruple {
	background-color: #5caff2;
}
main th.color.quintuple {
	background-color: #71baf6;
}

main table.plane{
	margin: 0;
}
main table.plane th,
main table.plane td{
	background-color: transparent;
	border: none;
}
main table.plane th,
main table.plane td{
	text-align: left;
	padding: 4px 8px;
}


/*-----------------------------------------------------------------------
* style
*----------------------------------------------------------------------- */

.tdetail{
	display: none;
}
.column2{
	display: inline-block;
	width: 45%;
	margin: 2%;
	vertical-align: top;
}
.column3{
	display: inline-block;
	width: 29%;
	margin: 2%;
	vertical-align: top;
}

.txt-center{text-align: center !important;}
.txt-left{text-align: left !important;}

.noborder{
	border: none !important;
}
.underline{
	padding-bottom: 20px !important;
	position: relative;
}
.underline:after{
	 position: absolute;
	 bottom: 0;
	 left: 50%;
	 content: "";
	 vertical-align: middle;
	 margin-left: -30px;
	 width: 60px;
	 height: 3px;
	 background: #038de1;
}
.marker {
	display: inline-block;
	position: relative;
	z-index: 0;
	line-height: 1;
	padding-bottom: 2px;
	white-space: nowrap;
}
.marker::after {
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	content: "";
	vertical-align: middle;
	width: 100%;
	height: 8px;
	background: #ffb2c3;
}
.marker.red::after {
	background: #ffb2c3;
}

.splash{
	color: #0e0e0e;
	font-size:17px;
	line-height: 1;
	position: relative;
	display: inline-block;
	padding: 0 40px;
	margin-bottom: 8px;
	margin-right: 10px;
	margin-left: 10px;
}
.splash.blue{
	color: #038de1;
}
.splash::after,
.splash::before {
	width: 2px;
	height: 20px;
	background: #0e0e0e;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.splash.blue::after,
.splash.blue::before {
	background: #038de1;
}
.splash::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 0;
}
.splash::before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 0;
}

.bgimg{
	text-align: left;
	text-indent: -9999px;
	background-position: center center;
}

.icon{
	padding-left: 24px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.icon.top{
	padding-left: 0;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 48px !important;
	padding-top: 60px;
	display: inline-block;
}

.icon.top.map,
.icon.top.print,
.icon.top.mail,
.icon.top.train,
.icon.top.bus,
.icon.top.car,
.icon.top.airplane2{
	background-size: 44px !important;
	background-position: center top;
}

.icon.top.airplane{
	background-size: 56px !important;
	background-position: center -8px;
}
.btn .icon.top.airplane{
	background-position: center -8px;
}
.icon.top.raisya{
	background-size: 40px !important;
	background-position: center 8px;
}


.icon.map.blue{background-image: url(/img/common/icon-map-bl.png);}
.icon.print.blue{background-image: url(/img/common/icon-print-bl.png);}
.icon.mail.blue{background-image: url(/img/common/icon-mail-bl.png);}
.icon.wifi.blue{background-image: url(/img/common/icon-wifi-bl.png);}

.btn.clear.white:hover .icon.map.white,
.icon.map.black{background-image: url(/img/common/icon-map-bk.png);}
.btn.clear.white:hover .icon.print.white,
.icon.print.black{background-image: url(/img/common/icon-print-bk.png);}
.btn.clear.white:hover .icon.mail.white,
.icon.mail.black{background-image: url(/img/common/icon-mail-bk.png);}
.btn.clear.white:hover .icon.wifi.white,
.icon.wifi.black{background-image: url(/img/common/icon-wifi-bk.png);}
.btn_yellow.clear:hover .icon2.wifi.black,
.icon2.wifi.black{background-image: url(/img/common/icon-wifi-bk.png);}


.btn.clear:hover .icon.map.black,
.icon.map.white{background-image: url(/img/common/icon-map-wh.png);}
.btn.clear:hover .icon.print.black,
.icon.print.white{background-image: url(/img/common/icon-print-wh.png);}
.btn.clear:hover .icon.mail.black,
.icon.mail.white{background-image: url(/img/common/icon-mail-wh.png);}
.btn.clear:hover .icon.wifi.black,
.icon.wifi.white{background-image: url(/img/common/icon-wifi-wh.png);}



.icon.pickup.blue{background-image: url(/img/common/icon-pickup-bl.png);}
.icon.return.blue{background-image: url(/img/common/icon-return-bl.png);}
.icon.returnbox.blue{background-image: url(/img/common/icon-returnbox-bl.png);}
.icon.airplane.blue{background-image: url(/img/common/icon-airplane-bl.png);}

.btn.clear.white:hover .icon.pickup.white,
.icon.pickup.black{background-image: url(/img/common/icon-pickup-bk.png);}
.btn.clear.white:hover .icon.return.white,
.icon.return.black{background-image: url(/img/common/icon-return-bk.png);}
.btn.clear.white:hover .icon.returnbox.white,
.icon.returnbox.black{background-image: url(/img/common/icon-returnbox-bk.png);}
.btn.clear.white:hover .icon.airplane.white,
.icon.airplane.black{background-image: url(/img/common/icon-airplane-bk.png);}

.btn.clear:hover .icon.pickup.black,
.icon.pickup.white{background-image: url(/img/common/icon-pickup-wh.png);}
.btn.clear:hover .icon.return.black,
.icon.return.white{background-image: url(/img/common/icon-return-wh.png);}
.btn.clear:hover .icon.returnbox.black,
.icon.returnbox.white{background-image: url(/img/common/icon-returnbox-wh.png);}
.btn.clear:hover .icon.airplane.black,
.icon.airplane.white{background-image: url(/img/common/icon-airplane-wh.png);}

.btn.clear:hover .icon.receive.black,
.icon.receive.white{background-image: url(/img/common/icon-receive-wh.png);}
.btn.clear:hover .icon.order.black,
.icon.order.white{background-image: url(/img/common/icon-order-wh.png);}


.icon.train.blue{background-image: url(/img/common/icon-train-bl.png);}
.icon.bus.blue{background-image: url(/img/common/icon-bus-bl.png);}
.icon.car.blue{background-image: url(/img/common/icon-car-bl.png);}
.icon.airplane2.blue{background-image: url(/img/common/icon-airplane2-bl.png);}

.btn.clear.white:hover .icon.train.white,
.icon.train.black{background-image: url(/img/common/icon-train-bk.png);}
.btn.clear.white:hover .icon.bus.white,
.icon.bus.black{background-image: url(/img/common/icon-bus-bk.png);}
.btn.clear.white:hover .icon.car.white,
.icon.car.black{background-image: url(/img/common/icon-car-bk.png);}
.btn.clear.white:hover .icon.airplane2.white,
.icon.airplane2.black{background-image: url(/img/common/icon-airplane2-bk.png);}

.btn.clear:hover .icon.train.black,
.icon.train.white{background-image: url(/img/common/icon-train-wh.png);}
.btn.clear:hover .icon.bus.black,
.icon.bus.white{background-image: url(/img/common/icon-bus-wh.png);}
.btn.clear:hover .icon.car.black,
.icon.car.white{background-image: url(/img/common/icon-car-wh.png);}
.btn.clear:hover .icon.airplane2.black,
.icon.airplane2.white{background-image: url(/img/common/icon-airplane2-wh.png);}


.icon.takuhai.blue{background-image: url(/img/common/icon-takuhai-bl.png);}
.icon.raisya.blue{background-image: url(/img/common/icon-raisya-bl.png);}

.btn.clear.white:hover .icon.takuhai.white,
.icon.takuhai.black{background-image: url(/img/common/icon-takuhai-bK.png);}
.btn.clear.white:hover .icon.raisya.white,
.icon.raisya.black{background-image: url(/img/common/icon-raisya-bK.png);}

.btn.clear:hover .icon.takuhai.black,
.icon.takuhai.white{background-image: url(/img/common/icon-takuhai-wh.png);}
.btn.clear:hover .icon.raisya.black,
.icon.raisya.white{background-image: url(/img/common/icon-raisya-wh.png);}


.icon.calender.blue{background-image: url(/img/common/icon-calender-bl.png);}
.icon.clock.blue{background-image: url(/img/common/icon-clock-bl.png);}

.btn.clear.white:hover .icon.calender.white,
.icon.calender.black{background-image: url(/img/common/icon-calender-bK.png);}
.btn.clear.white:hover .icon.clock.white,
.icon.clock.black{background-image: url(/img/common/icon-clock-bK.png);}

.btn.clear:hover .icon.calender.black,
.icon.calender.white{background-image: url(/img/common/icon-calender-wh.png);}
.btn.clear:hover .icon.clock.black,
.icon.clock.white{background-image: url(/img/common/icon-clock-wh.png);}


.icon.return2.blue{background-image: url(/img/common/icon-return2-bl.png);}
.icon.yen.blue{background-image: url(/img/common/icon-yen-bl.png);}

.btn.clear.white:hover .icon.return2.white,
.icon.return2.black{background-image: url(/img/common/icon-return2-bK.png);}
.btn.clear.white:hover .icon.yen.white,
.icon.yen.black{background-image: url(/img/common/icon-yen-bK.png);}

.btn.clear:hover .icon.return2.black,
.icon.return2.white{background-image: url(/img/common/icon-return2-wh.png);}
.btn.clear:hover .icon.yen.black,
.icon.yen.white{background-image: url(/img/common/icon-yen-wh.png);}


.bgicon{
	display: inline-block;
	padding: 4px 6px 3px;
	font-size: 11px;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	font-weight: bold;
}
.bgicon.blue{
	color: #2e5765;
	background-color: #acdef0;
}
.bgicon.violet{
	color: #644275;
	background-color: #dcc1ea;
}
.bgicon.red{
	color: #944961;
	background-color: #efc6d2;
}
.bgicon.orange{
	color: #9c4501;
	background-color: #f5c3a0;
}
.bgicon.yellow{
	color: #6f6c11;
	background-color: #f3f08e;
}
.bgicon.yellow2{
	color: #806508;
	background-color: #f3dd8e;
}
.bgicon.green{
	color: #657432;
	background-color: #dceda8;
}
.bgicon.cp{
	color: #252525;
	background-color: #ffb2c3;
}
.bgicon.cPremium {
	color: #8e281c;
	background-color: #ff9487;
	line-height: 1.2;
	padding: 3px 6px 2px;
}


nav.pagelink a,
nav#directrylink a,
.btn{
	font-size: 14px;
	color:#fff;
	display: inline-block;
	padding: 21px 48px 20px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background-color: #0e0e0e;
	margin: 4px;

	/*-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	margin: 2px 4px 6px;*/
}

.btn_yellow{
	font-size: 14px;
	color:#0e0e0e;
	display: inline-block;
	padding: 21px 48px 20px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background-color: #fcff00;
	margin: 4px;

	/*-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	margin: 2px 4px 6px;*/
}
button.btn{
	border: none;
}
.btn.half{
	min-width: 48%;
	max-width: 48%;
}

nav.pagelink a,
nav#directrylink a,
.btn.small{
	font-size: 12px;
	padding: 12px 24px 11px;
}

.btn .icon{
	padding-left: 54px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 24px;
	margin-left: -24px;
}

.btn_yellow .icon2{
	padding-left: 28px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 23px;
	margin-left: -7px;
}
.btn.small .icon{
	padding-left: 28px;
	background-size: 16px;
	margin-left: -8px;
}
.btn .icon.top{
	padding-left: 0;
	background-position: center 4px;
	margin-left: 0;
	padding-top: 64px;
	padding-bottom: 0;
}

.btn .icon.airplane{
	background-size: 32px;
}

.btn.clear{
	padding: 19px 48px 18px;
}
.btn.small.clear{
	padding: 10px 24px 9px;
}

nav.pagelink a,
nav#directrylink a,
.arrow-r,
.arrow-u,
.arrow-d{
	position: relative;
	padding-right: 24px;
}
.arrow-l{
	position: relative;
	padding-left: 24px;
}
nav.pagelink a,
nav#directrylink a,
.small.arrow-r,
.small.arrow-u,
.small.arrow-d{
	padding-right: 18px;
}
.small.arrow-l{
	padding-left: 18px;
}
nav.pagelink a,
nav#directrylink a,
.btn.arrow-r,
.btn.arrow-u,
.btn.arrow-d{
	padding-right: 62px;
	padding-left: 48px;
}
.btn.arrow-l{
	padding-right: 48px;
	padding-left: 62px;
}
nav.pagelink a,
nav#directrylink a,
.btn.small.arrow-r,
.btn.small.arrow-u,
.btn.small.arrow-d{
	padding-right: 35px;
	padding-left: 24px;
}
.btn.small.arrow-l{
	padding-right: 24px;
	padding-left: 35px;
}

nav.pagelink a::before,
nav.pagelink a::after,
nav#directrylink a::before,
nav#directrylink a::after,
.arrow-r::before,
.arrow-r::after,
.arrow-l::before,
.arrow-l::after,
.arrow-u::after,
.arrow-d::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
nav#directrylink a::before,
.arrow-r::before,
.arrow-l::before{
	right: 0;
	width: 14px;
	height: 2px;
	background: #038de1;
}
.btn_yellow.arrow-r::before{
	right: 0;
	width: 14px;
	height: 2px;
	background: #0e0e0e;
}
nav.pagelink a::after,
nav#directrylink a::after,
.arrow-r::after,
.arrow-l::after,
.arrow-u::after,
.arrow-d::after{
	right: 0;
	width: 10px;
	height: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #038de1;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #038de1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn_yellow.arrow-r::after{
	right: 0;
	width: 10px;
	height: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0e0e0e;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #0e0e0e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow-l.black::before{
	background: #0e0e0e;
}
.arrow-l.black::after{
	border-top-color: #0e0e0e;
	border-right-color: #0e0e0e;
}

.arrow-l::before,
.arrow-l::after{
	right:auto;
	left: 0;
}
.arrow-u::after{
	top: 4px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
nav.pagelink a::after,
.arrow-d::after{
	top: -8px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.small.arrow-u::after{
	top: 3px;
}
nav.pagelink a::after,
.small.arrow-d::after{
	top: -6px;
}

nav#directrylink a:hover::before,
.arrow-r:hover::before{
	background: #038de1;
}
nav#directrylink a:hover::after,
.arrow-r:hover::after,
.arrow-u:hover::after,
.arrow-d:hover::after{
	border-top-color: #038de1;
	border-right-color: #038de1;
}

.btn_yellow.arrow-r:hover::before{
	background: #0e0e0e;
}
.btn_yellow.arrow-r.arrow-r:hover::after{
	border-top-color: #0e0e0e;
	border-right-color: #0e0e0e;
}

nav#directrylink a::before,
.btn.arrow-r::before{
	right: 26px;
	background: #fff;
}
.btn.arrow-l::before{
	left: 26px;
	background: #fff;
}
nav.pagelink a::after,
nav#directrylink a::after,
.btn.arrow-r::after,
.btn.arrow-u::after,
.btn.arrow-d::after{
	right: 26px;
	border-top-color: #fff;
	border-right-color: #fff;
}
.btn.arrow-l::after{
	left: 26px;
	border-top-color: #fff;
	border-right-color: #fff;
}
nav#directrylink a:hover::before,
.btn.arrow-r:hover::before{
	background: #fff;
}
nav.pagelink a::after,
nav#directrylink a:hover::after,
.btn.arrow-r:hover::after,
.btn.arrow-u:hover::after,
.btn.arrow-d:hover::after{
	border-top-color: #fff;
	border-right-color: #fff;
}

nav.pagelink a::before,
nav#directrylink a::before,
.small.arrow-r::before,
.small.arrow-l::before,
.small.arrow-u::before,
.small.arrow-d::before{
	right: 0;
	width: 9px;
}
nav.pagelink a::after,
nav#directrylink a::after,
.small.arrow-r::after,
.small.arrow-l::after,
.small.arrow-u::after,
.small.arrow-d::after{
	right: 0;
	width: 6px;
	height: 6px;
}
.small.arrow-l::before,
.small.arrow-l::after{
	right: auto;
	left: 0;
}
nav.pagelink a::before,
nav.pagelink a::after,
.btn.small.arrow-r::before,
.btn.small.arrow-r::after,
.btn.small.arrow-u::after,
.btn.small.arrow-d::after{
	right: 16px;
}
.btn.small.arrow-l::before,
.btn.small.arrow-l::after{
	left: 16px;
}
nav#directrylink a::before,
nav#directrylink a::after{
	right: 10px;
}

.btn.white:hover::before,
.btn.white::before,
.btn.yellow::before,
.clear.arrow-r::before,
.clear.arrow-l::before{
	background: #0e0e0e;
}
.btn.white:hover::after,
.btn.white::after,
.btn.yellow::after,
.clear.arrow-r::after,
.clear.arrow-l::after,
.clear.arrow-u::after,
.clear.arrow-d::after{
	border-top-color: #0e0e0e;
	border-right-color: #0e0e0e;
}
.clear.arrow-r:hover::before,
.clear.arrow-l:hover::before{
	background: #fff;
}
.clear.arrow-r:hover::after,
.clear.arrow-l:hover::after,
.clear.arrow-u:hover::after,
.clear.arrow-d:hover::after{
	border-top-color: #fff;
	border-right-color: #fff;
}

.clear.white.arrow-r::before,
.clear.white.arrow-l::before{
	background: #fff;
}
.clear.white.arrow-r::after,
.clear.white.arrow-l::after,
.clear.white.arrow-u::after,
.clear.white.arrow-d::after{
	border-top-color: #fff;
	border-right-color: #fff;
}
.btn.yellow:hover::before,
.clear.white.arrow-r:hover::before,
.clear.white.arrow-l:hover::before{
	background: #0e0e0e;
}
.btn.yellow:hover::after,
.clear.white.arrow-r:hover::after,
.clear.white.arrow-l:hover::after,
.clear.white.arrow-u:hover::after,
.clear.white.arrow-d:hover::after{
	border-top-color: #0e0e0e;
	border-right-color: #0e0e0e;
}

.btn.white{
	background-color: #fff;
}
.btn.gray{
	background-color: #232323;
}
.btn.blue{
	background-color: #038de1;
}
.btn.yellow{
	background-color: #fcff00;
	border: 2px solid #0e0e0e;
}

nav#directrylink a{
	padding: 10px 26px 9px 12px;
	font-size: 12px;
	margin: 1px 2px 1px 0;
	background-color: #3e3e3e;
}
.btn.white,
.btn.yellow,
.btn.clear{
	color:#0e0e0e;
}

.btn.clear{
	border:2px solid #0e0e0e;
	background-color: transparent;
	-webkit-transition: background-color 0.4s linear;
	-moz-transition: background-color 0.4s linear;
	transition: background-color 0.4s linear;
}
.btn.clear:hover{
	color:#fff;
	background-color: #0e0e0e;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
.btn.clear.white{
	color:#fff;
	border:2px solid #fff;
}
.btn.clear.white:hover{
	color:#0e0e0e;
	background-color: #fff;
}


main nav.tab{
	border-bottom: 2px solid #0e0e0e;
}
main nav.tab ul{
	text-align: center;
}
main nav.tab ul li{
	margin: 0 1px;
	vertical-align: bottom;
}
main nav.tab ul li a{
	background-color: #fff;
	color: #0e0e0e;
	text-decoration: none;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	padding: 20px 52px;
	text-align: center;
}
main nav.tab.gray ul li a {
	background-color: #f0f5f9;
}
main nav.tab.gray ul li a.selected,
main nav.tab ul li a.selected{
	background-color: #0e0e0e;
	color: #fff;
	padding: 26px 20px;
}
.tab .icon{
	padding-left: 70px;
	background-position: 16px center;
	background-repeat: no-repeat;
	background-size: 40px;
}
.tab_c,
.tab_ci,
.tab_cib{
	display: none !important;
}
.tab_c.selected,
.tab_ci.selected,
.tab_cib.selected{
	display: block !important;
	-webkit-animation: show 0.4s linear 0s;
	-moz-animation: show 0.4s linear 0s;
	animation: show 0.4s linear 0s;
}
.tab_c.selected{display: block !important;}
.tab_ci.selected{display: inline !important;}
.tab_cib.selected{display: inline-block !important;}


.btn.small.arrow-r,
.btn.small.arrow-u,
.btn.small.arrow-d{
	padding-right: 35px;
	padding-left: 24px;
}

.btn_yellow.arrow-r{
    padding-right: 32px;
    padding-left: 16px;
	border: 2px solid #0e0e0e;
	}
.btn_yellow.arrow-r::after{
    right: 12px;
	}
.btn_yellow.arrow-r::before {
    right: 12px;
	}
/*
---------------------------------------------------------------
 * responsive
 *----------------------------------------------------------------------- */

@media screen and (max-width: 1179px) {
}

@media screen and (max-width: 1023px) {
}

@media screen and (max-width: 979px) {
}

@media screen and (max-width: 879px) {
}

@media screen and (min-width: 768px) { /*pc*/
	.pchide{display: none;}
}
@media screen and (max-width: 767px) { /*smartphone*/
	.sphide{display: none;}
	nav.pagelink a,
	nav#directrylink a,
	.btn {
    font-size: 12px;
	}
	.btn_yellow {
    font-size: 12px;
	}
	nav.pagelink a,
	nav#directrylink a,
	.btn.small {
    font-size: 10px;
	}
	nav.pagelink a,
	nav#directrylink a,
	.btn.arrow-r,
	.btn.arrow-u,
	.btn.arrow-d {
    padding-right: 32px;
    padding-left: 16px;
	}
	.btn.small.arrow-r,
	.btn.small.arrow-u,
	.btn.small.arrow-d {
    padding-right: 31px;
    padding-left: 20px;
	}
	nav.pagelink a::after,
	nav#directrylink a::after,
	.btn.arrow-r::after,
	.btn.arrow-u::after,
	.btn.arrow-d::after {
    right: 12px;
	}
	nav#directrylink a::before,
	.btn.arrow-r::before {
    right: 12px;
	}
	nav.pagelink a::before,
	nav.pagelink a::after,
	.btn.small.arrow-r::before,
	.btn.small.arrow-r::after,
	.btn.small.arrow-u::after,
	.btn.small.arrow-d::after {
    right: 12px;
	}
}

@media screen and (max-width: 719px) {
}

@media screen and (max-width: 479px) {
	.bgicon.cPremium {
		padding: 4px 6px 1px;
	}
}
@media screen and (max-width: 320px) {
}