@charset "UTF-8";
/* ============================

    evelt / evelt_common.css

=============================== */

/* ==================== [ Google Fonts ] */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400,600);

#wrapper{
    padding-bottom:0px;
    margin:0 auto;
    width:100%;
}
#wrapper-index{
    padding-bottom:0px;
    margin:0 auto;
    width:950px;
}
.frame_outer #wrapper header {
    padding:20px 0 10px;
    z-index:100;
    width:100%;
}
#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #000;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/* ==================== [ a:hover img none ] */
.area-header nav ul li a:hover img,
.event-list .bx-list li a:hover img,
.head p a:hover img{
    opacity:1.0;
    filter:alpha(opacity=100);
    -ms-filter:"alpha( opacity=100 )";
}

/* ==================== [ .area-header ] */
.area-header {
    position: relative;
    width: 1020px;
    margin: 0 auto;
}
.area-header h1{
    float: left;
}
.area-header nav{
    height: 50px;
    overflow: hidden;
}
 .area-header nav::before{
    position: absolute;
    content: 'NEW';
    font-family: Open Sans;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: 0.1em;
    color:#fff;
    background-color:#cc0000;
    padding: 2px 8px;
    line-height: 1;
    border-radius: 2px;
    top: -17px;
    right: 482px;
}
.area-header nav > ul{
    margin-left:14px;
}
.area-header nav > ul > li:first-child{
    border-left:1px solid #e5e5e5;
 }
 .area-header nav > ul > li:last-child{
    border-right:1px solid #e5e5e5;
 }
.area-header nav > ul > li{
    float: left;
    padding-bottom: 10px;
    overflow: hidden;
 }
 .area-header nav > ul > li.nav-01,
 .area-header nav > ul > li.nav-04{
     padding: 0 16px;
 }
 .area-header nav > ul > li.nav-02:after{
    border-left:1px solid #e5e5e5;
 }
.area-header nav > ul > li.nav-02:after,
.area-header nav > ul > li.nav-03:after{
    content: '';
    display: block;
    position: relative;
    top: -50px;
    right: 0;
    height: 40px;
    border-right:1px solid #e5e5e5;
    z-index: 1;
 }
.area-header nav > ul > li.nav-02 span.title,
.area-header nav > ul > li.nav-03 span.title{
    position: relative;
    display: block;
    height: 50px;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 1000;
 }
 .area-header nav > ul > li.nav-02 span.title{
    width: 152px;
    background: url(/images/common/header/nav02.png) center 0 no-repeat;
 }
  .area-header nav > ul > li.nav-02 span.selected{
    background: url(/images/common/header/nav02_on.png) center 0 no-repeat;
 }
  .area-header nav > ul > li.nav-03 span.title{
    width: 154px;
    background: url(/images/common/header/nav03.png) center 0 no-repeat;
 }
   .area-header nav > ul > li.nav-03 span.selected{
    background: url(/images/common/header/nav03_on.png) center 0 no-repeat;
 }
.area-header .bx-menu{
    position: absolute;
    top: -4px;
    right: 2px;
    height: 44px;
}
.area-header .bx-menu p{
    float: right;
    padding: 11px 16px 0 0
}
.area-header .bx-menu p a img{
    vertical-align: bottom !important;
}
.area-header .bx-menu p + p{
    padding-top: 12px;
}
.area-header .bx-menu p + p a {
    position: relative;
    color: #fff !important;
    padding: 0 30px;
    background: #E60012;
    border-radius: 4px;
    text-indent: -1em;
    display: block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
}
.area-header .bx-menu p + p a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 1em;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #ffff5f;
    border-right: solid 2px #ffff5f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.area-header .bx-menu p + p a:hover {
    position: relative;
    color: #ffff5f !important;
    font-size: 14px;
    padding: 0 30px;
    background: #eb3241;
    border-radius: 4px;
    text-indent: -1em;
    display: block;
}
/* Open nav */

