/* id="filebird-block-filebird-gallery-style-inline-css" */ ul.filebird-block-filebird-gallery{margin:auto!important;padding:0!important;width:100%}ul.filebird-block-filebird-gallery.layout-grid{display:grid;grid-gap:20px;align-items:stretch;grid-template-columns:repeat(var(--columns),1fr);justify-items:stretch}ul.filebird-block-filebird-gallery.layout-grid li img{border:1px solid #ccc;box-shadow:2px 2px 6px 0 rgba(0,0,0,.3);height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}ul.filebird-block-filebird-gallery.layout-masonry{-moz-column-count:var(--columns);column-count:var(--columns);-moz-column-gap:var(--space);column-gap:var(--space);display:block;overflow:auto}ul.filebird-block-filebird-gallery.layout-masonry li{margin-bottom:var(--space)}ul.filebird-block-filebird-gallery li{list-style:none}ul.filebird-block-filebird-gallery li figure{height:100%;margin:0;padding:0;position:relative;width:100%}ul.filebird-block-filebird-gallery li figure figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}ul.filebird-block-filebird-gallery li figure figcaption a{color:inherit} /*# sourceURL=https://gorotamama.com/wp-content/plugins/filebird/blocks/filebird-gallery/build/style-index.css */ /* id="global-styles-inline-css" */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--key-color: #19448e;--wp--preset--color--red: #e60033;--wp--preset--color--pink: #e95295;--wp--preset--color--purple: #884898;--wp--preset--color--deep: #55295b;--wp--preset--color--indigo: #1e50a2;--wp--preset--color--blue: #0095d9;--wp--preset--color--light-blue: #2ca9e1;--wp--preset--color--cyan: #00a3af;--wp--preset--color--teal: #007b43;--wp--preset--color--green: #3eb370;--wp--preset--color--light-green: #8bc34a;--wp--preset--color--lime: #c3d825;--wp--preset--color--yellow: #ffd900;--wp--preset--color--amber: #ffc107;--wp--preset--color--orange: #f39800;--wp--preset--color--deep-orange: #ea5506;--wp--preset--color--brown: #954e2a;--wp--preset--color--light-grey: #dddddd;--wp--preset--color--grey: #949495;--wp--preset--color--dark-grey: #666666;--wp--preset--color--cocoon-black: #333333;--wp--preset--color--cocoon-white: #ffffff;--wp--preset--color--watery-blue: #f3fafe;--wp--preset--color--watery-yellow: #fff7cc;--wp--preset--color--watery-red: #fdf2f2;--wp--preset--color--watery-green: #ebf8f4;--wp--preset--color--ex-a: #ffffff;--wp--preset--color--ex-b: #ffffff;--wp--preset--color--ex-c: #ffffff;--wp--preset--color--ex-d: #ffffff;--wp--preset--color--ex-e: #ffffff;--wp--preset--color--ex-f: #ffffff;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 840px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-key-color-color{color: var(--wp--preset--color--key-color) !important;}.has-red-color{color: var(--wp--preset--color--red) !important;}.has-pink-color{color: var(--wp--preset--color--pink) !important;}.has-purple-color{color: var(--wp--preset--color--purple) !important;}.has-deep-color{color: var(--wp--preset--color--deep) !important;}.has-indigo-color{color: var(--wp--preset--color--indigo) !important;}.has-blue-color{color: var(--wp--preset--color--blue) !important;}.has-light-blue-color{color: var(--wp--preset--color--light-blue) !important;}.has-cyan-color{color: var(--wp--preset--color--cyan) !important;}.has-teal-color{color: var(--wp--preset--color--teal) !important;}.has-green-color{color: var(--wp--preset--color--green) !important;}.has-light-green-color{color: var(--wp--preset--color--light-green) !important;}.has-lime-color{color: var(--wp--preset--color--lime) !important;}.has-yellow-color{color: var(--wp--preset--color--yellow) !important;}.has-amber-color{color: var(--wp--preset--color--amber) !important;}.has-orange-color{color: var(--wp--preset--color--orange) !important;}.has-deep-orange-color{color: var(--wp--preset--color--deep-orange) !important;}.has-brown-color{color: var(--wp--preset--color--brown) !important;}.has-light-grey-color{color: var(--wp--preset--color--light-grey) !important;}.has-grey-color{color: var(--wp--preset--color--grey) !important;}.has-dark-grey-color{color: var(--wp--preset--color--dark-grey) !important;}.has-cocoon-black-color{color: var(--wp--preset--color--cocoon-black) !important;}.has-cocoon-white-color{color: var(--wp--preset--color--cocoon-white) !important;}.has-watery-blue-color{color: var(--wp--preset--color--watery-blue) !important;}.has-watery-yellow-color{color: var(--wp--preset--color--watery-yellow) !important;}.has-watery-red-color{color: var(--wp--preset--color--watery-red) !important;}.has-watery-green-color{color: var(--wp--preset--color--watery-green) !important;}.has-ex-a-color{color: var(--wp--preset--color--ex-a) !important;}.has-ex-b-color{color: var(--wp--preset--color--ex-b) !important;}.has-ex-c-color{color: var(--wp--preset--color--ex-c) !important;}.has-ex-d-color{color: var(--wp--preset--color--ex-d) !important;}.has-ex-e-color{color: var(--wp--preset--color--ex-e) !important;}.has-ex-f-color{color: var(--wp--preset--color--ex-f) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-key-color-background-color{background-color: var(--wp--preset--color--key-color) !important;}.has-red-background-color{background-color: var(--wp--preset--color--red) !important;}.has-pink-background-color{background-color: var(--wp--preset--color--pink) !important;}.has-purple-background-color{background-color: var(--wp--preset--color--purple) !important;}.has-deep-background-color{background-color: var(--wp--preset--color--deep) !important;}.has-indigo-background-color{background-color: var(--wp--preset--color--indigo) !important;}.has-blue-background-color{background-color: var(--wp--preset--color--blue) !important;}.has-light-blue-background-color{background-color: var(--wp--preset--color--light-blue) !important;}.has-cyan-background-color{background-color: var(--wp--preset--color--cyan) !important;}.has-teal-background-color{background-color: var(--wp--preset--color--teal) !important;}.has-green-background-color{background-color: var(--wp--preset--color--green) !important;}.has-light-green-background-color{background-color: var(--wp--preset--color--light-green) !important;}.has-lime-background-color{background-color: var(--wp--preset--color--lime) !important;}.has-yellow-background-color{background-color: var(--wp--preset--color--yellow) !important;}.has-amber-background-color{background-color: var(--wp--preset--color--amber) !important;}.has-orange-background-color{background-color: var(--wp--preset--color--orange) !important;}.has-deep-orange-background-color{background-color: var(--wp--preset--color--deep-orange) !important;}.has-brown-background-color{background-color: var(--wp--preset--color--brown) !important;}.has-light-grey-background-color{background-color: var(--wp--preset--color--light-grey) !important;}.has-grey-background-color{background-color: var(--wp--preset--color--grey) !important;}.has-dark-grey-background-color{background-color: var(--wp--preset--color--dark-grey) !important;}.has-cocoon-black-background-color{background-color: var(--wp--preset--color--cocoon-black) !important;}.has-cocoon-white-background-color{background-color: var(--wp--preset--color--cocoon-white) !important;}.has-watery-blue-background-color{background-color: var(--wp--preset--color--watery-blue) !important;}.has-watery-yellow-background-color{background-color: var(--wp--preset--color--watery-yellow) !important;}.has-watery-red-background-color{background-color: var(--wp--preset--color--watery-red) !important;}.has-watery-green-background-color{background-color: var(--wp--preset--color--watery-green) !important;}.has-ex-a-background-color{background-color: var(--wp--preset--color--ex-a) !important;}.has-ex-b-background-color{background-color: var(--wp--preset--color--ex-b) !important;}.has-ex-c-background-color{background-color: var(--wp--preset--color--ex-c) !important;}.has-ex-d-background-color{background-color: var(--wp--preset--color--ex-d) !important;}.has-ex-e-background-color{background-color: var(--wp--preset--color--ex-e) !important;}.has-ex-f-background-color{background-color: var(--wp--preset--color--ex-f) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-key-color-border-color{border-color: var(--wp--preset--color--key-color) !important;}.has-red-border-color{border-color: var(--wp--preset--color--red) !important;}.has-pink-border-color{border-color: var(--wp--preset--color--pink) !important;}.has-purple-border-color{border-color: var(--wp--preset--color--purple) !important;}.has-deep-border-color{border-color: var(--wp--preset--color--deep) !important;}.has-indigo-border-color{border-color: var(--wp--preset--color--indigo) !important;}.has-blue-border-color{border-color: var(--wp--preset--color--blue) !important;}.has-light-blue-border-color{border-color: var(--wp--preset--color--light-blue) !important;}.has-cyan-border-color{border-color: var(--wp--preset--color--cyan) !important;}.has-teal-border-color{border-color: var(--wp--preset--color--teal) !important;}.has-green-border-color{border-color: var(--wp--preset--color--green) !important;}.has-light-green-border-color{border-color: var(--wp--preset--color--light-green) !important;}.has-lime-border-color{border-color: var(--wp--preset--color--lime) !important;}.has-yellow-border-color{border-color: var(--wp--preset--color--yellow) !important;}.has-amber-border-color{border-color: var(--wp--preset--color--amber) !important;}.has-orange-border-color{border-color: var(--wp--preset--color--orange) !important;}.has-deep-orange-border-color{border-color: var(--wp--preset--color--deep-orange) !important;}.has-brown-border-color{border-color: var(--wp--preset--color--brown) !important;}.has-light-grey-border-color{border-color: var(--wp--preset--color--light-grey) !important;}.has-grey-border-color{border-color: var(--wp--preset--color--grey) !important;}.has-dark-grey-border-color{border-color: var(--wp--preset--color--dark-grey) !important;}.has-cocoon-black-border-color{border-color: var(--wp--preset--color--cocoon-black) !important;}.has-cocoon-white-border-color{border-color: var(--wp--preset--color--cocoon-white) !important;}.has-watery-blue-border-color{border-color: var(--wp--preset--color--watery-blue) !important;}.has-watery-yellow-border-color{border-color: var(--wp--preset--color--watery-yellow) !important;}.has-watery-red-border-color{border-color: var(--wp--preset--color--watery-red) !important;}.has-watery-green-border-color{border-color: var(--wp--preset--color--watery-green) !important;}.has-ex-a-border-color{border-color: var(--wp--preset--color--ex-a) !important;}.has-ex-b-border-color{border-color: var(--wp--preset--color--ex-b) !important;}.has-ex-c-border-color{border-color: var(--wp--preset--color--ex-c) !important;}.has-ex-d-border-color{border-color: var(--wp--preset--color--ex-d) !important;}.has-ex-e-border-color{border-color: var(--wp--preset--color--ex-e) !important;}.has-ex-f-border-color{border-color: var(--wp--preset--color--ex-f) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :root :where(.wp-block-icon svg){width: 24px;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} /*# sourceURL=global-styles-inline-css */ /* id="icomoon-style-inline-css" */ @font-face { font-family: 'icomoon'; src: url(https://gorotamama.com/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.woff?v=2.7.0.2) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /*# sourceURL=icomoon-style-inline-css */ /* id="pchpp_custom_style" */ :root{--pchpp-color-inline: #069A8E;--pchpp-color-custom: #5ca250;--pchpp-color-custom-2: #8e59e4;--pchpp-color-amazon: #f99a0c;--pchpp-color-rakuten: #e0423c;--pchpp-color-yahoo: #438ee8;--pchpp-color-mercari: #3c3c3c;--pchpp-inline-bg-color: var(--pchpp-color-inline);--pchpp-inline-txt-color: #fff;--pchpp-inline-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);--pchpp-inline-radius: 0px;--pchpp-inline-width: auto;} /* class="wpcode-css-snippet" */ /* ごろたママ共通の比較表（gt-cmp）v1.6 2026-11-01（項目名を中央に）／v1.5 2026-11-01（縦の区切り線を足す）／v1.4 2026-10-31（文字を本文に合わせて大きく） ／ ここは直さない。正本＝~/.claude/skills/hyou_zukuri_kun/gt-table.css を直して、この中身を入れ替える（スキル「表づくり君」） */ .gt-cmp{--gt-ivory:#FFFAF3;--gt-ivory-2:#FFF1E2;--gt-stripe:#FFFCF8;--gt-line:#F1E3D5;--gt-brown:#4E3326;--gt-brown-2:#86685A;--gt-pink:#C9566C;--gt-pink-dark:#A3404F;--gt-pink-line:#F0C9D0;--gt-pink-head:#FCE6EA;--gt-pink-soft:#FFF8F9;--gt-radius:16px;--gt-radius-s:10px;--gt-label-w:6.4em;--gt-col-min:7.5em;container-type:inline-size;container-name:gtcmp;margin:1.6em 0;color:var(--gt-brown);font-size:18px;line-height:1.65}.gt-cmp *,.gt-cmp *::before,.gt-cmp *::after{box-sizing:border-box}.gt-cmp p{margin:0}.gt-cmp__cell{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}.gt-cmp__hint{display:none;margin:0 0 8px !important;text-align:right;font-size:15px;color:var(--gt-brown-2)}.gt-cmp__hint span{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;background:var(--gt-ivory-2)}.gt-cmp__hint span::after{content:"→";font-weight:700;color:var(--gt-pink);animation:gt-nudge 1.6s ease-in-out infinite}@keyframes gt-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.gt-cmp__hint span::after{animation:none}}.gt-cmp__scroll{background:#fff;border:1px solid var(--gt-line);border-radius:var(--gt-radius);overflow-x:auto;-webkit-overflow-scrolling:touch}.gt-cmp__grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rows,4),auto);grid-template-columns:var(--gt-label-w) repeat(var(--cols,3),minmax(var(--gt-col-min),1fr))}.gt-cmp__labels,.gt-cmp__item{display:contents}.gt-cmp__cell{padding:12px 8px;font-size:18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.gt-cmp__label{align-items:flex-start;text-align:left;padding-left:12px;padding-right:4px;font-size:15px;font-weight:600;color:var(--gt-brown-2);background:#fff;white-space:nowrap;position:sticky;left:0;z-index:2}.gt-cmp__labels>.gt-cmp__cell:nth-child(odd):not(:first-child):not(:last-child),.gt-cmp__item>.gt-cmp__cell:nth-child(odd):not(:first-child):not(:last-child){background:var(--gt-stripe)}.gt-cmp__head{background:var(--gt-ivory-2) !important;padding-top:14px;padding-bottom:12px;gap:5px}.gt-cmp__name{font-size:18px;font-weight:700;line-height:1.4;white-space:nowrap;color:var(--gt-brown)}.gt-cmp__badge{display:inline-block;font-size:13px;font-weight:600;line-height:1;padding:4px 9px;border-radius:999px;background:#fff;color:var(--gt-pink);white-space:nowrap}.gt-cmp__badge--empty{visibility:hidden}.gt-cmp__foot{padding-top:12px;padding-bottom:14px}.gt-cmp__labels>.gt-cmp__foot{background:#fff}.gt-cmp__item.is-featured>.gt-cmp__cell{background:var(--gt-pink-soft) !important}.gt-cmp__item.is-featured>.gt-cmp__head{background:var(--gt-pink-head) !important}.gt-cmp__when{display:inline-block;padding:2px 11px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap}.gt-cmp__when--before{background:#E3F4EA;color:#2F6B4A}.gt-cmp__when--at{background:#FCE0E5;color:#B0435A}.gt-cmp__when--after{background:#FFE8D4;color:#9A4F1C}.gt-cmp__gift{display:flex;flex-direction:column-reverse;align-items:center;font-weight:600;line-height:1.5}.gt-cmp .gt-cmp__price{display:block;font-style:normal;font-size:1.75em;line-height:1.2;color:var(--gt-pink);font-weight:800;white-space:nowrap;letter-spacing:.01em;font-variant-numeric:tabular-nums}.gt-cmp__gift:has(.gt-cmp__price){font-weight:400;font-size:16px;color:var(--gt-brown-2)}.gt-cmp__cell strong{font-weight:700;color:var(--gt-brown)}.gt-cmp a.gt-cmp__btn{display:inline-flex;align-items:center;justify-content:center;gap:0;width:100%;max-width:10em;padding:7px 8px;border-radius:999px;border:1px solid var(--gt-pink-line);background:#fff;color:var(--gt-pink) !important;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none !important;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.gt-cmp a.gt-cmp__btn::after{content:"";flex:none;width:6px;height:6px;margin-left:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}.gt-cmp a.gt-cmp__btn[target="_blank"]::after{transform:rotate(-45deg)}.gt-cmp a.gt-cmp__btn:hover{background:var(--gt-pink-soft);transform:translateY(-1px)}.gt-cmp a.gt-cmp__btn:focus-visible{outline:3px solid var(--gt-pink-line);outline-offset:2px}.gt-cmp .is-featured a.gt-cmp__btn{background:var(--gt-pink);border-color:var(--gt-pink);color:#fff !important;box-shadow:0 2px 0 var(--gt-pink-dark)}.gt-cmp .is-featured a.gt-cmp__btn:hover{background:#B84A5F}.gt-cmp .is-featured a.gt-cmp__btn:active{transform:translateY(2px);box-shadow:none}.gt-cmp__btn-long{display:none}.gt-cmp__caption{margin:10px 2px 0 !important;font-size:16px;line-height:1.7;color:var(--gt-brown-2)}.gt-cmp[data-pc="scroll"] .gt-cmp__hint{display:block}.gt-cmp[data-pc="scroll"] .gt-cmp__grid{grid-template-columns:var(--gt-label-w) repeat(var(--cols,3),9em);width:max-content;min-width:100%}.gt-cmp[data-pc="scroll"] .gt-cmp__label{box-shadow:6px 0 8px -6px rgba(78,51,38,.18)}.gt-cmp--perk .gt-cmp__cell,.gt-cmp--price .gt-cmp__cell{font-size:16px}.gt-cmp--perk .gt-cmp__name,.gt-cmp--price .gt-cmp__name{font-size:16px}.gt-cmp--perk .gt-cmp__price,.gt-cmp--price .gt-cmp__price{font-size:1.5em} @container gtcmp (max-width:599px){.gt-cmp__btn-long{display:inline}.gt-cmp__caption{font-size:16px}.gt-cmp[data-sp="scroll"] .gt-cmp__hint{display:block}.gt-cmp[data-sp="scroll"] .gt-cmp__grid{grid-template-columns:7em repeat(var(--cols,3),10.5em);width:max-content}.gt-cmp[data-sp="scroll"] .gt-cmp__cell{font-size:16px;padding:12px 10px}.gt-cmp[data-sp="scroll"] .gt-cmp__label{box-shadow:6px 0 8px -6px rgba(78,51,38,.2)}.gt-cmp[data-sp="scroll"] a.gt-cmp__btn{max-width:none}.gt-cmp[data-sp="card"] .gt-cmp__scroll{background:none;border:0;border-radius:0;overflow:visible}.gt-cmp[data-sp="card"] .gt-cmp__grid{display:flex;flex-direction:column;gap:8px}.gt-cmp[data-sp="card"] .gt-cmp__labels{display:none}.gt-cmp[data-sp="card"] .gt-cmp__item{display:grid;grid-template-columns:1fr auto auto 1fr;background:#fff;border:1px solid var(--gt-line);border-radius:var(--gt-radius);overflow:hidden}.gt-cmp[data-sp="card"] .gt-cmp__item.is-featured{border-color:var(--gt-pink-line)}.gt-cmp[data-sp="card"] .gt-cmp__cell{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline;text-align:left;padding:5px 14px 0;font-size:16px;background:#fff !important}.gt-cmp[data-sp="card"] .gt-cmp__cell[data-label]::before{content:attr(data-label);font-size:14px;color:var(--gt-brown-2);white-space:nowrap}.gt-cmp[data-sp="card"] .gt-cmp__cell[data-label]>*{justify-self:start}.gt-cmp[data-sp="card"] .gt-cmp__head{grid-column:3;grid-row:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:9px 0 0 8px;background:#fff !important}.gt-cmp[data-sp="card"] .gt-cmp__head .gt-cmp__badge{display:none}.gt-cmp[data-sp="card"] .gt-cmp__item:not(:has(.gt-cmp__cell--side))>.gt-cmp__head{grid-column:1 / -1;justify-content:center;padding-left:14px;padding-right:14px}.gt-cmp[data-sp="card"] .gt-cmp__name{font-size:17px;font-weight:600}.gt-cmp[data-sp="card"] .gt-cmp__cell--side{grid-column:2;grid-row:1;display:flex;align-items:center;padding:9px 0 0 0}.gt-cmp[data-sp="card"] .gt-cmp__cell--side::before{display:none}.gt-cmp[data-sp="card"] .gt-cmp__cell--key{display:flex;flex-direction:column;align-items:center;gap:0;margin:4px 12px 0;padding:4px 12px 5px;text-align:center;border-radius:var(--gt-radius-s);background:var(--gt-ivory) !important}.gt-cmp[data-sp="card"] .gt-cmp__cell--key::before{font-size:14px}.gt-cmp[data-sp="card"] .gt-cmp__cell--key[data-note]::before{content:attr(data-note)}.gt-cmp[data-sp="card"] .gt-cmp__cell--key>*{justify-self:center}.gt-cmp[data-sp="card"] .gt-cmp__cell--key .gt-cmp__gift{font-size:17px;font-weight:600}.gt-cmp[data-sp="card"] .gt-cmp__cell--key .gt-cmp__gift:has(.gt-cmp__price){font-size:16px;font-weight:400;color:var(--gt-brown)}.gt-cmp[data-sp="card"] .gt-cmp__price{font-size:25px}.gt-cmp[data-sp="card"] .is-featured .gt-cmp__cell--key{background:var(--gt-pink-soft) !important;box-shadow:inset 0 0 0 1px #F8E1E5}.gt-cmp[data-sp="card"] .gt-cmp__foot{display:block;padding:6px 12px 8px}.gt-cmp[data-sp="card"] a.gt-cmp__btn{max-width:none;padding:5px 12px;font-size:15px;font-weight:500;line-height:1.4}.gt-cmp[data-sp="card"] .is-featured a.gt-cmp__btn{font-weight:600}}.gt-cmp__sp-only{display:none}.gt-cmp__unit{font-size:.55em;font-weight:600;margin-left:2px;color:var(--gt-brown-2)}.gt-cmp__mark{font-size:1.2em;font-weight:700;line-height:1.2}.gt-cmp__mark--yes{color:var(--gt-pink)}.gt-cmp__mark--part{color:#B5793F}.gt-cmp__mark--no{color:#CDBDB0}.gt-cmp__mark-note{display:block;font-size:14px;color:var(--gt-brown-2);margin-top:2px}.gt-cmp--nolabel .gt-cmp__grid{grid-template-columns:repeat(var(--cols,2),minmax(var(--gt-col-min),1fr))}.gt-cmp__item--good>.gt-cmp__head{background:#EAF6EE !important}.gt-cmp__item--bad>.gt-cmp__head{background:#FFEFE2 !important}.gt-cmp__cell--top{justify-content:flex-start;align-items:stretch}.gt-cmp ul.gt-cmp__list{list-style:none !important;margin:0 !important;padding:0 !important;display:grid;gap:7px;text-align:left;width:100%}.gt-cmp ul.gt-cmp__list>li{position:relative;margin:0 !important;padding:0 0 0 1.5em !important;line-height:1.65;border:0 !important;background:none !important;list-style:none !important}.gt-cmp ul.gt-cmp__list>li::marker{content:""}.gt-cmp ul.gt-cmp__list>li::before{position:absolute;left:0;top:0;font-weight:700}.gt-cmp ul.gt-cmp__list--good>li::before{content:"○";color:#2F6B4A}.gt-cmp ul.gt-cmp__list--bad>li::before{content:"△";color:#B5793F}@container gtcmp (max-width:599px){.gt-cmp[data-sp="card"] .gt-cmp__pc-only{display:none}.gt-cmp[data-sp="card"] .gt-cmp__sp-only{display:inline}.gt-cmp[data-sp="table"] .gt-cmp__grid{grid-template-columns:5.4em repeat(var(--cols,3),minmax(0,1fr))}.gt-cmp--nolabel[data-sp="table"] .gt-cmp__grid{grid-template-columns:repeat(var(--cols,2),minmax(0,1fr))}.gt-cmp[data-sp="table"] .gt-cmp__cell{padding:10px 8px;font-size:16px}.gt-cmp[data-sp="table"] .gt-cmp__label{padding-left:10px;white-space:normal}.gt-cmp[data-sp="table"] a.gt-cmp__btn{max-width:none}} /* ---------- v1.5 縦の区切り線（2026-11-01 サニーさん「表の区切りの縦線も必要じゃない？」） ---------- */ .gt-cmp__label{border-right:1px solid var(--gt-line)} .gt-cmp__item + .gt-cmp__item > .gt-cmp__cell{border-left:1px solid var(--gt-line)} @container gtcmp (max-width:599px){ .gt-cmp[data-sp="card"] .gt-cmp__label, .gt-cmp[data-sp="card"] .gt-cmp__item > .gt-cmp__cell{border-left:0;border-right:0} } /* ---------- v1.6 項目名（左の列）を中央に（2026-11-01 サニーさん「各表は項目が中央のが見やすいのでは？」） ---------- */ .gt-cmp__label{align-items:center;text-align:center;padding-left:8px;padding-right:8px} /* class="wpcode-css-snippet" */ /* 外のサイトへのボタン＝明るめの緑の立体ボタン（2026-11-01 サニーさん「このくらい目立たせたい」） */ /* 白文字の読みやすさ 3.2〜3.6。文字を20pxの太字（大きい文字）にして目安の3以上を満たす。前の版（2026-08-21 ティール #0b6d6d）は ~/Documents/Claude/backups/wpcode-22706_button_teal_20261101.css */ .btn-wrap.has-green-background-color > a, .btn-wrap.has-pink-background-color > a, .btn-wrap.has-light-blue-background-color > a, .btn-wrap.has-red-background-color > a, .btn-wrap.has-blue-background-color > a, .sbd-btn > a, a.sbd-btn { background-color: #28a05a !important; background-image: linear-gradient(#2fa35a, #1f9a52) !important; border-color: #1f9a52 !important; box-shadow: 0 7px 0 #146a37 !important; color: #fff !important; font-weight: 800 !important; } .entry-content .btn-wrap > a, .entry-content .sbd-btn > a { font-size: 20px !important; letter-spacing: .03em; } .entry-content .btn-wrap, .entry-content .wp-block-sbd-btn { margin-bottom: 1.6em; } @media (max-width: 600px) { .entry-content .btn-wrap > a, .entry-content .sbd-btn > a { font-size: 17px !important; letter-spacing: 0; line-height: 1.5 !important; } .entry-content .wp-block-sbd-btn .sbd-btn { width: 100% !important; max-width: 100% !important; } } /* 内部リンクは薄く戻す（緑＝外のサイトへ、を守るため）2026-08-22 */ .sbd-btn > a[href*="gorotamama.com"], .sbd-btn > a[href^="#"], .sbd-btn > a[href^="/"], .btn-wrap > a[href*="gorotamama.com"], .btn-wrap > a[href^="#"], .btn-wrap > a[href^="/"] { background-color: #eafaf2 !important; background-image: none !important; color: #0d3d30 !important; border: 1.5px solid #b9e6d0; box-shadow: none !important; animation: none !important; } /* class="wpcode-css-snippet" */ .qq-cv-frame { background: #ffffff; border: 1px solid #f3d7d7; border-radius: 12px; padding: 24px 28px; margin: 1.5em 0; } .qq-micro-top, .qq-micro-bottom { text-align: center; font-weight: bold; color: #1f2937; line-height: 1.4; margin: 0; } .qq-micro-top { font-size: 1em; margin: 0 0 12px; } .qq-micro-bottom { font-size: 0.92em; margin: 12px 0 0; } .qq-micro-top .qq-hl { color: #dc2626; } @keyframes qq-cv-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } } .qq-cv-box__btn-wrap { text-align: center; margin: 24px 0; } .qq-cv-box__btn { display: inline-block; padding: 16px 36px; background: var(--qq-btn-main, #0b6d6d); color: #fff !important; font-weight: bold; font-size: 1.05em; text-decoration: none !important; border-radius: 50px; box-shadow: 0 5px 0 var(--qq-btn-shadow, #084f4f); animation: qq-cv-bounce 1.2s ease-in-out infinite; transition: all 0.15s; } .qq-cv-box__btn:hover { transform: translateY(2px); box-shadow: 0 3px 0 var(--qq-btn-shadow, #084f4f); animation: none; } @media (max-width: 600px) { .qq-micro-top { font-size: 0.92em; white-space: nowrap; } .qq-micro-bottom { font-size: 0.88em; } .qq-cv-frame { padding: 20px 10px; } .qq-cv-box__btn { padding: 12px 14px; font-size: 0.92em; white-space: normal; line-height: 1.35; max-width: 100%; box-sizing: border-box; } } /* 参考リンク（収益ゼロ）用：うすミント。--plain を付けると弱いボタンになる */ body .qq-cv-frame.qq-cv-frame--plain { background: #ffffff; border: 1px solid #ece2e2; } .qq-cv-frame .qq-cv-box__btn--plain { background: #eafaf2 !important; color: #0d3d30 !important; border: 1.5px solid #b9e6d0; box-shadow: none !important; animation: none !important; font-size: 1em; padding: 13px 30px; } .qq-cv-frame .qq-cv-box__btn--plain:hover { transform: none; background: #ddf4e8 !important; box-shadow: none !important; } .qq-cv-frame--plain .qq-micro-top, .qq-cv-frame--plain .qq-micro-bottom { color: #6b6259; font-weight: normal; } .qq-cv-frame--plain .qq-micro-top .qq-hl { color: #6b6259; } @media (max-width: 600px) { .qq-cv-frame .qq-cv-box__btn--plain { padding: 12px 14px; } } /* 内部リンク用：枠なし・うすミントのボタン（記事の中を移動する案内）2026-08-22 */ body .qq-cv-frame.qq-cv-frame--inner { background: transparent; border: 0; padding: 8px 0; margin: 1em 0; } /* class="wpcode-css-snippet" */ @media (max-width: 1023px) { .mobile-menu-buttons { display: flex !important; visibility: visible !important; opacity: 1 !important; z-index: 9999 !important; } } /* id="wp-custom-css" */ .nomadList1 { padding: .7em 2.5em; margin: 15px 0; border: solid 1px #E07487; color: #323232; max-width: 100% !important; width: 100% !important; } .nomadList1 ul { margin: 0; padding: 10px 0; } .nomadList1 ul li { margin-bottom: 5px; } .nomadList2 { padding: .7em 2.5em; margin: 15px 0; color: #323232; border: solid 1px #E07487; border-radius: 10px; max-width: 100% !important; width: 100% !important; } .nomadList2 ul { margin: 0; padding: 10px 0; } .nomadList2 ul li { margin-bottom: 5px; } .nomadBox2 { padding: 1.5em; margin: 15px 0; color: #323232; border: solid 1px #E07487; border-radius: 5px; } .nomadBox2 p { padding: 0; margin: 0; } .nomadBox3 { padding: 1.5em; margin: 15px 0; color: #323232; background:rgba(224,116,135,.07); } .nomadBox3 p { padding: 0; margin: 0; } .nomadBox_deco13 { border: 1px solid #E07487; background: #FFFAFB; margin: 15px 0; } .nomadBox_deco13 h4 { margin: 0; padding: 10px; font-size: 18px; color: #fff; background: #E07487; font-weight: bold; border:none; } .nomadBox_deco13 h4:before { font-family: "Font Awesome 5 Free"; content: '\f304'; font-size: 15px; font-weight: 600; padding-right: 5px; padding-left: 5px; } .nomadBox_deco13 p { padding: 20px; line-height: 1.5em; margin: 0; } .nomadBox_deco12 { background: #fff; display: block; margin: 15px 0; width: auto; padding: 20px 30px 20px 30px; border-radius: 10px; position: relative; border: 10px solid transparent; border-radius: 4px; background: linear-gradient(#fff, #fff), repeating-linear-gradient(-45deg, #f89a7e 0, #f89a7e 2%, #fcb198 0, #fcb198 5%); background-clip: padding-box, border-box; background-origin: border-box; } .nomadBox_deco12 p { line-height: 1.5em; margin: 0; padding: 0; } .nomadBox_deco14 { border: 1px solid #E07487; background: #FFFAFB; margin: 35px 0 15px 0; position: relative; } .nomadBox_deco14 h4 { margin: 0; padding: 10px; font-size: 18px; color: #fff; background: #E07487; font-weight: bold; width: 80%; margin: auto; margin-top: -20px; text-align: center; border:none; } .nomadBox_deco14 h4:before { font-family: "Font Awesome 5 Free"; content: '\f304'; font-size: 15px; font-weight: 600; padding-right: 5px; padding-left: 5px; } .nomadBox_deco14 p { padding: 20px; line-height: 1.5em; margin: 0; } .nomadBox_deco14 { border: 1px solid #7B86C6; background: #F5F7FF; margin: 35px 0 15px 0; position: relative; } .nomadBox_deco14 h4 { margin: 0; padding: 10px; font-size: 18px; color: #fff; background: #7B86C6; font-weight: bold; width: 80%; margin: auto; margin-top: -20px; text-align: center; border:none; } .nomadBox_deco14 h4:before { font-family: "Font Awesome 5 Free"; content: '\f304'; font-size: 15px; font-weight: 600; padding-right: 5px; padding-left: 5px; } .nomadBox_deco14 p { padding: 20px; line-height: 1.5em; margin: 0; } .nomadBox_deco14 { border: 1px solid #E07487; background: #FFFAFB; margin: 35px 0 15px 0; position: relative; } .nomadBox_deco14 h4 { margin: 0; padding: 10px; font-size: 18px; color: #fff; background: #E07487; font-weight: bold; width: 80%; margin: auto; margin-top: -20px; text-align: center; border:none; } .nomadBox_deco14 h4:before { font-family: "Font Awesome 5 Free"; content: '\f304'; font-size: 15px; font-weight: 600; padding-right: 5px; padding-left: 5px; } .nomadBox_deco14 p { padding: 20px; line-height: 1.5em; margin: 0; } .nomadBox_deco14 { border: 1px solid #7B86C6; background: #F5F7FF; margin: 35px 0 15px 0; position: relative; } .nomadBox_deco14 h4 { margin: 0; padding: 10px; font-size: 18px; color: #fff; background: #7B86C6; font-weight: bold; width: 80%; margin: auto; margin-top: -20px; text-align: center; border:none; } .nomadBox_deco14 h4:before { font-family: "Font Awesome 5 Free"; content: '\f304'; font-size: 15px; font-weight: 600; padding-right: 5px; padding-left: 5px; } .nomadBox_deco14 p { padding: 20px; line-height: 1.5em; margin: 0; } .nomadBox_deco14 { border: 1px solid #E07487; background: #FFFAFB; margin: 35px 0 15px 0; position: relative; } .nomadBox_deco14 h4 { margin: 0; padding: 10px; font-size: 18px; color: #fff; background: #E07487; font-weight: bold; width: 80%; margin: auto; margin-top: -20px; text-align: center; border:none; } .nomadBox_deco14 h4:before { font-family: "Font Awesome 5 Free"; content: '\f304'; font-size: 15px; font-weight: 600; padding-right: 5px; padding-left: 5px; } .nomadBox_deco14 p { padding: 20px; line-height: 1.5em; margin: 0; } .nomadBox_deco9 { position: relative; padding: 1.5em; margin: 15px 0; background: rgba(224,116,135,.07); color: #323232; } .nomadBox_deco9:after { position: absolute; content: ''; top: 100%; left: 30px; border: 10px solid transparent; border-top: 15px solid rgba(224,116,135,.07); width: 0; height: 0; } .nomadBox_deco9 p { padding: 0; margin: 0; } .nomadBox_deco1 { padding: 1.5em; margin: 15px 0; color: #323232; border: double 6px #E07487; } .nomadBox_deco1 p { padding: 0; margin: 0; } .nomadBox_deco15 { border: 1px solid #E07487; background: #FFFAFB; margin: 15px 0; } .nomadBox_deco15 h4 { margin: 0; padding: 10px; font-size: 18px; color: #fff; background: #E07487; font-weight: bold; border:none; } .nomadBox_deco15 h4:before { font-family: "Font Awesome 5 Free"; content: '\f058'; font-size: 15px; font-weight: 600; padding-right: 5px; padding-left: 5px; } .nomadBox_deco15 p { padding: 20px; line-height: 1.5em; margin: 0; } .nomadBox_deco11 { background: #fff; display: block; margin: 15px 0; width: auto; padding: 20px 30px 20px 30px; border-radius: 10px; position: relative; border: 10px solid transparent; border-radius: 4px; background: linear-gradient(#fff, #fff), repeating-linear-gradient(-45deg, #E07487 0, #E07487 2%, #EF97AA 0, #EF97AA 5%); background-clip: padding-box, border-box; background-origin: border-box; } .nomadBox_deco11 p { line-height: 1.5em; margin: 0; padding: 0; } .nomadBox_deco6 { margin: 15px 0; padding: 1em; width: 95%; color: #323232; background:rgba(224,116,135,.07); box-shadow: 0 0 10px 10px rgba(224,116,135,.07); } .nomadBox_deco6 p { padding: 0; margin: 0; } .nomadBox3 { padding: 1.5em; margin: 15px 0; color: #323232; background:rgba(224,116,135,.07);/*背景色*/ } .nomadBox3 p { padding: 0; margin: 0; } .nomadBox4 { padding: 1.5em; margin: 15px 0; color: #323232; border: solid 2px #E07487; background:rgba(224,116,135,.07);/*背景色*/ } .nomadBox4 p { padding: 0; margin: 0; } .nomadBox_deco16 { border: 1px solid #E07487; background: #FFFAFB; margin: 35px 0 15px 0; position: relative; } .nomadBox_deco16 h4 { margin: 0; padding: 10px; font-size: 18px; color: #fff; background: #E07487; font-weight: bold; width: 80%; margin: auto; margin-top: -20px; text-align: center; } .nomadBox_deco16 h4:before { font-family: "Font Awesome 5 Free"; content: '\f058'; font-size: 15px; font-weight: 600; padding-right: 5px; padding-left: 5px; } .nomadBox_deco16 p { padding: 20px; line-height: 1.5em; margin: 0; } .nomadBox3 { padding: 1.5em; margin: 15px 0; color: #323232; background:rgba(85,168,220,.07);/*背景色*/ } .nomadBox3 p { padding: 0; margin: 0; } .nomadBox_deco7 { margin: 15px 0; padding: 1em; width: 95%; color: #323232; background-color: #FFF; box-shadow: 0 0 2px 2px #E07487, 0 0 2px 2px #E07487 inset; border-radius: 5px; } .nomadBox_deco7 p { padding: 0; margin: 0; } .cat-label { display: none; } .nomadBox3 { padding: 1.5em; margin: 15px 0; color: #323232; background:rgba(85,168,220,.07);/*背景色*/ } .nomadBox3 p { padding: 0; margin: 0; } .nomadBox5 { padding: 1.5em; margin: 15px 0; color: #323232; border-left: solid 4px #E07487; background:rgba(224,116,135,.07); } .nomadBox5 p { padding: 0; margin: 0; } // オートフォーマット関連の無効化 add_action('init', function() { remove_filter('the_title', 'wptexturize'); remove_filter('the_content', 'wptexturize'); remove_filter('the_excerpt', 'wptexturize'); remove_filter('the_title', 'wpautop'); remove_filter('the_content', 'wpautop'); remove_filter('the_excerpt', 'wpautop'); remove_filter('the_editor_content', 'wp_richedit_pre'); }); // オートフォーマット関連の無効化 TinyMCE add_filter('tiny_mce_before_init', function($init) { $init['wpautop'] = false; $init['apply_source_formatting'] = ture; return $function my_tiny_mce_before_init( $init_array ) { $init_array['valid_elements'] = '*[*]'; $init_array['extended_valid_elements'] = '*[*]'; return $init_array; } add_filter( 'tiny_mce_before_init' , 'my_tiny_mce_before_init' );init; }); .nomadBox_deco7 { margin: 15px 0; padding: 1em; width: 95%; color: #323232; background-color: #FFF; box-shadow: 0 0 2px 2px #E07487, 0 0 2px 2px #E07487 inset; border-radius: 5px; } .nomadBox_deco7 p { padding: 0; margin: 0; } .nomadList9 { position: relative; color: #323232; background: #FFF; padding: .3em 1.7em; margin: 3em 0 15px 0; background:rgba(224,116,135,.07); border: 1px solid #E07487; max-width: 100% !important; width: 100% !important; } .nomadList9:after { position: absolute; font-family: "Font Awesome 5 Free", 'Quicksand', 'Avenir', 'Arial', sans-serif; content: '\f00c Check';/* 文字の変更*/ background: #E07487; color: #FFF; left: -1px; bottom: 100%; border-radius: 5px 5px 0 0; padding: 5px 15px; font-size: .8em; font-weight: 600; text-align: center; } .nomadList9 ul{ margin: 0; padding: 10px; } .nomadList9 ul li { margin-bottom: 5px; } .nomadList9 { position: relative; color: #323232; background: #FFF; padding: .3em 1.7em; margin: 3em 0 15px 0; background:rgba(85,168,220,.07); border: 1px solid #55A8DC; max-width: 100% !important; width: 100% !important; } .nomadList9:after { position: absolute; font-family: "Font Awesome 5 Free", 'Quicksand', 'Avenir', 'Arial', sans-serif; content: '\f00c Check';/* 文字の変更*/ background: #55A8DC; color: #FFF; left: -1px; bottom: 100%; border-radius: 5px 5px 0 0; padding: 5px 15px; font-size: .8em; font-weight: 600; text-align: center; } .nomadList9 ul{ margin: 0; padding: 10px; } .nomadList9 ul li { margin-bottom: 5px; } .nomadBox_deco20 { border: 1px solid #55A8DC; background: #F2F6FD; margin: 40px 0 15px 0; position: relative; } .nomadBox_deco20 h4 { margin-left: -1px; padding: 15px; padding-left: 20px; font-size: 18px; color: #fff; background: #55A8DC; font-weight: bold; width: 5%; margin-top: -25px; left: 0; min-width: 180px; border-radius: 0 50em 50em 0; border:none; } .nomadBox_deco20 h4:before { font-family: "Font Awesome 5 Free"; content: '\f4da'; font-size: 18px; font-weight: 600; padding-right: 5px; padding-left: 5px; } .nomadBox_deco20 p { padding: 15px 20px 20px 20px; line-height: 1.5em; margin: 0; } .nomadBox_deco21 { border: 1px solid #E04C4C; background: #F9EDEF; margin: 40px 0 15px 0; position: relative; } .nomadBox_deco21 h4 { margin-left: -1px; padding: 15px; padding-left: 20px; font-size: 18px; color: #fff; background: #E04C4C; font-weight: bold; width: 5%; margin-top: -25px; left: 0; min-width: 180px; border-radius: 0 50em 50em 0; border:none; } .nomadBox_deco21 h4:before { font-family: "Font Awesome 5 Free"; content: '\f119'; font-size: 15px; font-weight: 600; padding-right: 5px; padding-left: 5px; } .nomadBox_deco21 p { padding: 15px 20px 20px 20px; line-height: 1.5em; margin: 0; } /*固定ページ（トップページカスタマイズ）*/ /*フロント固定ページのタイトルを非表示*/ .home.page .entry-title{ display: none; } /*フロント固定ページのシェアボタンを非表示*/ .home.page .sns-share{ display: none; } /*フロント固定ページの投稿日を非表示*/ .home.page .post-date{ display: none; } /*フロント固定ページの更新日を非表示*/ .home.page .post-update{ display: none; } /*フロント固定ページの投稿者名を非表示*/ .home.page .author-info{ display: none; } .reviewBoxSimple { display: block; max-width: 500px; background: #FFFAFB; border: 1px solid #E07487; margin: 20px auto; padding: 0; border-radius: 10px; } .reviewBoxSimple .reviewBox_content { padding: 30px; } .reviewBoxSimple .reviewBox_title1 { margin: 0; padding: 12px; background: #E07487; text-align: center; font-size: 15px !important; font-weight: bold; border-radius: 10px 10px 0 0; line-height: 1.3em; color: #fff !important; } .reviewBoxSimple .reviewBox_title1:before { font-family: "Font Awesome 5 Free"; content: "\f005"; font-weight: 600; padding-right: 5px; font-size: .9em !important; } .reviewBoxSimple p { margin: 0; padding: 0; letter-spacing: 0; } .reviewBoxSimple .reviewBox_title2 { margin: 0; padding: 0; line-height: 1.3em; font-size: 16px !important; margin-bottom: 10px; font-weight: bold; } .reviewBoxSimple .reviewBox_title2:before { content: none !important; } .reviewBoxSimple .reviewBox_top { margin: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .reviewBoxSimple .reviewBox_top p { margin: 0; line-height: 1.7em; font-size: 15px !important; } .reviewBoxSimple .reviewBox_top p:before { font-family: "Font Awesome 5 Free"; content: "\f00c"; font-weight: 600; padding-right: 5px; font-size: .8em; } .reviewBoxSimple .reviewBox_top .reviewBox_left, .reviewBoxSimple .reviewBox_top .reviewBox_right { width: 50%; } .reviewBoxSimple .reviewBox_top .reviewBox_right img { display: block; margin: auto; width: 160px; } .reviewBoxSimple .reviewLink { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reviewBoxSimple .reviewLink a { font-size: 15px !important; color: #444 !important; border: 2px solid #444; padding: .6em 2em; margin: 5px; width: 50%; text-align: center; text-decoration: none; } .reviewBoxSimple .reviewLink a:before { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 600; padding-right: 5px; } .reviewBoxSimple .reviewLink a:nth-child(2) { background: #E07487; color: #fff !important; border: 2px solid #E07487 !important; } .reviewBoxSimple .reviewBox_bottom { padding-top: 20px; } @media screen and (max-width:480px) { .reviewBoxSimple .reviewBox_content { padding: 15px; } .reviewBoxSimple .reviewBox_top .reviewBox_right img { width: 220px; } .reviewBoxSimple .reviewBox_top p { font-size: 13px !important; } .reviewBoxSimple .reviewBox_top p:first-child { font-size: 15px !important; } .reviewBoxSimple .reviewLink a { padding: .5em; } .reviewBoxSimple .reviewBox_top { flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; } .reviewBoxSimple .reviewBox_top .reviewBox_left { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 90%; margin: auto; margin-top: 20px; } .reviewBoxSimple .reviewBox_top .reviewBox_right { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 100%; } .reviewBoxSimple .reviewLink a { font-size: 13px !important; } } .reviewBox { display: block; max-width: 500px; background: #FAFAFA; border: 3px solid #DBDBDB; margin: 20px auto; padding: 0; border-radius: 10px; } .reviewBox .reviewBox_content { padding: 30px; } .reviewBox .reviewBox_title1 { margin: 0; padding: 12px; background: #DBDBDB; text-align: center; font-size: 15px !important; font-weight: bold; line-height: 1.3em; border: none; } .reviewBox .reviewBox_title1:before { font-family: "Font Awesome 5 Free"; content: "\f005"; font-weight: 600; padding-right: 5px; font-size: .9em !important } .reviewBox .reviewBox_title2 { margin: 0; padding: 0; line-height: 1.3em; font-size: 16px; margin-bottom: 10px; font-weight: bold; border: none; } .reviewBox .reviewBox_title2:before { content: none !important; } .reviewBox .reviewBox_top { margin: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .reviewBox .reviewBox_top p { margin: 0; padding: 0; line-height: 1.3em; padding-bottom: 12px; font-size: 15px !important; } .reviewBox .reviewBox_top p:before { font-family: "Font Awesome 5 Free"; content: "\f00c"; font-weight: 600; padding-right: 5px; font-size: .8em; } .reviewBox .reviewBox_top .reviewBox_left, .reviewBox .reviewBox_top .reviewBox_right { width: 50%; } .reviewBox .reviewBox_top .reviewBox_right img { display: block; margin: auto; width: 160px; } .reviewBox .reviewBox_center { margin-top: 10px; } .reviewBox .reviewLink { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reviewBox .reviewLink a { font-size: 15px !important; color: #444 !important; border: 2px solid #444; padding: .6em 2em; margin: 5px; width: 50%; text-align: center; margin-top: 30px; text-decoration: none; } .reviewBox .reviewLink a:nth-child(2) { background: #444; color: #fff !important; } .reviewBox .reviewLink a:before { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 600; padding-right: 5px; } .reviewBox .reviewBox_center { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 20px 0; } .reviewBox .reviewBox_center .progress-circle { width: 25%; margin: auto; } .reviewBox .progress-circle { font-size: 12px !important; margin: 20px; position: relative; /* so that children can be absolutely positioned */ padding: 0; width: 5em !important; height: 5em !important; background-color: #FBEFC6; border-radius: 50%; line-height: 5em; } .reviewBox .reviewBox_score { font-size: 13px !important; text-align: center; line-height: 1em; z-index: 4; padding-top: 5.5em; display: block; font-weight: 600; } .reviewBox .reviewBox_score p { margin: 0; font-size: 12px !important; width: 120% !important; margin-left: -10% !important; } .reviewBox .progress-circle:after { border: none; position: absolute; top: 0.5em; left: 0.5em; text-align: center; display: block; border-radius: 50%; width: 4em; height: 4em; background-color: #FAFAFA; content: " "; } .reviewBox .progress-circle .progress-text { position: absolute; line-height: 2.6em; width: 2.6em; text-align: center; display: block; color: #444 !important; font-size: 23px !important; z-index: 2; font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif; } .reviewBox .left-half-clipper { border-radius: 50%; width: 5em; height: 5em; position: absolute; /* needed for clipping */ clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/ } .reviewBox .progress-circle.over50 .left-half-clipper { clip: rect(auto, auto, auto, auto); } .reviewBox .value-bar { position: absolute; /*needed for clipping*/ clip: rect(0, 2.5em, 5em, 0); width: 5em !important; height: 5em !important; border-radius: 50%; border: 0.5em solid #FCCB28; box-sizing: border-box; } .reviewBox .progress-circle.over50 .first50-bar { position: absolute; /*needed for clipping*/ clip: rect(0, 5em, 5em, 2.5em); background-color: #FCCB28; border-radius: 50%; width: 5em; height: 5em; } .reviewBox .progress-circle:not(.over50) .first50-bar { display: none; } .reviewBox .progress-circle.p0 .value-bar { display: none; } .reviewBox .progress-circle.p1 .value-bar { transform: rotate(4deg); } .reviewBox .progress-circle.p10 .value-bar { transform: rotate(36deg); } .reviewBox .progress-circle.p20 .value-bar { transform: rotate(72deg); } .reviewBox .progress-circle.p30 .value-bar { transform: rotate(108deg); } .reviewBox .progress-circle.p40 .value-bar { transform: rotate(144deg); } .reviewBox .progress-circle.p50 .value-bar { transform: rotate(180deg); } .reviewBox .progress-circle.p60 .value-bar { transform: rotate(216deg); } .reviewBox .progress-circle.p70 .value-bar { transform: rotate(252deg); } .reviewBox .progress-circle.p80 .value-bar { transform: rotate(288deg); } .reviewBox .progress-circle.p90 .value-bar { transform: rotate(324deg); } .reviewBox .progress-circle.p100 .value-bar { transform: rotate(360deg); } @media screen and (max-width:480px) { .reviewBox .reviewBox_content { padding: 15px; } .reviewBox .reviewBox_top .reviewBox_right img { width: 220px; } .reviewBox .reviewBox_top p { font-size: 13px !important; } .reviewBox .reviewBox_top p:first-child { font-size: 15px !important; } .reviewBox .reviewBox_center { padding: 0; margin-top: 20px; margin-bottom: 20px; } .reviewBox .reviewLink a { padding: .5em; } .reviewBox .reviewBox_top { flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; } .reviewBox .reviewBox_top .reviewBox_left { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 90%; margin: auto; margin-top: 20px; } .reviewBox .reviewBox_top .reviewBox_right { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 100%; } .reviewBox .reviewLink a { font-size: 13px !important; } .reviewBox .progress-circle .progress-text { line-height: 2.2em; width: 2.2em; font-size: 23px !important; } .reviewBox .progress-circle { font-size: 10px !important; } .reviewBox .reviewBox_score p { font-size: 10px !important; } } .reviewBox { display: block; max-width: 500px; background: #fffafb; border: 3px solid #E07487; margin: 20px auto; padding: 0; border-radius: 10px; } .reviewBox .reviewBox_content { padding: 30px; } .reviewBox .reviewBox_title1 { margin: 0; padding: 12px; background: #E07487; text-align: center; font-size: 15px !important; font-weight: bold; line-height: 1.3em; border: none; color: #fff !important; } .reviewBox .reviewBox_title1:before { font-family: "Font Awesome 5 Free"; content: "\f005"; font-weight: 600; padding-right: 5px; font-size: .9em !important } .reviewBox .reviewBox_title2 { margin: 0; padding: 0; line-height: 1.3em; font-size: 16px; margin-bottom: 10px; font-weight: bold; border: none; } .reviewBox .reviewBox_title2:before { content: none !important; } .reviewBox .reviewBox_top { margin: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .reviewBox .reviewBox_top p { margin: 0; padding: 0; line-height: 1.3em; padding-bottom: 12px; font-size: 15px !important; } .reviewBox .reviewBox_top p:before { font-family: "Font Awesome 5 Free"; content: "\f00c"; font-weight: 600; padding-right: 5px; font-size: .8em; } .reviewBox .reviewBox_top .reviewBox_left, .reviewBox .reviewBox_top .reviewBox_right { width: 50%; } .reviewBox .reviewBox_top .reviewBox_right img { display: block; margin: auto; width: 160px; } .reviewBox .reviewBox_center { margin-top: 10px; } .reviewBox .reviewLink { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reviewBox .reviewLink a { font-size: 15px !important; color: #444 !important; border: 2px solid #444; padding: .6em 2em; margin: 5px; width: 50%; text-align: center; margin-top: 30px; text-decoration: none; } .reviewBox .reviewLink a:nth-child(2) { background: #E07487; color: #fff !important; border: 2px solid #E07487; } .reviewBox .reviewLink a:before { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 600; padding-right: 5px; } .reviewBox .reviewBox_center { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 20px 0; } .reviewBox .reviewBox_center .progress-circle { width: 25%; margin: auto; } .reviewBox .progress-circle { font-size: 12px !important; margin: 20px; position: relative; /* so that children can be absolutely positioned */ padding: 0; width: 5em !important; height: 5em !important; background-color: #ffdee5; border-radius: 50%; line-height: 5em; } .reviewBox .reviewBox_score { font-size: 13px !important; text-align: center; line-height: 1em; z-index: 4; padding-top: 5.5em; display: block; font-weight: 600; } .reviewBox .reviewBox_score p { margin: 0; font-size: 12px !important; width: 120% !important; margin-left: -10% !important; } .reviewBox .progress-circle:after { border: none; position: absolute; top: 0.5em; left: 0.5em; text-align: center; display: block; border-radius: 50%; width: 4em; height: 4em; background-color: #fffafb; content: " "; } .reviewBox .progress-circle .progress-text { position: absolute; line-height: 2.6em; width: 2.6em; text-align: center; display: block; color: #444 !important; font-size: 23px !important; z-index: 2; font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif; } .reviewBox .left-half-clipper { border-radius: 50%; width: 5em; height: 5em; position: absolute; /* needed for clipping */ clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/ } .reviewBox .progress-circle.over50 .left-half-clipper { clip: rect(auto, auto, auto, auto); } .reviewBox .value-bar { position: absolute; /*needed for clipping*/ clip: rect(0, 2.5em, 5em, 0); width: 5em !important; height: 5em !important; border-radius: 50%; border: 0.5em solid #E07487; box-sizing: border-box; } .reviewBox .progress-circle.over50 .first50-bar { position: absolute; /*needed for clipping*/ clip: rect(0, 5em, 5em, 2.5em); background-color: #E07487; border-radius: 50%; width: 5em; height: 5em; } .reviewBox .progress-circle:not(.over50) .first50-bar { display: none; } .reviewBox .progress-circle.p0 .value-bar { display: none; } .reviewBox .progress-circle.p1 .value-bar { transform: rotate(4deg); } .reviewBox .progress-circle.p10 .value-bar { transform: rotate(36deg); } .reviewBox .progress-circle.p20 .value-bar { transform: rotate(72deg); } .reviewBox .progress-circle.p30 .value-bar { transform: rotate(108deg); } .reviewBox .progress-circle.p40 .value-bar { transform: rotate(144deg); } .reviewBox .progress-circle.p50 .value-bar { transform: rotate(180deg); } .reviewBox .progress-circle.p60 .value-bar { transform: rotate(216deg); } .reviewBox .progress-circle.p70 .value-bar { transform: rotate(252deg); } .reviewBox .progress-circle.p80 .value-bar { transform: rotate(288deg); } .reviewBox .progress-circle.p90 .value-bar { transform: rotate(324deg); } .reviewBox .progress-circle.p100 .value-bar { transform: rotate(360deg); } @media screen and (max-width:480px) { .reviewBox .reviewBox_content { padding: 15px; } .reviewBox .reviewBox_top .reviewBox_right img { width: 220px; } .reviewBox .reviewBox_top p { font-size: 13px !important; } .reviewBox .reviewBox_top p:first-child { font-size: 15px !important; } .reviewBox .reviewBox_center { padding: 0; margin-top: 20px; margin-bottom: 20px; } .reviewBox .reviewLink a { padding: .5em; } .reviewBox .reviewBox_top { flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; } .reviewBox .reviewBox_top .reviewBox_left { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 90%; margin: auto; margin-top: 20px; } .reviewBox .reviewBox_top .reviewBox_right { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 100%; } .reviewBox .reviewLink a { font-size: 13px !important; } .reviewBox .progress-circle .progress-text { line-height: 2.2em; width: 2.2em; font-size: 23px !important; } .reviewBox .progress-circle { font-size: 10px !important; } .reviewBox .reviewBox_score p { font-size: 10px !important; } } .is-style-bordered-button + p { margin-top: 0; /* 上の余白を削除 */ } .entry-date.published { display: none; } .entry-date.updated { display: block; } .entry-date.updated .icon-clock { display: none; } @media screen and (max-width: 768px) { .navi, /* .menu-button, */ /* .menu-drawer */ { display: none !important; } } .btn-and-copy .wp-block-button { margin-bottom: 10px; } .btn-and-copy .micro-copy { margin-top: 0px; } /* アフィリエイトボタンの上に余白を追加 */ .wp-block-button { margin-top: 20px; } .cmp-name{font-size:12px;} .cmp-btn{ display:inline-block !important; padding:10px 12px !important; border-radius:8px !important; background:#06C755 !important; color:#fff !important; font-size:13px !important; font-weight:700 !important; text-decoration:none !important; text-align:center !important; box-shadow:0 3px 0 rgba(0,0,0,.1) !important; transition:background .2s ease; } .cmp-btn:hover{background:#05b34c !important;} .cmp-btn:active{background:#049a42 !important;} .cmp-table{ width:100%; table-layout:fixed; border-collapse:collapse; font-size:15px; background:#fff; } .cmp-table th, .cmp-table td{ border:1px solid #ccc; padding:10px; white-space:normal; word-break:break-word; overflow-wrap:anywhere; vertical-align:top; } .cmp-table tbody td:first-child{ background:rgba(0,169,165,.05); color:#006f6c; font-weight:bold; width:8em; } .cmp-table td.center{ text-align:center; vertical-align:middle; } .cmp-table .cmp-btn{ display:block; width:100%; box-sizing:border-box; } @media(max-width:768px){ .cmp-table{font-size:9px;} .cmp-table th, .cmp-table td{padding:8px 6px;} .cmp-table .cmp-btn{font-size:10px;padding:9px 10px;} .cmp-table tbody td:first-child{width:7em;} } /* サイトタイトル 太字・大きく */ #header .site-name-text, #header .logo-text .site-name-text { font-weight: bold !important; font-size: 38px !important; letter-spacing: 2px !important; } /* === 目次：1｜2-1 縦バー区切りスタイル === */ #toc, .toc { counter-reset: toc-h2; background: #fafafa; border: 1px solid #e5e5e5; padding: 1em 0.6em; } #toc .toc-list, .toc .toc-list, #toc ul, .toc ul { list-style: none; padding-left: 0; margin: 0; } #toc > .toc-content > .toc-list > li, .toc > .toc-content > .toc-list > li { counter-increment: toc-h2; counter-reset: toc-h3; position: relative; padding: 0.4em 0 0.4em 2.3em; border-bottom: none; /* 2026-05-14 トップ階層liの点線オフ */ list-style: none; } #toc > .toc-content > .toc-list > li:last-child, .toc > .toc-content > .toc-list > li:last-child { border-bottom: none; } #toc > .toc-content > .toc-list > li::before, .toc > .toc-content > .toc-list > li::before { content: counter(toc-h2) " │"; position: absolute; left: 0; top: 0.5em; color: #888; font-weight: 500; width: 2em; text-align: right; white-space: nowrap; } #toc > .toc-content > .toc-list > li > ul, .toc > .toc-content > .toc-list > li > ul { margin-top: 0.3em; padding-left: 0; margin-left: -1.5em; list-style: none; } #toc > .toc-content > .toc-list > li > ul > li, .toc > .toc-content > .toc-list > li > ul > li { counter-increment: toc-h3; position: relative; padding: 0.15em 0 0.15em 3.7em; font-size: 0.95em; list-style: none; } #toc > .toc-content > .toc-list > li > ul > li::before, .toc > .toc-content > .toc-list > li > ul > li::before { content: counter(toc-h2) "-" counter(toc-h3) " │"; position: absolute; left: 0; top: 0.3em; color: #aaa; width: 3.4em; text-align: right; white-space: nowrap; } #toc a, .toc a { text-decoration: none; color: #333; } #toc a:hover, .toc a:hover { color: #d0427e; text-decoration: underline; } /* Cocoonデフォルトの番号spanは非表示（toc_number_typeが万一変わっても二重を防ぐ） */ #toc .toc_number, .toc .toc_number { display: none; } /* サイトタイトル スマホ縮小（2行回避） */ @media screen and (max-width: 768px) { #header .site-name-text, #header .logo-text .site-name-text { font-size: 22px !important; letter-spacing: 1px !important; } } /* ===== ヘッダーモバイルボタン 中央ロゴ ===== */ /* 中央項目（2番目LI）のCocoonデフォルト★アイコンを非表示 */ .mobile-header-menu-buttons > li:nth-child(2) .custom-menu-icon { display: none !important; } /* 中央項目のキャプション内画像サイズ調整 */ .mobile-header-menu-buttons .header-logo-image { max-height: 44px; width: auto; display: block; margin: 0 auto; } /* 中央項目のリンクのpadding微調整 */ .mobile-header-menu-buttons > li:nth-child(2) > a { padding: 4px 6px; height: auto; } /* ===== 通常ヘッダーのサイト名表示を非表示（スマホのみ） ===== */ @media screen and (max-width: 1023px) { /* ピンクの帯「★ごろたママのおうち英語★」を消す */ .header-container, #header, #header-in, .logo-header, .site-name-text-link, .site-name-text { display: none !important; } } /* ===== ヘッダーモバイルボタンを大型化（スマホのみ） ===== */ @media screen and (max-width: 1023px) { .mobile-header-menu-buttons { min-height: 70px !important; height: 70px !important; } .mobile-header-menu-buttons > li { height: 70px !important; } } /* ===== 中央ロゴ画像を大型化 ===== */ .mobile-header-menu-buttons .header-logo-image { max-height: 60px !important; /* 旧44pxから引き上げ */ width: auto; display: block; margin: 0 auto; } /* ===== M-LOGO-HEADER-FIX v3 (2026-05-17) ロゴ実サイズ拡大＋本文上余白確保 ===== */ @media screen and (max-width: 1023px){ /* body にヘッダー固定分の余白（admin barがある場合は加算） */ body{ padding-top: 70px !important; } body.admin-bar{ padding-top: 102px !important; /* 70 + 32 */ } /* モバイルヘッダーの中央LIに余白を確保（imageが伸びる箱を作る） */ .mobile-header-menu-buttons > li:nth-child(2){ height: 70px !important; min-height: 70px !important; flex: 1 1 auto !important; align-items: center !important; justify-content: center !important; display: flex !important; } .mobile-header-menu-buttons > li:nth-child(2) > a{ height: 70px !important; min-height: 70px !important; line-height: normal !important; padding: 4px 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .mobile-header-menu-buttons > li:nth-child(2) .custom-menu-caption{ height: auto !important; line-height: normal !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* 画像本体に固定heightを明示。max-height、widthの上限も併設 */ .mobile-header-menu-buttons .header-logo-image, .mobile-header-menu-buttons img.header-logo-image, ul.mobile-header-menu-buttons li .header-logo-image, .mobile-header-menu-buttons > li > a > .custom-menu-caption > img, .mobile-header-menu-buttons > li:nth-child(2) img{ height: 56px !important; max-height: 56px !important; min-height: 56px !important; width: auto !important; max-width: 220px !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; } } /* ===== /M-LOGO-HEADER-FIX v3 ===== */ /* ===== M-LOGO-HEADER-FIX v4 (2026-05-17) ===== */ @media screen and (max-width: 1023px) { body { padding-top: 55px !important; } .mobile-header-menu-buttons { min-height: 55px !important; height: 55px !important; align-items: center !important; } .mobile-header-menu-buttons > li:nth-child(2) { flex: 1 1 auto !important; min-width: 55% !important; height: 55px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .mobile-header-menu-buttons > li:nth-child(2) > a { height: 55px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; } .mobile-header-menu-buttons > li:nth-child(2) .custom-menu-caption { height: 55px !important; line-height: 0 !important; font-size: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; width: 100% !important; } .mobile-header-menu-buttons .header-logo-image, .mobile-header-menu-buttons img.header-logo-image, ul.mobile-header-menu-buttons li .header-logo-image, .mobile-header-menu-buttons > li > a > .custom-menu-caption > img { height: 52px !important; max-height: 52px !important; min-height: 52px !important; width: auto !important; max-width: 100% !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; image-rendering: -webkit-optimize-contrast !important; } } /* ===== M-LOGO-HEADER-FIX v5 (2026-05-17) 本気拡大版 ===== */ /* モバイル幅でのみ発火 */ @media screen and (max-width: 1023px) { /* body 上余白：固定ヘッダーじゃないので最小限に */ body { padding-top: 10px !important; } /* ヘッダー帯全体の高さを上げる */ ul.mobile-header-menu-buttons { min-height: 70px !important; height: 70px !important; } /* 中央LIを全力で広く取る */ ul.mobile-header-menu-buttons > li:nth-child(2), ul.mobile-header-menu-buttons > li:nth-child(2) > a, ul.mobile-header-menu-buttons > li:nth-child(2) .custom-menu-caption { height: 70px !important; flex: 1 1 auto !important; min-width: 60% !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; } /* caption内のテキスト消す（ロゴだけ見せる） */ ul.mobile-header-menu-buttons > li:nth-child(2) .custom-menu-caption { font-size: 0 !important; line-height: 0 !important; } /* ロゴ画像を本気で大きく */ ul.mobile-header-menu-buttons .header-logo-image, ul.mobile-header-menu-buttons img.header-logo-image, ul.mobile-header-menu-buttons li .header-logo-image, ul.mobile-header-menu-buttons > li > a > .custom-menu-caption > img { height: 64px !important; max-height: 64px !important; min-height: 64px !important; width: auto !important; max-width: 70vw !important; min-width: 0 !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; } } /* ===== M-LOGO-HEADER-FIX v6 (2026-05-17) さらに拡大 ===== */ @media screen and (max-width: 1023px) { /* body 上余白：そのまま10pxキープ（v5から維持） */ body { padding-top: 10px !important; } /* ヘッダー帯の高さを 70 → 90 に */ ul.mobile-header-menu-buttons { min-height: 90px !important; height: 90px !important; } /* 左の「メニュー」と右の「検索」ボタンは幅を狭く */ ul.mobile-header-menu-buttons > li:nth-child(1), ul.mobile-header-menu-buttons > li:nth-child(3) { flex: 0 0 60px !important; max-width: 60px !important; min-width: 60px !important; width: 60px !important; } /* 中央LIをほぼ画面いっぱいに */ ul.mobile-header-menu-buttons > li:nth-child(2), ul.mobile-header-menu-buttons > li:nth-child(2) > a, ul.mobile-header-menu-buttons > li:nth-child(2) .custom-menu-caption { height: 90px !important; flex: 1 1 auto !important; min-width: 75% !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; } /* caption内テキスト消す */ ul.mobile-header-menu-buttons > li:nth-child(2) .custom-menu-caption { font-size: 0 !important; line-height: 0 !important; } /* ロゴ画像を 80px に＋横幅 85vw */ ul.mobile-header-menu-buttons .header-logo-image, ul.mobile-header-menu-buttons img.header-logo-image, ul.mobile-header-menu-buttons li .header-logo-image, ul.mobile-header-menu-buttons > li > a > .custom-menu-caption > img { height: 80px !important; max-height: 80px !important; min-height: 80px !important; width: auto !important; max-width: 85vw !important; min-width: 0 !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; } } /* ===== M-LOGO-HEADER-FIX v6.1 (2026-05-17) 横幅基準で本気拡大 ===== */ /* v6まではheight固定だったため、ロゴ画像が natural比3:2 で横120pxまでしか伸びずスマホ左右が余っていた。 v6.1では height を外し、width 基準で max 85vw まで広げる。 ヘッダー帯は 90px のままで余白吸収。 */ @media screen and (max-width: 1023px) { ul.mobile-header-menu-buttons .header-logo-image, ul.mobile-header-menu-buttons img.header-logo-image, ul.mobile-header-menu-buttons li .header-logo-image, ul.mobile-header-menu-buttons > li > a > .custom-menu-caption > img { height: auto !important; max-height: 88px !important; min-height: 0 !important; width: 85vw !important; max-width: 85vw !important; min-width: 0 !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; } /* 帯はロゴが収まるだけの高さに（max-height 88px と同期） */ ul.mobile-header-menu-buttons { min-height: 90px !important; height: 90px !important; } } /* ===== M-LOGO-HEADER-FIX v7 (2026-05-17) 見切れ修正＋余白詰め ===== */ @media screen and (max-width: 1023px) { /* 左右ボタンの幅を減らして画面内に収める */ ul.mobile-header-menu-buttons > li:nth-child(1), ul.mobile-header-menu-buttons > li:nth-child(3) { flex: 0 0 56px !important; max-width: 56px !important; min-width: 56px !important; width: 56px !important; padding: 0 4px !important; box-sizing: border-box !important; } /* 中央のホームアイコンサイズ */ ul.mobile-header-menu-buttons > li:nth-child(2) .custom-menu-icon .fa-home { font-size: 28px !important; } ul.mobile-header-menu-buttons > li:nth-child(2) .custom-menu-caption { font-size: 11px !important; line-height: 1 !important; } } /* ===== M-LOGO-HEADER-FIX v8 (2026-05-17) 検索見切れ＋余白詰め ===== */ @media screen and (max-width: 1023px) { /* (1) 右上「検索」アイコン見切れ防止 */ ul.mobile-header-menu-buttons { box-sizing: border-box !important; padding-left: 8px !important; padding-right: 8px !important; width: 100% !important; left: 0 !important; right: 0 !important; } /* (2) ヘッダー下バナー → おすすめカード の余白を削除 */ .gm-mobile-logo-banner { margin: 0 !important; padding: 0 !important; } .recommended { margin-top: 0 !important; padding-top: 0 !important; } /* (3) おすすめカード → 次の本文セクション の余白を削除 */ .recommended { margin-bottom: 0 !important; padding-bottom: 0 !important; } #content { margin-top: 0 !important; padding-top: 0 !important; } #main { padding-top: 0 !important; margin-top: 0 !important; } } /* ===== M-LOGO-HEADER-FIX v9 (2026-05-17) ホームアイコン画像化 ===== */ @media screen and (max-width: 1023px) { /* ヘッダー中央のホームアイコン画像 */ ul.mobile-header-menu-buttons .header-home-icon { height: 36px !important; max-height: 36px !important; width: auto !important; max-width: 36px !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; } /* キャプションテキストは消す（アイコンだけ表示） */ ul.mobile-header-menu-buttons > li:nth-child(2) .custom-menu-caption { font-size: 0 !important; line-height: 0 !important; } /* デフォルトのstar/customアイコンは非表示 */ ul.mobile-header-menu-buttons > li:nth-child(2) .custom-menu-icon { display: none !important; } } /* ===== M-LOGO-HEADER-FIX v10 (2026-05-17) ホームテキスト復活＋検索見切れ再修正 ===== */ @media screen and (max-width: 1023px) { /* (1) 中央LIのキャプションテキストを表示 */ ul.mobile-header-menu-buttons > li:nth-child(2) .custom-menu-caption { font-size: 10px !important; line-height: 1.2 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; } /* ホームアイコン画像サイズ調整（v9を上書き） */ ul.mobile-header-menu-buttons .header-home-icon { height: 28px !important; max-height: 28px !important; width: auto !important; max-width: 28px !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; } /* (2) 検索見切れ修正：中央LI幅を下げる */ ul.mobile-header-menu-buttons > li:nth-child(2), ul.mobile-header-menu-buttons > li:nth-child(2) > a, ul.mobile-header-menu-buttons > li:nth-child(2) .custom-menu-caption { min-width: 0 !important; flex: 1 1 auto !important; } /* 左右ボタンの幅を確実に確保 */ ul.mobile-header-menu-buttons > li:nth-child(1), ul.mobile-header-menu-buttons > li:nth-child(3) { flex: 0 0 56px !important; width: 56px !important; min-width: 56px !important; max-width: 56px !important; } /* ULの padding を 12px に増やす（右端が画面外に出るのを防ぐ） */ ul.mobile-header-menu-buttons { padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; } } /* ===== M-LOGO-HEADER-FIX v11 (2026-05-17) おすすめカード→本文の余白を完全削除 ===== */ @media screen and (max-width: 1023px) { /* おすすめカードの内側Cocoonデフォルト margin-bottom を打ち消す（v10までの真犯人） */ .recommended .widget-entry-cards, .recommended .navi-entry-cards { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* 各カードのbottom余白 */ .recommended .widget-entry-cards .a-wrap, .recommended .widget-entry-cards .e-card-info, .recommended .widget-entry-card { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* recommended-in / .recommended */ .recommended .recommended-in { margin-bottom: 0 !important; padding-bottom: 0 !important; } .recommended { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* 本文側 #content / #main / .content-in も上余白を完全0に */ #content, #content.content, #content-in, .content-in, #main, #main.main { margin-top: 0 !important; padding-top: 0 !important; } } /* ===== M-LOGO-HEADER-FIX v12 (2026-05-17) 3アイコン全部イラスト画像化 ===== */ @media screen and (max-width: 1023px) { /* 3つのアイコン画像の共通サイズ */ ul.mobile-header-menu-buttons .header-menu-icon, ul.mobile-header-menu-buttons .header-home-icon, ul.mobile-header-menu-buttons .header-search-icon { height: 60px !important; max-height: 60px !important; width: auto !important; max-width: 100% !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; } /* デフォルトのCocoonアイコン（fa-bars/fa-search/fa-home）非表示 */ ul.mobile-header-menu-buttons .navi-menu-icon > .fa, ul.mobile-header-menu-buttons .custom-menu-icon > .fa, ul.mobile-header-menu-buttons .search-menu-icon > .fa { display: none !important; } /* navi/custom/search-menu-icon span 自体は表示維持（img のラッパーとして） */ /* キャプションテキストは画像内に含まれるので非表示 */ ul.mobile-header-menu-buttons .navi-menu-caption, ul.mobile-header-menu-buttons .custom-menu-caption, ul.mobile-header-menu-buttons .search-menu-caption { font-size: 0 !important; line-height: 0 !important; height: auto !important; } /* 画像がcaption span内にある場合は表示 */ ul.mobile-header-menu-buttons .navi-menu-caption img, ul.mobile-header-menu-buttons .custom-menu-caption img, ul.mobile-header-menu-buttons .search-menu-caption img { font-size: initial !important; } } /* ===== M-LOGO-HEADER-FIX v13 (2026-05-17) 3アイコンサイズ統一＋等間隔配置 ===== */ @media screen and (max-width: 1023px) { /* ULを等間隔配置に */ ul.mobile-header-menu-buttons { justify-content: space-around !important; padding-left: 0 !important; padding-right: 0 !important; } /* 3つのLIを全部同じ幅に */ ul.mobile-header-menu-buttons > li:nth-child(1), ul.mobile-header-menu-buttons > li:nth-child(2), ul.mobile-header-menu-buttons > li:nth-child(3) { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; padding: 0 !important; } /* 3アイコンの画像サイズを完全統一 */ ul.mobile-header-menu-buttons .header-menu-icon, ul.mobile-header-menu-buttons .header-home-icon, ul.mobile-header-menu-buttons .header-search-icon { height: 56px !important; max-height: 56px !important; width: auto !important; max-width: 70px !important; min-width: 0 !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; } } /* ===== M-LOGO-HEADER-FIX v14 (2026-05-17) 3LI完全均等＋検索見切れ修正 ===== */ @media screen and (max-width: 1023px) { /* UL：3等分均等配置 */ ul.mobile-header-menu-buttons { display: flex !important; justify-content: space-between !important; padding-left: 4px !important; padding-right: 4px !important; box-sizing: border-box !important; width: 100% !important; max-width: 100vw !important; overflow: hidden !important; } /* 3つのLIを完全に同じ幅に固定（画面幅の1/3） */ ul.mobile-header-menu-buttons > li:nth-child(1), ul.mobile-header-menu-buttons > li:nth-child(2), ul.mobile-header-menu-buttons > li:nth-child(3) { flex: 1 1 0 !important; width: 33.33% !important; min-width: 0 !important; max-width: 33.33% !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } /* 3アイコン画像を完全統一サイズ＋確実な縮小 */ ul.mobile-header-menu-buttons .header-menu-icon, ul.mobile-header-menu-buttons .header-home-icon, ul.mobile-header-menu-buttons .header-search-icon { height: 56px !important; max-height: 56px !important; min-height: 0 !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; } } /* ===== M-LOGO-HEADER-FIX v15 (2026-05-17) 旧 .custom-menu-caption > img の85vw打ち消し ===== */ /* v8前後の「ul.mobile-header-menu-buttons > li > a > .custom-menu-caption > img」(クラス3つ詳細度)に v14が負けて中央ホームが画面の85vwまで膨張していたため、最高詳細度＋!importantで強制上書き */ @media screen and (max-width: 1023px) { /* ホーム/メニュー/検索 imgを最高詳細度で完全制御 */ body ul.mobile-header-menu-buttons > li > a > .custom-menu-caption > img.header-home-icon, body ul.mobile-header-menu-buttons > li > a > .custom-menu-caption > img.header-menu-icon, body ul.mobile-header-menu-buttons > li > a > .custom-menu-caption > img.header-search-icon, body ul.mobile-header-menu-buttons > li > a > .custom-menu-caption > img.header-logo-image { height: 56px !important; max-height: 56px !important; min-height: 0 !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; } /* 念のため img全般も同じ詳細度で */ body ul.mobile-header-menu-buttons > li > a > .custom-menu-caption > img { height: 56px !important; max-height: 56px !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; } /* LIの幅均等は v14 で対応済だが、念押し */ body ul.mobile-header-menu-buttons > li.menu-button { flex: 1 1 0 !important; width: 33.33% !important; max-width: 33.33% !important; min-width: 0 !important; overflow: hidden !important; } } /* === M-TITLE-BRACKETS v1 (2026-05-18) ============================ * h1.entry-title の左上「・右下」コーナー装飾（Cocoonスキン由来）を非表示 * 出どころ: cocoon-skin-style-css の h1.entry-title::before / ::after * 影響: 全記事ページ・アーカイブページのタイトル装飾が消える * ================================================================= */ h1.entry-title::before, h1.entry-title::after, h1.archive-title::before, h1.archive-title::after { display: none !important; } /* === M-APPEAL-COMPACT v1 (2026-05-18) ========================== * Cocoon アピールエリアを画像ジャストフィットでコンパクト表示するための調整 * 対象: ホームページのヘッダー下バナー画像 * ================================================================ */ .appeal .appeal-in.wrap { min-height: 0 !important; padding: 16px 16px !important; } .appeal .appeal-content { padding: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; } .appeal .appeal-message { margin: 0 !important; } .appeal .appeal-message p { margin: 0 !important; } @media (max-width: 1023px) { .appeal .appeal-in.wrap { padding: 8px 8px !important; } } /* === M-APPEAL-COMPACT v2 (2026-05-18) ========================== * v1 を上書き。超コンパクト化＋画像大きめ＋appeal-contentをコンテンツ幅に、上下左右余白削除 * ================================================================ */ .appeal { background: transparent !important; } .appeal .appeal-in.wrap { min-height: 0 !important; padding: 0 !important; display: block !important; max-width: none !important; margin: 0 auto !important; } .appeal .appeal-content { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; } .appeal .appeal-message { margin: 0 !important; text-align: center !important; } .appeal .appeal-message p { margin: 0 !important; } .appeal .appeal-message img { max-width: 900px !important; width: 100% !important; height: auto !important; display: block !important; margin: 0 auto !important; } @media (max-width: 1023px) { .appeal .appeal-message img { max-width: 100% !important; } } /* === M-TITLE-PR-OVERLAP-FIX v2 (2026-05-18) ==================== * スマホで .pr-label-s（position:absolute, top:3px）が * h1.entry-title のテキストに被さる事故を修正。 * H1 の上余白を増やして PRバッジの下からテキストが始まるようにする * ================================================================ */ @media (max-width: 834px) { h1.entry-title { padding-top: 48px !important; } } @media (max-width: 480px) { h1.entry-title { padding-top: 44px !important; } } /* === M-MOBILE-HEADER-NAV-SPACING v6 (2026-05-18) ==================== * スマホの3アイコンナビ（position:fixed）下の余白を追加 * v1だと margin-bottom がfixed要素に効かないので body padding-top で作る * ================================================================ */ @media (max-width: 1023px) { body { padding-top: 40px !important; } body.admin-bar { padding-top: 72px !important; } } /* === M-MOBILE-BODY-BG v1 (2026-05-18) ==================== * スマホで body 背景色(薄グレー)が padding-topの余白に見える事故を修正 * 背景を白にしてホットダーとコンテンツ間のギャップを自然に * ============================================================= */ @media (max-width: 1023px) { body { background-color: #ffffff !important; } } /* === M-LOGO-CROP v1 (2026-05-18) ==================== * ヘッダーロゴ画像の上下透明余白をCSSで強制クロップ * 画像は1536×1024だが実コンテンツはy=323〜725の402px部分のみ * object-fit:coverで中央のコンテンツ部分だけ表示 * ===================================================== */ .logo-header img, .logo img, .header-container .logo-image, img.logo-image { object-fit: cover !important; object-position: center center !important; } /* === M-LOGO-FORCE-BANNER v1 (2026-05-18) ==================== * Cocoonの height:auto をオーバーライドして画像をバナーアスペクトに強制 * コンテンツ部分（3.82:1）だけ表示 * ============================================================= */ .logo img, .site-logo-image, .header-site-logo-image { width: 100% !important; max-width: 1500px !important; height: auto !important; aspect-ratio: 3.82 / 1 !important; object-fit: cover !important; object-position: center center !important; display: block !important; margin: 0 auto !important; } /* === M-MOBILE-GRAY-KILL v1 (2026-05-18) ==================== * スマホグレー薄色を完全消去。考えられる全要素を白背景化。 * 3アイコンナビの box-shadow も削除してグレー影を除去 * ============================================================= */ @media (max-width: 1023px) { html, body, #container, #body-container, #content, .content { background-color: #ffffff !important; } ul.mobile-header-menu-buttons, .mobile-header-menu-buttons, .mobile-menu-buttons { box-shadow: none !important; } } /* ===== 世界観「英語の電車」STAGE1 START (2026-08-13 rev2) ===== */ /* 戻し方＝このSTARTからENDまでを削除するだけ。既存のCSSには一切触れていません */ .page-id-3572{ --w-cream:#FFF6E6; --w-paper:#FFFDF7; --w-ink:#43342A; --w-soft:#8A7663; --w-line:#E3D3B8; --w-orange:#F59120; --w-sky:#47AED6; --w-skysoft:#DDF1F9; --w-sh:0 4px 0 rgba(67,52,42,.13); } /* 地をクリームに */ body.page-id-3572, .page-id-3572 #container, .page-id-3572 #content, .page-id-3572 #main, .page-id-3572 .main, .page-id-3572 article, .page-id-3572 .entry-content{ background:var(--w-cream) !important; color:var(--w-ink) !important; } .page-id-3572 #header, .page-id-3572 .header-container, .page-id-3572 #navi{ background:var(--w-cream) !important; } .page-id-3572 .navi-in a{ color:var(--w-ink) !important; } /* 大見出し＝標識。囲まない・影なし（ボタンに見えないように） */ .page-id-3572 .entry-content h2{ background:transparent !important; color:var(--w-ink) !important; border:none !important; border-left:10px solid var(--w-orange) !important; border-bottom:3px solid var(--w-line) !important; border-radius:0 !important; padding:6px 0 8px 13px !important; box-shadow:none !important; font-weight:700 !important; } .page-id-3572 .entry-content h2::before, .page-id-3572 .entry-content h2::after{ content:none !important; } /* ふつうの囲み（リード文・Point・バナー・はじめての方へ）＝やわらかい枠だけ */ .page-id-3572 .entry-content .wp-block-group.has-border-color, .page-id-3572 .entry-content .wp-block-group[style*="background-color"]{ background:var(--w-paper) !important; border:2px solid var(--w-line) !important; border-radius:14px !important; box-shadow:none !important; } .page-id-3572 .entry-content .wp-block-group[style*="background-color"] h3{ background:transparent !important; border:none !important; border-bottom:3px dashed var(--w-line) !important; border-left:none !important; color:var(--w-ink) !important; padding:4px 2px !important; border-radius:0 !important; } .page-id-3572 .entry-content .wp-block-group[style*="background-color"] h3::before, .page-id-3572 .entry-content .wp-block-group[style*="background-color"] h3::after{ content:none !important; } /* 4枚のカテゴリカードだけ＝紙のカード＋オレンジの帯 */ .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"]) .wp-block-group.has-border-color{ border:2.5px solid var(--w-ink) !important; box-shadow:var(--w-sh) !important; padding:0 0 14px !important; overflow:visible !important; position:relative !important; margin-bottom:16px !important; } .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"]) .wp-block-group.has-border-color > h3{ background:var(--w-orange) !important; color:#fff !important; border:none !important; margin:0 0 12px !important; padding:7px 16px !important; border-radius:11px 11px 0 0 !important; font-size:15.5px !important; font-weight:700 !important; } .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"]) .wp-block-group.has-border-color > h3 span{ color:#fff !important; } .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"]) .wp-block-group.has-border-color > *:not(h3){ margin-left:16px !important; margin-right:16px !important; } .page-id-3572 .entry-content .wp-block-image img{ border-radius:10px !important; } /* カード内の記事リンク＝水色のボタン */ .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"]) .wp-block-list{ list-style:none !important; padding-left:0 !important; display:flex !important; flex-direction:column !important; gap:6px !important; } .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"]) .wp-block-list li{ margin:0 !important; } .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"]) .wp-block-list li a{ display:block !important; background:var(--w-skysoft) !important; border:2px solid #BEE3F1 !important; border-radius:10px !important; padding:7px 11px !important; color:#1F7FA6 !important; font-weight:700 !important; font-size:13.5px !important; text-decoration:none !important; } .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"]) .wp-block-list li a::before{ content:"▶ "; font-size:10px; color:var(--w-sky); } /* 路線と停車ドットは「スマホだけ」。PCは2列で線が破綻するため出さない */ @media screen and (max-width:768px){ .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"]){ position:relative !important; padding-top:40px !important; padding-left:30px !important; } .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"])::before{ content:"" !important; position:absolute !important; top:10px !important; left:0 !important; right:0 !important; height:12px !important; border-top:3px solid var(--w-line) !important; border-bottom:3px solid var(--w-line) !important; background:repeating-linear-gradient(90deg,transparent 0 16px,var(--w-line) 16px 22px) !important; border-radius:2px !important; } .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"])::after{ content:"" !important; position:absolute !important; left:8px !important; top:56px !important; bottom:14px !important; width:6px !important; background:var(--w-orange) !important; border-radius:3px !important; } .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"]) .wp-block-group.has-border-color::before{ content:"" !important; position:absolute !important; left:-33px !important; top:22px !important; width:15px !important; height:15px !important; background:var(--w-paper) !important; border:4px solid var(--w-orange) !important; border-radius:50% !important; z-index:2 !important; } } /* ボタン＝手描きのゆらぎ */ .page-id-3572 .entry-content .wp-block-button__link{ background:var(--w-orange) !important; color:#fff !important; border:none !important; font-weight:700 !important; padding:12px 26px !important; border-radius:255px 18px 225px 18px / 18px 225px 18px 255px !important; box-shadow:0 4px 0 rgba(67,52,42,.22) !important; } /* 棚バナーのボタンを中央へ */ .page-id-3572 .entry-content .wp-block-buttons{ justify-content:center !important; } /* リンク色 */ .page-id-3572 .entry-content a{ color:#2E8FB5; } /* ===== 世界観「英語の電車」STAGE1 END ===== */ /* ===== 世界観 STAGE1-c／年齢ナビ＋PCでもヒーロー画像 START (2026-08-13) ===== */ /* 年齢ナビ：スマホは路線、PCは横4列 */ .page-id-3572 .entry-content .gtm-age-nav{ padding:0 !important; } .page-id-3572 .entry-content .gtm-age-card{ background:var(--w-paper) !important; border:2.5px solid var(--w-ink) !important; border-radius:14px !important; box-shadow:var(--w-sh) !important; padding:11px 15px !important; margin:0 0 14px !important; position:relative !important; } .page-id-3572 .entry-content .gtm-age-card .gtm-age-name{ margin:0 !important; font-size:16.5px !important; font-weight:700 !important; line-height:1.4 !important; } .page-id-3572 .entry-content .gtm-age-card .gtm-age-name a{ color:var(--w-ink) !important; text-decoration:none !important; display:block !important; } .page-id-3572 .entry-content .gtm-age-card .gtm-age-name a::after{ content:" ›"; color:var(--w-orange); font-weight:700; float:right; } .page-id-3572 .entry-content .gtm-age-card .gtm-age-desc{ margin:2px 0 0 !important; font-size:12.5px !important; color:var(--w-soft) !important; line-height:1.6 !important; } @media screen and (max-width:768px){ .page-id-3572 .entry-content .gtm-age-nav{ position:relative !important; padding-left:30px !important; } .page-id-3572 .entry-content .gtm-age-nav::after{ content:"" !important; position:absolute !important; left:8px !important; top:64px !important; bottom:20px !important; width:6px !important; background:var(--w-orange) !important; border-radius:3px !important; } .page-id-3572 .entry-content .gtm-age-card::before{ content:"" !important; position:absolute !important; left:-33px !important; top:18px !important; width:15px !important; height:15px !important; background:var(--w-paper) !important; border:4px solid var(--w-orange) !important; border-radius:50% !important; z-index:2 !important; } } @media screen and (min-width:769px){ .page-id-3572 .entry-content .gtm-age-nav > .wp-block-group, .page-id-3572 .entry-content .gtm-age-nav .gtm-age-card{ } .page-id-3572 .entry-content .gtm-age-nav{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:12px !important; } .page-id-3572 .entry-content .gtm-age-nav > h2{ grid-column:1 / -1 !important; } .page-id-3572 .entry-content .gtm-age-card{ margin-bottom:0 !important; } } /* ヒーロー画像をPCでも表示する（従来は769px以上で非表示だった） */ @media screen and (min-width:769px){ .page-id-3572 .entry-content > .wp-block-group:first-child > figure.wp-block-image{ display:block !important; } } /* ===== 世界観 STAGE1-c END ===== */ /* ===== 世界観「英語の電車」STAGE2／全ページ START (2026-08-16) ===== */ /* 戻し方＝このSTARTからENDまでを削除するだけ */ :root{ --w-cream:#FFF6E6; --w-paper:#FFFDF7; --w-ink:#43342A; --w-soft:#8A7663; --w-line:#E3D3B8; --w-orange:#F59120; --w-sky:#47AED6; --w-skysoft:#DDF1F9; --w-sh:0 4px 0 rgba(67,52,42,.13); } /* 地をクリームに（記事の本文は白い紙のまま残す） */ body{ background:var(--w-cream) !important; color:var(--w-ink) !important; } #container,#content,#main,.main{ background:transparent !important; } #header,.header-container,#navi{ background:var(--w-cream) !important; } .navi-in a{ color:var(--w-ink) !important; } .sidebar{ background:transparent !important; } /* 記事の本文は「紙」として明るいまま。読みやすさを優先 */ article,.article,.entry-content{ background:var(--w-paper) !important; } /* 大見出し＝標識（全記事共通・囲まない／影なし） */ .entry-content h2{ background:transparent !important; color:var(--w-ink) !important; border:none !important; border-left:10px solid var(--w-orange) !important; border-bottom:3px solid var(--w-line) !important; border-radius:0 !important; padding:6px 0 8px 13px !important; box-shadow:none !important; font-weight:700 !important; } .entry-content h2::before,.entry-content h2::after{ content:none !important; } /* ボタン＝手描きのゆらぎ */ .entry-content .wp-block-button__link{ background:var(--w-orange) !important; color:#fff !important; border:none !important; font-weight:700 !important; padding:12px 26px !important; border-radius:255px 18px 225px 18px / 18px 225px 18px 255px !important; box-shadow:0 4px 0 rgba(67,52,42,.22) !important; } /* フッター */ .footer,#footer{ background:var(--w-ink) !important; color:var(--w-cream) !important; } .footer a,#footer a{ color:#FFE7C2 !important; } /* ⚠️ 意図的に触っていないもの（壊さないため） ・アフィリエイトボタン（pochipp / もしも / A8のブロック） ・比較表・料金表 ・吹き出し（speech balloon） ・Q&Aのアコーディオン（details / summary） ・useful-blocks のボックス これらは第3段で1つずつ確認しながら揃える */ /* ===== 世界観「英語の電車」STAGE2 END ===== */ /* ===== 世界観 STAGE2-b／グローバルメニューのドロップダウン START (2026-08-16) ===== */ #navi .navi-in > .menu-header .sub-menu{ background-color:var(--w-paper) !important; border:2px solid var(--w-line); border-top:3px solid var(--w-orange); border-radius:0 0 12px 12px; box-shadow:0 6px 0 rgba(67,52,42,.10); overflow:hidden; } #navi .navi-in .sub-menu li + li{ border-top:2px dashed var(--w-line); } #navi .navi-in .sub-menu a{ background:transparent !important; color:var(--w-ink) !important; } #navi .navi-in a:hover{ background-color:var(--w-orange) !important; color:#fff !important; } /* ===== 世界観 STAGE2-b END ===== */ /* ===== 世界観 STAGE3／カテゴリカードを目立たせる START (2026-08-19) ===== */ /* カードのタイトル 15.5px -> 22px（ページ内で他のH3と同じ大きさに） */ .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"]) .wp-block-group.has-border-color > h3{ font-size:22px !important; padding:12px 16px !important; letter-spacing:.02em !important; line-height:1.4 !important; } /* 「もっと見る」＝オレンジのボタン（水色の記事リンクと役割を分ける） */ .page-id-3572 .entry-content p.gtm-cat-more{ margin:12px 16px 2px !important; text-align:center !important; } .page-id-3572 .entry-content p.gtm-cat-more a{ display:block !important; background:var(--w-orange) !important; color:#fff !important; font-weight:700 !important; font-size:14.5px !important; text-decoration:none !important; padding:11px 14px !important; border-radius:255px 16px 225px 16px / 16px 225px 16px 255px !important; box-shadow:0 3px 0 rgba(67,52,42,.22) !important; } .page-id-3572 .entry-content p.gtm-cat-more a::after{ content:" ›"; font-weight:700; } .page-id-3572 .entry-content p.gtm-cat-more a:hover{ filter:brightness(1.06); } /* ===== 世界観 STAGE3 END ===== */ /* ===== 世界観 STAGE3-b／年齢カードを面で押せる＋もっと見るの色分け START (2026-08-19) ===== */ /* ① 年齢カードは枠のどこを押してもリンクに飛ぶ */ .page-id-3572 .entry-content .gtm-age-card{ cursor:pointer !important; transition:transform .12s ease, box-shadow .12s ease; } .page-id-3572 .entry-content .gtm-age-card:hover{ transform:translateY(-2px) !important; box-shadow:0 6px 0 rgba(67,52,42,.18) !important; } /* 矢印はカード側に移して、a::after を「面」用に空ける */ .page-id-3572 .entry-content .gtm-age-card .gtm-age-name a::after{ content:"" !important; position:absolute !important; inset:0 !important; border-radius:14px !important; z-index:1 !important; float:none !important; } .page-id-3572 .entry-content .gtm-age-card .gtm-age-name::after{ content:"\203A" !important; position:absolute !important; right:15px !important; top:9px !important; color:var(--w-orange) !important; font-weight:700 !important; font-size:22px !important; line-height:1.4 !important; z-index:0 !important; } /* ② 「もっと見る」はこげ茶に（オレンジの見出し帯と分ける） */ .page-id-3572 .entry-content p.gtm-cat-more a{ background:var(--w-ink) !important; box-shadow:0 3px 0 rgba(67,52,42,.30) !important; } .page-id-3572 .entry-content p.gtm-cat-more a:hover{ background:#5C4B3E !important; filter:none !important; } /* ===== 世界観 STAGE3-b END ===== */ /* ===== 世界観 STAGE-P／トップページをピンクベースに START (2026-08-19) ===== */ /* 色の変数をトップページだけ差し替える（新色は足さない。すべてサイト既出の色） */ :root, body{ --w-cream:#FDF2F2 !important; /* 地：もくじ・サイドバーと同じピンク系 */ --w-paper:#FFFCFC !important; /* カードの紙 */ --w-orange:#E07487 !important; /* 主役：もくじ見出しのピンク */ --w-line:#EFD8DC !important; /* 枠線：今のカード枠のピンク */ --w-sky:#E07487 !important; --w-skysoft:#FFFFFF !important; } /* カード内の記事リンク＝白地＋ピンクの線（ベタ塗りは見出し帯だけにする） */ .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"]) .wp-block-list li a{ background:#FFFFFF !important; border-color:#EFD8DC !important; color:#A8475C !important; } .page-id-3572 .entry-content .wp-block-columns:has(img[src*="card-"]) .wp-block-list li a::before{ color:#E07487 !important; } /* もっと見る＝うすピンク地＋ピンクの枠 */ .page-id-3572 .entry-content p.gtm-cat-more a{ background:#FBE4E6 !important; border:3px solid #E07487 !important; color:#A8475C !important; box-shadow:0 3px 0 rgba(160,90,105,.25) !important; } .page-id-3572 .entry-content p.gtm-cat-more a:hover{ background:#F8D8DC !important; filter:none !important; } /* ごろたままのTシャツ色（オレンジ）は、少量のアクセントとして残す */ .page-id-3572 .entry-content .gtm-age-card .gtm-age-name::after{ color:#F59120 !important; } /* ===== 世界観 STAGE-P END ===== */ /* ===== 世界観 STAGE-P2／記事の中もピンクに START (2026-08-19) ===== */ /* 記事内のリンクボタン（そらいろのベタ → ピンクのベタ） */ .entry-content .gtm-linkbtn{ background:#E07487 !important; } /* 比較表（縦並びの旧型・2つ目の表など） */ .entry-content .gtm-tbl table tbody tr:first-child td{ background:#FBE4E6 !important; color:#43342A !important; } .entry-content .gtm-tbl table tbody tr:first-child td strong{ color:#43342A !important; } .entry-content .gtm-tbl table tbody tr:nth-child(even):not(:first-child) td{ background:#FFF7F7 !important; } .entry-content .gtm-tbl table td{ border-bottom-color:#EFD8DC !important; } .entry-content .gtm-tbl table td:last-child{ color:#A8475C !important; } .entry-content .gtm-tbl table td a{ color:#A8475C !important; border-bottom-color:#E07487 !important; } /* 比較表（横並びの新型） */ .entry-content .gtm-tbl2{ background:#FFFCFC !important; } .entry-content .gtm-tbl2 th, .entry-content .gtm-tbl2 tr:first-child td{ background:#FBE4E6 !important; } .entry-content .gtm-tbl2 th{ box-shadow:2px 0 0 #EFD8DC !important; } .entry-content .gtm-tbl2 th,.entry-content .gtm-tbl2 td{ border-bottom-color:#EFD8DC !important; border-right-color:#EFD8DC !important; } .entry-content .gtm-tbl2 tr:last-child td{ color:#A8475C !important; } .entry-content .gtm-tbl2 table td a, .entry-content .gtm-tbl2 table td a strong{ color:#A8475C !important; } .entry-content .gtm-tbl2 table td a::after{ color:#E07487 !important; } /* ===== 世界観 STAGE-P2 END ===== */ /* ===== 世界観 STAGE-P3／ピンクの面を減らす START (2026-08-19) ===== */ /* ① 記事内のリンクボタン＝ベタ塗りをやめて「白地＋ピンクの枠」に （アフィリのボタンより弱く見せる。参考に見てほしいリンクなので） */ .entry-content .gtm-linkbtn{ background:#FCEDEF !important; color:#A8475C !important; border:2.5px solid #E07487 !important; box-shadow:0 3px 0 rgba(160,90,105,.20) !important; } .entry-content .gtm-linkbtn:hover{ background:#F8DEE3 !important; filter:none !important; } /* ② 表の見出し行＝ピンクをやめて中立のうすベージュに（表は情報であって主張ではない） */ .entry-content .gtm-tbl2 th, .entry-content .gtm-tbl2 tr:first-child td, .entry-content .gtm-tbl table tbody tr:first-child td{ background:#F4EDE9 !important; } .entry-content .gtm-tbl2 th{ box-shadow:2px 0 0 #E7DDD6 !important; } .entry-content .gtm-tbl2 th,.entry-content .gtm-tbl2 td, .entry-content .gtm-tbl table td{ border-bottom-color:#E7DDD6 !important; border-right-color:#E7DDD6 !important; } .entry-content .gtm-tbl table tbody tr:nth-child(even):not(:first-child) td{ background:#FBF7F5 !important; } /* ===== 世界観 STAGE-P3 END ===== */ /* ===== 背景を淡いピンクに統一（2026-10-14）===== 記事・固定ページ・一覧（検索結果・カテゴリー）の白い地をなくし、ページ全体を淡いピンクにする。 トップページは対象外。表・吹き出し・目次・キャンプのカードは白のまま。 */ body:not(.home) { background-color: #fef8f8 !important; } body:not(.home) .main, body:not(.home) .entry-content, body:not(.home) main article:not(.gcs-card) { background-color: transparent !important; }/* ===== トップページのガタつき直し（2026-10-14）ここから ===== トップ（固定ページ3572）だけ、古いヘッダーなどを最初から出さない。 元に戻すときは「ここから」〜「ここまで」を消す。 */ body.page-id-3572 #sidebar, body.page-id-3572 .article-header, body.page-id-3572 .article-footer, body.page-id-3572 .toc, body.page-id-3572 .widget-above-page-content-title, body.page-id-3572 #main .breadcrumb, body.page-id-3572 #header-container, body.page-id-3572 .mobile-header-menu-buttons{display:none!important} body.page-id-3572{margin-top:0!important;padding-top:0!important} body.page-id-3572 #content{margin:0!important;padding:0!important} body.page-id-3572 #content-in{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important} body.page-id-3572 #main{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} body.page-id-3572 #main .article, body.page-id-3572 #main .entry-content{margin:0!important;padding:0!important;border:0!important;background:transparent!important} /* ===== トップページのガタつき直し ここまで ===== */