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

.Title_type02 {
line-height: 1.2;
}

.link_pdf::before{
content: '>';
padding-right: 0.5em;
}

a.link_pdf{
color: #A64D79;
}

.annotation{
color: #757575;
}

.index_about-power.sp {
display: none;
}
.index_about-power.pc {
display: block;
}

@media only screen and (max-width:736px) {
.index_about-power.sp {
display: block;
}
.index_about-power.pc {
display: none;
}

}

/*Q&A*/
@media only screen and (max-width:736px) {
.PageKv-qa {
    background-image: url(../images/about/bg_qa_sp.jpg);
}
}


/*プルーンの栄養価*/

.PageKv-about.about-power{
background-image: url(../images/about/power_header_bk.jpg);
}

.about-power .PageKv_inner {
padding-top: 90px;
}

.PageKv-about + .Page_inner{
padding-bottom: 70px;

}

.index_about-power{
text-align: center;
}

.index_about-power img{
width: 100%;
}


.button_area.about-power{
position: relative;
z-index: 10;
}

.about-power .button-left {
position: absolute;
max-width: 440px;
width: 40%;
left: 5%;
top: -25px;
background-color: #fff;
}

.about-power .button-right{
position: absolute;
max-width: 440px;
width: 40%;
right: 5%;
top: -25px;
background-color: #fff;
}

.about-power .button-left img,
.about-power .button-right img{
width: 100%;
}

.button_area + .Page_inner.about-power{
margin-top: 50px;
}


.about-power #nutrition .Title_type03{
background: #eed0da;
padding: 0.5em;
color: #b13b53;
margin: 0 0 20px;
font-size: 1.5rem;
}

.about-power #healthsupport .Title_type03{
background: #dbe9cc;
padding: 0.5em;
color: #699635;
margin: 0 0 20px;
font-size: 1.5rem;
}

.about-power #healthsupport .Title_type02{
color: #699635;
border-bottom: solid 1px #699635;
}

.about-power .TwoImgBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.about-power .TwoImgBlock_item {
text-align: center;}

.about-power .TxtColumn_lead {
color: #b13b53;
}


.about-power .TwoImgBlock_img {
width: 95%;
}

.about-power .TxtColumn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.about-power .TxtColumn_item {
box-sizing: border-box;
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
width: 32%;
padding: 1em;
margin: 10px;
background-color: #f7ebed;
}

.about-power dl.TxtColumn_item:first-child {
margin-left: 0;
}

.about-power dl.TxtColumn_item:last-child {
margin-right: 0;
}

.about-power .TxtColumn_lead{
overflow: hidden;
}

.about-power .TxtColumn_lead span{
display: inline-block;
padding: 0;
position: relative;
width: 100%;
}
.about-power .TxtColumn_lead span:after {
border-top: 5px dotted #b13b53;
content: "";
position: absolute;
top: 30%;
width: 100%;
margin-left: 0.5em;
}

.about-power.kakomi-pc{
max-width: 1080px;
margin: 0 auto 70px;
padding: 0 20px;
}

.about-power .kakomi{
background-color: #f6f2f9;
}


.about-power .kakomi::after{
content: "";
display: block;
clear: both;
}

.about-power .kakomi .FloatImg_txtBlock{
padding: 50px 0 2em 50px;
widows: auto;
width: 45vw;
box-sizing: border-box;
}

.about-power .kakomi .title{
margin-bottom: 40px;
}

.about-power .kakomi .FloatImg_right img{
width: 100%;
}

.about-power .kakomi .FloatImg_right{
width: 40vw;
max-width: 430px;
}

.FloatImg img.pc {
display: block;
}

.FloatImg img.sp {
display: none;
}

.about-power table{
width: 100%;
border: solid #ccc 1px;
border-collapse:  collapse;
margin-bottom: 0.5rem;
}

.about-power table caption{
text-align: left;
margin-bottom: 0.5rem;
}

.about-power table td,
.about-power table th{
border: solid #ccc 1px;
padding: 1rem;
}
.about-power table th{
background: #DBC2DC;
border: solid #fff 1px;
border-top: solid #ccc 1px;
}

.about-power table .pluneColor{
background: #DFDBEA;
}

