@charset "UTF-8";
@import url("http://methylene.starfree.jp/css/html5reset-1.6.1.css");
@import url('https://fonts.googleapis.com/css?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css?family=Alex+Brush&display=swap');
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap');

/*--------------------テンプレート情報--------------------*/
/*template　Maison de R*/
/*url　https://maisonder.web.fc2.com/*/
/*title　Garden Party*/
/*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
*/

/*
Google Fonts
"Questrial" is lisenced under the SIL Open Font License
http://scripts.sil.org/OFL
by https://fonts.google.com/(Joe Prince)
"Alex Brush" is lisenced under the SIL Open Font License
http://scripts.sil.org/OFL
by https://fonts.google.com/(TypeSETit)
"Sawarabi Mincho" is lisenced under the SIL Open Font License
http://scripts.sil.org/OFL
by https://fonts.google.com/(mshio)
*/

/*
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
*/

/*基本*/
* { -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-all; -webkit-appearance: none; -moz-appearance: none; }
html {}
html, body {height: 100%;}
body {-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;
font-family: 'Questrial', "メイリオ", Helvetica, serif; font-size: 0.8em; line-height: 1.7; color: #454545; letter-spacing: 0.04em; text-align: center;}

/*フロート解除*/
.clearfix:after {content: ""; display: block; clear: both;}

a {color: #454545;}
a:visited {color: #999999;}
a:hover {color: #f4b3c2;}

/*ページの枠組み*/
#all {}
body > .wrap1 {height: auto;}
.wrap1 {padding: 20px 0px; display: -webkit-box; display: -ms-flexbox; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
-webkit-box-align: center; -ms-flex-align: center; align-items: center;
min-height: 100%; height: 100%;}

/*レイアウト 共通*/
header {background: #f1f1f1; width: 100%; text-align: left;
padding: 30px 20px; -webkit-box-shadow: 0px 0px 0px 2px #fff inset; box-shadow: 0px 0px 0px 2px #fff inset; border: 5px solid #f1f1f1;
}

.title {text-align: center;}
h1 {font-family: "MS明朝体", serif;
/*font-family: 'Alex Brush', cursive; 英語の時　'Sawarabi Mincho'日本語*/
line-height: 1.2; color: #000; margin-top: 5px; font-size: 5em;}
h2 {color: #aaa; font-weight: normal; font-size: 1.2em;}
.sub {color: gray; letter-spacing: 0.15em;}

/*ナビ*/
nav {margin-top: 30px;}
nav ul {list-style-type: none; list-style-position: inside;}
nav ul li {margin-top: 0.2em; display: -webkit-box; display: -ms-flexbox; display: flex;
/*フレックスボックス*/}

nav ul li:first-child {margin-top: 0;}
nav ul li a { letter-spacing: 0.15em; text-decoration: none;
/*マーカー風ライン*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #fff)); background: linear-gradient(transparent 50%, #fff 0%);}

nav ul li div:first-child {-ms-flex-negative: 0; flex-shrink: 0;color: gray;}
nav ul li div:first-child::before {
/*FontAwesome*/
display: inline; content: "\f0da"; color: #000; margin-right: 0.5em; font-family: FontAwesome; }
nav ul li div:last-child {color: gray; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;
}

input,textarea{font-family: 'Questrial', "メイリオ", Helvetica, serif; resize: none; line-height:1.8; background: #f7f7f7; border:1px solid #888; border-radius:4px;}


/*------------画面サイズ768px以上用（大きい画面サイズ向け）------------*/
@media screen and (min-width:768px) {
.wrap1 {padding: 50px;}
header {max-width: 850px; padding: 20px 40px 30px; -webkit-box-shadow: 0px 0px 0px 2px #fff inset; box-shadow: 0px 0px 0px 2px #fff inset; border: 10px solid #f1f1f1;}
.title {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
nav {margin-top: 30px;}
}
/*エラーチェック済*/
/*ベンダープレフィックス記述済*/