@charset "UTF-8";
/* CSS Document */

/* choitashitoshitsucare */
#choitashitoshitsucare {
	width: 100%;
	background: #fff;
	color: #1f1715;
	font-size: 15px;
	line-height: 180%;
}
#choitashitoshitsucare .pc {
	display: none !important;
}
#choitashitoshitsucare img {
    max-width: 100%;
    vertical-align: bottom;
}
#choitashitoshitsucare h1,
#choitashitoshitsucare h2,
#choitashitoshitsucare h3,
#choitashitoshitsucare p {
    margin: 0;
}
#choitashitoshitsucare ul,
#choitashitoshitsucare ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* cp-info */
#choitashitoshitsucare .cp-info {
padding: 30px 5%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #f5ebe0;
}
#choitashitoshitsucare .cp-info a {
width: 49%;
}

/* cp-intro */
#choitashitoshitsucare .cp-intro {
background: #f5ebe0;
}
#choitashitoshitsucare .cp-intro h2 {
text-align: center;
font-size: 20px;
margin-bottom: 15px;
}
#choitashitoshitsucare .cp-intro p {
text-align: left;
padding: 0 10%;
}
#choitashitoshitsucare .cp-intro .intro-graph,
#choitashitoshitsucare .cp-intro .yonei {
text-align: center;
padding: 30px 5%;
box-sizing: border-box;
}
#choitashitoshitsucare .cp-intro .red-border {
border-bottom: 2px solid #b81c22;
font-weight: bold;
}
#choitashitoshitsucare .cp-intro .advisor {
padding: 0 0 50px 0;
}
#choitashitoshitsucare .cp-intro .fukidashi-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin-bottom: 5px;
  font-size: 18px;
}
#choitashitoshitsucare .cp-intro .fukidashi-1::before {
    content: "";
    width: 25px;
    height: 2px;
    box-sizing: border-box;
    background-color: #1f1715;
    rotate: 60deg;
}
#choitashitoshitsucare .cp-intro .fukidashi-1::after {
    content: "";
    width: 25px;
    height: 2px;
    box-sizing: border-box;
    background-color: #1f1715;
    rotate: -60deg;
}
#choitashitoshitsucare .cp-intro .name {
font-size: 18px;
text-align: center;
font-weight: bold;
line-height: 140%;
margin-bottom: 20px;
}
#choitashitoshitsucare .cp-intro .name small {
font-size: 15px;
margin-bottom: 5px;
}
#choitashitoshitsucare .cp-intro .name b {
font-size: 24px;
}

/* cp-picks */
#choitashitoshitsucare .cp-picks h2 {
margin-bottom: 50px;
}
#choitashitoshitsucare .cp-picks .picks-1,
#choitashitoshitsucare .cp-picks .picks-2 {
padding: 0 10%;
}
#choitashitoshitsucare .cp-picks .picks-1 {
margin-bottom: 30px;
}
#choitashitoshitsucare .cp-picks .picks-2 {
margin-bottom: 50px;
}
#choitashitoshitsucare .cp-picks .picks-1 h3,
#choitashitoshitsucare .cp-picks .picks-2 h3 ,
#choitashitoshitsucare .cp-picks .picks-3 h3 {
margin-bottom: 20px;
}
#choitashitoshitsucare .cp-picks .picks-1 .flex,
#choitashitoshitsucare .cp-picks .picks-2 .flex ,
#choitashitoshitsucare .cp-picks .picks-3 .flex{
display: flex;
justify-content: space-between;
align-items:center;
margin-top: 20px;
}
#choitashitoshitsucare .cp-picks .picks-1 .flex img,
#choitashitoshitsucare .cp-picks .picks-2 .flex img,
#choitashitoshitsucare .cp-picks .picks-3 .flex img {
width: 40%;
margin-left: 5%;
}
#choitashitoshitsucare .cp-picks .picks-3 {
background: #f5ebe0;
padding: 50px 10%;
}
#choitashitoshitsucare .cp-picks .picks-metabome {
padding: 0;
background: #f5ebe0;
}
#choitashitoshitsucare .cp-picks .picks-metabome img {
padding: 0 5%;
box-sizing: border-box;
}
#choitashitoshitsucare .cp-picks .picks-metabome h4 {
text-align: center;
font-size: 24px;
border-bottom: 2px dashed #aa2324;
padding: 0 0 20px;
margin: 30px 10% 20px;
line-height: 130%;
display: block;
}
#choitashitoshitsucare .cp-picks .picks-metabome h4 .red {
color: #aa2324;
}
#choitashitoshitsucare .cp-picks .picks-metabome p {
padding: 0 10%;
}

