@charset "utf-8";

/* items */
a:link {
	text-decoration: none;
}
a:hover,
a:active,
a:focus { 
	text-decoration: none;
}

article { margin-top: 72px;  }


.contents .itemsList { width:100%;  border-bottom: 1px solid #ccc; display:table; vertical-align:middle; cursor: pointer; }

.contents .itemsList  dd { vertical-align: middle; padding: 2rem 2rem 2rem 0;
display:table-cell; 
background:url(../../img/list_arrow.png) 98% 50% no-repeat;  
}

.contents .itemsList  dd span { font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif; font-size: 1.2rem; vertical-align:middle;
text-align:left; width:100%; display:block;
}
.contents .itemsList  dt {  display:table-cell;  padding: 1rem; width:30%;  vertical-align:middle;


}
.contents .itemsList  dt img { width:100%; max-width: 168px;
 height: auto; vertical-align:middle;
}





.contents .itemsList dd small { display: block;
font-size: 1rem; color: #666; text-align: right;
}
.contents .itemsList dd a { margin-right: 2rem; color: #333; vertical-align: middle;  
}


body.itemDetail {
background: url(../../items/img/bg.png); background-size: cover; background-attachment:fixed;
padding-bottom:2rem;
}

.contents .zoneTab { width: 100%;
background: #005AAB;
}
.contents .zoneTab table { margin:  0 2.5%; width: 95%;
background: url(../../items/img/bg.png);
}
.contents .zoneTab td { width: 50%;
text-align: center; color: #fff; font-weight: bold;
line-height: 1.4; box-shadow:2px 2px 2px 0px rgba(0,0,0,0.4) inset; padding: 8px 0; vertical-align: middle; background: #005AAB;
}
.contents .zoneTab td:first-child { 
box-shadow:0 0 0px rgba(0,0,0,0.4) inset;
}
.contents .zoneTab td.active { width: 50%;
background: rgba(255,255,255,0.75);
}
.contents .zoneTab td:first-child.active { 
box-shadow:2px 2px 2px 0px rgba(0,0,0,0.4) inset;
}
.contents .zoneTab td a { display: block; text-align: center; color: #fff;
}
.contents .zoneTab td.active a { color: #005AAB;
}
.items { margin:  0 2.5%; width: 95%;
text-align: center;
background: rgba(255,255,255,0.75);
padding-bottom:1rem;
}
.items h1 { color: #005AAB; padding: 1rem 0 0.5rem;
}
.items .photo { margin: 1rem auto; width: 68%;
text-align: center;
}
.items .itemExplain { text-align: left; 
font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif; font-size: 1.2rem; margin: 0 auto; width: 95%;
padding: 0.5rem 0;
}
.items .countNum { background: rgba(0,0,0,0.5); text-align: center; color: #fff; font-weight: bold; margin: 4px auto; white-space: nowrap; width: 25%; padding: 0.5rem;
}

.align_r { text-align: right; }

/*
.items .itemInfo { display: none; }
*/
.items .itemInfo { margin: 2rem auto; width:80%;
*background: #666; padding:0.5rem;
background: rgba(106,106,106,0.2);
position:relative; 
}
.items .itemInfo dt  {
	position:absolute; left:1rem; width:4rem;
	text-align:right;
}
.items .itemInfo dd  {
	margin-left: 7rem;
	text-align:left;
}

p.btn { text-align: center; margin: 2rem auto; 
}
p.btn a { text-decoration: none;  border: 1px solid #fff; padding: 10px 16px; color: #fff;
}
p.btn a:hover { color: #fff;
opacity: 0.6;
}

#itemPager { position: absolute;
top:  280px;   z-index: 12; left: 0; display:table; width:100%; overflow:hidden;  }
#itemPager li#prevBtn { display: table-cell; vertical-align:middle; width:5%; }
#itemPager li#nextBtn { display: table-cell; text-align: right; vertical-align:middle; width:5%; }
#itemPager img { max-width: 55px; min-width: 27.5px; }