@charset "utf-8";

.content {display: block; font-size:15px; line-height: 30px; margin:0px 0px 8px 0px;}
.exclusive-con {display: block; font-size:15px; line-height: 24px; margin:0px 15px 8px 20px; font-weight: normal; clear: both;}
.txt-title {float:left; display: block; text-align: left;}
.txt-sp {color:#e60012; font-weight: bold; float:right; display: block; font-size:15px; line-height: 24px;}
.txt-sp2 {color:#d40f7d;}
.exclusive {background:#e6f2fc; border:1px solid #d3eafd; padding:10px; font-weight: bold; float:left; margin:10px 0px;}
.exclusive-title {background: #4686c1; color:#ffffff; padding:8px; margin-left:-11px; margin-top:-10px; position: absolute;}
.exclusive-bigtitle {display: block; padding-left:10px; margin:40px 15px 10px 10px; font-size:21px; line-height: 36px;}
.txt-sp em {font-size:36px; font-style: normal;}
.txt-small {font-size:12px;}
.txt-tt {color:#d40f7d; font-weight: bold;}
.exclusive p {display: block; font-size:21px; line-height: 36px; text-align: left; margin:40px 0px 10px 0px; padding-left:10px;}

.line-bar {clear: both; display: block; border-bottom: #bfbfbf 1px dashed; background:#ddd; padding:0px 10px; margin:0px 15px 8px 20px;}
.stroke {margin:15px 0px;}
.route {margin:5px 0px; line-height: 24px;}
.route-title {color:#eb6100; padding:5px 0px 5px 0px; margin:8px 0px; font-weight: bold; font-size:18px; line-height: 30px;}

.text-list {text-indent: -14px; padding-left:12px;}
.product ul {display: block; margin:5px; padding-bottom: 10px; }
.product li {display: block; border-bottom: #C5C5C5 1px dashed;}
.product li a {display: block; overflow: hidden; padding:10px 10px 5px 10px; }
.product li a:hover { background-color: #f6f6f6;}
.product li p {display: block;}
.product li p span {display: block; font-size:13px; color: #00a5ff;}
.product li p em {font-size:18px; font-weight: bold; font-style: normal;}

.left {float:left; display:inline-block; width: 100%;}
.right {float:right;}
.txt_l {width: auto; color: #292929;}
.txt_r {width: auto; text-align:right;}
.txt_r span.price {color:#db2228;}

.btn-go {display: block; text-align: center; margin:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; clear:both;}
.btn-go a {
    display: block;
    background:#22598b;
    padding:10px; 
    color:#ffffff;
    -moz-box-shadow:1px 1px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow:1px 1px rgba(20%,20%,40%,0.5);
    box-shadow:1px 1px rgba(20%,20%,40%,0.5);
}
.btn-go a:hover {
    background: #2a6ca9;  
}


.notice-sp {font-size:13px; line-height: 24px; font-weight: bold; color:#666666;}
.notice-disc {clear: both;}
.notice-disc li {color:#959595; list-style:none; }
.list-icon {text-indent: -15px; padding-left:0px;}

.promotion-pic {float:left; width:95%; height:100%; padding:5px 5px 10px 5px; background:#ffffff; margin-top:10px; margin-bottom:10px; margin-left:2px; margin-left:11px;}
.promotion-pic img {width:100%; height:100%; margin:0 auto;}
.promotion-pic .picture {width:32%; float:left; padding:6px 4px 0px 4px;}
.promotion-pic .picture2 {width:48%; float:left; padding:6px 6px 0px 6px;}
.picture-txt {margin-top:-36px; width:100%; float:left; position:relative; padding:10px 0px; z-index:300; color:#ffffff; text-align: center; background:#000000;}

@media screen and (max-width: 960px) {
.promotion-pic {display: none;}
.exclusive {width:96%;}    
}

@media screen and (max-width: 600px) {
.txt-title {width:100%; text-align: center; display: block; line-height: 26px;}
.txt-sp {width:100%; color:#e60012; font-weight: bold; display: block; font-size:15px; line-height: 24px; text-align: center; padding-top:10px;}
}

@media screen and (max-width: 768px) {
.left,.right{ float:none;}
.product li a {display: block; overflow: hidden; padding:5px; }
.txt_r {width: auto; text-align:center; margin-top:5px;}
    
}