@charset "utf-8";

a{
    color: #0080eb;
    text-decoration: none;
}
a:hover img{
    opacity: 0.7 !important;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}
/* -----↓topicpass----- */
#topicpass{
    margin: 0 auto;
}
/* -----↑topicpass----- */

#largemenu{
    width: 100%;
    height: 140px;
    overflow: hidden;
    margin-bottom: 10px;
}
#menuBox{
    list-style: none;
}
#menuBox li a:hover{
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/* -----↓mainVisual----- */
#mainVisual{
    margin: 0 auto 20px auto;
    padding-bottom: 10px;
    /*width: 750px;*/
	width: 100%;
	background-color:#ffe5f1;
}
#mainVisualBlock{
    /*display: inline-block;*/
    margin: 0 auto;
    width: 960px;
}
#mainVisualPlayer{
    width: 100%;
    /*background-color: #fff;*/
    border-radius: 5px;
    padding-bottom: 5px;
}
#mainVisualMovie{
    float: left;
    width: 410px;
    margin-right: 10px;
    position: relative;
}
#mainVisualMovie .telop{
    position: absolute;
    top: 5px;
    left: 5px;
    color: #fff;
    background-color: #E56F7D;
    border-radius: 3px;
    padding: 2px 3px;
    font-size: 11px;
    line-height: 1;
}
#mainVisualList{
    /*float: left;*/
    width: 100%;
	margin:0 auto;
}
#mainVisualList ul{
}
#mainVisualList ul li{
    /*margin-bottom: 4px;*/
	width: 20%;
    float: left;
	margin: 0 0 5px 0;
}
#mainVisualList ul li:last-child{
    margin-bottom: 0px;
}
#mainVisualList ul li a:hover{
    text-decoration: none;
}
#mainVisualList ul .lion a{
    color: #fff;
}
#mainVisualList ul li .arrowBlock{
    float: left;
    position: relative;
    width: 8px;
}
#mainVisualList ul li .arrowLft{
    border-width: 5px 8px 5px 0px;
    border-style: solid;
    border-color: transparent;
    display: inline-block;
    position: absolute;
    top: 50%;
}
#mainVisualList ul .lion .arrowLft{
    border-color: transparent #e56f7d transparent transparent;
}
#mainVisualList ul li .movieListBlock{
    /*margin-left: 8px;*/
    background-color: #ffeeee;
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
}
#mainVisualList ul .lion .movieListBlock{
    background-color: #e56f7d;
}
#mainVisualList ul li .movieListBlock .movieListThumbnail{
    /*float: left;
    margin-right: 5px;*/
    vertical-align: middle;
}
#mainVisualList ul li .movieListBlock .movieListThumbnail p{
    padding: 3px 5px 3px 5px;
}
#mainVisualList ul li .movieListBlock .movieListThumbnail p img{
    width: 190px;
    height: auto;
}
#mainVisualList ul li .movieListBlock .movieListLead{
    /*float: left;
    position: relative;*/
    width: 175px;
    overflow: hidden;
	padding: 0 5px 5px 5px;
}
#mainVisualList ul li .movieListBlock .movieListLead .movieTitle{
    /*height: 33px;*/
    font-weight: bold;
    color: #cc3366;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#mainVisualList ul li.lion .movieListBlock .movieListLead .movieTitle{
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#mainVisualList ul li .movieListBlock .movieListLead .movieShop{
    font-size: 11px;
    /*position: absolute;*/
    bottom: 0px;
    left: 0px;
    color: #333;
}
#mainVisualList ul li.lion .movieListBlock .movieListLead .movieShop{
    color: #FFF;
}
#mainVisualThumbnail{
    float: right;
    height: 270px;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 11px 0px;
}
#mainVisual #mainVisualThumbnailTitle{
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
#mainVisual #mainVisualThumbnailTitle h2{
    color: #f73884;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 0;
}
#mainVisual #mainVisualThumbnailTitle span{
    position: absolute;
    bottom: -3px;
    left: 123px;
    font-weight: bold;
}
#mainVisual #thumbnailList{

}
#mainVisual #thumbnailList ul{
}
#mainVisual #mainVisualThumbnailList ul li{
    overflow: hidden;
    float: left;
    height: 70px;
    margin: 0 4px 10px;
    position: relative;
}
#mainVisual #mainVisualThumbnailList ul li .telop{
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: #fff;
    background-color: #000;
    padding: 1px 2px;
    font-size: 11px;
    line-height: 1;
}
#mainVisual #mainVisualThumbnailList ul li .telop{
    text-decoration: none;
}
#mainVisual #mainVisualThumbnailList ul li:nth-of-type(2n+1){
}
#mainVisual #mainVisualThumbnailList ul li a{
    display: block;
}
#mainVisual #mainVisualThumbnailList ul li a img{
    width: 125px;
}
#mainVisual #mainVisualThumbnail1{
    display: inline-flex;
    margin: 20px 0;
	width:100%;
}
#mainVisual #mainVisualThumbnail2{
    width: 100%;
    display: inline-block;
    height: auto;
    background-color: #fff;
    border-radius: 5px;
    padding: 0;
}
#mainVisual #mainVisualThumbnailTitle2{
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
#mainVisual #mainVisualThumbnailTitle2 h2{
    color: #f73884;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 0;
}
#mainVisual #mainVisualThumbnailTitle2 span{
    color: #333;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
}
#mainVisual #mainVisualThumbnailTitle2 > p{
    float: right;
    margin-right: 5px;
}
#mainVisual #mainVisualThumbnailTitle2 > p a{
    border-radius: 5px;
    color: #555;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 1px 5px 0;
}
#mainVisual #mainVisualThumbnailTitle2 > p a i{
    margin-right: 2px;
}
#mainVisual #mainVisualThumbnailList2{
    height: auto;
    overflow: hidden;
}
#mainVisual #mainVisualThumbnailList2 ul li{
    float: left;
    height: 80px;
    margin: 0 5px;
    margin-bottom: 10px;
    position: relative;
}
#mainVisual #mainVisualThumbnailList2 ul li:first-child,
#mainVisual #mainVisualThumbnailList2 ul li:nth-of-type(6n){
    margin-left: 0;
}
#mainVisual #mainVisualThumbnailList2 ul li:nth-of-type(5n){
    margin-right: 0;
}
#mainVisual #mainVisualThumbnailList2 ul .movieThumbnail2 > div{
    width: 142px;
}
#mainVisual #mainVisualThumbnailList2 ul li a{
    display: block;
}
#mainVisual #mainVisualThumbnailList2 ul li a img{
    width: 100%;
}
#mainVisual #mainVisualThumbnailList2 ul li .telop{
    position: absolute;
    bottom: 1px;
    right: 0px;
    color: #fff;
    background-color: #000;
    padding: 1px 2px;
    font-size: 11px;
    line-height: 1;
    text-decoration: none;
}
/* -----↑mainVisual----- */

