@charset "UTF-8";

/* Main background --------------- */
@media screen and (min-width: 1000px) {
    #mainBg {
        background-image: url(../img/common/main_bg01.jpg);
    }
}

@media screen and (max-width: 999px) {
    .bgArea {
        background-image: url(../img/common/main_bg01.jpg);
    }
}

/* addressBlc --------------- */
#addressBlc iframe {
    margin: 0 0 10%;
    height: 600px;
}


@media screen and (max-width: 800px) {

    /* addressBlc --------------- */
    #addressBlc iframe {
        height: 350px;
    }
}


/* makiyamaiwakien --------------- */
#makiyamaiwakien #blc02 .txtCatch {
    margin: 10% 0 7%;
}

#makiyamaiwakien #blc02 .ttlSub {
    font-weight: bold;
    margin: 4% 0 3%;
}

#makiyamaiwakien #blc03 .txtCatch {
    margin: 10% 0 7%;
}

#makiyamaiwakien #blc03 .ttlSub {
    font-weight: bold;
    margin: 4% 0 3%;
}

#makiyamaiwakien #blc03 .catchBox {
    border: 1px solid #c8cedc;
    padding: 4%;
    margin: 4% 0;
}

#makiyamaiwakien #blc03 .btnAccess a {
    box-sizing: border-box;
    display: block;
    text-decoration: none;
    width: 100%;
    max-width: 320px;
    background: #fff url(../../img/common/icon_arrow.png) 90% 50% no-repeat;
    border: #1a4259 solid 1px;
    padding: 20px 30px 20px 3%;
    margin: 7% auto 4%;
    text-align: center;
    font-size: 90%;
    transition: all 100ms ease-in-out;
}

#makiyamaiwakien #blc03 .btnAccess a:hover {
    border: #c8cedc solid 1px;
}

#makiyamaiwakien #blc03 .tblComm2 {
    margin-bottom: 7%;
}

#makiyamaiwakien #blc03 .tblComm2 thead th:first-child {
    width: 25%;
}

#makiyamaiwakien #blc03 .tblComm2 tbody tr:last-child td {
    background-color: #FFFFCC;
}

#makiyamaiwakien #blc03 .tblComm2 tbody th {
    background-color: #fff;
    color: #1a4259;
}

#makiyamaiwakien #blc03 .tblComm2 tbody th,
#makiyamaiwakien #blc03 .tblComm2 tbody td {
    word-break: break-all;
}

#makiyamaiwakien #blc03 .tel br {
    display: none;
}

#makiyamaiwakien .preview {
    margin-top: 7%;
}

#makiyamaiwakien .preview>figure {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    text-align: center;
    float: left;
}

#makiyamaiwakien .preview>figure:nth-child(3n+3) {
    margin-right: 0;
}

#makiyamaiwakien .preview>figure>figcaption {
    display: block;
    font-weight: bold;
    margin: 3% 0 0;
}

/* makiyama --------------- */
#makiyama #blc01 .hour {
    margin-bottom: 7%;
}

#makiyama #blc01 .hour dl {
    background: #fff;
    border: 1px solid #c8cedc;
    letter-spacing: -0.4em;
    padding: 5%;
}

#makiyama #blc01 .hour dt {
    box-sizing: border-box;
    display: inline-block;
    letter-spacing: normal;
    min-width: 100px;
    text-align: center;
    vertical-align: middle;
    width: 20%;
}

#makiyama #blc01 .hour dd {
    border-left: 1px solid #c8cedc;
    box-sizing: border-box;
    display: inline-block;
    letter-spacing: normal;
    padding-left: 5%;
    vertical-align: middle;
    width: 75%;
}

#makiyama #blc01 .tblComm2 {
    margin-bottom: 2%;
}

/* kotohira --------------- */
#kotohira .directorBlc {
    max-width: 400px;
    margin: 10% auto 7%;
}

#kotohira .directorBlc>figure {
    width: 48%;
    text-align: center;
    padding: 0 4%;
    float: left;
    box-sizing: border-box;
}

