@charset "UTF-8";
/*=============================================================
 02_base
=============================================================*/
/*!  02_base
================================================ */
/*! clearfix */
.cf{ *zoom:1; }
.cf:before{ content:" ";display:table; }
.cf:after{clear:both;  content:" ";display:table; }
/*! 表示・非表示切り替え */

.viewPc{ display:none; }
/*! 基礎スタイル */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, select, textarea{ font-weight:inherit; }
body{color:#333;font-family:"Noto Sans Japanese",sans-serif;  font-size:1.4rem;font-weight:400;line-height:1.64; }
img{ width:100%; }
/*=============================================================
 03_layout
=============================================================*/
/*!	ヘッダー
================================================ */
#gHeader{ border-top:4px solid #76b070;padding-left:13px; }
#gHeader .logo{float:left; margin: 20px 15px 20px; width:185px; }
#gHeader .cart{float:right;  width:54px; }
/*!	フッター
================================================ */
#gFooter{ background:#dfecde;padding:39px 0 0; }
#gFooter .pagetop{bottom:15px; display:none;position:fixed;right:15px;width:40px; }
#gFooter>.inner .logo{ margin:0 15px 19px; }
#gFooter>.inner .contact{ background:#fff;border:1px solid #89c27f;margin:0 15px 40px; }
#gFooter>.inner .contact a{ display:block;padding:17px 23px 20px;text-decoration:none; }
#gFooter>.inner .contact .please{color:#6aa164; font-size:1.5rem;font-weight:700;letter-spacing:.08em;line-height:1.53;margin-bottom:13px; text-align:center; }
#gFooter>.inner .contact .tap{background:#89c27f;border-radius:12px;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.08em;margin-bottom:10px;  padding:3px 0;text-align:center; }
#gFooter #footer{ background:#89c27f;padding:27px 0; }
#gFooter #footer .inner .footerNav{margin-bottom:14px;  text-align:center; }
#gFooter #footer .inner .footerNav li{ display:inline-block; }
#gFooter #footer .inner .footerNav li a{color:#fff;  text-decoration:none; }
#gFooter #footer .inner .footerNav li+li{ margin-left:30px; }
#gFooter #footer .inner .copy{color:#fff; font-size:1.1rem;letter-spacing:.05em;opacity:.5; text-align:center; }
/*=============================================================
 05_helper
=============================================================*/
/*=============================================================
 06_lib
=============================================================*/
@media screen and (min-width: 600px){ .viewSp{ display:none; } .viewPc{ display:block; } #gHeader{ border-top:8px solid #76b070;padding-left:0; } #gHeader .logo{float:none;margin:20px auto;  width:273px; } #gFooter{border-top:4px solid #89c27f;  padding:44px 0 0; } #gFooter .pagetop{bottom:40px; right:40px; width:90px; } #gFooter>.inner{margin:0 auto;padding-bottom:40px;  width:1040px; } #gFooter>.inner .logo{float:left; margin:29px 0 24px;width:396px; } #gFooter>.inner .contact{float:right; margin:0;padding:27px 0 0; width:460px; } #gFooter>.inner .contact .please{ font-size:1.6rem;line-height:1;margin-bottom:18px; } #gFooter>.inner .contact .tel{margin:0 auto;  width:281px; } #gFooter #footer{ padding:37px 0 28px; } #gFooter #footer .inner{margin:0 auto;  width:1040px; } #gFooter #footer .inner .footerNav{float:left;margin-bottom:0;  text-align:left; } #gFooter #footer .inner .footerNav li{ font-size:1.6rem; } #gFooter #footer .inner .footerNav li a:hover{ text-decoration:underline; } #gFooter #footer .inner .footerNav li+li{ margin-left:35px; } #gFooter #footer .inner .copy{ display: inline-block; float: right; font-size:1.6rem;letter-spacing:.08em; } }


html {
	overflow: auto;
}
body {
	overflow: hidden;
	min-width: 320px;
}
@media screen and (min-width: 600px){
	body {
		min-width: 1200px;
	}
}