@charset "UTF-8";
/*
Theme Name: custom
*/
html, 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, 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;
}

*:before, *:after {
  box-sizing: border-box; }

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

mark {
  background-color: #ff0;
  color: #000; }

audio:not([controls]) {
  display: none;
  height: 0; }

svg:not(:root) {
  overflow: hidden; }

button, input, optgroup, select, textarea {
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
          appearance: button;
  font: inherit; }

summary {
  display: list-item; }

canvas, time {
  display: inline-block; }

[hidden] {
  display: none; }

/*html {
  font-size: calc(0.75em + 0.5vw);
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  letter-spacing: 0.1rem; }*/

body {
  max-width: 1400px;
  margin: 0 auto;
  color: #4b4a4a;
  font-size: 1vw;
  letter-spacing: .1px;
  font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
  border-top: 15px solid #c6181f;
}

#wrapper {
  overflow: hidden; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #5c5c5c;
}
ol, ul {
  list-style: none;
}

.left {
  float: left;
}
.right {
  float: right;
}
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*�*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*文字左寄せ要素中央*/
.unit-center {
  display: block;
  text-align: center;
}
.unit-center > * {
  display: inline-block;
  text-align: left;
}
.unit-right {
  display: block;
  text-align: right;
}
.unit-right > * {
  display: inline-block;
  text-align: left;
}

/* ヘッダー */
#top {
  max-width: 1200px;
  margin: 10px auto;
}
#top .left {
  width: 30%;
  vertical-align: text-top;
}
#top .left .logo {
  display: inline;
}
#top .left img {
  width: 23%;
  vertical-align: middle;
}
#top .left .catch {
  display: inline-block;
  color: #c6181f;
  padding: 2%;
  border-top: 1px solid #c6181f;
  border-bottom: 1px solid #c6181f;
  font-size: 1.1em;
}
#top .left .sp {
  display: none;
}
#top .right {
  width: 70%;
  text-align: right;
}
#top .right ul {
  text-align: right;
}
#top .right #subNav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#top .right #subNav > li:not(:nth-child(4)) {
  display: inline-block;
  text-align: center;
  border-left: 1px solid #5c5c5c;
  padding: 1% 1.5%;
  font-size: .9em;
}
#top .right #subNav > li:nth-child(3) {
  border-right: 1px solid #5c5c5c;
}
#top .right #subNav > li:nth-child(4) {
  display: inline-block;
  width: 40%;
  padding-left: 1.5%;
}
#top .right #subNav .ecsite-list {
  margin-top: 0;
}
/* #top .right ul li:nth-child(1) {
  width: 13%;
}
#top .right ul li:nth-child(2) {
  width: 15%;
}
#top .right ul li:nth-child(3) {
  width: 21%;
}
#top .right ul li:nth-child(4) {
  width: 28%;
  padding: 0 0 0 1.5%;
  vertical-align: bottom;
} */
#top .right p {
  margin: 15px 0 10px 0;
}
#top .headBtn02 {
  padding: 8px 17px;
  color: white;
  background: #4B4A4A;
  margin-left: 5px;
  border-radius: 5px;
}
#header,
#gNav {
  margin: 0 1%;
}

/* TOPスライダー */
#mainVisual {
  width: 100%;
  margin: 10px auto;
}

/* TOPコンテンツ */
#main .sp {
  display: none;
}

#main #topNews {
  margin: 0 auto;
  padding-left: 5%;
}

#main #topNews,#main #topItem,#main #topCategory,#main #topSns,#main #topRecipeItem,#main #topInfo {
  max-width: 1160px;
  margin: 0 auto;
}
#main #topItem,#main #topCategory,#main #topSns,#main #topRecipeItem,#main #topInfo {
  padding: 0 2%;
}

#topNews li {
  font-size: 1.4em;
  color: #5c5c5c;
  line-height: 1.2em;
  padding: 1% 0; }
  #topNews li span {
    font-size: 1.2em;
    font-weight: 500;
    color: #c6181f;
    border-left: 5px solid #c6181f;
    margin-right: 1.2%;
    padding-left: 0.6%;
  }

#topNews time {
  padding-right: 1.6%;
}

#topItem h2 {
  color: #4b4a4a;
}

#topItem .bnrLarge li {
  margin: 0 0 1%;
}

#main #topItem .bnrSmall.cols {
  flex-wrap: wrap;
  justify-content: space-between; }
  #main #topItem .bnrSmall.cols li {
    flex-basis: 50%;
    flex-grow: 0;
    margin: 0; }
    #main #topItem .bnrSmall.cols li img {
      width: 96%;
      padding: 2%;
    }


#topCategory h2 {
  color: #4b4a4a;
}

#topCategory img.round {
  border-radius: 50%;
}

#topCategory .product.cols {
  flex-wrap: wrap;
}

#topCategory .product.cols .col {
  flex-basis: 25%;
  flex-grow: 0;
  padding: 0 1%;
  box-sizing: border-box;
}

#topCategory .other.cols {
  margin-top: 4%;
}

#topCategory .other dl {
  border: 1px solid #ccc;
  border-radius: 2%;
  margin: 0.6%;
}

#topCategory .other dt {
  padding: 2%;
}

#topCategory .other dd {
  width: 90%;
  font-size: 1.1em;
  margin: 0 auto;
  padding: 3% 0;
  border-top: 1px solid #ccc;
  color: #5c5c5c;
  line-height: 1.2rem;
}

#topRecipe {
  background: #eee5d4;
}

#topRecipe .recipe.cols {
  width: 86%;
  margin: 0 auto;
}

#topRecipe h2.title {
  color: #4b4a4a;
  background: #fff;
  padding: 0 8% 1%;
}

#topRecipe .title img {
  max-width: 147px;
}

#topRecipe .recipeLeft.col {
  flex-basis: 25%;
  flex-grow: 0;
}

#topRecipe .recipeLeft li {
  padding-bottom: 3%;
}

#topRecipe .recipeLeft img {
  max-width: 285px;
}

#topRecipe .recipeRight.col {
  flex-basis: 75%;
  flex-grow: 0;
  margin-left: 1%;
}

#topRecipe .recipeMain.cols {
  flex-wrap: wrap;
  justify-content: space-between;
}

#topRecipe .recipeMain.cols h3 {
  font-size: 1.2em;
  font-weight: normal;
  height: 2em;
  padding-left: 12%;
  margin: 1em 0; }
  #topRecipe .recipeMain.cols h3::before {
    content: "\e905";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 1.9em;
    height: auto;
    position: absolute;
    top: 7%;
    left: 7%;
  }

#topRecipe .recipeBox.col {
  flex-basis: 31%;
  max-width: 31%;
  flex-grow: 0;
  background: #fff;
  border: 1px solid #ccc;
  margin: 1%;
  padding: 0 3%;
  box-sizing: border-box;
  position: relative;
}

#topRecipe .txt {
  font-size: 1.2em;
  color: #412b13;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4% 0;
}
#topRecipe .thumb {
  position: relative;
  overflow: hidden;
  height: 12em;
}
#topRecipe .thumb img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#topNews2{
  display: inline-block;
  width: 48%;
}

#topNews2 {
  vertical-align: top;
  width: 48%;
}

#topNews2 .news.box {
  padding-bottom: 3%;
  border: 1px solid #ccc;
  border-radius: 2%;
  margin-left: 15%;
}

#topNews2 h2.title {
  width: 96%;
  font-weight: lighter;
  color: #412b13;
  margin: 0 auto;
  padding: 3% 0;
  border-bottom: 2px solid #ccc;
  text-align: center; }
  #topNews2 h2.title::before {
    content: "\e90a";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 1em;
    height: auto;
    padding: 2%;
  }

#topNews2 li {
  font-size: 1.1em;
  width: 90%;
  margin: 0 auto;
  padding: 1.2em 0;
  border-bottom: 1px solid #ccc; }
  #topNews2 li time {
    font-weight: bold;
    padding-bottom: 2%;
  }

#main #topSns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: end;
  -ms-flex-align: end;
      align-items: flex-end; }
  #main #topSns > div {
    width: calc(100% / 2 - 20px); }
  #main .sns_box {
    padding: 3.5em 5em 3em;
    border: 2px solid #cd0606;
    border-radius: 1em;
    box-sizing: border-box;
    position: relative; }
    #main .sns_ttl {
      position: absolute;
      top: -12%;
      left: 50%;
      transform: translateX(-50%);
      background-color: #fff;
      padding: 0 1em;
      margin: 0;
      width: 60%;
      display: block; }
    #main .sns-icon_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 100%;
      margin: 0 auto;
      padding: 0; }
      #main .sns-icon_list li {
        width: calc((100% / 4) - 20px); }

#main #topRecipeItem .buy_box > a,
#main #topRecipeItem .buy_box .leftImg,
#main #topRecipeItem .buy_box .rightTxt .text03,
#main #topRecipeItem .buy_box .rightTxt .cart-btn {
  display: none; }
#main #topRecipeItem time,
#main #topRecipeItem h3,
#main #topRecipeItem .topRecipeItem_link,
#main #topRecipeItem .buy_box .rightTxt .text02 {
  font-size: 1.5em; }
#main #topRecipeItem {
  margin-bottom: 3rem; }
#topRecipeItem .title {
  border-bottom: 3px solid #c6181f;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  #topRecipeItem .title a {
    margin-right: 1em; }
#topRecipeItem .recipeItem {
  border-bottom: 1px dashed #cdcdcd;
  padding: 0 4.3% 2rem;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center; }
  #topRecipeItem .recipeImg {
    width: 30%; }
  #topRecipeItem .recipeTxt {
    box-sizing: border-box;
    width: 70%;
    padding-left: 4.3%;
    position: relative; }
    #topRecipeItem .recipeTxt .arrow {
      background-color: #c6181f;
      border-radius: 50%;
      display: inline-block;
      width: 34px;
      height: 34px;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%); }
      #topRecipeItem .recipeTxt .arrow::after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        position: absolute;
        top: 50%;
        left: 20%;
        transform: translateY(-50%) rotate(45deg); }
    #topRecipeItem .recipeTxt time {
      color: #f3abc0; }
    #topRecipeItem .recipeTxt .icon {
      display: inline-block;
      font-size: 1.4em;
      padding: .25em .5em;
      margin-left: .5em; }
    #topRecipeItem .recipeTxt .icon:not(.i-up) {
      background-color: #dd5b9c;
      color: #fff; }
    #topRecipeItem .recipeTxt .icon.i-up {
      color: #f3abc0; }
    #topRecipeItem .topRecipeItem_link {
      margin-top: 1.5rem;
      line-height: 1.3; }
#main #topRecipeItem .buy_box {
  width: 100%;
  margin: 0; }
  #main #topRecipeItem .buy_box .rightTxt {
    margin: 0;
    flex-basis: auto; }
  #main #topRecipeItem .buy_box .rightTxt .text02 {
    margin-top: 1%; }

#main #topInfo * {
  box-sizing: border-box; }
#main #topInfo {
  margin-top: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack: justify;
      justify-content: space-between; }
#main #topInfo > div {
  width: calc((100% / 2) - 30px); }
  #topInfo .infoNews {
    font-size: 1.5em;
    padding-left: 4.3%; }
    #topInfo .infoNews .news_ttl {
      border-bottom: 3px solid #c6181f;
      display: inline-block;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      padding-bottom: .25em;
      margin: 0 0 .5em; }
    #topInfo .infoNews li {
      border-bottom: 2px solid #cccccc;
      padding: 0 2% .7em;
      margin: 1em 0; }
    #topInfo .infoNews time {
      color: #c6181f; }
    #topInfo .infoNews p {
      margin-bottom: 0; }
    #topInfo .infoNews .title {
      font-weight: bold;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      display: -moz-box;
      max-height: 2.5em;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      line-height: 1.5; }
    #topInfo .infoNews .content {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      display: -moz-box;
      max-height: 3.5em;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-height: 1.5;
      margin-top: .25em; }
  #topInfo .infoSns {
    padding-right: 4.3%;
    margin-top: 1em; }
    #topInfo .infoSns .sns_box {
      padding: 2rem 0 1rem;
      margin-bottom: 1.9rem; }
      #topInfo .infoSns .sns-icon_list {
        width: 70%; }

@media all and (-ms-high-contrast: none) {
  #topInfo .infoNews .title { height: 1.5em; }
  #topInfo .infoNews .content { height: 2.5em; }
}

#main #topContactMovie {
  display: inline-block;
  width: 44%;
  margin-left: 1%;
}

#topContactMovie .contact.box {
  border: 1px solid #ccc;
  border-radius: 6px;
  text-align: center;
  padding-bottom: 4%;
}

#topContactMovie .icon.icon-contact_mail,#topContactMovie .tel .icon.icon-tel {
  font-size: 2em;
}

#topContactMovie .webContact {
  font-size: 1.4em;
}

#topContactMovie .telContact1 {
  font-size: 0.8em;
  font-weight: lighter;
}

#topContactMovie .telContact2 {
  font-size: 1.3em;
  color: #412b13;
}

#topContactMovie .telContact3 {
  font-size: 0.7em;
  font-weight: lighter;
}

#topContactMovie .telContact4 {
  font-size: 1.2em;
  color: #412b13;
}

#topContactMovie .movie.box {
  display: table;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: center;
  margin-top: 1%;
}

#topContactMovie .contact.box h2 {
  font-size: 1.5rem;
  font-weight: lighter;
  color: #412b13;
  margin: 20px 0 0;
  text-align: center; }
  #topContactMovie .contact.box h2::before {
    content: "\e907";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 1em;
    height: auto;
    padding: 2%;
  }

#topContactMovie .mail,#topContactMovie .tel {
  display: table;
  width: 96%;
  border: 2px solid #ccc;
  margin: 2% auto 0;
}

#topContactMovie .date {
  width: 96%;
  font-size: 1.6em;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #ccc;
  margin: 0 auto;
  padding: 2% 0;
  color: #fff;
  background: #5c5c5c; }
  #topContactMovie .date p {
    margin: 0;
  }

#topContactMovie .leftBox{
  display: table-cell;
  width: 26%;
  vertical-align: middle;
}

#topContactMovie .rightBox {
  display: table-cell;
  width: 64%;
  border-left: 2px dotted #ccc;
}

#topContactMovie .movie .iconBox {
  display: table-cell;
  width: 9%;
  border-radius: 4px 0 0 4px;
  color: #fff;
  background: #5c5c5c;
  vertical-align: middle; }
  #topContactMovie .movie .iconBox .icon.icon-contact_cm {
    font-size: 3em;
  }

#topContactMovie .movie .boxInner {
  display: table-cell;
  width: 90%;
  padding: 4% 0; }
  #topContactMovie .movie .boxInner img {
    width: 40%
  }

#topContactMovie .movie .txt {
  display: inline-block;
  width: 50%;
  margin-left: 4%;
  text-align: left;
  vertical-align: bottom;
}

#topContactMovie .movie .txt h2 {
  font-size: 1.2em;
  font-weight: lighter;
  text-align: left;
  line-height: 1.4em;
  margin-bottom: 10%;
}
#topItem ul li:hover img{
	background: #FF6600;
}

#topItem .bnrLarge li:hover img{
	background: none;
}

#topItem a img{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;

}

#topItem a:hover img{
    -webkit-transform: scale( 1.1 );
    -moz-transform: scale( 1.1 );
    -ms-transform: scale( 1.1 );
    /*box-sizing: border-box;
    border: 10px solid #FF633C;*/
}

#topCategory a:hover img{
    opacity: 0.7;
}

#topRecipe a:hover img{
    opacity: 0.7;
}

#topCategory .other dl dt:hover{
    background: #5c5c5c;
}

