@charset "utf-8";
@import url("html5reset-1.6.1.css");
@font-face
{
font-family: IPAexゴシック;
src: url('https://cdn.leafscape.be/IPAexfont/ipaexg_web.woff2')
     format("woff2");
}

/*--------------------テンプレート情報--------------------*/
/*template　Maison de R*/
/*url　https://maisonder.web.fc2.com/*/
/*title　Hortensia*/
/*code　CSS3*/

/*--------------------ライセンス--------------------*/

/*HTML5 Reset Stylesheet
html5doctor.com Reset Stylesheet v1.6.1
http://html5doctor.com/html-5-reset-stylesheet/
Copyright Richard Clark - http://richclarkdesign.com
Released under the CC0 Public Domain Dedication and MIT License
http://opensource.org/licenses/mit-license.php
*/

/*
jQuery v3.3.1
http://jquery.com/
(c) JS Foundation and other contributors
Released under the MIT license
http://jquery.org/license
http://opensource.org/licenses/mit-license.php
*/

/*
jQuery Smooth scroll
Handy Web Design
https://handywebdesign.net/2017/10/jquery-smooth-scroll/
*/

/*
Google Fonts
"Lustria" is lisenced under the SIL Open Font License
http://scripts.sil.org/OFL
by https://fonts.google.com/(MADType)
*/

/*
Font Awesome(Font License)
"font-awesome" is lisenced under the SIL Open Font License 1.1
http://scripts.sil.org/OFL
https://fontawesome.com/v4.7.0/
*/

/*
Font Awesome(Code License)
https://fontawesome.com/v4.7.0/
Released under the MIT license
https://fontawesome.com/v4.7.0/license/
http://opensource.org/licenses/mit-license.php
*/

/*------------PCファーストで記述------------*/

/*リセット&初期設定の追加*/
* {
    /*paddingとborderを幅と高さに含める*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*プラットフォームのスタイルをリセット*/
    -webkit-appearance: none;
    -moz-appearance: none;
    /*単語の途中でも必ず改行される*/
    word-break: break-all;
}

html {}

body {
    letter-spacing: 0.05em;
    line-height: 1.8;
    font-family: "IPAexゴシック", sans-serif;
    font-size: 12px;
    background: url(bg01.png) repeat #F2F4DE;
    color: #333333;
    /*モバイル端末でのテキストサイズの自動調整対策*/
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

a {
    color: #709764;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    /*アニメーション*/
}

a:hover {
    color: #A6BE8A;
}

img {
    /*フルードイメージ（親要素の幅に応じて縦横比を保持したまま自動的に画像の拡大縮小をする）*/
    max-width: 100%;
    height: auto;
    /*画像の縦の隙間対策*/
    vertical-align: bottom;
}

a img {
    /*画像リンクの枠線を消す*/
    border: 0;
}

em {
    font-style: normal;
}

ul,
ol {
    list-style-position: inside;
    /*リストマークを内側に表示*/
}

ul {
    list-style-type: none;
}

ol {
    list-style-type: decimal-leading-zero;
}

/*スペース*/
.space {
    margin-top: 6px;
}

/*emとstrong一括*/
em,
strong {
    padding: 0 0.5em;
}

/*強調*/
em {
    background: #F2F4DE;
}

/*重要*/
strong {
    background: #A6BE8A;
    color: white;
}

/*フォント*/
h1, h2 { font-weight: normal; }
nav { text-align:center; }

/*全体*/
#all {}

#wrap1 {
    padding: 0 35px;
}

#wrap2 {
    width: 100%;
    max-width: 800px;
    padding: 30px 35px;
    margin: 0 auto;
    background: white;
}

/*ヘッダー*/
header {
    text-align: center;
}

/*ナビ*/
nav {
    margin-top: 20px;
}

nav #navlist {
    font-size: 0; padding:0;
    /*隙間対策*/ 
}

nav #navlist li {
    font-size: 13px;
    /*再指定*/
    display: inline-block;
    margin: 10px; 
}

nav #navlist li a {
    display: block;
    /*リンク範囲の拡張*/
    background: #F2F4DE;
    width: 150px;
    padding: 0;
    line-height: 28px;
}

nav #navlist li a {
    color: #333333;
    text-decoration: none;
}

nav #navlist li a:hover {
    background: #A6BE8A;
    color: white;
}

/*タイトル*/
header h1 {
    font-size: 16px;
    margin-top: 10px;
    line-height: 1;
}


/*------------画面サイズ768px以下用（スマホ向け）------------*/
@media screen and (max-width:768px) {

    body {
        background: none white;
    }

    #wrap1 {
        padding: 0;
    }

    #wrap2 {
        max-width: 700px;
        padding: 28px 15px 30px;
    }

    header::before {
        content: url(mainvisual.png);
        display: block; 
    }

}