/*===============================

 android向けフォント

================================*/


.Android body{
 font-family: 'Noto Serif JP', serif;
}


/*===============================

  画像

================================*/



img {
max-width: 100%;
height: auto;
}




/*===============================

  ブレイクポイント　max-width: 1600px

================================*/

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

/* header */
  .header_container{
  width: 75%!important;
}

.container,
.footer_centre{
width: 75%!important;
}




}


/*===============================

  ブレイクポイント　max-width: 1200px

================================*/


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

/* header_container */
  .container{
  width: 100%;
  max-width:1000px;
}

}


/*===============================

  ブレイクポイント　max-width: 1150px

================================*/


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

/* header */
  .header_container {
    width: 95%!important;
}

　.header_logoimg{
    padding-left:30px!important;
}


/* onlineshop */

.onlineshop_back{
padding:10px;
}

.onlineshop_items{
  height:100px;
}

/* orchid_花紹介 */
.introduction_yoko{
  display:inline!important;
}

.introduction_left{
  width:100%!important;
}

.introduction_right{
 width:100%!important;
 padding:0!important;
}


}


/*===============================

  ブレイクポイント　max-width: 1024px

================================*/


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

/* container */
  .container{
  width: 100%;
  max-width:850px;
  }

/* header */
  .header_menu {
  width: 100%;
  }


/* ドロップダウンメニュー */
#dropdown ul li a{
  font-size:15px;
  letter-spacing:0px;
  padding:0px;
  }

#dropdown ul li:hover ul li a{
  padding:10px 0;

}





/* footer */
  .footer_yoko{
  display:inline;
  }

  .footer_left{
  text-align:center;
  }

  ul.footer_menu{
  margin: 0;
  padding: 0;
  text-align:center;
  }

  .footer_logo{
  max-width:200px;
  }

.copy{
  text-align:center;
  margin-top:20px;
  margin-bottom:20px;
}


}


/*===============================

  ブレイクポイント　max-width: 900px

================================*/


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

  /* container */
  .container{
  width: 100%;
  max-width:700px;
}
}





/*===============================

  ブレイクポイント　max-width: 768px

================================*/


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

  /* メインメニュー */
  #dropdown{
    display:none;
  }

  /* container */
  .container{
    width:85%;
    padding-top:15px;
  }

  /* main */
  .main{
    margin:80px 0;
  }

  .btn{
    margin:40px auto;
  }


   /* greeting */

  .greeting_yoko{
    display:inline;
  }

  .greeting_br{
    display:none;
  }

  .greeting_left {
      width: 100%;
      margin-right: 0px;
  }

  .greeting_left h2{
    text-align:center;
  }

  .greeting_right {
    padding:0;
  }

    /* onlineshop */

.onlineshop_back{
  padding:15px;
  margin-bottom:50px;
  }

.onlineshop_items{
    display:inline;
  }

  .onlineshopimg_01{
    height:100px;
  }

    /* pickup_facebook */
    .pickup_fb_yoko{
      display:inline;
    }

    .pickup_left {
        width: 100%;
        margin-right: 0px;
        padding:0;
        border:0px;
    }

   .pickup_left::before{
       position:static;
   }

   .fb_right{
    width: 100%;
    padding:0;
    border:0px;

    }

    .fb_right::before{
        position:static;
    }




}




/*===============================

  footer

================================*/


@media screen and (max-width: 768px) {
.footer_yoko{
  display:inline;
}

ul.footer_menu{
  display:none;
  }

.footer_left{
  text-align:center;
}

.footer_logo{
  max-width:200px;
}

.copy{
  text-align:center;
  margin-bottom:20px;
}

}




/*===============================

  facebook

================================*/



    @media screen and (max-width: 896px) {
     .fb-wrap{
      width: 100%;
      text-align: center !important;
      margin: 0 auto !important;
     }
    .fb-page {
      text-align: center !important;
      margin: 0 auto !important;
     }
    }



/*===============================

    トップへ戻るボタン

================================*/


.pagetop_iconsp {
  text-align:center;
  margin-bottom:20px;
  display:none;
}




@media screen and (max-width: 1000px) {
#pagetop_icon {
    bottom: 300px;
}


}


@media screen and (max-width: 768px) {
#pagetop_icon {
    display:none!important;
}
.pagetop_iconsp {
    display:block;
}
}





/*===============================

  ハンバーガーメニュー　

================================*/

.hamburger-menu{
  z-index:100001;
}
.menu-btn {
    position: fixed;
    top: 0px;
    right: 0px;
    display: flex;
    height: 66px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 1000001;
    background-color:#000;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}


/*===============================

  ハンバーガーメニュー　閉じた時の表示

================================*/



#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}



/*===============================

  チェックボタン隠す

================================*/


#menu-btn-check {
    display: none;
}



/*===============================

  ハンバーガーメニュー　

================================*/



.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #000;
    opacity:0.8;
    transition: all 0.5s;/*アニメーション設定*/
    padding-top:100px;
}

.menu-content a{
    color:#fff;
}


.menu-content ul {
    padding: 70px 50px 0;
}
.menu-content ul li {
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}


.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}






#menu-btn-check:checked ~ .menu-content {
    left:0;/*メニューを画面内へ*/
}




/*===============================

  アコーディオンメニュー

================================*/