#topCategory .other dl dt a:hover img{
    opacity: 1;
}

#topCategory .other dl dt:hover + dd{
	border-color: #fff;
}

#topNews2 a:hover,#topContactMovie a:hover {
  text-decoration: underline;
}

/* Gメニュー */

#gNav .icon {
  font-size: 1.1em;
  vertical-align: text-top;
  padding-right: 5%;
}
.menu {
  z-index: 9999;
  margin: 12px auto;
  padding: 0;
  width: 100%;
  list-style-type: none;
  text-align: center;
  position: relative;
  letter-spacing: -.40em;
}
/* floatクリア */
/*.menu:before, .menu:after {
  content: " ";
  display: table;
}
.menu:after {
    clear: both;
}
.menu {
    *zoom: 1;
}*/
.menu > li {
  letter-spacing: .2em;
  background: #c6181f;
  margin: 0 0.25%;
  width: 19.5%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 1.48em;
}
.menu > li.menu__single {
  position: relative;
}
.menu > li > a {
  display: block;
  color: #fff;
  height: 20px;
  padding: 15px 0 17px;
  line-height: 1.5em;
}
.menu > li:hover{
  background: #db0000;
}
.menu > li > a > span {
  padding-right: .5em;
}
ul.menu__second-level {
  margin: 0;
  width: 100%;
  list-style-type: none;
  font-size: 0.8em;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 52px;
  z-index: 1;
  background: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
li.menu__single:hover ul.menu__second-level {
  visibility: visible;
  opacity: 1;
}
.menu__second-level li {
  width: 100%;
  box-sizing: border-box;
  border-right: 2px solid #555;
  border-left: 2px solid #555;
  border-top: 2px solid #555;
}
.menu__second-level li:last-child {
  border-bottom: 2px solid #555;
}
.menu__second-level li a{
  color: #000;
  display: block;
  padding: 20px 0;
  height: auto;
}
.menu__second-level li a:hover {
  background: #ccc;
}
.apple a {
  padding: 14px 0 !important;
}

#main img {
  width: 100%; }

#main p, #main table, #main ul, #main ol, #main dl, #main .btn, #main .col {
  margin: 0.7rem 0; }

#main .titlePage {
  font-size: 1.6rem;
  margin: 2rem 0;
  text-align: center; }

#main .titleSection, #main h2 {
  font-size: 1.3rem;
  margin: 2rem 0 0.7rem; }

#main .titlePost, #main h3, #main h4 {
  font-size: 1.1rem;
  margin: 1.4rem 0 0.7rem;
  line-height: 1.3em; }

.btn {
  text-align: center; }
  .btn a {
    display: inline-block;
    color: #fff;
    background: #C6181F;
    padding: 0.5rem 1.5rem;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.9rem; }

table {
  width: 100%;
  border-top: 1px solid #ddd;
  border-collapse: collapse; }

th, td {
  border-top: none;
  border-bottom: 1px solid #ddd;
  padding: 3rem; }

th {
  background: #f5f5f5; }

td {
  background: #fff;
  text-align: left; }

/*カテゴリページ*/
/* 投稿ページ */
.search #content,
.archive #content,
.single #content,
.page-id-1861 #content,
.page-id-1866 #content,
.page-id-1870 #content,
.page-id-4529 #content {
  max-width: 1160px;
  padding: 0 2%;
  margin: 0 auto;
}

/* サイドバー */
.search #side,
.archive #side,
.single #side,
.page #side {
  display: inline-block;
  width: 19.5%;
  margin: 30px 0;
  text-align: center;
}
.search #side h3,
.archive #side h3,
.single #side h3,
.page #side h3 {
  border-top: 2px solid #999;
  border-left: 10px solid #C6181F;
  border-right: 2px solid #999;
  line-height: 4em;
  box-sizing: border-box;
  margin-top: 30px;
  font-weight: normal;
  font-size: 1.3em;
}
.search #side ul li,
.archive #side ul li,
.single #side ul li,
.page #side  ul li {
  padding: 0.7rem 0;
  border-top: 2px dotted #999;
  border-left: 2px solid #999;
  border-right: 2px solid #999;
  box-sizing: border-box;
  line-height: 3em;
}
.search #side ul li:first-child,
.archive #side ul li:first-child,
.single #side  ul li:first-child,
.page #side  ul li:first-child {
  border-top: 2px solid #999;
}
.search #side ul li:last-child,
.archive #side ul li:last-child,
.single #side  ul li:last-child,
.page #side ul li:last-child {
  border-bottom: 2px solid #999;
}
.search #side ul li a,
.archive #side ul li a,
.single #side  ul li a,
.page #side ul li a {
  display: block;
  padding: 3% 0;
  font-size: 1.3em;
}
.search #side ul li:hover,
.archive #side ul li:hover,
.single #side  ul li:hover,
.page #side ul li:hover {
  background: #999;
}
.search #side ul li:hover a,
.archive #side ul li:hover a,
.single #side  ul li:hover a,
.page #side ul li:hover a {
  color: #fff;
}
.search #side .main_nav img,
.archive #side .main_nav img,
.single #side .main_nav img,
.page #side .main_nav img {
  width: 100%;
}
.search #side .side_bnr a:hover img,
.archive #side .side_bnr a:hover img,
.single #side .side_bnr a:hover img,
.page #side .side_bnr a:hover img {
  opacity: 0.8;
  background: #fff;
}
.search #side .clickhere,
.archive #side .clickhere,
.single #side .clickhere,
.page #side .clickhere {
  color: #C6181F;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 5%;
  line-height: 1.2em;
}
.search #side .side_bnr,
.archive #side .side_bnr,
.single #side .side_bnr,
.page #side .side_bnr {
  margin-top: 10%;
}
.search #side .side_bnr p,
.archive #side .side_bnr p,
.single #side .side_bnr p,
.page #side .side_bnr p {
  line-height: 2em;
}
.archive #main,
.single #main,
.page-id-1861 #main,
.page-id-1866 #main,
.page-id-1870 #main,
.page-id-4529 #main {
  width: 78%;
  float: right;
}
.search #main {
}
.search #main a:hover img,
.archive #main a:hover img,
.single #main a:hover img,
.page-id-1861 #main a:hover img,
.page-id-1866 #main a:hover img,
.page-id-1870 #main a:hover img,
.page-id-4529 #main a:hover img {
  opacity: 0.7
}
.search #content:after,
.archive #content:after,
.single #content:after,
.page-id-1861 #content:after,
.page-id-1866 #content:after,
.page-id-1870 #content:after,
.page-id-4529 #content:after {
  content: '';
  display: block;
  clear: both;
}
#side .workStyle {
  margin: 15px 0;
  padding: 4%;
  border: solid 1px #999;
  border-radius: 10px;
}
#side .workStyle .workTxt {
  margin: 7px 0;
  font-size: 1.3em;
  line-height: 1.1rem;
}
#side .workStyle .workTable {
  margin: 7px 0;
}
#side .workStyle .workTable td {
  text-align: center;
}
#side .workStyle .workTable th,
#side .workStyle .workTable td {
  padding: 7px;
  border: 1px solid #ddd;
}
#side .workStyle .buyTxt {
  text-decoration: underline;
}
/* 商品情報 */
.single-product .titleCategory {
  font-size: 2em;
  font-weight: bold;
  text-align: right;
  padding-right: 2%;
  padding-bottom: 2%;
  margin-bottom: 4%;
  border-bottom: solid 4px;
}
.single-product .titleCategory span {
  font-size: 0.5em;
  font-weight: normal;
  color: #000;
  padding-right: .5%;
}
.single-product #main .titlePage {
  font-size: 1.5em;
  letter-spacing: .1em;
  margin-bottom: 2%;
  text-align: left;
  line-height: 1.2em;
}
.single-product .boxMain {
  margin: 0;
  align-items: center;
}
.single-product .boxMain .col {
  flex-basis: auto;
}
.single-product div.boxImg {
  width: 40%;
  text-align: center;
}
/*商品画像が他と違うサイズものの調整*/
/*#post-799 .boxImg img,
#post-726 .boxImg img,
#post-626 .boxImg img,
#post-610 .boxImg img,
#post-608 .boxImg img {
  width: 70%;
}*/
.single-product div.boxTxt {
  width: 60%;
}
.single-product .boxMain .txt {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 2% 0;
  line-height: 1.3em;
  font-size: 1.2em;
  letter-spacing: 0.08em;
}
.single-product h5 {
  font-size: 1.2em;
  /* font-weight: normal; */
}
.single-product table,
.single-product th,
.single-product td {
  border: 1px solid #999;
  padding: 2%;
}
.single-product table {
  text-align: left;
}
.single-product th,
.single-product td {
  line-height: 1.5em;
}
.single-product th {
  background: #ccc;
  line-height: 1.5em;
}
.single-product .material,
.single-product .seibun {
  margin: 4% 0;
}
.single-product .material th {
  width: 33%;
}
.single-product .seibun th,
.single-product .seibun td {
  text-align: center;
}
.single-product .series {
  text-align: center;
}
.single-product .series h5 {
  text-align: left;
}
.single-product #main .series h5+p {
  margin-right: 4%;
}
.single-product .series p {
  display: inline-block;
  max-width: 100%;
  font-size: 1em;
  line-height: 3em;
}
.single-product .series .notAvailable {
  color: #c6181f;
}
.single-product .series .notAvailable2 {
  color: #c6181f;
  padding-top: 30px;
  line-height: 2em;
  max-width: 100%;
  font-size: 1em;
  text-align: center;
}
.single-product .pageLink-box {
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
}
.single-product .pageLink-box a {
  color: #c7181f;
  background-color: #c7181f17;
  display: block;
  padding: 1.25em 0.1em;
  box-sizing: border-box;
  border: 1px solid;
  border-radius: 1em;
  font-size: .8rem;
  font-weight: bold;
  text-align: center;
  margin-top: 1em;
}
#main #recipeCatRegion .single-product .detailProductsyouyu .titleCategory,
#main #recipeCatRegion .single-product .detailProductsyouyu .titlePage,
#main .syouyu {
  color: #56387b;
}
#main #recipeCatRegion .single-product .detailProductdashi-tuyu .titleCategory,
#main #recipeCatRegion .single-product .detailProductdashi-tuyu .titlePage,
#main .dashi-tuyu,
#main #recipeCatRegion .single-product .detailProductdashi .titleCategory,
#main #recipeCatRegion .single-product .detailProductdashi .titlePage,
#main .dashi {
  color: #bfa80f;
}
#main #recipeCatRegion .single-product .detailProducttuyu .titleCategory,
#main #recipeCatRegion .single-product .detailProducttuyu .titlePage,
#main .tsuyu {
  color: #964c6f;
}
#main #recipeCatRegion .single-product .detailProductponzu .titleCategory,
#main #recipeCatRegion .single-product .detailProductponzu .titlePage,
#main .ponzu {
  color: #f68133;
}
#main #recipeCatRegion .single-product .detailProductmiso .titleCategory,
#main #recipeCatRegion .single-product .detailProductmiso .titlePage ,
#main .miso {
  color: #412a16;
}
#main #recipeCatRegion .single-product .detailProductsouce .titleCategory,
#main #recipeCatRegion .single-product .detailProductsouce .titlePage,
#main .souce {
  color: #a72121;
}
#main #recipeCatRegion .single-product .detailProductdressing .titleCategory,
#main #recipeCatRegion .single-product .detailProductdressing .titlePage,
#main .dressing {
  color: #3e873c;
}
#main #recipeCatRegion .single-product .detailProductother .titleCategory,
#main #recipeCatRegion .single-product .detailProductother .titlePage,
#main .other {
  color: #615e5d;
}
#main .syouyuBorder {
  border-color: #56387b !important;
}
#main .dashi-tuyuBorder,
#main .dashiBorder,
#main .tsuyuBorder {
  border-color: #bfa80f !important;
}
#main .ponzuBorder {
  border-color: #f68133 !important;
}
#main .misoBorder {
  border-color: #412a16 !important;
}
#main .souceBorder {
  border-color: #a72121 !important;
}
#main .dressingBorder {
  border-color: #3e873c !important;
}
#main .otherBorder {
  border-color: #615e5d !important;
}

