@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/* Rinker セール情報*/
/*#main ul.yyi-rinker-links {
	margin-top:25px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a::before {
	font-size: 11px;
	content: "＼お買い物ﾏﾗｿﾝ開催中／" !important;
	color: #C44540;
	position: absolute;
	top: -30px;
	font-weight:normal;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a::before {
	font-size: 11px;
	content: "＼GW SALE開催中／ "!important;
	color: #F6A307;
	position: absolute;
	top: -30px;
	font-weight:normal;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a::before {
	font-size: 11px;
	content: "＼ﾍﾟｲﾍﾟｲｼﾞｬﾝﾎﾞ開催中／" !important;
	color: #51A7E8;
	position: absolute;
	top: -30px;
	font-weight:normal;
}
#main ul.yyi-rinker-links li.freelink4 {
	margin-top:25px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 a::before {
	font-size: 11px;
	content: "＼ﾒｶﾞ割開催中／" !important;
	color: #63ad87;
	position: absolute;
	top: -30px;
	font-weight:normal;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
	margin-top: 5px;
}
@media screen and (max-width: 599px){
	#main ul.yyi-rinker-links {
		margin-top:20px;
		margin-bottom:20px;
	}
	div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a::before,
	div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a::before,
	div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a::before,
	div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 a::before {
		font-size:14px;
	}
	div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
		margin: 20px 0 10px;
	}
	div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
		margin: 20px 0 10px;
	}
	div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
		margin: 20px 0 10px;
	}
	div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 {
		margin: 20px 0 10px;
	}
}*/
#custom_html-2 {
	margin-bottom:5px;
}
.article #custom_html-2 p {
	color:#999;
	margin-bottom:0;
}
#main .mt30 {
	margin-top:30px;
}
#main .md table {
	min-width:80%;
	margin: 0 auto;
}
#main .md table th {
	width:50%;
	background-color:#51a7e8;
	color:#fff;
	border-color:#fafafa;
}
#main .md table td {
	background-color:#e5f3fd;
	border-color:#fafafa;
}
#main .md table th:last-child {
	background-color:#e54f4a;
}
#main .md table td:last-child {
	background-color:#feeae3;
}
.strong {
	font-weight:bold;
}
.article h1 {
	line-height:1.5;
	margin-bottom:0;
}
img {
	-webkit-backface-visibility: hidden;
}
.tab-caption-box,
.label-box {
	border:none;
}
.video-container,
.instagram-container,
.facebook-container,
.video-container .video{
	margin-top:0;
}
.ect-3-columns .entry-card-snippet {
	max-height:none;
}
.main {
	width: 68%;
}
.wrap {
	width:100%;
	max-width:1200px;
}
.attention {
  color: #cf2e2e;
  font-weight: bold;
}
.mobile-menu-buttons .menu-content {
	z-index:99999;
}
#main ul.yyi-rinker-links li {
	min-width:150px;
	display: inherit;
	flex-direction: column;
	align-self: flex-end;
	text-align: center;
}
#main ul.yyi-rinker-links li a {
	padding:0 20px;
	text-align:center;
	font-size: 12px;
	height: 40px;
	line-height:40px;
	white-space: nowrap;
}
/*必要ならばここにコードを書く*/
.center {
	text-align: center;
}
.single p.point {
	font-size: 20px;
	line-height:1.5;
	font-weight: 600;
	margin-bottom: 15px;
	text-indent:-30px;
	padding-left:30px;
}
.single p.point::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 22px;
	content: "\f00c";
	color: #e02d54;
	margin-right: 8px;
}
.single p a {
	font-weight:bold;
}
#main .toggle-wrapper .toggle-wrap {
	margin-bottom:20px;
}
.toggle-button {
	padding: 10px;
	background-color: #ffedf1;
	border: 1px solid #e02d54;
	color:#e02d54;
	font-weight:bold;
}
.toggle-checkbox:checked ~ .toggle-content {
  border: 1px solid #e02d54;
	border-top:none;
}
.toggle-button::before {
	color:#e02d54;
}
#main table td br {
	display: block;
}
.home .ad-content-top,.home .ad-content-middle,.home .eye-catch {
	display:none;
}
.home .article h2 {
	margin-top:0;
}
main a:hover > *,
main a:hover .card-snippet,
#sidebar a:hover {
	background:inherit;
	color:#e02d54;
	opacity:1;
}
.entry-content > *, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond, .is-root-container > *, [data-type="core/freeform"],.article h2, .article h3, .article h4, .article h5, .article h6 {
	margin-bottom: 3em;
	font-size:17px;
	line-height:2;
	letter-spacing:1px;
}
p.is-style-comment-box {
	margin-bottom:1em;
}
.article .mb0 {
	margin-bottom:5px !important;
}
.article .mt0 {
	margin-top:5px !important;
}
.article .mb15 {
	margin-bottom:15px !important;
}
.body .sidebar aside.widget {
	margin-bottom:1.7em;
}
  .home h1, .home header .sns-share,.home footer .sns-share,.home footer .sns-follow,.home header .post-date,.home .post-update,.home .author-info, .home #pager-post-navi {
	  display: none;
}
.home .article h2.ttl-top,
.entry-content {
	margin-top:0;
}
.home .article h2 {
  font-size: 23px;
	border:none;
  background-color: #fff;
  text-align: center;
  font-weight: normal;
  letter-spacing: 0.2em;
}
.mobile-header-menu-buttons {
	z-index:9999;
}
.slick-dots {
	z-index:10;
}
.slick-dots li button::before {
	font-size:10px;
}
.home .button-block {
	max-width:600px;
	margin: 0 auto 50px;
	text-align: center;
}
.home .article h2,
.home .article h3 {
	margin-top:0;
	margin-bottom:20px;
}
.home .popular-entry-cards {
	margin-bottom:20px;
}
html body .logo-header img {
	width:280px;
	height:auto;
}
html body .single-post .wp-block-buttons {
	text-align:center;
}
html body .single-post .wp-block-button {
	display:block;
	width:100%;
	max-width:600px;
	margin: 0 auto;
	text-align: center;
}
html body .single-post .wp-block-button a {
	display:block;
	padding:20px 10px;
	position:relative;
	width:100%;
	border-radius:4px;
	border: 1px solid #e02d54;
	color: #fff;
	font-size:100%;
	font-weight:600;
	background-color:#e02d54;
}
html .body .has-light-green-background-color {
	background-color:#60b630;
}
.single-post .wp-block-button a:hover {
	opacity:.7;
}
.single-post .wp-block-button a::after{
    content: "\f105";
    position: absolute;
    right: 0;
	top:auto;
	bottom:auto;
    font-size: 20px;
	font-family: "Font Awesome 5 Free";
	margin:auto;
    margin-right: 12px;
    transition: all .2s ease;
	color:#fff;
}
.blank-box {
	padding: 1.5em;
}
.blank-box p {
	margin-bottom:1.2em;
}
.ect-vertical-card {
	justify-content:flex-start; 
}
.eye-catch,
.ect-vertical-card .entry-card-wrap .entry-card-thumb,
.widget-entry-cards.card-large-image figure,
.rect-vertical-card .related-entry-card-thumb {
	  position: relative;
	overflow: hidden;
	height: auto;
	border:1px solid #eee;
}
.eye-catch::after,
.ect-vertical-card .entry-card-wrap .entry-card-thumb::after,
.rect-vertical-card .related-entry-card-thumb::after {
	content: "";
	display: block;
	padding-bottom: 55%;
}
.eye-catch img,
.ect-vertical-card .entry-card-wrap .entry-card-thumb img,
.rect-vertical-card .related-entry-card-thumb img {
	position: absolute;
	width: 100%;
	max-width: none;
	height: auto;
	margin:auto;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	transition: all 0.5s;
}
.a-wrap.related-entry-card-wrap:hover .related-entry-card-thumb img,
.a-wrap.entry-card-wrap:hover .entry-card-thumb img {
	transform: translate(-50%, -50%) scale(1.2,1.2);
}
main .a-wrap {
	padding:0;
}
.popular-entry-cards,
.new-entry-cards,
#list {
	font-size:0 !important;
}
.ect-3-columns {
	column-gap: 0;
}
/* おすすめカード */
.category-header .eye-catch-wrap,
.tag-content .eye-catch-wrap {
	display:none;
}
#recommended {
	margin:20px auto 0;
	padding:0 20px;
}
#recommended #recommended-in .widget-entry-cards.card-large-image {
	padding: 0;
	margin: 0;
}
#recommended #recommended-in .widget-entry-cards.card-large-image .a-wrap,
#recommended #recommended-in .widget-entry-cards.card-large-image .a-wrap:nth-child(3n) {
	width: calc((94% / 4) - 0.1px);
	margin: 0 2% 0 0;
}
#recommended #recommended-in .widget-entry-cards.card-large-image .a-wrap:last-child {
	margin-right:0;
}
#recommended #recommended-in .widget-entry-cards.card-large-image img {
	min-height:160px;
}
/* FAQ */
main .entry-content .faq-wrap {
	padding:0;
	margin-bottom:2em;
}
main .faq-question {
	margin-bottom:10px;
}
/*関連*/
.rect-vertical-card .related-entry-card-thumb {
	margin-bottom:7px;
}
/* sp menu */
.logo-menu-button img {
	max-width:150px;
}
.mobile-menu-buttons {
	height:50px;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button {
	color: #e02d54;
	margin: auto;
}
.mobile-menu-buttons .menu-button:hover {
	background-color: #fff;
}
span.fa.fa-search::before {
	margin-left:1em;
	color: #e02d54;
}
span.fa.fa-bars::before {
	margin-right:1em;
}
.navi-menu-caption.menu-caption,.search-menu-caption.menu-caption {
	display:none;
}
.mobile-menu-buttons .menu-button > a {
	color:#e02d54;
}
span.fa.fa-close::before{
	font-family: "Font Awesome 5 Free";
	content:"\f060";
}
.menu-content .menu-drawer {
	padding: 0 20px;
	margin:0;
}
.navi-menu-close-button,
.sidebar-menu-close-button {
	display: block;
	font-weight: normal;
	background: white;
	color:#e02d54;
	padding: 10px 0;
	margin: 0 20px;
	text-align: left;
	border-bottom:3px dotted #e02d54;
}
ul.menu-drawer:after {
	background: white;
}
.menu-drawer li {
	background-color:#fff;
	padding:0;
	border-radius:20px;
}
.menu-drawer a {
	font-size:14px;
	background-color:#efefef;
	margin: 6px 0;
	padding: 8px 20px;
	border-radius:5px;
}
.menu-drawer a:hover {
	background-color:#e02d54;
	color:#fff;
	transition: 0.2s ;
}
.menu-drawer .sub-menu {
	padding-left:30px;
	margin-top:0;
}
.menu-content .sidebar {
	color:#111;
}
/* キャッチフレーズ */
.tagline {
	padding:5px 10px;
	margin:0;
	line-height:1.4;
	background-color:#ffedf1;
	color:#e02d54;
}
/*吹き出し*/
.speech-balloon p {
	font-size:15px;
}
.speech-icon {
	line-height:1.5;
}
html .body .speech-balloon,
.sbp-l .speech-balloon.has-watery-green-background-color {
	border:none;
	padding: 15px 20px;
	background-color:#efefef !important;
}
html .body .sakura .speech-balloon {
	background-color:#ffedf1 !important;
}
.speech-balloon::before {
	border-right:none;
}
.sbp-l .speech-balloon::after,
.sbp-l .speech-balloon.has-watery-green-background-color::after {
	border-right-color:#efefef !important;
}
.sakura.sbp-l .speech-balloon::after {
	border-right-color:#ffedf1 !important;
}
/* 目次 */
.toc {
	width:100%;
    border: 1px solid #e02d54;
}
.toc-title {
	margin-bottom:10px;
    background-color: #ffedf1;
	color: #e02d54;
	font-weight: bold;
	text-align:left;
}
.toc-title::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 22px;
	content: "\f0a4";
	margin-right: 8px;
	font-weight:normal;
}
.toc .toc-list ul,
.toc .toc-list ol{
	padding-left:0;
}
.toc-content .toc-list > li {
	margin-bottom:15px;
	line-height:1.5;
}
#toc .toc-content .toc-list li ol li,
.toc .toc-content .toc-list li ol li {
    list-style-type: none;
    position: relative;
	margin-top:8px;
	margin-bottom:8px;
	font-size:14px;
	line-height:1.5;
}
.toc a,
#toc .toc-content .toc-list li ol li a,
.toc .toc-content .toc-list li ol li a {
	font-size:14px;
}
#toc .toc-content .toc-list li ol li::before,
.toc .toc-content .toc-list li ol li::before {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    display: inline-block;
    left: 0;
    top: 0.6em;
	margin-right:10px;
    content: "";
    background: #e02d54;
}
.nwa .toc {
	margin:0;
}
/* mv */
.type-post #mv-wrapper {
	position:relative;
	margin-bottom:10px;
	background-color:#000;
}
.type-post #mv-wrapper h1 {
	position:absolute;
	width:90%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 0;
	line-height:1.8;
	color:#fff;
	text-align:center;
}
.type-post #mv-wrapper .eye-catch {
	overflow: hidden;
	max-height: 380px;
	margin-bottom: 10px;
	margin-bottom:0;
}
.type-post #mv-wrapper .eye-catch::after {
  content: "";
  display: block;
  padding-bottom: 66.6666%;
}
.type-post #mv-wrapper .eye-catch-wrap {
	display:block;
}
.type-post #mv-wrapper .eye-catch-wrap img {
  position: relative;
  width: auto;
  height: auto;
  /*top: 0;
  left: 0;
  bottom: 0;
  right: 0;*/
  margin: auto;
	opacity:0.3;
}
.type-post main #mv-wrapper .cat-label {
	background:rgba(224,45,84,1);
}
body .is-layout-flow > * + * {
	margin-top:0;
}
/* ブログカード */
.blogcard {
    border:10px solid #ffedf1;
}
.blogcard-label {
	background-color:#e02d54;
}
/* Rinker */
#main div.yyi-rinker-contents {
	margin:1em 0 3em;
	border:10px solid #eee;
	box-shadow:none;
}
/* コメント */
#comment-area {
	border-top:1px solid #ddd;
}
.comment-form {
	margin-bottom:20px;
}
.comment-form-comment {
	margin-bottom:10px;
}
.comment-form input[type="submit"] {
	border: 1px solid #e02d54;
	color: #e02d54;
	background-color:inherit;
	border-radius:5px;
	font-size:16px;
	font-weight:bold;
	transition: all 0.3s;
}
.comment-form input[type="submit"]:hover {
	background-color:#e02d54;
	color: #fff;
	opacity:1;
}
.breadcrumb.sbp-main-before,
.breadcrumb.sbp-footer-before,
.breadcrumb.pbp-main-before {
	background-color: inherit;
}
.logo-header img {
	vertical-align: middle;
}
.navi-in > ul .sub-menu a {
	background-color:#ffedf1;
}
.navi-in a:hover,
.navi-in > ul .sub-menu a:hover {
	background-color: #e02d54;
	color: #fff;
}
.widget-entry-cards.ranking-visible .card-thumb::before {
	top:0;
	right:0;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb {
	overflow: hidden;
	margin-bottom: 5px;
	line-height: 1;
}
.entry-card-title {
	font-size:16px;
}
.entry-card-title, .related-entry-card-title {
	margin-bottom: 5px;
}
main .widget-entry-card-content {
	font-size:13px;
	line-height:1.5;
}
.entry-card-snippet, .related-entry-card-snippet {
	line-height: 1.6;
	color: #999;
}
.a-wrap:hover {
    background-color: inherit;
    transition: all 0.3s ease-in-out;
}
.widget-entry-cards figure,
.blogcard-thumbnail,
.related-entry-card-thumb,
.pager-post-navi a figure,
.a-wrap figure {
	overflow: hidden;
}
figure img {
	transition-duration: 0.5s;
}
.a-wrap:hover figure img {
	transform: scale(1.2,1.2);
}
main .cat-label,
.eye-catch .cat-label,
.carousel-in .cat-label {
    top: 10px;
    left: 10px;
	border: none;
	border-radius: 15px;
    font-size: 11px;
    color: #fff;
    background-color: rgba(224, 45, 84, 0.7);
    padding: 2px 8px;
}
.navi-in > ul li {
	height: 40px;
	line-height: 40px;
}
.navi-in a {
    font-size: 14px;
}
.sidebar {
	width: calc(32.5% - 39.75px);
	padding: 0;
    background-color: inherit;
}
.sidebar aside {
	padding: 20px;
	margin-bottom: 20px;
	background-color: #fff;
}
.sidebar .author-box {
	padding: 0;
	margin-bottom: 0;
	border: none;
}
.search-box {
    margin: 0;
}
.sidebar h3 {
    background-color: inherit;
    padding: 0 0 5px;
    margin: 0 0 15px;
	border-bottom: 1px solid rgba(224, 45, 84, 1);
	font-size: 16px;
}
#main ol li {
	text-indent:-1.2em;
	padding-left:1.2em;
}
#toc-2 .toc-widget-box {
	padding-bottom:20px;
	max-height: 80vh;
	overflow-y: auto;
}
.fa-search::before {
	color: rgba(224, 45, 84, 1);
}
.widget-sidebar p {
	font-size: 16px;
}
.widget-entry-card-content {
	margin-left: 130px;
	font-size: 14px;
}
.widget_recent_entries ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_rss ul li,
.widget_nav_menu ul li {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
}
.entry-category,
.post-date,
.post-update,
.post-author,
.amp-back {
	padding: 0;
	color: #999;
	font-size: 12px;
	line-height: 1.2;
}
.footer-bottom {
	margin-top: 0;
}
.copyright {
	font-size: 10px;
}
.article h2 {
	font-size: 22px;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 0;
	border-left: 7px solid #e02d54;
	border-bottom:3px double #e02d54;
}
.article h3 {
	font-size: 20px;
	padding-left: 0;
	border: none;
	border-bottom: 1px solid #e02d54;
}
main .rr-box {
	padding: 30px;
	margin:0 0 30px;
	border-radius:10px;
	text-align:center;
	background-color:#fff9e5;
}
main .rr-box p.ttl {
	margin-bottom: 10px;
	color: #fc9f46;
	font-size: 20px;
	font-weight: 700;
	text-align:center;
}
main .rr-box p {
	margin-bottom:20px;
	text-align:left;
	font-size:14px;
}
main .rr-box p.center {
	text-align:center;
}
.body main .rr-box figure.wp-block-image {
	margin-bottom:20px;
	text-align:center;
}
main .rr-box .button-block {
	margin: 0 auto;
}
main .entry-content .sale-ttl {
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
main .entry-content .asp-area-noimg {
	padding:25px 10px;
	background-color:#eefaed;
}
main .entry-content .asp-area {
	padding:25px 10px 0;
	/*background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);*/
	background-color:#eefaed;
}
#main .asp-area strong {
	background:none;
}
main .entry-content .asp-area-noimg .wp-block-group__inner-container,
main .entry-content .asp-area .wp-block-group__inner-container {
	width:100%;
	text-align:center;
}
main .entry-content .asp-area-noimg .ttl,
main .entry-content .asp-area .ttl {
	margin-bottom: 10px;
	font-size: 18px;
	line-height:1.7;
	font-weight:bold;
	text-align: center;
	color:#1faa26;
}
main .entry-content .asp-area-noimg .sub,
main .entry-content .asp-area .sub {
	margin-bottom: 15px;
	text-align: center;
	font-size: 14px;
}
main .entry-content .asp-area-s .wp-block-group__inner-container {
	width:100%;
	text-align:center;
}
main .entry-content .asp-area-s .ttl {
	padding-left: 30px;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 600;
	text-indent: -30px;
}
main .entry-content .asp-area-s .ttl::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 22px;
  content: "\f00c";
  color: #e02d54;
  margin-right: 8px;
}
main .entry-content .asp-area-s .sub {
	font-size: 14px;
	margin-bottom:2em;
}
main .entry-content .asp-area-s .btn {
	margin:0 auto 3em;
}
/* btn */
main .entry-content .sale-btn,
main .entry-content .sale-btn2 {
	position:relative;
	max-width:500px;
	width:100%;
	margin: 0 auto 3em;
	line-height:auto;
}
main .entry-content .btn-asp {
	position:relative;
	max-width:500px;
	width:100%;
	margin: 0 auto 0;
	line-height:auto;
}
main .entry-content .btn-asp a:hover span {
	color: #fff;
}
main .entry-content .btn-asp span.fas {
	display:none;
}
main .entry-content .add {
	max-width:500px;
	width:100%;
	margin: 0 auto;
	font-size:14px;
	font-weight:bold;
} 
main .wp-block-button {
	width:100%;
}
main .sale-btn a {
	position:relative;
	display:block;
	padding: 15px 50px 15px 50px;
	border-radius:5px;
	border-bottom:6px solid #a61938;
	font-size: 16px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background-color: #e02d54;
	cursor: pointer;
    transition: all 0.3s;
	text-align:center;
}
main .sale-btn2 a {
	position:relative;
	display:block;
	padding: 15px 50px 15px 50px;
	border-radius:100px;
	border-bottom:6px solid #a61938;
	font-size: 16px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background-color: #e02d54;
	cursor: pointer;
    transition: all 0.3s;
	text-align:center;
}
main .btn-asp a {
	position:relative;
	overflow:hidden;
	display:block;
	padding: 15px 40px 15px 40px;
	border-radius:100px;
	border-bottom:6px solid #349439;
	font-size: 16px;
	color:#fff;
	text-decoration:none;
	background-color: #32bf05;
	cursor: pointer;
    transition: all 0.3s;
	line-height: 1.7;
	text-align:center;
}
.btn-asp a::before {
  animation: shine 5s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}
