@charset "UTF-8";

body {
    word-break: break-all;
    color: #000000;
}


/* 全体
------------------------------------------------------------*/
#wrapper{
    margin: 0 auto;
    padding: 0 1%;
    width: 98%;
    position: relative;
    background-color: #FFFFFF;
}

#wrapper #com-name{
    font-size: 2em;
    font-weight:bold;
}

#ContentPane {
    margin-top:1em;
}

.linkDesign {
    color:#5487dc;
    text-decoration:underline;
    cursor:pointer;
}


/**************************
/* 各項目タイトル
**************************/

.block-PR, .block-GAIYO, .block-productservice, .block-tenpo, .block-add-info, .block-facility {
    border: 1px solid #40e0d0;
    margin-bottom: 20px;
    clear: both;
    background-color: #FFFFFF;
}

.block-PR h2, .block-GAIYO h2, .block-productservice h2, .block-tenpo h2, .block-add-info h2, .block-facility h2 {
    background: #40e0d0;
    padding: 10px;
    font-weight: bold;
    font-size: 1.3em;
}


/**************************
/* グリッド
**************************/
.gridWrapper{
    padding-bottom:0px;
    overflow: hidden;
    margin:0 -12px 0 0;
}

.box2 img{
    max-width:100%;
    height:auto;
}


/*************
メイン コンテンツ(各ブロック）
*************/
.block{
    padding:10px;
}
.Preadmore{
    background-image: url(/img/icon/btn_rightArrow02.png);
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 14px;
    display: inline-table;
    padding-right:30px;
    float:right;
}

/* 住所詳細と地図を表示*/
.seemap {
    background:#D9D9D9;
    padding:5px 10px;
    display: inline-block;
}
.seemap a {
    color: #343434;
    text-decoration:none;
}
.seemap a:hover {
    color: #343434;
    text-decoration:none;
}
.seemap:before{
    font-family: FontAwesome;
    content:"\f041";
    padding-right:5px;
    color: #343434;
}



/* 電話ボタン*/
@media only screen and (max-width:480px) {
    .call-tel{
        background:#343434;
        padding:10px 40px;
        display: inline-block;
        border-radius:12px;
        color: #fff;
        font-size:20px;
    }

    .call-tel:before{
        font-family: FontAwesome;
        content:"\f095";
        padding-right:10px;
    }
}
@media print, screen and (min-width: 481px) {
    .call-tel{
        display:none;
    }
}





/* お問合せニョロ共通*/
#block-GAIYO-inquery{
    background:#40e0d0;
    padding:10px 0px 10px 0px;
    display: block;
    text-align: center;
    border:#40e0d0 1px solid;
}


#target{
    border-collapse:collapse;
    background-color:#F9F9F9;
    text-align:left;
    padding:20px;
    border:1px solid #D6D6D6;
    line-height:1.6em;
}

#target .txt-atten {
    line-height:1.5em;
    margin-top:10px;
}

#target dl {
    padding: 0;
    list-style: none;
    margin: 0 0 20px 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

#target dt{
    display: block;
    width: 100%;
    margin: 0;
    list-style: none;
    width: 100%;
    padding: 0;
    float: left;
}

#target dd {
    margin: 0;
    list-style: none;
    display: block;
    width: 100%;
    padding: 0 0 10px 0;
    float: left;
}

@media screen and (min-width: 481px) {
    #target dt {
        width: 250px;
    }
    #target dd{
        width: 330px;
    }
}




/*表をdl dtバージョンで作成*/
.table-list dl, .table-list dt, .table-list dd {
    padding: 0;
    margin: 0;
    list-style: none;
}
.table-list dl{
    display: block;
    width: 100%;
    border-top:#e5e5e5 1px solid;
    border-left:#e5e5e5 1px solid;
    border-right:#e5e5e5 1px solid;
}
.table-list dl:last-child{
    border-bottom:#e5e5e5 1px solid;
}
.table-list dt{
    display: block;
    width: 100%;
    padding: 10px;
    background: #40e0d0;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.table-list dd{
    display: block;
    padding: 10px;
}


/* 企業情報 */
#cmpy_info {
    position: relative;
}
#cmpy_info #last_update {
    position: absolute;
    top: 1em;
    right: 1em;
}


