@charset "euc-jp";
#container {
  padding-top: 0;
}
section .inner{
  text-align: center;
}
section .inner p{
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
h3 {
  font-size: 15px;
  margin: 20px 0;
  display: block;
  text-align: center;
}
.more{
  margin-top: 10px;
  padding-right: 20px;
  display: block;
  position: relative;
}
.more img{
  position: absolute;
  height: 15px;
  right: 0;
}

/* kv
------------------------------------------------------------*/

section.kv .inner {
  padding: 0 0 20px;
  width: 93.7%;
}
@media screen and (max-width: 1045px) {
section.kv .inner {
  width: 100%;
}
}

/* パイランドファーム
------------------------------------------------------------*/

@media screen and (max-width: 768px) {
section.about_piland .inner {
  padding: 0;
}
}

/* NEWS
------------------------------------------------------------*/

.info_block{
  text-align: center;
  width: 100%;
}
.info_block div{
  text-align: left;
  display: inline-block;
}
.info_block hr{
  border: none;
}
.info_block a{
  font-weight: bold;
}
@media screen and (max-width: 768px) {
section.info_block .inner {
  width: 100%;
}
.info_block a{
  margin-top: 3%;
}
}

/* 商品を検索する
------------------------------------------------------------*/
.search input {
 height: 40px; 
 width: 400px;
}
.search .l-header-search__form, .search .l-header-search__box  {
  width: 400px;
  margin: auto;
}
@media screen and (max-width: 1045px) {
.search input {
 width: 100%;
}
.search .l-header-search__form, .search .l-header-search__box  {
 width: 100%;
}
}

/* 割引
------------------------------------------------------------*/

section.sale_bnr .inner {
  width: 81.4%;
}
@media (max-width: 768px) {
section.sale_bnr .inner {
  width: 100%;
}
}

/* 人気ランキング・おすすめ商品
------------------------------------------------------------*/

.prd_recommend_block .prd_lst,
.prd_seller_block .prd_lst{
  flex-wrap: nowrap;
}

.Rankstyle-svg {
  counter-reset: ctr-ranking;
  text-align: left;
}
.Rankstyle-svg li {
  position: relative;
  line-height: 2;
}
.Rankstyle-svg li:nth-child(-n+1) {
  list-style-type : none ;
}
.Rankstyle-svg li:nth-child(-n+1):before {
  position: absolute;
  top: 0;
  left: 0;
  background: #ffcd5a;
  content: counter(ctr-ranking, decimal);
  counter-increment: ctr-ranking;
  color: #fff;
  font-size: 30px;
  padding: 1px 25px;
  font-weight: 600;
}
.Rankstyle-svg li:nth-child(n+2) {
  list-style-type : none ;
}
.Rankstyle-svg li:nth-child(n+2):before {
  position: absolute;
  top: 0;
  left: 0;
  background: #b4b4b4;
  content: counter(ctr-ranking, decimal);
  counter-increment: ctr-ranking;
  color: #fff;
  font-size: 30px;
  padding: 1px 25px;
  font-weight: 600;
}
.Rankstyle-svg li:nth-child(n+3):before {
  background: #916b00;
}
.Rankstyle-svg li:nth-child(n+4):before {
  background: #b6ca2d;
}
.horizontal_scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 12px 8px;
  display: -ms-flexbox;
  display: flex; 
}
@media screen and (max-width: 1045px) {
.Rankstyle-svg li:nth-child(-n+1):before,
.Rankstyle-svg li:nth-child(n+2):before {
  font-size: 15px;
  padding: 1px 10px;
}
}
@media screen and (max-width: 768px) {
.prd_recommend_block .prd_lst{
  flex-wrap: wrap;
}
.Rankstyle-svg li:before {
  top: 0;
  left: 0;
  padding: 1px 10px 10px 10px;
}
.horizontal_scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.horizontal_scroll > li {
  width: 100%;
  min-width: 140px;
}
}

/* 商品カテゴリ
------------------------------------------------------------*/