#kotohira .directorBlc>figure:nth-child(even) {
    float: right;
}

#kotohira #blc01 .hour {
    margin-bottom: 7%;
}

#kotohira #blc01 .hour dl {
    background: #fff;
    border: 1px solid #c8cedc;
    letter-spacing: -0.4em;
    padding: 5%;
}

#kotohira #blc01 .hour dt {
    box-sizing: border-box;
    display: inline-block;
    letter-spacing: normal;
    min-width: 100px;
    text-align: center;
    vertical-align: middle;
    width: 20%;
}

#kotohira #blc01 .hour dd {
    border-left: 1px solid #c8cedc;
    box-sizing: border-box;
    display: inline-block;
    letter-spacing: normal;
    padding-left: 5%;
    vertical-align: middle;
    width: 75%;
}

#kotohira #blc01 .tblComm2 {
    margin-bottom: 2%;
}

/* ghKotohira --------------- */
#ghKotohira #blc01 .tblComm2 {
    margin-bottom: 2%;
}

#ghKotohira .catchBox {
    border: 1px solid #c8cedc;
    padding: 4%;
    margin: 4% 0;
}

#ghKotohira.introductionBlc .tblScroll>table {
    min-width: 541px;
}

/* introductionBlc --------------- */
.introductionBlc>.catch {
    margin: 580px 0 0 250px;
}

.introductionBlc>.catch .img {
    box-sizing: border-box;
    float: left;
    width: 65%;
    height: 400px;
    background: center center no-repeat;
    background-size: cover;
}

.introductionBlc>.catch .txt {
    box-sizing: border-box;
    float: right;
    width: 35%;
    height: 400px;
    background: #1a4259;
    padding: 4% 3%;
    color: #fff;
}

.introductionBlc>.catch .txt .main {
    font-size: 130%;
    font-weight: bold;
    margin: 15% 0 3%;
    line-height: 1.5;
}

.introductionBlc>.catch .txt .sub {
    font-size: 85%;
}

.introductionBlc .tblScroll {
    overflow: auto;
}

.introductionBlc .icnPdf {
    background: url(../../img/common/icn_pdf.png) no-repeat scroll left center;
    display: inline-block;
    margin: 0 0 4%;
    padding-left: 30px;
}

@media screen and (max-width: 1000px) {

    /* introductionBlc --------------- */
    .introductionBlc>.catch {
        margin: 50% 0 0;
    }

    .introductionBlc>.catch .img {
        width: 100%;
        height: 300px;
        background: center center no-repeat;
        background-size: cover;
    }

    .introductionBlc>.catch .txt {
        background: #1a4259;
        width: 100%;
        height: auto;
        padding: 4% 3%;
        color: #fff;
    }

    .introductionBlc>.catch .txt .main {
        font-size: 140%;
        font-weight: bold;
        margin: 0 0 3%;
    }

    .introductionBlc>.catch .txt .sub {
        font-size: 85%;
    }
}

@media screen and (max-width: 650px) {

    /* makiyamaiwakien --------------- */
    #makiyamaiwakien #blc03 .tblComm2 thead th:first-child {
        width: 150px;
    }

    #makiyamaiwakien #blc03 .tel br {
        display: block;
    }

    /* introductionBlc --------------- */
    .introductionBlc .tblScroll>table {
        min-width: 485px;
    }
}

@media screen and (max-width: 600px) {

    /* makiyama --------------- */
    #makiyama #blc01 .hour dl {
        letter-spacing: normal;
    }

    #makiyama #blc01 .hour dt {
        display: block;
        font-weight: bold;
        margin: 0 0 10%;
        width: 100%;
    }

    #makiyama #blc01 .hour dd {
        border-left: medium none;
        display: block;
        padding-left: 0;
        width: 100%;
    }
}

/* kotohira --------------- */
#kotohira #blc01 .hour dl {
    letter-spacing: normal;
}

