@charset "utf-8";
/*
body{ font-size: 18px; }
*/
/* ========================================
= layout
=========================================== */
#page{ min-width: 100%; }
#sidebar{ left: -170px; }
#contents-right{ width: 100%; }
#content{ min-width: 100%; }
/* ========================================
= left side(header.php)
=========================================== */
#sidebar .title.pc{ display: none; }
#sidebar .title.sp{ display: block; }
/* transition */
#sidebar.active{  left: 0; }
/* common */
#sidebar .menu li{ line-height: 60px; }
#sidebar .menu .second > .on .third > li{ height: 60px; }
/* ========================================
= top header(sidebar.php)
=========================================== */
#header .menu ul.first{ padding-left: 0; }
#header .menu li.button{ display: inline-block; transition: margin-right 400ms ease 0ms; margin-right: 20px; }
/*#header .menu li.home{ vertical-align: 10px; }*/
#page.shigarakinosato #header .home img{ left: 50px; }
#header .menu .second li{ margin-right: 10px; }
#header .menu li.contact a .style-awesome-link{ right: 6px; top: 10px; font-size: 0.675rem; }
#header .menu li.contact a { padding: 10px 20px 10px 10px; font-size: 0.75rem; }
/* ========================================
= center contents(page.php)
=========================================== */
#contents-right{ left: 0; }
#contents-right.active{ left: 170px; }
#contents-right.active.on{ left: 340px; }
/* ----------------------------------------
- content
------------------------------------------- */
#content #layer .layer{ min-width: 100%; }
/* ========================================
= article
=========================================== */
.profile table .title h1 { font-size: 1.6rem; }

article .lead{ margin-left: 20px; margin-right: 20px; }
article .index{ margin-left: 0; margin-right: 0; }
article .chapter{ margin-left: 10px; margin-right: 10px; }
article .references{ margin-left: 0; margin-right: 0; }
/* --------------------------------------------------
- 戻る
-------------------------------------------------- */
.references a.fa-reply{ width: 40px; height: 40px; right: 4px; }
.references a.fa-reply::before{ vertical-align: -12px; }
/* ==================================================
= Parts
================================================== */
/* --------------------------------------------------
- Goto top
-------------------------------------------------- */
#gototop { padding: 10px 4px 10px 4px; }
#gototop li { width: 20px; height: 20px; }
/*#gototop li:hover { background-color: #A99A69; }*/
#gototop .bottom { margin-top: 30px; }
#gototop a { vertical-align: 2px; font-size: 0.875rem; }
/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□ article
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* ========================================
= index
=========================================== */
article .index ul{ margin: 0 6px; padding: 10px 14px 20px; border-radius: 6px; }
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■
■ ページ
■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ========================================
= お問い合わせ
=========================================== */
/* --------------------------------------------------
- input
-------------------------------------------------- */
#form .lead{ margin: 0 10px 20px; }