/* 商品情報カテゴリーページ */
/* 商品一覧 */
#productCatList .itembetuBox.cols,
#byProduct .itembetuBox.cols {
  flex-wrap: wrap;
}
#productCatList .itembetuBox.cols .itembetu.col,
#byProduct .itembetuBox.cols .itembetu.col {
  flex-basis: 31%;
  flex-grow: 0;
  padding: 0 1%;
  box-sizing: border-box;
}
#productCatList .border02 {
  border-top: solid 13px;
}
#byProduct .border02 {
  border-top: solid 13px;
}
#productCatList .img_box,
#byProduct .img_box {
  width: 45%;
  float: left;
}
#productCatList .title,
#byProduct .title {
  position: relative;
}
#productCatList .text01 {
  width: 60%;
  float: left;
  font-size: 1.2rem;
  position: absolute;
  bottom: 5%;
  left: 50%;
}
#byProduct .text01 {
  width: 48%;
  float: left;
  font-size: 1.2rem;
  position: absolute;
  bottom: 15%;
  left: 43%;
  font-weight: 400;
  color: #4b4a4a;
}
#productCatList .item_list li {
  font-size: 1.4em;
  line-height: 1.2em;
  margin: 0 0.6em 1.5em;
}
#byProduct .item_list li {
  font-size: 1.3em;
  line-height: 1.1em;
  margin: 0.8em 0.6em;
}
#productCatList .upper {
  float: right;
  text-align: right;
  font-size: 0.5em;
  margin-bottom: 0.5em;
  letter-spacing: 0.1em;
}
#productCatList .upper .text04 {
  font-size: 2.4em;
  letter-spacing: 0.3em;
}
#productCatList .catBorder {
  clear: both;
  border-top: solid 1px #ccc;
}
#productCatList .txtCat {
  text-align: center;
  font-size: 2.2em;
  letter-spacing: 0.2em;
  margin: 0.5em 0;
}
#productCatList .txtCat .txtCat03 {
  font-size: 0.4em;
  font-weight: 100;
  letter-spacing: 0.1em;
}
/* 各商品カテゴリーページ */
#productList .box.cols {
  flex-wrap: wrap;
}
#productList .box.cols .col {
  flex-basis: 31%;
  flex-grow: 0;
  padding: 0 1%;
  box-sizing: border-box;
  margin-bottom: 25px;
}
#productList .productTitle {
  margin: 0 15px 0;
  border: solid 0.1em;
  border-radius: 1em;
  padding: 15px 2px;
  font-size: 0.8rem;
  text-align: center;
}
#productList .upper {
  float: right;
  text-align: right;
  margin-bottom: 10px;
}
#productList .upper .text01 {
  font-size: 15px;
}
#productList .catBorder {
  clear: both;
  border-top: solid 4px;
}
#productList .txtCat {
  text-align: center;
  font-size: 2.4em;
}
#productList .txtCat .txtCat02 {
  font-size: 12px;
  color: #4b4a4a;
  font-weight: 100;
}
#productList .year-box .b_line {
  padding-bottom: .5rem;
  position: relative;
}
#productList .year-box .b_line::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  border-bottom: solid 3px #e30b20;
  width: 100px;
}
#productList .year-box .b_line::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: solid 3px #09509f;
  width: 100%;
}
#productList .year-box .flex-d-column {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
}
#productList .year-box .txt {
  font-size: .85rem;
  text-align: justify;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  max-height: 5em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#productList .year-box .flex-d-column .fg-1 {
  display: flex;
  /*align-items: flex-end;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;*/
}
#productList .year-box .pageLink-box {
  width: 90%;
  margin: 0 auto;
}
#productList .year-box .pageLink-box a {
  display: block;
  padding: 1.25em 0.1em;
  box-sizing: border-box;
  border: 1px solid;
  border-radius: 1em;
  font-size: .8rem;
  font-weight: bold;
  text-align: center;
  margin-top: 1em;
}
#productList .year-box .pageLink-box a:first-of-type {
	color: #c7181f;
	background-color: #c7181f17;
}
#productList .year-box .pageLink-box a:not(:first-of-type):last-of-type {
	color: #4472c4;
	background-color: #4472c41f;
}
/* レシピカテゴリーページ */
#recipeCatRegion .cart-btn,
#nbcCat .cart-btn,
#originalCat .cart-btn,
#ishiiCat .cart-btn {
  display: none;
}
#recipe_list .recipeCatTitle {
  font-size: 1.5rem;
  letter-spacing: .1em;
  margin: 10px auto;
  color: #c7181f;
}
#recipe_list .recipeCatList.cols {
  flex-wrap: wrap;
}
#recipe_list .recipeCatList.cols .col {
  flex-basis: 30%;
  flex-grow: 0;
  padding: 0 1%;
  box-sizing: border-box;
  margin-bottom: 0px;
}
#recipeCatRegion .recipeCatBorder {
  border-top: solid 4px;
  color: #c7181f;
}
#recipeCatRegion .recipe_maker_box {
  margin: 5%;
  padding-bottom: 50px;
  border-bottom: 2px dotted #ccc;
}
#recipeCatRegion .recipe_maker_box.recipe_maker_box-last {
  border-bottom: none;
  padding-bottom: 0;
}
#recipeCatRegion .recipe_maker_box h2 img {
  width: 50%;
}
#recipeCatRegion .recipe_maker_box.recipe_maker_box-tottotte h2 img {
  width: 90%;
}
#recipeCatRegion .recipe_maker_box .cols {
  flex-wrap: wrap;
  margin: 0;
}
#recipeCatRegion .recipe_maker_box .cols .col {
  flex-grow: 0;
  padding: 0 1%;
  box-sizing: border-box;
  margin-bottom: 0px;
}
#recipeCatRegion .recipe_maker_box .cols .img01.col {
  flex-basis: 30%;
}
#recipeCatRegion .recipe_maker_box .cols .txt01.col {
  flex-basis: 66%;
}
#recipeCatRegion .recipe_maker_box .cols .txt01.col p {
  font-size: 1.3em;
  letter-spacing: 0.05em;
  line-height: 1.3em;
}
#recipeCatRegion .recipe_maker_box .recipe_btn {
  width: 45%;
  margin-left: auto;
}
#recipeCatRegion .recipe_recomend {
  padding: 10px;
  border-top: 1px solid #c7181f;
}
#recipeCatRegion .recipe_recomend.cols>h3 {
  font-size: 2.6em;
  font-weight: normal;
  color: #c6181f;
  margin-left: 2%;
}
#recipeCatRegion h4 {
  font-size: 2em;
  letter-spacing: .1em;
  margin: 10px auto;
  color: #c7181f;
}
#recipeCatRegion .newRecipe.cols {
  width: 100%;
  flex-wrap: wrap;
  padding-left: 2%;
  padding-bottom: 2%;
  border-bottom: 1px solid #c7181f;
}
#recipeCatRegion .newRecipe.cols .col {
  flex-grow: 0;
  padding: 0 1%;
  box-sizing: border-box;
  margin-bottom: 0px;
}
#recipeCatRegion .newRecipe.cols .recipeBox02.col .left {
  width: 35%;
  float: left;
}
#recipeCatRegion .newRecipe.cols .recipeBox02.col .right {
  width: 65%;
  float: left;
  line-height: 20px;
  font-size: 15px;
}
/*
#recipeCatRegion .newRecipe.cols .recipeBox02.col .cart-btn {
  display: none;
}
*/
#recipeCatRegion .pickupRecipe {
  clear: both;
  border-top: 2px solid #c7181f;
  border-bottom: 2px solid #c7181f;
  padding: 10px;
  margin-bottom: 30px;
}
#recipeCatRegion .reco .reco-title {
  font-size: 1.4em;
}
#recipeCatRegion .reco .RecipeBtn {
  width: 30%;
}
#recipeCatRegion .txt03 {
  font-size: 0.9rem;
}
#recipeCatRegion .leftImg {
  margin-top: 0;
}
#recipeCatRegion .rightTxt {
  margin-top: 0;
}
#main .recipe_recomend.cols .newRecipe03.col h3 {
  font-size: 1.4em;
  font-weight: normal;
  padding-left: 12%;
  height: 2em;
  margin: 0.8em 0 1.6em; }
  #main .recipe_recomend.cols .newRecipe03.col h3::before {
    content: "\e905";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 1.9em;
    height: auto;
    position: absolute;
    top: 6%;
    left: 3%;
  }

.term-45 #main .recipe_box h1,
.term-67 #main .recipe_box h1,
.term-68 #main .recipe_box h1 {
  font-size: 2.5em;
  font-weight: normal;
  color: #c31d26;
  text-align: center;
  margin-top: 1em;
  letter-spacing: 0.1em;
}

#main .title_sub {
  font-size: 1.2em;
  margin-top: 2em;
  letter-spacing: 0.05em;
}

.term-45 #main .recipe_recomend.cols,
.term-67 #main .recipe_recomend.cols,
.term-68 #main .recipe_recomend.cols {
  border-top: none;
}

#main #post-2047 .recipe_recomend.cols .newRecipe03.col,
.term-45 #main .recipe_recomend.cols .newRecipe03.col,
.term-67 #main .recipe_recomend.cols .newRecipe03.col,
.term-68 #main .recipe_recomend.cols .newRecipe03.col {
  border-color: #ccc;
}
.term-45 #main .recipe_recomend.cols .newRecipe03.col h3,
.term-67 #main .recipe_recomend.cols .newRecipe03.col h3,
.term-68 #main .recipe_recomend.cols .newRecipe03.col h3 {
  font-size: 1.2em;
  font-weight: normal;
  padding-left: 12%;
  height: 2em;
  margin: 0.4em 0 1.2em; }
  .term-45 #main .recipe_recomend.cols .newRecipe03.col h3::before,
  .term-67 #main .recipe_recomend.cols .newRecipe03.col h3::before,
  .term-68 #main .recipe_recomend.cols .newRecipe03.col h3::before {
    content: "\e905";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 1em;
    height: auto;
    position: absolute;
    top: 4%;
    left: 11%;
  }
.term-45 #main .recipe_recomend.cols .newRecipe03.col .thumb,
.term-67 #main .recipe_recomend.cols .newRecipe03.col .thumb,
.term-68 #main .recipe_recomend.cols .newRecipe03.col .thumb {
  height: 12em;
}

#main .recipe_recomend.cols .newRecipe03.col h4 {
  font-size: 0.9em;
  font-weight: normal;
  padding-left: 12%;
  height: 2em;
  margin: 0.4em 0 1.2em; }
  #main .recipe_recomend.cols .newRecipe03.col h4::before {
    content: "\e905";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 1em;
    height: auto;
    position: absolute;
    top: 4%;
    left: 11%;
  }

#main .recipe_recomend.cols .newRecipe03.col .thumb {
    /*height: 10em;*/
}

/* アップルクッキングカテゴリー */
#nbcCat h1 {
  text-align: center;
  font-size: 2.5em;
  padding: 1.2%;
  color: #c6181f;
}
#nbcCat .recipe_intro {
  font-size: 1.4em;
  position: relative;
  line-height: 1.3em;
  letter-spacing: 0.05em;
}
#nbcCat .hkds {
  display: inline-block;
  width: 55%;
  text-align: left;
  padding: 2%;
  margin: 2%;
  vertical-align: bottom;
  position: relative;
  border: 1px solid #c0c0c0;
  border-radius: 1em;
  z-index: 0;
}
/*
#nbcCat .recipe_intro p:nth-child(1):before {
    content: "";
    position: absolute;
    top: 50%;
    right: -9px;
    margin-top: -9px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent #ffffff;
    z-index: 0;
}
#nbcCat .recipe_intro p:nth-child(1):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent #c0c0c0;
  z-index: -1;
}
*/
#nbcCat .recipe_intro .nbcImg {
  display: inline-block;
  width: 28%;
}
#nbcCat .recipe_intro dl {
  text-align: left;
  padding: 0 3% 5%;
  display: inline-block;
  width: 58%;
}
#nbcCat .recipe_intro dt {
  color: #c6181f;
  padding-top: 2%;
  padding-bottom: 2%;
}
#nbcCat .recipe_tv {
  border: 1px solid #ccc;
  padding: 1.2% 1.6%;
  width: 28%;
  display: inline-block;
  vertical-align: top;
}
#nbcCat .recipe_tv p {
  margin: 0.3rem 0;
}
.recipe_box .newRecipe.cols {
  flex-wrap: wrap;
}
#recipeCatRegion .newRecipe.cols .recipeBox01.col {
  flex-basis: 27%;
}

#recipeCatRegion .newRecipe.cols .recipeBox02.col {
  flex-basis: 69%;
}
#nbcCat .newRecipe.cols .col {
  flex-grow: 0;
  padding: 0 1%;
  box-sizing: border-box;
  margin-bottom: 0px;
}
#nbcCat .newRecipe.cols .recipeBox02.col .left {
  width: 35%;
  float: left;
}
#nbcCat .newRecipe.cols .recipeBox02.col .right {
  width: 65%;
  float: left;
  line-height: 20px;
  font-size: 15px;
}

/*
#nbcCat .newRecipe.cols .recipeBox02.col .cart-btn {
  display: none;
}
*/
.recipe_box .recipe_recomend.cols {
  margin-top: 10px;
  flex-wrap: wrap;
}
.recipe_box .recipe_recomend.cols .newRecipe03.col {
  clear: both;
  flex-basis: 31%;
  max-width: 31%;
  flex-grow: 0;
  border: 1px solid #000;
  margin: 1% !important;
  padding: 0 3%;
  box-sizing: border-box;
  position: relative;
}
.recipe_box .recipe_recomend.cols .newRecipe03.col .txt {
  font-size: 1.2em;
  color: #4b4a4a;
  text-align: center;
  line-height: 1.2em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 6% 0;
}


/* オリジナルクッキングカテゴリー */

#originalCat h1 {
  text-align: center;
  font-size: 2.5em;
  padding: 1.2%;
  color: #c6181f;
}
#originalCat .recipe_intro {
  font-size: 1.4em;
  position: relative;
  line-height: 1.3em;
  margin-bottom: 2%;
}
#originalCat .hkds {
  display: inline-block;
  width: 55%;
  text-align: left;
  padding: 2%;
  margin: 3%;
  vertical-align: bottom;
  position: relative;
  border: 1px solid #c0c0c0;
  border-radius: 1em;
  z-index: 0;
}

/*
#originalCat .recipe_intro p:nth-child(1):before {
    content: "";
    position: absolute;
    top: 50%;
    right: -9px;
    margin-top: -9px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent #ffffff;
    z-index: 0;
}
#originalCat .recipe_intro p:nth-child(1):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent #c0c0c0;
  z-index: -1;
}
*/
#originalCat .recipe_intro .originalImg {
  display: inline-block;
  width: 26%;
}
#originalCat .newRecipe.cols .col {
  flex-grow: 0;
  padding: 0 1%;
  box-sizing: border-box;
  margin-bottom: 0px;
}
#originalCat .newRecipe.cols .recipeBox02.col .left {
  width: 35%;
  float: left;
}
#originalCat .newRecipe.cols .recipeBox02.col .right {
  width: 65%;
  float: left;
  line-height: 20px;
  font-size: 15px;
}
/*
#originalCat .newRecipe.cols .recipeBox02.col .cart-btn {
  display: none;
}
*/

/* 石井さんレシピカテゴリー */
#ishiiCat h1 {
  text-align: center;
  font-size: 2.5em;
  padding: 1.2%;
  color: #c6181f;
}
#ishiiCat .recipe_intro {
  font-size: 1.4em;
  position: relative;
  letter-spacing: 0.05em;
  line-height: 1.3em;
}
#ishiiCat .hkds {
  display: inline-block;
  width: 55%;
  text-align: left;
  padding: 2%;
  margin: 2.6%;
  vertical-align: bottom;
  position: relative;
  border: 1px solid #c0c0c0;
  border-radius: 1em;
  z-index: 0;
}
/*
#ishiiCat .recipe_intro p:nth-child(1):before {
    content: "";
    position: absolute;
    top: 50%;
    right: -9px;
    margin-top: -9px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent #ffffff;
    z-index: 0;
}
#ishiiCat .recipe_intro p:nth-child(1):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent #c0c0c0;
  z-index: -1;
}
*/
#ishiiCat .recipe_intro .ishiiImg {
  display: inline-block;
  width: 30%;
}
#ishiiCat .recipe_intro dl {
  text-align: left;
  padding: 0 3% 5%;
  display: inline-block;
  width: 58%;
}
#ishiiCat .recipe_intro dt {
  color: #c6181f;
  padding-top: 2%;
  padding-bottom: 2%;
}
#ishiiCat .recipe_tv {
  border: 1px solid #ccc;
  padding: 2%;
  width: 29%;
  display: inline-block;
  vertical-align: top;
}
#ishiiCat .recipe_tv p {
  margin: 0.3rem 0;
}
#ishiiCat .newRecipe.cols .col {
  flex-grow: 0;
  padding: 0 1%;
  box-sizing: border-box;
  margin-bottom: 0px;
}
#ishiiCat .newRecipe.cols .recipeBox02.col .left {
  width: 35%;
  float: left;
}
#ishiiCat .newRecipe.cols .recipeBox02.col .right {
  width: 65%;
  float: left;
  line-height: 20px;
  font-size: 15px;
}
/*
#ishiiCat .newRecipe.cols .recipeBox02.col .cart-btn {
  display: none;
}
*/

/* とっとってmottoレシピカテゴリー */
#main #tottotteMottoCat .tottotte-month-title,
#main #tottotteMottoCat .kouansya-title,
#main #tottotteMottoCat .title-seasoning,
#main #tottotteMottoCat .newRecipe.cols .recipeBox01.col,
#main #tottotteMottoCat .newRecipe.cols .recipeBox02.col  {
  margin-top: 0;
}

#main #tottotteMottoCat .tottotte-month-title,
#main #tottotteMottoCat .kouansya-title,
#main #tottotteMottoCat .title-seasoning {
  font-weight: bold;
  font-size: 1.2em;
}

#main #tottotteMottoCat .tottottecat-recipi-title {
  font-size: 1.3em;
}

#main #tottotteMottoCat .newRecipe.cols .col {
  padding: 0;
}

#main #tottotteMottoCat .newRecipe.cols .recipeBox01.col {
  max-width: 22%;
  width: 22%;
  flex-basis: 22%;
}


#main .recipe_box .morerecipe {
  font-size: 1.6em;
  text-align: center;
}
#main .recipe_btn {
  width: 80%;
  margin: 40px auto;
}

#main .recipe_maker_box .recipe_btn {
  margin: 40px auto 0;
}
/* 商品別レシピ */
#byProduct .txtCat {
  text-align: center;
  font-size: 2.6em;
  margin-top: 2%;
}
#byProduct .byProductImg {
  width: 45%;
  text-align: center;
  display: block;
  margin: 2% auto 0 auto;
}
#content .titleCategory_product {
  font-size: 2em;
  font-weight: bold;
  border-bottom: 4px solid;
  text-align: right;
  padding-bottom: 2%;
  letter-spacing: 0.05em;
}
#content .titleCategory_product span {
  font-size: 0.5em;
  color: #000;
  padding-right: .5%;
  font-weight: normal;
}

