@charset 'utf-8';

/* base */
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea, button, select { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; background:none; }
input:focus, textarea:focus { outline-style:none; } 
input { -webkit-appearance: none; -webkit-border-radius: 0; }
textarea::placeholder, input::placeholder { color:#000; opacity: 0.6; }
img { max-width:100%; height:auto; vertical-align:middle; border:0; }
a { text-decoration:none; color:#000; }
i, em { font-style:normal; }
body, button, h1, h2, h3, h4, h5, input, select, table, textarea { font-family: 'GmarketSans', sans-serif; color:#242422; font-weight:normal; font-size:1rem; line-height:1.35; }

html { font-size:10px; }


.wrap { max-width:750px; min-width:320px; margin:0 auto; padding-top:12.0rem; }

/* header */
#hd { position:fixed; left:50%; top:0; width:100vw; height:12.0rem; background-color:#fff; max-width:750px; min-width:320px; z-index:101; transform:translateX(-50%); }
#hd h1 { width:24.6rem; padding-left:4.6rem; padding-top:3.4rem; }
#hd h1 a { display:block; height:5.5rem; background-repeat:no-repeat; background-position:center; background-image:url('../img/common/logo.png'); background-size:100% auto; }
#hd .btn_store_inquiry { position:absolute; right:9.0rem; top:50%; display:block; width:14.2rem; height:4.7rem; font-size:2.822rem; line-height:1.35; transform:translateY(-50%); border:1px solid #c6c6c6; text-align:Center; border-radius:4.5rem; padding-top:0.5rem; vertical-align:middle; font-weight:700; color:#7ba02d; box-sizing:border-box; overflow:hidden; letter-spacing:-1px; } 
#hd .btn_menu { position:absolute; right:3.6rem; top:50%; display:block; width:3.8rem; height:3.8rem; transform:translateY(-50%); background-repeat:no-repeat; background-position:center; background-image:url('../img/common/ic_menu.png'); background-size:100% auto; border:0; cursor:pointer; } 

/* footer */
#ft { background-color:#242422; height:56.6rem; box-sizing:border-box; }
#ft .foot_top { position:Relative; border-bottom:1px solid #000000; height:11.5rem; }
#ft .foot_top .logo { position:absolute; left:5.4rem; top:50%; display:block; width:19.1rem; height:4.3rem; background-repeat:no-repeat; background-position:Center; background-size:100% auto; background-image:url('../img/common/logo_w.png'); transform:translateY(-50%); }
#ft .foot_top .customer_center { float:right; display:flex; padding-right:3.5rem; padding-top:4.2rem; }
#ft .foot_top .customer_center dt,
#ft .foot_top .customer_center dd { color:#fff; font-size:3.34rem; line-height:1.25; }
#ft .foot_top .customer_center dt { margin-right:1.0rem; }
#ft .foot_top .customer_center dd { color:#fff482; font-weight:700; }

#ft .menu { width:100%; padding:3.0rem 2.5rem; margin-bottom:1.0rem; box-sizing:border-box; text-align:center; }
#ft .menu ul { display:table; width:100%; vertical-align:middle; }
#ft .menu li { display:table-cell; position:relative; font-size:3.0rem; line-height:1.55; color:#c6c6c6; text-align:center; font-weight:400; letter-spacing:-1px; }
#ft .menu li:after { position:absolute; right:0; top:50%; display:block; width:0.2rem; height:3.0rem; background-color:#fff; content:""; transform:translateY(-60%); }
#ft .menu li:nth-child(1) { width:33%; }
#ft .menu li:nth-child(2) { }
#ft .menu li:nth-child(3) { width:22%; }
#ft .menu li:nth-child(3):after { display:none; }

#ft .menu li a { color:#fff; } 

#ft address { color:#c6c6c6; font-size:2.7rem; line-height:1.55; text-align:center; font-weight:400; font-style:normal; }
#ft .copyright { color:#878787; font-size:1.8rem; text-align:center; font-weight:300; margin-top:3.5rem; }


/* aside */
html.fixed { overflow:hidden; }
#aside { position:fixed; left:0; top:0; right:0; display:block; height:100vh; background-color:#fff; z-index:1001; min-width:320px; display:none; }
#aside .aside_hd { position:relative; padding:3.4rem 0 0 4.6rem; height:22.0rem; box-sizing:border-box; }
#aside h1 { width:24.6rem; }
#aside h1 a { display:block; height:5.5rem; background-repeat:no-repeat; background-position:center; background-image:url('../img/common/logo.png'); background-size:100% auto; }
#aside .btn_store_inquiry { display:block; width:16.6rem; height:5.3rem; font-size:3.27rem; line-height:5.3rem; background-color:#7ba02d; text-align:Center; border-radius:4.5rem; padding-top:0.5rem; vertical-align:middle; font-weight:700; color:#fff; box-sizing:border-box; overflow:hidden; letter-spacing:-1px; margin-top:5.5rem; } 
#aside .btn_aside_close { position:absolute; right:3.8rem; top:4.6rem; display:block; width:3.8rem; height:3.8rem; background-repeat:no-repeat; background-position:center; background-image:url('../img/common/ic_menu_close.png'); background-size:100% auto; border:0; cursor:pointer; } 

#nav { position:absolute; left:0; right:0; top:22.0rem; bottom:0; display:block; border-top:1px solid #c6c6c6; }
#nav .scrollbar-inner { min-height:100%; max-height:100%; }
#nav ul.main { padding-bottom:20.0rem; }
#nav ul.main { }
#nav ul.main > li { border-bottom:1px solid #c6c6c6; }
#nav ul.main > li .idx { position:relative; display:block; width:100%; font-size:3.8rem; height:10.0rem; line-height:10.0rem; text-align:left; cursor:pointer; border:0; outline:none; box-sizing:border-box; padding-left:4.5rem; }
#nav ul.main > li .idx:after { position:absolute; right:3.6rem; top:3.5rem; display:block; width:3.2rem; height:3.2rem; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_nav_arrow.png'); background-size:100% auto; content:""; }
#nav ul.main > li.show .idx:after { transform: rotate(180deg); }
#nav ul.depth1 { display:none; }
#nav ul.depth1 > li { font-size:3.4rem; }
#nav ul.depth1 > li:last-child { padding-bottom:2.5rem; }
#nav ul.depth1 > li a { display:block; color:#575756; padding-left:6.5rem; height:7.0rem; line-height:7.0rem; }




/* container */
.container { min-height:calc(100vh - 12.0rem); overflow:hidden; }