@charset "utf-8";

body {
    margin: 0;
    padding: 0;
    color: #333;
    background-color:
}
a { color: #b7a077; }
a:visited { color: #000; }
a:hover {
    color: #988564;
    font-weight: bold;
    text-decoration: none;
}
a img { transition: opecity 0.2s linear; }
a:hover img { opacity: 0.7; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; }
p {
    margin-top: 0;
    line-height: 1.6;
    margin: 0;
}
img { vertical-align: bottom; }
#main h1 {
    background-image: url(../images/header bg.jpg);
    padding: 30px 30px 30px 20px;
    font-size: 40px;
    border-bottom: solid 1px #8b7348;
}
#main h2 {
    font-size: 22px;
    border: 1px solid #b7a077;
    padding: 11px 22px;
    border-radius: 5px;
}
#main h3 {
    font-size: 18px;
    border-left: solid 3px #b7a077;
    padding:4px 9px 4px 14px;
}
#main h4{
    font-size: 40px;
    color: floralwhite;
    padding: 0px;
}

#wrapper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/snow-crystals-1024924_1920.jpg)repeat-y;
        background-color: rgba(255,255,255,0.8);
    background-blend-mode:lighten;
}
#main {
    width: 80%;
    margin: auto;
}

#breadcrumb { font-size: smaller; }
#breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
#breadcrumb ol li { display: inline; }
#breadcrumb ol li::after {
    content: ">";
    padding-left: 7px;
}
#breadcrumb ol li:last-chile::after { content: none; }



@media screen and (max-width : 767px){
    img {
        max-width: 100%;
    }
    header,
    #global_navi,
    #sidebar,
    #wrapper{
        width: 100%;
    }
    header h1 {
        float: none;
        text-align: center;
    }
    header h1 img {
        width: 50%;
    }
    header #header_contact {
        display: none;
    }
    #global_navi ul li {
        width: 50%;
        padding: 0.5px;
        margin: 0;
        box-sizing: border-box;
    }
    #global_navi ul li a {
        margin: 0;
    }
    #global_navi ul li:last-child {
        width: 100%;
    }
    #main {
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }
    #main figure {
        text-align: center;
    }
    #main_visual {
        width: 100%;
        height: auto;
    }
    #point figure {
        float: none;
        margin: 0 0 11px 0;
    }
    #side_banner ul li {
        text-align: center;
        margin: 11px auto;
    }
    #side_contact_address img {
        width: 14px;
        height: 20px;
    }
    #entry #name {
        width: 90%;
        height: aouto;
    }
    #entry #email {
        width: 90%;
        height: aouto;
    }
    #entry #detail {
        width: 90%;
        height: aouto;
    }
    }
mark{
    background: white;
    font-size: 1.3em;
}