/* 商品サービス一覧（平行ver css名.grid2) */
.grid2{
    padding: 0 10px 0 0px;
    margin-bottom:10px;
}
.grid2 h3.heading{
    font-weight:bold;
    padding: 10px;
    background:#40e0d0;
    margin-top:10px;
}

.box2{
    padding:10px;
    border:1px solid #ebebeb;
    clear:both;
    overflow:hidden;
    text-align:center;
}
.box2 img{
    float:none;
    width:200px;
    height:200px;
    padding:2px;
    border:1px solid #ebebeb;
    margin-bottom:0.5em;
}
.box2 p{
    clear:both;
    text-align:left;
}
.block-productservice a {
    text-decoration: none;
    color: initial;
}


/*店舗情報 */
.tenpo-inner-photo{
    height:100px;
    width:100px;
    background:#fff;
    float:left;
    margin-right:10px;
    text-align: center;
}
.tenpo-inner-photo img{
    max-height:100px;
    max-width:100px;
}
.tenpo-inner{
    margin:10px;
    overflow:hidden;
    border:1px solid #ebebeb;
    background:#f5f5f5;
    padding:10px;
}
.tenpo-inner h3.heading{
    font-weight:bold;
    margin-bottom:1em;
}
.H100{
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    width:100px;
}
.H100 img{
    border: none;
}
.block-tenpo a {
    text-decoration: none;
    color: initial;
}

/*設備情報 */
@media print, screen and  (max-width:945px){
    .data-facility{
        display: block;
    }
    .data-facility thead{
        display: none;
    }
    .data-facility tbody{
        display: block;
    }
    .data-facility tbody tr{
        display: block;
        padding-bottom: 10px;
        border-top: solid 1px #e5e5e5;
        border-left: solid 1px #e5e5e5;
        border-right: solid 1px #e5e5e5;
    }
    .data-facility tbody td{
        display: list-item;
        border: none;
    }
    .data-facility tbody td:nth-of-type(1){
        margin-bottom: 5px;
        list-style-type: none;
        color: #000000;
        background: #f5f5f5;
        padding:10px;
        font-weight:bold;
    }
    .data-facility tbody td:nth-of-type(2), .data-facility tbody td:nth-of-type(3), .data-facility tbody td:nth-of-type(4), .data-facility tbody td:nth-of-type(5), .data-facility tbody td:nth-of-type(6) {
        margin: 3px 0 0 10px;
        padding: 0;
        list-style:inside none none;
    }
    .data-facility tbody td:nth-of-type(2):before {
        content: "[種類]"; font-weight:bold;
    }
    .data-facility tbody td:nth-of-type(3):before {
        content: "[型番]"; font-weight:bold;
    }
    .data-facility tbody td:nth-of-type(4):before {
        content: "[台数]"; font-weight:bold;
    }
    .data-facility tbody td:nth-of-type(5):before {
        content: "[メーカー]"; font-weight:bold;
    }
    .data-facility tbody td:nth-of-type(6):before {
        content: "[備考]"; font-weight:bold;
    }
    .data-facility tbody tr:last-child {
        border-bottom: 1px solid #e5e5e5;
    }
}

@media print, screen and (max-width:480px){
    .img-facility-list{
        width:100%;
    }
}

@media print, screen and  (min-width:481px) and (max-width:945px){
    .img-facility-list{
        width:40%;
        margin-left: 5%;
    }
}

@media print, screen and (min-width: 946px){
    .data-facility{
        width:100%;
    }
    .data-facility thead tr {
        background-color: #f5f5f5;
    }
    .data-facility th, .data-facility td{
        border:1px solid #e5e5e5;
        padding:10px;
        word-break: break-all;
    }
    .data-facility thead th {
        text-align:center;
    }
    .data-facility thead th:nth-of-type(1) {
        width: 180px;
    }
    .data-facility thead th:nth-of-type(2) {
        width: 145px;
    }
    .data-facility thead th:nth-of-type(3) {
        width: 145px;
    }
    .data-facility thead th:nth-of-type(4) {
        width: 60px;
    }
    .data-facility thead th:nth-of-type(5) {
        width: 140px;
    }
    .data-facility thead th:nth-of-type(6) {
        width: 200px;
    }
    .img-facility-list{
        width:18%;
    }
    .img-facility{
        width:100%;
    }
}

.data-facility{
    border-collapse: collapse;
}
.img-facility-list{
    float:left;
    padding:5px;
    text-align:center;
}