@charset "utf-8";
/* CSS Document */

div.popmenu-box span.pop_ctrl {
	position:fixed;
	top:15px;
	right:15px;
	width:60px;
	z-index:2000;
}

div.popmenu-box span.pop_ctrl2 {
}

div.popmenu-box span.pop_ctrl3 {
}

div.popmenu-box span.pop_ctrl a {
	display:block;
}


.lock {
overflow:hidden;
}

p.close_top{
text-align: right;
margin: 10px 0 0;
}

p.close_top .modal-close{
height:35px;
padding:10px;
background-color: #ffffff;
}

p.close_bottom{
background-color: #e8e6c2;
overflow: hidden;
text-align: center;
}


p.close_bottom a{
display: block;
color:#a5a4a4;
background-color: #fff;
padding:10px 30px;
font-size: 1.4em;
}

.modal-content {
position:relative;
display:none;
width:95% !important;
margin:2% 0 !important;
padding:10px 0;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */
    background:#fff;
	color:#000000;
	text-align:center;
}

.modal-content a {
	text-decoration:none;
}

.modal-overlay {
    z-index:10000;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75) !important;
}

.modal-wrap {
    z-index:20000;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
    color:#00f;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}

p.close_bottom{
background-color: #e8e6c2;
overflow: hidden;
text-align: center;
}


p.close_bottom a{
display: block;
color:#a5a4a4;
background-color: #fff;
padding:10px 30px;
font-size: 1.4em;
}


ul.BrandSearch {
	margin-left:-1%;
}

ul.BrandSearch li {
	float:left;
	width:48%;
	margin-left:1%;
	margin-bottom:1%;
	border:1px solid #CCC;
}

ul.BrandSearch li a {
	padding:3% 0;
	text-align:center;
}

ul.BrandSearch li img {
	width:100%;
	height:auto;
}

ul.BrandSearch li a {
	display:block;
}

h2.SideTitle {
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	line-height:18px;
	padding-bottom:2px;
	border-bottom:1px solid #000;
	margin:20px 0 10px 0;
	font-weight:normal;
}

h2.SideTitle span {
	font-size:10px !important;
	padding-left:5px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	display:inline;
}

div.BrandCharaList ul li {
	padding:5px 0 0 0;
}



div.SizeSceneList ul {
	margin-left:-5px;
	margin-top:5px;
}

div.SizeSceneList ul {
	margin-left:-1%;
}

div.SizeSceneList ul li {
	float:left;
	width:32%;
	text-align:center;
	margin:0 0 1% 1%;
}

div.SizeSceneList ul li a {
	color:#FFFFFF !important;
	padding:3% 0;
	display:block;
	background:#000;
}
div.DdItem {
	margin:-20px 2% 2% 2%;
}

div.BannerArea ul {
	border-top:1px solid #CCC;
}

div.BannerArea ul li {
	background:#FFF;
	padding:1%;
	border-bottom:1px solid #CCC;
}

div.BannerArea ul li figure {
	float:left;
	width:50%;
}

div.BannerArea ul li figure img {
	width:100%;
	height:auto;
}

div.BannerArea ul li h3 {
	float:right;
	width:48%;
	text-align:left;
}