@charset "UTF-8";


/* breadcrumb
-------------------------------------------- */
.breadcrumb-wrap{
	background:#000;
}

.breadcrumb {
	margin-bottom: 0px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.breadcrumb li{
	color:#ffffff;
}

.breadcrumb > li:before{
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjYgNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI2IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNS43LDIzLjJsLTI0LTIzYy0wLjQtMC40LTEtMC40LTEuNCwwYy0wLjQsMC40LTAuNCwxLDAsMS40TDIzLjYsMjRMMC4zLDQ2LjNjLTAuNCwwLjQtMC40LDEsMCwxLjQNCglDMC41LDQ3LjksMC43LDQ4LDEsNDhjMC4yLDAsMC41LTAuMSwwLjctMC4zbDI0LTIzYzAuMi0wLjIsMC4zLTAuNCwwLjMtMC43UzI1LjksMjMuNCwyNS43LDIzLjJ6Ii8+DQo8L3N2Zz4NCg==);	
}

.breadcrumb > li > a{
	color:#fff;
}


/* static base
-------------------------------------------- */
#static{
	background:#FDE6E3;
	margin-bottom: 0px !important;
	padding-bottom: 100px !important;
}

/* static sub
-------------------------------------------- */
#static .sub-box{
	background-color: #000;
	border: 1px solid #fff;
	border-radius: 5px;
	overflow: hidden;
	color: #fff;
}

#static .sub-price__input__inr:before{
	color: #333;
}
#static .sub-nav > li.is-active > a.sub-nav__inr:hover,
#static .sub-nav > li .is-current > a.sub-nav__inr{
	color: #fff !important;
}

/*追加*/

#static .sub-nav > p.sub-nav-memu:hover,
#static .sub-nav > ul.navi-open > li > p:hover,
#static .sub-nav > ul.navi-open > li > p > a:hover,
#static .sub-nav > ul.navi-open > li > p > a:active,
#static .sub-nav > ul.navi-open > li > p > a:focus,
#static .sub-nav > ul.navi-open > li.selected > p,
#static .sub-nav-child > li > .sub-nav__inr,
#static .sub-nav-grand-child > li > .sub-nav__inr,
#static .selected { 
	background: #000;
	opacity: 1;
}

#static .sub-nav > p.sub-nav-memu:hover,
#static .sub-nav > ul.navi-open > li > p:hover,
#static .sub-nav > ul.navi-open > li > p > a:hover,
#static .sub-nav > ul.navi-open > li > p > a:active,
#static .sub-nav > ul.navi-open > li > p > a:focus { 
	background: #000;
	opacity: 1;
	border-radius: 0 0 5px 5px;
}

#static .sub-nav > ul.navi-open > li.selected > ul.navi-open_inr > li.here,
#static .sub-nav > ul.navi-open > li.here > p:hover,
#static .sub-nav > ul.navi-open > li.here > p > a:hover
{
	background:#d9f5ed;
}

#static .sub-nav > ul.navi-open > li.selected > ul.navi-open_inr > li
{ 
	background: #f7f7f7;
	color: #000;
}

#static .sub-nav > ul.navi-open > li.here > p > a,
#static .sub-nav > ul.navi-open > li.selected > ul.navi-open_inr > li > a
{ 
	color: #000;
}

#static .sub-nav > ul.navi-open > li > p > a{
	color: #fff;
}

#static .sub-nav > ul.navi-open > li > p > a:hover,
#static .sub-nav > ul.navi-open > li.selected > ul.navi-open_inr > li > a:hover,
#static .sub-box ul.sub-nav-child li > a:hover
{ 
	opacity: .7;
}

#static .sub-box ul.navi-open li > p:before,
#static .sub-box ul.navi-open00 li > p:before,
#static .sub-box ul.sub-nav-child li > a:before{
	position: absolute;
	content:"";
	top: 11px;
	left: 20px;
	width: 4px;
	height: 1px;
	background: #999;
}

#static .sub-box p.sub-nav-memu:after{
	background: url("https://www.cosme.com/img/pc/arrow01_down_w.png") no-repeat ;
}

#static .sub-box p.sub-nav-memu.selected:after{
	background: url("https://www.cosme.com/img/pc/arrow01_up_w.png") no-repeat ;
}

#static .sub-box ul.navi-open li:not(:first-child) > p:after{
	background-image: url("https://www.cosme.com/img/pc/arrow_down_w.png");
}

#static .sub-box ul.navi-open li:not(:first-child).selected > p:after{
	background-image: url("https://www.cosme.com/img/pc/arrow_up_w.png");
}

