@charset "UTF-8";
@media only screen and (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 150%; }

  #wrapper {
    width: 100%;
    border-left: none;
    border-right: none;
    margin-bottom: 40px; }

  #header {
    width: 100%;
    height: 140px; }

  #header_left, #header_right {
    height: auto;
    width: 100%; }

  #header_right {
    display: none; }

  #header strong {
    width: 100%;
    margin: 0px 0 0; }

  #header_description {
    float: inherit;
    width: 90%;
    margin: 0 auto; }

  #contents {
    margin-bottom: 0;
    overflow: auto;
    width: 96%;
    margin: auto; }
    #contents.reverse {
      flex-direction: column-reverse; }

  /*************************************** 
  #footer
  ****************************************/
  #footer {
    width: 100%;
    margin: 10px auto 10px auto; }

  #footer_menu {
    width: 100%; }

  #footer_bar {
    height: auto;
    width: 100%; }

  /*************************************** 
  contents
  ****************************************/
  #flash_title {
    width: 100%;
    height: auto; }

  #index_sizititle {
    width: 100%;
    background-image: none;
    background-size: cover;
    float: inherit; }

  .layout-tw #side {
    width: 100%;
    float: inherit;
    margin: auto; }
  .layout-tw #main {
    float: inherit;
    width: 100%;
    margin: auto; }
  .layout-tw #side_company {
    margin: auto; }
  .layout-tw #side_title {
    margin: 5px auto; }
  .layout-tw #side_photo {
    margin: 5px auto; }
  .layout-tw #side_submenu {
    margin: 5px auto; }
  .layout-tw #side_panel {
    margin: 5px auto;
    height: 260px;
    border-bottom: 1px solid #CDCDCD; }

  .layout-wt #main {
    float: inherit;
    width: 100%;
    margin: auto; }
  .layout-wt #side {
    display: block;
    float: inherit;
    margin: 0 auto 0 auto; }
  .layout-wt #side_banner5, .layout-wt #side_banner1, .layout-wt #side_banner7, .layout-wt #side_count {
    margin: 10px auto;
    text-align: center; }
  .layout-wt #side_count {
    margin: 10px 0 0 0; }

  /*************************************** 
  トップページ【index】 
  ****************************************/
  .index_contents {
    width: 100%; }

  .scroll-top {
    width: 96%;
    margin: auto; }

  .index_topics {
    width: 92%;
    margin-top: inherit;
    margin: 10px auto; }
    .index_topics .index_comment {
      width: 100%;
      padding: 0  0 0; }
  .top-bn img {
    width: 100%; 
    height: auto;}

  /*************************************** 
  #navigation
  ****************************************/
  #navigation {
    width: 100%;
    margin: 0 auto 10px auto;
    padding: 0; }

  #navi_list {
    margin: 0;
    padding: 0; }

  /*************************************** 
  当社について【about】 
  ****************************************/
  #about_title1 {
    width: 100%;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0 0 0 0px; }

  #about_title2 {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0 0 0 0px; }

  .about_contents {
    width: 100%; }

  #about_comment1 {
    width: 100%;
    float: none;
    padding: 0 0px 0 0; }

  #about_comment2 {
    width: 100%;
    float: none;
    padding-right: 0px; }

  #about_photo1, #about_photo2, #about_photo3 {
    float: none; }

  #about_photo2 {
    width: 100%; }

  #about_photo3 {
    width: 100%; }

  .movie {
    text-align: center; }
    .movie img {
      margin: 0 auto 50px auto; }

  /*************************************** 
  商品のこだわり【products】 
  ****************************************/
  .products_contents {
    width: 100%; }

  #products_title1 {
    width: 100%; }

  #products_title2 {
    width: 100%; }

  #products_title3 {
    width: 100%;
    margin: 10px auto 0 auto; }

  #products_photo1 {
    float: none;
    margin: auto; }

  #products_photo2 {
    float: none;
    margin: 0 auto 0 auto; }

  /*************************************** 
  よくある質問【faq】 
  ****************************************/
  .faq_contents {
    width: 100%; }

  #faq_title1 {
    width: 100%; }

  #faq_title2 {
    width: 100%;
    display: none; }

  .faq_q {
    height: auto;
    width: 100%;
    text-indent: 0px;
    padding: 10px;
    box-sizing: border-box; }

  .faq_a {
    width: 100%;
    padding: 10px;
    box-sizing: border-box; }

  .faq_answer {
    float: left;
    width: 100%; }

  .faq_mark {
    text-align: left; }

  /*************************************** 
  お客様の声【voice】 
  ****************************************/
  #voice_title {
    width: 100%;
    height: 100px;
    background-size: cover; }

  .voice_contents {
    width: 100%; }

  .voice_item {
    width: 100%; }

  .voice_date {
    width: 100%; }

  /*************************************** 
  新着情報＆催事案内【topics】 
  ****************************************/
  .topics_contents {
    width: 100%; }

  #topics_title1 {
    width: 100%; }

  .topics_title2 {
    width: 100%; }

  .topics_comment {
    width: 100%;
    margin: 10px 0px 30px 0px;
    padding: 0; }

  /*************************************** 
  カタログダウンロード【catalog】 
  ****************************************/
  #catalog_title {
    width: 100%; }

  #catalog_contents {
    width: 100%; }

  #catalog_button {
    float: none;
    width: 100%; }
    #catalog_button a {
      margin: auto; }

  .catalog_comment {
    float: none;
    width: 100%; }

  .catalog_comment_file {
    float: none;
    width: 100%; }

  /*************************************** 
  会社概要【company】 
  ****************************************/
  .company_contents {
    width: 100%; }

  #company_title1 {
    width: 100%;
    margin: 0 auto 10px auto; }

  #company_title2 {
    width: 100%;
    margin: 0 auto 20px auto; }

  #company_title3 {
    width: 100%;
    margin: 0 auto 20px auto; }

  #company_image {
    width: 100%;
    height: 100px;
    background-size: contain;
    margin: 0 auto 30px auto; }

  #company_policy .list_mk {
    height: auto;
    padding-left: 8px;
    line-height: 20px;
    text-indent: 4px;
    margin-bottom: 10px;
    background: none; }
  #company_policy ul {
    width: 100%; }

  /*************************************** 
  社長挨拶【greeting】 
  ****************************************/
  .greeting_contents {
    width: 100%;
    margin: 10px auto 10px auto; }

  #greeting_title1 {
    width: 100%;
    margin: 0 auto 10px auto; }

  #greeting_title2 {
    width: 100%; }

  #greeting_comment1 {
    width: 100%;
    margin: 10px auto 30px auto; }

  #greeting_comment2 {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    float: none;
    margin: auto; }

  #greeting_photo {
    float: none;
    height: 200px;
    width: 100%; }

  /*************************************** 
  本社工場へのアクセス【access】 
  ****************************************/
  .access_contents {
    width: 100%;
    margin: 10px auto 10px auto; }

  #access_title1 {
    width: 100%; }

  #access_title2 {
    width: 100%; }

  .access_comment {
    width: 100%;
    margin: 10px auto 30px auto; }

  #access_map {
    width: 90%;
    height: 400px;
    margin: 0 auto 20px auto; }
    #access_map iframe {
      width: 100%;
      height: 300px; }

  /*************************************** 
  市内販売先のご案内【shoproot】 
  ****************************************/
  .shoproot_contents {
    width: 100%; }

  #shoproot_title1 {
    width: 100%; }

  #shoproot_title2 {
    width: 100%; }

  .shoproot_comment {
    width: 100%;
    margin: 30px auto 10px auto; }

  #shoproot_map {
    width: 90%;
    height: 400px;
    margin: 0 auto; }
    #shoproot_map iframe {
      width: 100%;
      height: 300px; }

  a.netshop_fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #142D6A;
    background-size: cover;
    opacity: 0.9;
    text-align: center;
    padding: 16px;
    box-sizing: border-box;
    color: #FFF;
    text-decoration: none; } }
/*=========下層メニュー（SP）*/
@media only screen and (max-width: 736px) {
  .under_page_menu ul {
    width: 98%;
    margin: 10px auto 0 auto;
    padding: 0; }

  .under_page_menu li a {
    font-size: 14px; }

  .page_head {
    padding: 0px 0 0 !important; }
    .page_head .main_page_tit {
      padding: 35px 0 25px; }

  .page_head .page_head_nav {
    background: rgba(255, 255, 255, 0.7); }
    .page_head .page_head_nav .list {
      -js-display: flex;
      display: flex;
      justify-content: center; }
      .page_head .page_head_nav .list a {
        display: block;
        width: 55px;
        height: 185px;
        padding: 15px 0 0 0;
        background: url(../images/common/nav_border_page.png) no-repeat left center;
        overflow: hidden; }
      .page_head .page_head_nav .list li:last-child a {
        background: url(../images/common/nav_border_page.png) no-repeat left top, url(../images/common/nav_border_page.png) no-repeat right top; } }