/*----------EQUIP----------*/

ul#eimg {
    list-style : none;
    overflow : hidden;
    width : 90%;
    margin : 0 auto 8% auto;
}

ul#eimg li {
    float : left;
    width : 32%;
    margin-right : 2%;
}

ul#eimg li:last-child {
    margin : 0;
}

ul#eimg li p {
	width : 100%;
	background-size : cover;
	background-position : center center;
	padding-top : 100px;
    border-radius : 8px;
}

.data {
    width : 90% !important;
    margin : 0 auto 8% auto;
    border-top : solid 1px #b9b4b4;
    border-left : solid 1px #b4b4b4;
    box-sizing : border-box;
}

.data tbody {
    display : block;
    width : 100%;
}

.data tr {
    display : flex;
    flex-wrap : wrap;
    width : 100%;
    border-bottom : none;
}

.data th, .data td {
    display : block;
    border-bottom : solid 1px #b4b4b4;
    box-sizing : border-box;
    height : auto;
}

.data th {
    width : 82% !important;
    padding : 9px 0 11px 11px;
    background : #f5dcc8;
    border-right : solid 1px #b4b4b4;
    font-weight : 400;
    text-align : left;
}

.data td {
    width : 18% !important;
    background : #fff;
    text-align : center;
    border-right : solid 1px #b4b4b4;
    padding : 9px 0 11px 0;
}

.data td a {
	color : #ac0003;
	text-decoration : underline;
}

/*----------MODAL----------*/

.modal {
    display : none;
    height : 100%;
    position : fixed;
    top : 0;
    width : 100%;
	z-index : 9999;
}

.modal__bg {
    background : rgba(0,0,0,0.9);
    height : 100%;
    position : absolute;
    width : 100%;
	z-index : 9999;
}

.modal__content {
	position: absolute;
	top : 50%;
	left : 50%;
	-webkit-transform : translate(-50%,-50%);
	-moz-transform : translate(-50%,-50%);
	-ms-transform : translate(-50%,-50%);
	-o-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align : center;
	width : 86%;
	z-index : 9999;
}

p.eimg {
    margin-bottom : 12px;
}

p.eimg img {
    width : 100%;
    height : 100%;
    border : solid 5px #ffffff;
    border-radius : 10px;
    box-sizing : border-box;
}

.modal__content h3 {
    margin-bottom : 15px;
    color : #ffffff;
    font-size : 120%;
    font-weight : 600;
}

.edata,.edata tbody,.edata tr,.edata td {
    display : block;
    width : 100%;
}

.edata {
    margin-bottom : 15px;
}

/* thは非表示 */
.edata th {
    display: none;
}

/* box計算を統一 */
.edata,.edata *,.edata *::before {
    box-sizing: border-box;
}

/* セルデザイン */
.edata td {
    position : relative;
    padding : 10px 10px 10px 31%;
    text-align : left;
    background : #ffffff;
    border-bottom : 1px solid #b4b4b4;
}

.edata tr:last-child td:last-child {
    border-bottom : none;
}

/* ラベル */
.edata td::before {
    position : absolute;
    top : 0;
    left : 0;
    width : 27%;
    height : 100%;
    background : #f5dcc8;
    padding : 10px;
    white-space : nowrap;
}

.edata td:nth-of-type(1)::before {
    content : "メーカー";
}

.edata td:nth-of-type(2)::before {
    content : "型式";
}

p.etxt {
    margin-bottom : 25px;
    color : #ffffff;
    text-align: left;
}

a.js-modal-close {
    padding : 6px 25px 8px 25px;
    color : #ffffff;
    background : #ac0003;
    font-size : 90%;
    font-weight : 600;
    border-radius : 36px;
    text-decoration : none;
	cursor: pointer;
}

/*----------LANDSCAPE----------*/

@media screen and (orientation: landscape) {

ul#eimg li p {
	width : 100%;
	background-size : cover;
	background-position : center center;
	padding-top : 170px;
    border-radius : 8px;
}

}