@charset "utf-8";

/*　すべてのwebページに適用される　*/
html {
    font-family: serif;
}
html * {
    box-sizing: border-box;
}
body {
    margin: 0 0 0 0;
    }
.wrapper {
    margin: 0 8px;
    max-width: auto;
}
img {
    max-width: 100%;
    height: auto;
}
.keyvisual {
    text-align: center;
}
ul.ask {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul.ask li {
    list-style-type: none;
}
/* すべてのページに適用 - ヘッダー - */
.logo { 
    margin-top: 1;
    margin-bottom: 0;
}
ul.gnav{
    background: #b187b8;
    padding: 0;
    margin-top: 0;
    text-align: center;
    
}
ul.gnav li{
    display: inline-block;
}
ul.gnav li a {
    display: block;
    padding: 1em;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    
}
ul.gnav li a:hover{
    background: #7a147e;
}
/* すべてのページに適用　- フッター  */
.footer {
    background-image: url(../images/heri-ungen2.gif);
    background-repeat: repeat-x;
    margin-top: 30px;
    padding: 30px 15px 20px 15px;
}
/* トップへ戻る　*/
#page-top {
    display: block;
    font-weight: bold;
    padding: 0;
    text-align: left;
    transition: .3s;
}
/* マウスオーバー時 */
#page-top:hover {
    background: #c96fd4; /*背景色*/
    color: #fff; /*文字色*/
}
/* トップへ戻るここまで */

/* スマートフォン向けCSS */
@media (max-width: 767px) {
    /* 全体 - ナビゲーション - */
    .wrapper {
        margin: 0 8px;
    }
    .nav li {
        display: block;
        font-size: 15px;
    }
    table.kigan {
        display: inline;
        font-size: 15px;
        width: 100%;
    }
    table.kigank {
        display: inline;
        font-size: 15px;
        width: 100%;
    }
    #gnav-content {
        position: fixed;
        top: 0%;
        left: -100%;
        z-index: 100;
        width: 100%;
        max-width: 240px;
        box-shadow: 6px 0 25px rgba(0,0,0,0.15);
        transition: 0.3s;
    }
    ul.gnav li{
        display: block;
    }
    ul.gnav li a {
        display: block;
        padding: 0.5em;
        color: #fff;
        font-size: 15px;
        text-decoration: none;
    }
    ul.gnav li a:first line {
        font-size: 16px;
        font-weight: bold;
    }
    .gnav-hidden {
        display: none;
    }
    #gnav-btn {
        display: block;
        width: 40px;
        height: 40px;
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 20px;
        background: #b187b8 url("../images/gnav-btn-open.png") center center
        no-repeat;
    }
    #gnav black {
        display: none;
        position: fixed;
        z-index: 90;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,0.5);
    }
    #gnav-input:checked ~ #gnav-btn {background: #b187b8
        url("../images/gnav-btn-close.png") center center no-repeat;}
    #gnav-input:checked ~ #gnav-black {display: block;}
    #gnav-input:checked ~ #gnav-content {left: 0;}
}
/* index.html */
.yakumo {
    text-align: center;
}
.introduction-text {
    font-size: 20px;
}

/* iwaiabout.html */
ul.shrinename-text {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul.glace-text {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
/* iwaiyabusame.html */
.gazou1 {
    float: left;
    padding: 1em;
}
.gazou2 {
    float: right;
    padding: 1em;
}
/* iwaikigan.html */
table.kigan{
    border-spacing: 0;
    border-collapse: collapse;
    width: 60%;
}
table.kigan td {
    padding: 0.5em;
    text-align: center;
}
table.kigan caption {
    font-size: 22px;
    font-weight: 900;
    text-align: left;
}
.col-1{
    width: 16%;
    border: none;
}
.col-2{
    width: 16%;
    border: none;
}
.col-3{
    width: 16%;
    border: none;
}
.col-4{
    width: 16%;
    border: none;
}
.col-5{
    width: 16%;
    border: none;
}
.col-6{
    width: 16%;
    border: none;
}
table.kigank {
    border-spacing: 0;
    border-collapse: collapse;
    width: 60%;
}
table.kigank td {
    padding: 0.5em;
    text-align: center;
}
table.kigank caption {
    font-size: 22px;
    font-weight: 900;
    text-align: left;
}
.col-1{
    width: 16%;
    border: none;
}
.col-2{
    width: 16%;
    border: none;
}
.col-3{
    width: 16%;
    border: none;
}
.col-4{
    width: 16%;
    border: none;
}
.col-5{
    width: 16%;
    border: none;
}
.col-6{
    width: 16%;
    border: none;
}
/* iwaijichinsai.html */
ul.gaisai {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
/* iwaishinsousai.html */
.nensai {
    text-align: left;
}
/* iwaiacsess.html */