/*@import "http://weloveiconfonts.com/api/?family=fontawesome";*/
/*@font-face {
  font-family: 'FontAwesome';
  src: url('/Font/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/Font/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/Font/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/Font/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/Font/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/Font/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
/*@import url('../../../Font/css/font-awesome.min.css');*/
/* Default custom select styles */
div.cs-select {
	/*display: inline-block;*/
	vertical-align: middle;
	position: relative;
	/*text-align: left;*/
	background: #fff;
	z-index: 100;
	width: 100%;
	/*max-width: 500px;*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*font-size:1.2em;*/
}

div.cs-select:focus {
	outline: none; /* For better accessibility add a style for this in your skin */
}

.cs-select select {
	display: none;
}

.cs-select span {
	display: block;
	position: relative;
	cursor: pointer;
	/*padding: 1em;*/
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	height:100%;
}

/* Placeholder and selected option */
.cs-select > span {
	padding-right: 3em;
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
	speak: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cs-select > span::after {
	content: '\25BE';
	right: 1em;
}

.cs-select .cs-selected span::after {
	content: '\2713';
	margin-left: 1em;
}

.cs-select.cs-active > span::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

div.cs-active {
	z-index: 200;
}

/* Options */
.cs-select .cs-options {
	position: absolute;
	overflow: hidden;
	width: 100%;
	background: #fff;
	visibility: hidden;
}

.cs-select.cs-active .cs-options {
	visibility: visible;
}

.cs-select ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.cs-select ul span {
	padding: 1em 0;
	text-align:center;
}

.cs-select ul li.cs-focus span {
	background-color: #ddd;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
	padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
	cursor: default;
}

.cs-placeholder{
	font-size:1.5em;
    width: 100%;
}
.cs-dropdown-list, .cd-select {
    position: relative !important;
    width: 100% !important;
}
.cs-dropdown-list > span {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    color: rgb(153, 153, 153);
    cursor: pointer;
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    height: 3em;
    line-height: 2.8em;
    padding: 0 3em 0 1em;
    position: inherit;
    width: 100%;
}
.cs-dropdown-list > span::after {
    border-left: 0.1em solid rgb(221, 221, 221);
    content: "▼";
    font-size: 1.5em;
    height: 100%;
    line-height: 1.5em;
    padding: 0.2em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 15%;
    width: 3em;
}
.cs-dropdown-list.cd-active > span::after {
    content: "▲";
}
.cs-dropdown-list ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.cs-dropdown-list ul li {
    display: block;
}
.cs-dropdown-list ul li span {
    /*background: rgb(255, 255, 255) none repeat scroll 0 0;*/
    /*color: rgb(188, 188, 188);*/
    cursor: pointer;
    display: block;
    font-weight: 700;
    line-height: 2.8em;
    /*padding: 0 1.4em 0 3.5em;*/
    width: 100%;
}
.cs-dropdown-list > span, .cs-dropdown-list ul li span {
    -moz-user-select: none;
    backface-visibility: hidden;
}
.cs-dropdown-list > span span[class^="icon-"], .cs-dropdown-list > span span[class*=" icon-"] {
    padding: 0 1.4em 0 45px;
}
/*カテゴリ用*/

.cs-dropdown-list-ctgr, .cd-select {
    position: relative !important;
    width: 100% !important;
}
.cs-dropdown-list-ctgr > span {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    color: rgb(153, 153, 153);
    cursor: pointer;
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    height: 1.8em;
    line-height: 1.6em;
    padding: 0 3em 0 1em;
    position: inherit;
    width: 100%;
}
.cs-dropdown-list-ctgr > span::after {
    border-left: 0.1em solid rgb(221, 221, 221);
    content: "▼";
    font-size: 1.5em;
    height: 100%;
    line-height: 0.7em;
    padding: 0.2em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 15%;
    width: 1em;
}
.cs-dropdown-list-ctgr.cd-active > span::after {
    content: "▲";
}
.cs-dropdown-list-ctgr ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.cs-dropdown-list-ctgr ul li {
    display: block;
}
.cs-dropdown-list-ctgr ul li span {
    /*background: rgb(255, 255, 255) none repeat scroll 0 0;*/
    /*color: rgb(188, 188, 188);*/
    cursor: pointer;
    display: block;
    font-weight: 700;
    line-height: 2.8em;
    /*padding: 0 1.4em 0 3.5em;*/
    width: 100%;
}
.cs-dropdown-list-ctgr > span, .cs-dropdown-list-ctgr ul li span {
    -moz-user-select: none;
    backface-visibility: hidden;
}
.cs-dropdown-list-ctgr > span span[class^="icon-"], .cs-dropdown-list-ctgr > span span[class*=" icon-"] {
    padding: 0 1.4em 0 45px;
}


.cd-select {
    border: 1px solid rgb(221, 221, 221);
}
.selectmenu{
	display: inline-block; 
	width: 100%; 
	height: 6em;
	text-shadow: 0 -1px rgb(141, 143, 150);
}
.selectmenu .name {
float: left; width: 43%;font-size: 2.4em;line-height: 2em;
}

.selectmenu .info {
float: right; width: 57%;
}