@charset "UTF-8";
/* flexbox　通常 */
/* inline-flex　インライン */
/* flex-direction アイテムの並ぶ方向 */
/* row:横並び　column:縦並び　-reverse:右・下から */
/* flex-wrap ボックス内の改行有無 */
/* wrap:縮小され一行で表示　nowrap:改行される */
/* justify-content アイテムの横方向詰め・センタリング */
/* flex-start:左詰め　flex-end:右詰め　center:中央揃え　space-between:左右に詰めて残りは等間隔センタリング　space-around:左右等間隔センタリング */
/* align-content */
/* flex-start:上詰め　flex-end:下詰め　center:中央揃え　space-between:上下に詰めて残りは等間隔センタリング　space-around:上下等間隔センタリング */
/* align-items　アイテムの縦方向詰め・センタリング・フィット */
/* stretch:縦方向いっぱいに拡大flex-start:上詰め　flex-end:下詰め　center:中央揃え　baseline:アイテムのベースライン揃え */
/* アイテム */
/* order　アイテムの並び順指定（何番目から） */
/* flex-grow　アイテムの相対的な拡大指定（正値） */
/* flex-shrink　アイテムの相対的な縮小指定（正値） */
/* flex-basis　幅と高さを設定（autoは最初のアイテムに準じる） */
/* align-self　align-itemsでの設定より優先させたい場合 */
/* stretch:縦方向いっぱいに拡大flex-start:上詰め　flex-end:下詰め　center:中央揃え　baseline:アイテムのベースライン揃え */
/*transition*/
/*$transition-property:対象要素のプロパティ（例：padding）*/
/*$transition-time:再生時間（例：1s）*/
/*$method:$method（例：linear）*/
/* box-sizing */
/*border-radius*/
/*keyframes*/
/* CSS Document */
.sp {
  display: none;
}

.blockPC {
  display: block;
}

.blockSP01 {
  display: inline;
}

.blockSP02 {
  display: ineline;
}

.blockSP03 {
  display: inline;
}

/*ヘッダ----------------------------------------------------------------------*/
header {
  padding: 0;
}

#headerTxtArea {
  /*width:100%;*/
  background-color: #ff0011;
  color: #ffffff;
  padding: 5px;
}

#headerTxt {
  width: 980px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  font-size: 85.7%;
}

#headerBox {
  width: 980px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#headerLogo {
  float: left;
  width: 490px;
  padding: 20px 0;
}

#headerLogo div#boxHeaderLogo {
  float: left;
  width: 260px;
  margin-top: 24px;
}

#headerLogo div#boxHeaderLogo02 {
  float: left;
  width: 110px;
  margin-top: 6px;
}

#headerSub {
  float: right;
  width: 424px;
  margin-top: 30px;
}

#headerSub01 {
  width: 236px;
  float: right;
  margin-top: 2px;
}

#headerSub02 {
  width: 188px;
  float: left;
  margin-top: 3px;
}

a#btnContactHeader {
  display: block;
  width: 188px;
  height: 38px;
  background: url(../images/headerContact.gif) left top no-repeat;
  text-indent: -9999px;
}
a#btnContactHeader:hover {
  background-position: left -38px;
}

#headerBtn {
  display: none;
}

/*container*/
#container {
  width: 980px;
  margin: 20px auto 40px;
  padding: 0;
  text-align: left;
  /*background: url(../../commodity/images/bg_content.gif) left top repeat-y;*/
  position: relative;
}

#boxContact {
  display: none;
}

/*お問い合わせ番号-------------------------------------------------------------*/
.boxTel img {
  vertical-align: -2px;
}

.tel-link {
  color: black;
  font-size: 200%;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.fs_normal {
  font-size: 100%;
  font-weight: normal;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

/*お問い合わせボタン*/
.boxBtnContact {
  width: 290px;
  margin: 0 auto;
}

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

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

#footerBox {
  width: 980px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#footerLogo {
  float: left;
}

#footerLogo01 {
  float: left;
  width: 256px;
  margin-top: 12px;
}

#footerLogo02 {
  float: left;
  width: 80px;
}
#footerLogo02 img {
  height: 40px;
  width: auto;
}

