*{
    margin:0;
    padding:0;
}


/* コンテナー */
div.container{
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100vw;
    height: 100vh;
}


/* ヘッダー */

    div.header{
        background-color: #eeeeee;
        height:72px;
        border-bottom: 2px solid;
        border-image: linear-gradient(to right, #ac4737 15%, #ffffff 85%) 1;
    }

    div.header h1.title_logo{
        margin:15px 10px 10px 30px;
        float:left;
    }

    /*　グローバルナビ　*/
    div.header nav.global_nav{
        
        display:inline-block;
        float:right;
        margin:25px 60px 10px 10px;
        
    }

    div.header nav.global_nav li{
        color: #7b6542;
        display:inline-block;
        margin-left: 1em;
        
    }

    /*　リンク　*/
    nav.global_nav a{
        text-decoration: none;
        color: #7b6542;
    }
    nav.global_nav a:hover{
        text-decoration: none;
        color: #742d18;
    }


/* コンテンツ領域 */
div.content{
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    box-sizing: border-box;
    width: 100vw;
    height: ;
    background-color: rgb(255, 255, 255);
    text-align: center;
}


div.content.home div.center{
    box-sizing: border-box;
    margin: 30px 0 0 0 ;
}


img.top_img{
    display: block;
    margin: auto;
    width:85%;
    min-width: 640px;
    height:auto;
    
}

div.left_side{
    box-sizing: border-box;
    width:0px;
    margin: ;
    background-color: peachpuff;
}

div.right_side{
    box-sizing: border-box;
    width:0px;
    margin: ;
    background-color: peachpuff;
}


/* メニュー領域 */
div.menu{
   box-sizing: border-box;
   background-color: #f0f0f0; 
   width: 20%;
   min-width:200px;
   height:;
   border: ;
   text-align: center;
   padding-top: 3em;
}

div.menu ul{
    list-style-type: none;
}

li{
    list-style-type: none;
    height:1.5em;
}

/* トップイメージ領域 */
div.top_img{
   width:;
   height:80%;
}

span.top_img{
    display: block;
    width: 640px;
    height: 480px;
    background-color: rgb(177, 191, 255);
    margin:0 0 0 5%;
}

/*　フッター　*/
footer{
    height:72px;
    background: linear-gradient(to bottom, #eee 20%, #ffffff);
    box-sizing: border-box;
    text-align: center;
    border-image: 
}

footer p.copyright{
    margin-top: 0.8em;
    color: #7a6a50;
    font:0.8em ;
    font-style: italic;
    font-family: serif;
}


/*　個別ページのデザイン　*/

div.content.page div.center{
    box-sizing: border-box;
    margin: 0 0 0 0 ;
    padding:5em;
    width: 50em;
    background-color: #fff;
    font-family: serif;
    font-size: 1.2em;
    text-align:justify;
}

div.content.page div.left_side{
    box-sizing: border-box;
    margin: 0 0 0 0 ;
    width: 15%;
    background-color: rgb(233, 233, 233);
}

div.content.page div.right_side{
    box-sizing: border-box;
    margin: 0 0 0 0 ;
    width: 15%;
    background-color: rgb(233, 233, 233);
}

p.has-text-align-right{
    text-align: right;
}