@charset "UTF-8";
/* ===========  9.667px以下スマホ縦横 =========== */
@media screen and (max-width: 667px) {
  body {
    -webkit-text-size-adjust: none;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
    overflow: hidden;
    text-align: left;
  }

  .blockPC {
    display: inline;
  }

  .blockSP01 {
    display: block;
  }

  .blockSP02 {
    display: block;
  }

  .blockSP03 {
    display: inline;
  }

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

  #headerTxt {
    width: auto;
  }

  #headerBox {
    width: 96%;
    margin: 10px auto 5px;
    padding: 0;
    text-align: left;
  }

  #headerLogo {
    float: left;
    width: 58%;
    margin-top: 0;
  }
  #headerLogo div#boxHeaderLogo {
    float: none;
    width: 100%;
    margin-top: 0;
  }
  #headerLogo div#boxHeaderLogo a img {
    width: 96%;
  }
  #headerLogo div#boxHeaderLogo02 {
    display: none;
  }

  #headerSub {
    display: none;
  }

  #headerBtn {
    display: block;
    float: right;
    text-align: left;
    width: 40%;
    margin-top: 2px;
  }
  #headerBtn div.boxHeaderBtn {
    float: left;
    text-align: right;
    width: 50%;
  }
  #headerBtn div.boxHeaderBtn a img {
    width: 88%;
  }

  /*container*/
  #container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    background: none;
    position: relative;
    overflow: hidden;
    background-image: none;
  }

  #sidebar {
    width: 100%;
    float: right;
    background-color: #e5e5e5;
    padding-bottom: 15px;
    margin-top: 20px;
    min-height: auto;
    height: auto !important;
  }

  .boxBnr img {
    width: 240px;
  }

  #mainContent {
    float: none;
    width: 100%;
    background-color: #ffffff;
  }

  #mainContent h2 img {
    width: 100%;
    height: auto;
  }

  .section01 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .section02 {
    margin-left: 10px;
    margin-right: 10px;
  }

  #boxInfo {
    display: none;
  }

  /*footer*/
  footer {
    border-top: 3px solid #e5e5e5;
    padding: 10px 0 !important;
  }

  #footerBox {
    width: 96%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
  }

  #footerLogo {
    float: none;
    width: 100%;
  }

  #footerLogo01 {
    float: left;
    width: 70%;
  }

  #footerLogo02 {
    display: block;
    float: left;
    width: 20%;
  }
  #footerLogo02 img {
    width: 80%;
    height: auto;
  }

  #footerCopyright {
    float: none;
    width: 100% !important;
    text-align: left;
    margin-top: 5px;
  }
  #footerCopyright p {
    line-height: 1.4;
    width: 100% !important;
  }

  span.copyrightbox {
    display: block;
  }

  /*gnavi*/
  /*nav#gnaviArea {
  	width: 100%;
  	margin: 0;
  	padding: 0;
  	text-align: left;
  }*/
  ul#sp_gnavi {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    list-style-type: none;
  }

  ul#sp_gnavi li {
    list-style-type: none;
    border-bottom: 1px dotted white;
  }

  ul#sp_gnavi a {
    display: block;
    text-indent: 0;
    overflow: hidden;
    width: 96%;
    height: auto;
    padding: 13px 2%;
    color: white;
    font-size: 112.5%;
    padding-left: 34px;
    font-weight: bold;
  }

  a.gnavi-home {
    background-image: url(../images/sp/hd_gnavi.gif);
    background-position: 10px center;
    background-color: #ca010e;
    background-repeat: no-repeat;
  }

  a:hover.gnavi-home {
    background-position: 10px center;
  }

  a.gnavi-home-on {
    background-image: url(../images/sp/hd_gnavi.gif);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-color: #ff1b2e;
  }

  a.gnavi-commodity {
    background-image: url(../images/sp/hd_gnavi.gif);
    background-position: 10px center;
    background-color: #ca010e;
    background-repeat: no-repeat;
  }

  a:hover.gnavi-commodity {
    background-position: 10px center;
  }

  a.gnavi-commodity-on {
    background-image: url(../images/sp/hd_gnavi.gif);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-color: #ff1b2e;
  }

  a.gnavi-service {
    background-image: url(../images/sp/hd_gnavi.gif);
    background-position: 10px center;
    background-color: #ca010e;
    background-repeat: no-repeat;
  }

  a:hover.gnavi-service {
    background-position: 10px center;
  }

  a.gnavi-service-on {
    background-image: url(../images/sp/hd_gnavi.gif);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-color: #ff1b2e;
  }

  a.gnavi-company {
    background-image: url(../images/sp/hd_gnavi.gif);
    background-position: 10px center;
    background-color: #ca010e;
    background-repeat: no-repeat;
  }

  a:hover.gnavi-company {
    background-position: 10px center;
  }

  a.gnavi-company-on {
    background-image: url(../images/sp/hd_gnavi.gif);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-color: #ff1b2e;
  }

  a.gnavi-contact {
    background-image: url(../images/sp/hd_gnavi.gif);
    background-position: 10px center;
    background-color: #ca010e;
    background-repeat: no-repeat;
  }

  a:hover.gnavi-contact {
    background-position: 10px center;
  }

  a.gnavi-contact-on {
    background-image: url(../images/sp/hd_gnavi.gif);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-color: #ff1b2e;
  }

  a.gnavi-blog {
    background-image: url(../images/sp/hd_gnavi.gif);
    background-position: 10px center;
    background-color: #ca010e;
    background-repeat: no-repeat;
  }

  a:hover.gnavi-blog {
    background-position: 10px center;
  }

  a.gnavi-blog-on {
    background-image: url(../images/sp/hd_gnavi.gif);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-color: #ff1b2e;
  }

  /*サブメニュー*/
  ul#subMenu {
    margin: 10px 10px 0;
  }

  ul#subMenu li {
    padding: 10px 5px;
  }

  /*バナー*/
  .boxBnr {
    text-align: center;
    margin-top: 30px;
  }

  /*お申し込み・お問い合わせ*/
  #boxContact {
    display: block;
    margin-top: 15px;
    margin-bottom: 20px;
  }

  a#btnContactSP {
    display: block;
    width: 290px;
    height: 32px;
    background: url(../images/btn_contact.gif) left top no-repeat;
    text-indent: -9999px;
  }

  .contact-wrap {
    width: 100%;
  }

  .contact-parts .contact-head {
    font-size: 80%;
    font-weight: bold;
  }

  .wpcf7-textarea {
    width: 100%;
  }

  /*パンくずナビ*/
  #topicpath {
    font-size: 75%;
    /*12px*/
    margin: 2px 0 0;
    padding: 5px 10px;
    width: auto;
  }

  .title02 {
    font-size: 129%;
  }

  .title03 {
    font-size: 129%;
  }

  .title04 {
    font-size: 129%;
    font-weight: bold;
  }

  .boxMain {
    margin: 15px 10px 0;
  }

  /*オススメ宅配商品-----------------------------------------------------------*/
  #boxCommoditySide h1 {
    padding-left: 10px;
    margin-bottom: 10px;
  }
  #boxCommoditySide a {
    display: block;
    margin: 5px auto 0;
    width: 70%;
  }
  #boxCommoditySide a img {
    width: 100%;
    height: auto;
  }

  /*ページタイトル*/
  #pageTitle {
    width: 100%;
    margin: 0 auto;
  }
  #pageTitle h2 {
    background-size: auto 100%;
    font-size: 137.5%;
    padding: 20px 10px;
  }

  #mainContent {
    min-height: 0;
  }

  #mainImg {
    width: 100%;
    margin: 0;
  }
  #mainImg img {
    width: 100%;
    height: auto;
  }

  #topTitle01 {
    color: #ffffff;
    font-size: 125%;
    font-weight: bold;
    line-height: 20px;
    margin-top: 20px;
    background: repeating-linear-gradient(45deg, #d10412, #d10412 3px, #ff0011 3px, #ff0011 6px);
  }

  .boxTxt01 {
    width: 96%;
    float: none;
    margin: 0 auto;
    background: none;
    height: auto;
  }

  .boxImg01 {
    width: 100%;
    float: none;
    text-align: center;
  }
  .boxImg01 img {
    width: 95%;
  }

  .boxIndex01 {
    width: 96%;
    float: none;
    margin: 0 auto;
  }

  .boxIndex02 {
    width: 96%;
    float: none;
    margin: 20px auto 0;
  }

  .boxIndex01 h2, .boxIndex02 h2 {
    margin-bottom: -10px;
  }

  section.boxIndex01 h2 img, section.boxIndex02 h2 img {
    width: 100% !important;
    height: auto !important;
  }

  #titleTopics {
    margin-top: -30px;
  }

  /*新着情報---------------------------------------------------------------------*/
  #titleTopics {
    width: 85%;
    margin: -30px auto 0;
    font-size: 112.5%;
  }

  .boxTopics {
    width: 85%;
    margin: 0 auto;
  }

  dl.list-topics dt {
    width: 100%;
    float: none;
    padding-left: 0;
    font-weight: bold;
  }
  dl.list-topics dd.news {
    clear: both;
    padding-left: 90px;
    background: url(../images/icon_news.gif) 10px top no-repeat;
    background-size: auto 20px;
    margin-top: 5px;
  }
  dl.list-topics dd.news-blog {
    clear: both;
    padding-left: 90px;
    background: url(../images/icon_news_blog.gif) 10px top no-repeat;
    background-size: auto 20px;
    margin-top: 5px;
  }

  .boxHowto01 {
    display: none;
  }

  .boxHowto02 {
    width: auto;
    float: none;
  }

  .boxArea01 {
    width: auto;
    float: none;
  }
  .boxArea01 img {
    width: 100%;
    height: auto;
  }

  .boxArea02 {
    width: auto;
    float: none;
    margin-top: 10px;
  }

  .boxAreaDetail {
    margin-top: 5px;
  }
  .boxAreaDetail p {
    line-height: 1.6;
  }

  #container {
    background-image: none;
  }

  .container-commodity {
    background: none;
  }
  .container-commodity .boxMain {
    margin: 0;
    width: auto !important;
    margin-left: 10px;
    margin-right: 10px;
  }
  .container-commodity #mainContent {
    min-height: 0;
  }
  .container-commodity iframe#boxCommodity {
    overflow: auto;
  }

  .container-service .blockTxtService {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .container-service .blockImgService {
    width: 100%;
    float: none;
    text-align: center;
  }
  .container-service .boxService {
    margin-left: 0;
    margin-right: 0;
  }
  .container-service #boxApplicationService {
    display: none;
  }
  .container-service .lastchild {
    border-bottom: none;
  }

  .container-company .title01 {
    margin-top: 15px;
  }
  .container-company .title02 {
    font-size: 136%;
  }
  .container-company dl.list-company {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #e5e5e5;
  }
  .container-company dl.list-company dt {
    width: 100%;
    float: none;
    font-weight: bold;
    background: url(../images/hd_list.gif) 10px top no-repeat;
    padding-left: 26px;
    height: 20px;
    padding-top: 2px;
  }
  .container-company dl.list-company dd {
    padding-left: 25px;
    padding-top: 2px;
  }
  .container-company ol {
    margin-left: 20px;
  }
  .container-company dl.list-company02 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #d6d6d6;
  }
  .container-company dl.list-company02 dt {
    width: 100%;
    float: none;
    font-weight: bold;
    padding-left: 10px;
  }
  .container-company dl.list-company02 dd {
    padding-left: 10px;
  }
  .container-company #gmap {
    width: 100%;
    height: 160px;
  }

  .container-faq {
    background: none;
  }
  .container-faq #mainContent {
    min-height: 0;
  }
  .container-faq #sidebar {
    min-height: 0 !important;
    height: auto !important;
  }
  .container-faq .boxFaq01 {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .container-faq .boxFaq02 {
    width: 100%;
    float: none;
    text-align: center;
  }
  .container-faq .title03 {
    font-size: 125%;
  }
  .container-faq div.accordion_item .tel-link {
    font-size: 150%;
  }
  .container-faq .boxMain {
    min-height: 0;
  }
  .container-faq h2#faq01 img, .container-faq h2#faq02 img {
    height: auto;
    width: 150%;
  }

  .container-recruit #mainContent,
  .container-recruit-detail #mainContent {
    min-height: 0;
  }
  .container-recruit #titleRecruit,
  .container-recruit-detail #titleRecruit {
    font-size: 136%;
    text-align: left;
  }
  .container-recruit .boxLead p,
  .container-recruit-detail .boxLead p {
    text-align: left;
  }
  .container-recruit .boxLead01,
  .container-recruit-detail .boxLead01 {
    float: none;
    width: 100%;
  }
  .container-recruit .boxLead01 p,
  .container-recruit-detail .boxLead01 p {
    margin-top: 0;
  }
  .container-recruit .boxLead02,
  .container-recruit-detail .boxLead02 {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .container-recruit .boxRecruitLead,
  .container-recruit-detail .boxRecruitLead {
    margin-top: 10px;
    text-align: left;
    font-size: 114%;
  }
  .container-recruit .boxRecruit,
  .container-recruit-detail .boxRecruit {
    margin-top: 20px;
  }
  .container-recruit .boxRecruit img,
  .container-recruit-detail .boxRecruit img {
    width: 100%;
    height: auto;
  }
  .container-recruit table,
  .container-recruit-detail table {
    width: 100%;
  }
  .container-recruit th,
  .container-recruit-detail th {
    width: auto;
  }
  .container-recruit th.job,
  .container-recruit-detail th.job {
    width: 40%;
  }
  .container-recruit table.tbl-index,
  .container-recruit-detail table.tbl-index {
    width: 100%;
  }
  .container-recruit table.tbl-detail,
  .container-recruit-detail table.tbl-detail {
    margin-top: 10px;
    width: auto;
  }
  .container-recruit table.tbl-detail th,
  .container-recruit-detail table.tbl-detail th {
    white-space: nowrap;
  }
  .container-recruit .imgRight img,
  .container-recruit-detail .imgRight img {
    float: none;
    margin: 0 auto 15px !important;
    display: block;
  }
  .container-recruit .boxImg01,
  .container-recruit-detail .boxImg01 {
    width: 100%;
    float: none;
    margin-right: 0;
    text-align: center;
  }
  .container-recruit .boxImg02,
  .container-recruit-detail .boxImg02 {
    width: 100%;
    float: none;
    text-align: center;
  }
  .container-recruit .boxImg01 img, .container-recruit .boxImg02 img,
  .container-recruit-detail .boxImg01 img,
  .container-recruit-detail .boxImg02 img {
    width: 70%;
    height: auto;
  }
  .container-recruit .boxImg03,
  .container-recruit-detail .boxImg03 {
    width: 100%;
    float: none;
    text-align: center;
  }
  .container-recruit .boxTxt02,
  .container-recruit-detail .boxTxt02 {
    width: 100%;
    float: none;
  }
  .container-recruit .recruitImg img,
  .container-recruit-detail .recruitImg img {
    width: 100%;
  }
  .container-recruit .boxImgTop,
  .container-recruit-detail .boxImgTop {
    width: 100%;
  }
  .container-recruit .boxImgTop p,
  .container-recruit-detail .boxImgTop p {
    text-align: center;
  }
  .container-recruit dl.list-company dt,
  .container-recruit-detail dl.list-company dt {
    width: 140px;
    float: left;
    font-weight: bold;
    background: url(../../images/hd_list.gif) 10px top no-repeat;
    padding-left: 26px;
    height: 20px;
    padding-top: 2px;
  }
  .container-recruit .boxImg02,
  .container-recruit-detail .boxImg02 {
    display: inline-block;
    width: 155px;
    margin-right: 6px;
    text-align: center;
  }

  .container-privacypolicy {
    min-height: 0;
  }
  .container-privacypolicy .titlePP {
    font-size: 107%;
  }
}
/* ===========  10.スマホ横 =========== */
@media only screen and (max-device-width: 667px) and (orientation: landscape) {
  .blockPC {
    display: inline;
  }

  .blockSP01 {
    display: block;
  }

  .blockSP02 {
    display: inline;
  }

  .blockSP03 {
    display: block;
  }

  #headerLogo {
    margin-top: 15px;
    width: 65%;
  }
  #headerLogo div#boxHeaderLogo {
    float: right;
    width: 75%;
    margin-top: 10px;
    text-align: right;
  }
  #headerLogo div#boxHeaderLogo img {
    width: 90%;
  }
  #headerLogo div#boxHeaderLogo02 {
    display: block;
    float: left;
    width: 20%;
    text-align: left;
    margin-top: 0 !important;
  }
  #headerLogo div#boxHeaderLogo02 img {
    width: 100%;
  }

  #headerBtn {
    display: block;
    float: right;
    text-align: right;
    width: 30%;
    margin-top: 2px;
  }
  #headerBtn div.boxHeaderBtn {
    float: left;
    text-align: right;
    width: 50%;
  }
  #headerBtn div.boxHeaderBtn a img {
    width: 85%;
  }

  /*オススメ宅配商品-------------------------------------------------------------*/
  #boxCommoditySide a {
    display: block;
    margin: 5px auto 0;
    width: 40%;
  }
  #boxCommoditySide a img {
    width: 100%;
    height: auto;
  }

  /*footer----------------------------------------------------------------------*/
  #footerLogo01 {
    float: left;
    width: 50%;
    margin-top: 20px;
  }

  #footerLogo02 {
    display: block;
    float: left;
    width: 20%;
  }
  #footerLogo02 img {
    width: 80%;
    height: auto;
  }

  .container-service .boxService {
    margin-left: 20px;
    margin-right: 20px;
  }
  .container-service .blockTxtService {
    width: 70%;
    float: left;
    margin-right: 0;
  }
  .container-service .blockImgService {
    width: 25%;
    float: right;
  }
  .container-service .blockImgService img {
    width: 100%;
  }

  .container-faq h2#faq01 img, .container-faq h2#faq02 img {
    height: auto;
    width: 100%;
  }

  .container-recruit .boxLead01,
  .container-recruit-detail .boxLead01 {
    width: 60%;
  }
  .container-recruit .boxLead01 p,
  .container-recruit-detail .boxLead01 p {
    margin-top: 0;
  }
  .container-recruit .boxLead02,
  .container-recruit-detail .boxLead02 {
    float: right;
    width: 35%;
    margin-top: 0;
  }
  .container-recruit .boxImg01,
  .container-recruit-detail .boxImg01 {
    width: 50%;
    float: left;
    text-align: center;
  }
  .container-recruit .boxImg02,
  .container-recruit-detail .boxImg02 {
    width: 50%;
    float: left;
    text-align: center;
  }
  .container-recruit .boxImg01 img, .container-recruit .boxImg02 img,
  .container-recruit-detail .boxImg01 img,
  .container-recruit-detail .boxImg02 img {
    width: 90%;
    height: auto;
  }
  .container-recruit .boxTxt02,
  .container-recruit-detail .boxTxt02 {
    float: left;
    width: 60%;
    margin-right: 0;
  }
  .container-recruit .boxImg03,
  .container-recruit-detail .boxImg03 {
    width: 35%;
    float: right;
  }
  .container-recruit .boxImg03 img,
  .container-recruit-detail .boxImg03 img {
    width: 100%;
    height: auto;
  }
}
/*end スマホ　横---------------------------------------------------------------*/