@charset "UTF-8";
/*!
Theme Name: WingArc
Theme URI: http://underscores.me/
Author: WingArc1st Inc.
Author URI: http://www.wingarc.com/
Description: WingArc
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wingarc
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WingArc is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-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; vertical-align: baseline; }

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

[hidden], template { display: none; }

a { background-color: transparent; }

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

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

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

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

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

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

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

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

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

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

button[disabled], html input[disabled] { cursor: default; }

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

input { line-height: normal; }

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

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

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

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

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea { color: #111; font-family: 'Noto Sans Japanese', serif,sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { clear: both; }

p { margin-bottom: 1.5em; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 12px; font-size: 0.75rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code, kbd, tt, var { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo; font-size: 12px; font-size: 0.75rem; }

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }

mark, ins { background: #fff9c0; text-decoration: none; }

big { font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; box-sizing: inherit; }

body { background: #fff; /* Fallback for when there is no custom background color defined. */ }

blockquote, q { quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

ul, ol { margin: 0 0 1.5em 3em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ }

table { margin: 0 0 1.5em; width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; }
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 0; padding: 10px 15px; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; }

select { border: 1px solid #ccc; }

textarea { width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a { color: #111; }
a:visited { color: #111; }
a:hover, a:focus, a:active { color: #111; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation { clear: both; display: block; float: left; width: 100%; }
.main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; }
.main-navigation ul ul { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; }
.main-navigation ul ul ul { left: -999em; top: 0; }
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; }
.main-navigation ul ul a { width: 200px; }
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; }
.main-navigation li { float: left; position: relative; }
.main-navigation a { display: block; text-decoration: none; }

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul { display: block; }

@media screen and (min-width: 37.5em) { .menu-toggle { display: none; }
  .main-navigation ul { display: block; } }
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }

.alignright { display: inline; float: right; margin-left: 1.5em; }

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ }
.widget select { max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky { display: block; }

.hentry { margin: 0 0 1.5em; }

.byline, .updated:not(.published) { display: none; }

.single .byline, .group-blog .byline { display: inline; }

.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }

