@charset "utf-8";

/**
 *
 *  下層ページ名 共通
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/

/* KV
-----------------------------------------------------------------*/
#KV{
	width:100%;
	height:332px;
	overflow:hidden;
	position:relative;
}
#KV .kv-box{
	position:absolute;
	bottom:80px;
	left:50%;
	width:980px;
	margin-left:-490px;
	padding:100px 0 0 0;
}

/* h1 */
#KV h1{
	opacity: 0;
	color: #fff;
	text-align:center;
}
#KV h1:after{
	content: '';
	display: block;
	width: 18px;
	margin: 8px auto 0;
	border-bottom: 1px solid #fff;
}
#KV h1 span{
	display: block;
	font-weight: normal;
}
#KV h1 .en{
	font-size: 392%;
	line-height: 1.1;
	font-family: 'Montserrat', sans-serif;
}
#KV h1 .jp{
}
#KV h1 .en small{
	font-size: 50%;
}

/* kv-txt */
#KV .kv-txt{
	margin-top:14px;
	text-align:center;
	line-height:2em;
	color:#FFF;
	opacity: 0;
}

#KV .img-back{
	position:absolute;
	opacity: 0;
	top:0;
	left:50%;
	margin-left:-570px;
}

/* wall-clock */
.wall-clock{
	background: #0a0a0c	;
}

/* gulliver-rainbow */
.gulliver-rainbow{
	background: #949193;
}
div.gulliver-rainbow div.kv-box{
	bottom:80px;
}

/* gulliver47 */
.gulliver47{
	background: #949193;
}
div.gulliver47 div.kv-box{
	bottom:80px;
}

/* gulliver-dx */
.gulliver-dx{
	background: #090708;
}

/* dome */
.dome{
	background: #1b191c;
}

/* flash */
.flash{
	background:#080507;
}
div.flash div.kv-box{
	bottom:99px;
}

/* mark-lona */
.mark-lona{
	background: #181B22;
}
div.mark-lona div.kv-box{
	bottom: 96px;
}
#KV.mark-lona h1 small{
	font-size: 75%;
}


/* lilliput */
.lilliput{
	background: #725d2f;
}
div.lilliput div.kv-box{
	bottom: 101px;
}

/* animal */
.charme-animal{
	background:#7b3e11;
}
div.charme-animal div.kv-box{
	bottom:92px;
}

/* natural */
.charme-natural{
	background:#3B6677;
}
div.charme-natural div.kv-box{
	bottom:92px;
}

/* sport */
.sport{
	background:#110F12;
}
div.sport div.kv-box{
	bottom:84px;
}

/* sport-swiss */
.sport-swiss{
	background:#110F12;
}
div.sport-swiss div.kv-box{
	bottom:92px;
}

/* crazy */
.crazy{
	background:#251821;
}

/* gulliver */
.gulliver{
	background:#131016;
}
div.gulliver div.kv-box{
	bottom:92px;
}

/* slim , slim-sport */
.slim,
.slim-sport{
	background:#162625;
}
div.slim div.kv-box,
div.slim-sport div.kv-box{
	bottom:86px;
}

/* icon */
.icon{
	background:#051111;
}

/* bunker */
.bunker{
	background:#110607;
}

/* fantasy , fantasy-fluo */
.fantasy,
.fantasy-fluo{
	background:#4B0E30;
}
.fantasy .kv-box,
.fantasy-fluo .kv-box{
	bottom: 92px;
}


/* glam */
.glam{
	background:#837E7B;
}
.glam .kv-box{
	bottom: 100px;
}

/* king dome */
#KV.king_dome h1 {
	color:#000;
}

#KV.king_dome .kv-txt {
	color:#000;
}


/* alutech gulliver */
#KV.alutech_gulliver h1 {
	color:#000;
}

#KV.alutech_gulliver .kv-txt {
	color:#000;
}


/* all */
.alutech_gulliver,
.all,
.new{
	background:#D7D5DA;
}
div.all div.kv-box,
div.new div.kv-box{
	bottom:99px;
}
.all div.kv-txt,
.all h1,
.new div.kv-txt,
.new h1{
	color:#000 !important;
}
#KV.new h1:after,
#KV.all h1:after{
	border-bottom: 1px solid #000;
}

/* #SubNavi
-----------------------------------------------------------------*/
#SubNavi{
	width:100%;
	height:90px;
	display:block;
	padding:15px 0;
	background:url(../images/list/bg_subnavi1.png) repeat 50% 0;
}
#SubNavi ul{
	width: 981px;
	margin: 2px auto 0;
	/*padding:0 40px;*/
	letter-spacing:-0.4em;
}
#SubNavi ul li{
	/*margin:0 0 0 32px;*/
	margin-bottom: 18px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	list-style:none;
}
#SubNavi ul li a{
	display: block;
	line-height: 0;
}
#SubNavi ul li img{
	display: block;
	line-height: 0
}
#SubNavi ul li img{
	border:0;
}
#SubNavi ul li:first-child{
	margin-left:0;
}
#SubNavi ul li:first-child,#SubNavi ul li:last-child{
	margin-right:0;
}


