@charset "UTF-8";
 article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio, canvas, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
a {
background: transparent;
}
a:focus {
outline: thin dotted;
}
a:active, a:hover {
outline: 0;
}
a img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong, .strong {
font-weight: bold;
}
dfn, em, .em {
font-style: italic;
}
hr {
margin: 1.8em 0;
padding: 0;
border: 0;
height: 5px;
background: url(//businessman0709.com/wp-content/themes/yswallow/library/images/line01.png) repeat-x 0 0;
}
p {
-webkit-hyphens: auto;
-epub-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
pre, code, kbd, samp {
font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
}
code, kbd, samp {
font-size: 0.9em;
padding: 0.05em 0.4em;
border-radius: 3px;
background: #F6F6F6;
color: #444;
}
pre {
white-space: pre-wrap;
margin: 0;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
q::before,
q::after {
content: '';
content: none;
}
small, .small {
font-size: 75%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl, menu, ol, ul {
margin: 0 0 1em;
}
dd {
margin: 0;
}
.gallery {
margin: 0.5em auto 2em !important;
}
.gallery dl {
margin: 0 !important;
}
.gallery dl img {
margin-bottom: 0;
border: none !important;
padding: 1px;
}
menu {
padding: 0 0 0 40px;
}
ol, ul {
padding: 0;
list-style-type: none;
}
.entry-content li {
list-style: none;
position: relative;
padding-left: 1.15em;
margin: 1em 0;
}
.entry-content li li {
margin: 0.6em 0;
}
.entry-content ul li:before {
font-family: "fontawesome";
content: "\f111";
display: block;
position: absolute;
left: 2px;
top: 1px;
-webkit-transform: scale(0.6);
transform: scale(0.6);
color: #d35d5f;
background: none !important;
}
.entry-content ul li ul li:before {
content: "\f192";
}
.entry-content ul li ul li ul li:before {
content: "―";
}
.entry-content ul.arrow li:before {
-webkit-transform: scale(0.8);
transform: scale(0.8);
content: "\f138";
}
.entry-content ul.arrow li li:before {
content: "\f101";
}
.entry-content ul.arrow li li li:before {
content: "\f105";
}
.entry-content ul.check li:before {
-webkit-transform: scale(0.95);
transform: scale(0.95);
content: "\f00c";
}
.entry-content ul.check li li:before {
-webkit-transform: scale(0.85);
transform: scale(0.85);
content: "\f058";
}
.entry-content ul.check li li li:before {
content: "\f05d";
}
.entry-content ol {
counter-reset: number;
}
.entry-content ol[start] {
counter-reset: unset;
}
.entry-content ol li {
padding-left: 1.8em;
}
.entry-content ol ol {
margin-left: -0.55em;
}
.entry-content ol > li:before {
counter-increment: number;
content: counter(number) !important;
background: #d35d5e;
border: 1px solid #d35d5e;
color: #fff;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
font-weight: bold;
display: block;
text-align: center;
border-radius: 50%;
position: absolute;
-webkit-transform: scale(0.8);
transform: scale(0.8);
left: 1px;
top: 0;
}
.entry-content ol li ol li:before {
background: none;
border: 1px solid;
color: #d35d5e;
}
.entry-content ol li ol li ol li:before {
content: counter(number) "." !important;
border: none;
font-size: 110%;
} .wp-block-gallery li {
padding: 0;
margin: 0;
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.wp-block-gallery li img {
margin-bottom: 0;
}
.wp-block-gallery li::before {
content: none !important;
} nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
img {
border: 0;
vertical-align: bottom;
max-width: 100%;
height: auto;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
display: block;
padding: 10px 2%;
font-size: 1em;
color: #666;
border: 3px solid rgba(66, 66, 66, 0.3);
border-radius: 1px;
max-width: 96%;
background-color: #FFFFFF;
-webkit-transition: background-color 0.24s ease-in-out;
transition: background-color 0.24s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
}
#main input[type="text"],
#main input[type="password"],
#main input[type="datetime"],
#main input[type="datetime-local"],
#main input[type="date"],
#main input[type="month"],
#main input[type="time"],
#main input[type="week"],
#main input[type="number"],
#main input[type="email"],
#main input[type="url"],
#main input[type="search"],
#main input[type="tel"],
#main input[type="color"],
#main select,
#main textarea,
#main .field {
width: 300px;
}
#main textarea {
width: 100%;
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus, select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
background-color: #fbfaf2;
}
input[type="password"] {
letter-spacing: 0.3em;
}
textarea {
max-width: 100%;
min-height: 120px;
line-height: 1.5;
}
input[type="search"] {
-webkit-appearance: button;
}
select {
-webkit-appearance: none;
background-image: url(//businessman0709.com/wp-content/themes/yswallow/library/images/select_arrow.png);
background-repeat: no-repeat;
background-position: 97.5% center;
background-size: 9px;
}
@media only screen and (max-width: 480px) {
#main input[type="text"],
#main input[type="password"],
#main input[type="datetime"],
#main input[type="datetime-local"],
#main input[type="date"],
#main input[type="month"],
#main input[type="time"],
#main input[type="week"],
#main input[type="number"],
#main input[type="email"],
#main input[type="url"],
#main input[type="search"],
#main input[type="tel"],
#main input[type="color"],
#main select,
#main textarea,
#main .field,
#main textarea {
width: auto;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
width: 92%;
max-width: 92%;
}
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
margin: 0;
}
button,
input {
line-height: normal;
}
button,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-transform: none;
}
select::-ms-expand {
display: none;
}
select {
line-height: 1.2;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
font-size: 0.95em;
padding: 8px 20px;
background: #666666;
color: #fff;
border: 0;
border-radius: 5px;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.image-replacement,
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.clearfix, .cf, .comment-respond, .widget ul li {
zoom: 1;
}
.clearfix::before, .clearfix::after, .cf::before, .comment-respond::before, .cf::after, .comment-respond::after {
content: "";
display: table;
}
.clearfix::after, .cf::after, .comment-respond::after {
clear: both;
}
span.amp {
font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
font-style: italic;
}
p {
-ms-word-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
}
#content dl,
#content ol,
#content p,
#content ul {
letter-spacing: .025em;
}
.blue-btn,
#submit {
display: inline-block;
position: relative;
text-decoration: none;
color: #ffffff;
font-size: 0.9em;
font-size: 34px;
line-height: 34px;
font-weight: normal;
padding: 0 24px;
border-radius: 4px;
border: 0;
cursor: pointer;
-webkit-transition: background-color 0.14s ease-in-out;
transition: background-color 0.14s ease-in-out;
}
.blue-btn:hover,
#submit:hover,
.blue-btn:focus,
#submit:focus {
color: #ffffff;
text-decoration: none;
}
.blue-btn:active,
#submit:active {
top: 1px;
}
.blue-btn,
#submit {
background-color: #57a1d8;
}
.blue-btn:hover,
#submit:hover,
.blue-btn:focus,
#submit:focus {
background-color: #9eccef;
} body {
font-family: Helvetica, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 103%;
line-height: 1.7;
color: #3e3e3e;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-wrap: break-word;
background: #ffffff;
}
.wrap {
width: 94%;
margin: 0 auto;
}
#main {
margin: 0 auto;
}
#footer-top {
position: relative;
}
#footer-top::before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #d25c5e;
filter: alpha(opacity=3);
-ms-filter: "alpha(opacity=3)";
opacity: 0.03;
position: absolute;
z-index: 2;
}
#footer-top .wrap {
position: relative;
z-index: 3;
}
a {
color: #57a1d8;
}
a:hover {
color: #9eccef;
}
a,
a img {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a:hover img {
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
opacity: 0.7;
}
a:link, a:visited:link {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
.entry-content a[target="_blank"]::after {
font-family: 'FontAwesome';
content: '\f08e';
font-size: 0.9em;
margin: 0 3px 0 2px;
}
.entry-content a.no-icon[target="_blank"]::after,
.entry-content .btn-wrap a[target="_blank"]::after {
content: none;
}
a.amazonjs_link[target="_blank"]::after,
.amazonjs_item ul li:before {
content: none;
}
.txt_c {
text-align: center;
}
.wow {
-webkit-transition: opacity 0.4s 0.2s;
transition: opacity 0.4s 0.2s;
}
.wow.unactive {
opacity: 0;
}
.wow.animated {
opacity: 1;
} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
text-rendering: optimizelegibility;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
text-decoration: none;
}
h1, .h1 {
font-size: 1.5em;
font-weight: bold;
line-height: 1.333em;
}
h2, .h2 {
font-size: 1.5em;
line-height: 1.4em;
font-weight: bold;
margin-bottom: 0.375em;
}
h3, .h3 {
font-size: 125%;
font-weight: 700;
}
h4, .h4 {
font-size: 1.2em;
font-weight: 700;
}
h5, .h5 {
font-size: 1em;
font-weight: 700;
line-height: 2em;
text-transform: uppercase;
} #custom_header_img {
text-align: center;
}
#custom_header {
width: 100%;
text-align: center;
color: #ffffff;
position: relative;
margin-bottom: 1.2em;
z-index: 0;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
}
#custom_header.overlay::after {
content: '';
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
position: absolute;
top: 0;
}
#custom_header.overlay_wh::after {
background: rgba(255, 255, 255, 0.4);
}
.header-info {
position: relative;
z-index: 0;
font-weight: bold;
margin-bottom: -0.5px;
}
#custom_header + .header-info {
margin-top: -1.2em;
}
.header-info a {
display: block;
font-size: 80%;
text-decoration: none;
text-align: center;
color: #fff;
background: #dc5454;
padding: .4em;
}
.header-info a::before {
font-family: "fontawesome";
content: '\f101';
margin-right: .3em;
}
.header-info a:hover {
color: #fff;
opacity: .6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}
#custom_header .wrap {
display: block;
padding: 14% 2%;
position: relative;
z-index: 5;
}
#custom_header .wrap .header-text {
max-width: 680px;
margin: auto;
}
#custom_header .sitecopy {
font-size: 250%;
margin: 0.3em 0;
line-height: 1.15;
font-weight: 800;
}
#custom_header .sub_sitecopy {
font-size: .8em;
margin: 0;
line-height: 1.7;
font-weight: bold;
}
#custom_header .btn-wrap {
margin: 2.5em 0 -1em;
}
#container #custom_header .btn-wrap a {
padding: 1em 1.5em;
color: #ffffff;
border: none;
background: #d34e4e;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
font-size: .82em;
font-weight: bold;
width: 340px;
max-width: 90%;
text-align: center;
filter: alpha(opacity=95);
-ms-filter: "alpha(opacity=95)";
opacity: 0.95;
-webkit-text-shadow: none;
text-shadow: none;
}
#container #custom_header .btn-wrap a::before,
#container #custom_header .btn-wrap a::after {
content: none;
}
#container #custom_header .btn-wrap a:hover {
filter: alpha(opacity=65);
-ms-filter: "alpha(opacity=65)";
opacity: 0.65;
}
.homeadd_wrap {
margin: 0 auto;
max-width: 1100px;
}
.header {
padding: 0.9em 0 0;
position: relative;
z-index: 2;
background: #264b67;
color: #fff;
}
#inner-header {
position: relative;
padding: 0;
}
#logo .h1 {
margin: 0 auto;
padding: 0;
text-align: center;
}
#logo .h1 {
font-size: 2.5em;
line-height: 1.3;
}
#logo.fs_s .h1 {
font-size: 1.6em;
padding: 10px 0;
}
#logo.fs_l .h1 {
font-size: 3.1em;
line-height: 1.2;
}
#logo.fs_ll .h1 {
font-size: 4.5em;
line-height: 1.2;
}
#logo.fs_l .h1,
#logo.fs_ll .h1 {
margin-top: -4px;
}
.header #logo.sitedes_on {
margin-top: -6px;
}
@media only screen and (max-width: 480px) {
#logo .h1 {
padding: 5px 0 0;
font-size: 1.7em;
}
#logo.fs_s .h1 {
font-size: 1.25em;
}
#logo.fs_l .h1 {
font-size: 2.2em;
}
#logo.fs_ll .h1 {
font-size: 2.7em;
}
}
#logo a {
color: #ecf6ff;
display: inline-block;
padding: 0;
margin: 0 auto;
text-decoration: none;
}
.site_description {
font-size: 10px;
text-align: center;
margin: 0 0 1em;
}
.nav_btn {
color: inherit;
width: 3em;
height: 3em;
padding: 0.2em;
border: none;
background: none;
text-align: center;
position: absolute;
top: 0;
left: 1px;
display: block;
line-height: 1;
text-decoration: none;
z-index: 11;
}
.nav_btn:hover {
cursor: pointer;
color: inherit;
}
.nav_btn::before {
font-size: 25px;
height: 1.15em;
font-family: 'icomoon';
content: '\e900';
width: 100%;
display: block;
}
.nav_btn .text {
font-size: 9px;
font-weight: bold;
display: block;
-webkit-transform: scale(0.9);
transform: scale(0.9);
margin-left: -5px;
margin-right: -5px;
} .searchbox {
position: absolute;
right: 0;
top: 0;
width: 400px;
max-width: 88%;
z-index: 10;
}
.searchbox .searchform {
position: relative;
}
.searchbox .searchform input[type="search"] {
position: absolute;
z-index: 2;
right: 0;
width: 60px;
height: 60px;
line-height: 60px;
padding: 0;
margin: 0;
border: 0;
-webkit-transition: .4s ease;
transition: .4s ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
opacity: 0;
cursor: pointer;
background: #333;
color: #ffffff;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
.searchbox .searchform input[type="search"]:focus {
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
opacity: 1;
width: 100%;
padding: 0 0.8em;
cursor: auto;
}
.searchbox .searchform .search_btn {
position: absolute;
z-index: 1;
right: 2px;
left: auto;
}
.searchbox .searchform .search_btn::before {
content: "\e902";
}
.searchbox .searchform input[type="search"]:focus ~ .search_btn {
z-index: 3;
color: #eee;
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
@media only screen and (max-width: 767px) {
.searchbox .searchform input[type="search"] {
width: 50px;
height: 50px;
line-height: 50px;
}
}
#page-top + #breadcrumb {
border-top: 1px solid rgba(100, 100, 100, 0.05);
}
#breadcrumb {
font-size: 70%;
padding: 1.2em 0;
margin: 0 auto;
}
.breadcrumb__ul {
margin: 0;
}
.breadcrumb__li.bc_homelink {
margin-left: 0;
}
.breadcrumb__li.bc_homelink a::before {
font-family: "fontawesome";
font-weight: 900;
content: "\f015";
display: inline-block;
margin-right: 0.1em;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.breadcrumb__li {
float: left;
margin-left: 0.5em;
}
.breadcrumb__link::after {
font-family: "fontawesome";
color: initial;
content: '\f105';
margin-left: 0.5em;
opacity: 0.5;
}
.breadcrumb__link {
text-decoration: none;
}
.breadcrumb__link:hover {
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
.breadcrumb__li.bc_posttitle {
display: none;
} .nav li a {
display: block;
color: inherit;
text-decoration: none;
padding: 0.75em;
position: relative;
}
.nav > li > a {
padding: 12px .7em;
}
.nav li li {
text-align: left;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
padding-left: 15px;
}
.single #main .article {
margin-bottom: 1em;
}
#main .article .entry-header {
padding: 0;
margin-bottom: 1em;
}
.single.pd_viral #main .article .entry-header,
.page-template-default.pd_viral #main .article .entry-header {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
text-align: center;
position: relative;
padding: 9%  5%;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.single.pd_viral #main .article .entry-header .inner,
.page-template-default.pd_viral #main .article .entry-header .inner {
position: relative;
z-index: 3;
}
.single.pd_viral #main .article .entry-header .entry-title,
.page-template-default.pd_viral #main .article .entry-header .entry-title {
font-size: 2.2em;
margin-top: 5%;
}
.single.pd_viral #main .article .entry-header::after,
.page-template-default.pd_viral #main .article .entry-header::after {
content: "";
display: block;
width: 100%;
height: 100%;
background: #000000;
filter: alpha(opacity=45);
-ms-filter: "alpha(opacity=45)";
opacity: 0.45;
position: absolute;
top: 0;
left: 0; }
.single.pd_viral #main .article .entry-header .inner,
.single.pd_viral #main .article .entry-header .inner a,
.page-template-default.pd_viral #main .article .entry-header .inner,
.page-template-default.pd_viral #main .article .entry-header .inner a {
color: #fff;
}
.single.pd_viral #main .article .entry-header .entry-title,
.page-template-default.pd_viral #main .article .entry-header .entry-title {
margin-bottom: 0.8em;
}
#main .article .eyecatch {
text-align: center;
overflow: hidden;
position: relative;
}
.eyecatch .eyecatch-caption-text {
font-size: 75%;
opacity: 0.85;
padding-top: 3px;
}
#main .article .eyecatch img {
margin: 0;
height: auto;
}
.article-footer {
padding: 1em 0;
}
.article-footer .footer-cat-tag {
margin-bottom: 0.9em;
}
.article-footer h4 {
margin: 0.5em 0;
}
.article-footer p {
margin: 0;
}
.article-footer .post-categories,
.article-footer .tags {
margin: 0;
display: inline-block;
}
.article-footer .post-categories li,
.article-footer .tags a {
display: inline-block;
}
.article-footer .post-categories li a,
.article-footer .tags a {
display: inline-block;
background: #57a1d8;
color: #ffffff;
padding: .35em .5em;
margin-right: 0.3em;
margin-bottom: 2px;
text-decoration: none;
line-height: 1.1;
font-size: 75%;
border: 1px solid #57a1d8;
border-radius: .4em;
}
.article-footer .tags a {
background: none;
color: #57a1d8;
margin-top: -1px;
}
.article-footer .post-categories a::before,
.article-footer .tags a::before {
font-family: "fontawesome";
content: '\f02b';
margin-right: 0.2em;
}
.article-footer .post-categories a::before {
content: '\f114';
}
.article-footer .post-categories li a:hover,
.article-footer .tags a:hover {
background: #9eccef;
color: #fff;
border-color: #9eccef;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
.article-footer .post-categories li a:active,
.article-footer .tags a:active {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
.entry-content h2,
.homeadd_wrap .widgettitle {
position: relative;
border: none;
font-size: 1.25em;
padding: 0.9em 1em;
margin-top: 2.1em;
margin-bottom: 1em;
background: #d45c5c;
color: #ffffff;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
}
.entry-content h3 {
border-top: 4px solid;
border-bottom: 4px solid;
padding: .6em .2em;
margin-top: 1.8em;
color: inherit;
}
.entry-content h4 {
padding: 0.4em 0.1em 0.4em 0.7em;
border-left: 4px solid;
border-color: #d45c5c;
color: inherit;
}
.h_stitch .entry-content h2 {
position: relative;
}
.h_stitch .entry-content h2::before,
.h_stitch .entry-content h2::after {
content: "";
display: block;
position: absolute;
top: 3px;
left: 0;
width: 100%;
height: 1px;
border-top: 2px dashed #ffffff;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
opacity: 0.5;
}
.h_stitch .entry-content h2::after {
top: auto;
bottom: 3px;
}
.h_stitch .entry-content h3 {
border-top-style: dotted;
border-bottom-style: dotted;
}
.h_stitch .entry-content h4 {
border-left-style: dotted;
}
.h_balloon .entry-content h2::after {
content: '';
position: absolute;
border-top: 13px solid #d45c5c;
border-right: 9px solid transparent;
border-left: 9px solid transparent;
bottom: -11px;
left: 5%;
}
.entry-content h2.stylenone {
position: relative;
border: none;
padding: 0;
background: initial;
color: initial;
-webkit-box-shadow: none;
box-shadow: none;
} .related-box {
margin-bottom: 2em;
}
.authorbox .profile_name a,
.authorbox .author_sns a,
.related-box a {
color: inherit;
text-decoration: none;
}
.authorbox a:hover,
.related-box a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.authorbox .h_ttl,
.related-box .h_ttl {
font-size: 150%;
text-align: center;
letter-spacing: 1px;
margin-bottom: 1em;
}
.authorbox .h_ttl::after,
.related-box .h_ttl::after {
font-size: 12px;
margin: 0;
display: block;
}
.authorbox .h_ttl::after {
content: 'この記事を書いた人';
}
.related-box .h_ttl::after {
content: 'こちらの記事も人気！';
}
.authorbox {
text-align: center;
border: 5px solid rgba(100, 100, 100, 0.15);
padding: 5%;
}
.profile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.profile_img {
width: 95px;
max-width: 33%;
margin-right: 1em;
}
.profile_img img {
width: 100%;
margin: auto;
border-radius: 50%;
border: 2px solid #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.profile_name {
margin-bottom: 1em;
}
.profile_name a,
.profile_name .user_name {
font-size: 122%;
font-weight: bold;
margin: 1em 0 0.5em;
}
.profile_name .userposition {
font-size: 10px;
display: block;
opacity: 0.7;
}
.profile_description {
font-size: 85%;
text-align: left;
margin: auto;
}
@media only screen and (min-width: 481px) {
.profile_description {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
@media only screen and (max-width: 480px) {
.profile {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.profile_img {
margin-bottom: 1.5em;
}
.profile_img,
.profile_description,
.profile_name {
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 0;
}
}
.author_sns {
text-align: center;
margin: 2em 0 0;
}
.author_sns li {
display: inline-block;
font-size: 0.8em;
margin-right: 1.2em;
padding: 0 !important;
}
.author_sns li::before {
content: none !important;
}
.author_sns li:last-child {
margin-right: 0;
}
.author_sns a {
display: block;
padding: 0.5em 0;
text-decoration: none;
}
.author_sns a:hover {
color: initial;
}
.author_sns li a::before {
font-size: 1.2em;
margin-right: 0.3em;
font-family: "fontawesome";
content: "\f144";
}
.author_sns li a .socialname {
color: initial;
}
.author_sns li.author-site a::before,
.author_sns li.author-user_url a::before {
content: "\f0ac";
}
.author_sns li.author-twitter a::before {
content: "\f099";
}
.author_sns li.author-facebook a::before {
content: "\f09a";
}
.author_sns li.author-google a::before,
.author_sns li.author-googleplus a::before {
content: "\f0d5";
}
.author_sns li.author-instagram a::before {
content: "\f16d";
}
.author_sns li.author-youtube a::before {
content: "\f16a";
}
.profile.singlefoot_other {
display: block;
}
.profile.singlefoot_other .profile_img,
.profile.singlefoot_other .profile_name {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.profile.singlefoot_other .profile_description {
font-size: 100%;
}
.profile.singlefoot_other .profile_img {
margin-top: 1.5em;
margin-bottom: 1.5em;
width: 90px;
}
.profile.singlefoot_other .profile_img img {
margin-bottom: 0;
}
.profile.singlefoot_other + .author_sns a::before {
font-size: 2em;
margin: 0.2em;
}
.profile.singlefoot_other + .author_sns a .socialname {
display: none;
}
.profile.singlefoot_other .author__bgimg {
width: 100%;
margin-bottom: -47px;
}
.profile.singlefoot_other .author__bgimg + .profile_img {
margin-top: 0;
}
.related-box ul {
text-align: center;
display: table;
width: 100%;
}
.related-box li {
width: 22.4%;
margin: 1%;
display: inline-block;
position: relative;
font-size: .9em;
vertical-align: top;
text-align: left;
}
.related-box li .eyecatch {
padding-top: 60%;
position: relative;
overflow: hidden;
text-align: center;
}
.related-box li .eyecatch img {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.related-box li a {
display: block;
text-decoration: none;
}
.related-box li .date {
font-size: .8em;
font-weight: normal;
}
.related-box li .ttl {
margin: 0;
font-size: .85em;
}
@media only screen and (min-width: 1100px) {
.related-box {
margin-left: -10px;
margin-right: -10px;
font-size: 108%;
}
} .single-title,
.page-title,
.entry-title {
margin: 0 0 0.3em;
}
.single-title,
.page-title {
padding: 0;
font-size: 150%;
overflow-wrap: break-word;
}
.single-title:empty,
.page-title:empty {
display: none;
}
.single .byline {
margin-bottom: 0.3em;
}
.byline .date,
.byline .writer .fn {
margin-bottom: 0.3em;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.byline .post-categories {
font-weight: bold;
font-size: 87%;
display: inline-block;
margin-right: 1em;
margin-bottom: 0;
}
.byline .post-categories li {
display: inline-block;
}
.byline .post-categories li::after {
content: "|";
margin: 0 0.4em;
filter: alpha(opacity=40);
-ms-filter: "alpha(opacity=40)";
opacity: 0.4;
}
.byline .post-categories li:last-child::after {
content: none;
}
.byline .post-categories li a {
text-decoration: none;
}
.byline {
font-size: 87%;
font-weight: 500;
margin: 0 0 0.5em;
}
.time__date,
.byline .date,
.byline .writer {
margin-right: .9em;
display: inline-block;
}
.time__date::before,
.byline .date::before,
.byline .writer::before {
font-family: "fontawesome";
font-size: 106%;
margin-right: 0.2em;
position: relative;
top: auto;
}
.time__date::before,
.byline .date::before {
content: "\f017";
}
.time__date.undo::before,
.byline .date.undo::before {
content: "\f1da";
}
.byline .writer::before {
content: "\f2be";
display: none;
}
.byline .writer,
.byline .writer a {
color: inherit;
text-decoration: none;
}
.archives-list .byline .writer {
font-weight: normal;
}
.byline .writer img.avatar {
width: 1.6em;
border-radius: 50%;
margin-right: 0.2em;
vertical-align: top;
}
.cat-name {
text-align: center;
background: #d34e4e;
color: #efefef;
font-size: 70%;
font-weight: bold;
padding: 0.2em 0.5em;
}
.eyecatch .cat-name {
position: absolute;
top: 0;
right: 0;
min-width: 8em;
opacity: .9;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
}
.eyecatch .cat-name:empty::before {
content: "PICK UP";
}
.catlabeloff .eyecatch .cat-name {
display: none;
}
.eyecatch.noimg {
background: #eee;
color: #777;
}
.eyecatch.noimg::after {
content: "NO IMAGE";
display: block;
width: 100%;
line-height: 1;
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-0.5em);
transform: translateY(-0.5em);
}
.undo_off .undo,
.date_off .date {
display: none !important;
}
.entry-content p,
.widget_text p {
margin: 0 0 1.75em;
line-height: 1.8;
}
.wp-block-cover__inner-container p {
margin: 1em 0;
}
.entry-content table {
width: 100%;
font-size: 95%;
margin-bottom: 1.5em;
}
.entry-content table caption {
margin: 0 0 7px;
font-size: 90%;
opacity: 0.8;
text-transform: uppercase;
letter-spacing: 1px;
}
.entry-content td,
.entry-content th {
padding: 1.2em .8em;
border: 1px solid #d8d8d8;
}
.entry-content td input {
margin: 3px 0;
}
.entry-content th {
background: rgba(0, 0, 0, 0.05);
text-align: left;
}
.wp-block-table.is-style-stripes {
border-bottom: 0;
}
.wp-block-table.is-style-stripes th {
background: none;
}
.entry-content blockquote {
padding: 3.3em 7%;
margin: 2em 0 2.5em;
position: relative;
border: 2px solid rgba(103, 103, 103, 0.4);
border-radius: 7px;
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
}
.entry-content blockquote *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.entry-content blockquote::before,
.entry-content blockquote::after {
font-family: serif;
position: absolute;
width: 1em;
height: 1em;
line-height: 1.5;
display: block;
padding: 0;
text-align: center;
font-size: 420%;
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
.entry-content blockquote::before {
content: "“";
left: 0;
top: 0;
}
.entry-content blockquote::after {
content: "”";
right: 0;
bottom: 0;
}
.entry-content blockquote h1,
.entry-content blockquote h2,
.entry-content blockquote h3,
.entry-content blockquote h4 {
margin-top: 0 !important;
}
.entry-content dt {
font-weight: bold;
margin-bottom: 2%;
}
.entry-content dd {
margin-left: 0;
font-size: .95em;
margin-bottom: 4%;
}
.entry-content img {
margin: 0 0 0.8em;
max-width: 100%;
height: auto;
}
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
max-width: 100%;
height: auto;
}
.wp-block-image img {
margin-bottom: 0;
}
.entry-content pre {
background: #383838;
background: rgba(0, 0, 0, 0.75);
border-left: 4px solid rgba(0, 0, 0, 0.38);
color: #ffffff;
font-size: 1em;
padding: 1.2em 3%;
margin: 0.2em 0 2.2em;
border-radius: 3px;
}
.wp-caption {
max-width: 100%;
background: #fff;
padding: 5px;
margin-bottom: 1.8em;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 3px;
}
.wp-caption img {
max-width: 100%;
margin-bottom: 0;
width: 100%;
}
.wp-caption p.wp-caption-text,
figure figcaption {
font-size: 0.75em;
margin: 4px 0;
text-align: center;
}
iframe {
max-width: 100%;
}
:-webkit-full-screen-ancestor #header,
:-webkit-full-screen-ancestor #sidebar {
position: absolute;
z-index: -999999;
}
.tags {
margin: 0;
}   .widget:not(.widget_text):not(.widget_recent_comments):not(.widget_calendar) a {
text-decoration: none;
color: inherit;
}
.widget:not(.widget_text):not(.widget_recent_comments):not(.widget_calendar) a:hover {
color: inherit;
opacity: 0.5;
}
.widgettitle {
background: #d35c5d;
color: #ffffff;
font-size: 1em;
padding: 0.65em 0.8em;
margin-top: 0;
margin-bottom: 0.75em;
overflow: hidden;
}
.widget {
margin: 0 0 2.5em;
}
.homewidget.widget:last-child,
.titleunder .widget:last-child {
margin-bottom: 1em;
}
.widget ul {
margin: 0;
} .widget.widget_rss li a {
font-weight: bold;
}
.widget.widget_rss li .rssSummary,
.widget.widget_rss li .rss-date,
.widget.widget_rss li cite {
font-size: 88%;
opacity: 0.6;
} .widget.widget_categories .widgettitle,
.widget.widget_recent_entries .widgettitle,
.widget.widget_newentryimagewidget .widgettitle,
.widget.widget_nav_menu .widgettitle,
.widget.widget_pages .widgettitle,
.widget.widget_archive .widgettitle,
.widget.widget_mycategoryorder .widgettitle {
margin-bottom: 0;
}
.widget.widget_categories ul,
.widget.widget_recent_entries ul,
.widget.widget_newentryimagewidget ul,
.widget.widget_nav_menu ul,
.widget.widget_pages ul,
.widget.widget_archive ul,
.widget.widget_mycategoryorder ul {
margin-top: 0;
}
.widget.widget_categories ul li,
.widget.widget_recent_entries li,
.widget.widget_newentryimagewidget li,
.widget.widget_nav_menu li,
.widget.widget_pages li,
.widget.widget_archive li,
.widget.widget_mycategoryorder li {
border-bottom: 1px dotted rgba(125, 125, 125, 0.3);
margin: 0;
padding: 0;
}
.widget .children li:first-child,
.widget .sub-menu li:first-child {
border-top: 1px dotted rgba(125, 125, 125, 0.3);
} .widget.widget_newentryimagewidget li::before {
content: none;
}
.widget.widget_categories li a,
.widget.widget_recent_entries li a,
.widget.widget_newentryimagewidget li a,
.widget.widget_nav_menu li a,
.widget.widget_pages li a,
.widget.widget_archive li a,
.widget.widget_mycategoryorder li a {
display: block;
padding: 1em 1.3em 1em 0.3em;
margin: 0;
position: relative;
}
.widget li a .countpost {
opacity: 0.9;
border-radius: 1em;
background: rgba(50, 50, 50, 0.1);
font-size: 89%;
padding: 0 0.5em;
margin-left: 0.3em;
}
.widget.widget_categories li:last-child,
.widget.widget_recent_entries li:last-child,
.widget.widget_newentryimagewidget li:last-child,
.widget.widget_nav_menu li:last-child,
.widget.widget_pages li:last-child,
.widget.widget_archive li:last-child,
.widget.widget_mycategoryorder li:last-child {
border-bottom: none;
}
.widget.widget_categories li a::after,
.widget.widget_recent_entries li a::after,
.widget.widget_newentryimagewidget li a::after,
.widget.widget_nav_menu li a::after,
.widget.widget_pages li a::after,
.widget.widget_archive li a::after,
.widget.widget_mycategoryorder li a::after {
font-family: "fontawesome";
content: '\f105';
position: absolute;
right: 6px;
line-height: 1;
font-size: 1em;
top: 50%;
margin-top: -0.5em;
-webkit-transition: 0.15s ease-in-out;
transition: 0.15s ease-in-out;
}
.entry-content .widget.widget_categories li:before,
.entry-content .widget.widget_recent_entries li:before,
.entry-content .widget.widget_newentryimagewidget li:before,
.entry-content .widget.widget_nav_menu li:before,
.entry-content .widget.widget_pages li:before,
.entry-content .widget.widget_archive li:before,
.entry-content .widget.widget_mycategoryorder li:before {
content: none;
}
.widget li a:hover::after {
right: 3px;
} .widget select {
margin-top: 1em;
width: 100%;
max-width: 100%;
} .widget.widget_categories label,
.widget.widget_archive label {
display: none;
} .widget.widget_nav_menu li ul,
.widget.widget_pages li ul,
.widget.widget_categories li ul {
padding: 0;
margin: 0;
}
.widget.widget_nav_menu li ul a::before,
.widget.widget_pages li ul a::before,
.widget.widget_categories li ul a::before {
font-family: "fontawesome";
content: "\f0da";
display: inline-block;
margin-right: 5px;
opacity: 0.15;
}
.widget.widget_nav_menu li ul,
.widget.widget_pages li ul,
.widget.widget_categories li ul {
background: rgba(125, 125, 125, 0.02);
}
.widget.widget_nav_menu li ul ul a::before,
.widget.widget_pages li ul ul a::before,
.widget.widget_categories li ul ul a::before {
content: "ー";
}
.widget.widget_nav_menu li ul a::after,
.widget.widget_pages li ul a::after,
.widget.widget_categories li ul a::after {
content: none;
}
.widget.widget_nav_menu li ul ul a,
.widget.widget_pages li ul ul a,
.widget.widget_categories li ul ul a {
padding-left: 1.6em;
}
.widget.widget_nav_menu li ul li a,
.widget.widget_pages li ul li a {
padding-left: 0.5em;
}
.widget.widget_recent_comments ul {
margin-top: 0;
}
.widget.widget_recent_comments li {
border-bottom: 1px dotted #ccc;
border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
margin: 0;
padding: 0.5em 0;
}
.widget.widget_recent_comments li:first-child {
border-top: none;
}
.widget.widget_recent_comments li:last-child {
border-bottom: none;
}  .widget.widget_search:not(.widget_block) .searchform,
#main .entry-content .searchform {
position: relative;
height: 45px;
margin: 0 auto 1.5em;
max-width: 500px;
text-align: center;
}
.widget.widget_search:not(.widget_block) input[type="search"],
#main .entry-content .searchform input[type="search"] {
position: absolute;
width: 100% !important;
max-width: 100%;
padding: 12px 1%;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.widget.widget_search:not(.widget_block) button,
#main .entry-content .searchform button {
position: absolute;
right: 3px;
border: 0;
background: none;
display: block;
height: 100%;
padding: .6em;
font-size: 140%;
color: initial;
}
.widget.widget_search:not(.widget_block) button::before,
#main .entry-content .searchform button::before {
font-family: 'icomoon';
content: '\e902';
}
.widget_block input[type="search"] {
width: auto;
margin-bottom: auto;
}
@media only screen and (min-width: 1100px) {
#main .entry-content .searchform input[type="search"] {
line-height: 2;
}
#main .entry-content .searchform button {
font-size: 170%;
height: 60px;
}
} .widget.widget_calendar table {
width: 100%;
text-align: center;
}
.widget.widget_calendar table * {
text-align: center;
} .widget.widget_tag_cloud a {
padding: 0.1em 0.6em;
margin: 0 0.2em 0.3em 0;
display: inline-block;
font-size: 12px !important;
border-radius: 3px;
color: inherit;
-webkit-box-shadow: 0 0 1px;
box-shadow: 0 0 1px;
opacity: 0.8;
}
.widget.widget_tag_cloud a::before {
font-family: "fontawesome";
content: '\f02b';
margin-right: 3px;
}
.widget.widget_tag_cloud a:hover {
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
opacity: 0.7;
-webkit-box-shadow: 0 0 5px;
box-shadow: 0 0 5px;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
.widget.widget_tag_cloud a:active {
-webkit-box-shadow: 0 0 2px;
box-shadow: 0 0 2px;
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
.widget.widget_nav_menu li a span {
display: none;
}
.widget.widget_newentryimagewidget li a {
overflow: hidden;
}
.widget.widget_newentryimagewidget li .eyecatch {
width: 30%;
float: left;
margin-right: 3%;
padding-top: 18%;
position: relative;
overflow: hidden;
text-align: center;
}
.widget.widget_newentryimagewidget li .eyecatch img {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.widget.widget_newentryimagewidget li .eyecatch.noimg::after {
font-size: 70%;
}
.widget.widget_recent_entries li span,
.widget li .date {
padding: 0 0.3em;
font-size: 0.9em;
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
display: inline-block;
}
.widget.widget_newentryimagewidget li .ttl {
overflow: hidden;
}
.widget.widget_newentryimagewidget li .ttl p,
.widget.widget_recent_entries li p {
margin: 0;
} .widget_categories li,
.widget_nav_menu li,
.widget_pages li {
position: relative;
}
.widget li.accordionMenu > a::after {
content: none;
}
.accordionBtn {
font-size: 74%;
width: 2em;
height: 2em;
line-height: 2em;
border-radius: 50%;
text-align: center;
position: absolute;
top: 1.4em;
right: 1px;
color: #ffffff;
background: #56a1d8;
cursor: pointer;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.accordionBtn.active {
background: #9eccef;
}
.accordionBtn::before {
font-family: "fontawesome";
content: "\f067";
display: inline-block;
}
.accordionBtn.active {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}  ul.wpp-list {
counter-reset: number;
}
ul.wpp-list li {
list-style: none;
position: relative;
border-bottom: 1px solid #ddd;
margin: 0;
padding-bottom: 0.75em;
}
ul.wpp-list li a::before {
counter-increment: number;
content: counter(number);
background: #000000;
margin-right: 3px;
color: #fff;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
font-size: 75%;
border-radius: 3px;
font-weight: bold;
display: block;
text-align: center;
position: absolute;
left: 2px;
top: 2px;
z-index: 1;
}
ul.wpp-list img {
margin-bottom: 0;
margin-right: 5px;
}
ul.wpp-list li a.wpp-post-title {
display: block;
}
ul.wpp-list li a.wpp-post-title::before,
ul.wpp-list li .wpp-author a::before,
ul.wpp-list li .wpp-category a::before {
content: none;
} #toc_container li::before {
content: none;
} .lp .entry-header {
margin: 0 0 1.5em;
} .archivettl h1 {
font-size: 130%;
margin: 0.5em 0 0.9em;
padding: 0;
text-align: center;
}
.archivettl h1::before {
display: block;
font-weight: normal;
font-size: 10px;
line-height: 1.4;
}
.search .archivettl h1::before {
content: "キーワード";
}
.archivettl h1 .author-icon {
display: block;
}
.archivettl h1 .author-icon img {
border-radius: 50%;
width: 80px;
margin-bottom: 0.5em;
border: 2px solid #fff;
-webkit-box-shadow: 0 0 10px #ddd;
box-shadow: 0 0 10px #ddd;
}
.taxonomy-description.entry-content {
margin: 0 auto;
padding-bottom: 0;
} .archives-list .post-list .entry-content,
.archives-list .post-list a p {
margin-bottom: 0;
padding-bottom: 0;
}
.archives-list:not(.big-list) .post-list .byline,
.archives-list:not(.big-list) .post-list .description {
font-size: 72%;
opacity: 0.65;
}
.archives-list.big-list .post-list .byline .date,
.archives-list.big-list .post-list .description {
font-size: 95%;
}
.archives-list .post-list .description p {
line-height: 1.7;
}
.archives-list.simple-list .post-list a,
.archives-list.card-list .post-list a {
text-decoration: none;
color: inherit;
}
@media only screen and (min-width: 768px) {
.archives-list .post-list a:hover .eyecatch img {
-webkit-filter: blur(2px);
filter: blur(2px);
opacity: 1;
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.archives-list.simple-list .post-list a:hover,
.archives-list.card-list .post-list a:hover {
opacity: 0.6;
}
.archives-list .post-list a .eyecatch::after {
content: "READ MORE";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
font-size: 50%;
width: 100%;
height: 100%;
background: #274d69;
color: #fff;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: .4s ease;
transition: .4s ease;
}
.archives-list .post-list a:hover .eyecatch::after {
opacity: 0.7;
font-size: 90%;
letter-spacing: 2px;
}
} .archives-list.simple-list .post-list {
margin: 0 auto;
padding: 0;
border-bottom: 1px solid #ddd;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.archives-list.simple-list .post-list:first-child {
border-top: 1px solid #ddd;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.archives-list.simple-list .post-list a {
display: block;
padding: 1em;
}
.archives-list.simple-list .post-list .eyecatch {
width: 45%;
max-width: 350px;
float: left;
margin-bottom: 0 !important;
}
.archives-list.simple-list .post-list .entry-content {
overflow: hidden;
padding-left: 1em;
}
.archives-list.simple-list .post-list .noimg + .entry-content {
padding: 1.2em 0;
}
.archives-list.simple-list .post-list .entry-title {
margin-top: 0;
font-size: 1.3em;
} .archives-list.card-list {
text-align: center;
margin-left: -2%;
margin-right: -2%;
display: block;
}
.archives-list.card-list .post-list {
width: 49.4%;
display: inline-block;
text-align: left;
vertical-align: top;
}
.archives-list.card-list .post-list a {
display: block;
position: relative;
padding: 0% 3% 6%;
}
.archives-list.card-list .post-list .eyecatch {
margin-bottom: 0.5em;
}
.archives-list.card-list .post-list .entry-title {
font-size: 115%;
} .archives-list.big-list .post-list {
max-width: 100%;
margin: 0 auto 3em;
padding-bottom: 3em;
}
.archives-list.big-list .byline,
.archives-list.big-list .eyecatch {
margin-bottom: 7px;
}
.archives-list.big-list .post-list .readmore {
margin: 1.5em auto;
}
.btn-wrap.readmore span::after {
display: inline-block;
font-family: "fontawesome";
content: "\f138";
margin-left: 0.5em;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media only screen and (max-width: 480px) {
.archives-list.simple-list .post-list {
margin-left: -0.9em;
margin-right: -0.9em;
}
.archives-list.card-list .post-list {
width: 49%;
}
.archives-list.simple-list .post-list .entry-title {
font-size: 94%;
}
.archives-list.card-list .post-list .entry-title {
font-size: 78%;
}
.archives-list.simple-list .post-list .description,
.archives-list.card-list .post-list .description {
display: none;
}
.archives-list.simple-list .post-list .eyecatch,
.archives-list.card-list .post-list .eyecatch {
font-size: 80%;
}
}
@media only screen and (max-width: 979px) {
.home .archives-list.simple-list .post-list:first-child {
border-top: none;
}
.archives-list.big-list .post-list {
margin: 0 auto 0;
}
}
#post-not-found {
text-align: left;
}
#post-not-found .article-header {
text-align: center;
font-size: 200%;
opacity: 0.5;
letter-spacing: 0.1em;
}
.archives-list.card-list #post-not-found {
margin: 0 2%;
}
.pagination,
.wp-prev-next {
margin: 3em auto 4em;
}
.pagination,
.page-links {
text-align: center;
}
.pagination ul {
display: block;
text-align: center;
margin: 0;
padding: 0;
clear: both;
}
.pagination:empty,
.wp-prev-next:empty,
.pagination ul:empty,
.search-no-results .pagination {
display: none;
}
.pagination li {
margin: 0 !important;
padding: 0 1px !important;
display: inline-block;
min-width: 2.55em;
}
.pagination a, .pagination span,
.page-links a {
margin: 0;
display: block;
padding: 12px 6px;
text-decoration: none;
line-height: 1;
font-size: 1em;
width: 100%;
color: #57a1d8;
border: 2px solid #57a1d8;
font-weight: bold;
}
.page-links a {
display: inline-block;
width: 47%;
}
.pagination span.dots {
background: none !important;
padding-left: 5px;
padding-right: 5px;
}
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus,
.page-links a:hover, .page-links a:focus {
background-color: #57a1d8;
color: #fff;
}
.pagination .current {
cursor: default;
color: #fff;
background-color: #57a1d8;
}
.pagination .current:focus,
.pagination .dots:hover, .pagination .dots:focus {
color: #111;
} #comments-title {
padding: 0.75em 0;
margin: 0;
}
.commentlist {
margin: 0;
list-style-type: none;
font-size: 0.9em;
}
.commentlist ul {
margin: 0;
padding: 0;
}
.comment,
.pingback {
clear: both;
overflow: hidden;
padding: 0;
}
.comment-body {
background: none;
padding: 1.5em;
margin-bottom: 1em;
border: 5px solid rgba(125, 125, 125, 0.1);
}
li.comment li .comment-body {
margin-left: 3em;
background: rgba(125, 125, 125, 0.03);
}
.comment .comment {
font-size: 1em;
}
.comment .comment-meta,
.pingback .comment-meta {
padding: 0;
}
.comment .comment-author {
padding: 7px;
border: 0;
}
.comment .vcard cite.fn {
font-style: normal;
}
.comment-metadata {
font-size: 77%;
}
.comment .vcard time {
display: block;
font-size: 90%;
}
.comment .vcard time a {
color: #9fa6b4;
text-decoration: none;
}
.comment .vcard time a:hover {
text-decoration: underline;
}
.comment .vcard .avatar {
margin-left: -3px;
border-radius: 50%;
}
.pingback {
background: rgba(125, 125, 125, 0.03);
border-radius: 7px;
}
.comment_content p {
margin: 0.7335em 0 1.5em;
font-size: 1em;
line-height: 1.5em;
}
.commentlist .reply {
text-align: right;
}
.comment-reply-link {
font-size: 90%;
font-weight: bold;
margin-top: 0.8em;
margin-bottom: 1em;
display: inline-block;
padding: 0.1em 0.5em;
text-decoration: none;
}
.comment-reply-link::before {
font-family: "fontawesome";
content: "\f112";
margin-right: 0.4em;
}
.comment-edit-link {
font-style: italic;
margin: 0 7px;
text-decoration: none;
font-size: 0.9em;
}
.comment-navigation {
text-align: center;
padding: 1em;
}
.comment-respond {
padding: 1.5em 0;
}
#reply-title {
margin: 0;
padding: 0.5em 0;
}
#reply-title::before {
font-family: "fontawesome";
content: "\f040";
font-weight: normal;
margin-right: 0.2em;
font-size: 120%;
}
.comment-respond p {
font-size: 90%;
margin-bottom: 1em;
}
.comment-respond .comment-notes {
margin-bottom: 1.5em;
}
.logged-in-as {
font-style: italic;
margin: 0;
}
.comment-form-comment {
margin: 1.5em 0 0.75em;
}
.form-allowed-tags {
padding: 1.5em;
background-color: #F9F9F9;
font-size: 0.9em;
}
#submit {
font-size: 90%;
}
#comment-form-title {
margin: 0 0 1.1em;
}
#allowed_tags {
margin: 1.5em 10px 0.7335em 0;
}
.nocomments {
margin: 0 20px 1.1em;
}
.no-widgets {
background-color: #ffffff;
padding: 1.5em;
text-align: center;
border: 1px solid #cccccc;
border-radius: 2px;
margin-bottom: 1.5em;
} #page-top {
position: fixed;
right: 20px;
bottom: -100px;
z-index: 99999;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#page-top.pt-active {
bottom: 10px;
}
#page-top a {
background-repeat: no-repeat;
text-decoration: none;
width: 55px;
height: 55px;
border-radius: 3px;
text-align: center;
line-height: 51px;
background: rgba(51, 51, 51, 0.5);
padding: 0;
display: block;
color: #fff;
}
#page-top a.pt-button::before {
font-family: "fontawesome";
content: "\f077";
}
#footer {
font-size: 88%;
}
#footer a {
color: inherit;
text-decoration: none;
opacity: 0.8;
}
#footer a:hover {
text-decoration: underline;
}
#footer {
background-color: #2e3a44;
color: #ffffff;
text-align: center;
}
#footer .copyright {
margin: 2em auto;
}
#footer .copyright .create {
display: inline-block;
}
.footer-links {
margin: 3em 0;
}
.footer-links ul {
margin: 0;
}
.footer-links li {
display: inline-block;
padding: 0 0.7em 0 0;
}
.footer-links li::after {
content: "/";
margin-left: 0.7em;
opacity: 0.6;
}
.footer-links li:last-child::after {
content: none;
} .alignleft, img.alignleft {
margin-right: 2.5%;
display: inline;
float: left;
}
.alignright, img.alignright {
margin-left: 2.5%;
display: inline;
float: right;
}
.aligncenter, img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
} @media only screen and (min-width: 768px) {
#container {
overflow: hidden;
}
.header {
text-align: center;
min-height: 86px;
}
.header #logo {
display: block;
margin: 0 auto 10px;
width: 62%;
}
.header #logo .h1 {
height: auto;
}
.header #logo img {
width: auto;
max-height: 50px;
}
.header #logo.fs_s img {
max-height: 32px;
}
.header #logo.fs_l img {
max-height: 90px;
}
.header #logo.fs_ll img {
max-height: 250px;
}
.nav_btn::before {
font-size: 35px;
}
.header #searchform #submit {
display: none;
}
.header #searchform #search {
-webkit-appearance: none;
width: 0;
line-height: 50px;
position: absolute;
padding: 0;
opacity: 0;
border: none;
outline: none;
position: absolute;
right: 0;
}
#g_nav {
display: block;
}
#g_nav .nav {
display: inline-block;
}
#g_nav .nav {
margin: 0;
border: 0;
}
#g_nav .nav > li {
position: relative;
font-size: 80%;
display: inline-block;
text-align: center;
vertical-align: middle;
font-weight: bold;
margin: 0 0.5em;
}
#g_nav .nav > li::after {
content: "";
display: block;
margin: 5px auto 0;
position: absolute;
left: 0;
bottom: 4px;
width: 100%;
height: 3px;
background: #ecf6ff;
opacity: 0;
-webkit-transition: .25s ease-out;
transition: .25s ease-out;
}
#g_nav .nav > li:hover::after {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
opacity: 1;
}
#g_nav .nav > li > a {
padding: 15px 0;
position: relative;
}
#g_nav .nav li ul.sub-menu,
#g_nav .nav li ul.children {
font-weight: bold;
font-size: 13px;
margin: 0;
position: absolute;
z-index: 8999;
background: #666666;
color: #ffffff;
opacity: 0.98;
}
#g_nav .nav li ul.sub-menu li,
#g_nav .nav li ul.children li {
position: relative;
overflow: hidden;
height: 0;
-webkit-transition: .25s;
transition: .25s;
}
#g_nav .nav li:hover > ul.sub-menu > li,
#g_nav .nav li:hover > ul.children > li {
overflow: visible;
height: 42px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#g_nav .nav li ul.sub-menu li a,
#g_nav .nav li ul.children li a {
display: block;
width: 280px;
color: inherit;
}
#g_nav .nav li ul.sub-menu li a:hover,
#g_nav .nav li ul.children li a:hover {
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
opacity: 0.8;
}
#g_nav .nav li ul.sub-menu li:last-child a,
#g_nav .nav li ul.children li:last-child a {
border-bottom: 0;
}
.nav li ul.sub-menu li ul,
.nav li ul.children li ul {
top: 0;
left: 100%;
}
.widget ul li {
margin-bottom: 0.75em;
}
.widget ul li ul {
margin-top: 0.75em;
padding-left: 1em;
}
#footer-top {
margin: 0;
padding: 0;
}
#footer-top .inner {
margin-left: -20px;
margin-right: -20px;
}
#footer-top .footcolumn {
text-align: left;
float: left;
width: 50%;
padding: 3em 20px 20px;
vertical-align: top;
}
} @font-face {
font-family: 'icomoon';
src: url(//businessman0709.com/wp-content/themes/yswallow/library/icon/icomoon.eot?ffmnq8);
src: url(//businessman0709.com/wp-content/themes/yswallow/library/icon/icomoon.eot?ffmnq8#iefix) format("embedded-opentype"), url(//businessman0709.com/wp-content/themes/yswallow/library/icon/icomoon.ttf?ffmnq8) format("truetype"), url(//businessman0709.com/wp-content/themes/yswallow/library/icon/icomoon.woff?ffmnq8) format("woff"), url(//businessman0709.com/wp-content/themes/yswallow/library/icon/icomoon.svg?ffmnq8#icomoon) format("svg");
font-weight: normal;
font-style: normal;
}
.sharewrap h3 {
margin: 0.5em 0;
text-align: center;
}
.share {
margin-left: -2px;
margin-right: -2px;
margin-top: 1em;
margin-bottom: 1em;
}
.sns {
margin: 0 auto;
text-align: center;
}
.sns ul {
list-style: none;
display: table;
width: 100%;
}
.sns li {
display: table-cell;
vertical-align: middle;
width: 20%;
margin: 0 0.5% 6px;
padding: 0 3px;
font-size: initial;
}
.sns li a {
position: relative;
display: block;
color: #fff;
padding: 0.9em 0.1em;
border-radius: 2px;
text-align: center;
text-decoration: none;
}
.sns li a::before {
font-family: "fontawesome";
margin: 0 0.2em;
font-size: 110%;
}
.sns li.hatebu a::before,
.sns li.line a::before {
font-family: "icomoon";
}
.sns li a:hover {
-webkit-transform: translate3d(0px, 3px, 1px);
transform: translate3d(0px, 3px, 1px);
-webkit-box-shadow: none;
box-shadow: none;
}
.sns li a .text {
font-weight: bold;
}
.sns li a .count {
font-size: 10px;
margin-left: 2px;
} .sns .twitter a {
background: #00acee;
-webkit-box-shadow: 0 3px 0 #0092ca;
box-shadow: 0 3px 0 #0092ca;
}
.sns .twitter a:hover {
background: #0092ca;
}
.sns .twitter a::before {
content: "\f099";
} .sns .facebook a {
background: #2066b1;
-webkit-box-shadow: 0 3px 0 #43638b;
box-shadow: 0 3px 0 #43638b;
}
.sns .facebook a:hover {
background: #2c4373;
}
.sns .facebook a::before {
content: "\f09a";
} .sns .hatebu a {
background: #2f70be;
-webkit-box-shadow: 0 3px 0 #43638b;
box-shadow: 0 3px 0 #43638b;
}
.sns .hatebu a:hover {
background: #43638b;
}
.sns li.hatebu a::before {
content: "\e903";
} .sns .line a {
background: #25af00;
-webkit-box-shadow: 0 3px 0 #219900;
box-shadow: 0 3px 0 #219900;
}
.sns .line a:hover {
background: #219900;
}
.sns li.line a::before {
content: "\e904";
} .sns .pocket a {
background: #ec2136;
-webkit-box-shadow: 0 3px 0 #c0392b;
box-shadow: 0 3px 0 #c0392b;
}
.sns .pocket a:hover {
background: #c0392b;
}
.sns .pocket a::before {
content: "\f265";
} .sns .rss a {
background: #ffb53c;
-webkit-box-shadow: 0 3px 0 #e09900;
box-shadow: 0 3px 0 #e09900;
}
.sns .rss a:hover {
background: #e09900;
} .sns .feedly a {
background: #87c040;
-webkit-box-shadow: 0 3px 0 #74a436;
box-shadow: 0 3px 0 #74a436;
}
.sns .feedly a:hover {
background: #74a436;
} .fb-likebtn {
background-position: center center;
background-size: cover;
position: relative;
text-align: center;
color: #fff;
}
.fb-likebtn::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #111;
opacity: 0.8;
z-index: 10;
}
.fb-likebtn .inner {
padding: 9% 3%;
position: relative;
z-index: 11;
}
.fb-likebtn .fb-button {
display: block;
transform: scale(1.4);
-webkit-transform: scale(1.4);
overflow: hidden;
}
#content .fb-likebtn .like_text p {
font-size: 180%;
font-weight: bold;
margin-bottom: 1em;
}
.fb-likebtn .like_text p::after {
content: "この記事が気に入ったらフォローしよう！";
display: block;
padding: 3px;
font-size: 10px;
margin-bottom: 0;
opacity: 0.7;
}
.followbtn {
color: #ffffff;
background: #04acee;
font-size: 95%;
font-weight: bold;
text-decoration: none;
display: inline-block;
text-align: center;
padding: 0.1em 1.2em 0.1em 1em;
line-height: 27px;
margin: 1em 0.5em;
border-radius: 3px;
}
.followbtn:hover {
color: #ffffff;
}
.followbtn::before {
font-family: "fontawesome";
margin-right: 0.4em;
font-size: 110%;
}
.followbtn.btn_twitter::before {
content: "\f099";
}
.followbtn.btn_feedly {
background: #5fd043;
}
@media only screen and (min-width: 980px) {
#inner-content {
margin-top: 2em;
}
.main-wrap {
width: 100%;
margin-right: -330px;
float: left;
}
#main {
margin-right: 330px;
}
.single.pd_normal #main,
.page.pd_normal #main {
max-width: 780px;
}
.error404 #main {
margin: 3em auto;
max-width: 800px;
}
.homeadd_wrap.homeaddtop .homewidget:first-child .widgettitle {
margin-top: 0;
}
#sidebar {
width: 300px;
font-size: 85%;
float: right;
}
.lp #inner-content {
-webkit-box-shadow: 0 0 25px rgba(50, 50, 50, 0.2);
box-shadow: 0 0 25px rgba(50, 50, 50, 0.2);
margin-bottom: 3.5em;
border-radius: 0.5em;
overflow: hidden;
}
.lp #main {
width: 800px;
padding: 0 0 2em;
margin-left: auto;
margin-right: auto;
float: none;
}
.lp #inner-content .cta-inner {
margin-right: -150px;
margin-left: -150px;
}
.lp #inner-content .cta-inner .inner {
max-width: 800px;
}
.single.pd_onecolumn .main-wrap,
.single.pd_onecolumn #main,
.single.pd_viral .main-wrap,
.single.pd_viral #main,
.page-template-default.pd_onecolumn .main-wrap,
.page-template-default.pd_onecolumn #main,
.page-template-default.pd_viral .main-wrap,
.page-template-default.pd_viral #main {
max-width: 800px;
float: none;
margin-left: auto;
margin-right: auto;
}
.single.pd_viral #inner-content,
.single.pd_viral .main-wrap,
.single.pd_viral #main,
.page-template-default.pd_viral #inner-content,
.page-template-default.pd_viral .main-wrap,
.page-template-default.pd_viral #main,
.sidebar_none .main-wrap,
.sidebar_none #main {
max-width: initial;
width: 100%;
float: none;
margin-left: auto;
margin-right: auto;
}
.sidebar_none .archives-list.card-list .post-list {
width: 32.5%;
}
.single.pd_viral #inner-content,
.page-template-default.pd_viral #inner-content {
margin-top: 0;
}
.single.pd_viral .titleunder,
.single.pd_viral .share,
.single.pd_viral #main .article .entry-header .inner,
.single.pd_viral .entry-content,
.single.pd_viral .article-footer,
.page-template-default.pd_viral .titleunder,
.page-template-default.pd_viral .share,
.page-template-default.pd_viral #main .article .entry-header .inner,
.page-template-default.pd_viral .entry-content,
.page-template-default.pd_viral .article-footer {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
#g_nav .nav > li {
margin: 0 0.9em;
font-size: 88%;
}
}
@media only screen and (max-width: 979px) {
#inner-content {
width: 100%;
overflow: hidden;
}
.pannavi_on #inner-content,
.single.pd_viral #inner-content,
.page.pd_viral #inner-content,
.lp #inner-content {
margin-top: 0;
}
.home.blog .archives-list.card-list,
.home.blog .archives-list.big-list {
margin-top: 0.9em;
}
#main {
padding: 0 0.9em;
float: none;
}
#sidebar {
padding: 0 0.9em;
margin: 0;
}
#footer-top {
padding: 0;
text-align: left;
}
.pannavi_on_bottom:not(.pd_viral) #content:not(.lp) .entry-header,
.pannavi_off:not(.pd_viral) #content:not(.lp) .entry-header,
.pannavi_on_bottom .archivettl h1,
.pannavi_off .archivettl h1 {
margin-top: 1em;
}
.single.pd_viral #main .article .entry-header,
.page-template-default.pd_viral #main .article .entry-header {
margin-left: -0.9em;
margin-right: -0.9em;
width: auto;
padding: 20% 8%;
}
}
@-webkit-keyframes blink {
0% {
opacity: .2;
}
100% {
opacity: .9;
}
}
@keyframes blink {
0% {
opacity: .2;
}
100% {
opacity: .9;
}
} @media only screen and (max-width: 767px) {
.home #content,
.blog #content {
margin: 0;
}
.article-header .eyecatch,
.cta-inner {
margin-left: -0.9em;
margin-right: -0.9em;
}
body {
left: 0;
overflow-x: hidden;
}
#g_nav {
margin: 0;
padding: 0;
}
#g_nav > li > a {
background-color: rgba(0, 0, 0, 0.07);
padding-right: 1em;
position: relative;
}
#g_nav > li > a::after {
font-family: "fontawesome";
content: '\f054';
position: absolute;
right: .4em;
font-size: .8em;
top: 50%;
margin-top: -0.5em;
color: rgba(0, 0, 0, 0.4);
}
#g_nav ul {
margin: 0;
} #g_nav {
position: relative;
font-weight: bold;
}
#g_nav .menu-sp {
padding: .2em 0 .2em .5em;
font-size: 70%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#g_nav .menu-sp a {
text-decoration: none;
text-align: center;
display: block;
padding: .8em .4em;
border-radius: 1em;
}
#g_nav .menu-sp > ul {
width: 100%;
margin: 0;
display: table;
overflow-x: scroll;
white-space: nowrap;
}
.menu-sp > ul::after {
font-family: "fontawesome";
font-size: 1.7em;
content: "\f101";
color: #fff;
position: absolute;
text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
right: 3px;
top: 5px;
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-webkit-animation: blink 1.2s ease-in-out infinite alternate;
animation: blink 1.2s ease-in-out infinite alternate;
}
.menu-sp ul ul {
display: none;
}
.menu-sp li {
display: inline-block;
padding-right: 1.2em;
}
#header {
padding: 0.6em 0 0;
}
.header-info a {
font-size: 68%;
}
#inner-header {
position: relative;
width: 100%;
min-height: 60px;
}
#logo {
max-width: 70%;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
padding: 0;
height: auto;
font-size: 1em;
position: static;
}
#logo a {
position: static;
height: auto;
text-align: center;
}
#logo a img {
width: auto;
max-width: 100%;
max-height: 40px;
vertical-align: middle;
}
#logo.fs_s a img {
max-height: 32px;
}
#logo.fs_l a img {
max-height: 50px;
}
#logo.fs_ll a img {
max-height: 65px;
}
#breadcrumb {
padding: 7px 0;
font-size: 60%;
}
#footer {
font-size: 66%;
}
#footer-top .footcolumn {
padding: 2em 0 0.5em;
}
#page-top {
right: 10px;
}
#page-top a {
background-repeat: no-repeat;
text-decoration: none;
width: 42px;
height: 42px;
line-height: 41px;
font-size: 0.85em;
}
.fb-likebtn {
margin-left: -0.9em;
margin-right: -0.9em;
}
.fb-likebtn .like_text {
font-size: 88%;
}
.sns li a {
position: relative;
line-height: 1.2;
padding: 0.9em 0.1em 0.5em;
}
.sns li a::before {
font-size: 140%;
display: block;
}
.sns li a .text {
font-size: 10px;
-webkit-transform: scale(0.85);
transform: scale(0.85);
display: block;
}
.sns li a .count {
position: absolute;
right: 3px;
top: 2px;
font-size: 10px;
-webkit-transform: scale(0.85);
transform: scale(0.85);
margin: 0;
min-width: 1.5em;
}
.youtube-container,
.wp-block-embed-vimeo {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube-container iframe,
.wp-block-embed-vimeo iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
}
@media only screen and (max-width: 480px) {
#custom_header {
padding: 10% 0;
}
#custom_header .sitecopy {
font-size: 2em;
}
.eyecatch .cat-name {
font-size: 65%;
}
.single .entry-content,
.page .entry-content {
overflow: inherit;
}
.related-box li {
min-height: 210px;
width: 47%;
position: relative;
}
.single-title,
.page-title,
.entry-title {
font-size: 1.2em;
}
.single.pd_viral #main .article .entry-header .entry-title,
.page-template-default.pd_viral #main .article .entry-header .entry-title {
font-size: 1.4em;
}
.article .entry-header .byline {
font-size: 80%;
}
.pagination li {
margin-bottom: 1em !important;
}
.pagination a, .pagination span,
.page-links a, .page-links ul > li > span {
font-size: 0.85em;
}
.entry-content h2,
.homeadd_wrap .widgettitle {
margin-left: -0.9em;
margin-right: -0.9em;
font-size: 115%;
}
.entry-content h3 {
font-size: 115%;
}
.entry-content h4 {
font-size: 110%;
}
.entry-content table {
font-size: 88%;
}
.aligncenter, img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.alignleft, img.alignleft {
max-width: 52% !important;
}
.alignright, img.alignright {
max-width: 52% !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
.header .wrap {
width: 100%;
}
#breadcrumb {
padding: 1em 0;
}
.related-box li .eyecatch {
height: 70px;
}
}
@media only screen and (min-width: 1100px) {
body {
font-weight: 400;
}
.wrap {
width: 1100px;
}
.cta-inner .inner {
margin: auto;
}
#custom_header .wrap {
font-size: 1.2em;
}
.laptop #custom_header {
background-attachment: fixed;
background-position: center center;
}
#g_nav .nav {
margin-left: -1.2em;
margin-right: -1.2em;
}
#g_nav .nav > li {
font-size: 89%;
margin: 0 1.5em;
}
.post-list-simple .post-list::before {
content: "";
display: block;
width: 0%;
height: 100%;
background: #111;
position: absolute;
top: 0;
left: 50%;
z-index: 0;
-webkit-transition: .3s;
transition: .3s;
opacity: .05;
filter: alpha(opacity=5);
-ms-filter: "alpha(opacity=5)";
}
.post-list-simple .post-list:hover::before {
width: 100%;
height: 100%;
left: 0;
}
.d-1of2 img,
.d-1of3 img {
margin-bottom: 0.5em;
}
.sns ul {
margin: 0 auto;
list-style: none;
}
} [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-menu:before {
content: "\e900";
}
.icon-close:before {
content: "\e901";
}
.icon-search:before {
content: "\e902";
}
.icon-hatebu:before {
content: "\e903";
}
.icon-line:before {
content: "\e904";
}  .related_article {
margin: 1.8em auto;
text-align: left;
max-width: 800px;
}
.related_article p.ttl {
margin: 0 0 0.1em;
font-size: 1em;
font-weight: bold;
}
.related_article .ttl::before {
content: attr(data-labeltext);
font-size: .7em;
font-weight: bold;
color: #fff;
background: #111;
display: inline-block;
padding: 0.1em 0.4em;
position: relative;
top: -2px;
text-align: center;
margin-right: 0.5em;
border-radius: 2px;
}
.related_article.labelnone .ttl::before {
content: none;
}
.related_article .date {
font-size: 0.8em;
}
.related_article .thum {
width: 22%;
min-width: 90px;
padding-right: 0.7em;
}
.related_article .thum img {
width: 100%;
margin-bottom: 0;
}
.related_article__link {
color: #333333;
background: #ffffff;
-webkit-box-shadow: 0 0 1px rgba(125, 125, 125, 0.5);
box-shadow: 0 0 1px rgba(125, 125, 125, 0.5);
text-decoration: none;
display: table;
width: 100%;
padding: 0.9em;
overflow: hidden;
}
.related_article .thum,
.related_article .inbox {
display: table-cell;
vertical-align: middle;
}
.related_article .thum {
vertical-align: top;
}
.related_article__link:hover {
color: #888888;
-webkit-box-shadow: 0 0 10px rgba(125, 125, 125, 0.5);
box-shadow: 0 0 10px rgba(125, 125, 125, 0.5);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.related_article__link:active {
-webkit-transform: translateY(1px);
transform: translateY(1px);
-webkit-box-shadow: 0 0 1px rgba(125, 125, 125, 0.5);
box-shadow: 0 0 1px rgba(125, 125, 125, 0.5);
} .related_article.typecard .related_article__link {
max-width: 350px;
}
.related_article.typecard .thum,
.related_article.typecard .inbox {
display: block;
width: 100%;
padding: 0;
}
.related_article.typecard .thum {
margin-bottom: 10px;
} .supplement {
border: 2px solid;
background-color: #fcf8e3;
border-color: #faebcc;
color: #766341;
position: relative;
font-size: 93%;
padding: 4% 4% 4% 3.3em;
margin: 1.5em 0 2em;
border-radius: 4px;
}
.supplement p {
margin-bottom: .8em;
}
.supplement p:last-child,
.c_box p:last-child {
margin-bottom: 0;
}
.supplement.warning {
background-color: #fce3e3;
border-color: #facccc;
color: #764141;
}
.supplement::before {
font-family: "fontawesome";
line-height: 1;
content: '\f0e6';
display: inline-block;
font-size: 1.1em;
}
.supplement:not(.boader)::before {
font-size: 1.8em;
position: absolute;
left: 0.5em;
}
.supplement.warning::before {
content: '\f071';
}
.supplement.boader::before,
.supplement.border::before {
content: none;
}
.supplement.noicon::before {
content: none;
}
.supplement.boader,
.supplement.border {
background: none;
color: inherit;
border-color: #d4d4d4;
}
.supplement.boader,
.supplement.border,
.supplement.noicon {
padding: 3% 4%;
} .c_box {
padding: 1em 4%;
margin: 2em 0 2em;
border: 2px solid #dddddd;
border-radius: 0.2em;
}
.c_box.intitle {
padding-top: 0;
padding-bottom: 1.4em;
}
.c_box.intitle .box_title span {
position: relative;
top: -0.85em;
padding: 0.1em 0.7em;
background: #6d6d6d;
color: #ffffff;
font-weight: bold;
border-radius: 0.2em;
display: inline-block;
vertical-align: bottom;
}
.c_box.blue_box {
background: #d4f3ff;
border-color: #82c8e2;
color: #465d65;
}
.c_box.blue_box .box_title span {
background: #82c8e2;
}
.c_box.red_box {
background: #ffafaf;
border-color: #e77373;
color: #654646;
}
.c_box.red_box .box_title span {
background: #e77373;
}
.c_box.yellow_box {
background: #fff8d4;
border-color: #ded647;
color: #636546;
}
.c_box.yellow_box .box_title span {
background: #ded647;
}
.c_box.green_box {
background: #d8f7c3;
border-color: #79e37c;
color: #42613a;
}
.c_box.green_box .box_title span {
background: #79e37c;
}
.c_box.pink_box {
background: #ffeeee;
border-color: #f7b2b2;
color: #775454;
}
.c_box.pink_box .box_title span {
background: #f7b2b2;
}
.c_box.glay_box {
background: #ececec;
border-color: #c5c5c5;
color: #555555;
}
.c_box.glay_box .box_title span {
background: #9c9c9c;
}
.c_box.black_box {
background: #313131;
border-color: #757575;
color: #ffffff;
}
.c_box.black_box .box_title span {
background: #757575;
} .accordion {
margin: 0.9em 0;
font-size: 95%;
position: relative;
-webkit-box-shadow: 0 0 10px rgba(102, 102, 102, 0.05);
box-shadow: 0 0 10px rgba(102, 102, 102, 0.05);
}
.accordion::before,
.accordion::after {
content: "";
display: block;
width: 100%;
height: 100%;
background: #d35c5d;
opacity: 0.15;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.accordion::after {
background: #000;
opacity: 0.02;
}
.accordion_check {
display: none;
}
.accordion_label {
position: relative;
color: initial;
display: block;
margin: 0;
padding: 10px 30px 10px 10px;
font-weight: bold;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.accordion label::after {
content: "+";
position: absolute;
right: 0.8em;
top: calc(50% - 0.5em);
line-height: 1;
color: rgba(100, 100, 100, 0.7);
-webkit-transition: .3s;
transition: .3s;
}
.accordion_check:checked + .accordion_label::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.accordion_content {
border-top: none;
height: 0;
opacity: 0;
padding: 0 1em;
-webkit-transition: .5s;
transition: .5s;
visibility: hidden;
overflow: hidden;
background: #ffffff;
}
.accordion_content p:last-child {
margin-bottom: 0;
}
.accordion_check:checked + .accordion_label + .accordion_content {
height: auto;
opacity: 1;
padding: 10px 1em;
margin: 3px;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
visibility: visible;
} .cta-wrap .widget.widget_text {
margin-bottom: 0;
}
.cta-inner {
background: #0E0E0E;
color: #ddd;
padding: 1.5em 0;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.cta-inner:not(:first-child) {
margin-top: -1.4em;
}
.page .cta-inner:last-child {
margin-bottom: 0;
}
.cta-inner .inner {
width: 94%;
max-width: 780px;
margin: auto;
}
.cta-inner .cta_ttl {
text-align: center;
color: inherit;
margin: 1em 0;
padding: 0;
font-size: 130%;
font-weight: bold;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.cta-inner .btn-wrap a {
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 1em;
}
@media only screen and (min-width: 980px) {
.pd_onecolumn .cta-wrap .cta-inner,
.pd_viral .cta-wrap .cta-inner {
width: 100vw;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
}
.btn-wrap {
margin: 1.5em 0 2em;
text-align: center;
}
.btn-wrap a {
position: relative;
z-index: 2;
display: inline-block;
overflow: hidden;
text-decoration: none;
padding: 1em 5%;
background: #699fd3;
border: 1px solid #699fd3;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.07);
color: #ffffff;
border-radius: 3px;
text-decoration: none !important;
}
.btn-wrap a:hover {
color: #699fd3;
background: #ffffff;
-webkit-transform: translate3d(0px, 4px, 1px);
transform: translate3d(0px, 4px, 1px);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
opacity: 0.8;
text-decoration: none !important;
}
.widget .btn-wrap:not(.simple) a {
color: #ffffff;
}
.widget .btn-wrap:not(.simple) a:hover {
color: #699fd3;
}
.btn-wrap.simple a {
background: none;
color: #4993AF;
border: 1px solid #4993AF;
}
.btn-wrap.simple a:hover {
color: #ffffff;
background: #4993AF;
}
.btn-wrap.lightning a {
background: #C81C1C;
border-color: #C81C1C;
color: #ffffff;
}
.btn-wrap.lightning a:hover {
background: #ffffff;
color: #C81C1C;
border-color: #C81C1C;
}
.btn-wrap.big a {
font-size: 103%;
width: 480px;
max-width: 94%;
}
.btn-wrap.bg {
background: #efefef;
background: rgba(0, 0, 0, 0.1);
padding: 1.5em 1em;
margin: 2.5em 0;
}
.btn-wrap.bg-yellow {
background: lightyellow;
background: rgba(255, 255, 0, 0.2);
padding: 1.5em 1em;
margin: 2.5em 0;
}
.btn-wrap.maru,
.btn-wrap.maru a {
border-radius: 0.6em;
}
.btn-wrap.rich_yellow a {
font-weight: bold;
position: relative;
background-color: #f7cf2e;
color: #ffffff !important;
border-radius: 0.2em;
-webkit-box-shadow: 0 4px 0 #ecb254;
box-shadow: 0 4px 0 #ecb254;
border: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
}
.btn-wrap.rich_yellow a:hover {
background: #ecb254;
color: #ffffff !important;
-webkit-box-shadow: 0 1px 0 #ecb254;
box-shadow: 0 1px 0 #ecb254;
}
.btn-wrap.rich_pink a {
font-weight: bold;
position: relative;
background-color: #ee5656;
color: #ffffff !important;
border-radius: 0.2em;
-webkit-box-shadow: 0 4px 0 #d34e4e;
box-shadow: 0 4px 0 #d34e4e;
border: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
}
.btn-wrap.rich_pink a:hover {
background: #d34e4e;
color: #ffffff !important;
-webkit-box-shadow: 0 1px 0 #d34e4e;
box-shadow: 0 1px 0 #d34e4e;
}
.btn-wrap.rich_orange a {
font-weight: bold;
position: relative;
background-color: #ef9b2f;
color: #ffffff !important;
border-radius: 0.2em;
-webkit-box-shadow: 0 4px 0 #cc8c23;
box-shadow: 0 4px 0 #cc8c23;
border: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
}
.btn-wrap.rich_orange a:hover {
background: #cc8c23;
color: #ffffff !important;
-webkit-box-shadow: 0 1px 0 #cc8c23;
box-shadow: 0 1px 0 #cc8c23;
}
.btn-wrap.rich_green a {
font-weight: bold;
position: relative;
background-color: #39cd75;
color: #ffffff !important;
border-radius: 0.2em;
-webkit-box-shadow: 0 4px 0 #1eae59;
box-shadow: 0 4px 0 #1eae59;
border: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
}
.btn-wrap.rich_green a:hover {
background: #1eae59;
color: #ffffff !important;
-webkit-box-shadow: 0 1px 0 #1eae59;
box-shadow: 0 1px 0 #1eae59;
}
.btn-wrap.rich_blue a {
font-weight: bold;
position: relative;
background-color: #19b4ce;
color: #ffffff !important;
border-radius: 0.2em;
-webkit-box-shadow: 0 4px 0 #07889d;
box-shadow: 0 4px 0 #07889d;
border: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
}
.btn-wrap.rich_blue a:hover {
background: #07889d;
color: #ffffff !important;
-webkit-box-shadow: 0 1px 0 #07889d;
box-shadow: 0 1px 0 #07889d;
}
.anim a {
-webkit-animation: jiggle 3s ease-in infinite;
animation: jiggle 3s ease-in infinite;
}
@-webkit-keyframes jiggle {
48%, 62% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
56% {
-webkit-transform: scale(0.9, 1.1) translate(0, -5px);
transform: scale(0.9, 1.1) translate(0, -5px);
}
59% {
-webkit-transform: scale(1, 1) translate(0, -3px);
transform: scale(1, 1) translate(0, -3px);
}
}
@keyframes jiggle {
48%, 62% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
56% {
-webkit-transform: scale(0.9, 1.1) translate(0, -5px);
transform: scale(0.9, 1.1) translate(0, -5px);
}
59% {
-webkit-transform: scale(1, 1) translate(0, -3px);
transform: scale(1, 1) translate(0, -3px);
}
}
@media only screen and (min-width: 768px) {
.column-wrap {
margin-left: -1%;
margin-right: -1%;
}
.column-wrap .col2,
.column-wrap .col3 {
float: left;
width: 50%;
padding: 0 1%;
}
.column-wrap .col3 {
width: 33.333%;
}
.column-wrap p {
margin-bottom: 0.5em;
}
}
.voice {
margin: 1em 0 1.3em;
font-size: 0.95em;
}
.voice .voicecomment {
border: 5px solid rgba(213, 213, 213, 0.5);
margin-top: 1em;
padding: 2.5%;
position: relative;
width: 86%;
border-radius: 0 1.2em 1.2em 1.2em;
}
.voice.l .voicecomment {
float: right;
}
.voice.r .voicecomment {
float: left;
border-radius: 1.2em 0 1.2em 1.2em;
}
.voice.fb .voicecomment {
background: #4C5CB0;
border-color: #4C5CB0;
color: #fff;
}
.voice.line .voicecomment {
background: #7ACC40;
border-color: #7ACC40;
color: #fff;
}
.voice .voicecomment h2,
.voice .voicecomment h3,
.voice .voicecomment h4,
.voice .voicecomment h5 {
margin: 10px 0 !important;
padding: 0;
}
.voice .voicecomment p {
margin-bottom: 1em;
}
.voice .voicecomment p:last-child {
margin-bottom: 0;
}
.voice .icon {
width: 12%;
text-align: center;
}
.voice.l .icon {
float: left;
}
.voice.r .icon {
float: right;
}
.voice .icon img {
border-radius: 50%;
margin: 0;
border: 4px solid #f5f5f5;
}
.voice.icon_red .icon img {
border-color: #FF4E4E;
}
.voice.icon_blue .icon img {
border-color: #50B4DE;
}
.voice.icon_yellow .icon img {
border-color: #faee00;
}
.voice.icon_black .icon img {
border-color: #222;
}
.voice .icon .name {
font-size: 0.65em;
padding: 0.4em 0;
}
.voice.big .icon {
width: 18%;
}
.voice.big .voicecomment {
width: 79%;
} .cat_postlist {
width: 100%;
margin-bottom: 2em;
vertical-align: top;
}
@media only screen and (min-width: 768px) {
.cat_postlist__li a:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.cat_postlist__li a:active {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
}
.cat_postlist .catttl {
font-size: 105%;
font-weight: bold;
padding: 5px 0;
margin: 0 0 5px;
border-bottom: 2px solid;
}
.cat_postlist .catttl.ttlimg {
border: none;
padding: 0;
}
.cat_postlist .catttl.ttlimg img {
margin: 0;
}
.cat_postlist .cat_postlist__li {
margin: 0;
padding-left: 0;
}
.widget .cat_postlist__li {
margin: 0;
}
.cat_postlist.typecard .cat_postlist__ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.cat_postlist.typecard .cat_postlist__li {
width: calc(25% - 10px);
margin: 5px;
}
@media only screen and (min-width: 980px) {
#sidebar .cat_postlist.typecard .cat_postlist__li {
width: calc(50% - 10px);
}
}
.cat_postlist.typecard .cat_postlist__link {
display: block;
width: 100%;
padding: 0;
font-size: 90%;
}
.cat_postlist .cat_postlist__link {
color: inherit;
text-decoration: none;
width: 100%;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cat_postlist.typesimple .cat_postlist__link {
padding: 0.7em 0;
}
.cat_postlist__li::before {
content: none !important;
}
.cat_postlist__li .ttl {
font-size: 90%;
font-weight: bold;
margin: 0;
padding: 0;
line-height: 1.5;
}
.cat_postlist__li .time__date {
font-size: 85%;
line-height: 1.5;
opacity: 0.8;
}
.cat_postlist .btn-wrap {
margin: 1.5em 0 2em;
}
.cat_postlist .btn-wrap a {
padding: 5px 1.2em 5px 0.5em;
width: 230px;
}
.cat_postlist .btn-wrap.arrow a::before {
font-family: "fontawesome";
font-weight: 900;
content: '\f105';
position: absolute;
right: 5px;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.cat_postlist .eyecatch img {
margin: 0;
}
.cat_postlist .eyecatch.noimg {
font-size: 75%;
text-align: center;
position: relative;
}
.cat_postlist.typesimple .eyecatch {
width: 100px;
margin-right: 0.5em;
overflow: hidden;
text-align: center;
min-height: 65px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cat_postlist.typecard .eyecatch {
margin: 0 0 0.5em;
width: 100%;
}
.cat_postlist.typecard .eyecatch.noimg {
padding-top: 60%;
} .span__stk_maker_yellow {
display: inline;
background-position: left -100% center;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #ff6));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ff6 50%);
background-size: 200% .6em;
padding-bottom: .6em;
}
.span__stk_maker_pink {
display: inline;
background-position: left -100% center;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #ffd5d5));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ffd5d5 50%);
background-size: 200% .6em;
padding-bottom: .6em;
}
.span__stk_maker_blue {
display: inline;
background-position: left -100% center;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #b5dfff));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #b5dfff 50%);
background-size: 200% .6em;
padding-bottom: .6em;
}
@media only screen and (max-width: 480px) {
.btn-wrap a {
font-size: 0.9em;
}
.btn-wrap.big a {
font-size: 0.9em;
min-width: 80%;
max-width: 90%;
}
.btn-wrap.bg {
padding: 0.9em 0.8em;
margin: 2.5em 0;
}
.voice .icon {
width: 18%;
}
.voice .voicecomment {
width: 80%;
font-size: 0.95em;
}
.related_article {
font-size: 0.8em;
}
.related_article .thum {
width: 30%;
}
.related_article__link {
padding: 0.6em;
}
.cat_postlist.typecard .cat_postlist__li {
width: calc(50% - 10px);
}
}   .pd_onecolumn .wp-block-cover-image .wp-block-cover-image-text,
.pd_onecolumn .wp-block-cover-image h2 {
font-size: 1.4em;
}
.pd_onecolumn .wp-block-cover-image,
.pd_viral .wp-block-cover-image {
padding: 25% 0;
} @media only screen and (max-width: 480px) {
.wp-block-cover-image {
min-height: initial;
}
} .pd_onecolumn .entry-content > *:not(img):not(video):not(h2):not(.wp-block-cover-image):not(.wp-block-image):not(.alignwide):not(.alignfull) {
margin-left: auto;
margin-right: auto;
} @media only screen and (min-width: 980px) {
.pd_onecolumn .entry-content .alignwide,
.pd_viral .entry-content .alignwide {
width: calc(100% + 200px);
max-width: calc(100% + 200px);
margin: 0 0 1em -100px;
}
.pd_onecolumn .entry-content .alignfull,
.pd_viral .entry-content .alignfull {
width: 100vw;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
.wp-block-image.alignfull {
max-width: initial;
} .lp .entry-content .alignwide,
.lp .entry-content .alignfull {
min-width: 100%;
width: initial;
max-width: initial;
margin-left: -50px;
margin-right: -50px;
}
.lp .entry-content .alignfull {
margin-left: -150px;
margin-right: -150px;
}
.pd_onecolumn .entry-content .alignfull img,
.pd_viral .entry-content .alignfull img {
display: block;
margin: 0 auto;
height: auto;
}
.pd_onecolumn .entry-content .alignfull iframe,
.pd_viral .entry-content .alignfull iframe {
margin: auto;
display: block;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image h2 {
font-size: 2em;
}
.alignwide.is-type-video iframe {
width: 100%;
}
}
@media only screen and (max-width: 979px) {
.pd_onecolumn .entry-content .alignwide,
.pd_viral .entry-content .alignwide,
.pd_onecolumn .entry-content .alignfull,
.pd_viral .entry-content .alignfull {
width: calc(100% + 1.8em);
max-width: calc(100% + 1.8em);
margin: 0 0 1em -0.9em;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image h2 {
font-size: 1.3em;
}
} .pd_onecolumn .entry-content .solo.max-width,
.pd_onecolumn .entry-content .flex.max-width,
.pd_viral .entry-content .solo.max-width,
.pd_viral .entry-content .flex.max-width {
max-width: 1080px;
margin: 0 auto;
padding: 0 20px;
}
.pd_onecolumn .entry-content .solo img,
.pd_onecolumn .entry-content .flex img,
.pd_viral .entry-content .solo img,
.pd_viral .entry-content .flex img {
display: block;
width: 100%;
height: 100%;
}
.pd_onecolumn .entry-content .solo img,
.pd_viral .entry-content .solo img {
clear: both;
padding: 10px 0;
}
.pd_onecolumn .entry-content .flex,
.pd_viral .entry-content .flex {
clear: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pd_onecolumn .entry-content .flex img,
.pd_viral .entry-content .flex img {
padding: 10px 0;
}
.pd_onecolumn .entry-content .flex .half,
.pd_viral .entry-content .flex .half {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pd_onecolumn .entry-content .flex .half p,
.pd_viral .entry-content .flex .half p {
padding: 2em;
}
.pd_onecolumn .entry-content .flex .half:nth-of-type(1) img,
.pd_viral .entry-content .flex .half:nth-of-type(1) img {
padding: 10px 10px 10px 0;
}
.pd_onecolumn .entry-content .flex .half:nth-of-type(2) img,
.pd_viral .entry-content .flex .half:nth-of-type(2) img {
padding: 10px 0 10px 10px;
}
.pd_onecolumn .entry-content .flex p,
.pd_viral .entry-content .flex p {
max-width: 80%;
}  html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
} .remodal,
[data-remodal-id] {
display: none;
} .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
} .remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
} .remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.remodal-is-initialized { display: inline-block;
}  .remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: blur(3px);
} .remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
-webkit-animation-name: remodal-overlay-opening-keyframes;
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
-webkit-animation-name: remodal-overlay-closing-keyframes;
animation-name: remodal-overlay-closing-keyframes;
} .remodal-wrapper {
padding: 0 45px 0 0;
} .remodal {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
min-height: 100%;
padding: 1em;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
text-align: left;
}
.remodal.searchbox {
background: none;
color: #fff;
}
.remodal.searchbox .remodal-close {
color: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
-webkit-animation-name: remodal-opening-keyframes;
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
-webkit-animation-name: remodal-closing-keyframes;
animation-name: remodal-closing-keyframes;
} .remodal,
.remodal-wrapper:after {
vertical-align: middle;
}
.remodal .widget {
margin: 0 0 1em;
} .remodal-close {
display: block;
overflow: visible;
margin: 1em auto;
padding: .5em;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-decoration: none;
text-align: center;
color: #95979c;
border: 0;
outline: 0;
background: none;
font-size: 1.4em;
position: static !important;
}
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38;
}
.remodal-close:before {
font-family: "fontawesome";
content: "\f00d";
font-size: 1.3em;
display: inline-block;
position: relative;
top: 4px;
}
.remodal-close .text {
margin-left: .5em;
font-size: 70%;
display: inline-block;
font-weight: bold;
} .remodal-confirm,
.remodal-cancel {
font: inherit;
display: block;
overflow: visible;
min-width: 150px;
padding: 12px 0;
cursor: pointer;
-webkit-transition: background 0.2s;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0;
}
.remodal-confirm {
color: #fff;
background: #81c784;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}
.remodal-cancel {
color: #fff;
background: #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
} .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
} @-webkit-keyframes remodal-opening-keyframes {
from {
-webkit-transform: translateX(-700px);
transform: translateX(-700px);
opacity: 0;
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes remodal-opening-keyframes {
from {
-webkit-transform: translateX(-700px);
transform: translateX(-700px);
opacity: 0;
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@-webkit-keyframes remodal-closing-keyframes {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
to {
-webkit-transform: translateX(-700px);
transform: translateX(-700px);
opacity: 0;
}
}
@keyframes remodal-closing-keyframes {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
to {
-webkit-transform: translateX(-700px);
transform: translateX(-700px);
opacity: 0;
}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @media only screen and (min-width: 641px) {
.remodal {
max-width: 700px;
}
}
@media only screen and (max-width: 480px) {
.remodal {
padding: .5em;
font-size: .88em;
}
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}