@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
.pageTitle {
    background-image: url("../img/christin/bg01.png");
}

.pageTitle .topTxt {
    margin-bottom: 125px;
}

.pageTitle .cTxt {
    margin-bottom: 53px;
}

.pageTitle .cTxt .ttl {
    margin-bottom: 3px;
}

#main .comRecommend .content {
    padding: 150px 0 145px;
}

#main .comRecommend .imgList li .ttl {
    letter-spacing: 0;
}

#main .comFeature .ttlBox {
    padding: 150px 0 20px;
    min-height: 460px;
}

#main .comFeature .pointList .point01 .subBox {
    background-image: url("../img/christin/photo04.jpg");
}

#main .comFeature .pointList .point02 .subBox {
    background-image: url("../img/christin/photo05.jpg");
}

#main .comFeature .pointList .point03 .subBox {
    background-image: url("../img/christin/photo06.jpg");
}

#main .comFeature .pointList li {
    background: #D8D6DB;
}

#main .comFeature .pointList li .innBox {
    color: #01031E;
}

#main .comFeature .pointList li .innBox p {
    letter-spacing: 1px;
}

#main .comVoice {
    padding-bottom: 137px;
    border-top: 2px solid #81808E;
    border-bottom: 2px solid #81808E;
}

#main .comVoice .ttlBox p {
    margin-bottom: 20px;
}

#main .comVoice .comBtn a {
    padding: 6px 45px;
}

#main .comVoice .rBox {
    margin-top: 1px;
}

#main .comVoice .txtList li {
    margin-right: 38px;
    width: 216px;
}

#main .comVoice .txtList li:nth-child(3n) {
    margin-right: 0;
}

#main .comVoice .txtList li .ttl {
    letter-spacing: 4px;
}

#main .comBox {
    padding-top: 149px;
}

#main .comBox .rBox .photoList {
    margin-top: -12px;
}

#main .comBox .rBox .photoList li {
    margin-top: 12px;
}

#main .comBox .rBox .photoList li:nth-child(3n-1) {
    margin: 12px 42px 0 44px;
}

#main .comPrice {
    background: url("../img/christin/bg03.png") no-repeat right 30.5% top;
    background-size: 752px auto;
}

@media all and (max-width: 767px) {
     .pageTitle {
         padding-bottom: 77px;
         background-image: url("../img/christin/sp_bg01.png");
         background-position: top 159px center;
    }
    
    .pageTitle .headLine01 {
        padding-bottom: 28px;
        font-size: 1.8rem;
        letter-spacing: 0;
    }

    .pageTitle .topTxt {
        margin-bottom: 147px;
        letter-spacing: 2px;
    }

    .pageTitle .cTxt {
        letter-spacing: 2px;
    }
    
   .pageTitle .cTxt .ttl {
        margin-bottom: 18px;
       letter-spacing: 0.5px;
    }

    #main .comRecommend .content {
        padding: 74px 0 61px;
    }

    #main .comFeature .ttlBox {
        padding: 76px 0 68px;
        min-height: inherit;
    }

    #main .comFeature .pointList li .headLine02 {
        margin-bottom: 18px;
    }

    #main .comVoice .txtList li {
        margin-right: 0;
        width: auto;
    }

    #main .comVoice .txtList li:nth-child(3n) {
        margin-right: 0;
    }
  
    #main .comBox {
        padding: 73px 0;
    }
    
    #main .comBox .rBox {
        margin-bottom: 26px;
    }
    
    #main .comBox .comBtn a {
        padding-top: 15px;
    }
    
    #main .comVoice {
        padding-bottom: 0;
        border: none;
    }
    
    #main .comVoice .ttlBox {
        margin-bottom: 20px;
    }
    
    #main .comVoice .ttlBox p {
        margin-bottom: 0;
    }
    
    #main .comVoice .comBtn a {
        padding: 14px 65px;
    }
    
    #main .comVoice .txtList li {
        margin-bottom: 47px;
        padding-bottom: 41px;
    }
    
    #main .comVoice .txtList li:last-of-type {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    #main .comVoice .txtList li .mark {
        margin-bottom: 9px;
        padding: 2px 5px 0;
    }
    
    #main .comBox .lBox {
        margin-bottom: 24px;
    }
    
    #main .comBox .rBox .photoList .sub01 .photo {
        margin-top: -11px;
    }
    
    #main .comBox .rBox .photoList li .photo:before {
        margin-top: -15px;
    }
    
    #main .comBox .rBox .photoList .sub01 .ttl {
        text-align: left;
        letter-spacing: 0;
    }
    
    #main .comBox .rBox .photoList .sub01 .spTxt {
        font-weight: normal;
        display: block;
    }

    #main .comPrice {
        background: #02031F;
    }

    #main .comPrice .headLine01 {
        margin-bottom: 27px;
    }
    
    #main .comPrice .headLine01 {
        margin-bottom: 22px;
    }

    #main .baseTableBox .textBox .ttlBox .headLine02 .num {
        margin-top: 3px;
        width: 45px;
    }
    
    #main .baseTableBox .textBox .ttlBox .headLine02 .txt {
        margin-left: 9px;
        letter-spacing: 0;
    }

    #main .baseTableBox .tableBox tbody .wid01 {
        width: 47%;    
    }

    #main .baseTableBox .tableBox tbody td {
        padding: 12px 0 12px 4px;
        line-height: 1.7;
    }
}

@media all and (max-width: 374px) {
    #main .comBox .lBox p {
        letter-spacing: 1px;
    }
    
    #main .comRecommend.whiteBg .ttlBox p {
        letter-spacing: 1px;
    }
    
    #main .comFeature .ttlBox .title {
        letter-spacing: 0;
    }
    
    #main .baseTableBox .textBox .ttlBox .headLine02 .num {
        padding: 5px 0 5px 5px;
        width: 40px;
    }
    
    #main .baseTableBox .textBox .ttlBox .headLine02 .txt {
        margin-left: 5px;
        width: calc(100% - 40px);
    }
    
    #main .comPrice .title {
        letter-spacing: 0px;
    }
}