@charset "UTF-8";
@import url("../common/common.css");
@import url("../common/base.css");



/*----- 特商 設定 ----------------------------------------------------*/



/*----- 各セクション 設定 ----------------------------------------------------*/

section.sectionWrap{ width:100%; padding:50px 0; overflow:hidden; float:left; }
div.sectionArea{ width:1080px; margin:0 auto; }

h2.sectionTit{ width:100%; padding:0; text-align:center; letter-spacing:0.2em; float:left; }
h2.sectionTit strong{ display:block; font-size:50px; }
h2.sectionTit small{ display:block; font-size:18px; }

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1023px){
    
    section.sectionWrap{ width:100%; padding:15px 0; overflow:hidden; float:left; }
    div.sectionArea{ width:96%; margin:0 auto; }
    
    h2.sectionTit strong{ display:block; font-size:35px; }
    h2.sectionTit small{ display:block; font-size:15px; }
    
}


/*----- 特商 設定 ----------------------------------------------------*/

div.legalArea{ width:100%; padding:30px 0; float:left; }

.legalArea_tit{ width:96%; padding:0 2%; font-size:1.2em; font-weight:normal; float:left; }
.legalArea_tbl{ width:80%; padding:30px 10%; float:left; }

table { margin: 15px auto 20px auto; width: 100%; border-collapse: collapse; border-top: 1px solid #ccc; border-left: 1px solid #ccc;  text-align: left; }
table th { padding: 8px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #fff; background-color: #222; font-weight: normal; }
table td { padding: 8px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
table td a{ color:#fff; }

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1023px){
    
    .orderArea_tbl{ width:96%; padding:15px 2%; }
 
    .orderArea_tbl table, .orderArea_tbl thead, .orderArea_tbl tbody, .orderArea_tbl th, .orderArea_tbl td, .orderArea_tbl tr {
        display: block;
    }
    
    .orderArea_tbl table{
        border-top:none;
        border-left:none;
    }
    
    .orderArea_tbl thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .orderArea_tbl tr { 
        margin-bottom: 10px; 
    }
    .orderArea_tbl table th{
        border-right:none;        
    }
    .orderArea_tbl td {
        border-right:none;
        border-bottom:none;
        display: block;
        text-align: left;
    }
    
}