.lo{background:#000;}

#shop-title,
.sub-title{
   background: none;
   padding: 0;
   margin: 0;
   border: none;
}
.sub-title{
   color: #e21e8a;
   padding: 0 20px;
   font-size: 12px;
   font-weight: normal;
}

#shop-title{
   position: relative;
   text-align: center;
   font-weight: normal;
   color: #000;
   font-size: 11px;
   padding: 25px 0 50px;
   letter-spacing: 1px;
}
#shop-title span{
   font-size:20px;
   display: block;
}
#shop-title .title-img{
   position: relative;
   width: 100%;
   height: auto;
}
#shop-title .sns-btns{
   position: absolute;
   top: 70px;
   left: 25px;
   border: none;
}

h3.information-title{
   font-size: 7px;
   font-weight: normal;
   background: none;
   border-top:1px solid #e1e1e1;
   border-bottom:1px solid #e1e1e1;
   line-height: 180%;
   padding:8px 15px 8px 10px;
}
h3 span{
   color:#e21e8a;
   font-size: 13px;
   font-weight: bold;
}

.shop-banner{
   text-align: center;
   padding: 9px 0;
}
.shop-banner img{
   display: inline;
}
.shop_news{
   font-size: 9pt;
}

.shop_news dl dd{
   font-size: 10px;
   padding: 9px;
   width: 90%;
   margin: auto;
   border-bottom: dotted 1px #dedede;
}
.shop_news dl dd font{
   color:#000 !important;
}
.shop_news dl dd img{
   width: 300px;
   height: auto;
}

/*pickup*/
#pickup-title{
   padding: 0;
}
#pickup-title img{
   width: 100%;
   height: auto;
}
#pickup{
   padding: 20px 0 20px 9px;
   border-bottom: solid 1px #dedede;
}
#pickup:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   font-size: 0;
   visibility: hidden;
}
#pickup .pickup-item{
   float: left;
   width: 95px;
   text-align: center;
   margin-right: 5px;
   font-size: 7pt;
}
#pickup .pickup-item img{
   width: 89px;
   height: auto;
   padding: 2px;
   border: solid 1px #e11e87;
}
#pickup .pickup-item .title{
   line-height: 1.2;
   margin-top: 5px;
   padding: 0 5px;
}
#pickup .pickup-item .title a{
   color: #ef1566;
   text-decoration: none;
}


#shop-search {
   text-align: center;
}

#shop-search select {
   font-size: 12pt;
   width: 38%;
}
#shop-search input[type='submit'] {
   font-size: 12pt;
   width: 20%;
}

.web-shop{
   text-align: center;
   font-size: 9px;
}
.web-shop img.logo{
   max-width:83px;
}
.web-shop dl{
   margin-top:20px;
}
.web-shop dl dt{
   margin-bottom:5px;
}
.web-shop dd{
   padding:0px 0;
   width: 90%;
   height: 50px;
   margin: auto;
   text-align: center;
   vertical-align: middle;
   border: solid 1px #dedede;
}
.web-shop dd img{
   display:inline;
   margin-top: 10px;
}
.web-shop .web-shop-text{
}
.web-shop .web-shop-text a{
   padding: 12px 0 16px !important;
   display: block;
   line-height: 28px;
   height: 28px;
   text-decoration: none !important;
}

.area-list,
.area-list li,
.area-list li a{
   display: block;
}
.area-list{
   overflow: hidden;
}
.area-list-border{
   border-bottom: dotted 1px #dedede;
   width: 90%;
   margin:5px auto 12px;
   
}
.area-list li{
   width: 136px;
}
.area-list li.large{
   width: 90%;
   margin:10px auto;
}
.area-list li.large a:after {
   content:">";
   position: absolute;
   right: 30px;
}


.area-list a{
   font-size: 10px;
   padding:8px 14px;
   background: #fff6ff;
   color:#e21e8a;
   text-decoration: none;
}

.shop-list h4{
   border-top: solid 1px #f5cfe6;
   border-bottom: solid 1px #f5cfe6;
}
.shop-list h4 a{
   display: block;
   color: #0E0E0E;
   display: block;
   padding: 10px 10px 10px 15px;
   text-decoration: none;
   background: url(../../img/ipn/list_bg_pink.png) no-repeat scroll right center #FFF4FF;
   border-top: solid 1px #fff;
   border-bottom: solid 1px #fff;
}
.shop-list dl{
   overflow: hidden;
}
.shop-list .shop-image{
   float: left;
   width: 80px;
   padding: 7px 0;
   text-align: center;
}
.shop-list .shop-image img{
   width: 66px;
   height: auto;
   margin: auto;
}
.shop-list .shop-info{
   position: relative;
   float: right;
   width: 240px;
   font-size: 10pt;
}
.shop-list .shop-info .add-shop-btn,
.shop-list .shop-info .add-shop-btn a,
.shop-list .shop-info .add-line-btn,
.shop-list .shop-info .add-line-btn a
{
   width: 40px;
   height: 40px;
}