.area-header .menuoutline{
    position: absolute;
    top: 50px;
    left:0;
    width: 1020px;
    background: #fff;
    border-radius: 5px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.7);
    z-index: 999;
}
.area-header .menuoutline h2{
    padding: 10px 20px 8px;
    background: #333;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px 5px 0 0;
}
 .area-header .menuoutline ul li:first-child{
    border-left: none;
 }
 .area-header .menuoutline ul li{
    display: inline-block;
    width: 210px;
    padding: 20px;
    border-left:1px solid #e5e5e5;
}
 .area-header .menuoutline ul.special li{
    width: 466px;
}
 .area-header .menuoutline ul.special li > div.bx-left{
     float: left;
}
 .area-header .menuoutline ul.special li > div.bx-left img:hover{
    opacity:0.6;
    filter:alpha(opacity=60);
    -ms-filter:"alpha( opacity=60 )";
}
 .area-header .menuoutline ul.special li > div.bx-right{
     margin-left: 140px;
     width: 300px;
}
 .area-header .menuoutline ul li h3{
     font-size: 23px;
     font-weight: bold;
}
 .area-header .menuoutline ul li h3 > span{
     font-size: 14px;
     color: #c00;
}
 .area-header .menuoutline ul li p{
     margin: 12px 0 18px;
     font-size: 12px;
     line-height: 1.6em;
}
 .area-header .menuoutline ul li > a,
 .area-header .menuoutline ul.special li > div.bx-right > a{
     display: inline-block;
     width: 100%;
     overflow: hidden;
     padding: 12px 0;
     border: 1px solid #ccc;
     line-height: 0;
     border-bottom: 2px solid #999;
     overflow: hidden;
     text-align: center;
     border-radius: 5px;
}
 .area-header .menuoutline ul li > a span,
 .area-header .menuoutline ul.special li > div.bx-right > a span{
    display: block;
    height: 16px;
    text-indent: 100%;
    white-space: nowrap;
    background: url(/images/common/header/btn_check.png) center 0 no-repeat;
}
 .area-header .menuoutline ul li > a:hover,
 .area-header .menuoutline ul.special li > div.bx-right > a:hover{
     background: #333;
     border: 1px solid #333;
     border-bottom: 2px solid #000;
}
 .area-header .menuoutline ul li > a:hover span,
 .area-header .menuoutline ul.special li > div.bx-right > a:hover span{
    background: url(/images/common/header/btn_check_on.png) center 0 no-repeat;
}

/* search */
header .btn-search {
    position: relative;
    float: right;
    margin-top: 13px;
    width: 0%;
    min-width: 32px;
    height: 32px;
    overflow: hidden;
}
header .btn-search span{
    position: relative;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    width: 30px;
    height: 30px;
    margin: 0;
    border: 1px solid #d9d9d9;
    background: #fff url(/images/common/header/btn_search.png) 8px 6px no-repeat;
    line-height: 30px;
    cursor: pointer;
    border-radius: 50%;
}
header .btn-search.active span{
    width: 32px;
    height: 32px;
    background: #494949 url(/images/common/header/btn_search_on.png) 8px 7px no-repeat;
    border: none;
}
header .bx-head-search {
    position: absolute;
    right: 0;
    height: 200px;
    z-index: 1000;
}
header .bx-head-search form {
    position: absolute;
    right: 0;
    width: 406px;
    padding: 10px;
    background: #333;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow:0 4px 2px rgba(0,0,0,0.3)
}
header .bx-head-search form::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -6px;
    right: 15px;
    border-color: transparent transparent #444 transparent;
    border-width: 0 5px 6px;
    border-style: solid;
}
header .bx-head-search form input[type='search'] {
    width: 200px;
    height: 40px;
    line-height: 40px;
    border: none;
    padding-left: 8px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #000;
    font-size: 16px;
}
header .bx-head-search form input[type='search']:focus {
    outline: none;
}
header .bx-head-search form input[type='submit'] {
    height: 41px;
    line-height: 40px;
    margin-left: 6px;
    padding:0 10px;
    border: none;
    background: #777;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
header .bx-head-search form input[type='submit']:hover{
    opacity:0.6;
    filter:alpha(opacity=60);
    -ms-filter:"alpha( opacity=60 )";
}
header .select-head{
    width:130px !important;
}
header .select-head{
    margin: 0 !important;
    border: 0 !important;
    vertical-align: bottom;
}
header .select-head select{
    padding: 10px 0 11px 11px !important;
    background: #f5f5f5 url(/images/common/ico_eventselection_arrow.png) no-repeat 110px 16px !important;
}



/* ==================== [ to Page Top ] */
#to-page-top{
	width:80px;
	height:80px;
	margin-left:540px;
	position:fixed;
	left:50%;
	bottom:30px;
}
#to-page-top > a{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background: url(/images/common/btn_pagetop.png) 0 0 no-repeat;
}
#to-page-top > a:hover{
    background-position: -100px 0;
}

