/* カスタマイズ用CSS */
/* カスタマイズ用CSS */

.ec-productRole__description table{margin:15px auto 20px auto;border-top:1px solid #ccc;border-left:1px solid #ccc;width:100%;border-collapse:collapse;text-align:left;}
.ec-productRole__description table th{width:20%;padding:8px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:#333;background-color:#f0f0f0;font-weight:normal;}
.ec-productRole__description table td{padding:8px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;word-break:break-all;}
.ec-select select{width:100%;}

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

.ec-headerNav .ec-headerNav__itemLink{
    color:white;
}
.ec-headerNav .ec-headerNav__itemIcon{
    color:white;
}

/*テーブル強調用*/
.spot table,.spot td,.spot tr{
    border:2px solid #FF0000;
}

ol,ul,li{
    list-style:none;
}

.clearfix{
    clear:both;
}

.myh1{
    font-weight:bold;
    font-size: 16px;
    color: #000000;
}
.myh1_red{
    font-weight:bold;
    font-size: 15px;
    color: #ff0000;
}
.my_title{
    font-weight:bold;
    font-size: 20px;
    color: white;
    background-color: #0E3670;
    text-align:center;
}
.myDetailTbl{
    text-align:center;
    border:0;
    border-collapse:collapse;
    padding:0;
}

.ec-cartNaviIsset .ec-cartNaviIsset__cart{
    color:black;
}

/*商品ページカートジャンプアンカー*/
.anchor{
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}
/*ランキングジャンプ*/
.anchor_ranking{
    display: block;
    padding-top: 150px;
    margin-top: -150px;
}

/*マイページのカード編集を非表示に*/
ul.ec-navlistRole__navlist li:nth-child(6){
    display:none;
}

/* ===============================================
長方形スライダー
=============================================== */
.main_visual{
    width:100%;
    margin:0 auto 50px;
    max-width:1130px;
}
.main_visual img{
    width:100%;
}


/* ===============================================
サイドリスト
=============================================== */
ul.my_sidelist{
  font: 14px/1.6 'arial narrow', sans-serif;
  color: black;
  padding:0px;
  border:0.5px solid;
  border-radius: 20px;
  list-style: none;
  width:80%;
}
ul.my_sidelist li{
  position: relative;
  line-height: 25px;
  font-weight: bold;
  padding:5px 30px;
}
ul.my_sidelist li:nth-child(even){
    background:#f5f5f5;
}
ul.my_sidelist li:last-child(even){
    background:#f5f5f5;
    border-radius: 20px;
}
/*//サイドリスト*/


/* ===============================================
shop_ranking2 新ランキング
=============================================== */


/*********************************************
新着商品
**********************************************/
#newItem_title{
	margin:5px;
	font-family:"MS Pゴシック",sans-serif;
	font-weight:bold;
	text-align:center;
	vertical-align: central;
	font-size:20px;
}
.ec-newItemRole__listItem{
    float:left;
}
.ec-newItemRole .ec-newItemRole__listItem a{
    color:black;
}
/* ==============================================
 ショッピングフロー
=============================================== */

#shopping_flow {
    margin-top: 20px;
    margin-right:auto;
    margin-left:auto;
    width:100%;
    max-width:1150px;
}

#shopping_flow h1 {
    padding: 5px 8px;
    background: #2a2a2a;
    font-size: 120%;
    font-weight: bold;
    color: #fff;
}

#shopping_flow ol {
    margin-top: 13px;
}

#shopping_flow ol li {
    float: left;
}


/* ==============================================
 ショッピングフロー
=============================================== */

#shopping_guide {
    margin-top: 20px;
    margin-right:auto;
    margin-left:auto;
    width:100%;
    max-width:1150px;
    
}

#shopping_guide h1 {
    margin-bottom: 20px;
    padding: 5px 8px;
    background: #2a2a2a;
    font-size: 120%;
    font-weight: bold;
    color: #fff;
}

#shopping_guide dl {
    float: left;
    width: 470px;
}

#shopping_guide .right_block {
    float: right;
}

#shopping_guide dl dt {
    padding: 5px 18px;
    background: url(../img/icon/circle.gif) no-repeat left center;
    border-bottom: dotted #b2b2b2 1px;
    font-size: 120%;
    font-weight: bold;
}

#shopping_guide dl dd {
    margin-bottom: 20px;
}

#shopping_guide dl dd p {
    padding: .6em 0;
}