#kotohira #blc01 .hour dt {
    display: block;
    font-weight: bold;
    margin: 0 0 10%;
    width: 100%;
}

#kotohira #blc01 .hour dd {
    border-left: medium none;
    display: block;
    padding-left: 0;
    width: 100%;
}

#kotohira.introductionBlc .tblScroll>table {
    min-width: 541px;
}


/* introductionBlc --------------- */
/* makiyamaiwakien */
#makiyamaiwakien>.catch .img {
    background-image: url(../img/iwakien/introduction_img.jpg);
}

.status-blc {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 2%;
}

.status-blc > .box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 80%;
}

.status-blc > .box > .ttl,
.status-blc > .box > .w-room,
.status-blc > .box > .m-room {
    width: calc(33.33% - 10px);
    text-align: center;
    color: #fff;
    font-weight: 600;
    background-color: #194259;
    border: 1px solid #194259;
    box-sizing: border-box;
}

.status-blc > .box > .ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 140%;
    padding: 20px 2%;
}

.status-blc > .box > .w-room,
.status-blc > .box > .m-room {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.status-blc > .box > .w-room > .ttl,
.status-blc > .box > .m-room > .ttl,
.status-blc > .box > .w-room > .status,
.status-blc > .box > .m-room > .status {
    width: 50%;
    padding: 20px 2%;
    box-sizing: border-box;
}

.status-blc > .box > .w-room > .ttl,
.status-blc > .box > .m-room > .ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 140%;
    color: #fff;
    font-weight: 600;
}

.status-blc > .box > .w-room > .status,
.status-blc > .box > .m-room > .status {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #194259;
    background-color: #fff;
}

.status-blc > .box > .w-room > .status::after,
.status-blc > .box > .m-room > .status::after {
    position: relative;
    display: block;
    content: '';
	width: 100%;
	height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 70%;
	transition: 300ms all ease-in-out;
	margin: auto;
}

.status-blc > .box > .w-room > .status.o::after,
.status-blc > .box > .m-room > .status.o::after {
    background-image: url('../img/iwakien/Circle_icn.png');
}

.status-blc > .box > .w-room > .status.x::after,
.status-blc > .box > .m-room > .status.x::after {
    background-image: url('../img/iwakien/Cross_icn.png');
}

.status-blc > .box > .w-room > .status.t::after,
.status-blc > .box > .m-room > .status.t::after {
    background-image: url('../img/iwakien/Triangle_icn.png');
}

.status-blc > .ex {
    width: calc(20% - 12px);
}

.status-blc > .ex > .list {
    position: relative;
}

.status-blc > .ex > .list > li {
    position: relative;
    font-size: 120%;
    font-weight: 600;
    line-height: 1.5;
}

.status-blc > .ex > .list > li > img {
    margin-right: 5px;
}

.status-blc > .comment {
    width: 100%;
    text-align: center;
    font-size: 120%;
    font-weight: 400;
    margin-top: 10px;
}

@media screen and (max-width: 1100px) {
    .status-blc > .box {
        width: 75%;
    }
    .status-blc > .ex {
        width: calc(25% - 10px);
    }
}
@media screen and (max-width: 767px) {
    .status-blc > .box {
        width: 70%;
    }
    .status-blc > .box > .ttl {
        width: 100%;
        margin-bottom: 6px;
    }    
    .status-blc > .box > .w-room,
    .status-blc > .box > .m-room {
        width: calc(50% - 3px);
    }
    .status-blc > .ex {
        width: calc(30% - 10px);
    }
    .status-blc > .comment {
        width: 70%;
    }
}


@media screen and (max-width: 480px) {
    .status-blc > .box,
    .status-blc > .ex,
    .status-blc > .comment {
        width: 100%;
        margin-bottom: 10px;
    }
    .status-blc > .box {
        order: 1;
    }
    .status-blc > .ex {
        display: inline-block;
        width: auto;
        margin: 0 auto 30px;
        order: 3;
    }
    .status-blc > .comment {
        order: 2;
    }
}