@charset "UTF-8";

/* Guide Dropdown List
============================== */
.guide-ddl {
	position: relative;
	margin: 0 0 20px;
	width: 100%;
	font-size: 0.875rem;/* 14px */
	line-height: 1.43;/* 20px */
}

.guide-ddl .guide-ddl-item{
	display: inline-block;
	position: relative;
}
.guide-ddl .guide-ddl-item:first-child{
	width:240px;
}

.guide-ddl .filtercheckbox a{
	margin-left:0;
}
.guide-ddl .guide-ddl_select {
	padding: 15px 20px;
	color: #fff;
	border: 1px solid #e27500;
	background: #e27500;
    border-radius: 8px;
    cursor:pointer;
}

.guide-ddl .guide-ddl_select:hover{
    opacity:0.8;
}

.guide-ddl .guide-ddl_select.disactive {
	pointer-events: none;
	border: 1px solid #9E9E9E;
    background: #9E9E9E;
}

.guide-ddl .guide-ddl_select:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -0.5em;
    display: block;
    width: 1em;
    height: 1em;
    background: url(/assets/images/triangle.svg) no-repeat;
}

.guide-ddl .guide-ddl_select.is-active:after {
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.guide-ddl .guide-ddl_option {
	position: absolute;
	margin-top: 31px;/* 5+5+2-1px */
	top: 1.43em;
	z-index: 10;
	box-sizing: border-box;
	display: none;
	width: 100%;
	border: 1px solid #e27500;
	background: #fff;
}

.guide-ddl .guide-ddl_option span {
	display: block;
	padding: 5px 20px;
	border-top: 1px solid #e27500;
}

.guide-ddl .guide-ddl_option span:first-child {
	border-top: 0;
}

.guide-ddl .guide-ddl_option span:hover {
	cursor: pointer;
	opacity: 0.6;
    color:#ffffff;
    background: #e27500;
}

.guide-ddl .filtercheckbox{
	display: none;
}
html.logined .guide-ddl .filtercheckbox{
	display: block;
}
html.logined.nomypage .guide-ddl .filtercheckbox{
	display: none;
}

.guide-ddl .filtercheckbox a{
	display: block;
	background:url(/assets/images/icon_check_off.png) no-repeat left 5px;
	padding:6px 0 6px 29px;
	margin-left:35px;
}
.guide-ddl .filtercheckbox span{
    position: absolute;
    left: 29px;
    top: 2em;
    margin-left:35px;
    display: table;
    font-size: 0.7rem;
    width: 100%;
    white-space: nowrap;
}
.guide-ddl .filtercheckbox a.selected{
	background-image:url(/assets/images/icon_check_on.png);
}

/* ==============================
   Smartphone
============================== */
@media screen and (max-width: 767px) {

/* Guide Dropdown List
============================== */
.guide-ddl {
	max-width: 100%;
	width: 100%;
	font-size: 1rem; /* 16px */
	line-height: 1.375;/* 22px */
}
.guide-ddl .guide-ddl_option {
	top: 1.375em;
}

.guide-ddl .guide-ddl-item:first-child{
	width:100%;
}

.guide-ddl .filtercheckbox a{
    margin-left:0;
}
.guide-ddl .filtercheckbox span{
    position: relative;
    left: 0;
    top: 0;
    margin-left:29px;
    width: auto;
    white-space: normal;
}


}/* end @media screen and (max-width: 767px) */