@charset "UTF-8";
@import url("html5reset-1.6.1.css");
@import url('https://fonts.googleapis.com/css?family=Nunito:400,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville&display=swap');

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

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

body {font-family: 'Questrial', "メイリオ", Helvetica, serif; font-size:0.85em; line-height: 1.6; color: #333; letter-spacing: 0.04em; text-align: left; background: #f1f1f1;
/*モバイル端末でのテキストサイズの自動調整対策*/
-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}

.clearfix:after {content: ""; display: block; clear: both;}

.re {margin:1em 0 0; padding: 0 0.5em; background: #fff; color: #bababa; text-align:right; border-radius: 2px; font-size:0.8em;}
ul {list-style-type: none; list-style-position: inside;}
h1 {margin: 20px 0 0; font-family: "MS P明朝", serif; font-weight: normal; text-align: center; color: #ca0000; font-size: 2.4em; letter-spacing: 0.08em;}
a {color: #454545;}

.im {
/*span共通 マーカー風ライン*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(0%, #fff));
background: linear-gradient(transparent 40%, #fff 0%);}

/*ページの枠組み*/
#all {}
.wrap1 {padding: 0 20px 20px;}
.wrap2 {width: 100%;max-width: 600px;margin: 0 auto;}
main {margin-top: 50px;}
.text {border-top: solid 1px transparent; line-height: 1.7; padding: 0 1em;}

/*ナビ*/
nav {margin-top: 20px;}
nav ul {
/*フレックスコンテナ*/
margin-top: 0.25em; display: -webkit-box; display: -ms-flexbox; display: flex;
/*フレックスボックス*/
-ms-flex-wrap: wrap; flex-wrap: wrap;
/*折り返す*/
-webkit-box-pack: right; -ms-flex-pack: right; justify-content: right;}

nav ul li {
/*フレックスアイテム*/
margin: 0.5em 0.5em 0 0;}
nav ul li:last-child {margin-right: 0;}
nav ul li a {display: block;
/*リンク範囲の拡張*/
text-decoration: none; padding: 0.25em 1em; background: #800000; color: #fff9f5; border-radius: 2px;}

/*------------画面サイズ768px以上用（大きい画面サイズ向け）------------*/

@media screen and (min-width:768px) {
.wrap1 {padding: 0px 50px 30px;}
.wrap2 {padding: 0px 40px; max-width: 850px;}
}

/*ベンダープレフィックス記述済*/
/*エラーチェック済*/