.shop-list .shop-info  .shop-btn-area {
   position: absolute;
   right: 10px;
   top: 10px;
}
.shop-list .shop-info .add-shop-btn{
margin-bottom: 3px;
}

.shop-list .shop-info .add-line-btn{
}

.shop-list .shop-info .add-shop-btn a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../../img/ipn/btn-add-shop-mini.png) no-repeat;
   background-size: 40px auto;
   -webkit-background-size: 40px auto;
}
.shop-list .shop-info .add-line-btn a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../../img/ipn/btn-line-mini.png) no-repeat;
   background-size: 40px auto;
   -webkit-background-size: 40px auto;
}


.shop-list .shop-info .shop-info-address{
   padding-right: 50px;
}
.shop-list .shop-info .shop-info-map,
.shop-list .shop-info .shop-info-call{
   padding-right: 10px;
}
.shop-list .shop-info .shop-info-address{
   padding-top: 10px;
   color: #303030;
}
.shop-info-map{
   background: url(/shop/img/ipn/icon-map.png) no-repeat left;
   background-position: 0 3px;
   background-size: 13px auto;
   -webkit-background-size: 13px auto;
   text-indent: 15px;
   border-bottom: solid 1px #dedede;
   padding-bottom: 4px;
   min-height: 47px;
}
.shop-info-call{
   background: url(/shop/img/ipn/icon-call.png) no-repeat left;
   background-size: 13px auto;
   -webkit-background-size: 13px auto;
   text-indent: 15px;
   margin-top: 4px;
}
.back{
   background: url(/shop/img/ipn/icon-back.png) no-repeat left;
   background-size: 8px auto;
   -webkit-background-size: 8px auto;
   text-indent: 11px;
   margin-top: 9px;
   padding-bottom: 9px;
   border-bottom: solid 1px #dedede;
}

.shop-detail-image{
   background: url("../../img/ipn/body_bg.png");
   background-size: 22px 32px;
   -webkit-background-size: 22px 32px;
   padding: 18px 0 0px;
}
.shop-detail-image img{
   margin: auto;
   border: solid 5px #fff;
   box-shadow: 0px 0px 4px #dba1c4;
   -webkit-box-shadow: 0px 0px 4px #dba1c4;
   -moz-box-shadow: 0px 0px 4px #dba1c4;
}
.shop-detail-image #add-shop{
   padding: 10px 0 0;
}
.shop-detail-image #add-shop #add-shop-btn{
   padding-bottom: 10px;
}
.shop-detail-image #add-shop .add-shop-popup{
   text-align: center!important;
   padding: 10px;
   font-size: 12px;
   background: #fae6f4;
   margin-top: 0;
   border-top: solid 1px #efa9d1;
}

#shop-details{
   padding: 10px;
}

#shop-details .message{
   padding: 0 0 9px;
   font-size: 11pt;
}

#shop-details table{
   width: 100%;
   border-collapse:separate;
   border-spacing:1px;
   background: #dedede;
}
#shop-details table th,
#shop-details table td{
   font-size: 10pt;
   padding: 5px 10px;
}
#shop-details table th{
   color: #484848;
   text-align: center;
   white-space: nowrap;
   background: #f0f0f0;
   border-left: solid 1px #fff;
   border-bottom: solid 1px #fff;
}
#shop-details table td{
   background: #fff;
}

#shop-details .shop-info-map{
   padding: 0;
   border: 0;
}

dl#shop-details {
   padding: 3px;
}

dl#shop-details dt {
   padding: 3px;
   font-weight: bold;
}
dl#shop-details dd {
   border-bottom: 1px solid #999999;
   padding: 5px;
}

div.magazine-list{
text-align:center;
padding:8px 0;
background: #ffffcc;
border-top:1px solid #ffff66;
border-bottom:1px solid #ffff33;
}


#magazine-list{
   padding:10px 0;
   background: url(/img/ipn/body-bg.png) repeat-y;
}

.topics-list{display: none;}