/* -----↓searchBlock----- */
#searchBlock{
    margin-bottom: 40px;
}
#tabSearch ul li{
    float: left;
    width: 164px;
    height: 45px;
    margin-right: 2px;
    margin-bottom: -8px;
}
#tabSearch ul li a{
    display: block;
    height: 100%;
    text-indent: -9999px;
}
#tabSearch ul li.li01 a{background: url(../image/tabSearch01.png?cache01=20161201000000) 0 0 no-repeat;}
#tabSearch ul li.li02 a{background: url(../image/tabSearch02.png?cache01=20161201000000) 0 0 no-repeat;}
#tabSearch ul li.li03 a{background: url(../image/tabSearch03.png?cache01=20161201000000) 0 0 no-repeat;}

#tabSearch ul li a:hover{
    background-position: 0 -45px;
}
#tabSearch ul li.lion a{
    background-position: 0 -90px;
}
#tabSearchContents{
    border: 2px solid #E1D6C2;
    border-radius: 0 4px 4px 4px;
    padding: 18px 8px 8px;
}
#tabSearchContents .infoText{
    padding-bottom: 10px;
}
#tabSearchContents .infoText dl{
    border: 1px solid #F7CDDE;
    border-radius: 14px 14px 14px 14px;
    padding: 5px 9px;
}
#tabSearchContents .infoText dl dt{
    float: left;
    width: 3em;
    text-align: center;
    background-color: #e73782;
    color: #fff;
    border-radius: 5px;
}
#tabSearchContents .infoText dl dd{
    float: left;
    margin-left: 1em;
}
#searchMap{
    float: left;
}
#searchMap p{
    border: 1px solid #E1D6C2;
    background-color: #F7F4EF;
}

#searchMapFavorite{
    background: url(../image/searchMapFavoriteBg.png?cache01=20161201000000) 6px 15px no-repeat;
    margin: 0 -8px -8px;
    padding: 6px 0 8px;
    clear: both;
}
#searchMapFavorite ul{
    padding: 28px 8px 20px 90px;
}
#searchMapFavorite ul li{
    float: left;
    width: 20%;
}
#searchMapFavorite ul li a{
    background: url(../image/moreLinkList.png?cache01=20161201000000) left 50% no-repeat;
    padding-left: 12px;
}
#searchArea{
    float: left;
    margin-left: 20px;
}
div.searchBox{
    background-color: #F4F3EF;
    margin-bottom: 15px;
    padding: 10px 10px 5px;
}
h3.searchTitle{
    clear: both;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
}
.tar{
    text-align: right !important;
}
.tar a{
    background: url(../image/moreLink.png?cache01=20161201000000) no-repeat scroll 0 50% rgba(0, 0, 0, 0);
    padding-left: 12px;
}
/* -----↑searchBlock----- */