main .sale-btn a:hover,
main .sale-btn2 a:hover,
main .btn-asp a:hover {
	background-color: #4fd808;
	border-color: #1faa26;
}
html .body main .btn {
	position:relative;
	background-color:#e02d54;
	font-weight:normal;
}
html .body main .btn {
	width:90%;
	max-width:600px;
	padding:10px 40px 10px 10px;
	padding-right:40px;
	font-size:18px;
	margin-left:auto;
	margin-right:auto;
}
main .sale-btn a::after,
main .sale-btn2 a::after,
main .btn-asp a::after,
html .body main .btn::after {
	position:absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	font-weight:900;
	height: 20px;
	right:20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	line-height: 1;
}
main .btn-asp img:first-child {
	display:none;
}
/* 見た目参考 */
#main .b {
  font-weight: bold;
  margin: 0 0.15em;
}
#main .red {
  color: #ce000d;
	font-weight:bold;
}
main .merit,
main .demerit {
	position:relative;
	margin:70px 0 30px;
}
main .ttl-demerit,
main .ttl-merit {
	position: absolute;
	height:34px;
	top: -34px;
	left: 0;
	margin:0;
	color: #fff;
	line-height:37px;
	padding: 0 15px;
	border-radius: 10px 10px 0 0;
	background: #ffb6c1;
}
main .ttl-demerit::before,
main .ttl-merit::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 22px;
	content: '\f118';
	margin-right: 8px;
	font-weight: normal;
}
main .ttl-demerit::before {
	content: '\f119';
}
main .ttl-demerit {
	background: #8fccb8;
}
#main .demerit ul,
#main .merit ul,
#main .demerit ol,
#main .merit ol {
	padding:20px 30px;
	border:3px solid #ffb6c1;
	border-radius:0 10px 10px 10px;
}
#main .demerit ul,
#main .demerit ol {
	border-color:#8fccb8;
}
#main .merit li::before {
	background: #ffb6c1;
}
#main .demerit li::before {
	background: #8fccb8;
}
#main ul.tb {
	padding:25px 30px;
	border:none;
	border-radius:10px;
	background:#e6ebf6;
}
#main ul.tb li:before {
	background: #8ea4d1;
}