.acd-check{
    display: none;
}
.acd-label{
    text-align:left;
    color: #fff;
    display: block;
    position: relative;
    height:30px;
    padding-top:3px;
    padding-left:35px;

}
.acd-label:after{

  box-sizing: border-box;
  content: '\e915';
  font-size:28px;
  display: block;
  font-family:  "icomoon";
  height: 30px;
  padding: 0px 20px;
  position: absolute;
  right: 0;
  top: 0px;
  color:#fff;
}
.acd-content{

    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
    color:#fff;
    padding-bottom:20px;
}
.acd-check:checked + .acd-label:after{
    content: '\e915';
}
.acd-check:checked + .acd-label + .acd-content{
    height: 140px;
    opacity: 1;
    visibility: visible;
}


.acd-content p{
  padding-left:28px;
  }

.acd-content a{
  padding-left:28px;
  color:#fff;
  line-height:2.3;
  text-decoration:none;
  }


  .single{
    text-align:left;
      color: #fff;
      display: block;
      padding: 4px;
      position: relative;
      padding-bottom:20px;
      padding-left:35px;
      text-decoration:none;
  }

  .single:after{
    box-sizing: border-box;
    display: block;
    height: 50px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0px;
  }

  .single a{
    text-decoration:none;
  }




 /*===============================

    headermenu_sp

 ================================*/


 @media screen and (min-width: 768px) {
  .hamburger-menu{
    display:none!important;
  }
  }




 @media screen and (max-width: 768px) {
  ul.header_menu_list{
    display:none!important;
  }
  }





  /*===============================

    ハンバーガーメニュー_個別ページ　

  ================================*/

  .hamburger-menu{
    z-index:100001;
  }
  .menu-btn_page {
      position: fixed;
      top: 0px;
      right: 0px;
      display: flex;
      height: 66px;
      width: 60px;
      justify-content: center;
      align-items: center;
      z-index: 1000001;
      background-color: #000;
  }
  .menu-btn_page span,
  .menu-btn_page span:before,
  .menu-btn_page span:after {
      content: '';
      display: block;
      height: 3px;
      width: 25px;
      border-radius: 3px;
      background-color: #fff;
      position: absolute;
  }





  .menu-btn_page span:before {
      bottom: 8px;
  }
  .menu-btn_page span:after {
      top: 8px;
  }


  /*===============================

    ハンバーガーメニュー_個別ページ　　閉じた時の表示

  ================================*/



  #menu-btn-check:checked ~ .menu-btn_page span {
      background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
  }

  #menu-btn-check:checked ~ .menu-btn_page {
      background-color: rgba(255, 255, 255, 0);
  }



  #menu-btn-check:checked ~ .menu-btn_page span::before {
      bottom: 0;
      transform: rotate(45deg);
  }
  #menu-btn-check:checked ~ .menu-btn_page span::after {
      top: 0;
      transform: rotate(-45deg);
  }



  /*===============================

    ハンバーガーメニュー_個別ページ チェックボタン隠す　

  ================================*/


  #menu-btn-check {
      display: none;
  }





  /*===============================

    header

  ================================*/

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


.header_container{
  width:100%!important;
}


.header_yoko{
  height:46px;
}

.header_logoimg {
  width:70%!important;
  float: left;
  padding-left:20px;
}

}



@-moz-document url-prefix() {
  @media screen and (max-width: 768px) {
  .header_logoimg{
  width:150px!important;
  }
  .inner-content img{
  width:300px!important;
  }

  }
}




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

.inner-content   {
  text-align:center;
  }
.inner-content img{
 width:90%;
}

  /*===============================

    about

  ================================*/

  @media screen and (max-width: 768px) {
   .award_table_yoko{
    display:inline!important;
   }
   .award_table_left {
       width: 100%!important;
       margin-right: 0px!important;
       margin-top:100px;
       margin-bottom:50px;
   }
   .award_table_right{
       width: 100%!important;
       margin-bottom:100px;
   }
   .about_title_back{
      margin-bottom:0px!important;
   }


   h2.about_h2,
   h2.award_h2,
   h2.about_h2::after,
   h2.award_h2::after{
    text-align:center!important;

   }

   .full-width-about {
     margin-top:65px!important;
   }
   }



   /*===============================

     orchid

   ================================*/





   @media screen and (max-width: 768px) {
    .introduction_yoko{
      display:inline!important;
    }

    .introduction_left{
      width:100%!important;

 }

   .introduction_right{
     width:100%!important;
     padding:0!important;
}

   h2.orchid_h2,
   h2.orchid_h2_haru,
   h2.orchid_h2_haru::after,
   h2.orchid_h2_natsu,
   h2.orchid_h2_natsu::after,
   h2.orchid_h2_fuyu,
   h2.orchid_h2_fuyu::after,
   h2.orchid_h2_kingdom,
   h2.orchid_h2_kingdom::after{
    text-align:center!important;
   }

 h2.orchid_h2_border{
  text-align:center!important;
  padding-bottom:0px!important;
  border-bottom:0px!important;
 }

 .slick-next {
     right: 10px!important;
 }

.slick-prev {
  left: 10px!important;
  z-index:10000;
  }

  .full-width-orchid {
    margin-top:65px!important;
  }
  }









  /*===============================

    個別ページ　タイトル

  ================================*/

@media screen and (max-width: 768px) {
  h2.about_title_h2{
    padding-left:10px!important;
    padding-bottom:10px!important;

}
}



  /*===============================

    リンクボタン

  ================================*/

  @media screen and (max-width: 768px) {
    .btn-auto{
      width:100%;
        }
    }




  /*===============================

    画像切り替え

  ================================*/



    .banner-sp img {
        display: none!important;
    }

    @media screen and (max-width:768px) {
        .img-pc {
            display: none!important;
        }

        .banner-sp img {
            display: block!important;
        }
    }