.about-power table .pluneColor td{
border-left: solid #fff 1px;
border-right: solid #fff 1px;
}
.about-power table tr.pluneColor td:first-child,
.about-power table tr th:first-child{
border-left: solid #ccc 1px;
}

.about-power table tr td:first-child{
text-align: left;
}

.about-power table tr.pluneColor td:last-child,
.about-power table tr th:last-child{
border-right: solid #ccc 1px;
}

.about-power table.PowerTable {
  width: 95%;
  margin: 0 auto;
}

.about-power .PowerTable_note {
  font-size: 0.75rem;
  text-align: right;
  padding: 10px 12px;
}

@media only screen and (max-width:736px) {

.about-power table.PowerTable {
  width: 100%;
}

.about-power .PowerTable_note {
  padding: 0 8px 0 0;
  text-align: left;
}

}

.about-power table.PowerTable thead th {
  background-color: #b13b53;
  color: #fff;
  font-size: 0.875rem;
  box-sizing: border-box;
}

.about-power table.PowerTable thead th:nth-child(1) {
  width: 50%;
}

.about-power table.PowerTable thead th:nth-child(2) {
  width: 10%;
  word-break: keep-all;
}

.about-power table.PowerTable thead th:nth-child(3) {
  width: 40%;
}

.about-power table.PowerTable tbody td {
  background-color: #f7ebed;
  border-color: #fff;
  font-size: 0.875rem;
}

@media only screen and (max-width:736px) {
.PageKv-about.about-power{
background-image: url(../images/about/bg_power_sp.jpg);
}

.about-power .PageKv_inner {
padding-top: 48px;
}
.about-power .PageKv_leadImg {
height: 84px;
width: auto;
}

.about-power .button-left {
max-width: auto;
width: 50%;
left: 0;
top: -10px;}

.about-power .button-right {
max-width: auto;
width: 50%;
right: 0;
top: -10px;}

.about-power .TwoImgBlock {
display: block;}
.about-power .TwoImgBlock_item {
width: 100%;
margin-bottom: 30px;}
.about-power .TwoImgBlock_item:last-child {
margin-bottom: 10px;}
.about-power .TwoImgBlock_img {
width: 100%;
margin-bottom: 15px;}

.PageKv-about + .Page_inner {
padding-bottom: 0px;
}

.button_area + .Page_inner {
margin-top: 40px;
}

.about-power .TxtColumn {
display: block;
}

.about-power .TxtColumn_item {
-webkit-box-flex: auto;
-ms-flex: auto;
flex: none;
width: 100%;
padding: 1em;
margin: 0 0 15px 0;
background-color: #f7ebed;
}

.about-power #nutrition .Title_type03{
font-size: 1.125rem;
}

.about-power #healthsupport .Title_type03{
font-size: 1.125rem;
}

.about-power.kakomi-pc{
max-width: 100%;
margin: 0 auto 70px;
padding: 0 20px;
background-color: #f6f2f9;
}


.about-power .kakomi .FloatImg_right{
width: 100%;
max-width:100%;
margin: 0 auto;
overflow: hidden;
}

.FloatImg img.pc {
display:none;
}

.FloatImg img.sp {
display: block;
}



.about-power .kakomi .title{
margin:0 auto 40px;
width: 100%;
max-width: 334px;
}


.about-power .kakomi .FloatImg_txtBlock{
padding: 50px 0 0;
widows: auto;
width: 100%;
}

.about-power table {
font-size: 0.75rem;
}

}



/*プルーンの食べ方(.about-shape)*/

.PageKv-about.about-shape{
background-image: url(../images/about/shape_header_bk.jpg);
}


.button_area.about-shape{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 70px;
}

.button_area.about-shape div{
width: 47%;
-webkit-box-flex: 0;
-ms-flex: 0 0 47%;
flex: 0 0 47%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1px;
}


.about-shape .button-left,
.about-shape .button-right{
width: 80%;
height: 64px;
color: #fff;
font-size: 1.2rem;
background-color: #6c378c;
padding: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 64px;
}

.about-shape .button-right{
background-color:#7a97cc;
}


.about-shape .button-left a,
.about-shape .button-right a{
color: #fff;
font-weight: bold;
text-align: center;
display: block;
}

