@charset "UTF-8";
.single-interview-head-image { margin-bottom: 40px; position: relative; overflow: hidden; height: 45vw; max-height: 70vh; background-position: center; background-repeat: no-repeat; background-size: cover; }

.single-normal-head-image { margin-top: 20px; height: auto; }

.post-article-head-image { width: 100%; height: auto; }

.single-normal-head-image img, .post-article-head-image img { width: 100%; height: auto; }

.single-head-item { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }

@media screen and (max-width: 480px) { .single-interview-head-image { margin-bottom: 30px; height: 40vh; max-height: 40vh; } }

.post-article .post-article-meta .series-name h4 { font-size: 16px; line-height: 1.45; margin-top: 0.75em; margin-bottom: 0; padding: 4px 4px 2px; background-color: #f1f1e7; }

.post-article .post-article-meta .series-name a { color: inherit; font-weight: 700; }

.post-article .post-article-meta .series-name a:hover { opacity: 0.5; }

.post-article .post-article-meta .title h1 { line-height: 1.45; }

.post-article .post-article-meta .description p { line-height: 1.85; margin-bottom: 0; }

.post-article .post-article-meta .credit { margin-top: 20px; line-height: 1.65; }

.post-article .post-article-meta .credit span { 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; display: inline-block; margin-left: 10px; margin-right: 10px; }

.post-article .post-article-meta .credit span a { color: inherit; text-decoration: underline; }

.post-article .post-article-tags { line-height: 1.45; }

.post-article .post-article-tags a { display: inline-block; margin-right: 5px; color: inherit; font-size: 12px; }

.post-article .post-article-tags a:hover { opacity: 0.5; }

.post-article .post-article-share ul.post-share { width: 100%; margin: 10px 0px 0px; padding: 0px; }

.post-article .post-article-share ul.post-share > li { display: inline-block; vertical-align: top; margin-top: 5px; text-align: left; }

.post-article .post-article-share ul.post-share .share-fb { width: 100px; }

.post-article .post-article-share ul.post-share .share-fb .fb_iframe_widget { vertical-align: top; }

.post-article .post-article-share ul.post-share .share-tw { width: 90px; }

.post-article .post-article-share ul.post-share .share-ht { width: 60px; }

.post-article .post-article-share ul.post-share .share-pkt { width: 100px; }

.post-article .post-article-share ul.post-share .share-pkt .pocket-btn > iframe { width: 100px !important; }

.post-article .post-info { line-height: 1.0; }

.post-article .post-info span { display: inline-block; color: #9ce818; font-size: 14px; }

.post-article .post-info a { color: #9ce818; }

.post-article .post-info a:hover { text-decoration: underline; }

.post-article .post-info .category, .post-article .post-info .city, .post-article .post-info .sports { font-size: 13px; }

.post-article .post-info .sports { color: #9ce818; }

.post-article .post-info .pr-post { display: inline-block; vertical-align: middle; margin-left: 1.0em; margin-top: -0.15em; }

.post-article .post-info .pub-date { margin-left: 0.75em; color: #666666; font-size: 13px; }

.post-article .post-article-body p { line-height: 1.75; }

.post-article .post-article-body .post-lead-text h6 { color: #444444; font-size: 17px; margin-bottom: 2.0em; }

.post-article .post-article-body .post-content h3 { font-size: 26px; line-height: 1.5; }

.post-article .post-article-body .post-content h4 { font-size: 20px; }

.post-article .post-article-body .post-content p { margin-bottom: 1.65em; word-wrap: break-word; word-break: break-all; }

.post-article .post-article-body .post-content a { color: inherit; text-decoration: underline; display: inline-block; line-height: 1.65; }

.post-article .post-article-body .post-content a:hover { opacity: 0.5; }

.post-article .post-article-body .post-content strong.title { display: block; line-height: 1.65; padding: 4px 6px 2px; background-color: #f3f3e9; }

.post-article .post-article-body .post-content img { width: auto; max-width: 100%; height: auto; }

.post-article .post-article-body .post-content figure { position: relative; margin: 0px 0px 25px; }

.post-article .post-article-body .post-content figure img:first-child { margin-top: 20px; }

.post-article .post-article-body .post-content figure + figure img:first-child { margin-top: 0px; }

.post-article .post-article-body .post-content figure img { width: 100%; height: auto; }

.post-article .post-article-body .post-content figure figcaption { font-size: 12px; line-height: 1.6; margin-top: 0.4em; max-width: 660px; margin-left: auto; margin-right: auto; }

.post-article .post-article-body .post-content figure.center { text-align: center; }

.post-article .post-article-body .post-content figure.center img { width: auto; max-width: 100%; }

.post-article .post-article-body .post-content figure a:hover { opacity: 0.5; }

.post-article .post-article-body .post-content .movie { width: 100%; height: auto; position: relative; padding-top: 56.25%; }

.post-article .post-article-body .post-content .movie > iframe { position: absolute; top: 0; width: 100%; height: 100%; }

.post-article .post-article-body .post-content p iframe { width: 100%; height: calc(56.25vw - 16px); }

.post-article .post-article-body .post-content ul.inline-two { margin: 1.5em auto; -js-display: flex; display: flex; display: -ms-flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; }

.post-article .post-article-body .post-content ul.inline-two li { width: 50%; text-align: left; }

.post-article .post-article-body .post-content ul.inline-two li:nth-child(odd) { padding-right: 5px; }

.post-article .post-article-body .post-content ul.inline-two li:nth-child(even) { padding-left: 5px; }

.post-article .post-article-body .post-content ul.inline-two li img { width: 100%; height: auto; }

.post-article .post-article-body .post-content ul.column { -js-display: flex; display: flex; display: -ms-flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-left: -20px; margin-bottom: 20px; }

.post-article .post-article-body .post-content ul.column li { width: calc(50% - 20px); margin-left: 20px; }

.post-article .post-article-body .post-content ul.column li figure { margin-top: 0px; margin-bottom: 0px; }

.post-article .post-article-body .post-content ul.column li figure img { margin-top: 20px; }

.post-article .post-article-body .post-content ul.column li figure img:first-child { margin-top: 20px; }

.post-article .post-article-body .post-content ul.column li img { width: 100%; height: auto; }

.post-article .post-article-body .post-content ul.column li a:hover { opacity: 0.5; }

.post-article .post-article-body .post-content blockquote { background-color: #eff0f0; padding: 15px 20px 10px; }

.post-article .post-article-body .post-content a.nextpage { display: block; margin-left: auto; margin-right: auto; max-width: 640px; padding: 6px 4px 4px; border: 1px solid #111111; line-height: 1.35; text-align: center; text-decoration: none; }

.post-article .post-article-body .post-content a.nextpage:hover { color: #FFFFFF; border-color: #808080; background-color: #808080; opacity: 1.0; }

.post-article .post-article-body .post-content a.link-button { display: block; margin-left: auto; margin-right: auto; width: 200px; height: 40px; overflow: hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding-left: 20px; padding-right: 20px; color: #FFFFFF; line-height: 40px; text-align: center; background-color: #50be00; }

.post-article .post-article-body .post-content a.link-button.size-250 { width: 250px; }

.post-article .post-article-body .post-content a.link-button.size-300 { width: 300px; }

.post-article .post-article-body .post-content a.link-button.size-350 { width: 350px; }

.post-article .post-article-body .post-content a.link-button.size-400 { width: 400px; }

.post-article .post-article-body .post-content a.link-button.size-full { width: 95%; }

.post-article .post-article-body .post-content a.link-button:hover { text-decoration: none; background-color: #327800; }

.post-article .post-article-body .post-content .inline-one { margin: 1.5em auto; text-align: center; }

.post-article .post-article-body .post-content .inline-one a:hover { opacity: 0.5; }

.post-article .post-article-body .post-content .inline-one img { width: auto; height: auto; max-width: 100%; }

.post-article .post-article-body .post-content iframe.instagram-media { width: 100% !important; max-width: 680px !important; }

.post-article .post-article-body .page-links { text-align: center; }

.post-article .post-article-body .page-links .page-number { display: inline-block; margin: 0px 5px; width: 30px; height: 30px; line-height: 30px; color: #FFFFFF; background-color: #111111; border: 1px solid #111111; }

.post-article .post-article-body .page-links a .page-number { color: #111111; background-color: #FFFFFF; }

.post-article .post-article-body .page-links a:hover .page-number { color: #FFFFFF; background-color: #111111; }

.post-article .post-article-profile .profile-image img { width: 100%; height: auto; }

.post-article .post-article-profile .profile-name p { font-size: 16px; }

.post-article .post-article-shopinfo .shopinfo-text { padding: 20px 20px 20px; border: 1px solid #111111; }

.post-article .post-article-shopinfo .shopinfo-text p { margin: 0; }

.post-article .post-article-shopinfo .shopinfo-text a { color: inherit; text-decoration: underline; }

.post-article .post-article-shopinfo .shopinfo-text a:hover { opacity: 0.5; }

.post-article .post-article-shopinfo a.link-button { display: block; margin-left: auto; margin-right: auto; width: 200px; height: 40px; overflow: hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding-left: 20px; padding-right: 20px; color: #FFFFFF; line-height: 40px; text-align: center; background-color: #50be00; }

.post-article .post-article-shopinfo a.link-button.size-250 { width: 250px; }

.post-article .post-article-shopinfo a.link-button.size-300 { width: 300px; }

.post-article .post-article-shopinfo a.link-button.size-350 { width: 350px; }

.post-article .post-article-shopinfo a.link-button.size-400 { width: 400px; }

.post-article .post-article-shopinfo a.link-button.size-full { width: 95%; }

.post-article .post-article-shopinfo a.link-button:hover { text-decoration: none; background-color: #327800; }

.post-article.interview-article .post-article-meta { text-align: center; }

.post-article.interview-article .post-article-meta .series-name h4 { margin-top: 0; margin-bottom: 0.75em; }

.post-article.interview-article .post-article-meta .title h1 { font-size: 22px; }

.post-article.interview-article .post-article-tags { max-width: 740px; margin-left: auto; margin-right: auto; margin-top: 30px; text-align: center; }

.post-article.interview-article .post-article-tags a { margin: 0px 2px; }

.post-article.interview-article .post-article-share { margin-top: 30px; text-align: center; }

.post-article.interview-article .post-lead-text { margin-top: 20px; }

.post-article.interview-article .post-article-body { margin-top: 60px; }

.post-article.interview-article .post-article-body p, .post-article.interview-article .post-article-body h4, .post-article.interview-article .post-article-body h6, .post-article.interview-article .post-article-body .inner { max-width: 740px; margin-left: auto; margin-right: auto; }

.post-article.interview-article .post-article-body .post-content { margin-top: 40px; }

.post-article.interview-article .post-article-body .post-content h3 { margin-top: 50px; margin-bottom: 40px; text-align: center; }

.post-article.interview-article .post-article-body .post-content p { margin-bottom: 25px; }

.post-article.interview-article .post-article-body .post-content img { width: 100%; height: auto; }

.post-article.interview-article .post-article-body .post-content figure { margin: 0px 0px 1.85em; }

.post-article.interview-article .post-article-body .post-content figure img { margin-top: 0.5em; }

.post-article.interview-article .post-article-body .post-content figure img + img { margin-top: 1.0em; }

.post-article.interview-article .post-article-body .post-content blockquote { margin: 2.5em auto; max-width: 740px; }

.post-article.interview-article .page-links { margin-top: 60px; margin-bottom: 40px; }

.post-article.interview-article .post-article-profile { max-width: 740px; margin-left: auto; margin-right: auto; margin-top: 60px; }

.post-article.interview-article .post-article-profile .profile-item { margin-top: 40px; }

.post-article.interview-article .post-article-profile .profile-name { margin-top: 20px; text-align: center; }

.post-article.interview-article .post-article-shopinfo { max-width: 740px; margin-left: auto; margin-right: auto; margin-top: 60px; }

.post-article.normal-post-head .post-article-meta { text-align: center; }

.post-article.normal-post-head .post-article-meta .series-name h4 { margin-top: 0; margin-bottom: 0.75em; }

.post-article.normal-post-head .post-article-meta .title h1 { font-size: 22px; }

.post-article.normal-post-head .post-article-tags { margin-top: 30px; text-align: center; }

.post-article.normal-post-head .post-article-share { margin-top: 30px; text-align: center; }

.post-article.normal-post-head .post-article-head-image { margin-top: 30px; margin-bottom: 50px; }

.post-article.normal-post .post-article-meta { max-width: 660px; margin-left: auto; margin-right: auto; margin-bottom: 15px; }

.post-article.normal-post .post-article-meta .title { margin-top: 20px; }

.post-article.normal-post .post-article-meta .title h1 { font-size: 22px; }

.post-article.normal-post .post-article-meta .credit span { margin-left: 0px; margin-right: 20px; }

.post-article.normal-post .post-article-meta .credit span:last-child { margin-right: 0; }

.post-article.normal-post .post-article-tags { max-width: 660px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }

.post-article.normal-post .post-article-tags.normal-bottom-tags { margin-top: 30px; }

.post-article.normal-post .post-article-share { max-width: 660px; margin-left: auto; margin-right: auto; }

.post-article.normal-post .post-article-share.normal-bottom-share { margin-top: 40px; margin-bottom: 60px; text-align: center; }

.post-article.normal-post .post-article-body { margin-top: 40px; }

.post-article.normal-post .post-article-body p, .post-article.normal-post .post-article-body h3, .post-article.normal-post .post-article-body h4, .post-article.normal-post .post-article-body h6, .post-article.normal-post .post-article-body blockquote, .post-article.normal-post .post-article-body .inner { max-width: 660px; margin-left: auto; margin-right: auto; }

.post-article.normal-post .post-article-body .post-content h3 { margin-top: 40px; margin-bottom: 30px; }

.post-article.normal-post .post-article-body .post-content p { margin-bottom: 25px; }

.post-article.normal-post .post-article-body .post-content blockquote { margin: 2.5em auto; }

.post-article.normal-post .post-article-profile { max-width: 660px; margin-left: auto; margin-right: auto; margin-top: 40px; }

.post-article.normal-post .post-article-profile:after { content: ''; display: block; clear: both; }

.post-article.normal-post .post-article-profile .profile-item { margin-top: 30px; }

.post-article.normal-post .post-article-profile .profile-image { float: left; width: 170px; }

.post-article.normal-post .post-article-profile .profile-data { float: right; width: 430px; }

.post-article.normal-post .post-article-profile .profile-name p { margin: 5px 0px 10px; line-height: 1.4; }

.post-article.normal-post .post-article-profile .profile-text p { margin: 0; line-height: 1.9; }

.post-article.normal-post .post-article-profile .profile-text a { color: inherit; text-decoration: underline; }

.post-article.normal-post .post-article-profile .profile-text a:hover { opacity: 0.5; }

.post-article.normal-post .post-article-shopinfo { max-width: 660px; margin-left: auto; margin-right: auto; margin-top: 40px; }

@media screen and (max-width: 980px) { .post-article.normal-post .post-article-meta { max-width: 100%; padding-left: 16px; padding-right: 16px; }
  .post-article.normal-post .post-article-tags { max-width: 100%; padding-left: 16px; padding-right: 16px; }
  .post-article.normal-post .post-article-share { max-width: 100%; }
  .post-article.normal-post .post-article-body p, .post-article.normal-post .post-article-body h3, .post-article.normal-post .post-article-body h4, .post-article.normal-post .post-article-body h6, .post-article.normal-post .post-article-body blockquote, .post-article.normal-post .post-article-body .inner { max-width: 100%; padding-left: 16px; padding-right: 16px; }
  .post-article.normal-post .post-article-body .post-content blockquote { margin-left: 10px; margin-right: 10px; }
  .post-article.normal-post .post-article-profile { max-width: 100%; padding-left: 16px; padding-right: 16px; }
  .post-article.normal-post .post-article-profile .profile-image { width: 30%; }
  .post-article.normal-post .post-article-profile .profile-data { width: 66%; }
  .post-article.normal-post .post-article-profile .profile-text p { line-height: 1.75; }
  .post-article.normal-post .post-article-shopinfo { max-width: 100%; padding-left: 16px; padding-right: 16px; }
  .post-article.normal-post .post-article-shopinfo p { line-height: 1.75; } }

@media screen and (max-width: 768px) { .post-article.interview-article .post-article-meta .title h1 { font-size: 22px; }
  .post-article.interview-article .post-article-body { margin-top: 60px; }
  .post-article.interview-article .post-article-body p, .post-article.interview-article .post-article-body h4, .post-article.interview-article .post-article-body h6, .post-article.interview-article .post-article-body .inner { padding-left: 20px; padding-right: 20px; }
  .post-article.interview-article .post-article-body .post-content { margin-top: 30px; }
  .post-article.interview-article .post-article-body .post-content h3 { margin-top: 40px; margin-bottom: 30px; }
  .post-article.interview-article .post-article-body .post-content blockquote { margin-left: 20px; margin-right: 20px; }
  .post-article.interview-article .post-article-profile { padding-left: 20px; padding-right: 20px; }
  .post-article.interview-article .post-article-profile .profile-name { margin-top: 20px; text-align: center; }
  .post-article.normal-post-head .post-article-meta .title h1 { font-size: 22px; }
  .post-article.normal-post-head .post-article-tags { margin-top: 20px; }
  .post-article.normal-post-head .post-article-share { margin-top: 20px; }
  .post-article.normal-post-head .post-article-head-image { margin-top: 30px; margin-bottom: 40px; }
  .post-article.normal-post .post-article-meta { margin-bottom: 15px; }
  .post-article.normal-post .post-article-meta .title { margin-top: 15px; }
  .post-article.normal-post .post-article-meta .title h1 { font-size: 22px; }
  .post-article.normal-post .post-article-tags { margin-top: 20px; }
  .post-article.normal-post .post-article-share { margin-top: 20px; }
  .post-article.normal-post .post-article-body { margin-top: 40px; }
  .post-article.normal-post .post-article-profile { margin-top: 40px; }
  .post-article.normal-post .post-article-profile .profile-item { margin-top: 30px; }
  .post-article.normal-post .post-article-shopinfo { margin-top: 40px; } }

@media screen and (max-width: 480px) { .post-article .post-article-meta { padding-left: 20px; padding-right: 20px; }
  .post-article .post-article-meta .series-name h4 { font-size: 15px; line-height: 1.45; }
  .post-article .post-article-meta .title { text-align: left; }
  .post-article .post-article-meta .title h1 { line-height: 1.45; }
  .post-article .post-article-meta .credit { margin-top: 15px; }
  .post-article .post-article-meta .credit span { font-size: 12px; margin-left: 8px; margin-right: 8px; }
  .post-article .post-article-share { text-align: left; padding-left: 20px; }
  .post-article .post-article-share ul.post-share .share-fb { width: 95px; }
  .post-article .post-article-share ul.post-share .share-tw { width: 77px; }
  .post-article .post-article-share ul.post-share .share-ht { width: 50px; }
  .post-article .post-article-share ul.post-share .share-pkt { width: 95px; }
  .post-article .post-article-share ul.post-share .share-pkt .pocket-btn > iframe { width: 95px !important; }
  .post-article .post-info .category, .post-article .post-info .city, .post-article .post-info .sports, .post-article .post-info .pub-date { font-size: 12px; }
  .post-article .post-article-body .post-lead-text h6 { font-size: 16px; }
  .post-article .post-article-body .post-content h3 { font-size: 20px; line-height: 1.5; }
  .post-article .post-article-body .post-content h4 { font-size: 16px; }
  .post-article .post-article-body .post-content p { margin-bottom: 1.65em; line-height: 1.85; }
  .post-article .post-article-body .post-content figure figcaption { font-size: 11px; }
  .post-article .post-article-body .post-content ul.col { margin-left: 0px; }
  .post-article .post-article-body .post-content ul.col li { width: 100%; margin-left: 0px; }
  .post-article .post-article-body .post-content ul.col li figure { margin-top: 0px; margin-bottom: 0px; }
  .post-article .post-article-body .post-content ul.col li figure img { margin-top: 20px; }
  .post-article .post-article-body .post-content ul.col li figure img:first-child { margin-top: 20px; }
  .post-article .post-article-body .post-content blockquote { background-color: #eff0f0; padding: 10px 10px 5px; }
  .post-article .post-article-body .post-content a.nextpage { font-size: 13px; }
  .post-article.interview-article .post-article-meta { text-align: left; padding-left: 20px; padding-right: 20px; }
  .post-article.interview-article .post-article-meta .title h1 { font-size: 1.30rem; }
  .post-article.interview-article .post-article-share { margin-top: 25px; text-align: left; padding-left: 20px; }
  .post-article.interview-article .post-article-body { margin-top: 30px; padding-left: 20px; padding-right: 20px; }
  .post-article.interview-article .post-article-body p, .post-article.interview-article .post-article-body h4, .post-article.interview-article .post-article-body h6, .post-article.interview-article .post-article-body .inner { padding-left: 0; padding-right: 0; }
  .post-article.interview-article .post-article-body .post-content { margin-top: 25px; }
  .post-article.interview-article .post-article-body .post-content h3 { margin-top: 40px; margin-bottom: 30px; }
  .post-article.interview-article .post-article-body .post-content p { margin-bottom: 25px; }
  .post-article.interview-article .post-article-body .post-content figure { margin: 0px 0px 20px; }
  .post-article.interview-article .post-article-body .post-content figure img { margin-top: 20px; }
  .post-article.interview-article .post-article-body .post-content figure img:first-child { margin-top: 20px; }
  .post-article.interview-article .post-article-body .post-content blockquote { margin-left: 10px; margin-right: 10px; }
  .post-article.interview-article .page-links { margin-top: 40px; margin-bottom: 40px; }
  .post-article.interview-article .post-article-profile { padding-left: 20px; padding-right: 20px; }
  .post-article.normal-post-head .post-article-meta .title h1 { font-size: 1.30rem; }
  .post-article.normal-post-head .post-article-head-image { margin-top: 20px; margin-bottom: 30px; }
  .post-article.normal-post .post-article-meta { padding-left: 20px; padding-right: 20px; }
  .post-article.normal-post .post-article-meta .title { margin-top: 15px; }
  .post-article.normal-post .post-article-meta .title h1 { font-size: 1.30rem; }
  .post-article.normal-post .post-article-tags { padding-left: 20px; padding-right: 20px; }
  .post-article.normal-post .post-info span { font-size: 12px; }
  .post-article.normal-post .post-info .pr-post { margin-left: 0.5em; }
  .post-article.normal-post .post-info .pub-date { margin-left: 0.5em; font-size: 11px; }
  .post-article.normal-post .post-article-share.normal-bottom-share { margin-top: 20px; margin-bottom: 30px; text-align: left; }
  .post-article.normal-post .post-article-body { margin-top: 30px; padding-left: 20px; padding-right: 20px; }
  .post-article.normal-post .post-article-body p, .post-article.normal-post .post-article-body h3, .post-article.normal-post .post-article-body h4, .post-article.normal-post .post-article-body h6, .post-article.normal-post .post-article-body blockquote, .post-article.normal-post .post-article-body .inner { max-width: 100%; padding-left: 0; padding-right: 0; }
  .post-article.normal-post .post-article-body .post-content blockquote { margin-left: 10px; margin-right: 10px; }
  .post-article.normal-post .post-article-profile { max-width: 100%; padding-left: 20px; padding-right: 20px; margin-top: 40px; }
  .post-article.normal-post .post-article-profile:after { content: ''; display: block; clear: both; }
  .post-article.normal-post .post-article-profile .profile-image { width: 30%; }
  .post-article.normal-post .post-article-profile .profile-data { width: 66%; }
  .post-article.normal-post .post-article-profile .profile-text p { font-size: 14px; line-height: 1.75; }
  .post-article.normal-post .post-article-shopinfo { max-width: 100%; padding-left: 20px; padding-right: 20px; margin-top: 40px; }
  .post-article.normal-post .post-article-shopinfo p { font-size: 14px; } }

.single-pager { display: none; }