section.p-category .inner{
  width: 84.5%;
}
.p-category ul {
  display: flex;
}
.p-category ul li{
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.p-category .lst_name {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  margin: 15px 7px 10px;
}
.p-category .lst_exp {
  padding: 0 7px;
  box-sizing: border-box;
  text-align: justify;
}
@media (max-width: 768px) {
section.p-category .inner{
  width: 100%;
}
.p-category ul {
  flex-wrap: wrap;
}
.p-category ul li{
  width: 47%;
  padding: 0;
  margin-bottom: 15px;
  margin-left: 2.083%;
}
}

/* お客様の声
------------------------------------------------------------*/

section.top-review .inner {
  width: 72.7%;
}
.top-review ul {
  text-align: left;
  background: #fcdb56;
  border-radius: 10px;
  width: 100%;
  padding: 20px 45px;
  box-sizing: border-box;
}
.top-review ul li p {
  text-align: left;
}
.top-review p.more{
  text-align: right;
}
.top-review p.more img{
  top: 3px;
}
@media (max-width: 768px) {
section.top-review .inner {
  width: 100%;
}
.top-review ul {
  padding: 15px;
}
.top-review ul li {
  padding-bottom: 20px;
}
}

/* パイナップルの品種について
------------------------------------------------------------*/

section.pine-kinds .inner {
  width: 79.4%;
}
.pine-kinds ul.pine_comparison {
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  border: 1px solid #ffcd38;
  border-radius: 10px;
  margin: auto;
  text-align: center;
  margin: 50px 0 20px;
}
.pine-kinds ul li .title{
  background: #ff679a;
  padding: 5px;
  width: calc(100% - 30px);
  margin: auto;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 15px;
  border-radius: 30px;
}
.pine-kinds ul li img{
  padding: 15px 0;
}
.pine-kinds ul.pine_exp {
  width: 90%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}
.pine_exp li{
  width: 71.5%;
}
.pine_exp li:nth-child(2n+1){
  width: 28.5%;
}
.pine_exp h3, ul.pine_exp li p{
  text-align: left;
}
.pine_exp h3 {
  margin-bottom: 10px;
}
.pine_exp li .detail{
  background: #fdf8e5;
  padding: 15px;
  margin-top: 15px;
}
.pine_exp p.more{
  text-align: right;
}
.pine_exp p.more img{
  top: -12px;
}
@media (max-width: 768px) {
section.pine-kinds .inner {
  width: 100%;
}
.pine-kinds ul.pine_comparison {
  display: block;
  padding: 10px 10px 25px;
  margin: 20px 0;
}
.pine-kinds ul li .title{
  margin-top: 15px;
}
.pine-kinds ul.pine_exp {
  width: 100%;
  display: block;
}
.pine_exp li{
  width: 100%;
}
.pine_exp h3 {
  text-align: center;
}
.pine_exp li:nth-child(2n+1){
  width: 100%;
}
}

/* お役立ちコンテンツ
------------------------------------------------------------*/

.info {
  background: #fff;
}
section.info .inner {
  width: 74%;
}
.info ul {
  display: flex;
  flex-wrap: wrap;
}
.info ul li{
  width: 33%;
  margin: 1% 0 3%;
  padding: 0 2.5%;
  box-sizing: border-box;
}
.info ul li img {
  object-fit: cover;  
  border: 1px solid #eee;
}
@media (max-width: 768px) {
section.info .inner {
  width: 100%;
}
.info ul {
  width: 100%;
  justify-content: space-between;
}
.info ul li{
  width: 50%;
}
.info ul li:nth-child(2n+1){
  width: 50%;
  padding: 0 1% 0 0;
}
.info ul li:nth-child(2n){
  width: 50%;
  padding: 0 0 0 1%;
}
.info ul li img {
  min-width: 100%;
  height: auto;
}
}

/* 農園について
------------------------------------------------------------*/

section.farm .inner {
  width: 70%;
}
.farm ul{
  border: 1px solid #cbcbca;
  display: flex;
  justify-content: center;
  align-items: center;
}
.farm ul li{
  width: 50%;
  height: auto;
  text-align: center;
}
.farm ul li p{
  line-height: 26px;
  color: #000d24;
  margin-bottom: 3%;
}
@media (max-width: 768px) {
section.farm .inner {
  width: 100%;
}
.farm ul {
  display: block;
}
.farm ul li{
  width: 100%;
}
.farm ul li .more-btn {
  display: block;
  margin: auto;
  margin-bottom: 25px;
  width: 40%;
}
}

/* お問い合わせ
------------------------------------------------------------*/

section.contact .inner {
  width: 70%;
}
.contact ul{
  display: flex;
  border-top: 1px solid #0c2f50;
  border-bottom: 1px solid #0c2f50;
  padding: 20px 0;
}
.contact ul li{
  width: 50%;
}
.contact ul li:first-child{
  border-right: 1px solid #0c2f50;
}
.contact ul li h3 {
  font-weight: 600;
  margin: 12px 0;
}
@media (max-width: 768px) {
section.contact .inner {
  width: 100%;
}
.contact ul{
  display: block;
}
.contact ul li{
  width: 100%;
}
.contact ul li:first-child{
  border-right: none;
  border-bottom:  1px dotted #0c2f50;
  padding-bottom: 15px;
}
.contact ul li:last-child{
  padding-top: 15px;
}
}

/* 売れ筋ランキング
------------------------------------------------------------*/
.prd_lst_name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cartjs_cart_in {
margin-bottom: 0px!important; 
}
.cartjs_product_table {
display: none;
}
.prd_seller_block .cartjs_cart_in input,
.prd_recommend_block .cartjs_cart_in input {
background-color: #df7676 !important;
width: 75% !important;
margin: auto;
height:  47px !important;
}
@media screen and (max-width: 768px) {
.prd_seller_block .cartjs_cart_in input,
.prd_recommend_block .cartjs_cart_in input {
width: 95% !important;
  }
}
.horizontal_scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 12px 8px;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .horizontal_scroll {
    overflow-x: inherit;
    padding: 0 8px 6px; } }