#static .sub-nav > li.is-active > a.sub-nav__inrr,
#static .sub-nav > li > a.sub-nav__inr:hover,
#static .sub-nav > li > a.sub-nav__inr:active,
#static .sub-nav > li > a.sub-nav__inr:focus{
	color:#fff !important;
	background-color: #000 !important;
}

#static .sub-nav-child > li.is-current > .sub-nav__inr, .sub-nav-grand-child > li.is-current > .sub-nav__inr{
	color: #fff !important;
	background:#333 !important;
}

#static .sub-nav > li.is-current > .sub-nav__inr{
	background:#333;
	color: inherit;
	opacity: 1;
}

#static .sub-nav > li > a.sub-nav__inr:before{
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggMjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDI2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLjMsMS43bDIzLDI0YzAuMiwwLjIsMC40LDAuMywwLjcsMC4zaDBjMC4zLDAsMC41LTAuMSwwLjctMC4zbDIzLTI0YzAuNC0wLjQsMC40LTEsMC0xLjQNCglDNDcuNSwwLjEsNDcuMiwwLDQ3LDBjLTAuMywwLTAuNSwwLjEtMC43LDAuM0wyNCwyMy42TDEuNywwLjNjLTAuNC0wLjQtMS0wLjQtMS40LDBDLTAuMSwwLjctMC4xLDEuMywwLjMsMS43eiIvPg0KPC9zdmc+DQo=);
}

#static .sub-nav > li > a.sub-nav__inr:hover:before,
#static .sub-nav > li > a.sub-nav__inr:focus:before{
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggMjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDI2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLjMsMS43bDIzLDI0YzAuMiwwLjIsMC40LDAuMywwLjcsMC4zaDBjMC4zLDAsMC41LTAuMSwwLjctMC4zbDIzLTI0YzAuNC0wLjQsMC40LTEsMC0xLjQNCglDNDcuNSwwLjEsNDcuMiwwLDQ3LDBjLTAuMywwLTAuNSwwLjEtMC43LDAuM0wyNCwyMy42TDEuNywwLjNjLTAuNC0wLjQtMS0wLjQtMS40LDBDLTAuMSwwLjctMC4xLDEuMywwLjMsMS43eiIvPg0KPC9zdmc+DQo=);

}

#static .sub-nav > li.is-active > a.sub-nav__inr:before{
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggMjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDI2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLjMsMS43bDIzLDI0YzAuMiwwLjIsMC40LDAuMywwLjcsMC4zaDBjMC4zLDAsMC41LTAuMSwwLjctMC4zbDIzLTI0YzAuNC0wLjQsMC40LTEsMC0xLjQNCglDNDcuNSwwLjEsNDcuMiwwLDQ3LDBjLTAuMywwLTAuNSwwLjEtMC43LDAuM0wyNCwyMy42TDEuNywwLjNjLTAuNC0wLjQtMS0wLjQtMS40LDBDLTAuMSwwLjctMC4xLDEuMywwLjMsMS43eiIvPg0KPC9zdmc+DQo=);
	transform: rotateX(180deg);
}

#static .sub-nav-child > li > a.sub-nav__inr:before{
	background-color: #333;
}
/*追加ここまで*/


/* static form
-------------------------------------------- */
#static .form-conditions__def,
#static .form-select select,
#static .form-select select option{
	color:#000;
}


#static .form-conditions__reset-btn .btn > .btn__inr{
	background-color: #fff;
}



/* static carousel
-------------------------------------------- */
.jcarousel-wrapper .jcarousel-control-next-wrap .jcarousel-control-next svg,
.jcarousel-wrapper .jcarousel-control-prev-wrap .jcarousel-control-prev svg{
	fill: #000;
}


/* static pager
-------------------------------------------- */
#static .pager > li > a:hover,
#static .pager > li > span{
	color: #000;
}


#static .pager > li > a:hover,
#static .pager > li > .is-current{
	color: #000;
}

/*abe 追加*/
#search-bar{
	display: table;
    font-size: 13px;
    width: 720px;
    /*padding: 20px 15px;*/
    margin: -20px 0 0;
	box-sizing: border-box;
}

.search-bar_box1{
	float: left;
}

.search-bar_box2{
	float: left;
	margin-left: 10px;
	width: 200px;
}

.search-bar_box3{
	float: left;
	margin-left: 10px;
	width: 200px;
}