.page-links { clear: both; margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/*@import "modules/infinite-scroll";*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }
.wp-caption .wp-caption-text { margin: 0.8075em; }

.wp-caption-text { font-size: 12px; font-size: 0.75rem; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; padding: 0 12px; text-align: left; }

@media only screen and (max-width: 768px) { .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { max-width: none; } }
/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.content-area { float: left; margin: 0 -33% 0 0; width: 100%; }

.site-main { margin: 0 33% 0 0; }

.site-content .widget-area { float: right; overflow: hidden; width: 30%; }

.site-footer { clear: both; width: 100%; }

/* 2columun */
.site-content { max-width: 1080px; margin: 0 auto; }

.home .site-content { max-width: none; }
.home .content-area { float: none; margin: 0 auto; width: auto; }
.home .site-main { margin: 0 auto; width: auto; }

.content-area--onecolumn { max-width: none; }
.content-area--onecolumn .content-area { float: none; margin: 0 auto; width: auto; }
.content-area--onecolumn .site-main { margin: 0 auto; width: auto; }

.tax-feature .site-content { max-width: none; padding: 0 0 15px; }
.tax-feature .content-area { float: none; margin: 0 auto; padding: 0 15px; width: auto; max-width: 1280px; }
.tax-feature .site-main { margin: 0 auto; width: auto; }

@media only screen and (max-width: 768px) { .content-area { float: none; width: auto; margin: 0; }
  .site-main { width: auto; margin: 0; }
  .site-content .widget-area { float: none; width: auto; } }
.pconly { display: block !important; }

.sponly { display: none !important; }

body { padding: 228px 0 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo; color: #111; }

a { text-decoration: none; }

.header { width: 100%; width: 100vw; position: fixed; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 0; left: 0; z-index: 9999; background-color: #FFF; }
.header:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background-color: #eee93a; border-top: 2px solid #000; }
.header ul { list-style: none; }

.header-container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; max-width: 1280px; margin: 4px auto 0; }

.header-containerleft { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; }

.header-containerright { position: absolute; top: 10px; right: 0; }

.header-iconlink { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.iconlink { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; }
.iconlink .iconlink-item a { display: block; width: 25px; height: 25px; margin: 0 13px; text-align: center; }
.iconlink .iconlink-item a svg { fill: #111; vertical-align: middle; }
.iconlink .iconlink-item a:hover svg { fill: #eee93a; }
.iconlink .iconlink-item:last-child a { margin-right: 0; }

.header-sitename { text-align: center; }
.header-sitename .header-logo { margin: 0 auto 10px; font-size: 20px; font-size: 1.25rem; line-height: 20px; }
.header-sitename a { font-weight: bold; line-height: 20px; }
.header-sitename a img { margin: 10px auto; }
.header-sitename a img.header-logoimage--normal { display: inline; height: 150px; width: auto; }
.header-sitename a img.header-logoimage--mini { display: inline; height: 0; width: 0; }

.search-field, .search-submit { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; border-radius: 0; vertical-align: middle; }

.search-field { width: 500px; max-width: 80%; background-color: #FFF; font-size: 18px; font-size: 1.125rem; line-height: 30px; }

.search-submit { width: 86px; max-width: 20%; margin-left: -5px; padding: 10px 15px; line-height: 30px; background-color: #000; }
.search-submit svg { fill: #FFF; vertical-align: middle; }

.search-form { display: inline-block; margin: 0 auto; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; }

.header-search { display: none; background-color: #f2f0f0; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 36px 15px; text-align: center; }
.header-search .search-field, .header-search .search-submit { border: none; }

.header-searchclose { display: inline-block; vertical-align: middle; border: none; background: none; }
.header-searchclose svg { fill: #737373; }

.header-search--open { display: block; }

.header-nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; padding: 0; max-width: 800px; }
.header-nav li { margin: 0 30px; }
.header-nav a { display: inline-block; min-width: 5em; padding-bottom: 10px; border-bottom: 3px solid #FFF; font-size: 14px; font-size: 0.875rem; font-weight: bold; position: relative; overflow: hidden; }
.header-nav a:after { content: attr(title); display: block; width: 100%; height: 100%; position: absolute; top: -100%; left: 0; background-color: #FFF; text-align: center; }
.header-nav a:hover { border-bottom: 3px solid #eee93a; color: #FFF; }
.header-nav a:hover:after { color: #111; top: 0; -webkit-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s; }

.header--mini .header-container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.header--mini .header-containerleft { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.header--mini .header-sitename { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.header--mini .header-sitename a { margin-right: 30px; }
.header--mini .header-sitename a img { height: 50px; width: 159px; margin: 5px auto; }
.header--mini .header-sitename a img.header-logoimage--normal { display: none; }
.header--mini .header-sitename a img.header-logoimage--mini { display: inline; -webkit-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; }
.header--mini .header-nav, .header--mini .menu-menu-1-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0; }
.header--mini .header-nav a { padding-top: 10px; padding-bottom: 7px; }
.header--mini .header-nav a:hover:after { top: 10px; }
.header--mini .header-containerright { position: static; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.admin-bar .header { top: 32px; }

.breadcrumbs { background-color: #f2f0f0; margin: 0 auto 50px; }

.breadcrumbs-list { max-width: 1080px; margin: 0 auto; padding: 10px 0; font-size: 11px; font-size: 0.6875rem; }

.slider { display: block; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; }
.slider * { -webkit-box-sizing: content-box; box-sizing: content-box; }

.section { margin: 0 auto; padding: 0; }

.section--darkbg { background-color: #f2f0f0; }
.section--darkbg .entry-meta .entry-tagsitem a { background-color: #FFF; }

.sectiont-contener { padding: 30px 0; max-width: 1280px; margin: 0 auto; }

.section-title { text-align: center; font-size: 20px; font-size: 1.25rem; letter-spacing: 2px; margin: 0 0 10px 0; }

.section-shoulder { font-size: 12px; font-size: 0.75rem; text-align: center; letter-spacing: 4px; margin: 0 0 40px; }

/* entry */
.entry { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 1%; width: 31.3%; }
.entry a:hover { text-decoration: underline; }
.entry:hover .entry-title a { text-decoration: underline; }
.entry:hover .entry-thmb { background-image: -webkit-gradient(linear, left top, left bottom, from(#fffb98), to(#f35f6a)); background-image: -webkit-linear-gradient(top, #fffb98 0%, #f35f6a 100%); background-image: -o-linear-gradient(top, #fffb98 0%, #f35f6a 100%); background-image: linear-gradient(180deg, #fffb98 0%, #f35f6a 100%); -webkit-animation: AnimatedLinearGradient 2s ease infinite; animation: AnimatedLinearGradient 2s ease infinite; }
.entry:hover .entry-image img { opacity: 0.6; }

@-webkit-keyframes AnimatedLinearGradient { 0% { background-position: 0 0; }
  50% { background-position: 100% 100%; }
  100% { background-position: 0 0; } }

@keyframes AnimatedLinearGradient { 0% { background-position: 0 0; }
  50% { background-position: 100% 100%; }
  100% { background-position: 0 0; } }
.entry-link { display: block; }

.entry-thmb { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 251, 152, 0)), to(rgba(243, 95, 106, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 251, 152, 0) 0%, rgba(243, 95, 106, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 251, 152, 0) 0%, rgba(243, 95, 106, 0) 100%); background-image: linear-gradient(180deg, rgba(255, 251, 152, 0) 0%, rgba(243, 95, 106, 0) 100%); background-size: 100% 150%; background-position: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.entry-newicon { position: absolute; top: 0; left: 0; z-index: 10; width: 80px; height: 80px; margin: 0; background-image: url("img/icon_bg_yellow.png"); background-size: cover; color: #FFF; }

.entry-newicontext { font-family: 'Open Sans', sans-serif; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding-top: 10%; color: #000; font-weight: bold; text-align: center; position: absolute; top: 0; left: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.entry-image { margin: 0; line-height: 0; }
.entry-image img { width: auto; height: auto; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.entry-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 20; padding: 10px; }
.entry-meta .entry-category { display: table; margin: 0; font-size: 12px; font-size: 0.75rem; font-weight: bold; }
.entry-meta .entry-category a { padding: 0; }
.entry-meta .entry-title { margin: 2px 0 7px; font-size: 14px; font-size: 0.875rem; }
.entry-meta .entry-title a { padding: 0.25em 0; line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.entry-meta .entry-date { font-size: 11px; font-size: 0.6875rem; float: left; margin: 0; }
.entry-meta time { padding: 0; }

/* entry-tags */
.entry-tags { margin: auto 0 0; padding: 0; list-style: none; height: 4.2em; overflow: hidden; }

.entry-tagsitem { display: inline-block; margin: 0 6px 6px 0; }
.entry-tagsitem a { background-color: #f2f0f0; display: block; padding: 6px 12px; font-size: 12px; font-size: 0.75rem; }
.entry-tagsitem a:before { content: "#"; }

.entry-content .entry-tagsitem a { color: inherit; text-decoration: inherit; }
.entry-content .entry-tagsitem a:hover { text-decoration: underline; }

/* entrylist */
.entrylist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1%; margin-right: -1%; }

.entrylist-contener { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.entrylist-contener--leftlarge { width: 45%; margin: 0; }
.entrylist-contener--leftlarge .entry { position: relative; width: 100%; }
.entrylist-contener--leftlarge .entry .entry-link { overflow: hidden; }
.entrylist-contener--leftlarge .entry-image img { max-width: none; height: 1000px; }
.entrylist-contener--leftlarge .entry-meta { position: absolute; top: 50%; z-index: 1000; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.entrylist-contener--leftlarge .entry-meta .entry-category { padding: 0 7px; margin-bottom: 5px; font-size: 14px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.8); }
.entrylist-contener--leftlarge .entry-meta .entry-title { font-size: 24px; font-size: 1.5rem; }
.entrylist-contener--leftlarge .entry-meta .entry-title a { background-color: rgba(255, 255, 255, 0.8); padding: 0; display: inline; }
.entrylist-contener--leftlarge .entry-meta time { font-size: 12px; font-size: 0.75rem; background-color: rgba(255, 255, 255, 0.8); }
.entrylist-contener--leftlarge .entry-meta .entry-tags { height: auto; }
.entrylist-contener--leftlarge .entry-meta .entry-tagsitem a { font-size: 14px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.8); }

.entrylist--rightlarge { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.entrylist--rightlarge .entrylist-contener--small { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; }
.entrylist--rightlarge .entrylist-contener--rightlarge { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.entrylist-contener--rightlarge { width: 45%; margin: 0; }
.entrylist-contener--rightlarge .entry { position: relative; width: 100%; }
.entrylist-contener--rightlarge .entry .entry-link { overflow: hidden; }
.entrylist-contener--rightlarge .entry-image img { max-width: none; height: 640px; }
.entrylist-contener--rightlarge .entry-meta { position: absolute; top: 50%; z-index: 1000; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.entrylist-contener--rightlarge .entry-meta .entry-category { padding: 0 7px; margin-bottom: 5px; font-size: 14px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.8); }
.entrylist-contener--rightlarge .entry-meta .entry-title { font-size: 24px; font-size: 1.5rem; }
.entrylist-contener--rightlarge .entry-meta .entry-title a { background-color: rgba(255, 255, 255, 0.8); padding: 0.22em 0; line-height: 1.6; display: inline; }
.entrylist-contener--rightlarge .entry-meta time { font-size: 12px; font-size: 0.75rem; background-color: rgba(255, 255, 255, 0.8); }
.entrylist-contener--rightlarge .entry-meta .entry-tags { height: auto; }
.entrylist-contener--rightlarge .entry-meta .entry-tagsitem a { font-size: 14px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.8); }

.entrylist-contener--small { width: 50%; margin-left: 3%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.entrylist-contener--small .entry { width: 47%; }

.entrylist--archive { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.entrylist--archive .entry { width: 48%; }
.entrylist--archive .entry:first-child { width: 100%; }

.section--taxonomy { margin: 45px auto; }
.section--taxonomy .entrylist { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.section--taxonomy .entrylist .entry { width: 48%; }

.entrylist--page .entry { width: 48%; margin-bottom: 20px; }
.entrylist--page .entry:first-child { width: 100%; }

.entrylist--serach .hentry { width: 100%; }
.entrylist--serach .hentry .entry-category { margin-left: 0; }

.entrylist--slider { display: block; padding-bottom: 60px; position: relative; }
.entrylist--slider .slick-arrow { position: absolute; top: calc(50% - 70px); z-index: 200; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 40px; height: 70px; overflow: hidden; background-color: #FFF; background-repeat: no-repeat; background-position: center center; text-indent: -1000%; border: none; border-radius: 0; cursor: pointer; outline: none; margin: 0; padding: 0; }
.entrylist--slider .slick-prev { left: calc((100% - 940px)/2 - 50px); background-image: url("img/arrow_prev.svg"); }
.entrylist--slider .slick-next { right: calc((100% - 940px)/2 - 50px); background-image: url("img/arrow_next.svg"); }
.entrylist--slider .slick-dots { position: relative; bottom: -30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0; list-style: none; z-index: 200; }
.entrylist--slider .slick-dots li { margin: 0 10px; }
.entrylist--slider .slick-dots button { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 10px; height: 10px; line-height: 0; text-indent: -200%; overflow: hidden; background-color: #cacaca; border: none; border-radius: 0; cursor: pointer; outline: none; padding: 0; }
.entrylist--slider .slick-dots .slick-active button { background-color: #eee93a; }
.entrylist--slider .entry { display: block; -webkit-box-sizing: inherit; box-sizing: inherit; margin: 0; padding: 0; width: 960px; height: 540px; overflow: hidden; float: left; position: relative; }
.entrylist--slider .entry .entry-link { margin: 0 10px; }
.entrylist--slider .entry-image img { min-width: 100%; }
.entrylist--slider .entry-newicon { left: 10px; }
.entrylist--slider .entry-meta { position: absolute; top: 50%; left: 5%; z-index: 1000; padding: 10px; width: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.entrylist--slider .entry-meta .entry-category { padding: 3px 0; margin-bottom: 5px; font-size: 14px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.8); }
.entrylist--slider .entry-meta .entry-category a { padding: 0 7px; }
.entrylist--slider .entry-meta .entry-title { font-size: 30px; font-size: 1.875rem; }
.entrylist--slider .entry-meta .entry-title a { background-color: rgba(255, 255, 255, 0.8); padding: 0; line-height: 1.5; display: inline; }
.entrylist--slider .entry-meta time { font-size: 12px; font-size: 0.75rem; background-color: rgba(255, 255, 255, 0.8); }
.entrylist--slider .entry-meta .entry-tags { height: auto; }
.entrylist--slider .entry-meta .entry-tagsitem a { font-size: 14px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.8); }

/* ranking */
.rankinglist { list-style: none; counter-reset: rank; margin: 0; padding: 0; min-height: 640px; }
.rankinglist:after { content: ""; display: table; clear: both; }

.rankinglist-item { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 24%; min-height: 300px; padding: 0; margin: 0; counter-increment: rank; }
.rankinglist-item:before, .rankinglist-item:after { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 80px; height: 80px; margin: 0; font-family: 'Oswald', sans-serif; position: absolute; top: 0; left: 0; line-height: 50px; z-index: 100; }
.rankinglist-item:before { background-image: url("img/icon_bg_gray.png"); background-size: cover; content: 'No.'; font-size: 18px; font-size: 1.125rem; }
.rankinglist-item:after { content: counter(rank); font-size: 40px; font-size: 2.5rem; line-height: 0.99em; padding: 0 0 0 0.6em; }
.rankinglist-item:first-child { margin-right: auto; width: 45%; margin: 0 5% 0 0; height: 600px; }
.rankinglist-item:first-child:before, .rankinglist-item:first-child:after { width: 90px; height: 90px; line-height: 70px; }
.rankinglist-item:first-child:before { font-size: 26px; font-size: 1.625rem; }
.rankinglist-item:first-child:after { font-size: 70px; font-size: 4.375rem; line-height: 0.8em; padding: 0 0 0 0.4em; }
.rankinglist-item:first-child .entry { position: relative; width: 100%; }
.rankinglist-item:first-child .entry .entry-link { overflow: hidden; }
.rankinglist-item:first-child .entry-image img { max-width: none; height: 640px; }
.rankinglist-item:first-child .entry-meta { position: absolute; top: 50%; z-index: 1000; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.rankinglist-item:first-child .entry-meta .entry-category { padding: 0 7px; margin-bottom: 5px; font-size: 14px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.8); }
.rankinglist-item:first-child .entry-meta .entry-title { font-size: 30px; font-size: 1.875rem; }
.rankinglist-item:first-child .entry-meta .entry-title a { background-color: rgba(255, 255, 255, 0.8); padding: 0; line-height: 1.5; display: inline; }
.rankinglist-item:first-child .entry-meta time { font-size: 12px; font-size: 0.75rem; background-color: rgba(255, 255, 255, 0.8); }
.rankinglist-item:first-child .entry-meta .entry-tags { height: auto; }
.rankinglist-item:first-child .entry-meta .entry-tagsitem a { font-size: 14px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.8); }
.rankinglist-item:nth-child(3), .rankinglist-item:nth-child(5) { margin: 0 0 0 2%; }
.rankinglist-item .entry { padding: 0; margin: 0; width: 100%; }
.rankinglist-item .entry-newicon { display: none; }

/* keyword */
.section--keyword .sectiont-contener { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 0; }
.section--keyword .keywordtitle { width: 40%; }
.section--keyword .section-shoulder { margin: 0; }
.section--keyword .section-morebutton { margin-bottom: 30px; }

.wp-tag-cloud { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0 3px 0; padding: 30px 40px 30px 60px; list-style: none; border-left: 1px solid #000; }
.wp-tag-cloud li { margin: 0 5px 16px; }
.wp-tag-cloud li a { display: block; padding: 0.4em 0.8em; background-color: #f2f0f0; color: #111; font-size: 14px; font-size: 0.875rem !important; }
.wp-tag-cloud li a:before { content: "#"; }
.wp-tag-cloud li a:hover { text-decoration: underline; }

/* button */
.button { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 260px; padding: 0 0.5em; font-weight: bold; line-height: 50px; border: 1px solid #000; background-image: url("img/arrow_more.svg"); background-repeat: no-repeat; background-position: right 20px center; }
.button:hover { background-color: #eee93a; color: #000; }

.section-morebutton { text-align: center; }

/*youtube*/
.video-container { position: relative; padding-bottom: 56.25%; height: 0; margin: 1em auto; clear: both; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* archives */
.archiveheader { position: relative; margin-bottom: 50px; padding: 35px 20px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #000; text-align: center; color: #FFF; }
.archiveheader:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; }

.archiveheader-title { position: relative; z-index: 10; margin-top: 0; font-size: 22px; font-size: 1.375rem; }

.archiveheader-description { position: relative; z-index: 10; max-width: 440px; margin: 1em auto 0; font-size: 15px; font-size: 0.9375rem; }
.archiveheader-description p { margin: 0; }

.archive.category-story .archiveheader { background-image: url("https://placem.at/places?w=1080&h=150"); }

.archive.category-study .archiveheader { background-image: url("https://placem.at/places?w=1080&h=150"); }

.archive.category-trend .archiveheader { background-image: url("https://placem.at/places?w=1080&h=150"); }

.archiveheader--taglist { background-image: url("https://placem.at/places?w=1080&h=150"); }

.archiveheader--tag { margin-bottom: 30px; padding: 0; background: none; text-align: left; color: #111; }
.archiveheader--tag:after { display: none; }
.archiveheader--tag .archiveheader-title { padding: 8px 0; border-bottom: 1px solid #000; font-size: 14px; font-size: 0.875rem; font-weight: normal; }
.archiveheader--tag .archiveheader-title .archiveheader-tagname { font-size: 18px; font-size: 1.125rem; font-weight: bold; }
.archiveheader--tag .archiveheader-description { max-width: none; text-align: left; }

.archiveheader--databasic { background-image: url("img/header_bibasic.png"); }

.featureheader { margin-top: 0; }

/*特集ヘッダー*/
.featureheader-image { position: relative; margin: 0 auto; text-align: center; background-color: #000; line-height: 0; overflow: hidden; }
.featureheader-image img { position: relative; z-index: 3; max-width: 100%; width: auto; height: auto; }

.featureheader-textcontener { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; color: #111; max-width: 1280px; margin: 30px auto; padding: 0 10px; }

.featureheader-title { width: 40%; margin: 0 1em 0 0; }

.featureheader-description { width: 60%; margin: 0; }
.featureheader-description > *:first-child { margin-top: 0; }
.featureheader-description > *:last-child { margin-bottom: 0; }

/* footer */
.promotion { background-image: url("img/footer_bg.jpg"); background-size: cover; background-position: center center; position: relative; padding: 50px 0; color: #FFF; }
.promotion:before { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 0; }

.promotion-container { position: relative; z-index: 1; max-width: 840px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; }

.promotion-right > *:first-child { margin-top: 0; }
.promotion-right > *:last-child { margin-bottom: 0; }

.promotion-title { margin: 0.5em auto; font-size: 24px; font-size: 1.5rem; line-height: 1.2; }

.promotion-text { margin: 0.5em auto; font-size: 15px; font-size: 0.9375rem; }

.promotion-link { margin: 2em auto 0; }
.promotion-link a { display: inline-block; background-color: #eee93a; padding: 15px 45px 15px 30px; color: #000; font-size: 16px; font-size: 1rem; font-weight: bold; background-image: url("img/arrow_b.svg"); background-repeat: no-repeat; background-position: right 20px center; }
.promotion-link a:hover { background-color: rgba(238, 233, 58, 0.8); }

.footer { background-color: #000; color: #FFF; }
.footer a { color: #FFF; }

.footer-container { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1280px; margin: 0 auto; font-size: 12px; font-size: 0.75rem; text-align: center; }

.footer-iconlink { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; width: 33.3333%; }
.footer-iconlink .iconlink { display: -webkit-flex; margin: 0 auto; padding: 0; list-style: none; text-align: center; }
.footer-iconlink .iconlink:last-child a { margin-right: 25px; }
.footer-iconlink .iconlink a { padding: 0 20px; }
.footer-iconlink .iconlink a svg { fill: #FFF; }
.footer-iconlink .iconlink-item { border-right: 1px solid #333; }
.footer-iconlink .iconlink-item:last-child { border-right: none; }

.footer-logo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 33.3333%; }
.footer-logo .footer-logoimage { height: 130px; }

.footer-right { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 33.3333%; }

.footer-navlink { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; float: right; }

.footer-presented { margin: 0; }

.footer-nav { padding-right: 30px; }
.footer-nav ul { margin: 0 auto; padding: 0; list-style: none; text-align: left; }
.footer-nav ul li { line-height: 1.5; }
.footer-nav ul li:last-child { border: none; }
.footer-nav ul li a:hover { text-decoration: underline; }

.footer-copy { padding: 20px 0; border-top: 1px solid #333; text-align: center; font-size: 12px; font-size: 0.75rem; }

.footer-copyright { max-width: 1280px; margin: 0 auto; }

/* side */
.widget-area > *:first-child { margin-top: 0; }
.widget-area > *:first-child .widget-title { margin-top: 0; }
.widget-area #logly-lift-widget-content-inner .entry-meta { padding: 0 10px 0 15px; }
.widget-area .entry-tags { height: auto; max-height: 4em; }

.widget { margin-bottom: 50px; }

.widget-title { font-size: 20px; font-size: 1.25rem; letter-spacing: 0.2em; border: 1px solid #000; border-width: 1px 0; padding: 7px 0 5px; }

.widget_views ul { list-style: none; margin: 0; padding: 0; }
.widget_views .rankinglist-item { width: auto; height: auto; min-height: 76px; margin: 0; padding: 15px 0; border-bottom: 1px solid #ccc; float: none; }
.widget_views .rankinglist-item:before, .widget_views .rankinglist-item:after { top: 15px; width: 50px; height: 50px; }
.widget_views .rankinglist-item:before { background-image: url("img/icon_bg_white.png"); background-size: cover; font-size: 14px; font-size: 0.875rem; line-height: 35px; }
.widget_views .rankinglist-item:after { font-size: 22px; font-size: 1.375rem; padding: 0.1em 0 0 0.9em; }
.widget_views .rankinglist-item:first-child:before { width: 50px; height: 50px; line-height: 27px; }
.widget_views .rankinglist-item:first-child:after { width: 50px; height: 50px; line-height: 27px; }
.widget_views .rankinglist-item a { display: table; }
.widget_views .rankinglist-item a:after { content: ""; display: table; clear: both; }
.widget_views .rankinglist-item a:hover { text-decoration: underline; }
.widget_views .rankinglist-item .rankinglist-image { display: table-cell; padding-right: 12px; width: 40%; line-height: 0; }
.widget_views .rankinglist-item .rankinglist-title { display: table-cell; vertical-align: top; font-size: 12px; font-size: 0.75rem; font-weight: bold; }
.widget_views .wp-tag-cloud { border: none; }
.widget_views .widget-textlink { text-align: right; }
.widget_views .widget-textlink a { font-size: 14px; font-size: 0.875rem; font-weight: bold; }
.widget_views .widget-textlink a:after { content: " ＞"; }
.widget_views .widget-textlink a:hover { text-decoration: underline; }

.tagcloud { margin: 1.5em 0; }
.tagcloud a { display: inline-block; background-color: #f2f0f0; margin: 0 0 12px 0; padding: 6px 12px; font-size: 14px !important; font-size: 0.8rem !important; }
.tagcloud a:before { content: "#"; }
.tagcloud a:hover { text-decoration: underline; }

/* single */
.entry-mainimage { position: relative; margin-bottom: 4%; }
.entry-mainimage .entry-newicon { display: none; }

.entry-header .entry-meta { display: block; margin: 0; }
.entry-header .entry-meta a:hover { text-decoration: underline; }
.entry-header .entry-meta .entry-tags { height: auto; }
.entry-header .entry-category { font-size: 11px; font-size: 0.6875rem; clear: right; margin: 0 0 0 7em; }
.entry-header .entry-category a { padding: 0 7px 0 0; }
.entry-header .entry-title { display: inline-block; font-size: 29px; font-size: 1.8125rem; margin: 10px 0; }
.entry-header .entry-tags { font-size: 12px; font-size: 0.75rem; }

.entry-container { position: relative; }

.entry-maincontainer { width: 87%; margin-left: 13%; }
.entry-maincontainer .widget_views #logly-lift-widget-content-inner { width: 102%; margin-left: -1%; }
.entry-maincontainer .widget_views .entry { display: inline-block; width: 23%; vertical-align: top; }
.entry-maincontainer .widget_views .entry a { color: #111; text-decoration: none; -webkit-line-clamp: initial; }
.entry-maincontainer .widget_views .entry a[target="_blank"]:after { display: none !important; }
.entry-maincontainer .widget_views .entry-title { height: 46px; line-height: 1.6em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.entry-maincontainer .widget_views .entry-tags { height: auto; margin: auto 0 0; padding: 0; list-style: none; -webkit-box-sizing: inherit; box-sizing: inherit; }
.entry-maincontainer .widget_views .entry-tags .entry-tagsitem { display: inline-block; margin: 0 6px 6px 0; padding: 4px 10px; background-color: #f2f0f0; font-size: 0.6875rem; text-decoration: none; color: #111; -webkit-box-sizing: inherit; box-sizing: inherit; }
.entry-maincontainer .widget_views .entry-tags .entry-tagsitem:nth-child(n+3) { display: none !important; }
.entry-maincontainer .widget_views .entry-tags .entry-tagsitem::before { content: "#"; }

.entry-social { position: absolute; top: 0; left: 0; z-index: 9999; width: 10%; font-family: 'Oswald', sans-serif; letter-spacing: 0.02em; }

.entry-socialtitle { margin: 0; width: 50px; text-align: center; }

.entry-sociallist { margin: 0; padding: 0; list-style: none; }

.entry-socialitem { margin: 0; padding: 0; width: 50px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }

a.entry-sociallink { display: block; color: #FFF; font-size: 10px; font-size: 0.625rem; text-decoration: none; padding: 30px 0 5px; text-align: center; background-repeat: no-repeat; background-position: center 10px; }

.entry-sociallink--facebook { background-color: #39579a; background-image: url("img/facebook_w.svg"); }

.entry-sociallink--twitter { background-color: #1da8e2; background-image: url("img/twitter_w.svg"); }

.entry-sociallink--hatena { background-color: #008add; background-image: url("img/hatena_w.svg"); }

.entry-sociallink--linkedin { background-color: #0065a1; background-image: url("img/linkedin_w.svg"); }

.entry-sociallink--evernote { background-color: #79bd28; background-image: url("img/evernote_w.svg"); }

.entry-sociallink--pocket { background-color: #ed2c4a; background-image: url("img/pocket_w.svg"); }

.entry-social--sp { display: none; }

.pointlist { padding: 1.5em; margin: 0 0 2em; border-bottom: 1px solid #111; border-top: 1px solid #111; }
.pointlist .pointlist-title { padding: 0; font-size: 14px; font-size: 0.875rem; font-weight: normal; border: none; }
.pointlist ul { list-style: none; margin: 0 0 1em 0.5em; padding: 0; }
.pointlist ul li { position: relative; margin: 0 0 0.5em; padding: 0 0 0 1em; font-size: 17px; font-size: 1.0625rem; font-weight: bold; word-break: break-all; /*仮*/ }
.pointlist ul li:before { content: ""; width: 4px; height: 4px; border-radius: 2px; background-color: #111; position: absolute; top: 0.5em; left: 0; }
.pointlist > *:first-child { margin-top: 0; }
.pointlist > *:last-child { margin-bottom: 0; }

.entry-socialfooter { margin: 2em auto; }

.entry-socialfooterllist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; }

.entry-socialfooteritem { width: 50%; }

.entry-socialfooterlink { display: block; font-size: 16px; font-size: 1rem; font-weight: bold; letter-spacing: 1px; color: #FFF !important; text-decoration: none !important; text-align: center; white-space: nowrap; padding: 10px; background-repeat: no-repeat; background-position: 35px center; }
.entry-socialfooterlink[target="_blank"]:after { display: none !important; }

.entry-socialfooterlink--facebook { background-color: #39579a; }

.entry-socialfooterlink--twitter { background-color: #1da8e2; }

.entry-socialfooterbutton { display: block; margin: 5px auto 0; height: 25px; }

.entry-note { margin: 2em auto; }

.entry-footer { margin: 2em 0; }

.entry-content { font-size: 15px; font-size: 0.9375rem; }
.entry-content > *:first-child { margin-top: 0; }
.entry-content > *:last-child { margin-bottom: 0; }
.entry-content a { color: #0096ff; text-decoration: underline; word-break: break-all; }
.entry-content a[target="_blank"]:after { content: ""; display: inline-block; width: 14px; height: 11px; margin-left: 5px; background-image: url("img/blank_b.svg"); background-repeat: no-repeat; }
.entry-content a[target="_blank"].noicon:after { display: none; }
.entry-content a:hover { text-decoration: none; }
.entry-content h1 { font-size: 29px; font-size: 1.8125rem; }
.entry-content h2 { font-size: 22px; font-size: 1.375rem; padding: 5px 0 5px 1em; border: 1px solid #000; border-width: 0 0 1px 7px; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-top: 1.5em; }
.entry-content ul, .entry-content ol { margin-left: 0; }
.entry-content p { line-height: 2; }
.entry-content table { border: 1px solid #000; }
.entry-content th, .entry-content td { font-weight: normal; text-align: left; padding: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.entry-content th:last-child, .entry-content td:last-child { border-right: none; }
.entry-content tr:last-child th, .entry-content tr:last-child td { border-bottom: none; }
.entry-content th { background-color: #e9f7f6; }
.entry-content .bg-lead { padding: 1em 2em; background-color: #f5f6de; }
.entry-content .bg-point { padding: 1em 2em; background-color: #f2f0f0; }
.entry-content .entry-promotion { clear: both; border: 1px solid #000; padding: 2em; margin: 2em 0; DISPLAY: INLINE-BLOCK; }
.entry-content .entry-promotion p { font-size: 8pt; line-height: 1.8em; }
.entry-content .entry-promotion h1, .entry-content .entry-promotion h2, .entry-content .entry-promotion h3 { font-size: 18px; font-size: 1.125rem; padding: 0; border: none; }
.entry-content .entry-promotion h4, .entry-content .entry-promotion h5, .entry-content .entry-promotion h6 { font-size: 16px; font-size: 1rem; }
.entry-content .entry-promotion > *:first-child { margin-top: 0; }
.entry-content .entry-promotion > *:last-child { margin-bottom: 0; }
.entry-content .entry-promotion:after { content: ""; display: table; table-layout: fixed; }
.entry-content .entry-pagelinks { clear: both; margin: 2em auto; text-align: center; }
.entry-content .entry-pagelinks .entry-pagelinksitem { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000; width: 44px; height: 44px; line-height: 44px; text-align: center; color: #FFF; background-color: #000; }
.entry-content .entry-pagelinks a .entry-pagelinksitem { color: #000; background-color: #FFF; }
.entry-content .entry-pagelinks a:hover .entry-pagelinksitem { color: #FFF; background-color: #000; }
.entry-content .wp-tag-cloud { border: none; padding: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.entry-content .wp-tag-cloud li { margin: 0; }
.entry-content .wp-tag-cloud li a { margin: 0 0.5em 1em 0; font-size: 16px; font-size: 1rem !important; text-decoration: none; }
.entry-content .wp-tag-cloud li a:hover { text-decoration: underline; }

.pagination { clear: both; margin: 2em auto; text-align: center; }
.pagination .page-numbers { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000; width: 44px; height: 44px; line-height: 44px; text-align: center; font-size: 13px; font-size: 0.8125rem; font-weight: bold; color: #000; background-color: #FFF; }
.pagination .page-numbers:hover { color: #FFF; background-color: #000; }
.pagination .current { color: #FFF; background-color: #000; }
.pagination .dots { border-color: #FFF; }

@media only screen and (max-width: 768px) { .pconly { display: none !important; }
  .sponly { display: block !important; }
  body { padding-top: 64px; }
  .header, .header--mini { height: 64px; border-bottom: 1px solid #ccc; }
  .header .header-container, .header--mini .header-container { position: relative; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-x: hidden; }
  .header .header-containerleft, .header--mini .header-containerleft { display: -webkit-flex; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }
  .header .header-containerright, .header--mini .header-containerright { display: none; /*仮*/ position: static; }
  .header .menu-toggle, .header--mini .menu-toggle { display: inline-block; position: absolute; top: 20px; left: 20px; width: 20px; height: 20px; background: #fff; border: none; text-indent: -999px; white-space: nowrap; overflow: hidden; background-image: url("img/menu_open.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
  .header .search-container, .header--mini .search-container { background-color: #f2f0f0; padding: 10px 3%; }
  .header .search-form, .header--mini .search-form { display: block; max-width: 90%; text-align: center; }
  .header .screen-reader-text, .header--mini .screen-reader-text { display: none; }
  .header .search-submit, .header--mini .search-submit { width: 50px; margin-left: -6px; padding: 11px 11px; }
  .header .header-nav, .header--mini .header-nav { display: none; /*仮*/ -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 15px; border-top: 1px solid #ccc; }
  .header .header-nav ul, .header--mini .header-nav ul { padding-top: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: left; }
  .header .header-nav ul li, .header--mini .header-nav ul li { margin: 8px 0; }
  .header .header-nav ul li a, .header--mini .header-nav ul li a { padding: 5px 0; border: none; }
  .header .header-nav ul li a:before, .header--mini .header-nav ul li a:before { content: ""; display: inline-block; width: 15px; height: 15px; background-image: url("img/arrow_b.svg"); background-repeat: no-repeat; background-position: center left; }
  .header .header-nav ul li a:after, .header--mini .header-nav ul li a:after { display: none; }
  .header .header-nav ul li a:hover, .header--mini .header-nav ul li a:hover { color: #111; }
  .header .header-iconlink, .header--mini .header-iconlink { display: -webkit-flex; margin: 15px auto; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .header .iconlink, .header--mini .iconlink { display: -webkit-flex; }
  .header .header-sitename, .header--mini .header-sitename { width: auto; margin: 0 auto; }
  .header .header-logo a, .header--mini .header-logo a { margin: 0 auto; }
  .header .header-logo a img, .header--mini .header-logo a img { margin: 7px auto 0; height: 40px; width: auto; }
  .header .header-logo a img.header-logoimage--normal, .header--mini .header-logo a img.header-logoimage--normal { display: none; }
  .header .header-logo a img.header-logoimage--mini, .header--mini .header-logo a img.header-logoimage--mini { display: inline; }
  .header .header-nav, .header .menu-menu-1-container, .header--mini .header-nav, .header--mini .menu-menu-1-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; }
  .header-search { display: none; }
  .search-field { width: 100%; font-size: 15px; font-size: 0.9375rem; line-height: 20px; }
  .search-submit { line-height: 20px; }
  .header-searchclose { display: none; }
  .header--open { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow: auto; height: 100%; padding-bottom: 15px; }
  .header--open .header-containerright { display: block; min-width: 100%; }
  .header--open .header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; width: 100%; }
  .header--open .header-nav ul { width: 100%; }
  .header--open .menu-toggle { background-image: url("img/menu_close.svg"); }
  .admin-bar .header { top: 0; }
  .breadcrumbs { display: none; margin: 0; }
  .breadcrumbs-list { max-width: auto; margin: 0 auto; padding: 10px 15px; font-size: 10px; font-size: 0.625rem; }
  .no-results { margin-bottom: 30px; }
  .entrylist, .section--taxonomy .entrylist, .entrylist-contener, .rankinglist { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; margin: 0 auto; height: auto; min-height: 0; }
  .entrylist .entry, .entrylist .rankinglist-item, .section--taxonomy .entrylist .entry, .section--taxonomy .entrylist .rankinglist-item, .entrylist-contener .entry, .entrylist-contener .rankinglist-item, .rankinglist .entry, .rankinglist .rankinglist-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; margin: 0 auto 15px; }
  .section--lastest .entrylist .entry { padding-bottom: 15px; }
  .entry-newicon { width: 40px; height: 40px; }
  .entry-newicontext { padding-top: 10%; font-size: 10px; font-size: 0.625rem; }
  .entry-meta { padding: 15px 0; }
  .entry-meta .entry-category { margin-top: 0; }
  .entry-meta .entry-title { font-size: 16px; font-size: 1rem; }
  .entrylist--slider { padding-bottom: 0; }
  .entrylist--slider .entry { height: auto; }
  .entrylist--slider .entry-meta { position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: auto; }
  .entrylist--slider .entry-meta .entry-title { font-size: 18px; font-size: 1.125rem; }
  .entrylist--slider .entry-meta .entry-tagsitem a { background-color: #f2f0f0; }
  .entrylist--slider .slick-dots { margin: 0 auto; bottom: 0; padding: 0; width: 300px; }
  .site-content { padding: 15px; }
  .site-content .widget-area { float: none; width: 100%; }
  .site-content .widget-area .widget_views { display: none; }
  .site-content .widget-area .widget_views.side-related { display: block; }
  .sectiont-contener { padding: 40px 0; max-width: 100%; }
  .section-title { font-size: 18px; font-size: 1.125rem; letter-spacing: 1px; margin: 0; }
  .section-shoulder { font-size: 12px; font-size: 0.75rem; letter-spacing: 2px; margin: 0 0 15px; }
  .home .section { padding: 0 15px; }
  .home .site-content { padding: 15px 0; }
  .section--keyword .sectiont-contener { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section--keyword .keywordtitle { width: auto; }
  .section--keyword .wp-tag-cloud { margin: 25px auto 0; padding: 25px 25px 0; border-top: 1px solid #000; border-left: none; }
  .section--keyword .wp-tag-cloud li a { font-size: 16px; font-size: 1rem !important; }
  .entrylist--sp2column .entry, .section--ranking .entry { display: table; border-bottom: 1px solid #ccc; }
  .entrylist--sp2column .entry:after, .section--ranking .entry:after { content: ""; display: table; clear: both; }
  .entrylist--sp2column .entry:last-child, .section--ranking .entry:last-child { border-bottom: none; }
  .entrylist--sp2column .entry-link, .section--ranking .entry-link { display: table-cell; padding-right: 12px; width: 40%; padding-bottom: 15px; }
  .entrylist--sp2column .entry-meta, .section--ranking .entry-meta { display: table-cell !important; vertical-align: top !important; padding: 0 !important; }
  .entrylist--sp2column .entry-meta .entry-category, .entrylist--sp2column .entry-meta .entry-title, .section--ranking .entry-meta .entry-category, .section--ranking .entry-meta .entry-title { background: none !important; font-size: 12px; font-size: 0.75rem !important; font-weight: bold; }
  .entrylist--sp2column .entry-meta .entry-category a, .entrylist--sp2column .entry-meta .entry-title a, .section--ranking .entry-meta .entry-category a, .section--ranking .entry-meta .entry-title a { background: none !important; }
  .entrylist-contener--leftlarge .entry-image img, .entrylist-contener--rightlarge .entry-image img { width: 100%; height: auto; }
  #logly-lift-widget-content-inner { display: -webkit-flex; -webkit-flex-direction: column; -webkit-justify-content: space-between; -webkit-flex-wrap: wrap; }
  #logly-lift-widget-content-inner .entry { display: -webkit-flex; }
  #logly-lift-widget-content-inner .entry-meta { -webkit-flex-direction: column; }
  .section--ranking .rankinglist-item { width: auto; height: auto; min-height: 76px; margin: 0; padding: 15px 0; border-bottom: 1px solid #ccc; float: none; }
  .section--ranking .rankinglist-item:before, .section--ranking .rankinglist-item:after { top: 15px; width: 50px; height: 50px; }
  .section--ranking .rankinglist-item:before { background-image: url("img/icon_bg_gray.png"); background-size: cover; font-size: 18px; font-size: 1.125rem; line-height: 35px; }
  .section--ranking .rankinglist-item:after { font-size: 24px; font-size: 1.5rem; padding: 0 0 0 0.8em; line-height: 30px; }
  .section--ranking .rankinglist-item:first-child:before { width: 50px; height: 50px; line-height: 35px; }
  .section--ranking .rankinglist-item:first-child:before { width: 50px; height: 50px; line-height: 30px; }
  .section--ranking .rankinglist-item:first-child .entry-image img { max-width: 100%; height: auto; }
  .section--ranking .rankinglist-item:first-child .entry-meta { position: static; -webkit-transform: none; -ms-transform: none; transform: none; }
  .section--ranking .rankinglist-item:last-child { border-bottom: none; }
  .section--ranking .entry { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
  .section--ranking .entry .entry-link { padding-bottom: 0; }
  /* single */
  .entry-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .entry-maincontainer { width: auto; margin: 0; }
  .entry-social { position: fixed !important; top: auto !important; left: 0 !important; bottom: 0 !important; display: block; width: 100%; }
  .entry-social .entry-socialtitle { display: none; }
  .entry-social .entry-sociallist { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .entry-social .entry-socialitem { width: 20%; }
  .entry-socialfooterllist { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
  .entry-socialfooteritem { width: 100%; }
  .entry-socialfooteritem .entry-socialfooterlink { padding: 10px; font-size: 14px; font-size: 0.875rem; background-position: 15px center; }
  .entry-header .entry-meta { padding: 15px 0; }
  .entry-header .entry-title { font-size: 18px; font-size: 1.125rem; }
  .pointlist .pointlist-title { font-size: 12px; font-size: 0.75rem; }
  .pointlist ul li { font-size: 15px; font-size: 0.9375rem; }
  .entry-content h1 { font-size: 18px; font-size: 1.125rem; }
  .entry-content h2 { font-size: 18px; font-size: 1.125rem; padding: 5px 0 5px 1em; border: 1px solid #000; border-width: 0 0 1px 7px; }
  .entry-content p { line-height: 1.6; }
  .entry-content .alignright, .entry-content .alignleft, .entry-content .alignnone { display: block; clear: both; float: none; margin-left: auto; margin-right: auto; }
  .entry-content th, .entry-content td { padding: 5px; font-size: 12px; font-size: 0.75rem; white-space: normal !important; }
  .entry-content .entry-promotion h1, .entry-content .entry-promotion h2, .entry-content .entry-promotion h3 { font-size: 15px; font-size: 0.9375rem; }
  .entry-content .entry-promotion h4, .entry-content .entry-promotion h5, .entry-content .entry-promotion h6 { font-size: 15px; font-size: 0.9375rem; }
  .entry-content .wp-tag-cloud { border: none; padding: 0; }
  .entry-content .wp-tag-cloud li a { font-size: 14px; font-size: 0.875rem !important; }
  .entry-content .content-area--onecolumn { display: block; }
  /* archives */
  .archiveheader { margin: 0 -15px 10px; padding: 30px 20px; }
  .archiveheader-title { font-size: 20px; font-size: 1.25rem; }
  .archiveheader-description { text-align: left; font-size: 14px; font-size: 0.875rem; }
  .archiveheader--tag { margin-bottom: 10px; text-align: center; }
  .archiveheader--tag:after { display: none; }
  .archiveheader--tag .archiveheader-title .archiveheader-tagname { display: block; margin: 0 auto 5px; }
  .featureheader-textcontener { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 15px auto; }
  .featureheader-title { width: 100%; margin: 0; }
  .featureheader-description { width: 100%; margin: 0; }
  /* footer */
  .promotion { padding: 30px; }
  .promotion-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .promotion-title { font-size: 16px; font-size: 1rem; }
  .promotion-text { font-size: 14px; font-size: 0.875rem; }
  .footer-container { -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 25px 15px; }
  .footer-iconlink { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; width: auto; margin: 0 auto 20px; }
  .footer-logo { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; width: 100%; margin: 0 auto 20px; }
  .footer-logo .footer-logoimage { height: 100px; }
  .footer-right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; }
  .footer-navlink { display: -webkit-flex; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
  .footer-copy { width: auto; }
  .single-post { padding-bottom: 50px; } }



/*# sourceMappingURL=style.css.map */