#footerCopyright {
  float: right;
  width: 530px;
  text-align: right;
  margin-top: 12px;
}

/* ===========  2.パンくずナビ  =========== */
#topicpath {
  font-size: 85.7%;
  /*12px*/
  margin: 2px auto 0;
  background-color: #eee;
  padding: 5px 20px;
  width: 940px;
  text-align: left;
}

/* ===========  3.ページトップへ戻る  =========== */
#scrolltop {
  position: fixed;
  bottom: 20px;
  right: 10px;
}
#scrolltop a {
  display: block;
}

/* ===========  4.サイドバー  =========== */
#sidebar {
  width: 200px;
  float: left;
  /*border-left: 1px solid #e5e5e5;*/
  /*padding-left: 20px;*/
  min-height: 1000px;
  background-color: #eee;
}

.boxBnr {
  text-align: center;
  margin-top: 20px;
}
.boxBnr img {
  width: 200px;
}

#boxCommoditySide {
  text-align: center;
  margin-top: 20px;
}
#boxCommoditySide h2 {
  border-bottom: 1px solid #ff0011;
  font-weight: bold;
  color: #ff0011;
  padding-bottom: 5px;
}
#boxCommoditySide a {
  display: block;
  margin-top: 5px;
}
#boxCommoditySide a img {
  width: 200px;
  height: auto;
}

#boxInfo {
  padding: 15px 10px;
  background-color: #FFF;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#dcdcdc));
  background: linear-gradient(#eee, #dcdcdc);
  position: absolute;
  /*left: 0;*/
  bottom: 0;
  width: 180px;
  margin-top: 20px;
}
#boxInfo h2 {
  border-bottom: 2px solid #ff0011;
  padding-bottom: 3px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}
#boxInfo h3 {
  border-bottom: 1px dotted black;
  padding-bottom: 3px;
  font-weight: bold;
  background: url(../images/hd_boxInfo.gif) left 6px no-repeat;
  padding-left: 14px;
  padding-top: 1px;
  line-height: 1.4;
}
#boxInfo p,
#boxInfo ul li {
  font-size: 85.7%;
  line-height: 1.6;
}

.insta-wrap {
  text-align: center !important;
  margin-top: 20px;
}

/* ===========  5.右メインコンテンツ  =========== */
#mainContent {
  float: right;
  width: 740px;
  background-color: white;
  min-height: 1050px;
  height: auto !important;
}

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

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

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

/* ===========  6.グローバルナビ  =========== */
nav#gnaviArea {
  width: 100%;
  background: url(../images/bg_gnavi.gif) left top repeat-x;
  padding: 0;
}

ul#gnavi {
  width: 980px;
  height: 40px;
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
}
ul#gnavi li {
  list-style-type: none;
  height: 40px;
  float: left;
}
ul#gnavi a {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  min-width: 194px;
  height: 40px;
}

a.gnavi-home {
  background-image: url(../images/gnavi.gif);
  background-position: 0 0;
}

a:hover.gnavi-home {
  background-position: 0 -40px;
}

a.gnavi-home-on {
  background-image: url(../images/gnavi.gif);
  background-position: 0 -40px;
}

a.gnavi-commodity {
  background-image: url(../images/gnavi.gif);
  background-position: -194px 0;
}

a:hover.gnavi-commodity {
  background-position: -194px -40px;
}

a.gnavi-commodity-on {
  background-image: url(../images/gnavi.gif);
  background-position: -194px -40px;
}

a.gnavi-service {
  background-image: url(../images/gnavi.gif);
  background-position: -388px 0;
  width: 204px;
}

a:hover.gnavi-service {
  background-position: -388px -40px;
}

a.gnavi-service-on {
  background-image: url(../images/gnavi.gif);
  background-position: -388px -40px;
  width: 204px;
}

a.gnavi-company {
  background-image: url(../images/gnavi.gif);
  background-position: -592px 0;
}

a:hover.gnavi-company {
  background-position: -592px -40px;
}

a.gnavi-company-on {
  background-image: url(../images/gnavi.gif);
  background-position: -592px -40px;
}

a.gnavi-contact {
  background-image: url(../images/gnavi.gif);
  background-position: -786px 0;
}