.search-bar_box4{
	float: left;
	margin-left: 10px;
	width: 50px;
}

    dl.search1{
    	position:relative;
    	background-color:#fff;
    	border:1px solid #ccc;
    	-webkit-border-radius:4px;
    	-moz-border-radius:4px;
    	-o-border-radius:4px;
    	-ms-border-radius:4px;
    	border-radius:4px;
		width: 190px;
		height: 28px;
    }
    dl.search1 dt{
    	margin-right:0px;
    	padding:2px 0 8px 8px;
    }
    dl.search1 dt input{
    	width:100%;
    	height:24px;
    	line-height:24px;
    	background:none;
    	border:none;
    	outline:0;
    }
    dl.search1 dd{
    	position:absolute;
    	top:0;
    	right:0;
    }
    dl.search1 dd button{
    	display:block;
    	padding:10px;
    	background:none;
    	border:none;
    	outline:0;
    }
    dl.search1 dd button span{
    	display:block;
    	width:14px;
    	height:20px;
    	background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik0yNy43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQsMC4xTDE0LDEzLjVMMS43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQtMC4xYy0wLjQsMC40LTAuNCwxLTAuMSwxLjRsMTMsMTQNCgljMC4yLDAuMiwwLjUsMC4zLDAuNywwLjNoMGMwLjMsMCwwLjUtMC4xLDAuNy0wLjNsMTMtMTRDMjguMSwxLjMsMjguMSwwLjYsMjcuNywwLjN6Ii8+DQo8L3N2Zz4NCg==") no-repeat scroll 0 0;
    }

/*金額*/
    dl.pricebox_search {
    	position:relative;
    	background-color:#fff;
    	border:1px solid #ccc;
    	-webkit-border-radius:5px;
    	-moz-border-radius:5px;
    	-o-border-radius:5px;
    	-ms-border-radius:5px;
    	border-radius:5px;
		width: 100px;
		height: 28px;
    }
    dl.pricebox_search dt{
    	margin-right:40px;
    	padding:2px 0 8px 8px;
    }
    dl.pricebox_search dt input{
    	width:100%;
    	height:24px;
    	line-height:24px;
    	background:none;
    	border:none;
    }
    dl.pricebox_search dd{
    	position:absolute;
    	top:0;
    	right:0;
    }
    dl.pricebox_search dd button{
    	display:block;
    	padding:10px;
    	background:none;
    	border:none;
    }
    dl.pricebox_search dd button span{
    	display:block;
    	width:20px;
    	height:20px;
    	background:url('http://dot-town-lab.com/laboratory/images/icon/searches.png') no-repeat scroll 0 0;
    }
.sub-btn2{
	   box-sizing: border-box;
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
}

.sub-btn2 .sub-btn__inr {
    background-color: #333;
    border: medium none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff !important;
    display: block;
    font-size: 13px;
    padding: 6px 10px 4px;
    text-align: center;
    text-decoration: none;
    width: 106px;
	margin-left: -8px;
}

/*ボタン追加*/
.sub-btn3{
	   box-sizing: border-box;
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
}

.sub-btn3 .sub-btn__inr {
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333333;
    display: block;
    font-size: 13px;
    padding: 5px 10px 4px;
    text-align: left;
    text-decoration: none;
    width: 190px;
	text-align: left;
	height: 30px;
}
.sub-btn3 span {
	background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik0yNy43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQsMC4xTDE0LDEzLjVMMS43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQtMC4xYy0wLjQsMC40LTAuNCwxLTAuMSwxLjRsMTMsMTQNCgljMC4yLDAuMiwwLjUsMC4zLDAuNywwLjNoMGMwLjMsMCwwLjUtMC4xLDAuNy0wLjNsMTMtMTRDMjguMSwxLjMsMjguMSwwLjYsMjcuNywwLjN6Ii8+DQo8L3N2Zz4NCg==") 0px 0 no-repeat scroll;
	display:block;
	height:20px;
	height:18px\9;
	width:14px;
	margin: -14px 0 0 155px;
	margin: -18px 0 0 155px\9;
}

/*IEに対応*/
@media all and (-ms-high-contrast: none){
.sub-btn3 span {
	background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik0yNy43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQsMC4xTDE0LDEzLjVMMS43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQtMC4xYy0wLjQsMC40LTAuNCwxLTAuMSwxLjRsMTMsMTQNCgljMC4yLDAuMiwwLjUsMC4zLDAuNywwLjNoMGMwLjMsMCwwLjUtMC4xLDAuNy0wLjNsMTMtMTRDMjguMSwxLjMsMjguMSwwLjYsMjcuNywwLjN6Ii8+DQo8L3N2Zz4NCg==") 0px 0 no-repeat scroll;
	display:block;
	height:20px;
	width:14px;
	margin: -18px 0 0 155px;
}
	}