/* cp-set */
#choitashitoshitsucare .cp-set {
background: #f5ebe0;
padding: 50px 5%;
}
#choitashitoshitsucare .cp-set h2 {
margin-bottom: 20px;
}
#choitashitoshitsucare .cp-set li {
padding: 5%;
background: #fff;
border-radius: 20px;
margin-bottom: 15px;
}
#choitashitoshitsucare .cp-set li:last-child {
margin-bottom: 0;
}
#choitashitoshitsucare .cp-set li a {
display: block;
text-decoration: none;
color: #1f1715;
}
#choitashitoshitsucare .cp-set li .flex {
display: flex;
justify-content: space-between;
align-items: center;
}
#choitashitoshitsucare .cp-set li .flex .txt {
width: 60%;
}
#choitashitoshitsucare .cp-set li .flex img {
width: 39%;
}
#choitashitoshitsucare .cp-set li .date {
font-size: 12px;
display: flex;
align-items: center;
line-height: 100%;
}
#choitashitoshitsucare .cp-set li .date::before,
#choitashitoshitsucare .cp-set li .date::after {
  content: '';
  display: block;
  width: 20px;
  height: 1px;
  background: #1f1715;
}
#choitashitoshitsucare .cp-set li .date::before {
  margin-right: 5px;
}
#choitashitoshitsucare .cp-set li .date::after {
  margin-left: 5px;
}
#choitashitoshitsucare .cp-set li .price {
font-size: 15px;
font-weight: bold;
color: #aa2324;
padding: 5px 5px 3px;
border: 2px solid;
border-radius: 5px;
line-height: 100%;
display: inline-block;
margin: 8px 0;
}
#choitashitoshitsucare .cp-set li .setname {
font-size: 18px;
line-height: 130%;
font-weight: bold;
}
#choitashitoshitsucare .cp-set li .setbtn {
width: 100%;
padding: 10px;
background: #aa2324;
border-radius: 100px;
display: flex;
font-size: 18px;
font-weight: bold;
color: #fff;
justify-content: center;
margin-top: 10px;
box-sizing: border-box;
align-items: center;
}
#choitashitoshitsucare .cp-set li .setbtn img {
margin-left: 10px;
width: 20px;
height: auto;
}

/* cp-care */
#choitashitoshitsucare .cp-care {
padding: 50px 10%;
}
#choitashitoshitsucare .cp-care .fukidashi-2 {
font-weight: bold;
color: #9c4c8d;
position: relative;
text-align: center;
margin: 20px 0; 
font-size: 22px;
}
#choitashitoshitsucare .cp-care .fukidashi-2::before {
content: "";
position: absolute;
background: url("../img/fukidashi-2.png") no-repeat 0 0;
transform: scale(-1, 1);
background-size: 100%;
width: 21.5px;
height: 35.5px;
bottom: 0px;
left: 0;
}
#choitashitoshitsucare .cp-care .fukidashi-2::after {
content: "";
position: absolute;
background: url("../img/fukidashi-2.png") no-repeat 0 0;
background-size: 100%;
width: 21.5px;
height: 35.5px;
bottom: 0px;
right: 0;
}
#choitashitoshitsucare .cp-care .fukidashi-2 small {
font-size: 15px;
display: block;
color: #1f1715;
margin-bottom: 10px;
}
#choitashitoshitsucare .cp-care .fukidashi-2 strong {
font-size: 40px;
}
#choitashitoshitsucare .cp-care .purple {
color: #9c4c8d;
font-weight: bold;
}
#choitashitoshitsucare .cp-care .care-img {
margin: 30px 0 50px;
}

/* cp-care */
#choitashitoshitsucare .cp-stamp .flex {
display: flex;
justify-content: space-between;
align-items: center;
}