/* -----↓pickupBlock----- */
#pickupBlock{
    margin-bottom: 30px;
}
#pickupBlockTop{
    background-repeat: repeat-x;
}
#pickupBlockTop .pagerBtn ul li a{
    color: #000;
}
#pickupBlockTop .pagerBtn ul li.lisquare a{
    background-color: #865477;
}
#pickupBlockTop .pagerBtn ul li.lion a{
    background-color: #f7cdde;
}
#pickupBlockImg{
    float: left;
}
#pickupBlockImg p{
    padding: 6px;
    margin: 10px 10px 5px;
    background-color: #fff;
}
#pickupBlockImg p img{
}
#pickupBlockText{
    float: left;
    color: #fff;
    padding-right: 10px;
    width: 70%;
}
#pickupBlockBtm{
    border: 1px solid #000;
    padding: 10px 10px 5px;
}
#pickupBlockBtm p{
    margin-bottom: 5px;
    text-align: center;
}
#pickupBlockText a{
    font-weight: bold;
    color: #FFF;
    font-size: 15px;
}
#pickupBlockList .iconPrev{
    display: table-cell;
    vertical-align: middle;
    width: 15px;
}
#pickupBlockList .iconNext{
    display: table-cell;
    vertical-align: middle;
    width: 15px;
    padding-left: 28px;
}
#pickupBlockList .pickupBox{
  border:1px solid #ddd;
  display:inline-table;
  padding:8px;
  vertical-align:top;
  width:150px;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#pickupBlockList .pickupBox:hover{
  opacity:0.7;
  box-shadow:2px 3px #ddd;
}
#pickupBlockList .pickupBox dl dt span{
  display:none;
}
.pickupBox .logo{
  height:120px;
  width:150px;
  overflow:hidden;
  margin-bottom:5px;
  display:block;
}
.pickupBox .logo a{
    display: table-cell;
    vertical-align: middle;
}
.pickupBox .logo a img,
.pickupBox .logo img{
  width:150px !important;
}
.pickupBox dl{
  width:150px;
}
.pickupBox dl dt{
  word-break:break-word;
  text-align:center;
  display:block;
  text-align:left;
  font-size:12px;
  font-weight:bold;
  color:#0080eb;
  height:33px;
  overflow:hidden;
}
.pickupBox:hover dl dt{
  text-decoration: underline;
}
.pickupBox dl dd{
    margin-bottom: 5px;
    font-size: 11px;
}
.pickupBox dl .shop{
    text-align: center;
}
.pickupBox .btnKeep{
}
.pickupBox .btnKeep a{
    margin: 0 auto;
    display: block;
    width: 122px;
    height: 30px;
    overflow: hidden;
}
.pickupBox .btnKeep a:hover img{
    margin-top: -30px;
}
.prtext{
    border: 1px solid #CCC;
    padding: 2px 5px;
}
.prtext ul p{
    padding: 2px 0;
}
#pickupBlock2{
    margin-bottom: 30px;
}
#pickupBlockTop2{
    background-repeat: repeat-x;
}
#pickupBlockTop2 .pagerBtn ul li a{
    color: #000;
}
#pickupBlockTop2 .pagerBtn ul li.lisquare a{
    background-color: #865477;
}
#pickupBlockTop2 .pagerBtn ul li.lion a{
    background-color: #f7cdde;
}
#pickupBlockImg2{
    float: left;
}
#pickupBlockImg2 p{
    padding: 6px;
    margin: 10px 10px 5px;
    background-color: #fff;
}
#pickupBlockImg2 p img{
}
#pickupBlockText2{
    float: left;
    color: #fff;
    padding-right: 10px;
    width: 70%;
}
#pickupBlockBtm2{
    border: 1px solid #000;
    padding: 10px 10px 5px;
}
#pickupBlockBtm2 p{
    margin-bottom: 5px;
    text-align: center;
}
#pickupBlockText2 a{
    font-weight: bold;
    color: #FFF;
    font-size: 15px;
}
#pickupBlockList2 .iconPrev{
    display: table-cell;
    vertical-align: middle;
    width: 15px;
}
#pickupBlockList2 .iconNext{
    display: table-cell;
    vertical-align: middle;
    width: 15px;
    padding-left: 28px;
}
#pickupBlockList2 .pickupBox{
  border:1px solid #ddd;
  display:inline-table;
  padding:8px;
  vertical-align:top;
  width:150px;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#pickupBlockList2 .pickupBox:hover{
  opacity:0.7;
  box-shadow:2px 3px #ddd;
}
#pickupBlockList2 .pickupBox dl dt span{
  display:none;
}
.pickupBox .logo{
  height:120px;
  width:150px;
  overflow:hidden;
  margin-bottom:5px;
  display:block;
}
.pickupBox .logo a{
    display: table-cell;
    vertical-align: middle;
}
.pickupBox .logo a img,
.pickupBox .logo img{
  width:150px !important;
}
.pickupBox dl{
  width:150px;
}
.pickupBox dl dt{
  word-break:break-word;
  text-align:center;
  display:block;
  text-align:left;
  font-size:12px;
  font-weight:bold;
  color:#0080eb;
  height:33px;
  overflow:hidden;
}
.pickupBox:hover dl dt{
  text-decoration: underline;
}
.pickupBox dl dd{
    margin-bottom: 5px;
    font-size: 11px;
}
.pickupBox dl .shop{
    text-align: center;
}
.pickupBox .btnKeep{
}
.pickupBox .btnKeep a{
    margin: 0 auto;
    display: block;
    width: 122px;
    height: 30px;
    overflow: hidden;
}
.pickupBox .btnKeep a:hover img{
    margin-top: -30px;
}
.prtext{
    border: 1px solid #CCC;
    padding: 2px 5px;
}
.prtext ul p{
    padding: 2px 0;
}
#carousel{
  margin:0 auto;
  width:94%;
  height:200px;
  text-align:left;
  position:relative;
}

