body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1.5;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

figure {
  margin: 0;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
}
a:hover {
  color: inherit;
  opacity: 0.8!important;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a:link, a:visited {
    color: #000;
}

body {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  font-weight: 500;
  color: #000;
  min-width: inherit;
  /*letter-spacing: 0.05em;*/
}
.itemflex {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.flex1clm {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.flex1clm_unit{
  width:calc(100%);
  list-style: none;
}
.flex1clm_unit:nth-child(n+2){
  margin-top:20px;
}

.flex2clm {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.flex2clm_unit{
  width:calc(100%/ 2);
  list-style: none;
}
.flex2clm_unit:nth-child(n+3){
  margin-top:40px;
}
.flex2clm.itemflex > .flex2clm_unit {
  width:calc((100% - 27px)/ 2);
}
.flex2clm.itemflex > .flex2clm_unit:nth-child(n+2) {
  margin-left: 27px;
}
.flex2clm.itemflex > .flex2clm_unit:nth-child(2n+1) {
  margin-left: 0;
}

.flex3clm {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.flex3clm_unit{
  width:calc(100%/ 3);
  list-style: none;
}
.flex3clm_unit:nth-child(n+4){
  margin-top:15px;
}
.flex3clm.itemflex > .flex3clm_unit {
  width:calc((100% - 50px)/ 3);
}
.flex3clm.itemflex > .flex3clm_unit:nth-child(n+2) {
  margin-left: 25px;
}
.flex3clm.itemflex > .flex3clm_unit:nth-child(3n+1) {
  margin-left: 0;
}

.flex4clm {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.flex4clm_unit{
  width:calc(100%/ 4);
  list-style: none;
}
.flex4clm_unit:nth-child(n+5){
  margin-top:10px;
}
.flex4clm.itemflex > .flex4clm_unit {
  width:calc((100% - 75px)/ 4);
}
.flex4clm.itemflex > .flex4clm_unit:nth-child(n+2) {
  margin-left: 25px;
}
.flex4clm.itemflex > .flex4clm_unit:nth-child(4n+1) {
  margin-left: 0;
}

.flex5clm {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.flex5clm_unit{
  width:calc(100%/ 5);
  list-style: none;
}
.flex5clm_unit:nth-child(n+6){
  margin-top:20px;
}
.flex5clm.itemflex > .flex5clm_unit {
  width:calc((100% - 104px)/ 5);
}
.flex5clm.itemflex > .flex5clm_unit:nth-child(n+2) {
  margin-left: 26px;
}
.flex5clm.itemflex > .flex5clm_unit:nth-child(5n+1) {
  margin-left: 0;
}

.flex6clm {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.flex6clm_unit{
  width:calc(100%/ 6);
  list-style: none;
}
.flex6clm_unit:nth-child(n+7){
  margin-top:20px;
}
.flex6clm.itemflex > .flex6clm_unit {
  width:calc((100% - 85px)/ 6);
}
.flex6clm.itemflex > .flex6clm_unit:nth-child(n+2) {
  margin-left: 17px;
}
.flex6clm.itemflex > .flex6clm_unit:nth-child(6n+1) {
  margin-left: 0;
}

.flex7clm {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.flex7clm_unit{
  width:calc(100%/ 7);
  list-style: none;
}
.flex7clm_unit:nth-child(n+8){
  margin-top:20px;
}
.flex7clm.itemflex > .flex7clm_unit {
  width:calc((100% - 120px)/ 7);
}
.flex7clm.itemflex > .flex7clm_unit:nth-child(n+2) {
  margin-left: 20px;
}
.flex7clm.itemflex > .flex7clm_unit:nth-child(7n+1) {
  margin-left: 0;
}

.underline {
  display: inline-block;
  border-bottom: solid 1px;
}
.inline-b {
  display: inline-block;
  vertical-align: middle;
}
.inline-b_img {
  padding-right: 10px;
}

.justify_s {
  justify-content: space-between!important;
}
.justify_fs {
  justify-content: flex-start!important;
}
.justify_end {
  justify-content: flex-end!important;
}
.justify_c {
  justify-content: center!important;
}
.align_c {
  align-items: center;
}

.pre_content {
  position: relative;
  display: inline-block;
}
.pre_content:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}
.pre_content:after {
  content: "現在準備中";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;left: 0;
  z-index: 2;
  font-size: 16px;
  text-align: center;
  color: #fff;
}

.redtxt {
  color: #ff0000;
}

.cInner {
  max-width: 1200px;
  margin: auto;
}

.arrow_r {
  position: relative;
  padding-right: 30px;
}
.arrow_r:after {
  content: "";
  top: 50%;
  right: 20px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  position: absolute;
  width: 5px;
  height: 5px;
  border-top: 2px solid #262627;
  border-right: 2px solid #262627;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  margin-left: 15px;
}
.arrow_r:hover:after {
  transition: 0.3s;
  right: 15px;
}

.arrow_l {
  position: relative;
  padding-left: 30px;
}
.arrow_l:after {
  content: "";
  top: 50%;
  left: 10px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  position: absolute;
  width: 5px;
  height: 5px;
  border-top: 2px solid #262627;
  border-right: 2px solid #262627;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.arrow_l:hover:after {
  transition: 0.3s;
  left: 15px;
}

.morebtn {
  display: block;
  margin: 60px auto 0;
  max-width: 400px;
  padding: 12px 0;
  text-align: center;
  background: #FFE768;
  border: 3px solid #000000;
  border-radius: 100px;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

.yellowtxt {
  color: #fff100;
}
.redtxt {
  color: #e60012;
}
.lightbluetxt {
  color: #0068b7;
}

.dnone {
  display: none;
}

.blankLink > a {
  position: relative;
}
.blankLink > a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  content: "";
  background: url(https://cooking88.itembox.design/item/ec/cc_ic09.png);
  background-size: contain;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: auto;
}

.content_title {
  background: #eee;
  padding: 10px;
  margin-bottom: 13px;
  font-size: 2.0rem;
  font-weight: bold;
}


/*---------------------------------
------ヘッダー
---------------------------------*/
.hdrInner {
  max-width: 100%;
  margin: 0 auto;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.text--center .hdrInfo {
  text-align: center;
}

@media (min-width: 1200px) {
  .hdrInner {
    max-width: 1200px;
  }
}

.hdrTop {
  background: #f2f2f2;
  text-align: center;
}

@media (max-width: 1199px) {
  .hdrTop .hdrInner {
    padding: 0 15px;
  }
}

.hdrTop .hdrInner .hdrInfo {
  text-align: left;
}

.hdrTop .hdrInfo {
  max-width: 39%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 39%;
  flex: 0 0 39%;
}
.hdrInfo {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #00a0e9;
  margin-bottom: 0;
  line-height: 30px;
}
.hdrInfo a {
  color: #00a0e9;
}
.hdrInfo span {
  font-size: 12px;
}
.hdrInfo .arrow_l:after {
  border-color: #00a0e9;
}
.hdrTop .exNav {
  max-width: 61%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 61%;
  flex: 0 0 61%;
}
.exNav {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}
.exNav ul {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.exNav ul li {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
}

.exNav ul li:last-child {
  margin-right: 0;
}

.exNav ul li a {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
}
.exNav ul li i {
  font-size: 20px;
}

.hdr_snsList {
  padding-left: 15px;
}
.hdr_snsList .hdrTopblackbtn a {
  background: #000000;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 8px 6px 15px;
}
.hdr_snsList .hdrTopblackbtn a:hover {
  text-decoration: none;
}
.hdr_snsList .hdrTopblackbtn a .yellowtxt {
  padding-left: 10px;
}

.hdrMiddle .hdrInner {
  padding: 5px 0 7px 0;
  justify-content: space-between;
}
#hdrLogo a:hover {
  text-decoration: none;
}
#hdrLogo span {
  display: block;
  text-align: center;
  font-size: 13px;
  color: #ff6c00;
  padding-top: 3px;
}

.hdrMiddle__right {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cc_contactbox {
  background: #fff;
  border: #898989 1px solid;
  margin-right: 25px;
}
.cc_contactbox .cc_contact_tit {
  background: #ff6c00;
  text-align: center;
  font-size: 12px;
  color: #fff;
  /*padding: 3px 0 5px;*/
  border-bottom: #898989 1px solid;
}
.cc_contactbox .cc_contact_infobox {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.cc_contactbox .cc_contact_infobox li {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 5px 20px 2px;
}
.cc_contactbox .cc_contact_infobox li strong {
  line-height: 1;
  font-size: 28px;
}
.cc_contactbox .cc_contact_infobox li strong span {
  display: block;
  text-align: center;
  font-size: 11px;
  padding-top: 3px;
}
.cc_contactbox .cc_contact_infobox .cc_contact_mail {
  border-left: #898989 1px solid;
}
.cc_contactbox .cc_contact_infobox .cc_contact_mail a {
  text-align: center;
  font-size: 11px;
}

.iconNav p {
  display: inline-block;
}
.iconNav ul {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  min-width: 310px;
}
.iconNav ul li {
  position: relative;
  width: 25%;
}
.iconNav ul li .cartAmount {
  position: absolute;
  top: 1px;
  right: 7px;
  z-index: 1;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin: auto;
  text-align: center;
  background: #fff;
  color: #ff0000;
  font-size: 12px;
  font-weight: bold;
  border-radius: 50px;
}
.iconNav ul li a {
  background: #002e73;
  display: block;
  text-align: center;
  font-size: 11px;
  color: #fff;
  padding: 5px 0 3px;
}
.iconNav ul li.cartunit a {
  background: #ff6c00;
}
.iconNav ul li a:hover {
  text-decoration: none;
}
.iconNav ul li a span.imgWrap {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 25px;
}

.gNav {
  width: 100%;
}

.tabContent {
  display: none;
}

.tabContent.active {
  display: block;
}

.tabSwitch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

@media (max-width: 992px) {
  .tabSwitch.scrollX {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: scroll;
    overflow-x: scroll;
    overflow-y: visible;
  }
  .tabSwitch.scrollX li {
    white-space: nowrap;
    -webkit-box-flex: auto;
    -ms-flex-positive: auto;
    flex-grow: auto;
  }
}

.tabSwitch > li {
  list-style: none;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  cursor: pointer;
}

.tabSwitch:hover, .tabSwitch > li:hover {
  -webkit-transition: 0.15s;
  transition: 0.15s;
}

.tab--typeB .tabSwitch li {
  pointer-events: all;
  background: #fff;
  border: 2px solid #002e73;
  border-bottom: none;
  color: #002e73;
  padding: 8px 100px 10px 45px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.tab--typeB .tabSwitch li.wp {
  margin-right: 2px;
}
.tab--typeB .tabSwitch li:hover {
  color: #000;
}
.tab--typeB .tabSwitch li.active {
  background: #002e73;
}
.tab--typeB .tabSwitch li.wp:hover, .tab--typeB .tabSwitch li.wp.active {
  color: #ff8a00;
}
.tab--typeB .tabSwitch li.ec:hover, .tab--typeB .tabSwitch li.ec.active {
  color: #fff100;
}

@media (max-width: 992px) {
  .tab--typeB .tabSwitch li {
    padding: 15px;
    font-size: 12px;
  }
}

.tabContent ul {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tab--typeB .tabSwitch li.wp img.on, .tab--typeB .tabSwitch li.ec img.on {
  display: none;
}
.tab--typeB .tabSwitch li.wp:hover img.on, .tab--typeB .tabSwitch li.wp.active img.on, .tab--typeB .tabSwitch li.ec:hover img.on, .tab--typeB .tabSwitch li.ec.active img.on {
  display: block;
}
.tab--typeB .tabSwitch li.wp:hover img.off, .tab--typeB .tabSwitch li.wp.active img.off, .tab--typeB .tabSwitch li.ec:hover img.off, .tab--typeB .tabSwitch li.ec.active img.off {
  display: none;
}
.gNav .tabSwitch li .inline-b_img {
  padding-right: 35px;
  font-size: 0;
}

.gNav .tabContent {
  background: #002e73;
}
.gNav .tabContent .hdrInner > ul {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
}
.gNav .tabContent .hdrInner > ul > li {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100%/ 7);
  min-height: 50px;
}
.gNav .tabContent .hdrInner > ul > li:nth-of-type(n+2) {
  border-left: solid 1px #fff;
}
.gNav .tabContent.wp .hdrInner > ul > li > a:hover, .gNav .tabContent.ec .hdrInner > ul > li > a:hover {
  text-decoration: none;
}
.gNav .tabContent .hdrInner > ul > li > a {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 6px 0;
  text-align: center;
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: 600;
}
.gNav .tabContent .hdrInner > ul > li > a small {
  font-size: 1.2rem;
}
.gNav .tabContent.wp .hdrInner > ul > li > a {
  color: #ff8a00;
}
.gNav .tabContent.ec .hdrInner > ul > li > a {
  color: #fff100;
}
.gNav .hasChildren > a {
  position: relative;
}
.gNav .hasChildren > a:after {
  position: absolute;
  content: "";
  bottom: 3px;
  right: 0;
  left: 0;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  position: absolute;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  margin: auto;
}
.gNav .hasChildren > a.open:after {
  bottom: 0;
}
.gNav .hdrInner {
  position: relative;
}

.gNav li.hasChildren > ul,
.gNav li.hasChildren > .megaMenu {
  position: absolute;
  left: 0;
  z-index: 9999;
  top: 100%;
  opacity: 0;
  pointer-events: none;
  background: #F5F5F5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  min-width: 1200px;
  max-width: 1200px;
}

.gNav li.hasChildren > ul.open,
.gNav li.hasChildren > .megaMenu.open {
  pointer-events: all;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.gNav .megaMenu__inner {
  max-width: 1200px;
  margin: auto;
  max-height: calc(100vh - 61px);
  overflow-y: auto;
}

/*.gNav .megaMenu {
  padding: 50px 40px;
}*/

/*.gNav .megaMenu li {
  max-width: 25%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}*/

.gNav .megaMenu li a {
  width: 100%;
  color: #000;
  font-weight: bold;
  text-align: left;
}

.gNav .megaMenu li a:hover {
  color: #000;
}

.gNav .megaMenu .row [class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}

.megaMenu__button {
  background: #FFFFFF;
  border: 1px solid #DFDFDF;
  border-radius: 100px;
  padding: 14px 30px 14px 20px;
}

.megaMenu__button:hover {
  opacity: 0.8;
}


.gNav .megaMenu dl {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 18px 45px;
  width: 100%;
  background: #fff;
}
.gNav .megaMenu dl:nth-of-type(even) {
  background: #f4f4f4;
}
.gNav .megaMenu dl dt {
  padding-right: 10px;
}
.gNav .megaMenu dl dt a {
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: solid 1px #002e72;
  color: #002e72;
  font-size: initial;
  font-weight: 600;
  white-space: nowrap;
}
.gNav .megaMenu dl dt a:hover {
  text-decoration: none;
}
.gNav .megaMenu dl dt:before {
  content: "[";
  padding-right: 2px;
}
.gNav .megaMenu dl dt:after {
  content: "]";
  padding-left: 2px;
}
.gNav .megaMenu dl dd {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gNav .megaMenu dl dd ul li {
  padding: 0 12px;
}
.gNav .megaMenu dl dd a {
  color: inherit;
  font-size: initial;
  font-weight: inherit;
  white-space: nowrap;
  font-size: 13px;
}

.gNav .megaMenu .megaMenu_picList {
  max-width: 780px;
  padding: 30px 0 45px;
  margin: auto;
}
.gNav .megaMenu .megaMenu_picList .megaMenu_unittxt {
  padding: 5px 2px;
  color: #002e73;
  font-size: 1.4rem;
}

.hdrbtinfo {
  background: #eee;
  padding: 3px 0;
}
.hdrbtinfo .hdrInner {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.hdrbtinfo .info_news {
  width: 50%;
}
.hdrbtinfo .searchbox {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  width: 50%;
}
.hdrbtinfo .searchbox dl, .hdrbtinfo .searchbox dl ul {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
.hdrbtinfo .searchbox dl dt {
  padding-right: 3px;
}
.hdrbtinfo .searchbox dl dd ul li:nth-of-type(n+2) {
  margin-left: 15px;
}
.hdrbtinfo .searchbox dl dd ul li a {
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: solid 1px #979797;
}
.hdrbtinfo .searchbox dl dd ul li a:hover {
  text-decoration: none;
}
.hdrbtinfo .searchbox form {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 12px;
}
.hdrbtinfo .searchbox form input {
  border: solid 1px #898989;
  border-right: none;
  border-radius: 3px 0 0 3px;
  padding: 6px 10px;
  font-size: 1.3rem;
}
.hdrbtinfo .searchbox form button {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1b1b1b;
  border: none;
  border-radius: 0 3px 3px 0;
  width: 38px;
}

.ec_mv_content {
  margin: 30px auto 40px;
}
.ec_mv_content .ec_pankuzu {
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: solid 1px #979797;
  font-size: 1.2rem;
  margin-bottom: 20px;
}
.ec_mv_content .ec_mv {
  margin: 10px auto;
}
.ec_mv_content .ec_mv_txt {
  max-width: 1000px;
  margin: 0 auto 20px;
  font-size: 1.6rem;
}
.ec_mv_content .cc_contactbox {
  max-width: 329px;
  margin: auto;
}
.ec_mv_content .cc_contactbox .cc_contact_infobox li {
  padding: 5px 19px 2px;
}

.ec_recommend {
  margin-bottom: 75px;
}
.itemflex a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.itemflex .itemflex_name {
  line-height: 1.2;
  font-size: 1.4rem;
  margin-top: 3px;
}
.itemflex .itemflex_price {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ff0000;
  margin-top: 3px;
}
.itemflex .itemflex_price span {
  font-size: 1.4rem;
  vertical-align: 1px;
}
.itemflex .itemflex_btn {
  border-radius: 50px;
  background: #009e96;
  color: #fff;
  width: 85%;
  padding: 2px 10px 3px;
  margin: 5px auto 0;
  cursor: pointer;
}
.itemflex .itemflex_btn .inline-b_img {
  padding-right: 5px;
}
.itemflex .itemflex_btn.arrow_r:after {
  border-color: #fff;
  right: 12px;
}
.itemflex a:hover .arrow_r:after {
  transition: 0.3s;
  right: 8px;
}

.ec_cateitemsec .ec_cateitem_tit {
  text-align: center;
  font-size: 3.6rem;
  font-weight: bold;
  margin-bottom: 45px;
}
.ec_cateitemsec .ec_cateitem_tit .tittxt {
  display: inline-block;
  padding-bottom: 10px;
  margin: auto 15px;
  border-bottom: solid 1px #000;
}

.ec_cateitemsec .tab--typeB .tabSwitch {
  margin-bottom: 18px;
}
.ec_cateitemsec .tab--typeB .tabSwitch li {
  position: relative;
  border: 5px solid #002e73;
  border-radius: 40px 40px 0 0;
  width: 50%;
  padding: 10px 0;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
}
.ec_cateitemsec .tab--typeB .tabSwitch li.active {
  color: #fff;
}
.ec_cateitemsec .tab--typeB .tabSwitch li.active:after {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;right: 0;
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-right: 12px solid transparent;
  border-top: 13px solid #002e73;
  border-left: 12px solid transparent;
}
.ec_cateitemsec .tabContent {
  padding: 0 15px;
}
.ec_cateitemindexbox {
  margin-bottom: 35px;
}
.ec_cateitemsec .cateitem_tit {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  border: solid 2px #000;
  margin-bottom: 20px;
}
.ec_cateitemsec .cateitem_tit dt {
  font-size: 0;
  border-right: solid 2px #000;
}
.ec_cateitemsec .cateitem_tit dd {
  font-size: 2.0rem;
  padding: 18px 20px;
}
.cateitem_box .cateitem_unit {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.cateitem_box .cateitem_unit dt {
  width: 33%;
}
.cateitem_box .cateitem_unit dd {
  width: 62%;
}
.cateitem_box .cateitem_unit dd h4 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #002e73;
  margin-bottom: 3px;
}
.cateitem_box .cateitem_unit .cateitem_contactbtn {
  margin-bottom: 8px;
}
.cateitem_box .cateitem_unit .cateitem_contactbtn a span {
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: solid 1px #0068b7;
  font-weight: bold;
  color: #0068b7;
}
.cateitem_box .cateitem_unit .cateitem_contactbtn a:after {
  border-color: #0068b7;
}

.cateitem_box .itemflex .itemflex_btn {
  display: block;
  width: 100%;
  background: #002e73;
}
.cateitem_box .itemflex .itemflex_btn:hover:after {
    transition: 0.3s;
    right: 8px;
}

.cateitem_box:nth-of-type(n+2) {
  margin-top: 50px;
}
.cateitem_box .flex4clm_unit:nth-child(n+5){
  margin-top:50px;
}
.cateitem_box .cateitem_tit > a {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 40px;
  font-size: 2.0rem;
  color: #000;
}
.cateitem_box .cateitem_tit > a:hover {
  text-decoration: none;
}
.cateitem_box .cateitem_tit > a:after {
  content: "";
  top: 50%;
  right: 30px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 3px solid #262627;
  border-right: 3px solid #262627;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  margin-left: 15px;
}
.cateitem_box .cateitem_tit > a:hover:after {
  transition: 0.3s;
  right: 25px;
}

.industitem .industitem_unit dd {
  padding: 8px 0 0 10px;
}
.industitem h4 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #002e73;
}
.industitem .industitem_unit .cateitem_contactbtn a span {
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: solid 1px #0068b7;
  font-weight: bold;
  color: #0068b7;
}
.industitem .industitem_unit .cateitem_contactbtn a:after {
  border-color: #0068b7;
}

.industitem .itemflex .itemflex_btn {
  display: block;
  width: 100%;
  background: #002e73;
}
.industitem .itemflex .itemflex_btn:hover:after {
    transition: 0.3s;
    right: 8px;
}
.industitem .flex3clm_unit:nth-child(n+4){
  margin-top:50px;
}
.industitem .flex3clm.itemflex > .flex3clm_unit {
  width:calc((100% - 130px)/ 3);
}
.industitem .flex3clm.itemflex > .flex3clm_unit:nth-child(n+2) {
  margin-left: 65px;
}
.industitem .flex3clm.itemflex > .flex3clm_unit:nth-child(3n+1) {
  margin-left: 0px;
}

.aboutus_content {
  margin-top: 160px;
}
.aboutus_inner {
  max-width: 1000px;
  margin: auto;
}
.aboutus_btn {
  text-align: center;
}
.aboutcontact_box {
  background: url(https://cooking88.itembox.design/item/ec/cc_img08.png) right bottom #fffbc7 no-repeat;
  border: solid #002e73 5px;
  border-radius: 20px;
  text-align: center;
  margin-top: 45px;
}
.aboutcontact_box .aboutcontact_inner {
  width: 70%;
  padding: 25px 0 20px 95px;
}
.aboutcontact_box h2 {
  font-size: 3.6rem;
  font-weight: bold;
  color: #002e73;
  display: inline-block;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: solid #002e73 1px;
}
.aboutcontact_box .itemflex {
  margin-top: 20px;
}
.aboutcontact_box .aboutcontact_tel {
  font-size: 4.8rem;
  font-weight: bold;
}
.aboutcontact_box .aboutcontact_tel strong {
  line-height: 1.2;
}
.aboutcontact_box .aboutcontact_tel span {
  display: block;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
}
.aboutcontact_box .aboutcontact_mail {
  margin-left: 20px;
}
.aboutcontact_box .aboutcontact_mail a {
  display: block;
  padding: 15px;
  border: solid 3px #000;
  background: #fff;
  text-align: left;
  line-height: 1.2;
}

.campaign_box {
  margin-top: 55px;
}
.campaign_inner {
  max-width: 1000px;
  margin: auto;
}
.campaign_txt {
  margin-top: 10px;
  padding: 0 15px;
}


/*フッター*/
.footer {
  background: #eeeeee;
  width:100%;
  margin-top:3em;
  padding:50px 0px 25px;
}
/*特定商フッター*/
.footer__sk{
  margin-top:55px;
}
.footer__sk,.footer__sk a{
  color:white;
}
.footer__skTitle {
    /*font-family: "游明朝体", "Yu Mincho", YuMincho, "Roboto Slab", Garamond, "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
    font-size: 15px;
    margin-bottom: 25px;
    font-weight:bold;
}
.footer__sk--list3 .footer__skBox {
    width: 30%;
    float: left;
}
.footer__sk--list3 .footer__skBox:nth-child(n+2) {
    margin-left: 3.3%;
}
.footer__sk--list4 .footer__skBox {
    width: 22%;
    float: left;
}
.footer__sk--list4 .footer__skBox:nth-child(n+2) {
    margin-left: 4%;
}
.footer__skName {
    font-weight: bold;
    margin-bottom: 5px;
}
.footer__skName:nth-child(n+2) {
    margin-top: 25px;
}
.footer__skBox .payment_img {
    display: inline-block;
    margin-bottom: 3px;
}
.footer__skBox .payment_img:nth-child(n+2) {
    margin-left: 5px;
}

.ft_companytxt {
  margin-bottom: 20px;
}
.ft_companytxt li {
  margin-top: 20px;
}


.foonterSns{
  box-sizing: border-box;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 30px;
}
.foonterSns__unit{
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}
.foonterSns__unit > a{
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  color: #fff;
}
.foonterSns__unit > a:hover{
  text-decoration: none;
  color: #b31e28;
}
.foonterSns__unit i{
  font-size: 30px;
}

.fNav{
  letter-spacing: -.4em;
  text-align:center;
  width:100%;
}
.fNav__unit{
  letter-spacing: normal;
  display: inline-block;
}
.fNav__unit:nth-child(n+2){
  margin-left:48px;
}
a.fNav__link{
  color:white;
}

/*コピーライト*/
#footer__copy {
  clear: both;
  margin-top:45px;
  text-align:center;
  font-size: 11px;
}

.footernavbox .footernavL {
  width: 69%;
  max-width: 820px;
}
.footernavbox .footernavL h2 {
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: solid 1px #000;
  color: #006aad;
  font-size: 18px;
  font-weight: bold;
}
.footernavbox .footernavL dl {
  width: 30%;
}
.footernavbox .footernavL dl dt, .footernavbox .footernavL dl dd {
  text-align: left;
}
.footernavbox .footernavL dl dt {
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: solid 1px #000;
  display: block;
  color: #002e73;
  font-size: 1.8rem;
  font-weight: bold;
}
.footernavbox .footernavL dl dt a:after {
    content: "";
    top: 50%;
    right: 5%;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    position: absolute;
    width: 5px;
    height: 5px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.footernavbox .footernavL dl dt a:hover:after {
  right: 3%;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.footernavbox .footernavL dl dd {
  margin-bottom: 40px;
}
.footernavbox .footernavL dl dd a {
  position: relative;
  display: block;
  padding: 10px;
  font-size: 1.3rem;
  font-weight: 500;
}
.footernavbox .footernavL dl dd a:after {
    content: "";
    top: 50%;
    right: 5%;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    position: absolute;
    width: 5px;
    height: 5px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.footernavbox .footernavL dl dd a:hover:after {
  right: 3%;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.footernavbox .footernavL dl dd li ul {
  padding-left: 15px;
}
.footernavbox .footernavL dl dd li ul a:before {
  content: "・";
}
.footernavbox .footernavL dl a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.footernavbox .footernavR {
  text-align: left;
  width: 28%;
  max-width: 330px;
}

.footernavbox .footernavR .cc_contactbox {
  margin: 0 auto 25px;
}
.footernavbox .footernavR .cc_contactbox .cc_contact_infobox li strong {
  font-size: 2.0rem;
  letter-spacing: 0.05em;
}
.footernavbox .footernavR .cc_contact_tel {
  width: 76%;
  justify-content: center;
}
.footernavbox .footernavR .cc_contact_mail {
  width: 24%;
  justify-content: center;
}

.content_title.noimgtitle {
  padding: 5px 40px;
}
.wp_pankuzu {
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: solid 1px #979797;
  font-size: 1.2rem;
  margin-bottom: 20px;
}


/* テンプレートページ */
.wp_subtittxt {
  font-size: 1.6rem;
  margin-bottom: 50px;
}
.itemflex_imgbtn {
  text-align: center;
  margin: 10px auto 0;
}
.templateList_box:nth-of-type(n+2) {
  margin-top: 50px;
}


.megaMenu_txtList {
  padding: 30px;
}
.megaMenu_txtList .megaMenu_txtList_unit {
  display: inline-block;
}
.megaMenu_txtList .megaMenu_txtList_unit:nth-of-type(n+2) {
  margin-left: 30px;
}