@charset "utf-8";
/* CSS Document */

/*------------------------------Dst*/
.Dst{
    padding-bottom: 60px;
}
.Dst .MainVisual{
    width: 100%;
    display: block;
    min-width: inherit;
    margin-bottom: 30px;
    position: relative;
}
.Dst .MainVisual .photo{
    width: 100%;
    padding: 60px 0px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.6) inset;
}
.Dst .MainVisual .photo:before{}
.Dst .MainVisual .photo h2{}
.Dst .MainVisual .photo h2 .main{
    font-size: 18px;
}
.Dst .MainVisual .photo h2 .sub{
    font-size: 40px;
}
.Dst .MainVisual .Main{
    width: 100%;
    padding: 20px;
}
.Dst .MainVisual .Main .Title{
    width: 100%;
    max-width: 100%;
}
.Dst .MainVisual .Main .Title .thumb{
    width: 100px;
    height: 100px;
    margin-left: 0;
    margin-top: 0;
}
.Dst .MainVisual .Main .Title .thumb img{
    border: none;
}
.Dst .MainVisual .Main .Title .icon{
    padding-left: 0;
}
.Dst .MainVisual .Main .Title .icon span{
    display: block;
    text-align: center;
}
.Dst .MainVisual .Main .Title dl{
    width: auto;
    flex: 1;
    padding-left: 10px;
}
.Dst .MainVisual .Main .Title dt{
    font-size: 14px;
}
.Dst .MainVisual .Main .Title dd{
    font-size: 18px;
    line-height: 1.4;
}
.Dst .MainVisual .Main .info{}

.Dst .Recom{}
.Dst .Recom h2{}
.Dst .Recom h2 .sub{
    font-size: 14px;
}
.Dst .Recom h2 .main{
    font-size: 30px;
}
.Dst .Info{
    width: 90%;
    display: block;
    margin-top: 25px;
}
.Dst .Info .box{}
.Dst .Info .box +.box{
    margin-top: 20px;
    border-top: 1px dotted #9a9a9a;
    padding-top: 20px;
}
.Dst .Info .box dl{}
.Dst .Info .box dt{
    font-size: 14px;
}
.Dst .Info .box dd{}
.Dst .Info .box dt strong{}
.Dst .Info .box dd a{}
.Dst .Info .box dd a:hover{}
.Dst .Info .box dd a:after{}
.Dst .More{
    width: 90%;
    padding-top: 20px;
}
.Dst .More dl{}
.Dst .More dt{
    font-size: 16px;
}
.Dst .More dd{
    width: 100%;
}
.Dst .More dd a{
    font-size: 14px;
}
.Dst .More dd a:hover{}
.Dst .More dd a:after{}

/*----------------------------------------------------ctcmsWrap*/
.ctcms{
    width: 90%;
}
.ctcms_item{
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
}
.ctcms_item + .ctcms_item{
    border-top: 1px solid #ababab;
    padding-top: 30px;
    margin-top: 30px;
}
.ctcms_item .linkArea{}
.ctcms_item .photo{}
.ctcms_item.mONLINE .photo:before{}
.ctcms_item .photo .dst{}
.ctcmsWrap .sHGS .photo p.dst{}
.ctcmsWrap .sASI .photo p.dst{}
.ctcmsWrap .sEUR .photo p.dst{}
.ctcmsWrap .sAFR .photo p.dst{}
.ctcmsWrap .sUSA .photo p.dst,.ctcmsWrap .sOCE .photo p.dst,.ctcmsWrap .sSAM .photo p.dst{}
.ctcms_item .photo .img{}
.ctcms_item .photo .img img{}
.ctcms_item .main{}
.ctcms_item .main .data{}
.ctcms_item .main .data li{}
.ctcms_item .main .data li + li{}
.ctcms_item .main .data li.brand{}
.ctcms_item .main .data li.brand.qua{}
.ctcms_item .main .data li.brand.imp{}
.ctcms_item .main .states{}
.ctcms_item .main h4{
    font-size: 16px;
}
.ctcms_item .main .title{}
.ctcms_item .main .htl{}
.ctcms_item .btm{}
.ctcms_item .btm .price{}
.ctcms_item .btm .price dt{}
.ctcms_item .btm .price dt span{}
.ctcms_item .btm .price dd{}
.ctcms_item .btm .btn a{}
.ctcms_item .btm .btn a:after{}
.ctcms_item .other{}
.ctcms_item .other a{}
.ctcms_item .other a:after{}
.ctcms_item .other a:hover{}
.ctcms_item .linkArea.haslink:hover{}
.ctcms_item .linkArea.haslink:hover .photo{}
.ctcms_item .linkArea.haslink:hover h4,.ctcms_item .linkArea.haslink:hover .htl{}
.ctcms_item .linkArea.haslink:hover .btn a{}