.horizontal_scroll > li {
  width: 100%;
  min-width: 140px;
}
@media screen and (min-width: 768px) {
  .horizontal_scroll > li {
    min-width: inherit; } }

.horizontal_scroll > li:not(:last-child) {
  margin-right: 5px; }

.horizontal_scroll > li:last-child {
  padding-right: 5px; }

@media screen and (min-width: 768px) {
  .horizontal_scroll > li:last-child {
    padding-right: 0; } }

/*20231226 info下注意喚起*/
.top_caution {
  margin-top: -10px;
  padding-top: 5px;
}

.top_caution a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  color: red;
  text-decoration:underline;
  height: 40px;
  width: 100%;
  margin: 3px 0 20px 0;
  padding: 10px;
  position: relative;
}

.top_caution a:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -10px;
  background-image: url("https://img07.shop-pro.jp/PA01438/298/etc/exclamation_mark.png");
  background-size: contain;
  background-repeat: no-repeat;
  text-decoration:underline;
}
@media (max-width: 768px) {
.top_caution a {
  width: 100%;
  font-size: 0.9em;
}
  .top_caution a:before {
  left: 0px;
}
}

/*20240605 修正*/
section.pre_method .inner p {
  text-align: left;
}
section.pre_method .inner {
  width: 64%;
}
@media screen and (max-width: 768px) {
section.pre_method .inner {
  width: 100%;
}
  section .inner p{
  text-align: left;
}
}

#container {
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  #container {
  padding-top: 0;
}
}

/* FAQ
------------------------------------------------------------*/

section.FAQ .inner {
  width: 69.8%;
}
.FAQ ul {
  text-align: left;
  background: #fdf8e5;
  border-radius: 10px;
  width: 100%;
  padding: 20px 45px;
  box-sizing: border-box;
}
.FAQ ul li p {
  text-align: left;
}
.FAQ ul li h3 {
  text-align: left;
  font-weight: bold;
  margin-bottom: -1px;
}
@media (max-width: 768px) {
section.FAQ .inner {
  width: 100%;
}
.FAQ ul {
  padding: 15px;
}
.FAQ ul li {
  padding-bottom: 20px;
}
}