/* レシピ */
#content .picBtn {
  width: 45%;
  margin-left: auto;
}
#recipeCatRegion .newRecipe.cols .buy_box.cols {
  width: 100%;
  margin: 0%;
}
#content .buy_box.cols {
  width: 85%;
  margin: 5% auto;
}
#content .leftImg.col {
  flex-basis: 35%;
}
#content .rightTxt.col {
  margin-left: 2%;
  flex-basis: 65%;
}
#content .rightTxt.col img {
  width: 50%;
}
#content .rightTxt.col .text01 {
  font-size: 1.2em;
  margin-top: 2%;
}
#content .rightTxt.col .text02 {
  font-size: 1.7em;
  margin-top: 2%;
}
#content .rightTxt.col .text03 {
  font-size: 1.2em;
  margin-top: 5%;
  letter-spacing: 0.05em;
  line-height: 1.3em;
}
#content .rightTxt.col .cart-btn {
  margin-top: 2%;
}
.detailRecipe {
  margin-top: 20px;
}
.detailRecipe .titleHead {
  padding-bottom: 1em;
  border-bottom: #c6181f solid 4px;
}
#main .detailRecipe .titlePage {
  font-size: 2em;
  margin: 3% 7% 1%;
  text-align: left;
}
.detailRecipe .imgMain {
  margin: 0 4% 10%;
}
.detailRecipe .boxMain {
  padding: 2em;
  border: 1px solid #c0c0c0;
  box-sizing: border-box;
  margin: 0 4%;
}
.detailRecipe .boxMain .left {
  padding-right: 4%;
  width: 36%;
}
.detailRecipe .boxMain .right {
  width: 60%;
}
.detailRecipe .boxMain .howto {
  clear: both;
}
#main .detailRecipe .zairyo table {
  margin: -4% 0 0;
  border: none;
  font-size: 1.2em;
}
.detailRecipe .zairyo {
  font-weight: bold;
}
.detailRecipe .zairyo td {
  border: none;
  padding: 0;
  line-height: 1.5em;
}
#main .detailRecipe .zairyo .text01 {
  margin: 0;
  font-size: 1.06em;
  padding: 4% 0;
  color: #ef8a8e;
}
.detailRecipe .howto {
  padding-top: 5%;
}
.detailRecipe .howto .text01 {
  font-size: 1.3em;
  font-weight: bold;
}
.detailRecipe .howto .text02 {
  font-size: 1.4em;
  font-weight: 500;
  padding: 2% 0;
  border-bottom: #c0c0c0 solid 1px;
  line-height: 1.5em;
}
.detailRecipe .boxSub {
  margin-top: 8%;
  padding: 0 2em;
}
#main .pageContent {
  font-size: 1.4em;
  line-height: 30px;
}
#main #post-234 .pageContent,#main #post-238 .pageContent {
  line-height: 0;
  vertical-align: bottom;
}
#main .detailRecipe .boxSub .titleSub {
  margin-bottom: 2%;
  font-size: 1.4em;
  color: #ef8a8e;
}
#main .detailRecipe .boxSub .txt {
  margin: 0;
  border: #ef8a8e solid 4px;
  border-radius: 15px;
  padding: 2% 5%;
  font-size: 1.12em;
  line-height: 1.5;
}
#main .recipe_series {
  display: flex;
  text-align: center;
  margin-top: 6%;
  justify-content: space-between;
}
  #main .recipe_series > div {
    flex-basis: 23.5%;
    width: 23.5%;
    max-width: 23.5%;
    padding: 1% 2% 2.5%;
    border: 1px solid #9b9a9a;
    box-sizing: border-box;
  }
  #main .recipe_series .cat_detail {
    border: none;
    height: 55%;
  }
  #main .recipe_series h3 {
    font-weight: normal;
    font-size: 1.25em;
    margin-top: 0.7em;
  }
  #main .recipe_series img {
    width: 95%;
  }
  #main .recipe_series p {
    text-align: left;
    font-size: 1.2em;
    line-height: 1.2rem;
  }
  #main .recipe_series a {
    display: block;
    font-size: 1.3em;
    padding: 1em;
    color: #c6181f;
    text-align: right;
  }

/* SDGsへの取り組み  */
#post-6836 .titlePage {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.content-sdge {
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "YuGothic Medium", "Yu Gothic Medium", YuGothic, "游ゴシック体", "游ゴシック", "メイリオ", Meiryo, sans-serif; }
.content-sdge .content-eyecatch-logo,
.content-sdge .content-eyecatch-ttl,
.content-sdge .cts-heading,
.content-sdge .cts-ttl {
  text-align: center; }
.content-sdge em {
  display: block;
  font-style: normal; }
.content-sdge .content-eyecatch {
  padding: 0 90px 90px; }
  .content-sdge .content-eyecatch-logo {
    width: 80%;
    margin: 0 auto 90px; }
  .content-sdge .content-eyecatch-ttl em {
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 1em; }
  .content-sdge .content-eyecatch-text {
    line-height: 2; }
.content-sdge .cts {
  overflow-x: hidden; }
#main .content-sdge .cts-heading {
  margin-top: 0;
  position: relative; }
  .content-sdge .cts-heading::after {
    content: "";
    display: block;
    background: url(https://choko.co.jp/wp-co/wp-content/themes/custom-themes/img/sdgs/sdgs_ctsbg.jpg) no-repeat;
    background-size: contain;
    width: 100%;
    height: 100px; }
  .content-sdge .cts-heading em {
    color: #fff;
    font-size: 40px;
    font-weight: normal;
    letter-spacing: .1em;
    line-height: 2; }
  .content-sdge .cts01 .cts-heading em {
    background: #e4011e; }
  .content-sdge .cts02 .cts-heading em {
    background: #d6a600; }
  .content-sdge .cts03 .cts-heading em {
    background: #c50e28; }
  .content-sdge .cts04 .cts-heading em {
    background: #fabd00; }
  .content-sdge .cts05 .cts-heading em {
    background: #970a31; }
.content-sdge .cts-in {
  background: #fff9fb;
  padding: 0 90px 90px;
  position: relative; }
  .content-sdge .cts:nth-of-type(2n) .cts-in {
    background: #fffcf4; }
  .content-sdge .cts-in::before {
    content: "";
    background: #fff9fb;
    display: block;
    width: 106%;
    height: 170px;
    border-radius: 50% / 85px;
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%); }
  .content-sdge .cts:nth-of-type(2n) .cts-in::before {
    background: #fffcf4; }
#main .content-sdge .sdge-icon-list {
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1; }
  .content-sdge .sdge-icon-list li {
    width: 112px;
    padding: 10px; }
#main .content-sdge .cts-ttl {
  color: #000;
  font-size: 33px;
  margin-bottom: 1em; }
.content-sdge .cts-text {
  line-height: 2; }
.content-sdge .cts-ph {
  margin: 60px  auto; }

/* 会社概要と工場見学共通 */
#content .titleCategory {
  font-size: 1.2rem;
  color: #c31d26;
  border-bottom: 5px solid;
  text-align: right;
  padding-bottom: 1%;
}
/* 会社概要 pc */
#post-145 .titleCategory,#post-220 .titleCategory,
#post-222 .titleCategory,#post-224 .titleCategory,
#post-226 .titleCategory,#post-228 .titleCategory,
#post-230 .titleCategory {
  font-size: 2.8em;
  letter-spacing: 0.2em;
  padding: 0 5% 2%;
}

#post-145 .titlePage,#post-220 .titlePage,
#post-222 .titlePage,#post-224 .titlePage,
#post-226 .titlePage,#post-228 .titlePage,
#post-230 .titlePage {
  font-size: 3.6em;
  font-family: serif;
  color: #4a4a4a;
  letter-spacing: 0.1em;
}

.category-6 .txtCat {
  text-align: center;
  color: #d60a0a;
  font-size: 2em;
  border-bottom: 3px solid #d60a0a;
  line-height: 2.4em;
}
#main .newsRelease {
  text-align: center;
  font-size: 1.4em;
  margin-top: 1.4em;
}

#content .boxContent {
  text-align: left;
  font-size: 0.9em;
  color: #4a4a4a;
  width: 85%;
  margin: 0 auto;
  letter-spacing: 0.15em;
  line-height: 2.2;
}

#content #post-224 .boxContent {
  width: 100%;
}
#content .boxContent span {
  font-size: 1.5rem;
}
#content .boxContent h2 {
  font-size: 1.4em;
}
#content .boxContent .right {
  text-align: right;
}
#content .boxContent .comImg {
  width: 65%;
  margin: 0 auto;
}
#content .boxContent th {
  border: 1px solid #ddd;
  padding: 2rem;
  vertical-align: middle;
}
#content .boxContent td {
  border: 1px solid #ddd;
  padding: 2rem;
}
#content .boxContent .listBox {
  line-height: 1.4em;
  font-size: 1.2em;
}
#content .boxContent .saiyoannai,
#content .boxContent .saiyo-table.adoption td,
#content .boxContent .saiyo-table.adoption th {
  text-align: center;
}
#content .boxContent .saiyo-table.adoption td,
#content .boxContent .saiyo-table.adoption th {
  padding: 1rem;
}
#content .boxContent .saiyo-table.adoption td span {
  font-size: 1rem;
  color: red;
}
#content .boxContent .cpny-capt {
  font-size: 1.3rem;
  font-weight: bolder;
  color: #c6181f;
}
#main .news_release {
  margin: 6% 2% 0; }
  #main .news_release .titlePage {
    text-align: left;
    color: #d60a0a;
    line-height: 1.8em;
    font-size: 2em;
    margin: 0 0 0.8em;
  }
  #main .news_release .pageContent {
    margin: 0 5%;
    line-height: 2em;
  }
  #main .news_release .thumb {
    margin: 0 5%;
  }
  #main .news_release .pagination {
    justify-content: center;
    margin-top: 15%;
  }

/* ごあいさつ */
#greeting .nameBox.cols {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
}
#greeting .nameBox.cols .nameList {
  margin: 0 2em;
}
#greeting .boxContent .a-text {
  line-height: 1.5;
}

/* 工場見学 pc */
#post-232 .titleCategory, #post-234 .titletitleCategory,
#post-236 .titleCategory, #post-238 .titletitleCategory,
#post-240 .titleCategory, #post-242 .titletitleCategory {
  letter-spacing: 0.3em;
  padding: 0 4% 1%;
}

#post-232 .titlePage, #post-234 .titlePage,
#post-236 .titlePage, #post-238 .titlePage,
#post-240 .titlePage, #post-242 .titlePage {
  text-align: left;
  color: #c31d26;
  margin: 0 0 1em;
  letter-spacing: 0.1em;
  font-weight: normal;
}

#content #post-232 .boxContent,#content #post-236 .boxContent {
  width: 100%;
}

#koujou .description {
  margin-top: 20px;
}
#koujou p {
  font-size: 0.9rem;
  line-height: 25px;
  margin: 0;
}
#koujou h2 {
  text-align: center;
  color: #c6181f;
  line-height: 30px;
  font-weight: 100;
}
#koujou h2 .yomi {
  font-size: 0.8rem;
}
#koujou h2 .kanji {
  font-size: 1.8rem;
}
#koujou .cols .col {
  margin: 1.2rem;
}
#koujou .cols .col:nth-child(1) {
  flex-basis: 30%;
  line-height: 0;
}
#koujou .cols .col:nth-child(2) {
  flex-basis: 70%;
}
#koujou .cols .col span {
  font-size: 0.9rem;
}
#koujou .cols {
  width: 95%;
  border-top: 2px solid #ddd;;
  margin: 0 auto;
}
#koujou .cols .col img:nth-child(2) {
  margin-top: 0.7rem;
}
#koujou .btn a {
  color: #fff;
  display: block;
  background-color: #4a4a4a;
  width: 35%;
  margin-left: auto;
  margin-right: 5%;
  border: solid 1px #999;
  font-weight: lighter;
  padding: 0;
}
#guideFactory,#goodFoodMeeting {
  color: #4b4a4a;
  width: 90%;
  margin: 3% auto;
}

#guideFactory p {
  font-size: 0.9em;
  letter-spacing: 0.1em;
}
#guideFactory .factoryDescription {
  line-height: 1.6em;
  text-align: center;
  font-size: 1em;
}
#guideFactory span {
  font-size: 20px;
  color: #c6181f;
}
#guideFactory .cols .col:nth-child(1) {
  margin-right: 15px;
}
#guideFactory .cols .col {
  text-align: center;
}
#goodFoodMeeting p {
  font-size: 0.9rem;
  line-height: 24px;
}
/* チョーコーのこだわり・九州の食と醤油 pc */
#choko_kodawari {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: #4b4a4a;
  margin-top: 2%;
}
#post-341 .titleCategory,#post-344 .titleCategory,
#post-346 .titleCategory,#post-351 .titleCategory,
#post-2498 .titleCategory,
#post-341 .titlePage,#post-344 .titlePage,
#post-346 .titlePage,#post-351 .titlePage,
#post-2498 .titlePage {
  display: none;
}
#choko_kodawari .kodawariMainImg {
  margin: 40px 0;
}
#choko_kodawari .kodawari01 {
  width: 95%;
  margin: 0 auto;
}
#choko_kodawari .kodawari.col {
  flex-basis: 50%;
  font-size: 0.9em;
  line-height: 2em;
  letter-spacing: 0.07em;
  text-align: left;
  margin-right: 4%;
}
#choko_kodawari .kodawari.col:nth-child(2) {
  margin-right: 0;
}
#choko_kodawari .kodawariTxt {
  text-align: center;
  font-size: 1.6em;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin: 0 0 0.7rem 0;
  padding: 0.8rem 0;
  font-weight: 100;
  line-height: 1.5em;
  letter-spacing: 0.01em;
}
#choko_kodawari .kodawariTxt02 {
  line-height: 2em;
  font-size: 1.1em;
  margin-bottom: 40px;
  letter-spacing: 0.1em;
}
#choko_kodawari .kodawari.col.prod {
  margin-right: 0;
}
#choko_kodawari .kodawari02 .kodawari.col:nth-child(1) {
  flex-basis: 25%;
  margin: auto;
}
#choko_kodawari .kodawari02 .kodawari.col:nth-child(2) {
  flex-basis: 53%;
  margin-right: 3%;
}
#choko_kodawari .kodawari02 .kodawari.col:nth-child(3) {
  flex-basis: 27%;
  margin: auto 0;
  text-align: center;
  font-family: sans-serif;
  font-size: 0.7em;
}
#choko_kodawari .kodawari02 .kodawari_name,
#choko_kodawari .kodawari02 .kodawariTxtR {
  font-weight: bold;
  font-family: sans-serif;
}
#choko_kodawari .kodawari02 .kodawariTxtR {
  text-align: right;
}
#choko_kodawari .kodawari02 .kodawari.col .kodawari_setumei {
  line-height: 1.2em;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 2% 0;
  font-family: sans-serif;
  font-size: 0.95em;
  letter-spacing: 0.1em;
}
#choko_kodawari .kodawari01 .kodawariR.cols {
  flex-direction: row-reverse;
}
#choko_kodawari .kodawariR .col:nth-child(1) {
  margin-left: 4%;
  margin-right: 0;
}
#choko_kodawari .kodawariBox {
  overflow: hidden;
}
#choko_kodawari .kodawariHr {
  border-top: 4px solid;
}
#choko_kodawari .kodawariBox .floatLeft {
  float: left;
}
#choko_kodawari .kodawariBox .kodawariTxt {
  width: 48%;
}
#choko_kodawari .kodawariBox .floatRight {
  float: right;
}
#choko_kodawari .kodawariTxt03 {
  text-align: center;
  font-size: 2em;
  font-weight: 400;
  padding: 20px 0;
  margin: 2em 0 1em;
}
#choko_kodawari .kodawari01 .txt {
  font-size: 0.85em;
  line-height: 2em;
  letter-spacing: 0.08em;
  text-align: left;
}
#choko_kodawari .txt_box {
  margin-bottom: 50px;
  overflow: hidden;
}
#choko_kodawari .txt_box .heading {
  width: 48%;
  float: right;
}
#choko_kodawari .txt_box.typeA .heading {
  float: left;
}
#choko_kodawari .txt_box.typeA .img {
  float: right;
}
#choko_kodawari .txt_box .img {
  box-sizing: border-box;
  float: left;
  padding: 0 20px 0;
  width: 52%;
}
#choko_kodawari .txt_box.typeA .txt {
  clear: left;
}
#choko_kodawari .kodawariM.kodawariTxt {
  letter-spacing: 0.2em;
}
#choko_kodawari .kodawariM.kodawariTxt02 {
  margin: 0 4%; }
  #choko_kodawari .kodawariM.kodawariTxt02 span {
    color: #d92f2f;
    font-weight: bold;
  }