.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.is-resized {
	margin: 0 auto 1em;
}
.author-box {
	padding: 10px;
}
.author-thumb,
.nwa .author-box .author-thumb {
	float: none;
	width:120px;
	margin: 0 auto 10px;
}
.author-content,
.nwa .author-box .author-content {
	font-size:14px;
	padding: 0;
	margin-left: 0;
	text-align: center;
}
.author-name {
	text-decoration: none;
}
.author-description,
.author-description p {
	font-size:14px;
	margin-bottom: 0;
}
.author-follows {
	display: none;
}
.blogcard-wrap {
	width: 100%;
}
.pagination-next {
	display: none;
}
main table {
	max-width: 100%;
}
main table div {
	width: auto !important;
	max-width: 100%;
}
#content-bottom {
	margin: 20px;
}

#main table.line th {
  background-color: #f5f6f7;
}
#main table.line tr:nth-of-type(2n+1) {
  background-color: #fafbfc;
}
#main table.line th,
#main table.line td {
  border: 1px solid #ddd;
  padding: 6px 10px;
}
#main .review table {
	margin-bottom:10px;
}
.wp-block-table thead {
	border-bottom:0;
}
#main .review table td:first-child {
	background-color: #f1f1f1 !important;
	font-weight:bold;
	text-align:left;
}
#main .review table td strong{
	background:none;
}
#main .review table td {
  border: 1px solid #ddd;
  background-color:#fff !important;
}
#bottom-box {
	padding: 20px;
	border: 4px solid #ffe0e7;
}
#bottom-box p {
	margin-bottom:0;
}
#bottom-box p:first-child {
	color: #e02d54;
	font-weight:bold;
}
table td br {
	display:none;
}
#main .entry-content table.line td br {
	display:block;
}
#main .entry-content table.line th {
	text-align: center;
	font-weight: bold;
	background-color: #fafafa;
}
#main .entry-content table.line {
	table-layout:fixed;
	width:100%;
	border-collapse:collapse;
}
#main ul,
#main ol {
	padding-left:0;
}
#main ul.yyi-rinker-links {
	padding:0;
	border:none;
	background-color:inherit;
}
#main .box {
	padding:20px 30px;
	border:10px solid #ffedf1;
}
#main ol.box,
#main ul.box {
	padding:25px 30px;
	border-radius:10px;
}
#main ol {
	list-style: inside decimal;
	padding-left:0;
	font-size:16px;
}
#main ol.box {
	list-style:none;
	counter-reset: ol_li;
}
#main ol.box li {
  text-indent: -29px;
  padding-left: 29px;
}
#main ol.box li::before {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 10px;
  counter-increment: ol_li;
  content: counter(ol_li);
  background-color: #e02d54;
  color: #fff;
  vertical-align: middle;
  text-indent: 0;
  padding-left: 0;
  font-size: 11px;
  text-align: center;
  line-height: 22px;
}
#main ol.box li span {
	text-indent:0;
}
#main p.box {
	padding:20px 30px;
	border: 6px solid #ffe0e7;
}
#main ul li {
	list-style-type: none;
    position: relative;
    padding-left: 20px;
}
#main ul.yyi-rinker-links li {
    list-style-type: none;
    position: relative;
    padding-left: 0;
}
#main ul li:before {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    left: 0;
    top: 14px;
    content: "";
    background: #e02d54;
}
#main #comment-area ul li:before {
	display:none;
}
#main ul.timeline {
	padding:20px 0;
}
#main ul.timeline li {
	padding-left:0;
}
.timeline-item-label {
	color:#e02d54;
}
#main ul.timeline li p,
#main .timeline-item-title{
	margin-bottom:20px;
}
#main ul.timeline li p:last-child {
	margin-bottom:0;
}
#main ul.timeline li.timeline-item::before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  left: 105px;
  top: 24px;
  border-radius: 100%;
}
#main ul.yyi-rinker-links li:before {
	display:none;
}
#main .entry-content .wp-block-image img {
	border: 1px solid #efefef;
}
#main strong {
	background: #fde4e8;
	padding:1px;
}
#main .nb strong {
	background: none;
	padding:0;
}
.carousel-entry-card-thumb {
	line-height: 1;
}
.carousel-entry-card-title {
	padding: 0;
	font-size: 12px;
}
.slick-dots li.slick-active button::before {
    color: #e02d54;
    opacity: 0.75;
}
.widget-entry-cards.card-large-image {
	font-size: 0;
}
.widget-entry-cards.card-large-image figure {
	margin:0;
}
.widget-entry-cards.card-large-image .a-wrap,
.ect-vertical-card .entry-card-wrap {
	display:inline-block;
	width: calc((94% / 3) - 1px);
	padding:0;
	margin-right: 3%;
	margin-bottom:30px;
	vertical-align: top;
}
.popular-entry-card-title {
	font-size:14px;
}
.widget-entry-cards.card-large-image .a-wrap:nth-child(3n),
.ect-vertical-card .entry-card-wrap:nth-child(3n) {
	margin-right: 0;
}
.wp-block-tag-cloud a {
    border: 1px solid #eee;
    border-radius: 2px;
    color: #555;
    padding: 3px 8px;
    text-decoration: none;
    font-size: 12px;
    margin: 2px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.widget_categories ul.children {
	border-top: 1px solid #ddd;
}
.widget_categories ul.children li:last-child {
	border-bottom:none;
}
.widget_categories ul li {
	padding: 0;
}
.widget_categories ul li a {
	padding: 10px;
}
.widget_categories ul li a:hover {
	background-color:#ffedf1;
	color:#e02d54;
}
/* 固定ページ */
.page #pager-post-navi {
	display: none;
}
table {
  margin-bottom: 20px;
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.page table th {
  background-color: #f5f6f7;
}
.page table tr:nth-of-type(2n+1) {
  background-color: #fafbfc;
}
.page table th,
.page table td {
  border: 1px solid #ddd;
  padding: 6px;
}
/* コメント用 */
#main .commets-list .children {
	border: none;
	border-top: 1px solid #ddd;
	padding: 20px;
	background-color: #fff;
}
/* サイトマップ用 */
#post-28 ul {
	padding: 0;
	border: none;
	background-color: inherit;
}
#main table .min-6 {
	min-width:6em;
}
#main table .min-7 {
	min-width:7em;
}
#main table .min-8 {
	min-width:8em;
}
#main table .min-10 {
	min-width:10em;
}
#main table th,
#main table td {
	background-color:inherit;
	padding:10px;
	font-size:14px;
	line-height:1.5;
	border: 1px solid #ddd;
}
#main table th {
	font-weight:bold;
	background-color:#f5f5f5;
}
#main table th.left {
	text-align:left;
}
.wp-block-image {
	width:100%;
}
.wp-block-image img {
	width:100%;
}
.wp-block-image.wauto img {
	width:auto;
}
body #popular_entries-2 .popular-entry-cards {
	margin-bottom:0;
}
.article .sp {
	display:none;
}
body .entry-content .wp-block-tag-cloud {
	font-size:0;
}
.entry-content .wp-block-tag-cloud span {
	margin-left:0;
}
main .blogcard-footer {
	font-size:12px;
	color:#aaa;
}
#main ol.commets-list li {
	text-indent:0;
	padding-left:0;
}
#main ol.commets-list li p {
	margin-bottom:20px;
}
/*トマレバ*/
.tomarebalink-box {
	flex-wrap: wrap;
	width:100%;
	padding: 10px 10px 0;
	border-width:8px;
}
.tomarebalink-box .tomarebalink-info {
	width:calc(100% - 160.01px);
}
.tomarebalink-footer {
	content:'';
	display:block;
	clear:both;
}
.tomarebalink-footer div {
	display:inline-block;
	padding:0;
	margin-right:8px;
	margin-bottom:15px;
	height: 37px;
}
.tomarebalink-footer a {
	display:block;
	text-decoration:none;
	padding:5px 15px;
	color:#fff;
	text-align:center;
}
.tomarebalink-footer a:hover {
	opacity:0.7;
}
/* footer */
.footer-widgets {
	display:block;
}
footer.footer {
	padding:0;
	background-color: #e02d54;
	color:#fff;
}
footer aside#categories-4 {
	margin-bottom:0;
}
footer .footer-center,
footer .footer-right,
footer h3 {
	display:none;
}
footer .footer-bottom {
	padding:20px 0;
	background-color:#ef6483;	
}
footer .footer-bottom a {
	color:#fff;
}
footer .footer-left {
	width:100%;
	padding:25px 0 0;
}
footer .footer-left ul,
footer .footer-left .cat-item:first-child ul.children {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
footer .footer-left ul .cat-item,
footer .footer-left .cat-item:first-child ul.children .cat-item {
	width:calc(((100% - 8%) / 3 ) - 0.01px);
	margin-right:4%;
	border-bottom:none;
	margin-bottom:30px;
}
footer .footer-left ul .cat-item a {
	color:#fff;
	border-bottom:1px solid #eb7a92;
	font-weight:bold;
}
footer .footer-left ul .cat-item a::before {
	font-family: "Font Awesome 5 Free";
	font-size: 14px;
	font-weight: 900;
	content: '\f138';
	margin-right: 8px;
}
footer .footer-left ul .cat-item a:hover {
	background-color:inherit;
	text-decoration:underline;
}
footer .footer-left ul .cat-item:first-child {
	width:100%;
	margin-right:0;
}
footer .footer-left ul .cat-item:nth-child(3n+1),
footer .footer-left .cat-item:first-child ul.children .cat-item:nth-child(3n) {
	margin-right:0;
}
footer .footer-left ul.children {
	display:block;
	padding-left:0;
	padding-top:10px;
	border-top:0;
}
footer .footer-left ul.children .cat-item {
	width:100%;
	margin-right:0;
	margin-bottom:0;
	border-bottom:none;
}
footer .footer-left .cat-item:first-child ul.children .cat-item {
	margin-bottom:0;
}
footer .footer-left ul.children .cat-item a {
	border-bottom:none;
	font-weight:normal;
}
footer .footer-left ul.children .cat-item a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f101';
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	#recommended #recommended-in .widget-entry-cards.card-large-image img {
		min-height:auto;
	}
	.body .sidebar aside.widget {
		margin-bottom:0;
	}
	.mblt-header-mobile-buttons {
		margin-top:50px !important;
	}
	.main {
		max-width:none;
	}
	.breadcrumb.sbp-main-before {
		margin-top:2em;
	}