/*リスト*/
#search_list {
	width: 698px;
	padding: 10px;
	border: 1px solid;
	border-color: #cccccc;
	margin-bottom: 20px;
	margin-top: -21px;

	/*background-color: #ffffff;*/
}

/*Firefoxだけに適用されるCSSハック リスト*/
@-moz-document url-prefix() {
  #search_list {
    width: 698px;
	padding: 10px;
	border: 1px solid;
	border-color: #cccccc;
	margin-bottom: 20px;
	margin-top: -21px;
  }
}

/*edgeだけに適用されるCSSハック リスト*/
@supports (-ms-accelerator:true) {
  #search_list {
    width: 698px;
	padding: 10px;
	border: 1px solid;
	border-color: #cccccc;
	margin-bottom: 20px;
	margin-top: -21px;
  }
}

/*IEだけに適用されるCSSハック リスト*/
@media all and (-ms-high-contrast: none){
  #search_list {
    width: 698px;
	padding: 10px;
	border: 1px solid;
	border-color: #cccccc;
	margin-bottom: 20px;
	margin-top: -21px; /* IE10以上 */
  }
}


/*チェックボックス*/
.title {
	/*width: 140px;*/
	font-weight: bold;
	font-size: 15px;
}

input[type=radio], input[type=checkbox] {
  display: none;
}

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #FDE6E3 !important;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  background-color: #d9f5ed;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #70BBAA;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #70BBAA;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #ccc !important;
  border-bottom: 3px solid #ccc !important;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

/*設定・リセットボタン*/

#sub-btn_set{
    box-sizing: border-box;
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
}

#sub-btn_set .sub-btn__inr {
    background-color: #333;
    border: medium none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 13px;
    margin-left: -8px;
    padding: 6px 10px 4px;
    /*text-align: center;*/
    text-decoration: none;
    width: 106px;
	display: inline-block;
}

#sub-btn_reset{
    box-sizing: border-box;
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
}

#sub-btn_reset .sub-btn__inr {
    background-color: #F5F5F5;
    border: medium none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333333;
    display: block;
    font-size: 13px;
    margin-left: -8px;
    padding: 6px 10px 4px;
    /*text-align: center;*/
    text-decoration: none;
    width: 106px;
	display: inline-block;
	border: 1px solid #ccc;
	/*float: left;*/
	margin-left: 15px;
    margin-top: -1px;
}

.sr_btn{
	margin: 0 auto 39px;
	width: 220px
}

.sr_btn .positionbtn{
	float: left; 
	text-align: center;
}

	

div.brandnav{
	margin: auto;
	}
	
ul.viseenav {
    width: 467px;
    float: right;
    padding:0;
}
	
ul.viseenav a hovr {
    opacity: 0.5;
}

ul.viseenav li.nav1 {
    width:170px;
    position: relative;
    margin: -42px 0 0;
}

ul.viseenav li.nav2 {
	width:84px;
	position: relative;
	margin: -30px 0 0 190px;
}
	
ul.viseenav li.nav3 {
    width:108px;
	position: relative;
	margin: -29px 0 0 306px;
}

	/*visee main vis*/
	div.main_visual1{
	margin: 0 0 0px;
	}
	
	div.main_visual2{
	margin: 0 0 0 0;
	}
	
	div.main_visuallast{
	margin-bottom: 30px;
	}

	
    ul.visee_btn{
		list-style-type: none;
		padding-left: 0;
		width: 780px;
		margin: auto;
		overflow: hidden;
		position: relative;
		margin: -107px 0 0 100px;

    }
    
	ul.visee_btn li.main_btn {
		width: 190px;
		height: 80px;
		margin: 0 0 0 5px;
		float: left;
    }
	
	diV.segment_coscept{
		width: 720px;
		float: right;
		margin-top: 30px;
	}
	
#static .sub_left,
#static .sub_left p,
#static .sub_left h1,
#static .sub_left h2{
	color:#fff !important ;
}
	
#static .sub-nav > ul.navi-open > li.here > p > a,
#static .sub-nav > ul.navi-open > li.selected > ul.navi-open_inr > li > a
{ 
	color: #000;
}
.brand-sub-logo P{
	color: #000 !important;
	text-align: center;
	margin-top: 5px;
	}
	
#static .sub-nav > ul.navi-open > li.here > p > a,
#static .sub-nav > ul.navi-open > li.selected > ul.navi-open_inr > li > a
{ 
	color: #000;
}
#mainbanner {
	overflow: hidden;
	margin-bottom: 24px;
}