#choko_kodawari .kodawariM.howto {
  vertical-align: bottom; }
  #choko_kodawari .kodawariM.howto img {
    vertical-align: bottom;
  }
#choko_kodawari .kodawariM.recipe {
  font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.15em;
  letter-spacing: 0.2em;
  background-image: url(https://choko.co.jp/wp-co/wp-content/uploads/2018/09/bg.jpg);
  padding: 1em 1em 2em;
}
#choko_kodawari .kodawariM.other {
  margin: 10% 0; }
  #choko_kodawari .kodawariM.other h3 {
  width: 55%;
  margin: 2% auto;
  }
#choko_kodawari .kodawariM.other .cols {
  justify-content: space-around;
}
#choko_kodawari .kodawariM.other .col {
  flex-basis: 30%;
  flex-grow: 0;
  text-align: center;
  color: #947244;
  font-size: 1.2em;
  letter-spacing: 0.15em;
  }
#choko_kodawari .kodawariM.cols {
  justify-content: space-between;
}
#choko_kodawari .kodawariM.col:nth-child(1) {
  flex-basis: 33%;
  flex-grow: 0;
}
#choko_kodawari .kodawariM.col:nth-child(2) {
  flex-basis: 57%;
  flex-grow: 0;
  font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0.16em;
  line-height: 2em;
}
#choko_kodawari .kodawariM.col h4 {
  color: #c6181f;
  font-size: 1.5em;
}
#choko_kodawari .kodawariM.col a {
  display: block;
  margin-top: 2em;
  text-align: center;}
#choko_kodawari .kodawariM.col a img {
  width: 50%;
}

/* イチオシ商品 pc */
#post-2140 .titleCategory,#post-2047 .titleCategory,
#post-2045 .titleCategory,#post-1639 .titleCategory,
#post-1566 .titleCategory,#post-1559 .titleCategory,
#post-1551 .titleCategory {
  font-family: serif;
  font-weight: bold;
  letter-spacing: 0.3em;
}
#post-2140 .titlePage,#post-2047 .titlePage,
#post-2045 .titlePage,#post-1639 .titlePage,
#post-1566 .titlePage,#post-1559 .titlePage,
#post-1551 .titlePage {
  font-size: 2.5em;
  font-weight: normal;
  color: #c31d26;
  margin: 1em 0 0.4em;
  letter-spacing: 0.1em;
}

#ichiosi {
  color: #4b4a4a;
  letter-spacing: 1px;
  line-height: 2.0;
  font-size: 16px;
  text-align: left;
}
#ichiosi .headingGray {
  font-weight: bold;
  font-size: 1em;
}
#ichiosi .headingRed {
  color: #c6181f;
}
#ichiosi .productBox.cols {
  width: 70%;
  margin-bottom: 0;
}

#ichiosi .productBoxList.col:nth-child(2) {
  margin-top: 100px;
}
#maikuma .maikumaBox.cols {
  width: 70%;
  margin: 3% auto 8%;
  border: #c0c0c0 solid 1px;
  padding: 35px;
  line-height: 20px;
  font-size: 14px;
}

#maikuma .maikumaBox.cols .newRecipe03.col:nth-child(1) {
  flex-basis: 70%;
}
#maikuma .maikumaBox.cols .newRecipe03.col:nth-child(2) {
  flex-basis: 30%;
  margin-left: 20px;
}
#maikuma .maikuma_color {
  color: #fc8ca1;
  margin-top: 0;
}
#maikuma .headingGray {
  text-align: center;
}
#ichiosi .spring,
#ichiosi .summer,
#ichiosi .autumn,
#ichiosi .winter {
  border-top: 1px solid #ccc;
  position: relative;
  padding-top: 30px;
}
#ichiosi .spring::before,
#ichiosi .summer::before,
#ichiosi .autumn::before,
#ichiosi .winter::before {
  content: "春のメニュー";
  height: 30px;
  background: #fff;
  padding: 1px;
  position: absolute;
  top: -20px;
  left: 0;
}
#ichiosi .summer::before {
  content: "夏のメニュー";
}
#ichiosi .autumn::before {
  content: "秋のメニュー";
}
#ichiosi .winter::before {
  content: "冬のメニュー";
}
#ichiosi .spring::after,
#ichiosi .summer::after,
#ichiosi .autumn::after,
#ichiosi .winter::after {
  content: "SPRING";
  height: 24px;
  background: #fff;
  padding: 0 1%;
  position: absolute;
  top: -14px;
  right: 0;
  border: 1px solid #ccc;
  font-size: 0.8em;
}
#ichiosi .summer::after {
  content: "SUMMER";
}
#ichiosi .autumn::after {
  content: "AUTUMN";
}
#ichiosi .winter::after {
  content: "WINTER";
}
#ichiosi .recipe_recomend.cols {
  margin-bottom: 50px;
}
#ichiosi .into {
  width: 80%;
  margin: 0 auto;
}
#ichiosi .voice-box {
  width: 90%;
  margin: 0 auto;
}
#ichiosi .voice-box .title {
  border-left: #fdbdc0 solid 10px;
  border-top: #c0c0c0 solid 1px;
  padding: 1.5%;
}
#ichiosi .img_box.col {
  flex-basis: 30%;
}
#ichiosi .text_box.col {
  margin-top: 0;
  flex-basis: 70%;
  padding-left: 20px;
}
#ichiosi .text_box.col .blog-btn {
  width: 25%;
  margin-left: auto;
  text-align: center;
  border: #c0c0c0 solid 0.1em;
  border-radius: 1em;
  line-height: 2em;
  margin-top: 2%;
}
/* 固定ページ */
.page #breadCrumbWrap {
  max-width: 1170px;
  margin: 0 auto;
  padding-left: 2%;
}
.page #main article a:hover {
  opacity: 0.7;
}
.page #main .titlePage {
  margin: 20px auto 0;
  padding-bottom: .4em;
  width: 75%;
  border-bottom:#c6181f solid 4px;
	text-align:center;
  font-size:2.4em;
	color:#c6181f ;
}
.page-id-1861 #main .titlePage,
.page-id-1866 #main .titlePage,
.page-id-1870 #main .titlePage,
.page-id-4529 #main .titlePage {
  width: 100%;
  line-height: 1.3em;
}

#main #post-2661 .titlePage,#main #post-2721 .titlePage,
#main #post-2775 .titlePage,#main #post-2690 .titlePage,
#main #post-2730 .titlePage,#main #post-2778 .titlePage,
#main #post-2725 .titlePage,#main #post-2734 .titlePage,
#main #post-2772 .titlePage,#main #post-2884 .titlePage {
  display: none;
}


/* TVCM(1674)・サイトマップ(217)・よくあるご質問(245)・プライバシーポリシー(63) */
#post-1674,#post-217,#post-245,#post-63 {
  -webkit-text-size-adjust: 100%;
  width: 100%;
	background-color: #ffffff;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size:1vw;
	color: #4b4a4a;
	text-align:left;
}
.page #main .page_main {
	margin:0 auto;
  width: 75%;
}

.page #main #post-217 .page_main {
  margin-top: 3%;
  margin-left: 25%;
}

/*#header .box,
#header #gNav,
body:not(.home) #main,
.frame {
  width: 950px;
  margin: 0 auto; }
*/

/*#header {
  padding: 1rem 0; }
  #header a {
    text-decoration: none; }
  #header .box {
    display: flex;
    justify-content: space-between; }
  #header #subNav {
    display: flex; }
    #header #subNav p {
      margin-left: 1rem; }
    #header #subNav a {
      display: block; }
  #header #gNav .btnNav {
    display: none; }
  #header #gNav ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center; }
    #header #gNav ul li {
      border-right: 1px solid #ddd; }
      #header #gNav ul li:first-child {
        border-left: 1px solid #ddd; }
    #header #gNav ul .sp {
      display: none; }
    #header #gNav ul a {
      display: block;
      padding: 0.5rem 1rem; }
  #header .logo img {
    max-width: 100%; }*/

/* メインビジュアル左右の矢印 */
/*.nextend-arrow {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  top: 48% !important;
  width: 30px !important;
  height: 30px !important; }

.nextend-arrow-previous {
  left: 4% !important;
  -webkit-transform: rotate(-45deg) !important;
          transform: rotate(-45deg) !important;
  border-top: 2px solid #fff !important;
  border-left: 2px solid #fff !important; }

.nextend-arrow-next {
  right: 4% !important;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-bottom: 2px solid #fff !important;
  border-right: 2px solid #fff !important; }*/

/* メインビジュアル下のドット */
/*div#n2-ss-1 .n2-ss-control-bullet {
  bottom: -2rem !important; }

div#n2-ss-1 .n2-style-2a0a200d6a6e1fade27fb9c90af83812-dot {
  background: #ddd !important; }

div#n2-ss-1 .n2-style-2a0a200d6a6e1fade27fb9c90af83812-dot.n2-active, div#n2-ss-1 .n2-style-2a0a200d6a6e1fade27fb9c90af83812-dot:HOVER {
  background: #000 !important; }*/

.home #main section {
  margin: 4rem auto; }
  .home #main section .titleSection {
    font-size: 1.6rem;
    margin: 1rem 0; }

#main .loop .cols {
  flex-wrap: wrap;
  justify-content: space-between; }
  #main .loop .cols .col {
    flex-basis: 27%;
    flex-grow: 0;
    border:1px solid #ccc;
    padding: 1rem; }
    #main .loop .cols .col:nth-child(3n) {
      margin-right: 0; }
  #main .loop .cols .titlePost {
    margin-top: 0.7rem; }
    #main .loop .cols .titlePost a {
      text-decoration: none; }
  #main .loop .cols .btn {
    margin-bottom: 0; }

#topWork {
  background-image: url(img/bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4rem 0; }

.archive .imgCat {
  position: relative;
  height: 20rem;
  overflow: hidden; }
  .archive .imgCat img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%); }

.pagination {
  margin: 2rem 0;
  display: flex; }
  .pagination .current,
  .pagination a {
    border: 1px solid #ddd;
    text-decoration: none;
    background: #fff;
    text-align: center;
    margin-right: 0.5rem;
    padding: 0.85rem 1rem;
    font-size: 0.9rem;
    line-height: 1; }
  .pagination a:hover,
  .pagination .current {
    color: #fff;
    background: #000;
    border-color: #000; }
  .pagination .long {
    width: 6rem; }

/* フッター */
#footer {
  margin-top: 90px;
  padding-top: 28px;
  background: #fff;
  color: #c6181f;
  position: relative;
  /* border-top: 1px solid #c6181f; */
}
#footer a {
  color: #c6181f;
}
#footer .icon-tel:before {
  font-size: 1.7em;
  vertical-align: middle;
  padding-right: 3%;
}
.wrap {
  margin: 0 auto;
  width: 88%;
  max-width: 1160px;
  position: relative;
}
.footer_box01 {
  width: 25%;
  text-align: center;
  margin: 0 4%;
}
.footer_box01 img {
  width: 96%;
}
.footer_box01 h3 {
  margin-top: 5px;
  padding: 5px 0;
  font-size: 1.5em;
  font-weight: normal;
  letter-spacing: 0.2em;
}
.footer_box01 address {
  font-style: normal;
  line-height: 1.6;
  font-size: 1.4em;
}
.footer_box01_contact {
  margin-top: 8px;
  padding: 8px 0;
  width: 100%;
  border-top: 2px dotted #c6181f;
  border-bottom: 2px dotted #c6181f;
  text-align: center;
  line-height: 1.4; }
  .footer_box01_contact p:not(.teladd) {
    font-size: 1.4em;
  }
#footer .icon-contact_mail:before {
  font-size: 1.5em;
  padding-right: 2%;
}
.footer_box01_contact p {
  padding: 5px 0;
}
.middle {
  vertical-align: middle;
}
.tel {
  font-size: 1.8em;
  font-weight: 700;
}
.tel2 {
  font-size: 1.2em;
  font-weight: 600;
}
.footer_box02 {
  width: 66%;
  float: right;
}
.footer_box02_btn {
  text-align: center;
}
.footer_box02_btn p {
  display: inline;
}
.footer_box02_toppage img {
  width: 46%;
}
.footer_box02_online img {
  width: 46%;
  margin-left: 3%;
}
.footer_navi_box {
  margin: 0 2%;
  margin-top: 35px;
  width: 21%;
  float: left;
}
.footer_navi_box h3 {
  padding-bottom: 5px;
  border-bottom: 2px solid;
  font-size: 1.4em;
  font-weight: normal;
}
.footer_navi_box ul {
  margin-top: 10px;
  list-style-type: none;
}
.footer_navi_box ul li {
  margin-bottom: 10px;
  font-size: 1.4em;
}
.footer_navi_box ul li a {
  display: block;
}
.footer_navi_box ul li a:hover{
  background: #ccc;
}
.footTnav {
  text-align: right;
  margin: 10px 0 0 auto;
  width: 70%;
}
.footTnav li {
  display: inline-block;
  text-align: center;
  border-left: 1px solid #c6181f;
  padding: 1%;
  font-size: 1.4em;
}
.footTnav li:nth-child(1) {
  width: 15%;
}
.footTnav li:nth-child(2) {
  width: 17%;
}
.footTnav li:nth-child(3) {
  width: 24%;
}
.footTnav li:nth-child(4),
.footTnav li:nth-child(5) {
  width: 28%;
  padding: 0 0 0 2%;
  vertical-align: bottom;
}
.footTnav li:nth-child(5) {
  margin-top: 1%;
  border: none;
}
.footTnav li:nth-child(4) img,
.footTnav li:nth-child(5) img {
  width: 100%;
}
#footerCopy {
  text-align: center;
}
#footerCopy img {
  vertical-align: bottom;
  width: 100%;
}
#copyright {
  color: #fff;
  background: #c7181f;
  padding: 30px;
}
#pageTop {
  position: fixed;
  bottom: 1%;
  right: 1%;
  z-index: 999;
}
#pageTop img {
  width: 80%;
}
/*#footer {
  margin-top: 6rem; }
  #footer .title, #footer ul {
    margin: 0.7rem 0; }
  #footer ul {
    padding-left: 1rem; }
  #footer address {
    font-style: normal; }
  #footer #footerCopy {
    margin: 0;
    padding: 2rem 0;
    color: #999;
    text-align: center; }
  #footer #pageTop {
    background: rgba(0, 0, 0, 0.2);
    height: 60px;
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    border-radius: 100%;
    padding: 25px 20px 20px; }
  #footer #pageTop span {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-left: 2px solid #fff; }*/