#shopping_guide dl dd table {
    margin: 10px 0;
    width: auto;
}

#shopping_guide dl dd table th {
    background: #ffe9eb;
}

#shopping_guide dl dd .info {
    padding: 10px;
    width: 280px;
    background: #ffe9eb;
}

#shopping_guide dl dd .info span {
    padding-right: 25px;
    background: url(../img/icon/mail.gif) no-repeat right center;
}


/* ==============================================
 ショッピングフローブロック
=============================================== */

#shopping_guide_block {}

#shopping_guide_block h1 {
    margin-bottom: 20px;
    padding: 5px 8px;
    background: #2a2a2a;
    font-size: 120%;
    font-weight: bold;
    color: #fff;
}

#shopping_guide_block dl dt {
    padding: 5px 18px;
    background: url(../img/icon/circle.gif) no-repeat left center;
    border-bottom: dotted #b2b2b2 1px;
    font-size: 120%;
    font-weight: bold;
}

#shopping_guide_block dl dd {
    margin-bottom: 20px;
}

#shopping_guide_block dl dd p {
    padding: .6em 0;
}

#shopping_guide_block dl dd table {
    margin: 10px 0;
    width: auto;
}

#shopping_guide_block dl dd table th {
    background: #ffe9eb;
}

#shopping_guide_block dl dd .info {
    padding: 10px;
    width: 280px;
    background: #ffe9eb;
}

#shopping_guide_block dl dd .info span {
    padding-right: 25px;
    background: url(../img/icon/mail.gif) no-repeat right center;
}

.ec-checkProductItemRole__list{
    overflow:hidden;
}


/* ==============================================
 カレンダー
=============================================== */
.apg_sc_table {
 border-collapse: collapse;
 border-spacing: 0;
 line-height: 1.5;
 margin-left: auto;
 margin-right: 10px;
 margin-bottom: 20px;
 float: left;
}

.apg_sc_table th,
.apg_sc_table td {
 border: 1px solid #ccc;
}

.apg_sc_table thead th {
 padding: 10px;
 font-weight: bold;
 vertical-align: top;
 color: #fff;
 background: #efefef;
}

.apg_sc_table tbody th {
 background: #efefef;
 line-height: 2.4em;
 text-align: center;
}

.apg_sc_table td {
 padding: 10px;
 vertical-align: top;
 text-align: center;
 background-color: #fff;
}

/* ★休日のカラーはここで設定しています。*/
.apg_sc_table .apg_sc_holiday {
 background: #ECC6C7 !important;
}

.apg_sc_table .apg_sc_saturday {
 /*background: #BDE2E8;*/
}

.apg_sc_table .apg_sc_sunday,
.apg_sc_table .apg_sc_sunday {
 /*background: #ECC6C7;*/
}

@media only screen and (max-width: 767px) {
 .apg_sc_table {
 float: none;
 margin-top: 20px;
 margin-right: auto;
 }
} 

/* ==============================================
 レスポンシブ、スマホブロック
=============================================== */
@media only screen and (max-width: 750px){
    /* shopping_flow */
    #shopping_flow {
        display: none;
    }
    /* shopping_guide */
    #shopping_guide {
        display: none;
    }
    
    .ec-headerNavSP{
        top:0px;
        z-index:9999;
    }
    .ec-headerNaviRole{
        position:fixed;
        top:0px;
        z-index:8888;
    }
    .ec-drawerRoleClose{
        z-index:9999;
    }
    /*スマホヘッダー分下へずらす*/
    .ec-layoutRole__header{
        margin-bottom:50px;
    }
    .main_visual{
        width:100%;
        max-width:1130px;
    }
    .main_visual img{
        width:100%;
    }

    /* ===============================================
    フッターリスト
    =============================================== */
    ul.my_footerlist{
      font: 14px/1.6 'arial narrow', sans-serif;
      color: black;
      padding:0px;
      border:0.5px solid;
      border-radius: 20px;
      list-style: none;
      width:80%;
    }
    ul.my_footerlist li{
      position: relative;
      line-height: 25px;
      font-weight: bold;
      padding:5px 30px;
    }
    ul.my_footerlist li:nth-child(even){
        background:#f5f5f5;
    }
    ul.my_footerlist li:last-child(even){
        background:#f5f5f5;
        border-radius: 20px;
    }
    
    /*ランキングのタブ*/
    .tab_content_description ul{
        padding-left:0px;
    }
    .tab_item {
    	font-size: 13px;
    }


}