#idx-list-topics,
#idx-list-styling{
   padding-right:2px;
   margin:0 10px;
   border:1px solid #fee5f3;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
}

.list-topics,
.list-styling{
   width:100%;
   border:1px solid #d95097;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
}

div.idx-title{
   display: block;
   height:35px;
   padding-left:10px;
   background:#f98cca url(/img/ipn/index/listbg-odd.png) no-repeat;
   text-decoration: none;
   font-weight:bold;
   color:#ffffff;
   text-shadow: 1px 1px 1px #333333;
   line-height:35px;
   position: relative;
}

#magazine-list div.idx-title{
   margin-top: 0;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
}


div.idx-title .link-arrow{
   width:11px;
   height:35px;
   text-indent: -10000px;
   background: url(/img/ipn/index/linkarrow-bottom.png) no-repeat;
   position: absolute;
   left:95%;
}

.list-topics ul li{
   background: #ffffff;
   border-bottom:1px solid #F0EBEF;
   padding-left:8px;
}

.list-topics ul li a{
   display:block;
   width:100%;
   height:34px;
   line-height:34px;
   text-decoration: none;
   color:#000000;
   font-size:0.9em;
}

.topics h3{
   font-size: 10pt;
   background: #efefef;
}
.topics h3 a{
   text-decoration: none;
   color: #9f049f;
}
.topics-contents{
   padding: 7px;
}
.topics-contents p{

   font-size: 9pt;

}
.topics-image{
   float: left;
   width: 48px;
   margin: 0 10px 0 0;
}

/*
#idx-list-topics ul li.even{
   background:#FCFAD3;
   border-top:1px solid #ffffff;
}
*/


/*ranking*/
.ranking{
   padding: 0;
}
.ranking .title{
   text-align: center;
   line-height: 1.2;
   color: #f81469;
   background: #fdeef1;
   border-top: solid 1px #fff;
   border-bottom: solid 2px #fae1e6;
   padding: 10px;
}

.ranking .ranking-container{
   padding: 0px 0 9px 9px;
   border-bottom: dotted 3px #ddd;
}
.ranking .ranking-container:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   font-size: 0;
   visibility: hidden;
}
.ranking .item{
   float: left;
   width: 95px;
   text-align: center;
   margin-right: 8px;
   font-size: 7pt;
}
.ranking .item a{
   text-decoration: none;
}
.ranking .item .rank{
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 2px;
   padding-top: 4px;
}
.ranking .item .rank1{color: #c2991c;}
.ranking .item .rank2{color: #bcbcbc;}
.ranking .item .rank3{color: #d27052;}
.ranking .item .thumb img{
   width: 89px;
   height: auto;
   border: solid 3px #fff;
   box-shadow: 0px 0px 4px #999;
   -webkit-box-shadow: 0px 0px 4px #999;
   -moz-box-shadow: 0px 0px 4px #999;
}
.ranking .item .item-name{
   line-height: 1.2;
   margin-top: 5px;
   padding: 0 5px;
   display: none;
}
.ranking .item .item-name a{
   color: #ef1566;
}
.ranking .item .item-price{
   font-size: 12px;
   color: #2f5d6d;
   margin-top: 5px;
}

.ranking .btn{
   text-align: center;
   margin-top: 6px;
}
.ranking .btn img{
   display: inline;
   width: 200px;
   height: auto;
}


/*近くのお店を検索*/
.search-shop-btn{
   color: #fff;
   text-align: center;
   border-top: bottom 3px #666;
   background: #333;
   
   background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
   border: solid 1px #111;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   
   margin: 10px;
   padding: 10px;
}
.search-result-items{
   border-top: solid 3px #666;
   padding: 5px;
   font-size: 9pt;
}
.search-result-items h3{
   float: left;
   width: 170px;
   font-size: 11pt;
   font-weight: normal;
   background: none;
   border: none;
   border-bottom: dotted 1px #ddd;
   margin: 0 0 7px;
}
.search-result-items p{
   float: left;
   width: 170px;
}
.search-result-items p.search-result-items-info{
   padding-bottom: 7px;
}
.search-result-items p.distance{
   clear: both;
   float: none;
   width: 100%;
   text-align: center;
   font-weight: bold;
   padding-top: 5px;
   margin-top: 7px;
   border-top: dotted 1px #ddd;
}
.search-result-items p.distance span{
   font-size: 14pt;
   color: #ff6d00;
}
.search-result-items div.thumb{
   float: left;
   width: 110px;
   margin-right: 10px;
}
.search-result-items div.thumb img{
   width: 110px;
   height: auto;
}