/* =====================================================================
*
*    3. Yahoo UI Library Fonts CSS
*    http://developer.yahoo.com/yui/fonts/
*    *Copyright (c) 2006, Yahoo! Inc. All rights reserved.
*    *http://developer.yahoo.com/yui/license.txt
*    
*    Font-size Adjustment
*    
*     77% = 10px    |   122% = 16px |   167% = 22px 
*     85% = 11px    |   129% = 17px |   174% = 23px
*     93% = 12px    |   136% = 18px |   182% = 24px f
*    100% = 13px    |   144% = 19px |   189% = 25px
*    107% = 14px    |   152% = 20px |   197% = 26px
*    114% = 15px    |   159% = 21px |   204% = 27px
*    212% = 28px    |   159% = 29px |   197% = 30px
*
* =================================================================== */

body {
    font-size: 13px;
    *font-size: small;
    *font: x-small;
}

table {
    font-size: inherit;
    font: 100%;
}
 
select, input, textarea {
    font-size: 99%;
}

/* =====================================================================
*
*    フォント
*
* =================================================================== */

/* ---------------------------------
*    Font Family
*/

body {
    font-family: 'icon','ヒラギノ角ゴ ProN W3','helvetica','arial','verdana','sans-serif';
}

/* ---------------------------------
*    Font Size
*/

.xx-large  { font-size: 200%; line-height: 1.8em; }
.mid-large { font-size: 182%; line-height: 1.4em; }
.x-large   { font-size: 164%; line-height: 1.8em; }
.large     { font-size: 144%; }
.mid       { font-size: 122%; }
.regular   { font-size: 107%; }
.small     { font-size:  92%; }
.mid-small { font-size:  85%; letter-spacing: 1px; }
.x-small   { font-size:  77%; letter-spacing: 1px; }


/* =====================================================================
*
*    リンク
*
* =================================================================== */

/* \*/ a { outline:none; overflow:hidden; } /**/
/* \*/ a:focus { outline:none; overflow:hidden; } /**/

