@charset "UTF-8";







/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
取扱店舗ユニット（PC）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extShoplist { }
.extShoplist ul.extShoplistBox { width: 100%; margin: 0; padding: 0; list-style: none; position: relative !important; overflow: hidden; /zoom: 1; }
.extShoplist ul.extShoplistBox li.extShoplistBtn { display: block; margin-right: -10px; margin-bottom: 20px; padding: 0; position: relative !important; overflow: hidden; /zoom: 1; }
.extShoplist ul.extShoplistBox li.extShoplistBtn .extShoplistRegion { float: left; width: 260px; height: 60px; margin: 0 10px 0 0; padding: 0; text-align: center; cursor: pointer; background: url(btn_shoplist.png) no-repeat center center; }
.extShoplist ul.extShoplistBox li.extShoplistBtn .extShoplistRegion span { line-height: 61px; font-size: 16px; }
.extShoplist ul.extShoplistBox li.extShoplistBtn .extShoplistRegion:hover, .extShoplist ul.extShoplistBox li.extShoplistBtn .active { background: url(btn_shoplist_on.png) no-repeat center center; color: #FFF; }

/*アクティブボタン（ぽぽちゃん）*/
body#page23 .extShoplist ul.extShoplistBox li.extShoplistBtn .extShoplistRegion:hover, body#page23 .extShoplist ul.extShoplistBox li.extShoplistBtn .active { background: url(btn_shoplist_on_popo.png) no-repeat center center !important; }

/*アクティブボタン（のりもの）*/
body#page7 .extShoplist ul.extShoplistBox li.extShoplistBtn .extShoplistRegion:hover, body#page7 .extShoplist ul.extShoplistBox li.extShoplistBtn .active { background: url(btn_shoplist_on_vehicle.png) no-repeat center center !important; }

/*アクティブボタン（家具・育児）*/
body#page8 .extShoplist ul.extShoplistBox li.extShoplistBtn .extShoplistRegion:hover, body#page8 .extShoplist ul.extShoplistBox li.extShoplistBtn .active { background: url(btn_shoplist_on_furniture.png) no-repeat center center !important; }

/*アクティブボタン（おもちゃ）*/
body#page24 .extShoplist ul.extShoplistBox li.extShoplistBtn .extShoplistRegion:hover, body#page24 .extShoplist ul.extShoplistBox li.extShoplistBtn .active { background: url(btn_shoplist_on_toys.png) no-repeat center center !important; }

/* 一覧 */
.extShoplistDetail { margin: 20px 0 0 0; display:none; overflow: auto; height: 400px; }
.extShoplistDetail h3.extShoplistDetailState { margin-bottom: 20px; }
.extShoplistDetail table.extShoplistDetailOuterBox { width: 100%; margin-bottom: 20px; border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #F0F0F0; }
.extShoplistDetail table.extShoplistDetailOuterBox tr th { padding: 6px 0 5px 0; background-color: #F3F3F3; }
.extShoplistDetail table.extShoplistDetailOuterBox tr th.extShoplistDetailShopNameT { width: 20%; } /* 店舗名 */
.extShoplistDetail table.extShoplistDetailOuterBox tr th.extShoplistDetailAddrT { } /* 店舗住所 */
.extShoplistDetail table.extShoplistDetailOuterBox tr th.extShoplistDetailTellT { width: 22%; } /* 電話番号 */
.extShoplistDetail table.extShoplistDetailOuterBox tr th.extShoplistDetailEtcT { width: 25%; } /* 備考 */
.extShoplistDetail table.extShoplistDetailOuterBox tr td { padding: 6px 10px 5px 10px; line-height: 1.6em; vertical-align: top; border-top: 1px solid #F0F0F0; }







/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
取扱店舗ユニット（スマートフォン）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extShoplistSp ul.extShoplistSpBox { position: relative; margin-left: -10px; padding: 0; list-style: none; }
.extShoplistSp ul.extShoplistSpBox li { float: left; display: block; width: 50%; height: 29px; margin: 0 0 6px 0; padding: 0; text-align: center; color: #333;  }
.extShoplistSp ul.extShoplistSpBox li .extShoplistRegion { display: block; height: 27px; margin: 0 0 0 10px; line-height: 27px; border: 1px solid #CDCDCD; border-radius: 29px; background: #FFFFFF url(/usr-data/extunits/extShoplist/extShoplistSp_bg.png) no-repeat 95% 50%; background-size: 15px 15px; cursor: pointer; font-weight: bold; }

/*アクティブカラー（デフォルト）*/
.extShoplistSp ul.extShoplistSpBox li .active, .extShoplistSp ul.extShoplistSpBox li .extShoplistRegion:hover { background: #372113 url(/usr-data/extunits/extShoplist/extShoplistSp_bg_active.png) no-repeat 95% 50% !important; background-size: 15px 15px !important; color: #FFFFFF !important; border: 1px solid #1C1109 !important; }

/*アクティブカラー（ぽぽちゃん）*/
body#page23 .extShoplistSp ul.extShoplistSpBox li .active, body#page23 .extShoplistSp ul.extShoplistSpBox li .extShoplistRegion:hover { background: #D63F2E url(/usr-data/extunits/extShoplist/extShoplistSp_bg_active.png) no-repeat 95% 50% !important; background-size: 15px 15px !important; color: #FFFFFF !important; border: 1px solid #C23827 !important; }

/*アクティブカラー（のりもの）*/
body#page7 .extShoplistSp ul.extShoplistSpBox li .active, body#page7 .extShoplistSp ul.extShoplistSpBox li .extShoplistRegion:hover { background: #358BA7 url(/usr-data/extunits/extShoplist/extShoplistSp_bg_active.png) no-repeat 95% 50% !important; background-size: 15px 15px !important; color: #FFFFFF !important; border: 1px solid #2E7B94 !important; }

/*アクティブカラー（家具・育児）*/
body#page8 .extShoplistSp ul.extShoplistSpBox li .active, body#page8 .extShoplistSp ul.extShoplistSpBox li .extShoplistRegion:hover { background: #ED6F23 url(/usr-data/extunits/extShoplist/extShoplistSp_bg_active.png) no-repeat 95% 50% !important; background-size: 15px 15px !important; color: #FFFFFF !important; border: 1px solid #D3550B !important; }

/*アクティブカラー（おもちゃ）*/
body#page24 .extShoplistSp ul.extShoplistSpBox li .active, body#page24 .extShoplistSp ul.extShoplistSpBox li .extShoplistRegion:hover { background: #699B29 url(/usr-data/extunits/extShoplist/extShoplistSp_bg_active.png) no-repeat 95% 50% !important; background-size: 15px 15px !important; color: #FFFFFF !important; border: 1px solid #578121 !important; }

/*一覧*/
.extShoplistSp .extShoplistSpDetail { margin: 10px 0 0 0; display:none; height: 400px; overflow: auto; -webkit-overflow-scrolling: touch; }
.extShoplistSp .extShoplistSpDetail dl { border: 1px solid #CDCDCD; margin-bottom: 10px; }
.extShoplistSp .extShoplistSpDetail dl dt { padding: 5px 10px; font-size: 1.1em; font-weight: bold; background-color: #F4F4F4; border-bottom: 1px solid #CDCDCD; }
.extShoplistSp .extShoplistSpDetail dl dd { padding: 5px 10px; border-bottom: 1px dotted #CDCDCD; }
.extShoplistSp .extShoplistSpDetail dl dd:last-child { border-bottom: none; }
.extShoplistSp .extShoplistSpDetailShopName a { color: #333 !important; text-decoration: underline; }
.extShoplistSp .extShoplistSpDetailShopName a:hover { text-decoration: none; }