@charset "utf-8";

/*===================================================================
	index.htm
===================================================================*/
.tabletAncNav {
	width: 960px;
	margin: 30px auto;
}
.tabletAncNav > li {
	float: left;
	margin-right: 20px;
    width:306px;
    height:440px;
    border:1px solid #E5E5E5;
    padding:15px 10px;
    box-sizing: border-box;
}
.tabletAncNav > li.last {
	margin-right: 0;
}

.floatL {
    float:left;
}
.floatR {
    float:right;
}

.kakomi {
border:1px solid #ff0000;
    padding:10px 15px;
    margin:30px 0 30px;
    }

#contents .headSection .title span.fs15 {
font-size:15px;
}

.tmm_original {
color:#FFFFFF;
background:#ff872a;
padding:5px 10px;
border-radius:5px;
}

.btn.flL, .btn.flR {
    width: 46%;
    padding: 10px;
    border: 2px solid #005DAA;
    border-radius: 5px;
    text-align: center;
    box-shadow: 5px 5px 10px #8C8A89;
}

.btn.flL, .btn.flR {
    width: 46%;
    padding: 10px;
    border: 2px solid #005DAA;
    border-radius: 5px;
    text-align: center;
    box-shadow: 5px 5px 10px #8C8A89;
}
@media only screen and (max-width: 768px) {
#contents .headSection .title span.fs15{
    display: block;
    margin: 5px 0 0;
}
#contents .headSection .leftArea .title{
    background: none;
    padding: 0;
    margin: 15px 0 0;
}
.tabletAncNav {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}
.tabletAncNav > li{
    float: none;
    width: 100%;
    margin: 0 0 15px;
}
.tblMod01 th,.tblMod01 td{
    width: 20%;
    font-size: 11px;
    word-break: break-all;
    
}
}


/* tmm302s/tablet */
.flexbox {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    text-align: center;
}
.flexbox .flexbox .flex-item:first-of-type {
    margin-right: 30px;
}
@media all and (min-width: 769px) {
    .flexbox {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
@media only screen and (max-width: 768px) {
    .tmm_original {
        font-size: 75% !important;
    }
    .flexbox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flexbox .flexbox {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .flex-item + .flex-item {
        margin-top: 20px;
    }
    .flexbox .flexbox .flex-item {
        width: 50%;
    }
    .flex-item img {
        max-width: 100%;
        height: auto;
    }
    .flexbox .flexbox .flex-item + .flex-item {
        margin-top: 0;
    }
    .detailGroup.supply03 {
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .detailGroup.supply03 .tblMod01 {
        width: 100%;
    }
    .detailGroup.supply03 .tblMod01.tblMod01 th,
    .detailGroup.supply03 .tblMod01.tblMod01 td {
        letter-spacing: -0.08em;
        padding: 5px;
        font-size: 10px !important;
    }
}