.about-shape .button-left:hover,
.about-shape .button-right:hover{
opacity: .7;
}

.arrow{
position: relative;
display: inline-block;
padding: 0;
vertical-align: middle;
}

.arrow::after {
display: block;
content: "";
position: absolute;
top: 28%;
right: 2rem;
width: 0.8rem;
height: 0.8rem;
margin: 0 0 0 0;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.about-shape .Page_imgBlock {
text-align: center;
}

.sub_lead {
font-size: 1.25rem;
margin-bottom: 0.8em;
font-weight: bold;
color: #6c378c;
}
.about-shape #type .TxtColumn .sub_lead {
margin-bottom: 1.5em;
height: 3em;
line-height: 1.5;
}

.about-shape #type .TxtColumn {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.about-shape #type .TxtColumn .TxtColumn_item {
width: 30%;
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
box-sizing: border-box;
margin: 0 0 70px 0;
}

.about-shape #type .TxtColumn .TxtColumn_item img{
margin-bottom: 1.5em;
width: 100%;
}

.about-shape #type .TxtColumn .TxtColumn_item dl{
display: flex;
flex-direction: column;
justify-content: space-between;
}

.about-shape #type .TxtColumn .TxtColumn_item dt,
.about-shape #type .TxtColumn .TxtColumn_item dd{
width: 100%;
}

.about-shape .TwoImgBlock_item {
width: 47%;
-webkit-box-flex: 0;
-ms-flex: 0 0 47%;
flex: 0 0 47%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1px;
}

.about-shape .Title_type03{
background: #f6f2f9;
padding: 0.5em;
margin: 0 0 20px;
font-size: 1.5rem;
}


.about-shape table{
width: 100%;
border: solid #fff 1px;
border-collapse:  collapse;
margin-bottom: 0.5rem;
background: #F8F5F0;
text-align: center;
}

.about-shape table td,
.about-shape table th{
border: solid #fff 1px;
padding: 1rem;
}
.about-shape table th{
background: #6D338A;
border: solid #fff 1px;
border-top: solid #ccc 1px;
color: #fff;
font-weight: normal;
}

.about-shape table .pluneColor{
background: #F6EAED;
color: #6D338A;
font-weight: bold;
}


.about-shape table tr td:first-child{
width: 55%;
text-align: left;
}


/*(.about-shape)*/
@media only screen and (max-width:736px) {
.PageKv-about.about-shape{
background-image: url(../images/about/bg_shape_sp.jpg);
}

.about-shape .button-left,
.about-shape .button-right{
font-size:1rem;
}

.about-shape .arrow::after {
display: block;
content: "";
position: absolute;
top: 30%;
right: 1.4rem;
width: 0.7rem;
height: 0.7rem;
margin: 0 0 0 0;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.about-shape #type .TxtColumn .TxtColumn_item {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
box-sizing: border-box;
margin: 0 0 50px 0;
text-align: center;
}

.about-shape #type .TxtColumn .TxtColumn_item dl {
text-align: left;
}

.about-shape #type .TxtColumn .TxtColumn_item:last-child {
margin-bottom: 0
}

.about-shape #type .TxtColumn .TxtColumn_item img {
margin-bottom: 1.5em;
max-width: 320px;
text-align: center;
}


.about-shape #type .sub_lead {
font-size: 1rem;
margin-bottom: 2em;
}

.about-shape #type .TxtColumn .sub_lead {
margin-bottom: 2em;
height: 1em;
font-size: 1rem;
}

.about-shape .TwoImgBlock {
display: block;
}
.about-shape .TwoImgBlock img{
width: 100%;
margin-bottom: 15px;
}

.about-shape .TwoImgBlock_item {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1px;
}


.about-shape #type .FloatImg {
display: block;
}

.about-shape #type .FloatImg_left {
float: none;
margin-right: 0;
}

.about-shape #type .FloatImg .FloatImg_left {
width: 100%;
margin-bottom: 15px;
}
.about-shape #type .FloatImg img.FloatImg_left {
max-width: 320px;
margin: 0 auto 1.5em;
}


.button_area.about-shape {
display: block;
padding-bottom: 40px;
}
.button_area.about-shape div {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 25px;
}
.button_area.about-shape + .Page_inner {
margin-top: 0;
}


}