@charset "utf-8";
/**
 * vw関連使い方
 * @include vw-margin(0,auto); など
 */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0_custom | 20160518 License: none (public domain) */
html { overflow-y:scroll; overflow-x:hidden; font-size:62.5%; margin:0; padding:0; border:0; vertical-align:top;}

body { line-height:1; color:#404040; font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;}

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; vertical-align:top;}

* { box-sizing:border-box;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}

body { line-height:1;}

ol, ul { list-style:none;}

blockquote, q { quotes:none;}

blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}

table { border-collapse:collapse; border-spacing:0;}

/*------------------------------------------------
	基本
------------------------------------------------*/
a { -webkit-transition:all 0.2s; transition:all 0.2s;}

a { text-decoration:none;}

a:link { color:#404040;}

a:visited { color:#404040;}

a:hover { color:#404040;}

a:active { color:#404040;}

a img { -webkit-transition:opacity 0.2s; transition:opacity 0.2s;}

a.hover { color:#404040;}

img { display:block; vertical-align:top; width:100%;}

.none { display:none;}

/*------------------------------------------------
	Head
------------------------------------------------*/
#header { background:#404040;}

#header .headerInner { width:335px; width:89.33333vw; height:60px; height:16vw; margin:0 auto; position:relative;}

#header .headerInner .logo { padding:0; width:84px; width:22.4vw; padding:16.5px 0 0 0; padding:4.4vw 0vw 0vw 0vw;}

#pageTopWrap { position:relative; width:100%; height:0; right:0; bottom:0; z-index:50;}

#pageTopWrap a.pageTop { position:fixed; color:#fff; display:block; padding:27.5px 0 0; padding:7.33333vw 0vw 0vw; width:60px; width:16vw; height:60px; height:16vw; bottom:0; right:0; -webkit-transition:all 0.5s; transition:all 0.5s; text-align:center; font-size:10px; font-size:2.66667vw; line-height:1.25em; background:url(../images/arrow_pagetop.png) no-repeat #404040; background-position:23.5px 13.5px; background-position:6.26667vw 3.6vw; background-size:11.5px 7px; background-size:3.06667vw 1.86667vw;}

#pageTopWrap a.pageTop.absolute { position:absolute;}

#pageTopWrap a.pageTop.hidden { bottom:-84px;}

#pageTopWrap a.pageTop.on { bottom:0;}

#pageTopWrap a.pageTop.hover { opacity:0.5;}

#footer { border-top:solid 1px #ddd;}

#footer .footerInner { padding:35px 20px 20px; padding:9.33333vw 5.33333vw 5.33333vw; position:relative;}

#footer .footerInner .footerLogo { position:relative; width:121px; width:32.26667vw; display:table; margin:0 auto 26.5px; margin:0vw auto 7.06667vw;}

#footer .footerInner .footerBtn a { display:block; height:50px; height:13.33333vw; background:#fff; text-align:center; line-height:13.33333vw; color:#ffa1a8; font-size:13px; font-size:3.46667vw; font-weight:bold; -webkit-transition:all 0.2s; transition:all 0.2s; color:#404040; margin:0 0 26.5px; margin:0vw 0vw 7.06667vw;}

#footer .footerInner .footerBtn a.hover { box-shadow:7px 6px 11px rgba(0, 0, 0, 0.1); -webkit-transform:translate3d(-2px, -2px, 0); transform:translate3d(-2px, -2px, 0);}

#footer .footerInner .footerBtn a:first-child { background:#ffa1a8; color:#fff; font-size:16px; font-size:4.26667vw;}

#footer .footerInner .footerBtn a span { font-size:16px; font-size:4.26667vw; color:#616161; color:#ffa1a8; padding-left:1rem;}

#footer .footerInner .footerBtn a:last-child { border:solid 1px #ffa1a8;}

#footer .footerInner .link { text-align:center; margin:0 0 20px; margin:0vw 0vw 5.33333vw;}

#footer .footerInner .link ul li { line-height:1.1em; padding:0 1em; border-right:solid 1px #5c5c5c; display:inline-block; font-size:12px; font-size:3.2vw; letter-spacing:0.05em;}

#footer .footerInner .link ul li:last-child { border:none;}

#footer .footerInner .link ul li a { color:#5c5c5c; font-size:12px; font-size:3.2vw;}

#footer .footerInner .link ul li a.hover { opacity:0.5;}

#footer .footerInner #copy { font-size:12px; font-size:3.2vw; font-family:Roboto; color:#5c5c5c; letter-spacing:0.05em; text-align:center;}