@media print,
screen and (min-width: 960px) {
#content-w {
margin: 40px auto 0;
max-width: 1200px; display: grid; }
#content {
max-width: 100% !important;
margin: 0 4%;
}
#contentInner {
width: 66% !important;
margin-right: 4%;
} #contentInner main article .kanren:not(.st-cardbox) dl dt,
#contentInner main article aside .kanren:not(.st-cardbox) dl dt {
width: 46% !important;
margin-right: 20px;
}
#contentInner main article .kanren:not(.st-cardbox) dl dd,
#contentInner main article aside .kanren:not(.st-cardbox) dl dd {
margin-right: 20px;
padding: 0;
height: 168px;
overflow: hidden !important;
}
#contentInner main article .kanren:not(.st-cardbox) img {
width: 100%;
aspect-ratio: 16 / 9;
} #side {
width: 30% !important; display: grid;
height: 100%; }
aside {
width: 100% !important;
}
#headbox {
max-width: 100%;
padding: 5px 134px !important;
}
} #scrollad {
position: sticky;
Top: 0px;
} @media only screen and (max-width: 959px) {
#st-header-under-widgets-box-wrap {
width: 100%; max-width: 950px;
}
#content-w {
max-width: 100%;
margin: 40px 4% 0 !important;
}
#content {
margin: 0 auto;
}
#contentInner {
float: none;
width: 100% !important;
margin-right: 0px;
} #contentInner main article aside .kanren:not(.st-cardbox) dl dt,
#contentInner main article .kanren:not(.st-cardbox) dl dt {
width: 100%;
margin-bottom: 10px;
}
#contentInner main article aside .kanren:not(.st-cardbox) img,
#contentInner main article .kanren:not(.st-cardbox) img {
width: 100%;
aspect-ratio: 16 / 9;
}
#contentInner main article aside .kanren:not(.st-cardbox) dd,
#contentInner main article .kanren:not(.st-cardbox) dd {
padding-left: 0;
}
#side {
float: none !important;
width: 100% !important;
padding: 0;
}
} @media only screen and (min-width: 600px) and (max-width: 959px) {} @media only screen and (min-width: 600px) {} @media print,
screen and (max-width: 599px) {} body {
background-color: #E6E5E3 !important;
color: #333 !important;
font-family: "Source Sans Pro", sans-serif !important;
font-size: 17px !important;
font-weight: 400 !important;
line-height: 1.8 !important;
margin: 0 !important;
overflow-x: hidden !important;
}
a {
color: #6e6e6e;
}
a:hover {
color: #6e6e6e;
}
a:focus {
outline: none;
}
li {
font-size: 17px !important;
font-weight: 400 !important;
line-height: 1.8 !important;
padding: 0 !important;
} #wrapper-in {
background: linear-gradient(45deg, #CDC2AE, #E6E5E3, #F7ECDE);
background-size: 200% 200%;
animation: bggradient 20s ease infinite;
}
@keyframes bggradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Source Sans Pro", sans-serif;
}
p {
font-size: 17px;
font-weight: 400;
line-height: 1.8;
} .list-features {
background-color: #f2f2f2;
}
.rinker1 .freelink1 { background: #000 !important;
}
.rinker1 .freelink3 {
background: #f2f !important;
}
.rinker1 .freelink2 {
background: #f22f !important;
}
.rinker1 .freelink4 {
background: #ff2 !important;
} #menu-item-7613 {
display: none;
}
.menu-item-7613 {
display: none !important;
} .youtubelink iframe { } .cp-wa {
position: relative;
left: 0;
top: 0;
width: 300px;
margin: 0 auto;
overflow: hidden;
}
.image-discount {
position: absolute;
transform: rotate(45deg);
right: -24px;
top: 10px;
width: 100px;
height: 30px;
font-size: 1.2rem;
background: #EE2353;
color: #FDFEFF;
font-weight: bold;
}
.cp-pib {
text-align: center;
}
#st-header-under-widgets-box-wrap {
width: 1200px;
margin: 0 auto;
} #contet {
display: block;
}
#contentInner {
float: left;
}
#side {
float: right;
} #headbox-bg {
background: #fff;
}
header {
margin-bottom: 20px;
}
#st-header {
margin: auto;
margin-bottom: 40px;
max-width: 960px;
} #st-text-logo {  margin-bottom: 10px
} .sitename.sitenametop a {
color: #333;
} #st-menubox {
background: #f3f3f3;
margin-bottom: 40px;
} #header-r .footermenust.st-menu-side li a {
font-size: 15px;
padding: 12px 20px;
}
#nav_menu-3 li {
list-style: none;
} #st-header-under-widgets-box .st-header-under-widgets {
text-align: center;
margin-top: 40px;
}
#st-header-under-widgets-box .st-header-under-widgets img {
border-radius: 0;
} #side aside {
padding: 0;
}
#side aside .side-widgets {
margin-bottom: 40px;
}
aside ul {
padding-left: 10px;
}
aside h2 {
margin: 0 0 20px;
padding: 0px;
}
.menu_underh2 {
font-size: 22px;
background: #fcfcfc;
margin: 0px;
padding: 20px;
}
aside .st-widgets-title {
text-align: left;
}
aside #mybox .side-widgets {
text-align: center;
}
aside #scrollad {
padding-top: 0;
}
aside #scrollad .side-widgets {
text-align: center;
} #footer {
background: #616E63;
}
#footer a {
color: #F6F5F1;
}
#footer a:hover {
color: #ccc;
}
#footer li {
list-style: none;
}
#footer-wrapper {
padding: 40px 40px 8px;
}
#footer .footermenust a {
color: #F6F5F1;
}
.footer-description a {
font-size: 15px;
color: #F6F5F1;
}
.footer-r {
margin: 0;
}
#footer .st-widgets-title {
font-size: 22px;
line-height: 1.4;
font-weight: 700;
}
footer #sidebg li a {
font-size: 15px;
padding: 4px
} h3.footerlogo.st-text-logo-top img {
max-height: 50px;
margin-top: 3px;
}
.copyr {
color: #F6F5F1;
}
#footer .simple-social-icons ul {
margin-top: 40px;
} main {
background: #fcfcfc;
margin: 0;
margin-bottom: 40px;
margin-right: 0px !important;
padding: 10px 20px 20px;
overflow: hidden;
}
article {
background: #fcfcfc;
}
.side-widgets.widget_block {
background: #fcfcfc; margin-bottom: 40px;
padding: 20px;
} .kanren {
background: #fcfcfc;
padding: 20px;
margin-bottom: 40px;
} article aside h3 a {
font-size: 22px;
}
article aside p {
font-size: 16px;
color: #333;
} .kanren dt:not(.st-card-img)::before {
background: #135e96;
opacity: 0.3;
}  #nocopy .tagst {
margin-bottom: 70px;
}
.post h2,
.post h3,
.post h4,
#buy,
.buy {
margin: 42px 0 28px !important;
}
.cp-pib {
margin: 28px 0 42px !important;
}
.post h4.point {
margin-top: 84px !important;
}
.post iframe {
margin: 0;
} .post .wp-caption,
figure.wp-block-image {
margin: 42px auto !important;
text-align: center;
} .cp-pib img,
.st-eyecatch-under img,
.post ul:not(.ez-toc-list, ul) {
box-shadow: 0px 5px 10px -6px rgba(0, 0, 0, 0.35);
}
.post ul:not(.yyi-rinker-links) {
padding: 14px 42px;
margin: 42px 0;
background: #f2f2f2;
}
.post ul li {
margin: 2px 0;
}
.post ul li ul,
.post ul ul ul {
padding: 6px 24px !important;
margin: 0 !important;
} .st-post #breadcrumb ol {
padding: 0 0 10px;
border-bottom: solid 1px #eee;
}
.st-post #breadcrumb ol li a {
font-size: 1rem; }
.st-post #breadcrumb ol li a:hover {
border: none;
} .st-post h1.entry-title {
padding: 0;
margin-bottom: 28px;
} .st-eyecatch-under {
text-align: center;
}
.st-eyecatch-under img {
width: 100%;
}
.blogbox {
margin-bottom: 20px;
}
.post h2,
.post h3,
.post h4 {
position: relative !important;
border-bottom: solid 3px #f1f1f1 !important;
}
.post h2:after,
.post h3:after,
.post h4:after {
position: absolute !important;
content: " " !important;
display: block !important;
border-bottom: solid 3px #7895B2 !important;
bottom: -3px !important;
left: 10px !important;
width: 20% !important;
}
.post h3:after {
border-bottom: solid 2px #AEBDCA !important;
}
.post h4:after {
border-bottom: solid 2px #E8DFCA !important;
}
.post ul,
.post ol {
margin: 0 0 28px;
padding-left: 40px;
}
.post li {
font-size: 17px;
font-weight: 400;
line-height: 1.8;
padding: 0;
}  .wp-block-genesis-blocks-gb-columns { margin: 0 0;
margin-bottom: 40px;
} .wp-block-genesis-blocks-gb-container { margin: 0px;
}
.gb-layout-column-wrap {
padding: 0 30px;
} .wp-block-genesis-blocks-gb-profile-box {
padding: 0;
}
.wp-block-genesis-blocks-gb-cta.gb-block-cta {
background: #f2f;
} .gb-block-container {
background: #ccc;
padding: 10px;
} .gb-block-testimonial { margin-bottom: 40px;
}
.gb-testimonial-avatar-wrap {
margin-right: 20px;
padding-right: 20px;
}
h2.gb-testimonial-name {
margin-left: 70px !important;
margin-bottom: 20px !important;
padding: 0px !important;
}  .gb-block-profile { margin-bottom: 40px;
} #page-top {
bottom: 80px;
} .top-wbox-t,
.post-widgets-top {
margin-top: 20px;
}
.side-topad {
text-align: center;
}  .tablepress {
white-space: normal !important;
} #ez-toc-container {
margin: 14px auto 42px;
width: 50%;
}
a.ez-toc-link:visited {
color: #444 !important;
} .yyi-rinker-box .yyi-rinker-info .yyi-rinker-detail .credit-box {
display: none;
}  .yyi-rinker-box .yyi-rinker-info .yyi-rinker-detail .credit-box {
display: none;
}          div.yyi-rinker-contents ul.yyi-rinker-links li a:hover::after {
opacity: .9;
transform: translateX(2px);
-webkit-transform: translateX(2px);
}  #buy,
.buy {
background: #F6F5F1;
padding: 18px;
margin: 28px 0;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
}
.buy .wp-block-genesis-blocks-gb-button .gb-button {
background: #26AD79;
margin: 4px;
}
.buy .wp-block-genesis-blocks-gb-button .gb-button:hover {
background: #26AD79;
color: #fff;
}
.buy a.gb-button {
font-size: 18px;
} #custom_html-19 {
text-align: center;
}
.postform option[value="174"],
.postform option[value="175"] {
display: none !important;
}
.searchandfilter input[type="text"] {
font-size: 14px;
height: 41px;
border: none;
}
.searchandfilter li input[type="submit"] {
margin-top: 10px;
text-align: center;
}
.searchandfilter select {
margin-top: 10px;
}
.searchandfilter ul {
padding: 0;
}
.searchandfilter ul li {
margin-top: 6px;
width: 100%;
}
.searchandfilter input[type="submit"] { background: #606E63;
color: #F3F2ED;
border: none;
font-size: 14px;
padding: 8px 10px;
}
.search-edit,
input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
font-size: 12px;
} .gb-button {
display: inline-block;
color: #fff !important;
text-align: center;
text-decoration: none;
line-height: 1.4;
white-space: nowrap;
transition: opacity .2s ease;
}
.gb-button:hover {
color: #fff !important;
opacity: 0.85;
text-decoration: none;
}
.gb-button-shape-circular {
border-radius: 500px;
}
.gb-button-shape-rounded {
border-radius: 6px;
}
.gb-button-shape-square {
border-radius: 0;
}
.gb-button-size-small {
padding: 8px 18px;
font-size: 14px;
}
.gb-button-size-medium {
padding: 12px 26px;
}
.gb-button-size-large {
padding: 16px 34px;
font-size: 22px;
}