#carousel_prev,
#carousel_next{
  top:0;
  width:20px;
  height:18px;
  background:#000;
  cursor:pointer;
  position:absolute;
  display:none;
}
#carousel_prev:hover,
#carousel_next:hover{
  background-position: left bottom;
}
#carousel_prev{
  top:85px;
  left:-20px;
  background: url(../image/prev2color.png?cache01=20161201000000) no-repeat left top;
}
#carousel_next{
  top:85px;
  right:-20px;
  background: url(../image/next2color.png?cache01=20161201000000) no-repeat left top;
}

#carousel ul li{
  width:157px;
  float:left;
  text-align:center;
  display:inline;
  padding-top:10px;
  height:182px;
}

#carousel2{
  margin:0 auto;
  width:94%;
  height:200px;
  text-align:left;
  position:relative;
}

#carousel_prev2,
#carousel_next2{
  top:0;
  width:20px;
  height:18px;
  background:#000;
  cursor:pointer;
  position:absolute;
  display:none;
}
#carousel_prev2:hover,
#carousel_next2:hover{
  background-position: left bottom;
}
#carousel_prev2{
  top:85px;
  left:-20px;
  background: url(../image/prev2color.png?cache01=20161201000000) no-repeat left top;
}
#carousel_next2{
  top:85px;
  right:-20px;
  background: url(../image/next2color.png?cache01=20161201000000) no-repeat left top;
}

#carousel2 ul li{
  width:157px;
  float:left;
  text-align:center;
  display:inline;
  padding-top:10px;
  height:182px;
}
/* -----↑pickupBlock----- */

/* -----↓newsBlock----- */
#newsBlock{
    margin: 5px 0 10px;
    overflow: hidden;
}
#newsBlock h2{
    height: 22px;
}
#newsBox li{
    float: left;
    height: 135px;
    width: 50%;
}
#newsBox .newsData:hover{
    opacity: 0.8;
}
#newsBlockImg{
    float: left;
    height: 117px;
    overflow: hidden;
    padding: 9px 9px 9px 0;
    width: 154px;
}
#newsBlockText{
    float: left;
    padding-top: 10px;
    width: 203px;
}
#newsBlockText .time{
    color: #333;
    font-size: 11px;
}

#newsBlockText .time span.topics_movie_icon {
    border: 1px solid #333333;
    color: #333333;
    margin-left: 5px;
}
#newsBlockText .time span{
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    height: 13px;
    line-height: 13px;
    padding: 3px 6px 2px;
    text-align: center;
}
#newsBlockText .time span.topics_movie_icon{
    border: 1px solid #333333;
    color: #333333;
    margin-left: 5px;
}
#newsBlockText .time span.topics_movie_icon img.topics_movie_icon_img{
    border: 0 none;
    margin-right: 2px;
    position: relative;
    top: 0;
    width: 12px;
}
#newsBlockText h3{
    font-size: 13px;
    font-weight: bold;
}
#newsBlockText .text {
    color: #333;
}
#newsBlock #newsBlockText .moreLink{
    background: none;
    margin-bottom: 10px;
    padding-left: 0;
}
/* -----↑newsBlock----- */

/* -----↓updateInfoBlock----- */
#updateInfoBlock{
    margin: 5px 0 30px;
}
#updateInfoTitle{
    margin-bottom: 0;
}
#updateInfoBlock h2{
    border-bottom: 1px solid #ccc;
    color: #f73884;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    width: 100%;
    height: 22px;
    line-height: 20px;
}
.updateInfoList{
    width: 100%;
}
.updateInfoList .data_line{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    width: 100%;
}
.updateInfoList .data_line:hover .data_cell{
    background-color: #FFEEFF;
}
.updateInfoList .data_line .data_cell{
    box-sizing: border-box;
    display: block;
    float: left;
    line-height: 14px;
    overflow: hidden;
    padding: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.updateInfoList .data_line .data_cell:nth-child(1){
    color: #333;
    text-align: center;
    width: 90px;
}
.updateInfoList .data_line .data_cell:nth-child(2){
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #f73884;
    font-weight: bold;
    width: 411px;
}
.updateInfoList .data_line .data_cell:nth-child(3){
    color: #333;
    width: 247px;
}
.shopUpdate {
    background-color: #ccaaff;
    border-radius: 6px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin-left: 10px;
    padding: 0 6px;
}
.blogUpdate {
    background-color: #ffaa66;
    border-radius: 6px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin-left: 10px;
    padding: 0 6px;
}
.movieUpdate{
    background-color: #ffbbcc;
    border-radius: 6px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin-left: 10px;
    padding: 0 6px;
}
/* -----↑updateInfoBlock----- */

/* -----↓areaTopWideBanner----- */
#areaTopWideBanner{

}
#areaTopWideBanner ul{
    width: 100%;
    float: left;
}
#areaTopWideBanner ul li{
    width: 100%;
    float: left;
    text-align: center;
}
#areaTopWideBanner ul li img{
    margin: 5px;
}
/* -----↑areaTopWideBanner----- */

/* -----↓shorttimeBlock----- */
#shorttimeBlock{
    margin-bottom: 20px;
}
#shortbite_box{
    display: table;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}
