@charset "UTF-8";
  .page-link-1{
max-width: 300px;
width:100%;
}
.page-link-1 img{
width:100% !important;
}
.page-link-1 a{
-ms-flex-preferred-size:100%;
flex-basis:100%;
}
.page-link-2{
max-width: 550px;
width:100%;
}
.page-link-2 a{
-ms-flex-preferred-size:47%;
flex-basis:47%;
}
.page-link-3 a{
-ms-flex-preferred-size: calc(100%/3);
flex-basis:calc(100%/3);
}
.page-link-wrap{
margin: 2em auto;
}
.page-link-notice {
color: #2294d6;
background:#edf8ff;
font-size:0.8em !important;
letter-spacing:1px !important;
width:100%;
margin:0 auto 1em !important;
text-align: center;
font-weight: 500;
padding: 3px 0 !important;
}
.page-link-notice + .page-link{
margin-top:0.8em;
}
.page-link{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack: distribute;
justify-content:space-around;
}
.page-link br{
display:none;
}
.page-link a{
display:block;
line-height:1.1;
color: #555;
text-decoration:none;
padding:0 10px;
}
.page-link .page-link-text{
line-height: 1.5;
letter-spacing: 1px;
display:block;
font-size: 0.9em;
word-break: break-all;
margin-top:3px;
}
.page-link .page-link-text:before{
font-family: "FontAwesome";
content: "\f138";
font-weight: 600;
margin-right:3px;
}
.page-link img{
box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
-webkit-transition: all 0.3s;
transition: all 0.3s;
object-fit:cover; width:100%; height:150px !important; margin:0;
}
.page-link img:hover{
transform: translateY(-3px);
box-shadow: 0px 3px 18px 3px rgba(0,0,0,.08);
} @media screen and (max-width: 559px) {
.page-link-wrap{
max-width:350px;
width:100%;
}
.page-link{
-ms-flex-wrap: wrap;
flex-wrap:wrap;
}
.page-link img{
width:100%;
}
.page-link a{
margin-bottom:8px;
-ms-flex-preferred-size: 100%;
flex-basis:100%;
}
} .p-sticky-table{
white-space: nowrap;
line-height:1.6;
}
.p-sticky-table table{
border:none;
border: 1px solid #dedede;
border-bottom: none;
border-collapse: collapse;
word-break: break-all;
table-layout: fixed;
display:block;
overflow:scroll;
max-height: 80vh;
}
.p-sticky-table thead th:first-child {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
z-index: 3;
}
.p-sticky-table thead th {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2;
text-align:center;
}
.p-sticky-table tbody th:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 1;
border:none;
white-space: normal;
min-width: 130px;
}
.p-sticky-table th, .p-sticky-table td {
min-width: 50px;
text-align: left;
font-size: 16px !important;
position: relative;
padding: 13px !important;
color: #333;
border: none !important;
z-index: 0;
vertical-align:middle !important;
background:#fff;
}
.p-sticky-table th{
background:#f0f9ff !important;
letter-spacing: 1px;
font-weight: 600 !important;
color: #555 !important;
}
.p-sticky-table tr{
border-bottom:none !important;
}
.p-sticky-table img{
margin: 10px auto;
display: block;
padding: 0;
max-width: 80% !important;
}
.p-sticky-table table th::before, .p-sticky-table table td::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
z-index: -1;
} @media screen and (max-width: 560px) {
.p-sticky-table table {
max-height: 60vh;
}
.p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
min-width: 25vw;
}
.p-sticky-table th, .p-sticky-table td {
font-size: 12px !important;
padding: 7px !important;
}
} .pst-center td {
text-align: center;
} .pst-blue thead th, .pst-blue tbody th {
background: #daf5ff !important;
}
.pst-blue tr:nth-child(odd) td {
background: #fff;
}
.pst-blue tr:nth-child(even) td {
background: #effafd;
}
.pst-blue table th::before {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
} @media only screen and (max-width: 959px) { } @media only screen and (min-width: 600px) and (max-width: 959px) { } @media only screen and (min-width: 600px) { } @media print, screen and (min-width: 960px) { } @media print, screen and (max-width: 599px) { } @media only screen and (max-width: 959px) { } @media only screen and (min-width: 600px) and (max-width: 959px) { } @media only screen and (min-width: 600px) { } @media print, screen and (min-width: 960px) { } @media print, screen and (max-width: 599px) { }
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
font-family: sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_qa {
margin: 0 0 2em 10px;
padding: 1em 1em 0.5em 1em;
background: #e1f5fe;
}
.cp_qa h1 {
font-size: 1.2em;
position: relative;
margin-right: 1em;
margin-left: -26px;
padding: 0.3em;
color: #ffffff;
background-color: #42a5f5;
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.cp_qa h1::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 0;
height: 0;
content: '';
border-width: 0 10px 10px 0;
border-style: solid;
border-color: transparent #1976d2 transparent transparent;
}
.cp_qa dl {
margin: 0;
}
.cp_qa dt {
margin-bottom: 0.5em;
padding: 0.2em 0.5em 0.5em 2em;
border-radius: 0.2em;
background: #ffb74d;
}
.cp_qa dd {
margin-bottom: 1em;
margin-left: 0;
padding: 0.5em 1em 1.5em 3em;
} .cp_qa dt::before,.cp_qa dd::before{
font-size: 1.5em;
color: #ffffff;
}
.cp_qa dt::before {
margin: 0.3em 0.3em 0 -1em;
content: 'Q';
}
.cp_qa dd::before {
margin: 0 0.5em 0 -2em;
padding: 0.2em 0.4em;
content: 'A';
border-radius: 0.2em;
background: #00bcd4;
} .c-headLogo__img {
height: 100%!important;
-o-object-fit: contain;
object-fit: contain;
width: auto;
} .ptimeline-wrap{
margin:0 auto 2rem;
}
.ptimeline-wrap .ptimeline{
padding:0 !important;
list-style:none !important;
}
.ptimeline-wrap .ptimeline-label {
padding: 3px 0 0 2px;
color: #aaa;
font-size: 12px;
font-weight: 500;
}
.ptimeline-wrap .ptimeline-title {
font-size: 1.1em;
font-weight: bold;
line-height: 1.5;
color:#00bfff;
}
.ptimeline-wrap .ptimeline-main {
margin-top: 0.5em;
padding: 0 0 1.5em;
font-size: 0.9em;
line-height: 1.8;
border-bottom: dashed 1px #ddd;
color:#555;
}
.ptimeline-wrap .ptimeline-main img{
display:block;
margin:1em auto;
}
.ptimeline-wrap .ptimeline-item {
position: relative;
padding: 0 0 1em 1.5em !important;
margin-bottom:0 !important;
border:none;
}
.ptimeline-wrap .ptimeline .ptimeline-item:before {
content: "";
width: 3px;
background: #eee !important;
display: block;
position: absolute;
top: 25px;
bottom: -3px;
left: 5px;
}
.ptimeline-wrap .ptimeline-item:last-child:before{
content:none;
} .ptimeline-wrap .ptimeline-marker{
display: block;
position: absolute;
content: "";
top: 6px;
left: 0;
width: 14px;
height: 14px;
border-radius: 50%;
border: solid 3px #00bfff;
}
.ptimeline-wrap .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .ptimeline-item:last-child .ptimeline-marker{
background:#00bfff;
} .ptimeline-wrap .square .ptimeline-marker{
border-radius: 0;
} .ptimeline-wrap .icon .ptimeline-item .ptimeline-marker{
content:unset;
border:none !important;
background:none !important;
}
.ptimeline-wrap .icon .ptimeline-item .ptimeline-marker:before{
font-family: "Font Awesome 5 Free";
top: -1px;
left: 0;
position:absolute;
font-weight:bold;
font-size:16px;
line-height:1;
color:#00bfff;
}
.ptimeline-wrap .icon .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .icon .ptimeline-item:last-child .ptimeline-marker{
background:none !important;
} .ptimeline-wrap .tl-img .ptimeline-item .ptimeline-marker{
content:unset;
border:none !important;
background:none !important;
}
.ptimeline-wrap .tl-img .ptimeline-item .ptimeline-marker:before {
content:"";
display:inline-block;
background-image:url(//mens-beauty.coetas.jp/wp-content/themes/swell_child/ここに画像URL); background-size:contain;
background-repeat:no-repeat;
width:40px;
height:40px;
position: relative;
top: -4px;
left: -2px;
}
.ptimeline-wrap .tl-img li:nth-of-type(2) > .ptimeline-marker:before{
background-image:url(//mens-beauty.coetas.jp/wp-content/themes/swell_child/ここに画像URL) !important; }
.ptimeline-wrap .tl-img li:nth-of-type(3) > .ptimeline-marker:before{
background-image:url(//mens-beauty.coetas.jp/wp-content/themes/swell_child/ここに画像URL) !important; }
.ptimeline-wrap .tl-img li:nth-of-type(4) > .ptimeline-marker:before{
background-image:url(//mens-beauty.coetas.jp/wp-content/themes/swell_child/ここに画像URL) !important; }
.ptimeline-wrap .tl-img li:nth-of-type(5) > .ptimeline-marker:before{
background-image:url(//mens-beauty.coetas.jp/wp-content/themes/swell_child/ここに画像URL) !important; }
.ptimeline-wrap .tl-img .ptimeline-item {
padding: 0 0 1em 3em !important;
}
.ptimeline-wrap .tl-img .ptimeline-item:before {
top: 30px;
left: 15px;
}  .ptimeline-wrap .pink .ptimeline-title{
color:#f7bcbc !important; }
.ptimeline-wrap .pink .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .pink .ptimeline-marker{
border: solid 3px #f7bcbc !important; color:#f7bcbc; }
.ptimeline-wrap .pink .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .pink .ptimeline-item:last-child .ptimeline-marker{
background:#f7bcbc; }
.ptimeline-wrap .pink .ptimeline-item .ptimeline-marker:before{
color:#f7bcbc !important; } .ptimeline-wrap .yellow .ptimeline-title{
color:#fdc44f !important; }
.ptimeline-wrap .yellow .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .yellow .ptimeline-marker{
border: solid 3px #fdc44f !important; color:#fdc44f; }
.ptimeline-wrap .yellow .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .yellow .ptimeline-item:last-child .ptimeline-marker{
background:#fdc44f; }
.ptimeline-wrap .yellow .ptimeline-item .ptimeline-marker:before{
color:#fdc44f !important; } .ptimeline-wrap .green .ptimeline-title{
color:#2fcdb4 !important; }
.ptimeline-wrap .green .ptimeline-main{
color:#555 !important; }
.ptimeline-wrap .green .ptimeline-marker{
border: solid 3px #2fcdb4 !important; color:#2fcdb4; }
.ptimeline-wrap .green .ptimeline-item:first-child .ptimeline-marker,.ptimeline-wrap .green .ptimeline-item:last-child .ptimeline-marker{
background:#2fcdb4; }
.ptimeline-wrap .green .ptimeline-item .ptimeline-marker:before{
color:#2fcdb4 !important; } .meritto, .demeritto { position: relative; padding: 0.8em 1em; margin: 3em 0 2em; }
.meritto { border: 3px solid #4ebdf1;
}
.demeritto { border: 3px solid #ff6e6e;
}
.meritto .box-title, .demeritto .box-title { position: absolute; top: -42px; left: -3px; color: white; line-height: 32px; padding: 5px 13px 3px; border-radius: 10px 10px 0 0; }
.meritto .box-title { background: #4ebdf1;
}
.demeritto .box-title { background: #ff6e6e;
}
.meritto .box-title:before, .demeritto .box-title:before { margin-right: 10px; font-size: 1.2em; }
.meritto .box-title:before { content: "\f599";
}
.demeritto .box-title:before { content: "\f119";
}
.meritto ul, .demeritto ul { list-style: none; }
.meritto li, .demeritto li { padding: .5em 0; }
.meritto li:before, .demeritto li:before { margin-left: -20px; margin-right: 10px; }
.meritto li:before { content: "\f164";
color: #4ebdf1;
}
.demeritto li:before { content: "\f165";
color: #ff6e6e;
}
.meritto li:before, .meritto .box-title:before, .demeritto li:before, .demeritto .box-title:before { font-family: "Font Awesome 5 Free";
font-weight: 900;
}  div.yyi-rinker-info div.yyi-rinker-title a {
font-size: 1em!important;
} .yyi-rinker-info {
text-align: left!important; 
} @media screen and (max-width: 500px){
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
width: 100%!important;
}} div.yyi-rinker-detail div:not(:last-child) {
padding-bottom: 1px!important;
} div.yyi-rinker-contents div.yyi-rinker-box {
padding: 15px 15px 0!important;
}
@media (min-width: 768px){
div.yyi-rinker-box div.yyi-rinker-info {
padding-left: 0px;
}
div.yyi-rinker-contents div.yyi-rinker-box {
padding: 15px 5px 0 15px!important;
}} .yyi-rinker-img-m .yyi-rinker-main-img{
width:auto!important;
}
@media (min-width: 768px){
.yyi-rinker-img-m .yyi-rinker-main-img{
width:auto!important;
max-width:200px!important;
}}
div.yyi-rinker-contents div.yyi-rinker-image{
align-items: center!important;
} @media (min-width: 768px){
div.yyi-rinker-contents ul.yyi-rinker-links li{
width: 47%; }}
ul.yyi-rinker-links a.yyi-rinker-link{
box-shadow: none!important; }
@media (min-width: 768px){ ul.yyi-rinker-links a.yyi-rinker-link {
min-height: 44px!important;
}} @media (min-width: 768px){
div.yyi-rinker-info ul.yyi-rinker-links li:not(:last-child) {
margin-right: 12px!important;
}} .yyi-rinker-link:before {
border-radius: 10px; }
@media (min-width: 768px){ ul.yyi-rinker-links li.amazonkindlelink:before, ul.yyi-rinker-links li.amazonlink:before, ul.yyi-rinker-links li.rakutenlink:before, ul.yyi-rinker-links li.yahoolink:before {
text-align: left;
}} .collab-notice{background:#F8F8F8;border-radius:8px;padding:10px 16px;font-size:12px;color:#888;margin-bottom:16px;border:1px solid #E8E8E8}
.collab-notice strong{color:#333} .kcard-list {
--kc-blue: #2787c8;
--kc-blue-dark: #17679d;
--kc-blue-soft: #edf8ff;
--kc-purple: #7669c8;
--kc-purple-soft: #f4f1ff;
--kc-text: #253b4b;
--kc-muted: #6d7f8d;
--kc-border: #dce9f1;
--kc-bg: #ffffff;
margin-top: 42px;
}
.kcard-list__lead {
margin: 0 0 28px !important;
color: var(--kc-muted);
line-height: 1.9;
}
.kcard-list__group-title {
margin: 38px 0 18px !important;
padding: 11px 15px !important;
border: 0 !important;
border-left: 5px solid var(--kc-blue) !important;
border-radius: 0 12px 12px 0;
background: var(--kc-blue-soft);
color: #26485f;
font-size: 1.16rem !important;
line-height: 1.55;
}
.kcard-list__group-title::before,
.kcard-list__group-title::after {
display: none !important;
}
.kcard-list__group-title--global {
border-left-color: var(--kc-purple) !important;
background: var(--kc-purple-soft);
}
.kcard-item {
display: grid !important;
grid-template-columns: 220px minmax(0, 1fr);
gap: 28px;
align-items: start;
margin: 0 0 22px !important;
padding: 26px;
border: 1px solid var(--kc-border);
border-radius: 22px;
background: var(--kc-bg);
box-shadow: 0 8px 28px rgba(44, 91, 122, 0.08);
overflow: hidden;
}
.kcard-item--korea {
border-top: 4px solid #72bce7;
}
.kcard-item--global {
border-top: 4px solid #a89ce5;
}
.kcard-item__visual {
position: sticky;
top: 22px;
display: flex;
flex-direction: column;
align-items: center;
gap: 13px;
min-width: 0;
}
.kcard-item__image {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 145px;
margin: 0 !important;
}
.kcard-item__image img {
display: block;
width: 100%;
max-width: 200px;
max-height: 145px;
object-fit: contain;
}
.kcard-item__badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 12px;
border-radius: 999px;
background: #e7f5fd;
color: #2576aa;
font-size: .73rem;
font-weight: 650;
line-height: 1.4;
}
.kcard-item__badge--global {
background: #f0edff;
color: #6759b4;
}
.kcard-item__content {
min-width: 0;
}
.kcard-item__eyebrow {
margin: 0 0 3px !important;
color: #7590a1;
font-size: .77rem;
font-weight: 550;
letter-spacing: .02em;
}
.kcard-item__title {
margin: 0 0 10px !important;
padding: 0 !important;
border: 0 !important;
color: #203847;
font-size: 1.45rem !important;
line-height: 1.35;
}
.kcard-item__title::before,
.kcard-item__title::after {
display: none !important;
}
.kcard-item__desc {
margin: 0 0 18px !important;
color: var(--kc-text);
font-size: .94rem;
line-height: 1.85;
}
.kcard-specs {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 9px;
margin: 0 0 16px;
}
.kcard-specs > div {
min-width: 0;
padding: 11px 12px;
border: 1px solid #e4edf3;
border-radius: 11px;
background: #f8fbfd;
}
.kcard-specs span {
display: block;
margin-bottom: 3px;
color: #758795;
font-size: .69rem;
line-height: 1.4;
}
.kcard-specs strong {
display: block;
color: #294657;
font-size: .84rem;
font-weight: 650;
line-height: 1.45;
word-break: break-word;
}
.kcard-specs strong small {
display: block;
margin-top: 2px;
color: #7d8b95;
font-size: .67rem;
font-weight: 500;
}
.kcard-specs .is-good {
color: #117965;
}
.kcard-item__detail-row {
display: grid;
grid-template-columns: 110px minmax(0, 1fr);
gap: 12px;
align-items: start;
margin: 0 0 12px;
padding: 12px 14px;
border-radius: 11px;
background: #f5f9fc;
}
.kcard-item__detail-row > span {
color: #547084;
font-size: .76rem;
font-weight: 650;
}
.kcard-item__detail-row p {
margin: 0 !important;
color: #344e60;
font-size: .82rem;
line-height: 1.65;
}
.kcard-item__point {
margin: 0 0 11px;
padding: 13px 15px;
border-left: 3px solid #74bce6;
border-radius: 0 11px 11px 0;
background: #eff8fe;
}
.kcard-item--global .kcard-item__point {
border-left-color: #a69ae1;
background: #f6f3ff;
}
.kcard-item__point strong {
display: block;
margin-bottom: 4px;
color: #3d657d;
font-size: .75rem;
font-weight: 650;
}
.kcard-item--global .kcard-item__point strong {
color: #665ca3;
}
.kcard-item__point p {
margin: 0 !important;
color: #314b5c;
font-size: .84rem;
line-height: 1.7;
}
.kcard-item__caution {
margin: 0 0 16px !important;
padding: 10px 13px;
border-radius: 10px;
background: #fff8e9;
color: #68583c;
font-size: .79rem;
line-height: 1.65;
}
.kcard-item__caution strong {
font-weight: 650;
}
.kcard-item__buttons {
display: flex;
flex-wrap: wrap;
gap: 9px;
}
.kcard-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 130px;
min-height: 42px;
padding: 10px 18px;
border-radius: 999px;
font-size: .82rem;
font-weight: 650;
line-height: 1.3;
text-decoration: none !important;
transition: .2s ease;
}
.kcard-btn--primary {
border: 1px solid var(--kc-blue);
background: var(--kc-blue);
color: #fff !important;
}
.kcard-btn--primary:hover {
border-color: var(--kc-blue-dark);
background: var(--kc-blue-dark);
color: #fff !important;
opacity: 1;
}
.kcard-btn--sub {
border: 1px solid #9fb5c3;
background: #fff;
color: #456377 !important;
}
.kcard-btn--sub:hover {
border-color: #6f8fa2;
background: #f5f9fc;
color: #2c5269 !important;
opacity: 1;
}
.kcard-list__note {
margin: 18px 0 0 !important;
color: #74838e;
font-size: .76rem;
line-height: 1.75;
}
@media (max-width: 900px) {
.kcard-item {
grid-template-columns: 170px minmax(0, 1fr);
gap: 22px;
padding: 22px;
}
.kcard-item__image {
min-height: 120px;
}
.kcard-item__image img {
max-width: 160px;
max-height: 120px;
}
.kcard-specs {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.kcard-list {
margin-top: 34px;
}
.kcard-item {
display: block !important;
margin-bottom: 17px !important;
padding: 18px;
border-radius: 18px;
}
.kcard-item__visual {
position: static;
margin-bottom: 15px;
}
.kcard-item__image {
min-height: 125px;
}
.kcard-item__image img {
max-width: 210px;
max-height: 125px;
}
.kcard-item__eyebrow {
text-align: center;
}
.kcard-item__title {
text-align: center;
font-size: 1.28rem !important;
}
.kcard-item__desc {
font-size: .9rem;
}
.kcard-specs {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.kcard-item__detail-row {
grid-template-columns: 1fr;
gap: 4px;
}
.kcard-item__buttons {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.kcard-btn {
width: 100%;
min-width: 0;
padding: 10px 12px;
}
.kcard-item__buttons .kcard-btn:only-child {
grid-column: 1 / -1;
}
}
@media (max-width: 380px) {
.kcard-specs {
grid-template-columns: 1fr;
}
}