a:hover.gnavi-contact {
  background-position: -786px -40px;
}

a.gnavi-contact-on {
  background-image: url(../images/gnavi.gif);
  background-position: -786px -40px;
}

/*サブメニュー*/
ul#subMenu {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#subMenu li {
  padding: 5px 5px;
  border-bottom: 1px dotted black;
}
ul#subMenu li a:link,
ul#subMenu li a:visited,
ul#subMenu li a:active {
  color: black;
  font-weight: bold;
}
ul#subMenu li a:link:hover,
ul#subMenu li a:visited:hover,
ul#subMenu li a:active:hover {
  color: #ff0011;
  font-weight: bold;
}

/* ===========  7.リンク =========== */
a.link01 {
  padding-left: 12px;
  background: url(../images/hd_link01.png) left 5px no-repeat;
}

a:link.link01 {
  text-decoration: none;
}

a:visited.link01 {
  text-decoration: none;
}

a:active.link01 {
  text-decoration: none;
}

a:hover.link01 {
  text-decoration: none;
}

a.link02 {
  padding-left: 22px;
  background: url(../images/hd_link02.gif) left top no-repeat;
}

a:link.link02 {
  text-decoration: none;
}

a:visited.link02 {
  text-decoration: none;
}

a:active.link02 {
  text-decoration: none;
}

a:hover.link02 {
  text-decoration: none;
}

/* ===========  8.タイトル周り =========== */
/*ページタイトル*/
#pageTitle {
  width: 980px;
  margin: 0 auto;
}
#pageTitle h2 {
  background: #f5f5f5 url(../images/bg_pageTitle.jpg) right top no-repeat;
  font-size: 242.9%;
  padding: 25px 20px;
  font-weight: bold;
  color: #ff0011;
  margin-top: 5px;
  letter-spacing: 0.2em;
}

.title01 {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e5e5e5));
  background: linear-gradient(#fff, #e5e5e5);
  border: 1px solid #a0a0a0;
  border-radius: 4px;
  /* CSS3 */
  -moz-border-radius: 4px;
  /* Firefox */
  -webkit-border-radius: 4px;
  /* Safari,Chrome */
  -khtml-border-radius: 4px;
  padding: 9px 14px;
  font-size: 16px;
  font-weight: bold;
}

.title02 {
  background: url(../images/hd_title02.gif) left 5px no-repeat;
  padding-left: 22px;
  font-weight: bold;
  font-size: 157.1%;
  border-bottom: 3px solid #e5e5e5;
  padding-bottom: 3px;
}

.title03 {
  font-size: 171.4%;
  margin-top: 15px;
  line-height: 1.4;
}

.title04 {
  font-size: 171.4%;
  line-height: 1.4;
  color: #026fca;
  font-weight: bold;
}

ul.list-footerMenu {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
ul.list-footerMenu li {
  display: inline-block;
  margin: 0 10px;
}

/*googlemap*/
.boxTxt {
  float: left;
  width: 320px;
  margin-right: 20px;
}

.boxMap {
  float: left;
  width: 320px;
}

a.btnMap {
  display: block;
  width: 150px;
  height: 26px;
  background: url(../images/btn_map.gif) left top no-repeat;
  text-indent: -9999px;
}
a.btnMap:hover {
  background-position: left -26px;
}

.map-campany-dl {
  border: none !important;
}

.map-campany-boxMap {
  margin-bottom: 20px;
}

/* ===========  フロントページ =========== */
#mainImg {
  width: 980px;
  margin: 0 auto;
}

.bx-wrapper {
  /*reset*/
  position: relative;
  margin: 0 0 50px;
  padding: 0;
  *zoom: 1;
}
.bx-wrapper img {
  width: 100%;
  height: 100%;
  /*auto又は100%に指定・縦横比を維持する*/
  display: block;
}

#topTitle {
  border-bottom: 2px solid #dcdcdc;
  padding-bottom: 1px;
}

#topTitle01 {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
  background: linear-gradient(#fff, #eee);
  color: #ff0011;
  font-size: 142.9%;
  font-weight: bold;
  padding: 5px 10px;
  line-height: 1.4;
}

