@charset "UTF-8";
a.link { color: inherit; }

a.link:hover { text-decoration: underline; }

.green-button, .black-button { display: inline-block; min-width: 250px; padding: 10px 20px; color: #FFFFFF; font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 16px; line-height: 1.2; text-align: center; border: none; }

.green-button { background-color: #50BE00; }

.green-button:hover { background-color: #327800; }

.black-button { background-color: #111111; }

.black-button:hover { background-color: #808080; }

.form-item { margin-bottom: 20px; }

.form-item input[type="text"], .form-item input[type="email"], .form-item input[type="tel"], .form-item textarea { width: 100%; }

.form-item input[type="text"]:focus, .form-item input[type="email"]:focus, .form-item input[type="tel"]:focus, .form-item textarea:focus { background-color: #f5f5f5; }

.form-item textarea { border-color: #ccc; height: 200px; }

.form-item span.wpcf7-list-item { margin-left: 0; margin-right: 1em; margin-bottom: 0.5em; }

.form-item .form-item-title { font-weight: bold; }

.form-submit { text-align: center; }

.form-submit input[type="submit"] { display: inline-block; min-width: 250px; padding: 10px 20px; color: #FFFFFF; font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 16px; line-height: 1.2; text-align: center; background-color: #111111; border: none; }

.form-submit input[type="submit"]:hover { background-color: #808080; }

.contact-another { margin-top: 40px; text-align: center; }

.contact-another p { display: inline-block; text-align: left; }

.social-link li { display: inline-block; vertical-align: top; }

.social-link li a { display: block; width: 30px; height: 30px; }

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

.social-link li a.facebook:hover:after { background-color: #3c5a99; }

.social-link li a.twitter:hover:after { background-color: #55acee; }

.social-link li a.instagram:hover:after { background-image: -webkit-linear-gradient(30deg, #ffdf86 0%, #dd2f6f 50%, #615bcc 100%); background-image: -moz-linear-gradient(30deg, #ffdf86 0%, #dd2f6f 50%, #615bcc 100%); background-image: linear-gradient(30deg, #ffdf86 0%, #dd2f6f 50%, #615bcc 100%); }

.social-link li a.googleplus:hover:after { background-color: #dd4f43; }

.social-link li a.pinterest:hover:after { background-color: #bd081c; }

.social-link li a.pocket:hover:after { background-color: #ec435a; }

.social-link li a.facebook:after { content: "\f09a"; }

.social-link li a.twitter:after { content: "\f099"; }

.social-link li a.instagram:after { content: "\f16d"; }

.social-link li a.googleplus:after { content: "\f0d5"; }

.social-link li a.pinterest:after { content: "\f231"; }

.social-link li a.pocket:after { content: "\f265"; }

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

.social-share li { display: inline-block; height: 26px; }

.social-share li a { display: block; width: 26px; height: 26px; }

.social-share li a:after { font-family: "icon-set"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #c9c9c9; font-size: 20px; text-align: center; margin: 0px; }

.social-share li a.facebook:hover:after { color: #3c5a99; }

.social-share li a.twitter:hover:after { color: #55acee; }

.social-share li a.instagram:hover:after { color: #b019b2; }

.social-share li a.googleplus:hover:after { color: #dd4f43; }

.social-share li a.pinterest:hover:after { color: #bd081c; }

.social-share li a.pocket:hover:after { color: #ec435a; }

.social-share li a.facebook:after { content: "\f09a"; }

.social-share li a.twitter:after { content: "\f099"; }

.social-share li a.instagram:after { content: "\f16d"; }

.social-share li a.googleplus:after { content: "\f0d5"; }

.social-share li a.pinterest:after { content: "\f231"; }

.social-share li a.pocket:after { content: "\f265"; }

.social-share li span { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }

.rect-banner { max-width: 970px; margin: 0px auto; }

.rect-banner img { width: 100%; height: auto; }

@media screen and (max-width: 480px) { .rect-banner { max-width: 320px; } }

.pr-post { color: #FFFFFF !important; font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 12px !important; line-height: 1.0 !important; vertical-align: top; padding: 1px 8px; background-color: #c9c9c9; }

@media screen and (max-width: 480px) { .pr-post { font-size: 12px !important; } }

.article-list .post-item .post-item-category { text-align: center; }

.article-list .post-item .post-item-category a { display: inline-block; color: #666666; font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; letter-spacing: 0.125em; }

.article-list .post-item .post-item-thumb { margin-top: 5px; overflow: hidden; }

.article-list .post-item .post-item-thumb.bordered { border: 6px solid #327800; }

.article-list .post-item .post-item-thumb a { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -moz-transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -ms-transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -o-transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }

.article-list .post-item .post-item-thumb a:hover { transform: scale(1.125, 1.125); }

.article-list .post-item .post-item-meta { margin-top: 10px; display: flex; flex-wrap: wrap; }

.article-list .post-item .post-item-meta .category, .article-list .post-item .post-item-meta .update { display: block; color: #666666; font-size: 12px; line-height: 1.6; }

.article-list .post-item .post-item-meta .category a, .article-list .post-item .post-item-meta .update a { display: inline-block; color: #666666; }

.article-list .post-item .post-item-meta .category a:hover, .article-list .post-item .post-item-meta .update a:hover { opacity: 0.5; }

.article-list .post-item .post-item-meta .category { letter-spacing: 0.075em; }

.article-list .post-item .post-item-meta .update { margin-left: auto; }

.article-list .post-item .post-item-meta .pr-post { display: inline-block; vertical-align: middle; margin-left: 1em; margin-top: -0.15em; }

.article-list .post-item .post-item-title { margin-top: 6px; }

.article-list .post-item .post-item-title .title { line-height: 1.5; }

.article-list .post-item .post-item-title .title a { display: inline-block; color: #333333; }

.article-list .post-item .post-item-title .title a:hover { opacity: 0.5; }

.article-list .post-item .post-item-title .title.reading-cat-title { line-height: 1.35; }

.article-list .post-item .post-item-title .reading-cat-title { line-height: 1.35; padding: 4px 4px 2px; background-color: #f1f1e7; margin-top: 0.5em; }

.article-list .post-item .post-item-excerpt { margin-top: 10px; max-height: 75px; }

.article-list .post-item .post-item-excerpt p { font-size: 14px; line-height: 1.5; margin: 0; }

.article-list .post-item .post-item-excerpt a { display: inline-block; color: #535353; display: -webkit-box; display: box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.article-list .post-item .post-item-excerpt a:hover { opacity: 0.5; }

.article-list .fields { margin-left: -2%; }

.article-list .region { margin-left: 2%; width: 31.3333333%; }

.article-list .region.size1of4 { width: 23%; }

.article-list .fields.article-posts .region:nth-child(1), .article-list .fields.article-posts .region:nth-child(2) { width: 48%; }

.article-list .fields.article-posts .region:nth-child(1) .post-item .post-item-thumb, .article-list .fields.article-posts .region:nth-child(2) .post-item .post-item-thumb { height: 360px; }

.article-list .fields.article-posts .region .post-item .post-item-thumb { height: 260px; }

.article-list .fields.normal-posts .region .post-item .post-item-thumb { height: 200px; }

.article-list .fields.series-posts .region .post-item .post-item-thumb { height: 340px; }

.article-list.section-related-content .fields.normal-posts .region .post-item .post-item-thumb { height: 160px; }

.interview-post .article-list.section-related-content .fields.normal-posts .region .post-item .post-item-thumb { height: 200px; }

.normal-posts .post-item .post-item-thumb { height: 170px; }

.normal-posts .post-item .post-item-meta { margin-top: 10px; text-align: left; }

.normal-posts .post-item .post-item-meta:after { content: ''; display: block; clear: both; }

.normal-posts .post-item .post-item-title { margin-top: 5px; }

.normal-posts .post-item .post-item-title .title { font-size: 15px; line-height: 1.5; }

.normal-posts .post-item .post-item-title .title a { display: inline-block; color: #333333; display: -webkit-box; display: box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.normal-posts .post-item .post-item-title .title a:hover { opacity: 0.5; }

.section-related-content .normal-posts .post-item, .section-column-related .normal-posts .post-item { margin-bottom: 30px; }

.section-related-content .normal-posts .post-item .post-item-title .title, .section-column-related .normal-posts .post-item .post-item-title .title { font-size: 14px; line-height: 1.65; }

.load-more-post { margin-top: 30px; text-align: center; }

.article-city-list { max-width: 740px; margin-left: auto; margin-right: auto; }

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

.article-city-list li a { display: inline-block; color: #333333; padding: 5px 0px; }

.article-city-list li a:hover { text-decoration: underline; }

@media screen and (max-width: 1220px) { .article-list .fields.article-posts .region:nth-child(1) .post-item .post-item-thumb, .article-list .fields.article-posts .region:nth-child(2) .post-item .post-item-thumb { height: 300px; }
  .article-list .fields.article-posts .region .post-item .post-item-thumb { height: 220px; }
  .article-list .fields.normal-posts .region .post-item .post-item-thumb { height: 160px; }
  .article-list .fields.series-posts .region .post-item .post-item-thumb { height: 300px; } }

@media screen and (max-width: 980px) { .article-list .post-item .post-item-thumb.bordered { border-width: 4px; }
  .article-list .fields.article-posts .region:nth-child(1) .post-item .post-item-thumb, .article-list .fields.article-posts .region:nth-child(2) .post-item .post-item-thumb { height: 260px; }
  .article-list .fields.article-posts .region .post-item .post-item-thumb { height: 180px; }
  .article-list .fields.normal-posts .region .post-item .post-item-thumb { height: 120px; }
  .article-list .fields.series-posts .region .post-item .post-item-thumb { height: 260px; }
  .interview-post .article-list.section-related-content .fields.normal-posts .region .post-item .post-item-thumb { height: 160px; } }

@media screen and (max-width: 768px) { .article-list .post-item .post-item-excerpt { margin-top: 10px; max-height: 75px; }
  .article-list .post-item .post-item-excerpt p { font-size: 14px; line-height: 1.75; }
  .normal-posts .post-item .post-item-thumb { height: 140px; }
  .normal-posts .post-item .post-item-meta { margin-top: 5px; }
  .normal-posts .post-item .post-item-meta .category { font-size: 11px; }
  .normal-posts .post-item .post-item-meta .update { margin-top: 0; font-size: 11px; }
  .normal-posts .post-item .post-item-title { margin-top: 5px; }
  .normal-posts .post-item .post-item-title .title { font-size: 14px; }
  .article-list .fields.article-posts .region:nth-child(1) .post-item .post-item-thumb, .article-list .fields.article-posts .region:nth-child(2) .post-item .post-item-thumb { height: 240px; }
  .article-list .fields.article-posts .region .post-item .post-item-thumb { height: 160px; }
  .article-list .fields.normal-posts .region .post-item .post-item-thumb { height: 100px; }
  .article-list .fields.series-posts .region .post-item .post-item-thumb { height: 240px; } }

@media screen and (max-width: 480px) { .section-column-related .normal-posts .post-item .post-item-meta .category, .section-column-related .normal-posts .post-item .post-item-meta .update { font-size: 11px; }
  .section-column-related .normal-posts .post-item .post-item-meta .pr-post { margin-left: 0.5em; }
  .section-column-related .normal-posts .post-item .post-item-title .title { font-size: 14px; }
  .normal-posts .region .post-item { margin-bottom: 30px; }
  .normal-posts .region:last-child .post-item { margin-bottom: 0px; }
  .normal-posts .post-item .post-item-thumb { height: 240px; }
  .article-list .post-item .post-item-thumb.bordered { border-width: 6px; }
  .article-list .fields { margin-left: 0px; }
  .article-list .region { margin-left: 0px; width: 100%; }
  .article-list .region.size1of4 { width: 100%; }
  .article-list .fields.article-posts .region .post-item .post-item-thumb { height: 280px; }
  .article-list .fields.article-posts .region .post-item .post-item-meta .category, .article-list .fields.article-posts .region .post-item .post-item-meta .update { font-size: 11px; }
  .article-list .fields.article-posts .region:nth-child(1), .article-list .fields.article-posts .region:nth-child(2) { margin-left: 0px; width: 100%; }
  .article-list .fields.article-posts .region:nth-child(1) .post-item .post-item-thumb, .article-list .fields.article-posts .region:nth-child(2) .post-item .post-item-thumb { height: 280px; }
  .article-list .fields.article-posts .region:nth-child(1) .post-item .post-item-meta .category, .article-list .fields.article-posts .region:nth-child(1) .post-item .post-item-meta .update, .article-list .fields.article-posts .region:nth-child(2) .post-item .post-item-meta .category, .article-list .fields.article-posts .region:nth-child(2) .post-item .post-item-meta .update { font-size: 11px; }
  .article-list .fields.normal-posts .region .post-item .post-item-thumb { height: 220px; }
  .article-list .fields.series-posts .region .post-item .post-item-thumb { height: 280px; }
  .article-list.section-related-content .fields.normal-posts .region .post-item .post-item-thumb { height: 140px; }
  .interview-post .article-list.section-related-content .fields.normal-posts .region .post-item .post-item-thumb { height: 140px; }
  .load-more-post { margin-top: 0px; } }

@media screen and (max-width: 320px) { .normal-posts .post-item .post-item-thumb { height: 200px; }
  .article-list .fields.article-posts .region .post-item .post-item-thumb { height: 240px; }
  .article-list .fields.article-posts .region:nth-child(1) .post-item .post-item-thumb, .article-list .fields.article-posts .region:nth-child(2) .post-item .post-item-thumb { height: 240px; }
  .article-list .fields.normal-posts .region .post-item .post-item-thumb { height: 200px; }
  .article-list .fields.series-posts .region .post-item .post-item-thumb { height: 240px; } }

.paging-navigation { display: none; }

.side-block-item { margin-bottom: 40px; }

.side-rect-banner .g { margin-top: 0px; }

.side-rect-banner .g + .g { margin-top: 10px; }

.side-rect-banner .g img { width: 100%; max-width: 300px; height: auto; }

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

.side-article-list h3:after { content: ""; width: 80px; position: absolute; bottom: 0; left: 0; border-bottom: 1px solid #111111; }

.side-article-list ul { margin-top: 25px; }

.side-article-list ul li { margin-bottom: 25px; position: relative; }

.side-article-list ul li:last-child { margin-bottom: 0; }

.side-article-list ul li .list-thumbnail { position: absolute; top: 0; left: 0; width: 100px; height: 80px; overflow: hidden; }

.side-article-list ul li .list-thumbnail .thumbnail-image { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -moz-transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -ms-transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -o-transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }

.side-article-list ul li .list-thumbnail a:hover .thumbnail-image { transform: scale(1.125, 1.125); }

.side-article-list ul li .list-thumbnail img { width: 100%; height: auto; }

.side-article-list ul li .list-content { padding-left: 110px; min-height: 80px; }

.side-article-list ul li .list-content-meta:after { content: ''; display: block; clear: both; }

.side-article-list ul li .list-content-meta span { display: block; color: #666666; letter-spacing: 0em; line-height: 1.4; }

.side-article-list ul li .list-content-meta .category { float: left; 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; }

.side-article-list ul li .list-content-meta .category a { display: inline-block; color: #666666; }

.side-article-list ul li .list-content-meta .pr-post { display: block; margin-top: 3px; float: right; margin-right: 0.5em; font-size: 11px !important; padding: 1px 6px; }

.side-article-list ul li .list-content-meta .update { float: right; padding-top: 3px; font-size: 10px; }

.side-article-list ul li .list-content-title { margin-top: 4px; }

.side-article-list ul li .list-content-title .title { font-size: 13px; font-weight: normal; line-height: 1.55; }

.side-article-list ul li .list-content-title .title a { display: inline-block; color: #333333; display: -webkit-box; display: box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.side-article-list ul li .list-content-title .title a:hover { opacity: 0.5; }

.side-article-list .keyword-title h2 { color: #717171; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 700; }

.side-article-list .keyword-title h2 > span { font-weight: 400; }

.side-article-switch-list { margin-bottom: 30px; }

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

.side-article-switch-list h3:after { content: ""; width: 80px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border-bottom: 1px solid #327800; }

.side-article-switch-list h3 a { color: inherit; }

.side-article-switch-list h3 a:hover { opacity: 0.5; }

.side-article-switch-list .keyword-title { margin: 20px 0px; text-align: center; }

.side-article-switch-list .keyword-title h2 { color: #717171; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 700; }

.side-article-switch-list .keyword-title h2 > span { font-weight: 400; }

@media screen and (max-width: 980px) { .side-block-item { padding-right: 10px; }
  .side-article-list ul li .list-thumbnail { width: 80px; height: 64px; }
  .side-article-list ul li .list-content { padding-left: 90px; } }

@media screen and (max-width: 768px) { .side-block-item { padding-right: 10px; padding-left: 10px; max-width: 420px; margin-left: auto; margin-right: auto; }
  .side-article-list ul li { min-height: 80px; }
  .side-article-list ul li .list-thumbnail { width: 100px; height: 80px; }
  .side-article-list ul li .list-content { padding-left: 110px; } }

@media screen and (max-width: 480px) { .side-block-item { padding-right: 20px; padding-left: 20px; }
  .side-banner-group { text-align: center; }
  .side-article-list ul li:nth-child(n+5) { display: none; }
  .side-article-switch-list h3 { font-size: 19px; letter-spacing: 0.085em; text-align: left; margin-bottom: 20px; }
  .side-article-switch-list h3:after { width: 70px; left: auto; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); left: 0; }
  .side-article-switch-list .keyword-title { margin: 12px 0px; }
  .side-article-switch-list .keyword-title h2 { font-size: 16px; text-align: left; }
  .side-article-switch-list .region { width: calc(100% - 10px) !important; }
  .side-article-switch-list .region .post-item { position: relative; min-height: 80px; margin-bottom: 25px; }
  .side-article-switch-list .region .post-item .post-item-thumb { position: absolute; top: 0; left: 0; width: 100px; height: 80px !important; overflow: hidden; }
  .side-article-switch-list .region .post-item .post-item-thumb a { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -moz-transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -ms-transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -o-transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
  .side-article-switch-list .region .post-item .post-item-thumb a:hover { transform: scale(1.125, 1.125); }
  .side-article-switch-list .region .post-item .post-item-thumb img { width: 100%; height: auto; }
  .side-article-switch-list .region .post-item .post-item-meta { padding-left: 110px; }
  .side-article-switch-list .region .post-item .post-item-meta:after { content: ''; display: block; clear: both; }
  .side-article-switch-list .region .post-item .post-item-meta span { display: block; color: #666666; letter-spacing: 0em; line-height: 1.4; }
  .side-article-switch-list .region .post-item .post-item-meta .category { float: left; font-family: Karla, 'Helvetica Neue', Helvetica, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; font-weight: normal; font-size: 12px; }
  .side-article-switch-list .region .post-item .post-item-meta .category a { display: inline-block; color: #666666; }
  .side-article-switch-list .region .post-item .post-item-meta .pr-post { display: block; margin-top: 3px; float: right; margin-right: 0.5em; font-size: 11px !important; padding: 1px 6px; }
  .side-article-switch-list .region .post-item .post-item-meta .update { float: right; padding-top: 3px; font-size: 10px; }
  .side-article-switch-list .region .post-item .post-item-title { padding-left: 110px; margin-top: 4px; }
  .side-article-switch-list .region .post-item .post-item-title .title { font-size: 13px; font-weight: normal; line-height: 1.55; }
  .side-article-switch-list .region .post-item .post-item-title .title a { display: inline-block; color: #333333; display: -webkit-box; display: box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .side-article-switch-list .region .post-item .post-item-title .title a:hover { opacity: 0.5; } }

@media screen and (max-width: 320px) { .side-article-list ul li { min-height: 64px; }
  .side-article-list ul li .list-thumbnail { width: 80px; height: 64px; }
  .side-article-list ul li .list-content { padding-left: 90px; } }

.fields:after { content: ''; display: block; clear: both; }

.fields.flex { -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; }

.region { position: relative; float: left; }

.region.right { float: right; }

.region.size1of1 { width: 100%; }

.region.size1of2 { width: 50%; }

.region.size1of3 { width: 33.333333%; }

.region.size2of3 { width: 66.666666%; }

.region.size1of4 { width: 25%; }

.region.size3of4 { width: 75%; }

.flex .region { float: none; }

.col20 { margin-left: -20px; }

.col20 .region { margin-left: 20px; }

.col20 .region.size1of2 { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); }

.col20 .region.size1of3 { width: -webkit-calc(33.333333% - 20px); width: calc(33.333333% - 20px); }

.col20 .region.size2of3 { width: -webkit-calc(66.666666% - 20px); width: calc(66.666666% - 20px); }

.col20 .region.size1of4 { width: -webkit-calc(25% - 20px); width: calc(25% - 20px); }

.col20 .region.size3of4 { width: -webkit-calc(75% - 20px); width: calc(75% - 20px); }

.col30 { margin-left: -30px; }

.col30 .region { margin-left: 30px; }

.col30 .region.size1of2 { width: -webkit-calc(50% - 30px); width: calc(50% - 30px); }

.col30 .region.size1of3 { width: -webkit-calc(33.333333% - 30px); width: calc(33.333333% - 30px); }

.col30 .region.size2of3 { width: -webkit-calc(66.666666% - 30px); width: calc(66.666666% - 30px); }

.col30 .region.size1of4 { width: -webkit-calc(25% - 30px); width: calc(25% - 30px); }

.col30 .region.size3of4 { width: -webkit-calc(75% - 30px); width: calc(75% - 30px); }

.col40 { margin-left: -40px; }

.col40 .region { margin-left: 40px; }

.col40 .region.size1of2 { width: -webkit-calc(50% - 40px); width: calc(50% - 40px); }

.col40 .region.size1of3 { width: -webkit-calc(33.333333% - 40px); width: calc(33.333333% - 40px); }

.col40 .region.size2of3 { width: -webkit-calc(66.666666% - 40px); width: calc(66.666666% - 40px); }

.col40 .region.size1of4 { width: -webkit-calc(25% - 40px); width: calc(25% - 40px); }

.col40 .region.size3of4 { width: -webkit-calc(75% - 40px); width: calc(75% - 40px); }

.col50 { margin-left: -50px; }

.col50 .region { margin-left: 50px; }

.col50 .region.size1of2 { width: -webkit-calc(50% - 50px); width: calc(50% - 50px); }

.col50 .region.size1of3 { width: -webkit-calc(33.333333% - 50px); width: calc(33.333333% - 50px); }

.col50 .region.size2of3 { width: -webkit-calc(66.666666% - 50px); width: calc(66.666666% - 50px); }

.col50 .region.size1of4 { width: -webkit-calc(25% - 50px); width: calc(25% - 50px); }

.col50 .region.size3of4 { width: -webkit-calc(75% - 50px); width: calc(75% - 50px); }

.col60 { margin-left: -60px; }

.col60 .region { margin-left: 60px; }

.col60 .region.size1of2 { width: -webkit-calc(50% - 60px); width: calc(50% - 60px); }

.col60 .region.size1of3 { width: -webkit-calc(33.333333% - 60px); width: calc(33.333333% - 60px); }

.col60 .region.size2of3 { width: -webkit-calc(66.666666% - 60px); width: calc(66.666666% - 60px); }

.col60 .region.size1of4 { width: -webkit-calc(25% - 60px); width: calc(25% - 60px); }

.col60 .region.size3of4 { width: -webkit-calc(75% - 60px); width: calc(75% - 60px); }

.mb20 .region { margin-bottom: 20px; }

.mb30 .region { margin-bottom: 30px; }

.mb40 .region { margin-bottom: 40px; }

.mb50 .region { margin-bottom: 50px; }

.mb60 .region { margin-bottom: 60px; }

@media screen and (max-width: 980px) { .col40, .col50 { margin-left: -20px; }
  .col40 .region, .col50 .region { margin-left: 20px; }
  .col40 .region.size1of2, .col50 .region.size1of2 { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); }
  .col40 .region.size1of3, .col50 .region.size1of3 { width: -webkit-calc(33.333333% - 20px); width: calc(33.333333% - 20px); }
  .col40 .region.size2of3, .col50 .region.size2of3 { width: -webkit-calc(66.666666% - 20px); width: calc(66.666666% - 20px); }
  .col40 .region.size1of4, .col50 .region.size1of4 { width: -webkit-calc(25% - 20px); width: calc(25% - 20px); }
  .col40 .region.size3of4, .col50 .region.size3of4 { width: -webkit-calc(75% - 20px); width: calc(75% - 20px); }
  .col60 { margin-left: -30px; }
  .col60 .region { margin-left: 30px; }
  .col60 .region.size1of2 { width: -webkit-calc(50% - 30px); width: calc(50% - 30px); }
  .col60 .region.size1of3 { width: -webkit-calc(33.333333% - 30px); width: calc(33.333333% - 30px); }
  .col60 .region.size2of3 { width: -webkit-calc(66.666666% - 30px); width: calc(66.666666% - 30px); }
  .col60 .region.size1of4 { width: -webkit-calc(25% - 30px); width: calc(25% - 30px); }
  .col60 .region.size3of4 { width: -webkit-calc(75% - 30px); width: calc(75% - 30px); } }

@media screen and (max-width: 768px) { .col60 { margin-left: -20px; }
  .col60 .region { margin-left: 20px; }
  .col60 .region.size1of2 { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); }
  .col60 .region.size1of3 { width: -webkit-calc(33.333333% - 20px); width: calc(33.333333% - 20px); }
  .col60 .region.size2of3 { width: -webkit-calc(66.666666% - 20px); width: calc(66.666666% - 20px); }
  .col60 .region.size1of4 { width: -webkit-calc(25% - 20px); width: calc(25% - 20px); }
  .col60 .region.size3of4 { width: -webkit-calc(75% - 20px); width: calc(75% - 20px); }
  .mb40 .region, .mb50 .region, .mb60 .region { margin-bottom: 40px; } }

@media screen and (max-width: 480px) { .fields.flex { display: block; }
  .region { float: none; }
  .region.right { float: none; }
  .region.size1of2, .region.size1of3, .region.size2of3, .region.size1of4, .region.size3of4 { width: 100%; }
  .region.sp-space { margin-bottom: 15px; }
  .col20, .col30, .col40, .col50, .col60 { margin-left: 0px; }
  .col20 .region, .col30 .region, .col40 .region, .col50 .region, .col60 .region { margin-left: 0px; }
  .col20 .region.size1of2, .col20 .region.size1of3, .col20 .region.size2of3, .col20 .region.size1of4, .col20 .region.size3of4, .col30 .region.size1of2, .col30 .region.size1of3, .col30 .region.size2of3, .col30 .region.size1of4, .col30 .region.size3of4, .col40 .region.size1of2, .col40 .region.size1of3, .col40 .region.size2of3, .col40 .region.size1of4, .col40 .region.size3of4, .col50 .region.size1of2, .col50 .region.size1of3, .col50 .region.size2of3, .col50 .region.size1of4, .col50 .region.size3of4, .col60 .region.size1of2, .col60 .region.size1of3, .col60 .region.size2of3, .col60 .region.size1of4, .col60 .region.size3of4 { width: 100%; }
  .fields.stay-float .region { float: left; width: 50%; }
  .fields.stay-float.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: -10px; }
  .fields.stay-float.flex .region { float: none; }
  .fields.stay-float.flex .region { margin-left: 10px; }
  .fields.stay-float.flex .region.size1of2, .fields.stay-float.flex .region.size1of3, .fields.stay-float.flex .region.size2of3, .fields.stay-float.flex .region.size1of4, .fields.stay-float.flex .region.size3of4 { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }
  .fields.stay-float.col20, .fields.stay-float.col30, .fields.stay-float.col40, .fields.stay-float.col50, .fields.stay-float.col60 { margin-left: -10px; }
  .fields.stay-float.col20 .region, .fields.stay-float.col30 .region, .fields.stay-float.col40 .region, .fields.stay-float.col50 .region, .fields.stay-float.col60 .region { margin-left: 10px; }
  .fields.stay-float.col20 .region.size1of2, .fields.stay-float.col20 .region.size1of3, .fields.stay-float.col20 .region.size2of3, .fields.stay-float.col20 .region.size1of4, .fields.stay-float.col20 .region.size3of4, .fields.stay-float.col30 .region.size1of2, .fields.stay-float.col30 .region.size1of3, .fields.stay-float.col30 .region.size2of3, .fields.stay-float.col30 .region.size1of4, .fields.stay-float.col30 .region.size3of4, .fields.stay-float.col40 .region.size1of2, .fields.stay-float.col40 .region.size1of3, .fields.stay-float.col40 .region.size2of3, .fields.stay-float.col40 .region.size1of4, .fields.stay-float.col40 .region.size3of4, .fields.stay-float.col50 .region.size1of2, .fields.stay-float.col50 .region.size1of3, .fields.stay-float.col50 .region.size2of3, .fields.stay-float.col50 .region.size1of4, .fields.stay-float.col50 .region.size3of4, .fields.stay-float.col60 .region.size1of2, .fields.stay-float.col60 .region.size1of3, .fields.stay-float.col60 .region.size2of3, .fields.stay-float.col60 .region.size1of4, .fields.stay-float.col60 .region.size3of4 { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); } }

.pc { display: block !important; }

.pci { display: inline !important; }

.lpc { display: block !important; }

.lpci { display: inline !important; }

.tb { display: none !important; }

.tbi { display: none !important; }

.sp { display: none !important; }

.spi { display: none !important; }

.xsp { display: none !important; }

.xspi { display: none !important; }

@media screen and (max-width: 768px) { .lpc { display: none !important; }
  .lpci { display: none !important; }
  .tb { display: block !important; }
  .tbi { display: inline !important; } }

@media screen and (max-width: 480px) { .pc { display: none !important; }
  .pci { display: none !important; }
  .sp { display: block !important; }
  .spi { display: inline !important; } }

@media screen and (max-width: 320px) { .xsp { display: block !important; }
  .xspi { display: inline !important; } }