a:link        { color: #000000; text-decoration: none; }
a:visited     { color: #000000; text-decoration: none; }
a:hover       { color: #000000; text-decoration: none; }
a:active      { color: #000000; text-decoration: none; }


/* =====================================================================
*
*    共通
*
* =================================================================== */

/* ---------------------------------
*    clearfix
*/

.clearfix { min-height: 1%; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from Mac IE \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Hides from Mac IE */

/* ---------------------------------
*    汎用クラス
*/

.line-through { text-decoration: line-through !important; }
.unit { margin-bottom: 2.5em; clear: both; }
.underline { text-decoration: underline !important; }

/* ---------------------------------
*    ボタン
*/

.btn {
    text-align: center;
    display: block;
    text-decoration: none !important;
}

/* ---------------------------------
*    タイトル
*/

.unit h3 {
    padding: 1em;
    background-color: #efefef;
    font-size: 14px;
	border-bottom:#666 solid 2px;
}

/* ---------------------------------
*    グローバルナビ
*/

/* 1列 */
.global-nav-1 li {
    width: 100%;
    border-bottom: 1px solid #eee;
}

.global-nav-1 li:first-child { border-top: 1px solid #eee; }

.global-nav-1 li a {
    display: block;
    padding: 1em;
}

/* 2列 */
.global-nav-2 li {
    display: inline-table;
    width: 50%;
    float: left;
    border-right: 1px dotted #5e5e5e;
    border-bottom: 1px dotted #5e5e5e;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
		font-size:14px !important;
}

.global-nav-2 li:first-child, .global-nav-2 li:nth-child(2) { border-top: 1px solid #eee; }
.global-nav-2 li:nth-child(even) {
    border-right: none;
}

.global-nav-2 li a {
    display: table-cell;
    padding: 0 1.0em;
    height: 45px;
    vertical-align: middle;
    line-height: 1.5;

}

.left {
  float: left;
}
.right {
  float: right;
}

/* ---------------------------------
*    商品一覧表示
*/

.product-price { line-height: 1.3; }
.product-price .special { color: #f00; }
.product-price .line-through {
    display: block;
    color: #000;
    /*margin-bottom: .3em;*/
}

.product-name .icon { line-height: 0; }
.product-name .icon img {
    height: 20px;
    margin: 0 1px 1px 0;
    vertical-align: middle;
}

/* 2列 */

.product-list-2 li {
    float: left;
    position: relative;
    width: 49.999%;
    margin-bottom: 1.5em;
}

.product-list-2 li div {
    width: 80%;
    margin: 0 auto;
}

.product-list-2 li div p { margin-bottom: .3em; }

.product-list-2 .product-image { position: relative; }
.product-list-2 .product-image img {
    width: 100%;
    height: auto;
}

.product-list-2 .product-name {
    line-height: 1.3;
    padding: .3em 0;
}

.product-list-2 .sold-out {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    background-color: #cdcdcd;
    color: #000;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

/* 3列 */
.product-list-3 {
    margin-top: 1.5em;
}

.product-list-3 li {
    float: left;
    position: relative;
    width: 33.333%;
    margin-bottom: 1.5em;
}

.product-list-3 li div {
    width: 90%;
    margin: 0 auto;
}

.product-list-3 .product-image { position: relative; }
.product-list-3 .product-image img {
    width: 100%;
    height: auto;
}

.product-list-3 .rank {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    color: #000;
    background-color: #cdcdcd;
}

.product-list-3 .rank1 { background-color: #FFB100; }
.product-list-3 .rank2 { background-color: #B6B6B6; }
.product-list-3 .rank3 { background-color: #AA6D44; }

.product-list-3 .product-name span {
    line-height: 1.6;
    padding: .3em 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.product-list-3 .sold-out {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    background-color: #cdcdcd;
    color: #000;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}


/* 1列（商品一覧リスト型） */

.product-list-2 .product-image-variation { display: none; }

.product-list li {
    position: relative;
    width: 96%;
    padding: 4% 2%;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.product-list .product-image {
    position: relative;
    float: left;
    width: 140px;
}

.product-list .product-image img {
    width: 140px;
}

.product-list .product-name,
.product-list .product-price,
.product-list .product-set-promotion,
.product-list .product-image-variation {
    float: right;
    width: 50%;
    margin-bottom: .3em;
    line-height: 1.3;
}

.product-list .product-image-variation { clear: both; }
.product-list .product-image-variation img { width: 45px; }

.product-list .sold-out {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    background-color: #cdcdcd;
    color: #000;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

/* もっと見るボタン */

.unit .view-more a {
    width: 70%;
    background-color: #cdcdcd;
    color: #000;
    padding: 1em 0;
    margin: 0 auto;
}

/* ---------------------------------
*    ページトップ
*/

.page-top a {
    background-color: #000;
    color: #fff;
    padding: 1em 0;
}

.store-top a {
    background-color: #000;
    color: #fff;
    padding: 1em 0;
}


/* ---------------------------------
*    エラーページ/Error
*/

.error-unit {
    margin-bottom: 2em;
}

.error-unit h2 {
    padding: .5em;
    background-color: #CCC;
    font-size: 15px;
}

.error-unit .msg {
    padding: .5em;
    line-height: 1.5;
    font-size: 12px;
}

.error-unit .button {
    padding: 1em;
}

.error-unit .button-next .btn {
    padding: 1.5em 0;
    background-color: #cdcdcd;
    color: #000;
}

.error-unit .button-prev .btn {
    padding: 1.5em 0;
    background-color: #ccc;
}

.msg-alert {
    padding: 1em;
    text-align: center;
}

/* ---------------------------------
*    パンくず/ページャー
*/

.breadcrumbs {
    font-size: 11px;
    line-height: 1.5;
    padding: 10px;
    border-top: 1px solid #eee;
    padding-top: 12px;
    color: #999;
}
.breadcrumbs a {
    color: #999;
}
.pager-wrap {
}

.below .total { display: none; }

.pager-wrap .pager {
    display: table;
    table-layout: fixed;
    margin: 0 auto;
}
.pager-wrap .pager.button {
    border: none;
}

.pager-wrap .pager li {
    display: table-cell;
    text-align: center;
    padding: .7em 0;
    float: left;
	font-size:0.7em;
}

.pager-wrap .pager li a {
  display: block;
  border: solid 1px #ccc;
  background-color: #eee;
  border-radius: 5px;
  margin: 0 2px;
  padding: 5px;
  color: black;
  text-decoration: none;
}

.pager li.prev{margin:7px 5px 0 0;}
.pager li.prev a{margin-top:-7px;}
.pager-wrap .pager li.next {padding: .5em 0 .7em .4em;}
.pager-wrap.above li.next div.buttonArea {height: auto;}
.pager-wrap.above .pager li.next {padding: 0;margin: 7px 0 0 5px;}
.pager-wrap.above .pager.button {padding: 0;}
.above .pager-nums { display: none; }
.below .page-now { display: none; }

.pager-wrap .pager-nums {
    text-align: center;
    font-size: 12px;
    letter-spacing: 2px;
    display: inline !important;
    border: none; 
    background-color: white 
    border-radius:none; 
    margin: 0;
    background-color: white;
   line-height: 32px;
}

.pager-wrap .pager .pager-nums a {
    display: inline !important;
    text-decoration: underline;
    border: none; 
    background-color: white;
    border-radius:none; 
    margin: 0;
    padding: 0;
}

.pager .next {
}

.pager-wrap.below{font-size:1.4em;}
.below .pager-nums{font-size:1.2em;}
.count02{margin-top:7px;}
li.next div.buttonArea{margin:0;}

/* ---------------------------------
*    バナー
*/

.fot_bnr img{
	max-width: 100%;
	width:95%;
	padding:10px;}