@charset "UTF-8";


#vegetable_save_OKA {
  max-width: 1000px;
  margin: 1.0rem auto 2.0rem;
  background: #fff;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

#vegetable_save_OKA .mv img {
  margin: 0 auto;
  display: block;
}

{
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
img {
  display: inline;
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}
#vegetable_save_OKA h1{
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  padding: 1.2rem 0;
  border-bottom: 1px solid #ddd;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media screen and (max-width:991px){
  #vegetable_save_OKA h1{
    font-size: 2.0rem;
 }
}

#vegetable_save_OKA h2{
  font-size: 1.8rem;
  font-weight: bold;
   padding: 1.0rem 2.0rem;
}
#vegetable_save_OKA img{
  margin-top: 0.5rem;
}
#vegetable_save_OKA p{
  margin-top: 2.0rem;
  text-align: left;
}
.vegetable_save_OKA p {
  font-size: 1.8rem;
  font-weight: 300;
  margin-top: 1em;
  font-size: 1.6rem;
  line-height: 1.7;
}
#vegetable_save_OKA .question {
  margin-top: 50px;
}
#vegetable_save_OKA .question .question_anc {
  background: #edf1f4;
  margin: 30px 0 0 0;
  padding: 40px 80px;
  list-style-type: none;
} 


#vegetable_save_OKA .question_anc li {
  color: #1477bb;
  list-style-type: none;
  font-size: 2.2rem;
  margin: 20px 0;
}

@media screen and (max-width:991px){
  #vegetable_save_OKA .question_anc li {
    font-size: 1.68rem;
    margin: 15px 0;
 }
}
#vegetable_save_OKA .question_anc li a {
  text-decoration: underline;
  color: #1477bb;
}
#vegetable_save_OKA .question_anc li:nth-of-type(1)::before {
  content: "1.";
  margin-right: 15px;
}
#vegetable_save_OKA .question_anc li:nth-of-type(2)::before {
  content: "2.";
  margin-right: 15px;
}
#vegetable_save_OKA .question_anc li:nth-of-type(3)::before {
  content: "3.";
  margin-right: 15px;
}
#vegetable_save_OKA .question_anc li:nth-of-type(4)::before {
  content: "4.";
  margin-right: 15px;
}
#vegetable_save_OKA .question_block {
  margin: 50px 0;
}
#vegetable_save_OKA .question_block h2 {
  text-align: center;
  font-weight: 500;
  padding: 40px 0;
  letter-spacing: 2px;
  background: #edf1f4;
  margin: 1.5em;
  font-size: 2.8rem;
  line-height: 1.5;
}
@media screen and (max-width:991px){
 #vegetable_save_OKA .question_block h2 {
  font-size: 1.8rem; 
  margin: 1.5em 0;
   padding: 5%;
 }
}
@media screen and (max-width:768px){
  .vegetable_save_OKA P,.graph{
    font-size: 1.4rem;
 }  
}
.graph {
    display: flex;
    flex-wrap: wrap;
}
.graph {
    padding: 0 8%;
}
ul, ol, li, dl, dt, dd, figure {
  margin: 0;
  padding: 0;
}
@media screen and (max-width:991px){
  #vegetable_save_OKA .graph li{
    flex-direction: column;
    width: 100%;
    margin-right: 0;
 }
}
.graph li {
  list-style-type: none !important;
  width: calc(48% - 20px / 2);
  margin: 0 20px 20px 0;
}

@media screen and (max-width: 991px){
 #vegetable_save_OKA .lineup-list li {
    flex-direction: column;
    width: 100%;
    margin-right: 0;
 } 
}
@media screen and (max-width: 991px){
 .lineup-list li:nth-child(2).slide-down {
    height: auto;
 }  
}