#shorttimeBlockList .shortbite_box{
    display: inline-table;
    vertical-align: top;
    padding-left: 2px;
    padding-right: 2px;
    height: 160px;
}
#shorttimeBlockList .shortbite_box:hover{
    background-color: #fae9ea;
}
#shorttimeBlockList .shortbite_box p a img{
    width: 225px;
    height: 105px;
}
#shorttimeBlockList .shortbite_text{
    width: 225px;
    text-align: left;
    color: #333;
}
#shorttimeBlock h2{
    border-left: 10px solid #b21f62;
    background-color: #F0F0E6;
    padding-left: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #444;
    margin-bottom: 5px;
    height: 25px;
    line-height: 25px;
}
#shorttimeBlock .leadText{
    color: #444;
    margin-bottom: 10px;
    font-size: 11px;
}
#shorttimeBlockPickup{
    width: 225px;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}
#shorttimeBlockPickup p:first-child{
    margin-bottom: 5px;
}
#shorttimeBlockPickup span,
#shorttimeBlockList span{
    color: #F69;
    font-weight: bold;
    font-size: 14px;
}
#shorttimeBlockList{
    overflow: hidden;
}
#shorttimeBlockList ul{
    display: table;
    margin: 0 auto;
}
#shorttimeBlockList ul li{
    width: 213px;
    float: left;
}
#shorttimeBlockList ul li dl{
    width: 213px;
}
#shorttimeBlockNews{
    clear: both;
    margin-top: 15px;
}
#shorttimeBlockNews h2{
    border-left: 10px solid #b21f62;
    background-color: #F0F0E6;
    padding-left: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #444;
    margin-bottom: 5px;
    height: 19px;
    line-height: 19px;
}
#shorttimeBlockNews h3{
    width: 123px;
    float: left;
}
#shorttimeBlockNewsImg{
    width: 68px;
    float: left;
    margin: 10px;
    position: relative;
}
#shorttimeBlockNewsImg img{
    border: 1px solid #b21f62;
}
#shorttimeBlockNewsImg span{
    position: absolute;
    left: -5px;
    top: -8px;
}
#shorttimeBlockNewsImg span img{
    height: 14px;
    width: auto;
}
#shorttimeBlockNewsText{
    text-align: left;
    margin-top: 10px;
    float: left;
    margin-right: 10px;
    width: 70%;
}
#shorttimeBlockNewsText a{
    font-size: 12px;
}
#shorttimeBlockNewsText img{
    width: 60px;
}
#shorttimeBlockNewsText p.moreLink{
    padding-top: 5px;
}
.shorttimeBlockNewsBox{
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    width: 98%;
}
.shorttimeBlockNewsBox:hover{
    background-color: #fae9ea;
}
/* -----↑shorttimeBlock----- */