/* フッター 230822*/
#footer a:hover {
  opacity: .8;
  text-decoration: underline;
}
#footer img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.footer-head-wrap {
  border-top: 1px solid #c6181f;
  border-bottom: 1px solid #c6181f;
}
.footer-head {
  margin: 0 auto;
  padding: 1.5rem 0;
  width: 88%;
  max-width: 1160px;
}
.footer-head,
.footer-main {
  /* font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
}
.footer-head__left,
.footer-head__right {
  display: flex;
  align-items: center;
}
.footer-address address,
.footer-contact {
  font-style: normal;
}
.footer-address {
  padding-left: 1.5em;
  line-height: 1.6;
}
.footer-address > p {
  margin-bottom: .25em;
}
.footer-contact > div > a {
  display: block;
  border: 1px solid #cccccc;
  padding: .75em;
  text-align: center;
}
.footer-contact__tel {
  margin-bottom: .75em;
  line-height: 1.2;
}
.footer-contact__tel p {
  margin-bottom: .25em;
}
.footer-ec__site li:not(:last-of-type) {
  margin-bottom: .5em;
}
.footer-menu {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2em;
}
.footer-menu__list {
  box-sizing: border-box;
  width: 50%;
  padding: 1.5em 1em 1.5em 0;
}
.footer-menu__list dt {
  border-bottom: 1px solid #cccccc;
  font-weight: bold;
  padding-bottom: .5em;
  margin-bottom: .5em;
}
.footer-menu__list dd {
  padding: .5em 0;
}
.footer-guide,
.footer-translation {
  display: flex;
  justify-content: center;
}
.footer-guide a {
  font-size: .98em;
  font-weight: bold;
  text-align: center;
  padding: 0 .5em;
}
.footer-translation {
  margin: 1.5em 0;
}
.footer-translation a {
  display: inline-block;
  width: 48%;
  max-width: 180px;
  padding: 0 1%;
}


#breadCrumbWrap ol {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.8rem; }

#breadCrumbWrap li, #breadCrumbWrap li a {
  display: inline-block;
  color: #999; }

#contactTxt {
  text-align: center; }

#main .wpcf7-form p {
  margin: 2rem 0 0; }

#main .wpcf7-form .title {
  display: block;
  margin-bottom: 0.4rem;
  padding-left: 0.1rem;
  font-size: 1.2rem; }
  #main .wpcf7-form .title .caution {
    display: inline-block;
    padding: 0.4rem 0.5rem;
    background: #ff5454;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 2px;
    margin-left: 0.4rem;
    vertical-align: 0.2rem;
    line-height: 1; }

input, textarea, select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #ddd;
  background: #f5f5f5;
  padding: 1rem 0.5rem;
  font-size: 1rem;
  width: 100%;
  transition: 0.5s cubic-bezier(1, 0, 0.5, 1); }
  input:focus, textarea:focus, select:focus {
    outline: none;
    background: #fff; }
  input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    box-shadow: 0 0 0px 1000px white inset; }

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

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

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

select {
  text-indent: 0.01px;
  text-overflow: '';
  background: none;
  background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%);
  position: relative; }

select::-ms-expand {
  display: none; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

.select {
  position: relative; }
  .select:after {
    content: '▼';
    font-size: 1.4rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1rem;
    line-height: 1;
    pointer-events: none; }

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  width: 2.2rem;
  height: 2.2rem;
  padding: 0;
  vertical-align: middle;
  background: none;
  margin-right: 0.2rem;
  background: #f5f5f5; }
  input[type="radio"]:checked:before,
  input[type="checkbox"]:checked:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    width: 1.4rem;
    height: 1.4rem;
    background: #000;
    border-radius: 2px; }

input[type="radio"],
input[type="radio"]:checked:before {
  border-radius: 50%; }

.wpcf7-list-item {
  margin: 1rem 1rem 0 0; }

.wpcf7-list-item-label {
  pointer-events: none; }

.select select, .check input, .radio input, #submitBtn input {
  cursor: pointer; }

textarea {
  resize: none; }

#submitBtn {
  display: block;
  text-align: center; }
  #submitBtn input {
    display: inline-block;
    padding: 1.6rem 2rem;
    border-radius: 2px;
    background: #000;
    border: 1px solid #000;
    color: #fff;
    transition: 0.5s cubic-bezier(1, 0, 0.5, 1); }
    #submitBtn input:hover {
      opacity: 0.7; }
    #submitBtn input:focus {
      outline: none; }

#main .wpcf7-not-valid-tip {
  color: #ff5454;
  font-weight: bold;
  margin: 0.2rem 0 0 0.2rem; }

#main .wpcf7-response-output {
  margin: 0;
  padding: 0.5rem 0;
  text-align: center;
  font-weight: bold; }

#main .wpcf7-validation-errors,
#main .wpcf7-mail-sent-ng {
  border: 2px solid #ff5454;
  color: #ff5454;
  margin-bottom: 1rem; }

#main .wpcf7-mail-sent-ok {
  border: 2px solid #428cff;
  color: #428cff; }

#main .ajax-loader {
  display: block !important;
  width: 3rem !important;
  height: 3rem !important;
  margin: 1rem auto 0 !important;
  background: #428cff !important;
  border-radius: 50%;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
          animation: scaleout 1.0s infinite ease-in-out; }

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

#search-form input,
#search-submit {
  height: 4rem; }

#search-form input {
  width: 76%;
  margin-right: 1%; }

#search-submit {
  width: 20%;
  padding: 1.1rem 0;
  margin: 2rem 0;
  background: #000;
  color: #fff;
  font-size: 1rem; }
  #search-submit:hover {
    opacity: 0.7; }

.saiyo-table a {
  text-decoration: underline;
}

.cols {
  display: flex;
  margin: 0 0 2rem; }
  .cols .col {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1; }


/* ポンス商品カテゴリーページに対馬生ポンスバナー文章設置ここから */
#tsushimaGift .tsushimaSec {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px 0;
  border: 1px solid #cccccc;
  padding: 3%;
}

#tsushimaGift .tsushimaSec .tsushima01 {
  width: 40%;
}

#tsushimaGift .tsushimaSec .tsushima02 {
  width: 60%;
}

#tsushimaGift .tsushimaSec .tsushima02 img {
  width: 100%;
}

#tsushimaGift .tsushima01 .tsushimaTxt {
  margin: 0;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 1.5em;
  line-height: 1.5em;
}
#main .nameBox {
  margin-bottom: 0px;
}
#main .nameBox .nameList {
  margin-top: 0px;
}
#main .nameBox .nameList p {
  margin-top: 0px;
  text-align: center;
}

/* ポンス商品カテゴリーページに対馬生ポンスバナー文章設置ここまで */

/* 404ページここから */
#post404 {
  width: 86%;
  margin: 10px auto;
}
#post404 .Main404Box {
  border: 3px dotted #c6181f;
  width: 85%;
  margin: 2rem auto 0;
  text-align: center;
}
#post404 .title404 {
  font-size: 2.5rem;
  margin: 3rem 0 2rem;
}
#post404 .txt404 {
  font-size: 1.1rem;
  line-height: 1.5rem;
  margin: 3rem 0;
}
#post404 .SubBox404 {
  width: 86%;
  margin: 4rem auto;
  justify-content: center;
  flex-wrap: wrap;
}
#post404 .SubBox404 .SubBoxHome,
#post404 .SubBox404 .SubBoxSearch {
  max-width: 50%;
  flex-basis: 50%;
}
#post404 .SubBox404 .toHomeTxt {
  text-align: center;
  font-size: 1.2rem;
  text-decoration: underline;
  margin-right: 30px;
}
#post404 #search-form input {
  width: 50%;
  height: 1rem;
  padding: 0.5rem;
  height: 1rem;
  vertical-align: top;
}
#post404 #search-submit {
  padding: 4px 0;
  margin: 0;
  height: auto;
  background: #c6181f;
}
/* 404ページここまで */
/* 検索結果ページここから */
.seach-title {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
/* 検索結果ページここまで */

#main .recipe_box .newRecipeCol {
  padding-bottom: 2%;
}

#main .recipe_box .newRecipeCol .thumb {
  overflow: hidden;
}

.posi-pare {
  position: relative;
}

.posi-son {
  position: absolute;
}

.posi-son-txt {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

.soshikizu-box {
  max-width: 828px;
  margin: 0 auto;
}

.recipe-txt {
  margin: 1.4rem 4% 0.7rem;
}

.recipe-txt p {
  font-size: 1.12em;
  line-height: 1.5;
}

.tottotte-ryorinin-box,
.syun-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 0;
  margin: 0 4em 0 2em;
}

.tottotte-ryorinin-box .tottotte-cook-imgbox,
.syun-box .vegetables-imgbox {
  max-width: 20%;
  flex-basis: 20%;
  width: 20%;
  padding-left: 1rem;
}

.tottotte-ryorinin-box .tottotte-cook-txtbox,
.syun-box .vegetables-txtbox {
  max-width: 71%;
  flex-basis: 71%;
  width: 71%;
  padding-right: 1rem;
}

.tottotte-ryorinin-box,
.syun-box,
.video-link-box {
  border-bottom: dashed 1px #b9b9b9;
}

.tottotte-ryorinin-box .tottotte-cook-txtbox .cook-name,
.syun-yasai-title {
  font-size: 1.3em;
}

.tottotte-ryorinin-box .tottotte-cook-txtbox .tottotte-cook-name .txt,
.vegetables-txtbox .vegetables-name .txt {
  font-size: 1.7em;
  font-weight: bold;
}

.tottotte-ryorinin-box .tottotte-cook-txt .txt,
.vegetables-txt .txt {
  font-size: 1.12em;
  line-height: 1.5;
}

.video-link-box {
  text-align: center;
  padding: 3rem 0;
  margin: 0 4em 0 2em;
}

.video-link-box a {
  display: inline-block;
  color: #fff;
  background-color: #C6181E;
  padding: 13px 30px;
  font-size: 1.3rem;
  border-radius: 5px;
}

.tottotte-ryorinin-box {
  margin-top: 3rem;
  border-top: dashed 1px #b9b9b9;
}

.title-monthbox {
  margin: 1.4rem 4% 0.7rem;
}

.title-monthbox .tottotte-month-title {
  font-size: 1.4em;
  font-weight: bold;
}

#tottotteMottoCat .cat-tottotte-title.pc {
  max-width: 730px;
  margin: 1rem auto 0;
}

#tottotteMottoCat .recipe_intro_box {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  margin: 3rem 5rem 4rem;
}

#tottotteMottoCat .recipe_intro_box .recipe_intro_boxin-img {
  max-width: 34%;
  width: 34%;
  flex-basis: 34%;
}

#tottotteMottoCat .recipe_intro_box .recipe_intro_boxin-txt {
  max-width: 55%;
  width: 55%;
  flex-basis: 55%;
  border: 1px solid #c0c0c0;
  border-radius: 10px;
  padding: 1rem 1.5rem;
  margin-right: 1rem;
}

#tottotteMottoCat .recipe_intro_box .recipe_intro_boxin-txt .txt {
  font-size: 1.2em;
  letter-spacing: 0.05em;
  line-height: 1.3em;
}

#tottotteMottoCat .recipeBox02 .text03,
#tottotteMottoCat .recipeBox02 .text01 {
  display: none;
}

#tottotteMottoCat .recipeBox02 .buy_box {
  display: block;
}

#recipeCatRegion #tottotteMottoCat .newRecipe.cols .recipeBox02.col {
  flex-basis: 26%;
}

#recipeCatRegion #tottotteMottoCat .newRecipe.cols .recipeBox02.col .text02 {
  font-size: 1.5em;
}

#recipeCatRegion #tottotteMottoCat .rightTxt.col {
  text-align: center;
}

#tottotteMottoCat .tottotte-cat-cook {
  flex-basis: 43%;
  margin-left: 3%;
}

#tottotteMottoCat .tottotte-cat-cook-cols {
  display: flex;
  justify-content: space-between;
}

#recipeCatRegion #tottotteMottoCat .newRecipe.cols {
  justify-content: space-between;
  padding-top: 3%;
}

#tottotteMottoCat .tottotte-cat-cook-cols .tottotte-cook-imgbox,
#tottotteMottoCat .tottotte-cat-cook-cols .tottotte-cook-txtbox {
  width: 48%;
  max-width: 48%;
  flex-basis: 48%;
}

#tottotteMottoCat .cook-name-title {
  font-size: 1.5em;
  letter-spacing: 0.05em;
}

#tottotteMottoCat .cook-txt {
  font-size: 1.15em;
  letter-spacing: 0.05em;
  line-height: 1.3em;
}

#recipeCatRegion #tottotteMottoCat .tottotte-recipe_recomend01 .newRecipe:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

#recipeCatRegion #tottotteMottoCat .tottotte-recipe_recomend01 {
  margin-bottom: 0;
}

#recipeCatRegion #tottotteMottoCat .tottotte-recipe_recomend01 .newRecipe {
  padding-bottom: 5%;
}

#recipeCatRegion #tottotteMottoCat .tottotte-recipe_recomend02 {
  padding-top: 3rem;
  margin-top: 0;
}
.single-recipe-video {
  position: relative;
  width: 100%;
  padding-top: 43.25%;
  max-width: 76%;
  margin: 3rem auto;
}
.single-recipe-video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.pc-hide {
  display: none;
}
.sp-hide {
  display: inline;
}
.ecsite-list img {
  width: 100%;
  max-width: 100%;
}
.ecsite-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
@media screen and (min-width: 960px) {
  #header .left img {
    width: auto !important;
  }
  #footer .ecsite-list li {
    width: 162px;
    min-height: 60px;
  }
  #footer .ecsite-list li:nth-child(2) {
    width: 276px;
  }
  #footer .ecsite-list li:nth-child(3),
  #footer .ecsite-list li:nth-child(4) {
    width: 146px;
  }

  /* フッター 230822*/
  #footer {
    font-size: 1.23em;
  }
  .footer-head {
    padding: 25px 0;
    display: flex;
    justify-content: space-between;
  }
  .footer-logo {
    width: 152px;
  }
  .footer-address {
    padding-left: 40px;
  }
  .footer-address strong {
    font-size: 20px;
  }
  .footer-contact {
    width: 340px;
    margin-right: 10px;
  }
  .footer-contact__tel {
    margin-bottom: 10px;
  }
  .footer-ec__site li:not(:last-of-type) {
    margin-bottom: 12px;
  }
  .footer-menu {
    margin-top: 20px;
  }
  .footer-menu__list {
    width: calc(100% / 6);
  }
  .footer-menu__list:last-of-type {
    padding-right: 0;
  }
  .footer-bottom > div {
    justify-content: flex-end;
  }
  .footer-guide a {
    padding: 0 .75em;
  }
  .footer-guide a:last-of-type {
    padding-right: 0;
  }
  .footer-translation {
    margin: 15px 0;
  }
  .footer-translation a {
    padding-right: 0;
  }
}

