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

/* column */
#new_side {
 display: none !important;
}

/* sarara202602 */
#sarara202602 {
	width: 1000px;
	background: #fff;
	color: #221815;
	font-size: 18px;
	line-height: 170%;
}
#sarara202602 * {
    box-sizing: border-box;
}
#sarara202602 .sp {
	display: none !important;
}
#sarara202602 img {
    max-width: 100%;
    vertical-align: bottom;
}
#sarara202602 h1,
#sarara202602 h2,
#sarara202602 h3,
#sarara202602 p {
    margin: 0;
}
#sarara202602 ul,
#sarara202602 ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#sarara202602 .contents {
    margin: 0 auto;
}

/*breadcrumbs*/
#sarara202602 .breadcrumbs ol {
    margin: 0;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 160%;
    color: #804C34;
    list-style: none;
}
#sarara202602 .breadcrumbs ol li {
    margin: 0 5px 0 0;
    display: inline;
}
#sarara202602 .breadcrumbs ol li::after {
    content: ">";
    margin-left: 5px;
}
#sarara202602 .breadcrumbs ol li:last-child::after {
    content: "";
}
#sarara202602 .release_date {
    width: 840px;
    margin: 15px auto !important;
    color: #888;
    font-size: 15px;
    text-align: right;
}

/*contents*/
#sarara202602 .intro,
#sarara202602 .choose,
#sarara202602 .eat,
#sarara202602 .health {
    width: 840px;
    margin: 0 auto 70px;
}
#sarara202602 .choose h2,
#sarara202602 .eat h2,
#sarara202602 .health h2 {
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 36px;
margin-bottom: 20px;
}
#sarara202602 .choose h2 img,
#sarara202602 .eat h2 img,
#sarara202602 .health h2 img {
margin-right: 10px;
width: 45px;
height: 45px;
}
#sarara202602 span.red {
color: #ab0017;
}
#sarara202602 span.green {
color: #006537;
}

/*choose*/
#sarara202602 .choose ul.choose-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#sarara202602 .choose ul.choose-container li {
width: 400px;
margin-top: 30px;
}
#sarara202602 .choose ul.choose-container img {
margin-bottom: 20px;
}
#sarara202602 .choose ul.choose-container small {
font-size: 14px;
}

/*eat,health*/
#sarara202602 .eat .inner,
#sarara202602 .health .inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#sarara202602 .eat .txt-box,
#sarara202602 .health .txt-box {
width: 370px;
}
#sarara202602 .eat img,
#sarara202602 .health img {
width: 420px;
height: auto;
}

/*check*/
#sarara202602 .check {
text-align: center;
padding-top: 70px;
border-top: 1px dashed #ccc;
width: 1000px;
margin: 0 auto 70px;
}
#sarara202602 .check .inner {
width: 840px;
margin: 0 auto;
}
#sarara202602 .check h2 {
font-size: 24px;
margin-bottom: 20px;
text-align: center;
 display: inline-block;
position: relative;
}
#sarara202602 .check h2::before {
 content: "";
 display: inline-block;
 width: 22px;
 height: 37px;
 background: url("../img/fukidashi-small.png") no-repeat left;
 background-size: 100%;
 position: absolute;
 bottom: -5px;
 left: -30px;
}
#sarara202602 .check h2::after {
 content: "";
 display: inline-block;
 width: 22px;
 height: 37px;
 background: url("../img/fukidashi-small.png") no-repeat left;
 background-size: 100%;
 position: absolute;
 bottom: -5px;
 right: -30px;
 transform: scale(-1, 1);
}
#sarara202602 .check ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#sarara202602 .check ul li {
width: 48%;
margin: 0 0 30px 0;
}

