@charset "UTF-8";
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
@import url(//fonts.googleapis.com/css?family=Karla);
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

progress { vertical-align: baseline; }

template, [hidden] { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline-width: 0; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: bold; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

button, input, select, textarea { font: inherit; }

optgroup { font-weight: bold; }

button, input, select { overflow: visible; }

button, input, select, textarea { margin: 0; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }

[disabled] { cursor: default; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

@font-face { font-family: 'icon-set'; src: url("../fonts/icon-set.eot?80341010"); src: url("../fonts/icon-set.eot?80341010#iefix") format("embedded-opentype"), url("../fonts/icon-set.woff2?80341010") format("woff2"), url("../fonts/icon-set.woff?80341010") format("woff"), url("../fonts/icon-set.ttf?80341010") format("truetype"), url("../fonts/icon-set.svg?80341010#fontello") format("svg"); font-weight: normal; font-style: normal; }

html { height: 100%; margin: 0px; padding: 0px; }

html * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

body { height: 100%; margin: 0px; padding: 0px; }

body.active-menu { overflow: hidden; }

a { text-decoration: none; }

.block p a { color: inherit; text-decoration: underline; }

.block p a:hover { opacity: 0.5; }

img { display: inline-block; vertical-align: top; }

img.fit { width: 100%; height: auto; }

img.vfit { width: auto; height: 100%; }

ul, ol { margin: 0; padding: 0; list-style: none; }

textarea:focus, input:focus { outline: 0; }

table { font-size: 100%; border-collapse: collapse; border-spacing: 0; }

body { color: #333333; font-size: 15px; line-height: 2.1; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; }

h1, h2, h3, h4, h5, h6 { color: #333333; margin: 0; }

h1.d-gray, h2.d-gray, h3.d-gray, h4.d-gray, h5.d-gray, h6.d-gray { color: #444444; }

h1.gray, h2.gray, h3.gray, h4.gray, h5.gray, h6.gray { color: #535353; }

h1.s-gray, h2.s-gray, h3.s-gray, h4.s-gray, h5.s-gray, h6.s-gray { color: #666666; }

.section-title h2 { color: #111111; font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 20px; font-weight: normal; letter-spacing: 0.125em; text-indent: 0.175em; text-align: center; text-transform: uppercase; position: relative; }

.section-title h2:after { content: ""; width: 80px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border-bottom: 1px solid #111111; }

.section-title h2 a { color: inherit; }

.section-title h2 a:hover { opacity: 0.5; }

p.d-gray, span.d-gray, strong.d-gray { color: #444444; }

p.gray, span.gray, strong.gray { color: #535353; }

p.s-gray, span.s-gray, strong.s-gray { color: #666666; }

p.red, span.red, strong.red { color: #cc0000; }

p.large, span.large, strong.large { font-size: 130%; }

p.caption, span.caption, strong.caption { margin-top: 0.5em; }

.block p, .block span, .block strong { margin-bottom: 25px; }

@media screen and (max-width: 480px) { body { font-size: 15px; }
  .section-title h2 { font-size: 19px; letter-spacing: 0.085em; }
  .section-title h2:after { width: 70px; } }

.header { width: 100%; position: fixed; z-index: 100; background-color: rgba(255, 255, 255, 0.95); }

.header .gh-content { height: 58px; }

.header .gh-content > .container:after { content: ''; display: block; clear: both; }

.header .gh-title { width: 200px; height: 100%; position: absolute; left: calc(50% - 100px); }

.header .gh-title a { display: block; width: 200px; height: 100%; display: flex; align-items: center; }

.header .gh-title a:hover { opacity: 0.5; }

.header .gh-title img, .header .gh-title svg { width: 100%; height: auto; vertical-align: top; }

.header .gh-inner-menu { display: flex; align-items: center; }

.header .gh-inner-menu .gh-social { margin-right: 35px; }

.header .gh-inner-menu .gh-search { margin-right: 20px; }

.header .gh-inner-menu .gh-series { margin-right: 10px; }

.header .gh-inner-menu .gh-hamburger-menu { width: 60px; height: 58px; }

.header .gh-inner-menu .gh-hamburger-menu a i, .header .gh-inner-menu .gh-hamburger-menu a i:before, .header .gh-inner-menu .gh-hamburger-menu a i:after { width: 28px; height: 2px; }

.header .gh-inner-menu .gh-hamburger-menu a i { top: calc(50% - 1px); left: 16px; }

.header .gh-slide-category-menu { height: calc(100vh - 58px); padding: 40px 40px 0px; }

.header .gh-slide-category-menu a { padding: 15px 0px; }

.header .gh-search-content { height: calc(100vh - 58px); }

.header .gh-search-content .gh-search-form { margin-top: 25vh; }

.header .gh-search-content .gh-search-form input { font-size: 20px; }

.list-page .header .gh-content, .single-page .header .gh-content, .static-page .header .gh-content, .header.scrolled .gh-content { height: 58px; }

@media screen and (max-width: 1220px) { .debug-mode .gh-content { background-color: gray; } }

@media screen and (max-width: 1024px) { .header .gh-slide-category-menu { padding: 160px 20px 0px; }
  .list-page .header .gh-slide-category-menu, .single-page .header .gh-slide-category-menu, .static-page .header .gh-slide-category-menu, .header.scrolled .gh-slide-category-menu { padding: 40px 20px 0px; } }

@media screen and (max-width: 980px) { .debug-mode .gh-content { background-color: blue; }
  .header .gh-inner-menu .gh-social { margin-right: 15px; }
  .header .gh-inner-menu .gh-search { margin-right: 10px; }
  .header .gh-inner-menu .gh-series { margin-right: 5px; }
  .header .gh-search-content { padding-left: 10px; padding-right: 10px; }
  .header .gh-search-content .gh-search-form { margin-top: 25vh; }
  .list-page .header .gh-search-content .gh-search-form, .single-page .header .gh-search-content .gh-search-form, .static-page .header .gh-search-content .gh-search-form, .header.scrolled .gh-search-content .gh-search-form { margin-top: 25vh; } }

@media screen and (max-width: 768px) { .debug-mode .gh-content { background-color: green; }
  .header .gh-content { height: 48px; }
  .header .gh-title { width: 160px; left: 16px; }
  .header .gh-title a { width: 160px; }
  .header .gh-inner-menu .gh-social { display: none; }
  .header .gh-inner-menu .gh-search { margin-right: 15px; }
  .header .gh-inner-menu .gh-series { margin-right: 5px; }
  .header .gh-inner-menu .gh-hamburger-menu { height: 48px; }
  .header .gh-slide-category-menu { height: calc(100vh - 48px); padding: 20px 20px 0px; }
  .header .gh-slide-category-menu li a { padding: 12px 0px; }
  .header .gh-slide-category-menu li.social-link-items { display: block; }
  .header .gh-slide-category-menu .gh-slide-sub-menu ul { margin-bottom: 20px; padding: 0px; }
  .header .gh-search-content { height: calc(100vh - 48px); }
  .header .gh-search-content .gh-search-form input { font-size: 16px; -webkit-appearance: none; appearance: none; border-radius: 0; }
  .list-page .header .gh-content, .single-page .header .gh-content, .static-page .header .gh-content, .header.scrolled .gh-content { height: 48px; }
  .list-page .header .gh-slide-category-menu, .single-page .header .gh-slide-category-menu, .static-page .header .gh-slide-category-menu, .header.scrolled .gh-slide-category-menu { padding: 30px 20px 0px; }
  .list-page .header .gh-slide-category-menu .gh-slide-sub-menu h5, .single-page .header .gh-slide-category-menu .gh-slide-sub-menu h5, .static-page .header .gh-slide-category-menu .gh-slide-sub-menu h5, .header.scrolled .gh-slide-category-menu .gh-slide-sub-menu h5 { margin-bottom: 10px; }
  .list-page .header .gh-slide-category-menu .gh-slide-sub-menu ul, .single-page .header .gh-slide-category-menu .gh-slide-sub-menu ul, .static-page .header .gh-slide-category-menu .gh-slide-sub-menu ul, .header.scrolled .gh-slide-category-menu .gh-slide-sub-menu ul { margin-bottom: 20px; padding: 0px; }
  .list-page .header .gh-search-content .gh-search-form, .single-page .header .gh-search-content .gh-search-form, .static-page .header .gh-search-content .gh-search-form, .header.scrolled .gh-search-content .gh-search-form { margin-top: 25vh; }
  .list-page .header .gh-search-content .gh-search-menu, .single-page .header .gh-search-content .gh-search-menu, .static-page .header .gh-search-content .gh-search-menu, .header.scrolled .gh-search-content .gh-search-menu { margin-top: 40px; }
  .list-page .header .gh-search-content .gh-search-menu h5, .single-page .header .gh-search-content .gh-search-menu h5, .static-page .header .gh-search-content .gh-search-menu h5, .header.scrolled .gh-search-content .gh-search-menu h5 { margin-bottom: 10px; }
  .list-page .header .gh-search-content .gh-search-menu ul, .single-page .header .gh-search-content .gh-search-menu ul, .static-page .header .gh-search-content .gh-search-menu ul, .header.scrolled .gh-search-content .gh-search-menu ul { margin-bottom: 30px; } }

@media screen and (max-width: 480px) { .header .gh-title { width: 150px; left: 15px; }
  .header .gh-title a { width: 150px; }
  .header .gh-inner-menu { margin-right: -5px; }
  .header .gh-inner-menu .gh-social { display: none; }
  .header .gh-inner-menu .gh-search { margin-right: 10px; }
  .header .gh-inner-menu .gh-search a { background-size: 24px 24px; }
  .header .gh-inner-menu .gh-series { margin-right: 5px; }
  .header .gh-inner-menu .gh-series a { background-size: 24px 24px; }
  .header .gh-inner-menu .gh-hamburger-menu { width: 48px; height: 48px; margin-right: -6px; }
  .header .gh-inner-menu .gh-hamburger-menu a i, .header .gh-inner-menu .gh-hamburger-menu a i:before, .header .gh-inner-menu .gh-hamburger-menu a i:after { width: 25px; height: 2px; }
  .header .gh-inner-menu .gh-hamburger-menu a i { left: 11px; }
  .header .gh-inner-menu .gh-hamburger-menu a i:before { top: -7px; }
  .header .gh-inner-menu .gh-hamburger-menu a i:after { top: 7px; } }

.gh-title { margin: 0; }

.gh-title .gh-logo { -webkit-transition: opacity 0.45s ease 0s; -moz-transition: opacity 0.45s ease 0s; -ms-transition: opacity 0.45s ease 0s; -o-transition: opacity 0.45s ease 0s; transition: opacity 0.45s ease 0s; }

.gh-title .gh-logo-mini { -webkit-transition: opacity 0.45s ease 0s; -moz-transition: opacity 0.45s ease 0s; -ms-transition: opacity 0.45s ease 0s; -o-transition: opacity 0.45s ease 0s; transition: opacity 0.45s ease 0s; }

.gh-inner-menu { float: right; }

.gh-inner-menu:after { content: ''; display: block; clear: both; }

.gh-inner-menu .gh-social { float: left; -webkit-transition: margin 0.25s linear 0s; -moz-transition: margin 0.25s linear 0s; -ms-transition: margin 0.25s linear 0s; -o-transition: margin 0.25s linear 0s; transition: margin 0.25s linear 0s; }

.gh-inner-menu .gh-social li { margin-right: 8px; }

.gh-inner-menu .gh-social li:last-child { margin-right: 0; }

.gh-inner-menu .gh-social li a { width: 30px; height: 30px; }

.gh-inner-menu .gh-social li a:after { width: 30px; height: 30px; font-size: 20px; line-height: 30px; margin: 0; }

.gh-inner-menu .gh-social li a:hover:after { color: white; }

.gh-inner-menu .gh-social li a.facebook:after, .gh-inner-menu .gh-social li a.twitter:after { line-height: 32px; }

.gh-inner-menu .gh-social li a.instagram:after { line-height: 30px; }

.gh-inner-menu .gh-search { float: left; -webkit-transition: margin 0.25s linear 0s; -moz-transition: margin 0.25s linear 0s; -ms-transition: margin 0.25s linear 0s; -o-transition: margin 0.25s linear 0s; transition: margin 0.25s linear 0s; }

.gh-inner-menu .gh-search a { display: block; width: 30px; height: 30px; background-image: url(../images/common/ic_search.svg); background-position: center; background-repeat: no-repeat; background-size: 28px 28px; }

.gh-inner-menu .gh-search a:hover { opacity: 0.5; }

.gh-inner-menu .gh-search span { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }

.gh-inner-menu .gh-series { float: left; -webkit-transition: margin 0.25s linear 0s; -moz-transition: margin 0.25s linear 0s; -ms-transition: margin 0.25s linear 0s; -o-transition: margin 0.25s linear 0s; transition: margin 0.25s linear 0s; }

.gh-inner-menu .gh-series a { display: block; width: 30px; height: 30px; background-image: url(../images/common/ic_bookshelf.svg); background-position: center; background-repeat: no-repeat; background-size: 28px 28px; }

.gh-inner-menu .gh-series a:hover { opacity: 0.5; }

.gh-inner-menu .gh-series span { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }

.gh-inner-menu .gh-hamburger-menu { float: right; -webkit-transition: margin 0.25s linear 0s; -moz-transition: margin 0.25s linear 0s; -ms-transition: margin 0.25s linear 0s; -o-transition: margin 0.25s linear 0s; transition: margin 0.25s linear 0s; }

.gh-inner-menu .gh-hamburger-menu a { display: block; width: 100%; height: 100%; position: relative; }

.gh-inner-menu .gh-hamburger-menu a:hover { opacity: 0.5; }

.gh-inner-menu .gh-hamburger-menu a i, .gh-inner-menu .gh-hamburger-menu a i:before, .gh-inner-menu .gh-hamburger-menu a i:after { position: absolute; background-color: #111111; }

.gh-inner-menu .gh-hamburger-menu a i { -webkit-transition: background-color 0.25s linear 0s; -moz-transition: background-color 0.25s linear 0s; -ms-transition: background-color 0.25s linear 0s; -o-transition: background-color 0.25s linear 0s; transition: background-color 0.25s linear 0s; }

.gh-inner-menu .gh-hamburger-menu a i:before, .gh-inner-menu .gh-hamburger-menu a i:after { content: ''; left: 0; -webkit-transition: top 0.25s ease-out, transform 0.25s ease-out; -moz-transition: top 0.25s ease-out, transform 0.25s ease-out; -ms-transition: top 0.25s ease-out, transform 0.25s ease-out; -o-transition: top 0.25s ease-out, transform 0.25s ease-out; transition: top 0.25s ease-out, transform 0.25s ease-out; }

.gh-inner-menu .gh-hamburger-menu a i:before { top: -8px; }

.gh-inner-menu .gh-hamburger-menu a i:after { top: 8px; }

.gh-inner-menu .gh-hamburger-menu a.active i { background-color: transparent; }

.gh-inner-menu .gh-hamburger-menu a.active i:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }

.gh-inner-menu .gh-hamburger-menu a.active i:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.gh-slide-category-menu { display: none; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); padding-bottom: 60px; overflow: scroll; position: absolute; z-index: 2; }

.gh-slide-category-menu li { font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #c9c9c9; max-width: 740px; margin-left: auto; margin-right: auto; }

.gh-slide-category-menu li a { display: block; color: #333333; line-height: 1.0; }

.gh-slide-category-menu li a:hover { color: #808080; }

.gh-slide-category-menu li.social-link-items { display: none; margin-top: 20px; text-align: center; border-bottom: none; }

.gh-slide-category-menu li.social-link-items a { display: inline-block; width: 30px; height: 30px; padding-top: 0; padding-bottom: 0; margin: 0px 5px; }

.gh-slide-category-menu li.social-link-items a:after { font-family: "icon-set"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #FFFFFF; text-align: center; margin: 0px; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background-color: #c9c9c9; }

.gh-slide-category-menu li.social-link-items a.facebook:after { content: "\f09a"; }

.gh-slide-category-menu li.social-link-items a.twitter:after { content: "\f099"; }

.gh-slide-category-menu li.social-link-items a.instagram:after { content: "\f16d"; }

.gh-slide-category-menu li.social-link-items span { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }

.gh-slide-category-menu .gh-slide-sub-menu { margin-top: 40px; }

.gh-slide-category-menu .gh-slide-sub-menu .sub-menu-inner { max-width: 740px; margin-left: auto; margin-right: auto; }

.gh-slide-category-menu .gh-slide-sub-menu h5 { font-size: 12px; font-weight: bold; margin-bottom: 15px; }

.gh-slide-category-menu .gh-slide-sub-menu li { color: #808080; font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 16px; border-bottom: none; }

.gh-slide-category-menu .gh-slide-sub-menu li a { display: inline-block; color: #333333; padding: 5px 0px; }

.gh-slide-category-menu .gh-slide-sub-menu li a:hover { text-decoration: underline; }

.gh-slide-category-menu .gh-slide-sub-menu .search-menu-sports li, .gh-slide-category-menu .gh-slide-sub-menu .search-menu-tag li { text-transform: uppercase; }

.gh-search-content { display: none; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); position: absolute; z-index: 2; overflow: scroll; }

.gh-search-content .gh-search-form { max-width: 740px; margin-left: auto; margin-right: auto; margin-top: 60px; }

.gh-search-content .gh-search-form input { width: 100%; border-top: none; border-left: none; border-right: none; padding: 5px 2px; background-color: transparent; }

.gh-search-content .gh-search-form input:focus { border-bottom-color: #808080; }

.gh-search-content .gh-search-menu { max-width: 740px; margin-left: auto; margin-right: auto; margin-top: 60px; }

.gh-search-content .gh-search-menu h5 { font-size: 12px; font-weight: bold; margin-bottom: 15px; }

.gh-search-content .gh-search-menu li { color: #808080; font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 16px; }

.gh-search-content .gh-search-menu li a { color: #333333; }

.gh-search-content .gh-search-menu li a:hover { text-decoration: underline; }

.gh-search-content .gh-search-menu .search-menu-sports li, .gh-search-content .gh-search-menu .search-menu-tag li { text-transform: uppercase; }

@media screen and (max-width: 768px) { .gh-slide-category-menu { padding-bottom: 40px; }
  .gh-slide-category-menu .gh-slide-sub-menu h5 { text-align: center; margin-bottom: 5px; }
  .gh-slide-category-menu .gh-slide-sub-menu .search-menu-series nav, .gh-slide-category-menu .gh-slide-sub-menu .search-menu-sports nav, .gh-slide-category-menu .gh-slide-sub-menu .search-menu-tag nav { margin-right: -15px; }
  .gh-slide-category-menu .gh-slide-sub-menu .search-menu-series li, .gh-slide-category-menu .gh-slide-sub-menu .search-menu-sports li, .gh-slide-category-menu .gh-slide-sub-menu .search-menu-tag li { display: inline-block; margin-right: 1em; }
  .gh-search-content .gh-search-menu h5 { text-align: center; }
  .gh-search-content .gh-search-menu .search-menu-series nav, .gh-search-content .gh-search-menu .search-menu-sports nav, .gh-search-content .gh-search-menu .search-menu-tag nav { margin-right: -15px; }
  .gh-search-content .gh-search-menu .search-menu-series li, .gh-search-content .gh-search-menu .search-menu-sports li, .gh-search-content .gh-search-menu .search-menu-tag li { display: inline-block; margin-right: 1em; } }

.footer { margin-top: 60px; padding-left: 16px; padding-right: 16px; background-color: #f1f1e7; }

.footer .gf-breadcrumbs { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }

.footer .gf-breadcrumbs ol li { color: #535353; font-size: 12px; }

.footer .gf-breadcrumbs ol a { color: inherit; text-decoration: underline; }

.footer .gf-content { padding: 60px 0px 60px; }

.footer .gf-content-col:after { content: ''; display: block; clear: both; }

.footer .gf-content-row { float: left; }

.footer .gf-content-row.row-title { width: 420px; }

.footer .gf-content-row.row-menu { width: 420px; }

.footer .gf-content-row.row-connect { width: 380px; }

.footer .row-title { vertical-align: top; }

.footer .row-title .gf-logo-mini svg { width: 280px; height: 54px; }

.footer .row-title .gf-copyright { margin-top: 40px; }

.footer .row-title .gf-copyright p { font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 12px; margin: 0; }

.footer .row-menu .gf-category-menu:after { content: ''; display: block; clear: both; }

.footer .row-menu .gf-category-menu ul { width: 170px; float: left; }

.footer .row-menu .gf-category-menu li { font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 14px; line-height: 2.0; text-transform: uppercase; }

.footer .row-menu .gf-category-menu li.jp { font-size: 12px; line-height: 2.4; }

.footer .row-menu .gf-category-menu li a { color: #333333; }

.footer .row-menu .gf-category-menu li a:hover { text-decoration: underline; }

.footer .row-connect p.label { font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 14px; margin: 0; }

.footer .row-connect .gf-newsletter { margin-bottom: 20px; }

.footer .row-connect .gf-newsletter .gf-newsletter-form { width: 100%; height: 36px; position: relative; }

.footer .row-connect .gf-newsletter .subscribe-input { width: 280px; height: 100%; padding-left: 5px; padding-top: 2px; border: 1px solid #c9c9c9; }

.footer .row-connect .gf-newsletter .subscribe-button { width: 100px; height: 100%; position: absolute; right: 0; top: 0; color: #FFFFFF; background-color: #111111; border: 0; font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 15px; }

.footer .row-connect .gf-social { margin-bottom: 20px; }

.footer .row-connect .gf-social li { margin-right: 10px; }

.footer .row-connect .gf-social li:last-child { margin-right: 0; }

.footer .row-connect .gf-social li a { width: 40px; height: 40px; }

.footer .row-connect .gf-social li a:after { width: 40px; height: 40px; font-size: 24px; line-height: 40px; margin: 0; }

.footer .row-connect .gf-social li a.facebook:after, .footer .row-connect .gf-social li a.twitter:after { line-height: 42px; }

.footer .row-connect .gf-social li a.instagram:after { line-height: 40px; }

.footer .row-connect .gf-other-media .media-item { margin-top: 0.5em; max-width: 300px; }

.footer .row-connect .gf-other-media .media-item a:hover { opacity: 0.5; }

.footer .gf-copyright-bottom { text-align: center; margin-top: 40px; }

.footer .gf-copyright-bottom p { font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 12px; margin: 0; }

@media screen and (max-width: 1220px) { .footer .gf-content-row.row-title { width: 32%; }
  .footer .gf-content-row.row-menu { width: 38%; }
  .footer .gf-content-row.row-connect { width: 30%; } }

@media screen and (max-width: 980px) { .footer .gf-content-row.row-title { width: 50%; }
  .footer .gf-content-row.row-menu { width: 50%; margin-bottom: 30px; }
  .footer .gf-content-row.row-connect { width: 50%; }
  .footer .row-title .gf-logo-mini svg { width: 340px; height: 65px; }
  .footer .row-connect:after { content: ''; display: block; clear: both; }
  .footer .row-connect .gf-newsletter { width: 100%; margin-bottom: 10px; }
  .footer .row-connect .gf-newsletter .gf-newsletter-form { height: 36px; position: relative; }
  .footer .row-connect .gf-newsletter .subscribe-input { width: 65%; height: 100%; padding-left: 5px; padding-top: 2px; }
  .footer .row-connect .gf-newsletter .subscribe-button { width: 35%; height: 100%; position: absolute; right: 0; top: 0; color: #FFFFFF; background-color: #111111; border: 0; font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 15px; }
  .footer .row-connect .gf-social { width: 100%; margin-bottom: 10px; }
  .footer .row-connect .gf-social li { margin-right: 10px; }
  .footer .row-connect .gf-social li:last-child { margin-right: 0; }
  .footer .row-connect .gf-social li a { width: 40px; height: 40px; }
  .footer .row-connect .gf-social li a:after { width: 40px; height: 40px; font-size: 24px; line-height: 40px; margin: 0; }
  .footer .row-connect .gf-other-media .media-item { width: 100%; } }

@media screen and (max-width: 768px) { .footer { padding-left: 20px; padding-right: 20px; }
  .footer .gf-breadcrumbs { padding: 10px 5px 0px; }
  .footer .gf-breadcrumbs ol li { font-size: 10px; }
  .footer .gf-content-row.row-title, .footer .gf-content-row.row-menu, .footer .gf-content-row.row-connect { float: none; width: 100%; margin-left: auto; margin-right: auto; }
  .footer .gf-content-row.row-title { max-width: 480px; margin-bottom: 40px; }
  .footer .gf-content-row.row-menu { max-width: 620px; margin-bottom: 30px; }
  .footer .gf-content-row.row-connect { max-width: 620px; }
  .footer .row-title { vertical-align: top; }
  .footer .row-title .gf-logo-mini { text-align: center; }
  .footer .row-title .gf-logo-mini svg { width: 300px; height: 58px; }
  .footer .row-title .gf-copyright { margin-top: 10px; text-align: center; }
  .footer .row-menu { padding-left: 10px; padding-right: 10px; }
  .footer .row-menu .gf-category-menu { width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; }
  .footer .row-menu .gf-category-menu ul { width: 50%; float: left; }
  .footer .row-menu .gf-category-menu li { font-size: 14px; line-height: 2.0; }
  .footer .row-menu .gf-category-menu li a { color: #333333; }
  .footer .row-menu .gf-category-menu li a:hover { text-decoration: underline; }
  .footer .row-connect { padding-left: 10px; padding-right: 10px; }
  .footer .row-connect p.label { font-size: 13px; }
  .footer .row-connect .gf-newsletter { margin-bottom: 15px; }
  .footer .row-connect .gf-newsletter .subscribe-button { font-size: 13px; }
  .footer .row-connect .gf-social { margin-bottom: 15px; }
  .footer .row-connect .gf-other-media .media-item { max-width: 260px; } }

@media screen and (max-width: 640px) { .footer .gf-content { padding: 40px 0px 40px; }
  .footer .gf-content-row.row-title { margin-bottom: 20px; }
  .footer .gf-content-row.row-menu { margin-bottom: 30px; }
  .footer .row-title .gf-logo-mini svg { width: 240px; height: 48px; }
  .footer .row-menu { padding-left: 0px; padding-right: 0px; }
  .footer .row-connect { padding-left: 0px; padding-right: 0px; }
  .footer .row-connect .gf-social { margin-bottom: 20px; }
  .footer .row-connect .gf-other-media .media-item { max-width: 200px; } }

.main { padding-top: 58px; }

.list-page .main, .single-page .main, .static-page .main { padding-top: 58px; }

section.latest-section { padding-top: 70px; }

section.series-section { padding-top: 40px; }

section.category-section { padding-top: 60px; padding-bottom: 100px; }

section.category-section.min-bottom { padding-bottom: 40px; }

section.archive-section { margin-top: 80px; padding-top: 100px; position: relative; }

section.archive-section.no-top-margin { margin-top: 0px; }

section.archive-section:before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 580px; height: 5px; background-color: #111111; }

section.static-section { padding-top: 60px; padding-bottom: 60px; }

section.banner-section { padding-top: 120px; margin-bottom: 20px; }

section.normal-section { padding-top: 120px; margin-bottom: 20px; }

.section-content { padding-top: 60px; }

.list-page .section-content, .single-page .section-content, .static-page .section-content { padding-top: 40px; }

.single-page .section-content { padding-bottom: 40px; }

.single-page .interview-post .section-content { padding-top: 0px; }

.single-page .section-content .section-related-content { padding-top: 40px; }

.single-page .section-content + .section-content { padding-top: 80px; }

.container { max-width: 1220px; margin: 0px auto; padding-left: 16px; padding-right: 16px; position: relative; }

.section-inner { max-width: 1024px; margin: 0px auto; position: relative; }

.inner-unit { max-width: 740px; margin: 0px auto; position: relative; }

.column-post:after { content: ''; display: block; clear: both; }

.column-post .section-column-post { float: left; width: 700px; }

.column-post .section-column-side { float: right; width: 304px; }

.interview-related, .section-column-related { margin-top: 100px; padding-top: 120px; position: relative; }

.interview-related:before, .section-column-related:before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 580px; height: 5px; background-color: #111111; }

.block { margin-bottom: 50px; }

@media screen and (max-width: 980px) { .section-inner { max-width: 100%; }
  .column-post .section-column-post { width: 65%; }
  .column-post .section-column-side { width: 32%; }
  .interview-related, .section-column-related { margin-top: 80px; padding-top: 100px; }
  .interview-related:before, .section-column-related:before { max-width: 400px; }
  .block { padding-left: 10px; padding-right: 10px; } }

@media screen and (max-width: 768px) { .main { padding-top: 50px; }
  .list-page .main, .single-page .main, .static-page .main { padding-top: 50px; }
  section.latest-section { padding-top: 70px; }
  section.series-section { padding-top: 40px; }
  section.category-section { padding-top: 60px; padding-bottom: 80px; }
  section.category-section.min-bottom { padding-bottom: 30px; }
  section.archive-section { margin-top: 60px; padding-top: 80px; }
  section.archive-section:before { max-width: 420px; }
  section.archive-section:last-child { padding-bottom: 60px; }
  section.static-section { padding-top: 60px; padding-bottom: 60px; }
  section.banner-section { padding-top: 80px; margin-bottom: 20px; }
  section.normal-section { padding-top: 80px; margin-bottom: 20px; }
  .section-content { padding-top: 50px; }
  .list-page .section-content, .single-page .section-content, .static-page .section-content { padding-top: 40px; }
  .single-page .section-content { padding-bottom: 40px; }
  .single-page .interview-post .section-content { padding-top: 0px; }
  .single-page .section-content .section-related-content { padding-top: 40px; }
  .container { padding-left: 20px; padding-right: 20px; }
  .column-post .section-column-post { width: 100%; }
  .column-post .section-column-side { width: 100%; margin-top: 60px; }
  .interview-related, .section-column-related { margin-top: 60px; padding-top: 60px; }
  .block { margin-bottom: 40px; } }

@media screen and (max-width: 480px) { .main { padding-top: 50px; }
  section.latest-section { padding-top: 50px; }
  section.series-section { padding-top: 20px; }
  section.category-section { padding-top: 40px; padding-bottom: 20px; }
  section.category-section.min-bottom { padding-bottom: 20px; }
  section.archive-section { margin-top: 40px; padding-top: 40px; }
  section.archive-section:before { max-width: 280px; height: 4px; }
  section.archive-section:last-child { padding-bottom: 40px; }
  section.static-section { padding-top: 40px; padding-bottom: 40px; }
  section.banner-section { padding-top: 60px; margin-bottom: 20px; }
  section.normal-section { padding-top: 60px; margin-bottom: 20px; }
  .section-content { padding-top: 40px; }
  .list-page .section-content, .single-page .section-content, .static-page .section-content { padding-top: 30px; }
  .single-page .section-content { padding-bottom: 40px; }
  .single-page .section-content.article-list { padding-bottom: 0; }
  .single-page .interview-post .section-content { padding-top: 0px; }
  .single-page .section-content .section-related-content { padding-top: 30px; }
  .single-page .section-content .section-related-content .no-related-posts { text-align: center; }
  .single-page .section-content + .section-content { padding-top: 40px; }
  .column-post .section-column-side { margin-top: 30px; }
  .interview-related:before, .section-column-related:before { max-width: 280px; height: 4px; } }

.not-found-search { text-align: center; }

.not-found-search input[type="search"] { width: 100%; max-width: 400px; }