/* -----↓blogBlock----- */
#blogBlock{
    margin: 5px 0 30px;
}
#blogBlock h2{
    height: 20px;
    line-height: 20px;
}
#blog_neta_block{
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 5px;
    padding: 5px 5px 3px;
    position: relative;
}
#blog_neta_box{
    display: table-cell;
    height: 42px;
    line-height: 2;
    vertical-align: middle;
}
#blog_neta_box a{
    display: block;
}
#blog_neta_box a:hover{
    text-decoration: none;
}
#blog_neta_caption{
    background-color: #74df00;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.1);
    color: white;
    margin-left: -12px;
    padding: 2px 10px;
}
#blog_neta_title{
    padding-left: 5px;
}
#blog_neta_box a:hover #blog_neta_title{
    text-decoration: underline;
}
#blogList{
    width: 100%;
}
.blogList .title_line{
    border: 1px solid #fff;
    box-sizing: border-box;
    display: none;
    width: 100%;
}
.blogList .title_line .title_cell{
    background-color: #febe44;
    box-sizing: border-box;
    color: white;
    float: left;
    line-height: 24px;
    text-align: center;
}
.blogList .title_line .title_cell:nth-child(1){
    width: 90px;
}
.blogList .title_line .title_cell:nth-child(2){
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 411px;
}
.blogList .title_line .title_cell:nth-child(3){
    width: 247px;
}
.blogList .data_line{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    width: 100%;
}
.blogList .data_line:hover .data_cell{
    background-color: #DDFFDD;
}
.blogList .data_line .data_cell{
    box-sizing: border-box;
    display: block;
    float: left;
    line-height: 14px;
    overflow: hidden;
    padding: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.blogList .data_line .data_cell:nth-child(1){
    color: #333;
    text-align: center;
    width: 90px;
}
.blogList .data_line .data_cell:nth-child(2){
    color: #00bb00;
    font-weight: bold;
    width: 411px;
}
.blogList .data_line .data_cell:nth-child(3){
    color: #333;
    width: 247px;
}
/* -----↑blogBlock----- */

/* -----↓newshopBlock----- */
#newshopBlock{
    margin: 5px 0 30px;
}
#newshopBlock h2{
    color: #444;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    line-height: 22px;
    padding-left: 25px;
}
.newestList{
    width: 100%;
}
.newestList .title_line{
    border: 1px solid #fff;
    box-sizing: border-box;
    display: none;
    width: 100%;
}
.newestList .title_line .title_cell{
    background-color: #f73884;
    box-sizing: border-box;
    color: white;
    float: left;
    line-height: 24px;
    text-align: center;
}
.newestList .title_line .title_cell:nth-child(1){
    display: none;
    width: 90px;
}
.newestList .title_line .title_cell:nth-child(2){
    width: 247px;
}
.newestList .title_line .title_cell:nth-child(3){
    width: 501px;
}
.newestList .data_line{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    width: 100%;
}
.newestList .data_line:hover .data_cell{
    background: rgb(255, 235, 199);
}
.newestList .data_line .data_cell{
    box-sizing: border-box;
    display: block;
    float: left;
    line-height: 14px;
    overflow: hidden;
    padding: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newestList .data_line .data_cell:nth-child(1){
    color: #333;
    display: none;
    text-align: center;
    width: 90px;
}
.newestList .data_line .data_cell:nth-child(2){
    color: #ff570d;
    font-weight: bold;
    width: 501px;
}
.newestList .data_line .data_cell:nth-child(3){
    color: #333;
    width: 247px;
}
/* -----↑newshopBlock----- */

/* -----↓rankingBlock----- */
.rankingBlock{
    margin: 5px 0 20px;
}
.rankingMainBox{
    display: table;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    text-align: center;
}
.rankingBlock h2{
    border-bottom: 1px solid #ccc;
    color: #f73884;
    font-size: 20px;
    font-weight: bold;
    height: 22px;
    line-height: 25px;
    margin-bottom: 3px;
    padding-bottom: 2px;
    padding-left: 0;
    position: relative;
}
.rankingBlock h2 span{
    bottom: 0;
    color: #555;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 0;
}
.rankingBlock .leadText{
    color: #444;
    font-size: 11px;
    margin-bottom: 10px;
}
.rankingBlockList{
    width: 234px;
    margin-bottom: 20px;
    display: inline-table;
    vertical-align: top;
}
#rankingBlock1 .rankingBlockList h3{
    background-color: #ff7c80;
    border-radius: 3px;
    color: #fff;
}
#rankingBlock2 .rankingBlockList h3{
    background-color: #f70;
    border-radius: 3px;
    color: #fff;
}
.rankingMainBox .rankingBlockList{
    text-align: left;
}
.rankingBlockList:nth-of-type(1n){
    margin: 0 3px 10px 3px;
}
.rankingBlockList:nth-of-type(n+9){
    margin-bottom: 10px;
}
.rankingBlockList h3{
    font-size: 13px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rankingBox{
    margin-bottom: 10px;
}
.rankingBox:hover{
    opacity: 0.8;
}
.rankingBox:nth-of-type(3){
    margin-bottom: 5px;
}
.ranking01 .rankingBox .rankingBoxImg{
    border: 1px solid #ccc;
    overflow: hidden;
    float: left;
    width: 72px;
    height: 72px;
    margin-right: 3px;
}
.ranking01 .rankingBox .rankingBoxImg p{
    height: 72px;
    display: table-cell;
    vertical-align: middle;
}
.ranking01 .rankingBox .rankingBoxText{
    float: left;
    width: 156px;
}
.ranking02 .rankingBox .rankingBoxImg{
    float: left;
    width: 64px;
    height: 48px;
    border: 1px solid #ccc;
    margin-right: 3px;
}
.ranking02 .rankingBox .rankingBoxText{
    float: left;
    width: 164px;
}
.rankingBlockList .rankingBox .shopText span{
    background-color: #F0F0E6;
    background-color: #88785e;
    font-size: 11px;
    width: 14px;
    height: 14px;
    line-height: 15px;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    margin-right: 3px;
}
.rankingBox .rankingBoxText .shopText{
    font-weight: bold;
    font-size: 13px;
    color: #0080eb;
}
.rankingBox .rankingBoxText p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px;
    color: #333;
}
.rankingBlock .rankingMoreLink{
    text-align: right;
    clear: both;
}
.rankingBlockList .moreLink a{
    padding-left:12px;
    font-size:11px;
}
.rankingBlockList .moreLink a:before{
    margin-right: 2px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 13px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f0da";
}
/* -----↑rankingBlock----- */