.boxTxt01 {
  width: 400px;
  float: left;
  margin-top: 0;
  background: url(../images/bg_boxTxt01.jpg) left bottom no-repeat;
  height: 347px;
}

.boxImg01 {
  width: 300px;
  float: right;
  margin-bottom: 10px;
}
.boxImg01 img {
  width: 300px;
  height: auto;
}

.boxIndex01 {
  width: 360px;
  float: left;
}

.boxIndex02 {
  width: 360px;
  float: right;
}

.boxIndex01 h2,
.boxIndex02 h2 {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
  background: linear-gradient(#fff, #eee);
  border: 1px solid #dcdcdc;
  border-top: 2px solid #ff0011;
  font-weight: bold;
  font-size: 114.3%;
  padding: 8px 10px 5px;
}

.boxHowto01 {
  width: 100px;
  float: left;
}

.boxHowto02 {
  width: 230px;
  float: right;
}

.boxArea01 {
  width: 120px;
  float: left;
}
.boxArea01 img {
  width: 100%;
  height: auto;
}

.boxArea02 {
  width: 210px;
  float: right;
}

/*新着情報*/
#titleTopics {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fb0016), to(#c50010));
  background: linear-gradient(#fb0016, #c50010);
  padding: 10px 15px;
  font-weight: bold;
  font-size: 114.3%;
  color: white;
}

.oshirase-list {
  text-align: right;
  margin-top: 10px;
  margin-right: 10px;
  padding-bottom: 0;
}

.boxTopics {
  border: 2px solid #e5e5e5;
  border-top: none;
  padding: 10px 13px 20px;
}

dl.list-topics {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #626262;
}
dl.list-topics dt {
  width: 150px;
  float: left;
  padding-left: 10px;
  font-weight: bold;
}
dl.list-topics dd.news {
  padding-left: 210px;
  margin-bottom: 10px;
  background: url(../images/icon_news.gif) 150px top no-repeat;
}
dl.list-topics dd.news-commodity {
  padding-left: 210px;
  margin-bottom: 10px;
  background: url(../images/icon_commodity.gif) 150px top no-repeat;
}
dl.list-topics dd.news-blog {
  padding-left: 210px;
  margin-bottom: 10px;
  background: url(../images/icon_news_blog.gif) 150px top no-repeat;
}

/* ===========  配達商品一覧  =============================================== */
.container-commodity .boxMain {
  margin-top: 0;
  overflow: hidden;
}

iframe#boxCommodity {
  overflow: auto;
  border: none;
  width: 100%;
  height: 100%;
}

/* ===========  宅配サービスとは  =========================================== */
.container-service .boxService {
  border-bottom: 1px dotted #5a5250;
  margin-top: 20px;
  padding-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
}
.container-service .blockTxtService {
  width: 480px;
  float: left;
  margin-right: 20px;
}
.container-service .blockImgService {
  width: 160px;
  float: left;
}

#boxApplicationService {
  background: url(../images/bg_application.gif) left top no-repeat;
  padding-left: 348px;
  padding-top: 92px;
  width: 332px;
  height: 63px;
}

/* ===========  会社案内  =================================================== */
.container-company dl.list-company {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 3px solid #e5e5e5;
}
.container-company 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-company dl.list-company dd {
  padding-left: 170px;
  padding-top: 2px;
}
.container-company dl.list-company02 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #d6d6d6;
}
.container-company dl.list-company02 dt {
  width: 156px;
  float: left;
  font-weight: bold;
  padding-left: 10px;
}
.container-company dl.list-company02 dd {
  padding-left: 170px;
}
.container-company .title02 {
  background: url(../images/hd_title02.gif) left 4px no-repeat;
  padding-left: 22px;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px dotted #000;
  padding-bottom: 3px;
}
.container-company .boxTxt {
  margin-right: 0;
  margin-left: 40px;
}
.container-company .company-jigyou dl dd {
  padding-left: 0;
}

