@charset "UTF-8";

/*-------------------------------------------
ベース部分
-------------------------------------------*/
.control {
z-index: 500;
position: absolute;
right: 0;
top: 50%;
border-radius: 0 0 3px 3px;
font-size: 0.7rem;
line-height: 1;
padding: 5px;
}

.control * {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
}

.control li, .control dd {
display: inline-block;
vertical-align: middle;
}

.control ul {
z-index: 1;
}


.control a {
border: solid 1px transparent;
color: #341c10;
text-align: center;
display: block;
padding:4px 5px 3px;
border-radius:6px;
text-decoration: none !important;
cursor: pointer;
}
.control a:hover {
	color: #C5762A;
}

.control dd a {
width: 45px;
font-size: 0.95em;
height: auto;
line-height: inherit;
position: relative;
z-index: 1;
}

/*.control a:hover {
opacity: 0.8;
-moz-opacity: 0.8;
-ms-filter: "alpha(opacity=80)";
}*/

.control dt {
font-size:0.95em;
position: relative;
top:1px;
left: -3px;
}


/*-------------------------------------------
それ以外
-------------------------------------------*/
.control .lang .active {
    border: solid 1px;
}


.control dd a.medium {
border: solid 1px #000;
}

.control dd a.large {
border: solid 1px #F2F0E9;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.control dt {
top:1px;
}
}

.english .control dt {
font-size:1.1em;
}

.control dt, .control dd {
width: 30%;
text-align: center;
}

.control dl {
position: relative;
top:4px;
right: -7px;
width: 162px;
float: right;
}

.english a.medium  {
font-size: 1.2em;
}

.english dl {
position: relative;
top:3px;
}

.english a.large  {
font-size:1.6em;
line-height: 0.8;
}