@media screen and (max-width: 960px) {
  /* ヘッダー */
  body:not(.home) #top {
    width: 100%;
    margin: 10px auto;
  }

  #top .right ul {
    letter-spacing: -.40em;
  }
  #top .right ul li {
    font-size: 0.7rem;
    letter-spacing: 0em;
  }
  #top .right ul li:nth-child(1),
  #top .right ul li:nth-child(2),
  #top .right ul li:nth-child(3) {
    width: auto;
  }
  #top .right #subNav {
    justify-content: center;
  }
  #top .right #subNav > li:nth-child(4) {
    display: none;
  }

  /* Gメニュー */
  body:not(.home) #gNav {
    width: 98%;
    margin: 0 auto;
  }
  #gNav ul li a {
    font-size: 1.25em;
  }
  .menu > li {
    font-size: 1.24em;
  }
  .menu > li > a {
    padding: 13px 0 11px;
  }
  ul.menu__second-level{
    top: 44px;
  }
  .menu__second-level li a {
    padding: 14px 0;
  }
  .apple a {
    padding: 11px 0 !important;
  }

  /*#header .box,
  #header #gNav,
  body:not(.home) #main,
  .frame {
    width: 100%; }
  /*#header {
    padding: 0 1rem;
    height: 50px; }
    #header #subNav {
      display: none; }
  #header #gNav {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2; }
    #header #gNav .btnNav {
      display: block;
      width: 50px;
      height: 50px;
      background: rgba(0, 0, 0, 0.8);
      position: absolute;
      right: 0;
      top: 0;
      z-index: 3; }
      #header #gNav .btnNav i, #header #gNav .btnNav i:after, #header #gNav .btnNav i:before {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 3px;
        background: #fff; }
      #header #gNav .btnNav i {
        transition: background 0.5s;
        position: relative;
        left: 15px;
        top: 23px; }
      #header #gNav .btnNav i:after, #header #gNav .btnNav i:before {
        content: '';
        position: absolute;
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        transition: all 0.3s; }
      #header #gNav .btnNav i:before {
        -webkit-transform: translateY(6px);
                transform: translateY(6px); }
      #header #gNav .btnNav i:after {
        -webkit-transform: translateY(-6px);
                transform: translateY(-6px); }
    #header #gNav .btnNav.open i {
      background: #000; }
    #header #gNav .btnNav.open i:before {
      -webkit-transform: translateY(0px) rotate(-45deg);
              transform: translateY(0px) rotate(-45deg); }
    #header #gNav .btnNav.open i:after {
      -webkit-transform: translateY(0px) rotate(45deg);
              transform: translateY(0px) rotate(45deg); }
    #header #gNav ul {
      display: none;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      background: #000;
      padding: 1rem; }
      #header #gNav ul li {
        border-bottom: 1px solid #333;
        border-left: none !important;
        border-right: none !important; }
        #header #gNav ul li a {
          padding: 1.8rem 0;
          color: #fff; }
      #header #gNav ul .sp {
        display: block; }
  .nextend-arrow {
    width: 20px !important;
    height: 20px !important; }*/

  /*カテゴリページ*/
  /* 投稿ページ */
  /* 固定ページの一部 */
  .archive #main,
  .single #main,
  .page-id-1861 #main,
  .page-id-1866 #main,
  .page-id-1870 #main,
  .page-id-4529 #main {
    width: 100%;
    float: none;
  }

  /* サイドバー */
  .search #side,
  .archive #side,
  .single #side,
  .page #side {
    display: block;
    width: 100%;
    text-align: left;
  }
  .archive #side h3,
  .single #side h3,
  .page #side h3 {
    display: none;
  }
  .archive #side ul,
  .single #side ul,
  .page #side ul {
    margin: 2% 0;
  }
  .archive #side ul li,
  .single #side ul li,
  .page #side ul li {
    width: 23%;
    display: inline-block;
    border: 2px solid #999;
    margin-bottom: .5%;
  }
  .archive #side ul li a,
  .single #side ul li a,
  .page #side ul li a {
    text-align: center;
    font-size: 1.5em;
  }
  .archive #side .main_nav,
  .single #side .main_nav,
  .page #side .main_nav {
    display: none;
  }

  /* 固定ページ */
  .page #breadCrumbWrap {
    width: 98%;
  }

  /* フッター */
  .home #footer {
    margin-top: 50px;
    border-top: none;
  }
  .footer_navi_box {
    width: 46%;
    margin-top: 15px;
  }
  .footer_navi_box ul li {
    font-size: 1.5em;
  }
  .footTnav{
    width: 70%;
    margin: 20px 0 0 auto;
  }
  .footTnav li{
    padding: 2%;
    font-size: 1.4em;
  }
  .footTnav li:nth-child(1),
  .footTnav li:nth-child(2),
  .footTnav li:nth-child(3) {
    width: auto;
  }
  .footTnav li:nth-child(4),
  .footTnav li:nth-child(5){
    padding: 1% 0 1% 3%;
  }

  .footer-address address,
  .footer-contact {
    font-size: .8em;
  }

  /* フッター 230822*/
  #footer {
    font-size: 1.866em;
  }
  .footer-head__left {
    margin: 0 auto 1.5em;
    justify-content: center;
  }
  .footer-logo {
    width: 30%;
  }
  .footer-head__right {
    justify-content: space-between;
  }
  .footer-contact {
    flex: 1 0 0%;
    margin-right: .75em;
  }
  .footer-contact > div > a {
    min-height: 4vw;
  }
  .footer-ec__site {
    width: 43%;
  }

  /* ポンス商品カテゴリーページに対馬生ポンスバナー文章設置ここから */
  #tsushimaGift .tsushima01 .tsushimaTxt {
    font-size: 1.8em;
  }
  /* ポンス商品カテゴリーページに対馬生ポンスバナー文章設置ここまで */
  #main .nameBox {
    margin-top: 0px;
    display: flex;
  }
  #greeting .nameBox.cols .nameList {
    margin: 0 1em;
  }
  #greeting .nameList {
    margin-top: 0px;
  }
  #greeting .nameList p {
    line-height: 20px;
    font-size: 13px;
  }
  #greeting .boxContent p {
    line-height: 2;
    font-size: 1rem;
  }
  /* 404ページここから */
  #post404 {
    width: 86%;
    margin: 10px auto;
  }
  /* 404ページここまで */
  #post404 .SubBox404 {
    display: block;
  }
  #post404 .Main404Box {
    width: 100%;
  }
  #post404 .SubBox404 .SubBoxHome,
  #post404 .SubBox404 .SubBoxSearch {
    max-width: 100%;
    flex-basis: 100%;
  }
  #post404 #search-form input {
    width: 66%;
  }
  #post404 .title404 {
    font-size: 1.5rem;
    margin: 2rem 0;
  }
  #post404 .txt404 {
    font-size: 0.7rem;
    margin: 1rem;
    text-align: left;
  }

  .pc-hide {
    display: inline;
  }
  .sp-hide {
    display: none;
  }
  #header .ecsite-list li {
    border: inherit !important;
    width: 25%;
  }
  #header .ecsite-list li:first-of-type {
    width: 46%;
  }
  #footer .ecsite-list {
    flex-wrap: wrap;
  }
  #footer .ecsite-list li {
    width: 48%;
    margin-bottom: 10px;
  }

}

@media(max-width:768px) {
  body{
    font-size: 1.6vw;
  }

  /* ヘッダー */
  #top .left{
    width: 100%;
    float: none;
    position: relative;
  }
  #top .left img {
    width: 25%;
    vertical-align: top;
    margin-left: 2%;
  }
  #top .left .catch {
    display: inline-block;
    color: #c6181f;
    padding: 2%;
    border-top: none;
    border-bottom: 1px solid #c6181f;
    font-size: 1.8em;
    margin-left: 4%;
    text-align: right;
    width: 62%;
  }
  #top .left .sp{
    /* display: block; */
    display: flex;
    justify-content: flex-end;
    width: 69%;
    position: absolute;
    bottom: 0;
    right: 1%;
  }
  #top .left .sp p {
    display: inline;
    width: auto;
    max-width: 65px;
    margin-left: 10px;
  }
  #top .left .sp .sp_btn01{
    /* width: 20%; */
    width: 100%;
    max-width: 100%;
  }
  #top .left .sp .sp_btn02{
    width: 50%;
  }
  #top .right {
    width: 100%;
    float: none;
  }
  #top .right ul {
    text-align: center;
    font-size: 1.8em;
    margin: 16px auto 20px;
  }
  #top .right p,
  #top .right ul li:nth-child(4)
  {
    display: none;
  }
  #top .right ul li {
    padding: 1% 2%;
  }
  #top .right ul li:nth-child(3) {
    border-right: 1px solid #5c5c5c;
  }

  /* Gメニュー */
  ul.menu__second-level{
    display: none;
  }
  .menu > li > a{
    height: auto;
  }
  #gNav ul {
    text-align: left;
    margin: 10px auto;
  }
  #gNav ul li {
    width: 49%;
    margin: 3px .5%;
    text-align: center;
    font-size: .9em;
  }
  #gNav ul li a {
    font-size: 1rem;
  }

  #breadCrumbWrap {
    display: none;
  }

  /*TOPコンテンツ*/
  #main h2 {
    font-size: 1.2rem;
    text-align: center;
  }

  #main .pc {
    display: none;
  }

  #main .sp {
    display: inline;
  }

  #main #topItem,#main #topCategory {
    margin-top: 0;
  }

  #main #topItem .bnrSmall.cols {
    display: flex;
  }

  #topCategory .product.cols {
    display: flex;
  }

  #topCategory .product.cols .col {
    flex-basis: 49%;
    max-width: 49%;
    flex-grow: 0;
    padding: 0 0.4%;
    margin: 0.4% 0;
    box-sizing: border-box;
  }

  #topCategory .other.cols {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  #topCategory .other.cols .col {
    flex-basis: 48%;
    flex-grow: 0;
    border: none;
  }

  #topCategory .other dd {
    font-size: 1.3em;
    letter-spacing: 0.2em;
    border-bottom: 1px solid #ccc;
  }

  #topRecipe {
    padding-bottom: 0.2%;
  }

  #main #topRecipe h2 {
    font-size: 1.5em;
  }

  #topRecipe .recipeLeft.col {
    display: none;
  }

  #topRecipe .recipeMain.cols {
    display: flex;
  }

  #topRecipe .recipeBox.col {
    flex-basis: 48%;
    max-width: 48%;
  }

  #topNews2 {
    display: block;
    width: 100%;
  }

  #topNews2 .news.box {
    margin: -4% 8%;
  }

  #topNews2 li {
    font-size: 1.2em;
  }

  #main #topSns {
    display: block; }
    #main #topSns > div {
    width: 100%; }
    #main .sns_box {
      padding: 3em 3em 2.5em;
      margin: 3em auto; }
    #main .sns-icon_list li {
      width: calc((100% / 4) - 2em); }

  #main #topRecipeItem time,
  #main #topRecipeItem h3,
  #main #topRecipeItem .topRecipeItem_link,
  #main #topRecipeItem .buy_box .rightTxt .text02 {
    font-size: 1.8em; }
  #main #topRecipeItem .title {
    padding-bottom: .5rem;
    margin-bottom: 1rem; }
  #main #topRecipeItem .recipeItem {
    padding: 0 0 1rem;
    margin-bottom: 1rem }
      #main #topRecipeItem .recipeItem .recipeTxt .arrow {
        display: none; }
      #main #topRecipeItem .recipeItem .recipeTxt h3 {
        margin: .5rem 0; }
      #main #topRecipeItem .topRecipeItem_link {
        margin-top: 0; }

  #main #topInfo {
    display: block; }
    #main #topInfo > div {
      width: 100%;
      padding: 0; }
    #main #topInfo .infoNews {
      font-size: 1.8em; }
    #main #topInfo .infoSns .sns_box {
      margin: 5em 0 2em; }
    #main #topInfo .infoSns .sns-icon_list {
      width: 80%; }

  #main #topContactMovie {
    display: block;
    width: 100%;
    margin: 0;
  }

  #topContactMovie .contact.box,#topContactMovie .movie.box {
    margin: 1% 8%;
  }


  /* カテゴリページ */
  /* 投稿ページ */
  /* 固定ページの一部 */
  .archive #content,
  .single #content,
  .page-id-1861 #content,
  .page-id-1866 #content,
  .page-id-1870 #content,
  .page-id-4529 #content {
    width: 98%;
    padding: 0;
  }
  .archive #main,
  .single #main,
  .page-id-1861 #main,
  .page-id-1866 #main,
  .page-id-1870 #main,
  .page-id-4529 #main {
    width: 100%;
    float: none;
  }

  #main .pagination.sp {
    display: flex;
    flex-wrap: wrap;
    text-align: center; }
    #main .pagination.sp div {
      flex-basis: 50%;
      flex-grow: 0;
    }
    #main .pagination.sp div:nth-child(3) {
      flex-basis: 100%;
      margin-top: 4em;
    }
    #main .pagination.sp a {
      padding: 0.8em;
    }


  /* サイドバー */
  .search #side,
  .archive #side,
  .single #side,
  .page #side {
    display: block;
    width: 100%;
  }
  .archive #side ul,
  .single #side ul,
  .page #side ul {
    margin: 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .archive #side ul li,
  .single #side ul li,
  .page #side ul li {
    width: 49%;
    margin: 0 .5% .4em;
    border: none;
    line-height: 1em;
    background: #ffbd69;
  }
  .archive #side ul li:first-child,
  .single #side ul li:first-child,
  .page #side ul li:first-child,
  .archive #side ul li:last-child,
  .single #side ul li:last-child,
  .page #side ul li:last-child {
    border: none;
  }

  /* 商品情報 */
  .single-product #main .titlePage {
    margin-top: 0;
  }
  .single-product #main .boxImg {
    width: 70%;
    margin: 0 auto;
  }
  .single-product .boxImg img {
    width: 100% !important;
  }
  .single-product div.boxTxt {
    width: 100%;
  }
  /* レシピカテゴリーページ */
  #recipe_list .recipeCatList.cols {
    display: flex;
    flex-wrap: wrap;
  }
  #recipe_list .recipeCatList.cols .col {
    flex-basis: 48%;
  }

  #content .picBtn {
    width: 75%;
    margin: 0 auto;
  }
  #ishiiCat .recipe_tv {
    width: 55%;
  }

  #recipeCatRegion .recipe_maker_box .img01,
  #recipeCatRegion .recipe_maker_box .img02,
  #recipeCatRegion .recipe_maker_box .img03 {
    width: 40%;
    margin: 0 auto;
  }
  /* レシピ */
  .detailRecipe .boxMain .left {
    float: none;
    padding-right: 0;
    width: 100%;
  }
  .detailRecipe .boxMain .right {
    float: none;
    margin-top: 5%;
    width: 100%;
  }
  #main .detailRecipe .zairyo table {
    margin: 0 auto;
    width: 90%;
  }
  .detailRecipe .zairyo td:first-child {
    width: 70%;
  }
  #nbcCat .recipe_recomend.cols,
  #originalCat .recipe_recomend.cols,
  #ishiiCat .recipe_recomend.cols,
  #recipeCatRegion .recipe_recomend.cols {
    display: flex;
  }
  #nbcCat .recipe_recomend.cols .newRecipe03.col {
    flex-basis: 48%;
  }
  #originalCat .recipe_recomend.cols .newRecipe03.col {
    flex-basis: 48%;
  }
  #ishiiCat .recipe_recomend.cols .newRecipe03.col {
    flex-basis: 48%;
  }
  #recipeCatRegion .recipe_recomend.cols .newRecipe03.col {
    flex-basis: 48%;
    max-width: 48%;
  }
  #content .rightTxt.col img {
    width: 65%;
  }
  #content .rightTxt.col .cart-btn {
    text-align: center;
  }
  #byProduct p {
    font-size: 1.6em;
    line-height: 1.6em;
  }
  #main .recipe_series {
    font-size: 1.6em;
    flex-wrap: wrap;
    margin:3rem 2% 2rem;
  }
  #main .recipe_series > div {
    flex-basis: 49%;
    width: 49%;
    max-width: 49%;
    margin-bottom: 1rem;
  }

  /* SDGsへの取り組み sp  */
  .content-sdge .content-eyecatch {
    padding: 0 8% 10%; }
    .content-sdge .content-eyecatch-logo {
      margin: 0 auto 8%; }
    .content-sdge .content-eyecatch-ttl em {
      font-size: 1rem; }
  .content-sdge .cts-heading::after {
    height: 50px; }
  .content-sdge .cts-heading em {
    font-size: 1.3rem; }
  .content-sdge .cts-in {
    background: #fff9fb;
    padding: 0 8% 10%;
    position: relative; }
    .content-sdge .cts-in::before {
      width: 106%;
      height: 80px;
      border-radius: 50% / 40px;
      top: -50px; }
  .content-sdge .sdge-icon-list li {
    width: 82px; }
  #main .content-sdge .cts-ttl {
    font-size: 1.1rem; }
  .content-sdge .cts-ph {
    margin: 6%  auto; }

  /* 会社概要 sp*/
  #content .boxContent {
    width: 95%;
    margin: 0 auto;
    line-height: 2rem;
  }
  #content .boxContent th {
    width: 27%;
    padding: 0.7rem;
    vertical-align: middle;
  }
  #content .boxContent td {
    padding: 0.7rem;
  }
  #content .boxContent table {
    font-size: 0.7rem;
  }
  #content .boxContent.history02 {
    width: 95%;
  }
  #content .boxContent.history02 p {
    line-height: 2;
    font-size: 1rem;
  }
  /* 工場見学 sp */
  #koujou .cols {
    width: 100%;
  }
  #koujou .cols .col {
    margin: 7% 0;
    text-align: center;
  }
  #koujou .cols .col img {
    width: 90%;
  }
  #koujou .cols .col p {
    text-align: left;
  }
  #koujou .btn a {
    width: 50%;
  }
  #guideFactory {
    width: 95%;
    margin: 0 auto;
  }
  #guideFactory .factoryDescription {
    text-align: left;
  }
  #guideFactory .cols .col:nth-child(1) {
    margin-right: 0px;
  }
  #goodFoodMeeting {
    width: 95%;
    margin: 0 auto;
  }
  /* チョーコーのこだわり・九州の食と醤油 sp
  /* イチオシ商品 sp */
  #ichiosi {
    width: 95%;
    margin: 0 auto;
  }
  #ichiosi .headingGray {
    text-align: left;
  }
  #ichiosi .productBoxList.col:nth-child(2) {
    width: 75%;
    margin: 0 auto;
  }
  #ichiosi .productBox.cols {
    width: 100%;
  }
  #maikuma .maikumaBox.cols {
    margin: 0 auto 30px;
    border: #c0c0c0 solid 1px;
    padding: 20px;
  }

  #maikuma .maikumaBox.cols .newRecipe03.col:nth-child(2) {
    margin-left: 0;
  }
  #maikuma .maikuma_color {
    margin-top: 0;
  }
  #ichiosi .into {
    width: 100%;
    margin: 0 auto;
  }
  #ichiosi .voice-box {
    width: 100%;
    margin: 0 auto;
  }
  #ichiosi .text_box.col {
    padding-left: 0px;
  }
  #ichiosi .text_box.col .blog-btn {
    width: 50%;
  }
  /* 固定ページ */
  .page #main .titlePage  {
    width: 98%;
  }
  #choko_kodawari .kodawari.col:nth-child(1){
    margin: 0 5%;
  }
  #choko_kodawari .kodawari.col:nth-child(2){
    margin: 0;
  }
  #choko_kodawari .kodawari02 {
    width: 95%;
    margin: 0 auto;
  }
  #choko_kodawari .kodawari02 .kodawari.col:nth-child(3) {
    width: 65%;
    margin: 0 auto;
  }
  #choko_kodawari .kodawari02 .kodawari.col:nth-child(2) {
    margin-right: 0;
  }
  #choko_kodawari .txt_box .heading {
    width: 100%;
  }
  #choko_kodawari .txt_box .img {
    width: 100%;
    margin-bottom: 20px;
  }
  /* TVCM(1647)・サイトマップ(217)・よくあるご質問(245)・プライバシーポリシー(63) */
  .page #main .page_main {
  	width: 98%;
  }

  /* フッター */
  .footer_box01 {
    width: 100%;
    margin: 0 auto;
  }
  .sp_wrap {
    width: 45%;
    float: left;
  }
  .footer_box01_contact.sp_wrap{
    width: 48%;
    float: right;
    margin: 30px 0 0;
  }
  .footer_box02 {
    width: 100%;
    float: none;
  }
  .footer_navi_box ul li {
    font-size: 1.2em;
  }
  .footTnav {
    width: auto;
  }
  .footTnav li {
    padding: 2%;
  }
  .footTnav li:nth-child(3) {
    width: auto;
    border-right: 1px solid #c6181f;
  }
  .footTnav li:nth-child(4) {
    padding: 2% 1% 1% 1%;
    border: none;
    width: 42%;
  }
  .footTnav li:nth-child(5) {
    padding: 2% 0 1% 1%;
    border: none;
    width: 42%;
  }
  .footer_box01 h3 {
    font-size: 1.4em;
    letter-spacing: .02em;
  }
  #pageTop img{
    width: 50%;
  }
  /*.frame {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }*/
  #main .loop .box .col {
    margin: 0 0 1rem;
  }
  .cols {
    display: block;
  }
  .recipe_box .recipe_recomend.cols {
    display: flex;
  }
  .recipe_box .recipe_recomend.cols .newRecipe03.col {
    max-width: 48%;
    flex-basis: 48%;
  }
  /* ポンス商品カテゴリーページに対馬生ポンスバナー文章設置ここから */
  #tsushimaGift .tsushimaSec {
    margin: 5% 2%;
  }
  #tsushimaGift .tsushimaSec .tsushima01 {
    width: 100%;
  }

  #tsushimaGift .tsushimaSec .tsushima02 {
    width: 100%;
  }

  #tsushimaGift .tsushima01 .tsushimaTxt {
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 6px;
  }

  #tsushimaGift .tsushimaSec {
    padding: 4%;
  }
  /* ポンス商品カテゴリーページに対馬生ポンスバナー文章設置ここまで */
  /* 404ページここから */
  #post404 {
    width: 86%;
    margin: 10px auto;
  }
  /* 404ページここまで */


  #tottotteMottoCat.recipe_box .newRecipe.cols {
    display: flex;
  }

  #tottotteMottoCat .cook-txt {
    font-size: 1em;
  }

  #content .rightTxt.col .cart-btn {
    margin-top: 1rem;
  }






}  /* 768ここまで */