/*plus*/
#sarara202602 .plus {
background: #fff0de;
margin: 0. auto;
text-align: center;
padding: 70px 80px;
position: relative;
}
#sarara202602 .plus::before {
 content: "";
 display: inline-block;
 width: 49px;
 height: 49px;
 background: url("../img/icon-plus.png") no-repeat center;
 background-size: 100%;
 position: absolute;
 top: -25px;
 left: calc(50% - 25px);
}
#sarara202602 .plus h2 {
font-size: 36px;
line-height: 130%;
position: relative;
display: inline-block;
margin-bottom: 30px;
}
#sarara202602 .plus h2::after {
 content: "";
 display: inline-block;
 width: 24px;
 height: 25px;
 background: url("../img/plus-h2.png") no-repeat right;
 background-size: 100%;
 position: absolute;
 bottom: 25px;
 right: -20px;
}
#sarara202602 .plus h2 rt {
font-size: 12px;
}
#sarara202602 .plus .copy p {
font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
line-height: 180%;
}
#sarara202602 .plus .copy p span {
font-size: 18px;
}
#sarara202602 .plus .copy p span strong {
font-size: 24px;
}
#sarara202602 .plus .copy p span.green {
font-weight: bold;
padding: 10px 10px 5px 10px;
background: #fff;
border: 1px solid #006537;
border-radius: 50px;
}
#sarara202602 .plus .copy p span.red {
font-weight: bold;
padding: 10px 10px 5px 10px;
background: #fff;
border: 1px solid #ab0017;
border-radius: 50px;
}
#sarara202602 .plus .material {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#sarara202602 .plus .material li {
background: #f5b1a2;
border-radius: 50px;
margin: 30px 5px;
padding: 7px 15px 3px 15px;
font-weight: bold;
line-height: 100%;
}
#sarara202602 .plus .material li small {
font-size: 12px;
}
#sarara202602 .plus h3 {
font-size: 24px;
margin-bottom: 20px;
text-align: center;
 display: inline-block;
position: relative;
}
#sarara202602 .plus h3::before {
 content: "";
 display: inline-block;
 width: 35px;
 height: 55px;
 background: url("../img/fukidashi-big.png") no-repeat left;
 background-size: 100%;
 position: absolute;
 bottom: -5px;
 left: -40px;
}
#sarara202602 .plus h3::after {
 content: "";
 display: inline-block;
 width: 35px;
 height: 55px;
 background: url("../img/fukidashi-big.png") no-repeat left;
 background-size: 100%;
 position: absolute;
 bottom: -5px;
 right: -40px;
 transform: scale(-1, 1);
}
#sarara202602 .plus ul.item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
#sarara202602 .plus ul.item li {
background: #fff;
border-radius: 20px;
width: 48%;
padding: 30px 20px;
}
#sarara202602 .plus ul.item li a {
text-decoration: none;
display: block;
}
#sarara202602 .plus ul.item li a:hover {
  text-decoration: none;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#sarara202602 .plus ul.item li p {
color: #000000;
line-height: 160%;
font-weight: bold;
margin-top: 20px;
}
#sarara202602 .plus ul.item li p small {
font-weight: normal;
font-size: 18px;
}
#sarara202602 .plus ul.item li h4 {
font-size: 36px;
line-height: 120%;
margin: 0 0 10px 0;
}
#sarara202602 .plus ul.item li h4 small {
font-size: 24px;
}
#sarara202602 .plus ul.item li h4 rt {
font-size: 12px;
}
#sarara202602 .plus ul.item li.red h4 {
color: #ab0017;
}
#sarara202602 .plus ul.item li.green h4 {
color: #006537;
}
#sarara202602 .plus ul.item li.red .btn {
background: #ab0017;
color: #fff;
padding: 10px;
margin: 20px 50px 0;
box-sizing: border-box;
border-radius: 50px;
position: relative;
font-weight: bold;
}
#sarara202602 .plus ul.item li.red .btn::after {
 content: "";
 display: inline-block;
 width: 30px;
 height: 30px;
 background: url("../img/arrow-red.png") no-repeat left;
 background-size: 100%;
 position: absolute;
 bottom: calc(50% - 15px);
 right: 15px;
}
#sarara202602 .plus ul.item li.green .btn {
background: #006537;
color: #fff;
padding: 10px;
margin: 20px 50px 0;
box-sizing: border-box;
border-radius: 50px;
position: relative;
font-weight: bold;
}
#sarara202602 .plus ul.item li.green .btn::after {
 content: "";
 display: inline-block;
 width: 30px;
 height: 30px;
 background: url("../img/arrow-green.png") no-repeat left;
 background-size: 100%;
 position: absolute;
 bottom: calc(50% - 15px);
 right: 15px;
}