/* ==================== [ footer ] */
#footer{
    display: block;
    background: #4d4d4d;
    overflow: hidden;
    clear: both;
}
#footer .bx-footer{
    position: relative;
    width: 880px;
    margin: 30px auto 0;
    padding-left: 140px;
    overflow: hidden;
}
#footer .bx-footer h3{
    position: absolute;
    top: 0;
    left: 0;
}
#footer dl{
    float: left;
    width: 200px;
    margin-left: 20px;
    font-size: 13px;
}
#footer dl dt{
    display: block;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #555;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}
#footer dl dd{
    margin-bottom:6px;
}
#footer dl dd a{
    color: #fff !important;
}
#footer dl dd a:hover{
    color: #ffff4c !important;
}
#footer dl dd.twitter{
    padding-left: 24px;
    background: url(/images/common/footer/ic_twitter.png) 0 5px no-repeat;
}
#footer .txt-copyright{
    display: block;
    width: 100%;
    margin-top: 30px;
    padding: 16px 0;
    background: #333;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}

/* ==================== [ contents ] */
#filter-from{
    margin: 20px 0 -5px 35px;
}
#filter-from span.title{
    float: left;
    margin-right: 4px;
    font-size: 12px;
}
#filter-from span{
    font-size: 10px;
}
#bg_link{
    background:url(/images/common/man_bg02.png) repeat-x top;
}
#contents{
    padding:13px 0 0;
    margin:0 auto;
    width:1020px;
}
.contents{
    clear:both;
    width:1020px;
    text-align:center;
}
.contents_bg{
    position:relative;
    margin:5px auto 0;
}
.bx-content{
    width:1020px;
    position:relative;
    margin:5px auto 0;
    text-align:left;
}
.capt-title,
.title01{
    position: relative;
    width: 1020px;
    padding: 17px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-size:24px;
    line-height: 1.4em;
    word-break:break-all;
    text-align: left;
    color: #47484E;
}
.capt-title,
.ttl{
    position: relative;
    width: 1020px;
    padding: 17px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-size:24px;
    line-height: 1.4em;
    word-break:break-all;
    text-align: left;
    color: #47484a;
}
.tx-detail{
    width: 840px !important;
}
.tx-capt{
    margin-bottom: 40px !important;
    text-align: center;
}
.tx-capt span.ttl-sub{
    display: block;
    margin-top: 10px;
    font-size: 16px;
    line-height: 0.8em;
    font-weight: normal;
}
.contents_bg h3.title_b,
h3.title_b,
.bookmark{
    position: relative;
    color: #47484A;
    font-size: 16px;
    padding: 7px 10px;
    text-align: left;
    background: #F5F5F5;
    border-left:5px solid #333;
}
.contents_bg h3.title_b span,
h3.title_b span,
.bookmark span{
    margin-left: 16px;
    font-size: 13px;
    font-weight: normal;
    color: #555;
}
.contents_bg h3.title_b a,
h3.title_b a,
.bookmark a{
    color: #b30000 !important;
}
.bookmark{
    padding-left: 32px !important;
    border-left:0 !important;
}
.bookmark:after{
    position: absolute;
    content:'';
    background: url("/images/common/ic_bookmark.png") no-repeat center 50% ;
    width: 16px;
    height: 32px;
    top: 0;
    left: 8px;

}
.contents_box{
    margin:20px 0;
}
#search_contentes{
    margin:20px auto 65px;
}
#search_contentes p{
    text-align:left;
    font-size:13px;
}
#bx-list-search{
    margin:20px auto;
    text-align: left;
    overflow: hidden;
}
.contents_box{
    margin:20px 0 0;
}