/* -----↓rankingMainBlock----- */
.rankingMainBlock{
    margin-bottom: 20px;
    height: auto;
    max-height: 240px;
    overflow: hidden;
}
#rankingBlock1 .rankingMainTitle h3{
    background-color: #ff7c80;
    color: #fff;
}
#rankingBlock2 .rankingMainTitle h3{
    background-color: #ffc000;
    color: #fff;
}
.rankingMainTitle{
    height: 28px;
    line-height: 28px;
    margin-bottom: 10px;
}
.rankingMainTitle h3{
    font-size: 13px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rankingMainTitle p{
    float: right;
    margin-right: 5px;
}
.rankingMainTitle p a{
    font-weight: bold;
    font-size: 13px;

    background-color: #fff;
    border-radius: 5px;
    padding: 1px 5px 0px;
}
.rankingMainBlockList{
    width: 100%;
    height: 210px;
    display: table;
    margin: 0 auto;
}
.rankingMainBlockList .iconPrev{
    display: table-cell;
    vertical-align: middle;
    width: 15px;
}
.rankingMainBlockList .iconNext{
    display: table-cell;
    vertical-align: middle;
    width: 15px;
    padding-left: 28px;
}
.rankingMainBlockList .rankingMainDtlBox{
    display: inline-table;
    vertical-align: top;
    width: 105px;
    height: 200px;
    padding-left: 10px;
    padding-right: 10px;
}
.rankingMainBlockList .rankingMainDtlBox:hover{
    background-color: #fae9ea;
}
.rankingMainDtlBox .logoImg{
    overflow: hidden;
    max-height: 110px;
    margin-bottom: 5px;
}
.rankingMainDtlBox .logo{
    vertical-align: middle;
    overflow: hidden;
    height: 110px;
    margin-bottom: 5px;
    display: table-cell;
}
.rankingMainDtlBox .logo img{
    width: 105px;
}
.rankingMainDtlBox .rank{
    font-weight: bold;
    color: #F30;
    font-size: 18px;
}
.rankingMainDtlBox .rank span{
    font-size: 12px;
}
.rankingMainDtlBox .logo a{
    display: table-cell;
    vertical-align: middle;
}
.rankingMainDtlBox .logo a img{
    width: 100%;
}
.rankingMainDtlBox dl{
    margin-bottom: 10px;
}
.rankingMainDtlBox dl dt{
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    width: 105px;
}
.rankingMainDtlBox dl dd{
    margin-bottom: 0px;
    font-size: 11px;
    width: 105px;
}
.rankingMainDtlBox dl .shop{
    text-align: center;
    color: #333;
}
.rankingMainDtlBox .btnKeep{
}
.rankingMainDtlBox .btnKeep a{
    margin: 0 auto;
    display: block;
    width: 122px;
    height: 30px;
    overflow: hidden;
}
.rankingMainDtlBox .btnKeep a:hover img{
    margin-top: -30px;
}
/* -----↑rankingMainBlock----- */

/* -----↓dxShopBlock----- */
#dxShopBlock{
    clear: both;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 5px 10px 0;
}
#dxShopTitle{
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
#dxShopTitle h2{
    color: #f73884;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 0;
}
#dxShopTitle p{
    float: right;
    margin-right: 5px;
}
#dxShopTitle p a{
    border-radius: 5px;
    color: #555;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 1px 5px 0;
}
#dxShopTitle p a:before{
    margin-right: 2px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 13px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f0da";
}
#dxShopTitle2{
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
#dxShopTitle2 h2{
    color: #f73884;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 0;
}
#dxShopTitle2 p{
    float: right;
    margin-right: 5px;
}
#dxShopTitle2 p a{
    border-radius: 5px;
    color: #555;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 1px 5px 0;
}
#dxShopTitle2 p a:before{
    margin-right: 2px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 13px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f0da";
}
#dxShopBlockList{
    text-align: center;
    margin: 0 auto;
}
#dxShopBlockList .iconPrev{
    display: table-cell;
    vertical-align: middle;
    width: 50px;
}
#dxShopBlockList .iconNext{
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    padding-left: 28px;
}
#dxShopBlockList .dxShopBox{
    display: inline-table;
    vertical-align: top;
    width: 230px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 15px;
    margin-bottom: 5px;
    height: 180px;
}
.dxShopBox:hover {
    opacity: 0.8;
    text-decoration: none;
}
.dxShopBox .logo{
    height: 100px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: table;
}
.dxShopBox .logo a{
    display: table-cell;
    vertical-align: middle;
}
.dxShopBox .logo a img{
    width: 100%;
}
.dxShopBox .logo img{
    height: 100px;
    width: 230px;
    border: none;
}
.dxShopBox dl{
    text-align: left;
    margin-bottom: 10px;
}
.dxShopBox dl dt a{
    font-size: 11px;
    font-weight: bold;
}
.dxShopBox dl dd{
    font-size: 11px;
}
.dxShopBox .shopName{
        font-size: 11px;
        font-weight: bold;
}
.dxShopBox dl .text{
        font-size: 10px;
        color: #333;
}
.dxShopBox dl .shop{
        font-size: 11px;
        color: #333;
}
.dxShopBox .btnKeep{
}
.dxShopBox .btnKeep a{
    margin: 0 auto;
    display: block;
    width: 122px;
    height: 30px;
    overflow: hidden;
}
.dxShopBox .btnKeep a:hover img{
    margin-top: -30px;
}
/* -----↑dxShopBlock----- */

/* -----↓mapSelectBlock----- */
#mapSelectBlock{
    background-color: #f7f4ef;
    border: 1px solid #ebe7e4;
    border-radius: 5px;
    margin-bottom: 15px;
}
#mapSelectBlock h3{
    border-top: 2px solid #F7F6F2;
    border-bottom: 1px solid #ede9e0;
    border-radius: 4px 4px 0 0;
    background-color: #ece8dc;
    font-size: 15px;
    font-weight: bold;
    color: #444;
    padding: 5px 9px;
}
/* -----↑mapSelectBlock----- */

#toptxt{
    clear: both;
    padding: 2px 0 10px 0;
    position: relative;
    text-align: center;
    margin-left: -15px;
}
#toptxt li{
    display: inline;
    margin-left: 30px;
}
.symbol li{
    background-repeat: no-repeat;
    padding-left: 10px;
}
.symbol li{
    background: url(../image/icn_pr.gif?cache01=20161201000000) 0 4px no-repeat;
}

