/* ==================================================================
CSS information
style info :「LB」販売店リスト用
================================================================== */


html, body { background:none;}
/* --------------------------------------------------------
#container
-------------------------------------------------------- */
#container { /*min-height:720px;*/ padding:0px; }
#container ul, #container li, #container a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#container img { max-width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


/* --------------------------------------------------------
SHOP LIST
-------------------------------------------------------- */
#list-Block { background: #dbdbdb; width: 100%; max-width: 640px; border-radius: 10px; margin: 0 auto; padding: 10px 0;}
#list-Block { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

#list-Block h1 { max-width: 375px; width: 58.59375%; margin: 0 auto;}

#list-Box { background: #f6f6f6; margin: 10px auto;}
#shoplist { font-size: 1.3rem; width: 100%;
display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch;
}
#shoplist li { width: 50%; padding: 2%; text-align: center; border-bottom: 1px solid #dbdbdb; }
#shoplist li:nth-child(odd) { border-right: 1px solid #dbdbdb;}
#shoplist.odd li:last-child { border-bottom: none;}
#shoplist li span { font-size: 1.1rem;}

.attention { font-size: 1.1rem; padding: 0 10px;}

@media screen and (max-width: 640px) {
#shoplist { font-size: 1.2rem;}
#shoplist li span { font-size: 1.0rem;}
.attention { font-size: 1.0rem; }

}


/* --------------------------------------------------------
DL FLOW
-------------------------------------------------------- */
#flow-Block { background: #f5f5f5; width: 100%; max-width: 640px; border-radius: 10px; margin: 0 auto; padding: 10px 0;}
#flow-Block { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

#flow-Block h1 { max-width: 375px; width: 58.59375%; margin: 0 auto;}

#flow-Box { background: #f5f5f5; margin: 10px auto; text-align: center;}
#flow-Box .flowpic { margin: 0 auto; width: 96.774193%;}
#flow-Box a { display: block; position: absolute; top: 0; left: 0; }
.hps4 #flow-Box a.btn1 { width: 100%; height: auto; padding-top: 16.5%; margin-top: 0%;}
.hps4 #flow-Box a.btn2 { width: 47.5%; height: auto; padding-top: 24%; margin-top: 50.5%; left: 1.6%;}

.attentionList { padding: 0 10px; }
.attentionList li { font-size: 1.1rem; text-indent: -1em; padding-left: 1em; line-height: 1.21;}

@media screen and (max-width: 640px) {
.attentionList li { font-size: 1.0rem; }

}