/*----- パンくず ------*/
#pan{
    font-size:12px;
    text-align:left;
}
#pan a{
    color: #b30000 !important;
}

/*----画像マウスオーバー-------*/
a img,
a img{
    background:none!important;
}
a:hover img,
a:hover img{
    opacity:0.6;
    filter:alpha(opacity=60);
    -ms-filter:"alpha( opacity=60 )";
    background:none!important;
}
.box-wordks01 a:hover .boxcaption img,
.box-wordks01 a:hover .boxcaption img{
    opacity:1.0!important;
    filter:alpha(opacity=100)!important;
    -ms-filter:"alpha( opacity=100 )"!important;
    background:none!important;
    margin:0 0 5px 5px;
}

/* ==================== [ .event-list ] */
.event-list{
    margin-bottom: 80px;
    text-align: left;
}
.search-list{
    margin-bottom: 0 !important;
}
.event-list h1{
    margin-bottom: 20px;
    text-align: center;
}
.event-list .bx-list{
    position: relative;
    float: right;
    width: 816px;
    overflow: hidden;
    z-index:99;
}
.event-list .bx-list li{
    position: relative;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.event-list .bx-list li a{
    display: block;
    position: relative;
    width: 256px;
    height: 430px;
    margin: 0 0 14px 14px;
    overflow: hidden;
    border: 1px solid #ebebeb;
    box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);
    text-decoration: none;
    border-radius: 5px;
}
.event-list .bx-list li a .actress{
    width: 100%;
    height: inherit;
    overflow: hidden;
}
.event-list .bx-list li a .actress img{
    -moz-transition: -moz-transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.event-list .bx-list li a:hover .actress img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
.event-list .bx-list li a .event-data{
    position: absolute;
    width: 216px;
    height: 137px;
    top: 260px;
    left: 0;
    padding: 12px 20px 20px 20px;
    border-top: 1px solid #fff;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,1) 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.9)), color-stop(50%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,1) 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,1) 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,1) 50%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,1) 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    z-index:2;
}
.event-list .bx-list li a .event-data h2{
    height: 82px;
    font-size: 16px;
}
.event-list .bx-list li a .event-data .bx-detail > span{
    display: inline-block;
    width: 104px;
    padding: 2px 0;
    background: #ebebeb;
    text-align: center;
    border-radius: 5px;
}.event-list .bx-list li a .event-data .bx-detail > span:first-child{
    margin-right: 8px;
}
.event-list .bx-list li a .event-data .bx-detail > span > span{
    display: inline-block;
    margin-left: 8px;
    font-size: 10px;
    line-height: 0;
}
.event-list .bx-list li a .event-data .bx-detail p{
    margin-top: 10px;
}
.none-list{
    padding: 180px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #eee;
}


/*-- ソートボタン類 --*/
.area-selection{
    position: relative;
    z-index:1;
}
.area-selection .bx-eventselection .tx-planevent{
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dedede;
    font-size: 13px;
    font-weight: bold;
}
.area-selection .bx-eventselection .tx-planevent span{
    margin-left: 5px;
    font-size: 16px;
    color: #c00;
}
.area-selection .bx-eventselection{
    width: 158px;
    padding: 14px 10px 10px 10px;
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 5px;
    background: #fff;
}
.area-selection .bx-eventselection h3{
    display: inline-block;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: bold;
    color: #c00;
}
.area-selection .bx-eventselection .bx-selection{
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dedede;
}
.area-selection .bx-eventselection .bx-search{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.area-selection .bx-eventselection .bx-selection li{
    padding: 4px 10px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.area-selection .bx-eventselection .bx-selection li a{
    color: #333;
}
.area-selection .bx-eventselection .bx-selection li a:hover,
.area-selection .bx-eventselection .bx-selection li:hover{
    color: #c00;
}
.area-selection .bx-eventselection .bx-selection li.selected{
    background: #c00;
    color: #fff;
    cursor: default;
}
.area-selection .bx-eventselection .bx-selection li span{
    font-size: 13px;
}
.area-selection .bx-eventselection .bx-genre li{
    margin-bottom: 12px;
    line-height: 0;
}
.bx-genre li .select-wrap,
header .select-head{
    overflow:hidden;
    display:inline-block;
    width:100%;/* fallback non calc support */
    margin: -1px;
    background-image:-webkit-linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
    background-image:linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
    border: 1px solid #d1d1d1;
    border-radius: 5px;
}
.bx-genre li .select-wrap select,
header .select-head select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display:block;
    width:126%;
    padding:11px 0 11px 11px;
    background: #f5f5f5 url(/images/common/ico_eventselection_arrow.png) no-repeat 134px 16px;
    border:0;
    outline:none;
    font-size:14px;
    color:#4d4d4d;
}
.bx-genre li .select-wrap select option,
header .select-head select option{
    background: #e5e5e5;
}
.area-selection .bx-eventselection form > span{
    display: inline-block;
    width: 100%;
    text-align: center !important;
    font-size: 11px;
}
.area-selection .bx-eventselection form > span a{
    color: #b30000 !important;
}

/*-- イベントページ追加分 --*/
.event_change_info{
    width: 596px;
    border: #B30000 solid 1px;
    margin-bottom: 16px;
    padding: 14px 16px;
    text-align:left;
}
.event_change_info p:first-child{
    margin-bottom: 6px;
    font-weight: bold;
}
.event_change_info p{
    padding: 0 !important;
    color: #b00;
    line-height: 22px;
}
.event_change_parts{
    text-decoration:line-through;
}
.top_contents_explain{
    text-align: center;
    margin: -20px auto 20px;
    background-color: #bb0303;
    font-size: 14px;
    padding: 6px 0;
    width: 970px;
    position: relative;
    top: -6px;
    left: -29px;
    color: white;
    -webkit-box-shadow: 0 1px 3px #999;
}

/*----メンテ告知-------*/

#mente{
    width:970px;
    margin:0 auto 20px;
    border:1px solid #ccc;
    padding:1px;
    overflow:hidden;
}

#mente strong{
    width:100%;
    text-align:center;
    float:left;
    background-color:#807878;
    font-size:16px;
    color:#fff;
}