/* #Item
-----------------------------------------------------------------*/
#Item{
	width:980px;
	margin:40px auto 0px;
	letter-spacing:-0.4em;
}
/* item-list */
#Item .item-list{
	width:225px;
	margin:0 10px 50px;
	vertical-align:top;
	display:inline-block;
	/display:inline;
	/zoom:1;
	letter-spacing:0;
}
#Item .item-list a{
	text-decoration:none;
	color:#505050;
}
#Item .item-name{
	margin-top:10px;
	text-align:center;
}
#Item .item-list a:hover .item-name{
	color:#9B9797;
}
#Item .item-list a:hover img{
	filter:alpha(opacity=50);
	opacity: 0.5;
}
.item-list .new{
	width:62px;
	margin:10px auto 0;
	padding:5px 3px 3px;
	line-height:1em;
	color:#212121;
	text-align:center;
	font-weight:bold;
	border:1px solid #222;
}
#Item .item-list a:hover .new{
	opacity:0.5;
	filter:alpha(opacity=50);
}


/* .bottom-box
-----------------------------------------------------------------*/
.bottom-box{
	height:54px;
	position:relative;
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
}
.bottom-box #Back{
	position:absolute;
	left:0;
	border-right:1px solid #d4d4d4;
}
.bottom-box #Pagetop{
	position:absolute;
	right:0px;
	top:0;
}

/* #Category
-----------------------------------------------------------------*/
#Category{
	display:none;
}




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

/* KV
-----------------------------------------------------------------*/
#KV{
	height:200px;
}
#KV .kv-box{
	bottom:9px;
	width:300px;
	margin-left:-150px;
	padding:0;
}

/* h1 */
#KV h1{
}
#KV h1:after{
	margin-top: 2px;
	width: 10px;
}
#KV h1 .en{
	font-size: 200%;
}
#KV h1 .jp{
	font-size: 84%;
}
#KV h1 .small{
	font-size: 67%;
}


#KV .img-back{
	margin-left:-343px;
}
#KV .img-back img{
	width: auto;
	height: 200px;
}
#KV .kv-txt{
	margin-top:12px;
	font-size:10px;
}

/* wall-clock */
.wall-clock .kv-box{
	bottom: 30px !important;
}

/* gulliver-rainbow */
div.gulliver-rainbow div.kv-box{
	bottom:20px !important;
}

/* gulliver47 */
div.gulliver47 div.kv-box{
	bottom:30px !important;
}
div.gulliver47 div.kv-box .kv-txt br{
	display: none;
}

/* gulliver-dx */
div.gulliver-dx div.kv-box{
	bottom:35px !important;
}

/* flash */
div.flash div.kv-box{
	bottom:40px !important;
}
div.flash div.kv-box .kv-txt br{
	display: none;
}

/* lilliput */
div.lilliput div.kv-box{
	bottom:22px !important;
}

/* mark-lona */
div.mark-lona div.kv-box{
	bottom:29px !important;
}

/* animal */
div.charme-animal div.kv-box{
	bottom:19px !important;
}

/* natural */
div.charme-natural div.kv-box{
	bottom:18px !important;
}

/* glam */
div.glam div.kv-box{
	bottom:30px !important;
}
div.glam div.kv-box br{
	display: none;
}

/* sport */
div.sport div.kv-box{
	bottom: 20px !important;
}
div.sport div.kv-box br{
	display: none;
}

/* sport-swiss */
div.sport-swiss div.kv-box{
	bottom:30px !important;
}
div.sport-swiss div.kv-box br{
	display: none;
}

/* gulliver */
div.gulliver div.kv-box{
	bottom:41px !important;
}

/* slim */
div.slim div.kv-box{
	bottom:21px !important;
}
div.slim div.kv-box br{
	display: none;
}

/* slim-sport */
div.slim-sport div.kv-box{
	bottom:9px !important;
}

/* icon */
div.icon div.kv-box{
	bottom:10px !important;
}


/* bunker */
div.bunker div.kv-box{
	bottom:9px !important;
}

/* fantasy ,fantasy-fluo */
div.fantasy div.kv-box{
	bottom:18px !important;
}
div.fantasy-fluo div.kv-box{
	bottom:19px !important;
}

/* all,new */
div.all div.kv-box{
	bottom:41px !important;
}
div.new div.kv-box{
	bottom:31px !important;
}




/* #SubNavi
-----------------------------------------------------------------*/

#SubNavi{
	display:none;
}


/* #Item
-----------------------------------------------------------------*/
#Item{
	width:320px;
	margin:0 auto;
	padding:30px 0 15px 0;
}
#Item .item-list{
	width:159px;
	margin:0 0 30px 0;
}
#Item .item-list img{
	width:100%;
	height:auto;
}
#Item .item-list a:hover .item-name{
	color:#505050;
}
#Item .item-list a:hover img{
	filter:alpha(opacity=100);
	opacity: 1;
}

.item-list .new{
	padding:3px 0;
}

/* .bottom-box
-----------------------------------------------------------------*/
.bottom-box{
	margin-top:20px;
	height:44px;
	border-bottom:none;
}
.bottom-box #Back{
	left:0;
}
.bottom-box #Back img{
	height:44px;
	width:auto;
}
.bottom-box #Pagetop{
	display:none;
}


/* #Category
-----------------------------------------------------------------*/
#Category{
	display:block;
	background-color: #fafafa;
}
#Category .back{
	display:block;
	padding: 10px 0;
	background:url(../images/list/bg_subnavi.png) repeat;
	background-size:218px 55px;
}
#Category img{
	display:block;
	margin: auto;
}
#Category .list a{
	display: block;
	padding: 15px 10px;
	background: url(/shared/images/link_ico.gif) no-repeat content-box 100% 50%;
	background-size: 10px 16px;
	border-top: 1px solid #dcdcdc;
	color: #333;
	text-decoration: none;
}



/* .pager
-----------------------------------------------------------------*/
.pager{
	margin:30px 0;
}


}