.entry-content > *, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond, .is-root-container > *, [data-type="core/freeform"],.article h2, .article h3, .article h4, .article h5, .article h6,div.yyi-rinker-contents {
	margin-bottom: 2em;
	font-size:16px;
	}
	.entry-content > *, .demo .entry-content p {
		line-height:1.875;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.article .sp {
		display:block;
	}
	.header-container {
		height:50px;
	}
	.tagline {
		margin-top:px;
	}
	body {
		background-color:#fff;
	}
	.type-post #mv-wrapper .eye-catch {
		max-height: 250px;
	}
	.type-post #mv-wrapper h1 {
		width:95%;
	}
	#toc,.toc {
		padding:1em;
	}
	#main #toc ol {
		font-size:14px;
	}
	#toc .toc-title,
	.toc .toc-title {
		font-size:14px;
	}
	main div.yyi-rinker-contents div.yyi-rinker-box {
		flex-direction: column;
		padding: 26px 14px 0;
	}
	main div.yyi-rinker-box div.yyi-rinker-image {
		display: flex;
		flex: none;
		justify-content: center;
		margin: 0 auto;
	}
	main div.yyi-rinker-contents div.yyi-rinker-info {
		width:100%;
	}
	main div.yyi-rinker-info ul.yyi-rinker-links li {
		width: 100%;
		margin:0 auto 10px;
	}
	main div.yyi-rinker-info ul.yyi-rinker-links li a {
		height:auto;
		padding: 7px 10px;
		text-align:center;
	}
	.slick-dots {
		display:block !important;
	}
	.sub-menu {
	box-shadow: none!important;
	}
	.content {
		margin-top:0;
	}
	main.main {
		margin-top:0;
	}
	.article h2 {
		padding: 10px 15px;
		margin-bottom:20px;
		font-size: 18px;
		line-height:1.6;
	}
	.article h3 {
		margin-bottom:20px;
		font-size: 16px;
	}
	.entry-title, .archive-title {
		font-size: 20px;
		margin: 10px 0;
	}
	.body .popular-entry-cards,
	.body .new-entry-cards {
		font-size:0;
		margin-bottom:20px;
	}
	.recommended {
		margin: 2% 2% 0;
	}
	.body .navi-entry-cards {
		margin-bottom:0;
	}
	.widget-entry-cards.card-large-image .a-wrap,
	.widget-entry-cards.card-large-image .a-wrap:nth-child(3n),
	.ect-vertical-card .entry-card-wrap,
	.ect-vertical-card .entry-card-wrap:nth-child(3n) {
		display:inline-block;
		width: calc((100% - 3%) / 2 - 1px);
		margin:0;
		margin-right: 3%;
		margin-bottom:20px;
	}
	.recommended.rcs-card-margin a:first-child {
		margin-left:0;
	}
	.widget-entry-cards.card-large-image .a-wrap:nth-child(2n),
	.ect-vertical-card .entry-card-wrap:nth-child(2n) {
		margin-right: 0;
	}
	.widget-entry-cards.card-large-image .card-content {
		padding-bottom:0;
		margin-bottom:0;
	}
	.category-illust-post .eye-catch {
		height: 150px;
	}
	/*btn*/
	.btn-l,
	.ranking-item-link-buttons a,
	.btn-wrap.btn-wrap-l > a {
		font-size:16px;
	}
	/* 見た目参考 */
	#main ul.tb,
	#main .demerit ul,
	#main .merit ul,
	#main .box,
	#main ol.box,
	#main ul.box {
		padding:10px 20px;
	}
	/*トマレバ*/
	.tomarebalink-box {
		padding:15px 15px 0;
	}
	.tomarebalink-image,
	.tomarebalink-info {
		float:none !important;
		margin:0 0 10px !important;
		width:100% !important;
		text-align:center;
	}
	.tomarebalink-box .tomarebalink-info {
		width: auto;
	}
	.tomarebalink-footer {
		padding:0;
		margin-right:0;
	}
	.tomarebalink-footer div {
		width:100%;
		margin-right:0;
	}
	main .entry-content .asp-area-noimg .sub br,
	main .entry-content .asp-area .sub br,
	main .entry-content .asp-area-s .sub br {
		display:none;
	}
	main .entry-content .asp-area-s .sub {
		text-align:left;
	}
	#main ul.timeline .box {
		margin-bottom:2em;
	}
	#main ul.timeline .box:last-chiled {
		margin-bottom: 0;
	}
	#main ul.timeline .box li {
		text-indent: -1.2em;
		padding-left: 1.2em;
	}
	#main ul.timeline .box li::before {
		position:initial;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	#recommended #recommended-in .widget-entry-cards.card-large-image .a-wrap,
	#recommended #recommended-in .widget-entry-cards.card-large-image .a-wrap:nth-child(3n) {
		width: calc((100% - 3%) / 2 );
		margin-left:0;
		margin-bottom:10px;
	}
	#recommended #recommended-in .widget-entry-cards.card-large-image .a-wrap:nth-child(2n),
	#recommended #recommended-in .widget-entry-cards.card-large-image .a-wrap:last-child {
		margin-right:0;
	}
	#mv-wrapper .eye-catch {
		max-height: 200px;
	}
	main .rr-box p.ttl {
	font-size: 16px;
	}
	main .rr-box p.center {
		text-align:left;
	}
	.single p.point {
	  font-size: 18px;
	}
	#main .box,
	#main ol.box,
	#main ul.box,
	#main ul.timeline {
	padding:10px;
	}
	#main ul.timeline li.timeline-item::before {
	  left: -9px;
	  top: 22px;
	  width: 15px;
	  height: 15px;
	}
	main .entry-content .sale-btn {
		width:95%;
		margin: 0 auto 2em;
	}
	main .entry-content .asp-area {
	  padding: 20px 15px 0;
	}
	main .entry-content .asp-area-noimg {
	  padding: 20px 15px;
	}
	main .sale-btn a {
		display:block;
		padding:15px;
	}
	main .entry-content .asp-area-noimg .ttl,
	main .entry-content .asp-area .ttl {
		margin-bottom:15px;
		font-size: 16px;
	}
	main .entry-content .asp-area-noimg .sub,
	main .entry-content .asp-area .sub {
		text-align:left;
	}
	main .entry-content .asp-area-noimg .sub br.sp,
	main .entry-content .asp-area .sub br.sp {
		display:block;
	}
	main .btn-asp a {
		padding: 15px 20px 15px 10px;
		font-size: 14px;
	}
	main .btn-asp a::after {
		font-weight:900;
		height: 10px;
		right:10px;
	}
	.speech-wrap.sbp-l .speech-balloon p {
		font-size: 14px;
	}
	footer .footer-left ul .cat-item,
	footer .footer-left ul .cat-item:nth-child(3n+1),
	footer .footer-left .cat-item:first-child ul.children .cat-item,
	footer .footer-left .cat-item:first-child ul.children .cat-item:nth-child(2n+1) {
		width:calc(((100% - 4%) / 2 ) - 0.01px);
		margin-right:4%;
	}
	footer .footer-left ul .cat-item:first-child {
		width:100%;
		margin-right:0;
	}
	footer .footer-left ul .cat-item:nth-child(2n+1),
	footer .footer-left .cat-item:first-child ul.children .cat-item:nth-child(2n) {
		margin-right:0;
	}
	main .entry-content .add {
		text-align:left;
	}
	main .entry-content .add br {
		display:none;
	}
	#main .md table {
		width:100%;
		max-width:100%;
	}
	#main .md table th {
		font-size:12px;
	}
	#main .md table td {
		font-size:12px;
	}
}