@charset "UTF-8";
  .shoplinkamazon a, .shoplinkseven a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkakakucom a {
transition: all ease-in-out .3s;
display: block;
text-decoration: none;
text-align: center;
padding: 13px;
}
.shoplinkamazon a:hover, .shoplinkseven a:hover, .shoplinkrakuten a:hover, .shoplinkyahoo a:hover, .shoplinkkakakucom a:hover{
box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
-moz-transform: translateY(-2px);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.shoplinkamazon a {
background: #FF9901;
border-radius: 7px;
color: #fff;
}.shoplinkseven a {
background: #007dcd;
border-radius: 7px;
color: #fff;
}
.shoplinkrakuten a {
background: #c20004;
border-radius: 7px;
color: #fff;
}
.shoplinkyahoo a {
background: #007dcd;
border-radius: 7px;
color: #fff;
}
.shoplinkkakakucom a {
background: #007dcd;
border-radius: 7px;
color: #fff;
}
.booklink-image{
zoom: 1.2;
}.kaerebalink-box, .booklink-box{
border: 1px #9C9996 solid;
box-shadow: 2px 2px 4px gray;
margin: 20px 0;
display: flex;
align-items: center;
padding: 20px;
box-sizing: border-box;
justify-content: space-around;
}.booklink-footer {
display: none;
}.kaerebalink-info, .booklink-info {
width: 43%;
font-size: 16px;
}@media screen and (max-width: 640px) {
.kaerebalink-box, .booklink-box {
display: block;
}.kaerebalink-info, .booklink-info {
width: 100%;
}.kaerebalink-image, .booklink-image {
margin: 0 0 20px 0!important;
text-align: center;
float: none!important;
}.kaerebalink-name, .booklink-name{
text-align: center;
}
} .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}