/* -----↓shopVoice----- */
#shopVoice{
    clear: both;
    overflow: hidden;
    margin: 5px 0 30px;
}
#shopVoiceTitle{
    border-bottom: 1px solid #ccc;
    line-height: 22px;
    margin-bottom: 5px;
}
#shopVoiceTitle h2{
    color: #f73884;
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding-left: 0;
}
#shopVoiceTitle p{
    float: right;
    margin-right: 5px;
}
#shopVoiceTitle p a{
  color: #555;
  font-weight: bold;
  font-size: 13px;
  border-radius: 5px;
  padding: 1px 5px 0px;
}
#shopVoiceTitle p a:before {
    margin-right: 2px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 13px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f0da";
}
.shopVoiceList{
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 705px;
}
.shopVoiceList .voiceImgArea{
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.voiceImgArea ul{
    clear: both;
    background-color: #FFF;
    margin: 0 auto;
    height: 174px;
    overflow: hidden;
}
.voiceImgArea li{
    float: left;
    height: 174px;
    overflow: hidden;
    width: 174px;
    text-align: center;
    margin-left: 1px;
    margin-right: 1px;
}
.voiceImgArea .voice_box{
    display: inline-table;
    height: 170px;
    margin-top: 20px;
    vertical-align: top;
    width: 150px;
}
.voiceImgArea li.listActive .voice_box{
    display: inline-table;
    height: 170px;
    vertical-align: top;
    width: 150px;
}
.voiceImgArea dl{
    width: 150px;
}
.voiceImgArea dl .voiceBlockImg{
    border-radius: 80px;
    height: 150px;
    overflow: hidden;
    transition: border-radius 0.5s ease 0s;
    width: 150px;
}
.voiceImgArea dl .voiceBlockImg:hover{
    opacity:0.8;
    border-radius:0;
}
.voiceImgArea .voiceImg{
    display: table-cell;
    height: 150px;
    vertical-align: middle;
    width: 150px;
}
.voiceImgArea li.listActive .voiceImg{
    display: table-cell;
    vertical-align: middle;
}
.voiceImgArea .voiceImg img{
    width: 150px;
}
.voiceTextArea{
    width: 98%;
    height: 80px;
    border: 1px solid #999;
    border-radius: 15px;
    margin: 15px auto 0;
    position: relative;
}
.voiceTextArea:before, .voiceTextArea:after{
    border: medium solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 100%;
    width: 0;
}
.voiceTextArea:before{
    border-bottom-color: #999;
    border-width: 21px 15px;
    top: -42px;
    left: 60px;
}
.voiceTextArea:after{
    border-bottom-color: #fff;
    border-width: 21px 15px;
    top: -40px;
    left: 60px;
}
.voiceTextArea ul{
    height: 28px;
    font-size: 20px;
    margin: 8px 15px 4px;
}
.voiceTextArea ul li{
    float: left;
    color: #666;
}
.voiceTextArea ul li.girlName{
    background-size: 24px auto;
    -webkit-background-size: 24px auto;
    -moz-background-size: 24px auto;
    -o-background-size: 24px auto;
    padding-left: 29px;
    font-weight: bold;
    float: left;
    width: 45%;
}
.voiceTextArea ul li.girlName:before,
.voiceTextArea ul li.girlName:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color:#f73884;
    position: absolute;
}
.voiceTextArea ul li.girlName:before {
    content: "\f004";
    left: 26px;
    top: 14px;
}
.voiceTextArea ul li.girlName:after {
    content: "\f08a";
    left: 19px;
    top: 7px;
}
.voiceTextArea ul li.girlName div{
    display: inline;
    float: left;
    max-width: 77%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.voiceTextArea ul li.girlName span{
    color: #09C;
    font-weight: bold;
}
.voiceTextArea ul li.shopName{
    float: left;
    background-size: 24px auto;
    -webkit-background-size: 24px auto;
    -moz-background-size: 24px auto;
    -o-background-size: 24px auto;
    padding-left: 27px;
    width: 46%;
}
.voiceTextArea ul li.shopName div{
    display: inline;
    float: left;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.voiceTextArea ul li.shopName div:before{
    margin-right: 2px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 25px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f015";
    color: #FF570D;
}
.voiceTextArea div.textBody{
    border-top: 1px dashed #999;
}
.voiceTextArea div.textBody p{
    padding: 4px 0 0 20px;
    font-size: 15px;
    line-height: 32px;
    color: #666;
    width: 95%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#voice_carousel_prev:hover{
    background-position:left bottom;
}
#voice_carousel_next:hover{
    background-position:right bottom;
}
#voice_carousel_prev{
    background: url(../image/prev2color.png?cache01=20161201000000) no-repeat left top;
    left: -20px;
}
#voice_carousel_next{
    background: url(../image/next2color.png?cache01=20161201000000) no-repeat right top;
    right: -20px;
}
#voice_carousel_prev,
#voice_carousel_next{
    cursor: pointer;
    position: absolute;
    height: 18px;
    width: 20px;
    top: 85px;
    z-index: 100;
    display: none;
}
/* -----↑shopVoice----- */

/* -----↓pr ranking---- */
#rankingSlider{
    margin: 0 auto;
}
/* -----↑pr ranking---- */

/* -----↓player(message)---- */
.player a {
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}
.player a:hover {
    text-decoration: none;
}
.player a h2,
.player a h3,
.player a p {
    color: #DD0000;
    line-height: 1.2em;
    margin-bottom: 0.6em;
}
.player a h2,
.player a h3 {
    font-size: 14px;
    font-weight: bold;
}
.player a p {
    font-size: 14px;
    font-weight: normal;
}
/* -----↑player(message)---- */