@media screen and (max-width: 991px){
 .lineup-list li:nth-child(2) {
    height: 150px;
  }
}  
.lineup-list li:nth-child(2n) {
    margin-right: 0;
}
@media screen and (max-width:991px){
  .vegetable_save_OKA P, .lineup-list {
    font-size: 1.4rem;
 }  
}
.lineup-list {
  display: flex;
  flex-wrap: wrap;
}
.lineup-list {
  padding: 0 8%;
}
@media screen and (max-width:991px){
  #vegetable_save_OKA .lineup-list li {
    flex-direction: column;
    width: 100%;
    margin-right: 0;
  } 
}
.lineup-list {
  display: flex;
  flex-wrap: wrap;
}
.lineup-list {
  padding: 0 8%;
}
.lineup-list li {
  width: calc(48% - 20px / 2);
  margin: 0 20px 20px 0;
}
.lineup-list li {
  list-style-type: none;
  padding: 6px;
  border: 2px solid #ff7875;
  border-radius: 1.5em;
  margin-bottom: 20px;
}
.slide-up {
  height: 150px!important;
  padding-bottom: 0;
  overflow: hidden;
}
.slide-down {
  height: auto!important;
  overflow: visible;
  padding-bottom: 50px;
}
.content-wrap {
  height: 150px;
  overflow: hidden;
  position: relative;
  margin: 0;
}
.slide-up {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
.slide-down {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.content-area div,img{
 margin: 0;
 padding: 0;
 display: block;
 outline: 0;
}
..lineup-list dt {
  padding: 5px 18px;
  background: #ff7875;
  border-radius: 20px;
  color: #fff;
  font-size: 1.6rem;
  width: 40%;
  text-align: center;
  margin-bottom: 10px;
}
.lineup-list dd {
  margin-bottom: 10px;
}
.lineup-list dt {
  padding: 5px 20px;
  background: #ff7875;
  border-radius: 20px;
  color: #fff;
  font-size: 1.6rem;
  width: 40%;
  text-align: center;
  margin-bottom: 10px;
}
.lineup-list dd:last-child {
  margin-bottom: 50px;
}
.lineup-list dd {
  margin-bottom: 10px;
}
.close-btn, .more-btn {
  display: block;
  width: 100%;
  padding: 50px 0 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: -moz-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60% );
  background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60% );
  background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60% );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 );
}
.close-btn {
  padding: 0;
}

.close-btn {
  background: none;
}

#vegetable_save_OKA .close-btn p, #vegetable_save_OKA .more-btn p {
  text-align: center;
}
#vegetable_save_OKA p {
  text-align: left;
}
.detail article p {
  margin-bottom: 15px;
}
.close-btn p {
  background: #aaa;
}
.more-btn p {
  display: inline-block;
  color: #fff;
  cursor: pointer;
  background: #D97904;
  padding: 5px 20px;
  width: 80%;
  border-radius: 20px;
}
@media screen and (max-width:768px){
  .lineup-list {
    font-size: 1.4rem;
  }
} 
.close-btn p {
  background: #aaa;
}
.more-btn p {
  display: inline-block;
  color: #fff;
  cursor: pointer;
  background: #D97904;
  padding: 5px 20px;
  width: 80%;
  border-radius: 20px;
}
#vegetable_save_OKA .close-btn p, #vegetable_save_OKA .more-btn p {
  text-align: center;
}

#vegetable_save_OKA p {
  text-align: left;
}
.detail article p {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px){
  .vegetable_save_OKA p {
    font-size: 1.4rem;
  }
}


#vegetable_save_OKA .kaiyu_block {
  max-width: 970px;
  margin: auto;
}

#vegetable_save_OKA .kaiyu_block > div {
    background: #fcf9e6;
    border-radius: 10px;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 991px){
  #vegetable_save_OKA .kaiyu_block > div {
    display: block;
    padding: 8%;
  }   
}

@media screen and (max-width: 991px){
 #vegetable_save_OKA .kaiyu_block .kaiyu_img,#vegetable_save_OKA .kaiyu_block .kaiyu_txt {
    width: 100%;
 }
}

#vegetable_save_OKA .kaiyu_block .kaiyu_img {
  width: 40%;
  margin-right: 5%;
}

@media screen and (max-width: 991px){
 #vegetable_save_OKA .kaiyu_block .kaiyu_txt {
    margin-top: 10px;
 } 
}

#vegetable_save_OKA .kaiyu_block .kaiyu_txt {
  width: 55%;
  font-size: 2.0rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px){
  #vegetable_save_OKA .kaiyu_block .kaiyu_txt {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 991px){
  #vegetable_save_OKA .kaiyu_block .kaiyu_img, #vegetable_save_OKA .kaiyu_block .kaiyu_txt {
     width: 100%;
  } 
}
#vegetable_save_OKA .kaiyu_block .kaiyu_txt a {
  display: block;
  background: #a43546;
  color: #fff;
  border-radius: 10px;
  padding: 150x 0;
  margin-top: 20px;
  font-weight: 100;
  text-align: center;
  font-size: 1.8rem;
}
#vegetable_save_OKA a:hover {
  text-decoration: none;
  opacity: 0.8;
}

@media screen and (max-width:768px){
  #vegetable_save_OKA img{
    width: 100%;
 }
}