/* ===========  よくあるご質問  ============================================= */
.container-faq .title03 {
  font-size: 157.1%;
  margin-top: 0;
  line-height: 1.4;
}
.container-faq .boxFaq01 {
  width: 500px;
  float: left;
}
.container-faq .boxFaq02 {
  width: 200px;
  float: right;
}
.container-faq .accordion {
  border-bottom: 1px dotted #5a5250;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.container-faq .accordion_head {
  cursor: pointer;
  background: url(../images/hd_Q.gif) left top no-repeat;
  color: #0150BC;
  font-weight: bold;
  padding-left: 30px;
  padding-top: 0;
  line-height: 1.8;
}
.container-faq .accordion_item {
  padding: 20px 20px 10px 50px;
  background: #eeeeee url(../images/hd_A.gif) 20px 20px no-repeat;
  border-radius: 10px;
  /* CSS3 */
  -moz-border-radius: 10px;
  /* Firefox */
  -webkit-border-radius: 10px;
  /* Safari,Chrome */
  -khtml-border-radius: 10px;
  margin-bottom: 20px;
  margin-top: 5px;
}

/* ===========  求人募集  =================================================== */
#titleRecruit {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
}

.container-recruit .boxLead01 {
  width: 100%;
}
.container-recruit .boxImgTop {
  width: 660px;
  /*margin: 20px auto;*/
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.container-recruit .boxImgTop .boxImg {
  display: inline-block;
  width: 155px;
  margin-right: 6px;
  text-align: center;
}
.container-recruit .boxRecruit {
  margin-top: 40px;
}

.container-recruit-detail .imgRight img {
  float: right;
  margin: 0 0 15px 20px !important;
  padding: 0 !important;
  border: 0 !important;
}
.container-recruit-detail .boxBack {
  float: right;
  margin-top: 15px;
}
.container-recruit-detail a.btnBack {
  background: url(../images/btn_back.gif) left top no-repeat;
  width: 166px;
  height: 26px;
  display: block;
  text-indent: -9999px;
}
.container-recruit-detail a.btnBack:hover {
  background-position: 0 -26px;
}

.container-recruit .titleRecruit02,
.container-recruit-detail .titleRecruit02 {
  border-bottom: 3px solid #e5e5e5;
  padding-bottom: 3px;
  font-weight: bold;
  font-size: 16px;
  background: url(../images/hd_list.gif) left top no-repeat;
  padding-left: 16px;
  padding-top: 0px;
  min-height: 17px;
  line-height: 1.4;
}
.container-recruit table,
.container-recruit-detail table {
  border: 1px solid #aaaaaa;
  border-collapse: collapse;
}
.container-recruit th,
.container-recruit-detail th {
  background: #e5e5e5;
  border: 1px solid #aaaaaa;
  border-bottom: none;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
  width: 120px;
  line-height: 1.8;
}
.container-recruit td,
.container-recruit-detail td {
  border: 1px solid #aaaaaa;
  border-bottom: none;
  padding: 10px;
  vertical-align: middle;
  line-height: 1.8;
}
.container-recruit th.job,
.container-recruit-detail th.job {
  width: 50px;
}
.container-recruit table.tbl-index,
.container-recruit-detail table.tbl-index {
  width: 700px;
}
.container-recruit table.tbl-detail,
.container-recruit-detail table.tbl-detail {
  margin-top: 20px;
  width: 680px;
}

/* ===========  お問い合わせ =================================================== */
.contact-wrap {
  width: 90%;
  text-align: center;
  margin: 0 auto;
}
.contact-wrap input[type="submit"] {
  color: transparent;
  width: 120px;
  height: 40px;
  border: none;
  background-repeat: no-repeat;
  background-image: url(../images/btn_submit.gif);
  margin: 10px auto;
}

.contact-parts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: top;
  -ms-flex-align: top;
  -webkit-align-items: top;
  -moz-align-items: top;
  align-items: top;
  border-bottom: 1px solid #ccc;
  margin-top: 10px;
}
.contact-parts .contact-head {
  width: 30%;
  background-repeat: no-repeat;
  background-image: url(../images/hd_list.gif);
  padding-left: 10px;
}
.contact-parts .contact-body {
  width: 70%;
}
.contact-parts .contact-body-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.contact-parts .contact-body-inline input[type="text"] {
  max-width: 100px;
  margin-right: 10px;
}

.contact-radio span.wpcf7-list-item {
  display: block;
}

.wpcf7-email {
  max-width: 200px;
}