@media(max-width:470px) {
  body{
    font-size: 2vw;
  }

  /* ヘッダー */
  #top {
    width: 100%;
  }
  #top .left .catch {
    font-size: 0.7rem;
  }
  #top .right ul {
    margin: 16px auto 10px !important;
  }

  /* Gメニュー */
  #gNav {
    width: 98%;
    margin: 10px auto;
    font-size: 1.2em;
  }

  /*TOPコンテンツ*/

  #main #topNews,#main #topItem,
  #main #topCategory,
  #main #topSns {
    width: 95%;
    margin: 0 auto;
  }
  #topNews2 .news.box {
    margin: -4% 5%;
  }
  #topContactMovie .contact.box, #topContactMovie .movie.box {
    margin: 1% 5%;
  }
  #topRecipe .recipe.cols {
    width: 95%;
    margin: 0 auto;
  }

  #topNews li {
    font-size: 2em;
    line-height: 1.4em;
  }

  #main #topItem h2,#main #topCategory h2, #main #topRecipeItem h2 {
    font-size: 2.1em;
  }

  #topCategory .other dd {
    font-size: 1.5em;
  }

  #topNews2 li {
    font-size: 1.5em;
  }

  #topContactMovie .movie .txt h2 {
    font-size: 1.8em;
  }

  #main .link {
    font-size: 1.4em;
  }

  /* 商品情報 */
  .single-product .series p {
    display: block;
    margin: 0 !important;
  }
  .single-product #main .series h5+p {
    margin-right: 0;
  }
  .single-product .series p img {
    width: auto !important;
    vertical-align: bottom;
  }

  #productCatList .item_list li {
    font-size: 2.2em;
  }

  /* レシピ */
  .detailRecipe {
    font-size: 1.4em;
  }
  #recipeCatRegion .recipe_maker_box .cols .txt01,
  #recipeCatRegion .recipe_maker_box .cols .txt02,
  #recipeCatRegion .recipe_maker_box .cols .txt03 {
    font-size: 1.6em;
  }

  #recipeCatRegion .recipe_maker_box .recipe_btn {
    width: 60%;
    margin: 0 auto;
  }
  #recipeCatRegion .recipe_maker_box h2 img {
    width: 80%;
  }
  #nbcCat .recipe_intro {
    font-size: 0.6rem;
    position: relative;
    line-height: 15px;
  }
  #byProduct .byProductImg {
    width: 45%;
    text-align: center;
    display: block;
    margin: 2% auto 0 auto;
  }
  /* ニュースリリース */
  #main .news_release .titlePage {
    font-size: 2.5em;
  }
  #main .news_release .pageContent {
    font-size: 2em;
  }
  #main .pagination.sp {
    display: flex;
    flex-wrap: wrap;
    text-align: center; }
    #main .pagination.sp div {
      flex-basis: 40%;
      flex-grow: 0;
    }
    #main .pagination.sp div:nth-child(3) {
      flex-basis: 100%;
      margin-top: 6em;
    }
    #main .pagination.sp a {
      padding: 0.8em;
    }

  /* フッター */
  .wrap,
  .footer-head {
    width: 96%;
  }
  .footTnav {
    width: auto;
    margin: 20px 0 0 0;
  }
  .footTnav li {
    font-size: 1.2em;
  }
  .footer_box01 h3 {
    letter-spacing: .01em;
    font-size: 1.2em;
  }
  .footer_navi_box ul li {
    font-size: 1.1em;
  }
  #pageTop {
    position: fixed;
    bottom: 1%;
    right: -13%;
  }
  #pageTop img {
    width: 50%;
    bottom: 0;
    right: -3em;
  }
  .tottotte-ryorinin-box,
  .syun-box {
    display: block;
    margin: 0 2em 0;
  }
  .tottotte-ryorinin-box .tottotte-cook-imgbox, .syun-box .vegetables-imgbox {
    max-width: 40%;
    flex-basis: 40%;
    width: 40%;
    margin: 0 auto 1rem;
  }
  .tottotte-ryorinin-box .tottotte-cook-txtbox, .syun-box .vegetables-txtbox {
    max-width: 90%;
    flex-basis: 90%;
    width: 90%;
    margin: 1rem auto 0;
  }
  .video-link-box {
    margin: 0 2em;
  }
  .video-link-box a {
    font-size: 1rem;
  }
  .tottotte-ryorinin-box .tottotte-cook-imgbox,
  .syun-box .vegetables-imgbox {
    padding-left: 0;
  }

  .tottotte-ryorinin-box .tottotte-cook-txtbox,
  .syun-box .vegetables-txtbox {
    padding-right: 0;
  }

  .tottotte-ryorinin-box {
    margin-top: 3rem;
  }

  .single-recipe-video {
    padding-top: 59.25%;
    margin: 3rem auto 2rem;
    max-width: 100%;
  }

  #tottotteMottoCat.recipe_box .newRecipe.cols,
  #tottotteMottoCat .recipe_intro_box {
    display: block;
  }

  #tottotteMottoCat .recipe_intro_box {
    margin: 1rem auto 2rem;
    width: 90%;
  }

  #tottotteMottoCat .recipe_intro_box .recipe_intro_boxin-img {
    margin-bottom: 1rem;
  }

  #tottotteMottoCat .recipe_intro_box .recipe_intro_boxin-txt {
    max-width: 100%;
    width: 100%;
    flex-basis: 100%;
    padding: 1rem;
    display: block;
    box-sizing: border-box;
  }

  #main #tottotteMottoCat .recipe_intro_box .recipe_intro_boxin-txt .txt {
    font-size: 1.9em;
    line-height: 1.5em;
    margin: 0;
  }

  #main #tottotteMottoCat .newRecipe.cols .recipeBox01.col {
    max-width: 100%;
    width: 100%;
    flex-basis: 100%;
    padding: 2rem 0 1.5rem;
    margin-bottom: 2rem;
    border-bottom: dashed 1px #b9b9b9;
  }

  #main #tottotteMottoCat .tottotte-month-title,
  #main #tottotteMottoCat .kouansya-title,
  #main #tottotteMottoCat .title-seasoning {
    font-weight: bold;
    font-size: 2.3em;
  }

  #main #tottotteMottoCat .tottottecat-recipi-title {
    font-size: 2.5em;
    margin: 0.5rem 0 0;
  }

  #tottotteMottoCat .newRecipe.cols .recipe-Btn a {
    display: inline-block;
  }

  #tottotteMottoCat .newRecipe.cols .recipe-Btn.sp {
    width: 80%;
    max-width: 250px;
    margin: 1rem auto 0;
    display: block;
  }

  #recipeCatRegion #tottotteMottoCat .newRecipe.cols {
    padding-left: 0;
    padding-top: 0;
    margin: 0;
  }

  #tottotteMottoCat .tottotte-cat-cook {
    margin-left: 0;
    padding: 0 0 2rem;
    margin: 2rem 0;
    border-bottom: dashed 1px #b9b9b9;
  }

  #tottotteMottoCat .cook-name-title {
    font-size: 2.3em;
  }

  #tottotteMottoCat .cook-txt {
    font-size: 1.7em;
  }

  #recipeCatRegion #tottotteMottoCat .newRecipe.cols .recipeBox02.col {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    margin: 2rem 0;
  }

  #main #tottotteMottoCat .recipeBox02 .buy_box .img_box {
    width: 60%;
    margin: 0 auto;
  }

  #recipeCatRegion #tottotteMottoCat .newRecipe.cols .recipeBox02.col .text02 {
    font-size: 2.3em;
  }

  #recipeCatRegion #tottotteMottoCat .recipe_recomend {
    padding: 0 10px;
  }

  #recipeCatRegion #tottotteMottoCat .tottotte-recipe_recomend02 {
    padding-top: 2rem;
  }

  #main .recipe_box .morerecipe {
    font-size: 1rem;
  }





}  /* 470ここまで */

@font-face {
  font-family: 'icomoon';
  src:    url('./fonts/icomoon.eot?m2zabj');
  src:    url('./fonts/icomoon.eot?m2zabj#iefix') format('embedded-opentype'),
      url('./fonts/icomoon.ttf?m2zabj') format('truetype'),
      url('./fonts/icomoon.woff?m2zabj') format('woff'),
      url('./fonts/icomoon.svg?m2zabj#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-contact_cm:before {
  content: "\e906";
}
.icon-contact_info:before {
  content: "\e907";
}
.icon-contact_mail:before {
  content: "\e908";
}
.icon-contact_new:before {
  content: "\e909";
}
.icon-contact_newsrelease:before {
  content: "\e90a";
}
.icon-contact_sp:before {
  content: "\e90b";
}
.icon-tel:before {
  content: "\e90c";
}
.icon-recipe02:before {
  content: "\e905";
}
.icon-company:before {
  content: "\e900";
}
.icon-factory:before {
  content: "\e901";
}
.icon-iteminfo:before {
  content: "\e902";
}
.icon-mail:before {
  content: "\e903";
}
.icon-recipe:before {
  content: "\e904";
}
/* 404ページここから */
#post404 {
  width: 86%;
  margin: 10px auto;
}
/* 404ページここまで */

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
@media(min-width:961px) {
  .single-product .seibun th {
    min-width: 5em;
  }
}
@media(min-width:1300px){
  body{
    font-size: 13px;
  }
}