#mente p{
    float:left;
    margin-top:10px;
    line-height:1.5em;
    margin:10px;
}


/*----MY ドロップダウンメニュー-------*/
#my_menu li {
    position: relative;
    z-index:999;
    float: left;
    margin: -6px 0 0 0;
    padding: 5px 5px 5px 6px;
    height: 20px;
    font-weight: bold;
    width:60px;
}
#my_menu li.arrow {
    background:url(/images/common/ic_hd_my_arrow.gif) no-repeat left 6px;
    color:#333;
}
#my_menu li.arrow:hover {
    background:url(/images/common/ic_hd_my_arrow_on.gif) no-repeat left 6px;
    color:#333;
}
#my_menu li:hover {
    color: #333;
}
#my_menu li ul {
    display: none;
    position: absolute;
    top: 27px;
    left: -1px;
    padding: 10px;
    width: 68px;
    background: #333;
}
#my_menu li ul li {
    margin: 0;
    padding: 0;
    width: 100px;
    border: none;
}
#my_menu li ul li a {
    display: inline-block;
    width: 100px;
    height: 20px;
}
#my_menu li ul li a:hover {
    color: #ffd400;
}
.prdpouga-text-red{
    color:#CB0010;
}

/* ==================== [ .bookmark ] */
.btn-bookmark a{
    position: fixed;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-bottom: 2px solid #bbb;
    border-radius: 5px 0 0 5px;
    top: 30%;
    right: 0;
    z-index: 100;
}
.btn-bookmark a:hover{
    border-top: 1px solid #c00;
    border-left: 1px solid #c00;
    border-bottom: 2px solid #9d0c0f;
}
.btn-bookmark a{
    display: block;
    padding: 6px 0 8px 30px;
    background:#fff url(/images/common/ic_bookmark.png) no-repeat 7px 7px;
    color: #666 !important;
    font-size: 15px;
    font-weight: bold;
    transition-property: padding,background-color 0.5s ease;
    transition-duration:0.5s;
    transition-timing-function:ease;
}
.btn-bookmark a:hover{
    display: block;
    padding: 6px 10px 8px 30px;
    background:#c00 url(/images/common/ic_bookmark_on.png) no-repeat 7px 7px;
    color: #fff !important;
    font-size: 15px;
    font-weight: bold;
    transition: padding 0.s ease-in;
    text-decoration: none;
}
.btn-bookmark a span{
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    right: 20px;
    top: -24px;
    background: #666;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.btn-bookmark a:hover span{
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    right: 20px;
    top: -24px;
    background: #333;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

/* ==================== [ .myarea ] */

.on.btn-myarea a{
    position: fixed;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-bottom: 2px solid #bbb;
    border-radius: 5px 0 0 5px;
    top: 48%;
    right: 0;
    z-index: 100;
}
.btn-myarea a{
    position: fixed;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-bottom: 2px solid #bbb;
    border-radius: 5px 0 0 5px;
    top: 38%;
    right: 0;
    z-index: 100;
}

.btn-myarea a:hover{
    border-top: 1px solid #c00;
    border-left: 1px solid #c00;
    border-bottom: 2px solid #9d0c0f;
}
.btn-myarea a{
    display: block;
    padding: 6px 14px 10px 30px;
    background:#fff url(/images/common/ic_bookmark.png) no-repeat 7px 7px;
    color: #666 !important;
    font-size: 15px;
    font-weight: bold;
    transition-property: padding,background-color 0.5s ease;
    transition-duration:0.5s;
    transition-timing-function:ease;
}
.btn-myarea a:hover{
    display: block;
    padding: 6px 24px 10px 30px;
    background:#c00 url(/images/common/ic_bookmark_on.png) no-repeat 7px 7px;
    color: #fff !important;
    font-size: 15px;
    font-weight: bold;
    transition: padding 0.s ease-in;
    text-decoration: none;
}
.btn-myarea a span{
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    right: 20px;
    top: -24px;
    background: #666;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.btn-myarea a:hover span{
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    right: 20px;
    top: -24px;
    background: #333;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

/* ==================== [ .shop-bnr ] */
.shop-bnr{
    margin-top: 20px;
}
.bx-shopbnr{
    width: 1020px;
    margin: 80px auto;
    overflow: hidden;
}
.bx-shopbnr ul li{
    float: left;
}
.bx-shopbnr ul li:first-child{
    margin-right: 60px;
}
/* ==================== [ .link ] */
.bx-group h2 {
    position: relative;
    color: #47484A;
    font-size: 16px;
    padding: 7px 10px;
    text-align: left;
    background: #F5F5F5;
    border-left: 5px solid #333;
}
.wrap-link {
    margin: 20px auto 20px;
    overflow:hidden;
    padding-bottom:20px;
    border-bottom: 1px #eee solid;
}
.lnk-bnr {
    display:block;
    width: 468px;
    float:left;
}
.wrap-link dl {
    display:block;
    margin-left:480px;
    width: 540px;
    text-align: left;
    padding-bottom: 0px;
}
.wrap-link dl dt {
    font-size: 15px;
    font-weight:normal;
    text-align: left;
    margin: 0;
    padding: 0;
}
.wrap-link dl dd {
    margin-left:0;
}
.wrap-link a,
.wrap-link a:visited {
    color: #b30000;
}