@font-face {
font-family: "TsukuARdGothicStd-B";
src: url(//lovefamily.staging-env.dev/cms-862054/wp-content/themes/sumai/fonts/TsukuARdGothicStd-B.woff) format('woff');
}
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap&subset=japanese");
html, body, div, span, object, iframe, article, aside, canvas, details, pre, figcaption, figure,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, textarea, select, button, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
color: #333;
font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
font-size: .975rem;
font-style: normal;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.5px;
vertical-align: baseline;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
list-style: none;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
}
@media all and (-ms-high-contrast:none) {
html, body, div, span, object, iframe, article, aside, canvas, details, pre, figcaption, figure,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, textarea, select, button, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-size: .95rem;}
}
html {overflow: auto; overflow-y: scroll;}
body {position: relative; background: #fff; min-height: 100%; overflow-x: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
p {margin: 0; padding: 0;}
b {font-weight: 700;}
address {text-decoration: none; font-style: normal;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; color: #333; transition: .3s ease;}
a:hover {opacity: 0.7; cursor: pointer;}
a:focus, *:focus {outline: none;}
img {display: block; max-width: 100%; height: auto; transition: .3s ease; backface-visibility: hidden; -ms-interpolation-mode: bicubic;}
a:hover img {cursor: pointer; opacity: 1; zoom: 1;}
a:hover i {opacity: 1;}
svg {display: block; max-width:100%; height: auto;}
ins {background: transparent; color: #333; text-decoration: none;}
mark {background: transparent; color: #000; font-style: italic; font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ddd; margin: 1em 0; padding: 0;}
::selection {background: #bbe2f1;}
input {vertical-align: middle; position: relative; background: transparent;}
select {appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: #fff;}
button {background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none;}
input[type="submit"],input[type="reset"],input[type="button"],button {cursor: pointer; -webkit-appearance: button; -ms-appearance: none; *overflow: visible;}
input[type="submit"] {border: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
select::-ms-expand {display: none;}
select:focus {outline: none;}
select: {outline: none;} input::-ms-clear {visibility: hidden;}
input:focus {outline: none;} input::-ms-reveal {visibility: hidden;}
.display-name {color: #fff;} img[src$=".svg"], img[src$=".svgz"] {width: 100%;}main {display: block;} .cf::after {content: ""; display: block; clear: both;}
.tsuku {font-family: "TsukuARdGothicStd-B","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;} .g-h {position: relative; margin: 0 auto 40px;}
.g-h:before {display: block; content: ""; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); width: 265px; height: 5px; background-image: repeating-linear-gradient(90deg, #6DD9BF, #6DD9BF 53px, #50A18E 0, #50A18E 106px, #F2D680 0, #F2D680 159px, #F2916D 0, #F2916D 212px, #F26E50 0, #F26E50 265px); z-index: 500;}
.g-h span {display: block; color: #666; font-weight: 700; text-align: center;}
.g-h span.big {font-size: 1.75rem; padding: 24px 0 6px;}
.g-h span.small {font-size: 1.05rem; text-transform: uppercase; letter-spacing: 1px;} .g-h.search {padding-bottom: 67px;}
.g-h.search:before {top: 100%; left: 0; transform: translate(0,0); width: 100%;}
.g-h.search span {font-size: 1.5rem; text-align: left;}
.search-not-found {width: 100%; font-size: 1.25rem; font-weight: 700; text-align: center;} .g-h.page {margin: 0 auto 50px;}
.g-h.page span.small {font-size: .9rem; text-transform: uppercase;} .heading {display: block; position: relative; width: 100%; margin-bottom: 25px;}
.heading img {width: 100%; height: auto;} .area-narrow {flex-wrap: wrap; margin: 25px 0;}
.area-narrow li {margin-bottom: 10px; padding: 0 14px; border-right: 1px solid #b3b3b3;}
.area-narrow li:first-child {border-left: 1px solid #b3b3b3;}
.area-narrow li a {color: #666; font-size: .9rem; font-weight: 700;} .more {float: right; display: inline-block; position: relative; text-align: center; padding: 5px 12px; border: 1px solid #666; border-radius: 18px;}
.more i {margin-left: 6px;}
.more:hover {color: #fff; background: #666; opacity: 1;}
.more:hover i {color: inherit;} #breadcrumbs {padding: 8px 0; border-bottom: 1px solid #b3b3b3; white-space: nowrap;}
#breadcrumbs ul {display: flex; align-items: center; width: 980px; margin: 0 auto;}
#breadcrumbs ul li {display: inline-block; font-size: .85rem; margin-right: .75rem;}
#breadcrumbs ul li a {display: inline-block;}
#breadcrumbs ul li i {font-size: 1em;} #pagination {margin: 30px 0 60px;}
#pagination ul {display: flex; justify-content: center; align-items: center; }
#pagination span,#pagination a {display: inline-flex; justify-content: center; align-items: center; width: 18px; height: 18px; font-size: 1.2em; line-height: 1; margin: 0 4px; padding: 12px; border: 1px solid #333; border-radius: 50%; opacity: 1;}
#pagination a {color: #333; background: #fff;}
#pagination .current,
#pagination a:hover {color: #fff; background: #333;}
#overlay {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0, .5); visibility: hidden; opacity: 0; z-index: 1000; transition: .5s ease;}
.open #overlay {visibility: visible; opacity: 1; z-index: 1000;} #sidebar {display: flex; flex-direction: column;}
#sidebar > div {position: relative!important; padding: 50px 25px;}
#sidebar article {display: block; margin-bottom: 40px;}
#sidebar article:last-child {margin-bottom: 0;}
#sidebar h2 {color: #666; font-size: 1.25rem; font-weight: 700; margin-bottom: 10px;}
#sidebar a.link-btn {display: block; color: #4d4d4d; font-size: 1.3em; font-weight: 700; letter-spacing: 0; text-align: center; background: #ff3; padding: 7px 0 5px; border: 1px solid #808080; border-radius: 5px;}
#sidebar a.link-btn i {color: inherit; font-size: inherit; margin-right: 5px;} #sidebar .book {background: #ff3; padding: 20px; border-radius: 10px;}
#sidebar .book h3 {width: 266px; margin: 0 auto 15px;}
#sidebar .book .inner {align-items: center; background: #fff; padding: 10px;}
#sidebar .book .inner > img {width: 110px; min-width: 110px; height: auto;}
#sidebar .book .inner .txt {width: calc(100% - 120px); text-align: center; margin-left: 10px;}
#sidebar .book .inner .txt h4 {font-weight: 700; margin: 0 0 8px; text-align: center; white-space: nowrap;}
#sidebar .book .inner .txt a.read {display: block; color: #fff; font-size: .9rem; font-weight: 700; text-align: center; white-space: nowrap; background: #000; padding: 5px 7px;}
#sidebar .book .inner .txt a.backnumber {display: inline-block; white-space: nowrap; margin-top: 10px;}
#sidebar .book .inner .txt a.backnumber i {margin-right: 3px;} #sidebar .area-choose-list {flex-wrap: wrap;}
#sidebar .area-choose-list li {display: block; margin: 0 8px 15px 0;}
#sidebar .area-choose-list li a {display: block; color: #666; font-size: .9rem; font-weight: 700; border: 1px solid #666; line-height: 1; letter-spacing: 0px; padding: 6px 10px 5px; border-radius: 4px;} #sidebar .mail-magazine p {margin-bottom: 15px;} #sidebar .recommend-list ul {flex-wrap: wrap;}
#sidebar .recommend-list ul li {width: 46%; margin: 0 4% 20px 0;}
#sidebar .recommend-list ul li:nth-child(2n) {margin-right: 0;}
#sidebar .recommend-list ul li .entry {justify-content: flex-start; align-items: flex-start;}
#sidebar .recommend-list ul li .entry .img {display: block; position: relative; width: 100%; max-height: 140px; min-height: 140px; margin-bottom: 8px; overflow: hidden; z-index: 1;}
#sidebar .recommend-list ul li .entry .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50%;'; z-index: 2;}
#sidebar .recommend-list ul li .entry .img:hover > img {transform: scale(1.1);}
#sidebar .recommend-list ul li .entry .txt h3 {font-size: .9rem; font-weight: 700; margin: 8px 0 4px;}
#sidebar .recommend-list ul li .entry .txt a.cat,
#sidebar .recommend-list ul li .entry .txt a.area {font-size: .8rem; margin-right: 8px;}
#sidebar .recommend-list ul li .entry .txt a.cat {margin-bottom: 4px;}
@media all and (-ms-high-contrast:none) {
#sidebar .recommend-list ul li .entry .img:hover {opacity: .7;}
#sidebar .recommend-list ul li .entry .img:hover > img {transform: scale(1);}
} #sidebar .category-list div a {display: block; padding: 12px 16px; border-top: 1px solid #ccc;}
#sidebar .category-list div a:last-child {border-bottom: 1px solid #ccc;}
#sidebar .category-list div a i {margin-right: 7px; transition: .3s ease;}
#sidebar .category-list div a:hover i {margin: 0 7px;} #sidebar .lanking-list {margin-bottom: 40px;}
#sidebar .lanking-list li {padding: 10px 3px; border-bottom: 1px solid #ccc;}
#sidebar .lanking-list li:last-child {border-bottom: none;}
#sidebar .lanking-list li .entry {justify-content: flex-start; align-items: flex-start;}
#sidebar .lanking-list li .entry .img {display: block; position: relative; max-width: 100px; min-width: 100px; max-height: 100px; min-height: 100px; margin-right: 12px; overflow: hidden; z-index: 1;}
#sidebar .lanking-list li .entry .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50%;'; z-index: 2;}
#sidebar .lanking-list li .entry .img .count {display: flex; justify-content: center; align-items: center; font-size: .8rem; position: absolute; top: 0; left: 0; width: 21px; height: 21px; color: #fff; background: #000; z-index: 3;}
#sidebar .lanking-list li .entry .img:hover > img {transform: scale(1.1);}
#sidebar .lanking-list li .entry .txt {width: calc(100% - 112px);}
#sidebar .lanking-list li .entry .txt h3 {font-size: .95rem; font-weight: 700; margin-bottom: 4px;}
#sidebar .lanking-list li .entry .txt a.cat,
#sidebar .lanking-list li .entry .txt a.area {font-size: .8rem; margin-right: 8px;}
#sidebar .lanking-list li .entry .txt a.cat {margin-bottom: 4px;}
@media all and (-ms-high-contrast:none) {
#sidebar .lanking-list ul li .entry .img:hover {opacity: .7;}
#sidebar .lanking-list ul li .entry .img:hover > img {transform: scale(1);}
} #sidebar .bottom-sec-widget > div {margin-bottom: 10px;}
#sidebar .bottom-sec-widget > div a:hover img {opacity: .7;} #sidebar .adsbygoogle {margin: 20px 0;} .post-sec {margin: 0 0 120px;}
.post-list {flex-wrap: wrap;}
.post-list .entry {width: calc((100% - 25px) / 2); margin-bottom: 40px;}
.post-list .entry:nth-child(odd) {margin-right: 25px;}
.post-list .entry .img {display: block; position: relative; width: 100%; height: 200px; margin-bottom: 12px; box-shadow: 0 0 0 2px #ccc; border-radius: 10px; overflow: hidden; z-index: 1;}
.post-list .entry .img > img {width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50%;'; opacity: 1; transition: .5s ease;}
.post-list .entry .img .filter {display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); opacity: 0; border-radius: 10px; transition: opacity .5s ease; z-index: 2;}
.post-list .entry .img .filter img {transform: scale(0);}
.post-list .entry .img .filter span {color: #fff; font-weight: 700; margin-top: 5px;}
.post-list .entry .img .entry-new {display: block; position: absolute; left: -29px; top: 10px; color: #fff; font-size: .8rem; font-weight: 700; line-height: 1; text-align: center; width: 100px; padding: 4px 0 3px; background: #f54; transform: rotate(-45deg); z-index: 1;}
.post-list .entry .img:hover {opacity: 1;}
.post-list .entry .img:hover > img {transform: scale(1.1);}
.post-list .entry .img:hover .filter {opacity: 1;}
.post-list .entry .img:hover .filter img {transform: scale(1);}
@media all and (-ms-high-contrast:none) {.post-list .entry .img:hover > img {transform: scale(1);}}
.post-list .entry span.period {display: inline-block; color: #666; font-size: .9rem; margin: 3px 0 2px;}
.post-list .entry span.period i {margin-right: 5px;}
.post-list .entry p.content {font-size: .85rem; margin: 2px 0;}
.post-list .entry p.catch {font-size: .9rem; margin: 2px 0;}
.post-list .entry .state {align-items: center; flex-wrap: wrap; margin: 12px 0 0;}
.post-list .entry h3 {font-size: 1.1rem; font-weight: 700; margin: 4px 0;} .post-list .entry.flyer .img:hover > img {transform: scale(1);}
.post-list .entry.flyer .flyer-link {justify-content: space-between; margin: 12px 0 10px;}
.post-list .entry.flyer .flyer-link a {display: block; width: 48.5%; text-align: center; background: #666; padding: 5px 0;}
.post-list .entry.flyer .flyer-link a span {color: #fff; font-size: .8rem; font-weight: 700;}
.post-list .entry.flyer .flyer-link a i {color: #fff; font-size: .85rem; margin-right: 4px;}
.post-list .entry.flyer .flyer-link a.pdf {background: #ff7755;}
.post-list .entry.flyer .flyer-link a.link {background: #6ec9f1;} a.cat,
a.area {display: inline-block; font-size: .85rem; line-height: 1; margin: 0 10px 4px 0;}
a.cat {background: #00afcc; color: #fff; padding: 5px 9px;}
a.area {border: 1px solid #666; padding: 4px 8px;} a.cat.model-house {background: #28d1a8;} a.cat.newly {background: #f26e50;} a.cat.event {background: #2ca9e1;} a.cat.seminar {background: #f39800;} a.cat.feature {background: #68b6e3;} a.cat.column {background: #ff7bac;} a.cat.topics {background: #3cb37a;} a.cat.newly-house {background: #ea5532;} a.cat.newly-mansion {background: #38b48b;} a.cat.secondhand-house {background: #ee7800;} a.cat.secondhand-mansion {background: #79c06e;} a.cat.other {background: #fac559;} a.cat.wagaya {background: #8f6552;}  #front .top-slider {margin: 0 auto; border-bottom: 1px solid #b3b3b3; overflow: hidden;}
#front .top-slider #top-slider {position: relative; margin: 0 auto; z-index: 1;}
#front .top-slider #top-slider .slide-arrow {position: absolute; top: 50%; transform: translate(0,-50%); transition: .4s ease; opacity: 0; z-index: 2;}
#front .top-slider #top-slider .slide-arrow.prev-arrow {left: -40px;}
#front .top-slider #top-slider .slide-arrow.next-arrow {right: -40px;}
#front .top-slider #top-slider .slide-arrow i {opacity: .5;}
#front .top-slider #top-slider:hover .slide-arrow {opacity: 1; cursor: pointer;}
#front .top-slider #top-slider:hover .slide-arrow.prev-arrow {transform: translate(50px,-50%);}
#front .top-slider #top-slider:hover .slide-arrow.next-arrow {transform: translate(-50px,-50%);}
#front .top-slider #top-slider .slick-list {overflow: visible;}
#front .top-slider #top-slider .slick-track {display: flex; justify-content: space-between; width: 100%;}
#front .top-slider #top-slider li {overflow: hidden;}
#front .top-slider #top-slider li a {display: block; width: 100%; height: 100%;}
#front .top-slider #top-slider li img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50%;';}
#front .front-btw-widget {margin: 120px 0;}
#front .front-btw-widget > div {margin-bottom: 10px;}  #single-info {width: 100%;}
#single-info h1.single {font-size: 1.85rem; font-weight: 700; line-height: 1.5; margin: 35px 5px 25px;}
#single-info .state {margin: 0 5px 20px;}
#single-info .eyecatch {width: 100%; height: auto; margin: 0 auto 50px;}
#single-info .eyecatch img {width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50% 50%;';}
#sns-share {margin: 30px 0;}
#sns-share a {position: relative; width: 25%; padding: 4px 0; text-align: center;}
#sns-share a.twitter {background: #1da1f2;}
#sns-share a.facebook {background: #3c5a99;}
#sns-share a.hatena {background: #008fde;}
#sns-share a.pocket {background: #ef4056;}
#sns-share a:hover {opacity: 1; transform: translateY(-10px);}
#sns-share a span {color: #fff; font-size: .9rem;}
#sns-share a i {margin-right: 5px; color: #fff;}
#sns-share a i.fa-hatena:before {font-family: Verdana; font-weight: bold; content: 'B!';}
#toc {position: relative; margin: 0; padding: 0 50px 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#toc .contents {position: relative; top: -0.4375em; display: inline-block; font-family: metropolis, sans-serif; font-size: 1.75em; font-weight: 700; line-height: 1; background: #fff; padding: 0 8px;}
#toc .contents:first-letter {color: #0075c2;}
#toc ol {list-style-type: decimal;}
#toc > ol {margin: 20px 0!important;}
#toc ol li {margin: 0!important;}
#toc ol ol {list-style: disc; margin: 0 0 0 1.5em!important;}
#toc > ol > ol {margin-bottom: 16px!important;}
#toc ol li a:after {display: none;}
#single {width: 100%; margin-bottom: 60px;}
#single * {font-size: 1rem;} #single h2,#single h3,#single h4,#single h5,#single h6 {position: relative; font-weight: 700; line-height: 1.5; margin: 30px 0;}
#single h2 {font-size: 1.45rem; color: #fff; margin: 30px 0 40px; padding: 10px 15px 10px 25px; background: #fbb03b;}
#single h2.red {background: #ef857d;}
#single h2.blue {background: #68a4d9;}
#single h2.green {background: #79c06e;}
#single h2:before {content: ""; display: block; position: absolute; bottom: -16px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0px 30px 16px 0; border-color: transparent #666666 transparent transparent;}
#single h3 {font-size: 1.35rem; background: #ffe0c1; box-shadow: 0 0 0 5px #ffe0c1; border: dashed 2px #fff; padding: 5px 12px;}
#single h3.red {background: #ffc9cf; box-shadow: 0 0 0 5px #ffc9cf;}
#single h3.blue {background: #bbe2f1; box-shadow: 0 0 0 5px #bbe2f1;}
#single h3.green {background: #dbebc4; box-shadow: 0 0 0 5px #dbebc4;}
#single h4 {font-size: 1.25rem; padding: 9px 12px 8px 16px; background: #ffe0c1; border-radius: 5px;}
#single h4:before {content: ""; display: block; position: absolute; bottom: -12px; left: 25px; width: 0; height: 0; border-style: solid; border-width: 12px 15px 0 15px; border-color: #ffe0c1 transparent transparent transparent;}
#single h4.red {background: #ffc9cf;}
#single h4.blue {background: #bbe2f1;}
#single h4.green {background: #dbebc4;}
#single h4.red:before {border-color: #ffc9cf transparent transparent transparent;}
#single h4.blue:before {border-color: #bbe2f1 transparent transparent transparent;}
#single h4.green:before {border-color: #dbebc4 transparent transparent transparent;}
#single h5 {font-size: 1.15rem; padding-left: 10px; border-left: 5px solid #fbb03b;}
#single h5.red {border-color: #ef857d;}
#single h5.blue {border-color: #68a4d9;}
#single h5.green {border-color: #79c06e;} #single ul, #single ol {margin: 30px 0;}
#single ul li, #single ol li {margin-left: 1.5em; line-height: 2.5;}
#single ul li:before {color: #fbb03b;}
#single ul {list-style-type: disc;}
#single ul li {list-style-type: inherit;}
#single ol {list-style-type: decimal;}
#single ol li {list-style-type: inherit;}
#single ul ul, #single ol ol, #single ul ol, #single ol ul {margin: 0 0 0 1.75em;} #single table {border-collapse: collapse; line-height: 1.5; margin: 30px 0; border-top: 1px solid #b3b3b3;}
#single table thead th, #single table thead td,
#single table tfoot th, #single table tfoot td {font-weight: 700;}
#single table th, #single table td {padding: 10px 20px; border-bottom: 1px solid #b3b3b3;}
#single table th {background: #f0f0f0; text-align: center!important; } #single img {margin: 20px 0;}
#single a:hover img {opacity: .7;}
#single .wp-caption {max-width: 100%; margin: 30px 0;}
#single .wp-caption img {margin: 0; width: 100%;}
#single .wp-caption .wp-caption-text {font-size: .9rem; margin: 0; padding: 4px 12px; background: #f3f3f3; border: 1px solid #ddd; border-top: none;} #single a {color: #0095d9;}
#single a[href$=".pdf"],
#single a[href$=".doc"],
#single a[href$=".docx"],
#single a[href$=".xls"],
#single a[href$=".xlsx"],
#single a[href$=".zip"] {background: #0095d9; color: #fff!important; font-size: 1rem; padding: 8px 24px; border-radius: 20px;}
#single a[href$=".pdf"]:after,
#single a[href$=".doc"]:after,
#single a[href$=".docx"]:after,
#single a[href$=".xls"]:after,
#single a[href$=".xlsx"]:after,
#single a[href$=".zip"]:after {font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 8px; color: #fff;}
#single a[href$=".pdf"]:after {content: "\f1c1";}
#single a[href$=".doc"]:after,
#single a[href$=".docx"]:after {content: "\f1c2";}
#single a[href$=".xls"]:after,
#single a[href$=".xlsx"]:after {content: "\f1c3";}
#single a[href$=".zip"]:after {content: "\f1c6";} #single .gallery {margin: 30px -20px 30px 0;}
#single .gallery img {border: none!important; box-sizing: border-box; margin: 0;}
#single .gallery .gallery-item {width: auto!important; box-sizing: border-box; margin: 0; padding: 20px 20px 0 0;}
#single .gallery.gallery-columns-2 .gallery-item {max-width: calc(100% / 2);}
#single .gallery.gallery-columns-3 .gallery-item {max-width: calc(100% / 3);}
#single .gallery.gallery-columns-4 .gallery-item {max-width: calc(100% / 4);}
#single .gallery.gallery-columns-5 .gallery-item {max-width: calc(100% / 5);}
#single .gallery.gallery-columns-6 .gallery-item {max-width: calc(100% / 6);}
#single .gallery.gallery-columns-7 .gallery-item {max-width: calc(100% / 7);}
#single .gallery.gallery-columns-8 .gallery-item {max-width: calc(100% / 8);}
#single .gallery.gallery-columns-9 .gallery-item {max-width: calc(100% / 9);}
#single .gallery .gallery-item .gallery-caption {font-size: .9rem; margin-top: 5px;} #single p {word-break: break-all; line-height: 2; margin: 30px 0;}
#single em {font-style: italic;}
#single strong {font-weight: 700;}
#single blockquote {position: relative; font-style: italic; margin: 30px 0; padding: 0 60px; border: 2px solid #b3b3b3;}
#single blockquote:before {position: absolute; left: 20px; top: 25px; font-family: "Font Awesome 5 Free";  content: "\f10d"; font-weight: 900; font-size: 1.5rem; color: #b3b3b3;}
#single sup, #single sub {font-size: .5em;}
#single sup {vertical-align: top;}
#single sub {vertical-align: bottom;}
#single pre {margin: 30px 0;}
#single hr {border-top: 4px double #b3b3b3; margin: 30px 0;}
#single .aligncenter {display: block; margin: 0 auto; text-align: center;}
#single .alignright {float: right;}
#single .alignleft {float: left;} #single mark {display: inline-block; font-style: normal; line-height: 1;}
#single mark.yellow {background: linear-gradient(transparent 60%, #ffff7f 60%);}
#single mark.lightgreen {background: linear-gradient(transparent 60%, #c9ff93 60%);}
#single mark.pink {background: linear-gradient(transparent 60%, #ffa3ff 60%);}
#single a.link-btn {display: inline-block; color: #fff!important; font-weight: 700; background: #999; padding: 12px 24px; border-radius: 5px; box-shadow: 0 2px 3px 0px rgba(0,0,0,.2);}
#single a.link-btn.orange {background: #fbb03b;}
#single a.link-btn.red {background: #ef857d;}
#single a.link-btn.blue {background: #68a4d9;}
#single a.link-btn.green {background: #79c06e;}
#single .box {position: relative; margin: 30px 0; padding: 25px;}
#single .box p {margin: 0;}
#single .box.inner {border: 1px solid #e0e0e0; border-radius: 10px;}
#single .box.info,
#single .box.point,
#single .box.alert {padding: 78px 25px 25px; line-height: 1.75;}
#single .box.info {background: #edf6ff;}
#single .box.point {background: #fff9e5;}
#single .box.alert {background: #ffebeb;}
#single .box.info:before,
#single .box.point:before,
#single .box.alert:before {position: absolute; top: 25px; left: 25px; display: inline-flex; justify-content: center; align-items: center; width: 38px; height: 38px; border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff;}
#single .box.info:before {content: "\f304"; background: #6bb6ff;}
#single .box.point:before {content: "\f0a4"; background: #ffb36b;}
#single .box.alert:before {content: "\f12a"; background: #ff8376;}
#single .box.info:after,
#single .box.point:after,
#single .box.alert:after {position: absolute; top: 30px; left: 73px; display: block; font-size: 1.3rem; font-weight: 700;}
#single .box.info:after {content: "INFORMATION"; color: #6bb6ff;}
#single .box.point:after {content: "POINT"; color: #ffb36b;}
#single .box.alert:after {content: "注意"; color: #ff8376;}
#single .column-wrap {display: flex; align-items: flex-start; margin: 30px 0;}
#single .column-wrap .column-item:not(:last-child) {margin-right: 20px;}
#single .column-wrap.column-2 .column-item {width: calc(100% / 2);}
#single .column-wrap.column-2-1-2 .column-item.item-1 {width: calc((100% / 3) * 1);}
#single .column-wrap.column-2-1-2 .column-item.item-2 {width: calc((100% / 3) * 2);}
#single .column-wrap.column-2-2-1 .column-item.item-1 {width: calc((100% / 3) * 2);}
#single .column-wrap.column-2-2-1 .column-item.item-2 {width: calc((100% / 3) * 1);}
#single .column-wrap.column-2-1-3 .column-item.item-1 {width: calc((100% / 4) * 1);}
#single .column-wrap.column-2-1-3 .column-item.item-2 {width: calc((100% / 4) * 3);}
#single .column-wrap.column-2-3-1 .column-item.item-1 {width: calc((100% / 4) * 3);}
#single .column-wrap.column-2-3-1 .column-item.item-2 {width: calc((100% / 4) * 1);}
#single .column-wrap.column-3 .column-item {width: calc(100% / 3);}
#single .column-wrap.column-4 .column-item {width: calc(100% / 4);} #single .wp-show-posts-columns {margin: 30px 0;} #recommend {margin-top: 40px;}
#recommend h2 {color: #666; font-weight: 700; border-bottom: 1px solid #b3b3b3;}
#recommend .reco-list > li .img {display: block; width: 100%; overflow: hidden; margin-bottom: 8px;}
#recommend .reco-list > li .img img {width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50%;';}
#recommend .reco-list > li .img:hover > img {transform: scale(1.075);}
#recommend .reco-list > li .txt .cat {font-size: .8rem; font-weight: 500;}
@media all and (-ms-high-contrast:none) {
#recommend .reco-list > li .img:hover > img {transform: scale(1);}
} #postlink {margin-top: 60px;}
#postlink a {max-width: 320px; position: relative; opacity: 1;}
#postlink a .arrow {position: absolute; top: -19px; color: #fff; font-size: .9rem; font-weight: 700; vertical-align: middle; background: #f26e50; padding: 4px 16px 2px; border-radius: 5px; z-index: 2;}
#postlink a .arrow i {color: #fff;}
#postlink a .flex {position: relative; flex-wrap: nowrap; padding: 14px 12px 10px; border: 1px solid #d0d0d0; border-radius: 5px; z-index: 1; transition: .5s ease;}
#postlink a:hover .flex {opacity: .7;}
#postlink a h3 {font-size: .9rem; font-weight: 700;}
#postlink a .eyecatch {min-width: 80px; max-width: 80px; height: 80px; margin: 0; overflow: hidden;}
#postlink a .eyecatch img {width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50%;';}
#postlink a:hover .eyecatch img {transform: scale(1.1);}
#postlink a.next {float: left;}
#postlink a.prev {float: right;}
#postlink a.prev .flex {justify-content: flex-end;}
#postlink a.next .arrow {left: -8px;}
#postlink a.prev .arrow {right: -8px;}
#postlink a.next .arrow i {margin-right: 7px;}
#postlink a.prev .arrow i {margin-left: 7px;}
#postlink a.next h3 {margin-left: 10px;}
#postlink a.prev h3 {margin-right: 10px;} #padSection h4 {padding: 4px!important; border-bottom: 1px solid #fbb03b!important; border-radius: 0px;}
#padSection h4:before {display: none;}
#padSection #avatar {margin-bottom: 12px;}
#padSection #avatar img {margin: 0;}
#padSection .sns_icons li {margin: 0 15px 0 0!important;}
#padSection .sns_icons li a {margin: 0!important;}
#padSection .sns_icons li a i {font-size: 1.5rem;}
#padSection h5 {padding: 4px!important;}
#padSection .authorLink a {color: #333!important; font-size: .95rem;}
#padSection .authorLink a i {font-size: inherit;}
#padSection .entryList .thumbnailBox .postImage a img {margin: 0;}
#padSection .entryList .thumbnailBox .postImage .padCate {color: #fff!important; background: #333!important; padding: 4px 6px;}
#padSection .entryList .thumbnailBox .padDate {margin: 3px 0;}
#padSection .entryList .thumbnailBox .padTitle {color: #333!important;} #page-backnumber {}
#page-backnumber li {align-items: center; background: #f1f1f1; margin-bottom: 42px; padding: 28px 48px;}
#page-backnumber li:first-child {display: none;}
#page-backnumber li:last-child {margin-bottom: 0;}
#page-backnumber li .left {width: 200px; margin-right: 40px;}
#page-backnumber li .left img {width: 100%; height: auto;}
#page-backnumber li .right {width: calc(100% - 240px);}
#page-backnumber li .right dl dt {display: inline-block; color: #fff; font-size: 1.025rem; background: #333; margin-bottom: 7px; padding: 2px 14px;}
#page-backnumber li .right dl dd {font-size: 1.1rem; letter-spacing: 0; margin-bottom: 14px;}
#page-backnumber li .right .link {justify-content: center; align-items: center; font-size: 1.25rem; font-weight: 700; margin-top: 28px; padding: 12px 28px; border: 2px solid #898989; border-radius: 36px; background: no-repeat #ff0;}
#page-backnumber li .right .link img {width: 38px; margin-right: 20px;} #page-mailform .form {margin: 0 auto; text-align: center;}
#page-mailform .form ul {margin-bottom: 30px; text-align: left;}
#page-mailform .form ul:last-of-type {margin-bottom: 0;}
#page-mailform .form li:first-child {display: flex; align-items: center; font-size: 1em; font-weight: 700; margin-bottom: 12px;}
#page-mailform .form li:last-child {width: calc(100% - 20px);}
#page-mailform .form input[type="text"],#page-mailform .form input[type="email"],#page-mailform .form input[type="tel"],#page-mailform .form input[type="number"],
#page-mailform .form textarea {width: 100%; border: 1px solid #b3b3b3; border-radius: 5px; padding: 8px; resize: vertical;}
#page-mailform .form textarea {height: 160px;}
#page-mailform .form textarea.cons {height: 120px;}
#page-mailform .form .wpcf7-checkbox,
#page-mailform .form .wpcf7-radio {display: flex; flex-wrap: wrap; margin: 17px -30px 5px 30px;}
#page-mailform .form .wpcf7-checkbox .wpcf7-list-item-label,
#page-mailform .form .wpcf7-radio .wpcf7-list-item-label {display: block; margin: 0 30px 12px 0; cursor: pointer;}
#page-mailform .form input[type="radio"],#page-mailform .form input[type="checkbox"] {display: none;}
#page-mailform .form span.wpcf7-list-item-label {display: inline-block; position: relative;}
#page-mailform .form span.wpcf7-list-item-label:before {content: ''; display: block; position: absolute; left: -34px; top: -3px; width: 21px; height: 21px; border: 2px solid #b3b3b3;}
#page-mailform .form span.wpcf7-list-item-label:after {width: 12px; height: 6px; border: 3px solid #F26E50; content: ''; position: absolute; transform: rotate(-45deg); left: -29px; top: 3px; border-top: none; border-right: none; transition: all .3s ease; opacity: 0;}
#page-mailform .form input[type="checkbox"]:checked + span.wpcf7-list-item-label:after,
#page-mailform .form input[type="radio"]:checked + span.wpcf7-list-item-label:after {opacity: 1;}
#page-mailform .form input[type="submit"] {display: block; color: #fff; font-size: 1.15em; font-weight: 700; letter-spacing: 1.5px; background: #F26E50; border: 1px solid #F26E50; border-radius: 32px; margin: 40px auto; padding: 16px 64px; transition: all 0.3s ease-in-out;}
#page-mailform .form input[type="submit"]:hover {color: #F26E50; background: #fff;}
#page-mailform .form label.file {display: inline-block; color: #F26E50; font-size: 1.1em; margin: 5px 0; padding: 8px 40px; background: #fff; border: 1px solid #F26E50; border-radius: 5px; transition: .3s cubic-bezier(.09,1.17,.51,.98);}
#page-mailform .form label.file:hover {color: #fff; background: #F26E50; cursor: pointer;}
#page-mailform .form label.file input[type="file"] {display: none;}
#page-mailform .form input#file-name {display: inline-block!important; width: auto; margin-left: 12px; padding: 0; border: none; background: transparent!important; cursor: default;}
#page-mailform .form .cheak {position: relative; display: inline-block; margin: 40px auto 0; cursor: pointer;}
#page-mailform .form .cheak span.wpcf7-list-item-label {font-weight: 700;}
#page-mailform .form .cheak span.wpcf7-list-item-label:before {top: -3px;}
#page-mailform .form .cheak span.wpcf7-list-item-label:after {top: 3px;}
#page-mailform .form a.policy {display: inline-block; color: #0075c2; margin: 10px 0;}
#page-mailform .form h3 {font-size: 1.3rem; font-weight: 700; margin-bottom: 20px;}
#page-mailform .form hr {margin: 40px 0;}
#page-mailform .form span.red {display: inline-block; color: #f00; margin: 0 4px;}
#page-mailform .form small {display: block; font-size: .9rem; text-align: right;}
.wpcf7-response-output {border: 1px solid #F26E50!important; color: #F26E50!important; text-align: center!important; background: transparent!important; margin-top: 60px!important;} #notfound {display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%;}
#notfound h1 {margin-bottom: 40px;}
#notfound h1 span {display: block; text-align: center;}
#notfound h1 span.big {font-size: 2.75rem; margin-bottom: 10px;}
#notfound a.link {color: #fff; font-size: 1.1rem; padding: 20px 30px; background: #F26E50;} #scroll {position: fixed; right: 40px; bottom: 72px; transform: translate(0,160px); width: 56px; height: 56px; border: 2px solid #808080; border-radius: 50%; z-index: 100;}
#scroll:before,
#scroll:after {position: absolute; top: 50%; transform: translate(-50%,-50%); display: block; content: ""; width: 16px; height: 2px; background: #808080;}
#scroll:before {left: calc(50% - 7px); transform: translate(-50%,-50%) rotate(-30deg);}
#scroll:after {left: calc(50% + 7px); transform: translate(-50%,-50%) rotate(30deg);}
#scroll.active {transform: translate(0,0);} .wp-show-posts-columns a {color: #333!important;}
.wp-show-posts-columns .wp-show-posts-entry-header time:before,
.wp-show-posts-columns .author-name:before,
.wp-show-posts-columns .wp-show-posts-terms a:before {font-family: "Font Awesome 5 Free"; margin-right: .25rem;}
.wp-show-posts-columns .wp-show-posts-image {width: 100%; height: 180px; margin: 0; overflow: hidden;}
.wp-show-posts-columns .wp-show-posts-image a {display: block; width: 100%; height: 100%; background: #fff;}
.wp-show-posts-columns .wp-show-posts-image img {display: block; width: 100%!important; height: 100%!important; margin: 0!important; object-fit: cover!important; object-position: 50%!important; font-family: 'object-fit: cover; object-position: 50%;';}
.wp-show-posts-columns .wp-show-posts-image:hover img {transform: scale(1.075);}
.wp-show-posts-columns .wp-show-posts-entry-header {position: static; background: transparent; margin: .75rem 0!important;}
.wp-show-posts-columns .wp-show-posts-entry-header .wp-show-posts-entry-title {position: relative!important; font-size: 1.15rem!important; font-weight: 700!important; background: transparent!important; margin: 0!important; padding: 0!important;}
.wp-show-posts-columns .wp-show-posts-entry-header .wp-show-posts-entry-title:before,
.wp-show-posts-columns .wp-show-posts-entry-header .wp-show-posts-entry-title:after {display: none!important;}
.wp-show-posts-columns .wp-show-posts-entry-header .wp-show-posts-entry-title a {display: block; font-size: 1.15rem!important; font-weight: 700!important;}
.wp-show-posts-columns .wp-show-posts-entry-header .wp-show-posts-posted-on {margin-top: .5rem;}
.wp-show-posts-columns .wp-show-posts-entry-header time {font-size: .9rem!important;}
.wp-show-posts-columns .wp-show-posts-entry-header time:before {font-weight: 500; content: "\f017";}
.wp-show-posts-columns .wp-show-posts-entry-summary,
.wp-show-posts-columns .wp-show-posts-entry-summary p {font-size: .9rem!important; line-height: 1.5!important; margin: 0!important;}
.wp-show-posts-columns .wpsp-read-more {width: 100%; text-align: center; margin: .75rem 0!important;}
.wp-show-posts-columns .wpsp-read-more .wp-show-posts-read-more {font-size: .9rem!important;}
.wp-show-posts-columns .wpsp-read-more .wp-show-posts-read-more:hover {color: #fff!important;}
.wp-show-posts-columns .author-name,
.wp-show-posts-columns .wp-show-posts-meta a {font-size: .9rem!important;}
.wp-show-posts-columns .author-name:before {font-weight: 900; content: "\f007";}
.wp-show-posts-columns .wp-show-posts-terms a:before {font-weight: 900; content: "\f02b";}