/* ===========  ブログ一覧 =================================================== */
.container-blogs .blogList h2, .container-blogs .post h2, .container-blog .blogList h2, .container-blog .post h2 {
  font-size: 150%;
  padding: 5px 10px;
  background: transparent;
  border-left: solid 5px #c89696;
}
.container-blogs .blogList li, .container-blogs .post li, .container-blog .blogList li, .container-blog .post li {
  list-style-type: none;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 30px 0;
}
.container-blogs .blogList .more, .container-blogs .post .more, .container-blog .blogList .more, .container-blog .post .more {
  width: 100%;
  text-align: right;
  padding: 0;
}
.container-blogs .blogList time, .container-blogs .post time, .container-blog .blogList time, .container-blog .post time {
  float: right;
  border-bottom: 1px dotted #000;
  margin-bottom: 10px;
}
.container-blogs .blogList p, .container-blogs .post p, .container-blog .blogList p, .container-blog .post p {
  clear: both;
}

.wp-pagenavi {
  text-align: center;
  margin: 20px 0;
}
.wp-pagenavi a, .wp-pagenavi span {
  padding: 10px 20px;
}

/* ===========  ブログ =================================================== */
.container-blog .post {
  border: 1px dashed #ccc;
  padding: 10px;
}

/* ===========  プライバシーポリシー ========================================= */
.container-privacypolicy {
  min-height: 850px;
}
.container-privacypolicy .titlePP {
  border-bottom: 3px solid #e5e5e5;
  padding-bottom: 3px;
  font-weight: bold;
  font-size: 16px;
}
.container-privacypolicy .titlePP dt {
  width: 80px;
  float: left;
  font-weight: bold;
}
.container-privacypolicy .titlePP dd {
  padding-left: 85px;
}
.container-privacypolicy .titlePP a.btnMail {
  display: block;
  width: 160px;
  height: 13px;
  text-indent: -9999px;
  background: url(../images/btn_mail.gif) left top no-repeat;
}
.container-privacypolicy .titlePP a.btnMail:hover {
  background-position: 0 -13px;
}

/* ===========  お問合せ ========================================= */
.input-error {
  display: none;
}

.input-error-visible {
  display: block;
  color: #ff0000;
}

:placeholder-shown {
  color: #ccc;
}

::-webkit-input-placeholder {
  color: #ccc;
}

:-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #ccc;
}

/* ===========  お申し込み ========================================= */
.text-right {
  text-align: right;
}

.item-table {
  display: none;
}

.item-table-active {
  display: block;
}

.item-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
.item-tabs .item-tab {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #aaa;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  position: relative;
  top: 1px;
  cursor: pointer;
  background-color: #ddd;
  padding: 10px;
}
.item-tabs .item-tab-active {
  background-color: #e6e6fa;
  border-bottom: none;
}

.item-bg-1 {
  background-color: #20b2aa;
}

.item-bg-2 {
  background-color: #f0f8ff;
}

.item-bg-3 {
  background-color: #ffe4e1;
}

.order-items {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  width: 100%;
  border-spacing: 0;
  margin-bottom: 20px;
}
.order-items th {
  text-align: center;
  font-weight: normal;
  background-color: #e6e6fa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.order-items td {
  text-align: center;
  height: 111px;
  padding: 5px;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

.order-item .order-item-img img {
  max-height: 100px;
}
.order-item .order-item-name {
  text-align: left;
}

.order-items-total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 2px double #aaa;
  border-right: none;
  margin-bottom: 40px;
}
.order-items-total dt {
  text-align: center;
  font-weight: bold;
  width: 40%;
  background-color: #b0c4de;
  border-right: 1px solid #aaa;
  padding: 5px;
}
.order-items-total dd {
  text-align: right;
  font-weight: bold;
  width: 30%;
  border-right: 1px solid #aaa;
  padding: 5px;
}

.order-items-cfm td {
  height: auto;
}
.order-items-cfm .cfm-item-name {
  text-align: left;
}
.order-items-cfm .cfm-item-count {
  text-align: right;
}

.order-items-cfm-total td {
  text-align: right;
}

.input-postal {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  border: 2px solid #0150BC;
  vertical-align: bottom;
  background-color: #eee;
  padding: 5px;
  margin-left: 40px;
}