/* ================================
  E&C 2024-04-03
  MB→PC min-width:1100px
  ※調整min-width：768pxもあり
================================ */

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap');

/* -------------------------------- 
  basic
-------------------------------- */
*,*:before, *:after {
box-sizing: inherit;
}

html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body {
background-color: #fff;
color: #4c3131;
font-family: "Helvetica", "Arial", YuGothic, "Yu Gothic Medium", "Yu Gothic", "Meiryo", sans-serif;
font-size: 16px;
letter-spacing: 0.05em;
}

_:-ms-lang(x)::-ms-backdrop, body {/*IE11*/
font-family: "MS Pゴシック", sans-serif;
}

/* GoogleFonts */
#cateTitTxt h1 .tit, main h2, main h3,
#sasugaichi .intSec .fCh, #producer .repo .fCh,
.itemCartBox dt.itemTit .txt {font-family: "M PLUS 1p", sans-serif;}


main {
display: block; /* IE11 */
}

html, body, h1, h2, h3, h4, p, table, th, td, dt, dd, nav ul, nav li, footer ul, footer li, figcaption, figure {
margin: 0;
padding: 0;
line-height: 1.4;
}

h1, h2, h3, h4, table, li a, nav li, a.iconArr,
#conteNav, #newsbxOshirase, #news .newsBox dt, #shop .itemTit, #shop .itemTit .txt, #producer .repo .fCh, .soldoutBox, 
.fPalt {
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}

h1, h2, h3, h4 {
line-height: 1.3;
}

p {
margin: 0;
padding: 10px 0 0;
line-height: 1.5;
word-wrap: break-word;
overflow-wrap: break-word;
}

blockquote {
margin: 0;
padding: 0;
}

i {
margin-right: 6px;
font-weight: 400;
}

img {
max-width: 100%;
height: auto;
vertical-align: top;
}

a {
transition: all 0.3s ease;
color: #390;
}

a img {
display: inline-block;
border: none;
outline: 0;
text-decoration: none;
transition: all 0.3s ease;
}

br {
letter-spacing: 0;
}

ul {
list-style: disc;
margin: 0;
padding: 5px 0 10px 1.2em;
}
ul li {
margin: 0;
padding: 5px 0 0;
}

nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav ul li {
margin: 0;
padding: 0;
line-height: 1.3;
}
nav ul a {
display: block;
text-decoration: none;
color: #4c3131;
}


figcaption {
padding-top: 3px;
font-size: 12px;
text-align: left;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

footer {
background: url("../img_common/footer_bgimg.png") no-repeat center bottom #defafa;
background-size: contain;
margin: 0;
padding: 20px 5%;
}

small {
display: block;
text-align: center;
margin: 0;
padding: 10px 0;
font-size: 11px;
}

label {
cursor: pointer;
}

input, textarea, select {
font: 100%;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
background: none;
border: none;
padding: 0;
cursor: pointer;
}
input::-webkit-input-placeholder, input::placeholder, textarea::placeholder {
font-size: 16px;
}

sup,
sub {
position: relative;
height: 0;
line-height: 1;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}

sub {
top: .5ex;
}

@media screen and (max-width: 1099px) {
  a:active, a:active img {
  opacity: 0.6;
  }

  h1 br:not(.fix),
  p br:not(.fix) {
  display: none;
  }
}

@media screen and (max-width: 767px) {
  p br.mbOn {
  display: block;
  }
}


@media screen and (min-width: 1100px), print {

  a[href^="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: inherit;
  }

  a:hover, a:hover img {
  opacity: 0.6;
  }

  figcaption {
  padding-top: 5px;
  text-align: right;
  }

  small {
  text-align: right;
  }

}


/* -------------------------------- 
  お知らせ枠
-------------------------------- */
.txtNewsList .tit {
  background-color: #c6efd5;
  border-left: 5px solid #4c3131;
  margin: 0 0 2px;
  padding: 5px 10px;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.3;
  text-align: left;
}
.txtNewsList .box {
  border-left: 5px solid #d2cba6;
  padding: 5px 0 0;
}
.txtNewsList ul {
  margin: 0 0 10px;
  padding: 5px 0 0 30px;
}
.txtNewsList li {
  padding: 5px 0;
  font-size: 14px;
  line-height: 1.3;
}


/* -------------------------------- 
  etc
-------------------------------- */

.fPalt {font-feature-settings: "palt";}

.taC {text-align: center !important;}
.taR {text-align: right !important;}
.taL {text-align: left !important;}
.fRed {color: #c00;}
.fSig {font-size: 13px; text-align: right;}

.mB0 {margin-bottom: 0 !important;}
.mB10 {margin-bottom: 10px !important;}
.mB20 {margin-bottom: 20px !important;}
.mB30 {margin-bottom: 30px !important;}

.pT0 {padding-top: 0 !important;}
.pT5 {padding-top: 5px !important;}
.pT10 {padding-top: 10px !important;}
.pT20 {padding-top: 20px !important;}
.pT30 {padding-top: 30px !important;}
.pB0 {padding-bottom: 0 !important;}

.f12 {font-size: 12px;}
.fS {font-size: 0.8125rem; /*13px*/}
.fSM {font-size: 1.2em;}
.fM {font-size: 1.5em;}

.bgClrRed {background-color: #fff2f2;}

.fMarker {background: linear-gradient(transparent 60%, #ff6 60%);}

/* 三点リーダー */
.leader {font-family: Meiryo;}

/* NEWマークテキスト用 */
.newTxt {
display: inline-block;
background-color: #ffffa3;
color: #c00;
margin-left: 5px;
padding: 1px 5px;
font-size: 10px;
vertical-align: middle;
}

/* 三点リーダー用 */
.leader {font-family: Meiryo;}

/* 矢印 */
.iconArr {
display: inline-block;
position: relative;
padding-left: 1em;
text-decoration: none;
}
.iconArr::before {
content: "";
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 2px;
width: 6px;
height: 6px;
border-top: 2px solid #4c3131;
border-right: 2px solid #4c3131;
transform: rotate(45deg);
}

/* 箇条書き（丸囲み数字） */
ol.circleNum {
  counter-reset: my-counter;
  list-style: none;
  margin: 0;
  padding: 10px 0 0;
}
ol.circleNum li {
  font-size: 1em;
  line-height: 1.5;
  margin: 0;
  padding-left: 1.2em;
  position: relative;
}
ol.circleNum li:not(:first-child) {
  margin-top: 5px;
}
ol.circleNum li::before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.2em;
  width: 1.2em;
  color: inherit;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 0.3em;
  left: 0;
}


/* 文章 中央寄せ＋幅不足時左寄せ */
.readBox {
margin: 0;
padding: 0 0 20px;
text-align: center;
}
.readBox .box {
display: inline-block;
margin: 0 auto;
text-align: left;
}

#recipe .readBox {/*調整*/
padding: 30px 0;
}

.readTit {
line-height: 1.3;
font-size: 20px;
}

@media screen and (min-width: 768px), print {/*調整*/

  .readTit {
  font-size: 24px;
  }

}

/* 米印（リスト） */
ul.listAsterisk {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.listAsterisk li::before {
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 5px;
  content: "※";
  width: 10px;
  height: 10px;
}

/* 米印（テキスト） */
.asterisk {
  padding-left: 1em;
}
.asterisk::before {
  content: "※";
  margin-left: -1em;
}

/* ボタン */
a.btnLine {
display: inline-block;
border: 3px solid rgba(76,49,49,0.2);
color: #4c3131;
padding: 10px;
text-decoration: none;
}
#conteSide a.btnLine {
display: block;
}

@media (hover: hover) {
  a.btnLine:hover {
    opacity: 0.6;
  }
}

/* 枠 */
.wkDot {
border: 1px dotted #ddd;
margin: 15px 0 0;
padding: 5px 15px 15px;
}

/* 画像 */
.imgWF {
width: 100%;
}

.imgMargin {
margin: 1rem 0;
}

@media screen and (max-width: 1099px) {/*調整*/
  .imgMbWF {
  width: 100%;
  }

}


/* 背景 */
.bgDotGrn {
background-image:  radial-gradient(#e5f5dd 2px, transparent 2px), radial-gradient(#e5f5dd 2px, #f6fff2 2px);
background-size: 20px 20px;
background-position: 0 0,10px 10px;
}

.bgWht {
background-color: #fff;
}


/**/
.inlineBlk {
display: inline-block;
text-align: inherit;
}

/**/
.bDLineGray {
border-bottom: 1px dotted #666;
margin-bottom: 40px;
padding-bottom: 40px;
}

/* このページの上部へ戻る */
.bxpgup {
padding: 10px 0 20px;
text-align: right;
font-size: 14px;
}
.bxpgup a {
text-decoration: none;
}
.bxpgup a:before {
margin-right: 5px;
content: "\f062";
font-family: FontAwesome;
}

/* flex */
.flexSec,
.flexSecSb {
display: flex;
flex-wrap: wrap;
}
.flexSecSb {
justify-content: space-between;
}

@media screen and (max-width: 1099px) {

  table.tblRes th, table.tblRes td {
  display: block;
  width: 100%;
  text-align: left;
  }

  .pcFlexBsc > .box:nth-of-type(n+2) {
  padding-top: 10px;
  }

}

@media screen and (min-width: 768px), print {/*調整*/

  .pcTaR {text-align: right !important;}

  .pcFlexSec {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  }
  .pcFlexBsc {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  }
  .pcFlexBsc > .box {
  margin-right: 20px;
  }
	
}

/* 吹き出し */
.balloon {
position: relative;
display: inline-block;
margin: 0 0 15px;
padding: 5px 10px;
min-width: 120px;
max-width: 100%;
font-size: 16px;
text-align: center;
background: #c6efd5;
}
.balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 15px solid #c6efd5;
}
.balloon .txt {
display: block;
margin: 0;
padding: 0;
}


/* スライダー 
-------------------------------- */
.slick-prev:before,
.slick-next:before {
color: #000 !important;
}

.slider {
margin: 0 auto 60px;
}

.slider img {
margin: 0 auto;
}


/* 新着表示
-------------------------------- */
/* 枠用  */
.mkNewWk {
position: relative;
}
.mkNewWk::before {
position: absolute;
z-index: 5;
top: -3px;
left: 10px;
content: 'NEW';
background: #ff5959;
border-radius: 100vh;
color: #fff;
font-size: 12px;
line-height: normal;
padding: 3px 10px;
animation: fuwafuwa 2s infinite;
}


/* -------------------------------- 
  ローディング
-------------------------------- */
.loading {
position: fixed;
width: 100vw;
height: 100vh;
top: 0px;
left: 0px;
background-color: rgba(200,189,183,0.9);
z-index: 9999;
}

.loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 20px;
width: 1em;
height: 1em;
border-radius: 50%;
text-indent: -9999em;
-webkit-animation: loadpage 1.3s infinite linear;
animation: loadpage 1.3s infinite linear;
}
@-webkit-keyframes loadpage {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes loadpage {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

.loaderTxt {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 11px;
}


/* -------------------------------- 
  common
-------------------------------- */
#wrap {
padding: 50px 0 0;
overflow: hidden;
}

.secBox {
padding: 40px 0;
}
.secSubBox {
padding: 30px 0 0;
}

.conteSp {
width: 92%;
max-width: 1000px;
margin: 0 auto;
}

@media screen and (max-width: 1099px) {/*調整*/

  .conteMbSp {
  margin: 0 5%;
  }

}

@media screen and (min-width: 1100px), print {

  #wrap {
  padding: 100px 0 0;
  }
  
  .conteMain {
  width: 92%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  }

  /* PC 2カラム */
  #conteCol2 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  /*flex-wrap: wrap;*/
  width: 92%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  }
  
  /*#conteSide {
  width: 24%;
  max-width: 200px;
  margin: 0;
  padding: 0;
  }*/
  
  #conteSide {
  max-width: 200px;
  margin: 0 3% 0 0;
  padding: 0;
  }
  #conteSide img {
  max-width: 100%;
  }
  #conteCol2 .conteMain {
  width: 70%;
  min-width: 800px;
  max-width: 1100px;
  margin: 0;
  }

}


/* -------------------------------- 
  header
-------------------------------- */

header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
margin: 0;
padding: 0;
z-index: 100;
}

#headerSec {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff;
box-shadow: 0 3px 5px -2px #888;/*rgb(0, 0, 0, 0.5);*/
width: 100%;
max-width: 1100px;
margin: 0 auto;
}


#headerSec h1 {
display: flex;
align-items: center;
margin: 0 10px 0 20px;
}
#headerSec h1 a {
display: flex;
align-items: center;
}


#hdrBtnBox {
display: flex;
justify-content: flex-end;
width: 55%;
}

a#hdrBtnMf {
display: flex;
justify-content: center;
align-items: center;
background-color: #e9285c;
width: calc(100% - 50px);
max-width: 200px;
height: 50px;
}
a#hdrBtnMf img {
width: 84%;
max-width: 150px;
height: auto;
}
#jsModalOpen {
display: flex;
justify-content: center;
align-items: center;
background-color: #4c3131;
width: 50px;
height: 50px;
}

#jsModalOpen {
cursor: pointer;
}

@media screen and (max-width: 1099px) {
  #headerSec h1 img {
  width: auto;
  height: 20px;
  }

  #hdrBtnMf img,
  #jsModalOpen img {
  width: auto;
  height: 32px;
  }
}

@media screen and (min-width: 1100px), print {

  header {
  height: 80px;
  }
  #headerSec {
  border-radius: 0 0 6px 6px;
  }
  
  a#hdrBtnMf {
  width: 40%;
  max-width: 200px;
  height: 80px;
  }

  #jsModalOpen {
  border-radius: 0 0 6px 0;
  width: 80px;
  height: 80px;
  }
}


/* nav
-------------------------------- */

/* モーダル */
body.fixed {
position: fixed;
width: 100%;
top: 0;
left: 0;
overflow-y: auto;
}

.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}

.modal * {
text-shadow: none;
color: #4c3131;
}

.modalBg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 222;
-webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
background: rgba(222,250,250,0.9);
}

.modaContent {
position: relative;
z-index: 555;
width: 90vw;
max-height: 98vh;
max-width: 1100px;
box-sizing: border-box;
}

.modalInner {
position: relative;
background: #fff;
padding: 5vw;
}

.modalInner > ul > li {
border-bottom: 1px solid #ddd;
padding: 10px 0;
font-size: 14px;
}

.modalInner > ul > li ul {
margin: 0 0 0 1em;
}
.modalInner > ul > li li {
padding: 5px 0;
font-size: 14px;
}

.modalInner li .txtBox {
margin: 0;
padding: 5px 0 0;
font-size: 12px;
line-height: 1.4;
}

.modalInner ul.guideList {
  margin-top: 1rem;
}


.modalInner > ul.guideList > li {
font-size: 13px;
border-bottom-style: dotted;
}

.modalInner ul.bnrList {
  margin-top: 1rem;
}
.modalInner ul.bnrList li {
  border: none;
}

@media screen and (min-width: 768px) {
  .modalInner {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 50px;
  }
  .modalInner > ul {
  flex-shrink: 0;
  width: 46%;
  margin: 0 2%;
  }
  .modalInner > ul > li {
  font-size: 15px;
  }
  
  .modalInner > ul.guideList > li {
  font-size: 12px;
  }
  
}

.modal .btnClose {
margin: 11px auto 0;
color: #4c3131;
font-size: 22px;
font-weight: 700;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
width: 200px;
height: 56px;
z-index: 2;
}

.modal .btnClose:hover {
cursor: pointer;
}

.modal.isClose > * {
pointer-events: none;
}

.modal.isClose {
pointer-events: none;
visibility: hidden;
-webkit-transition: visibility .3s;
transition: visibility .3s;
}

.modal.isClose .modalBg,
.modal.isClose .modaContent {
opacity: 0;
-webkit-transition: .3s opacity 0s;
transition: .3s opacity 0s;
}

.modal.isOpen {
visibility: visible;
}

.modal.isOpen .modalBg {
opacity: 1;
-webkit-transition: .3s opacity 0s;
transition: .3s opacity 0s;
}

.modal.isOpen .modaContent {
pointer-events: none;
opacity: 1;
-webkit-transition: .3s opacity .3s;
transition: .3s opacity .3s;
}

.modal.isOpen .btnClose, .modal.isOpen .modalInner {
pointer-events: auto;
}

@media screen and (min-width: 768px) {
  .modal.isOpen .jsModalClose {
  pointer-events: auto;
  }
  .jsModalClose.mbOn { /* 表示調整 */
  display: none;
  }
  
}

.modalInner ul {
list-style: none;
font-size: 16px;
margin: 0;
padding: 0;
text-align: left;
}
.modalInner ul a {
text-decoration: none;
}


/* .gNavSubNav */
li.gNavSubNav {
  position: relative;
  border-bottom: 1px solid #4c3131;
  margin: 0;
  padding: 20px 40px 20px 0;
  color: #4c3131;
  cursor: pointer;
}
li.gNavSubNav ul {
  display: none;
  margin: 0;
  padding: 0 0 10px;
}
li.gNavSubNav ul li:first-child {
  padding-top: 10px;
}
.gNavSubNavTit::after {
  box-sizing: border-box;
  content: '+';
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  font-family: "MS UI Gothic", sans-serif;
  font-size: 24px;
  line-height: 1;
  color: #c00;
}
.gNavSubNavTit.on::after {
  content: '';
  background-color: #c00;
  width: 12px;
  height: 1px;
  top: 16px;
}



/* #conteNav
-------------------------------- */
#conteNav {
padding: 20px 5%;
}
#conteNav ul.navSec {
list-style: none;
margin: 0 0 10px;
padding: 0;
}

#conteNav ul.navSec li {
border-bottom: 1px solid rgba(76,49,49,0.3);
margin: 0;
padding: 8px 0;
font-size: 14px;
line-height: 1.4;
}
#conteNav ul.navSec li:first-child {
border-top: 1px solid rgba(76,49,49,0.3);
}

#conteNav ul.navSec a {
display: block;
position: relative;
padding-left: 20px;
text-decoration: none;
}
#conteNav ul.navSec a::before {
content: "";
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 2px;
width: 6px;
height: 6px;
border-top: 2px solid #4c3131;
border-right: 2px solid #4c3131; 
transform: rotate(45deg);
}
#conteNav ul.navSec a i {
margin-right: 1px;
}

@media screen and (min-width: 1100px), print {
  #conteNav {
  padding: 0;
  }
}


/* ページタイトル
-------------------------------- */
#cateTitBox {
  display: flex;
  background-color: #b0ddd6;
  width: 100%;
  margin-bottom: 20px;
  height: 100px;
}
#cateTitImg {
  background: url("../img_common/contetitimg_common.jpg") no-repeat center center;
  background-size: cover;
  width: 40%;
  height: 100%;
}
#cateTitTxt {
  position: relative;
  background: url("../img_common/contetitimg_common_bg.jpg") no-repeat center center;
  background-size: cover;
  width: 60%;
}
#cateTitTxt h1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,117,99,0.9);
  border-radius: 0 6px 6px 0;
  color: #fff;
  width: 90%;
  padding: 10px 4%;
}

#cateTitTxt a {
  color: #fff;
  text-decoration: none;
}

#cateTitTxt h1 .cateTit {
  display: block;
  font-size: 2vw;
  line-height: normal;
}

#cateTitTxt h1 .tit {
  display: block;
  font-size: 5vw;
  font-weight: normal;
  line-height: 1.2;
}

@media screen and (max-width: 1099px) {/*調整*/
  #cateTitTxt h1 .tit br:not(.fix) {
  display: none;
  }
}

@media screen and (min-width: 480px) {/*調整*/

  #cateTitBox {
    height: 160px;
  }


  #cateTitTxt h1 .tit {
    font-size: 24px;
  }
}


@media screen and (min-width: 640px) {/*調整*/

  #cateTitTxt h1 .cateTit {
    font-size: 20px;
  }
}

@media screen and (min-width: 1100px), print {
  
  #cateTitBox {
    margin-bottom: 60px;
    height: 300px;
  }
  
  #cateTitImg {
    height: 300px;
  }
  #cateTitImg,
  #cateTitTxt {
    width: 50%;
  }
  #cateTitTxt h1 {
    max-width: 500px;
    padding: 20px 4%;
  }
  
  #cateTitTxt h1 .tit {
    font-size: 32px;
  }

}


/* -------------------------------- 
  footer
-------------------------------- */
footer nav li {
padding: 8px 0;
font-size: 14px;
}

footer nav ul.guideList {
  border-top: 1px dotted #4c3131;
  margin-top: 1rem;
  padding-top: 1rem;
}
footer nav ul.guideList li {
  font-size: 13px;
}

@media screen and (min-width: 600px), print {/* 調整 */

  #ftrNav {
  margin-bottom: 20px;
  }

  footer nav ul {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: top;
  }
  footer nav ul:nth-of-type(n+2) {
  margin-top: 22px;
  }
  
  footer nav ul.guideList {
    display: inline-block;
    width: calc(100% - 350px);
  }
  
  footer nav li {
  padding: 5px 0;
  }
}


/* -------------------------------- 
  SNS
-------------------------------- */

#gNavConte .snsBtn {
padding-top: 25px;
text-align: center;
}
#gNavConte .snsBtn img {
border: 2px solid #ccc;
width: 149px;
}

#ftSNS {
margin-bottom: 20px;
padding-top: 20px;
text-align: center;
}

@media screen and (min-width: 600px), print {/* 調整 */

  #gNavConte .snsBtn img {
  width: 324px;
  height: auto;
  }

  #ftSNS .snsBtn img {
  width: 320px;
  height: 60px;
  }

  #ftSNS {
  padding-top: 25px;
  text-align: left;
  }

}
@media screen and (min-width: 1000px) {
  #ftSNS {
  display: inline-block;
  }
}

/* -------------------------------- 
  上部へ戻る
-------------------------------- */
#pageTop {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #4c3131;
  border-radius: 6px 0 0 0;
  opacity: 0.9;
  z-index: 100;
}
#pageTop a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
}
#pageTop a::before {
  content: '';
  width: 12px;
  height: 12px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media print, screen and (min-width: 1100px) {
  #pageTop,
  #pageTop a {
  width: 50px;
  height: 50px;
  }
}

/* -------------------------------- 
  footer下部表示
-------------------------------- */
/*
#wrap {
display: flex;
flex-flow: column;
min-height: 100vh;
}
main {
flex: 1;
}

*/

/* -------------------------------- 
  breadcrumbSec
-------------------------------- */
#breadcrumbSec {
width: 92%;
max-width: 1100px;
margin: 0 auto;
padding: 10px 0;
}
#breadcrumbSec ol {
margin: 0;
padding: 10px 0;
list-style: none;
}

#breadcrumbSec li {
display: inline;
color: #a7a7a7;
font-size: 11px;
}

#breadcrumbSec li:after {
content: '>';
color: #555;
padding: 0 0.2em;
}

#breadcrumbSec li:last-child:after {
content: '';
}

#breadcrumbSec li a {
color: #000;
text-decoration: none;
}

#breadcrumbSec li a:hover {
text-decoration: underline;
}


/* -------------------------------- 
  優先調整
-------------------------------- */

@media screen and (max-width: 1099px) {
  .pcOn {
  display: none !important;
  }
}

@media print, screen and (min-width: 1100px) {
  .mbOn {
  display: none !important;
  }
}

/*a.iconPdfB {
  position: relative;
  padding: 0 0 0 18px;
  text-decoration: none;
}
a.iconPdfB:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  background: url("../img_common/icon_pdf32.png") no-repeat left top;
  background-size: 16px 16px;
}
a.iconPdfA {
  position: relative;
  padding: 0 18px 0 0;
  text-decoration: none;
}
a.iconPdfA:after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  background: url("../img_common/icon_pdf32.png") no-repeat right top;
  background-size: 16px 16px;
}*/

/* PDFアイコン */
a[href*=".pdf"]:not(.pdfImgLink):not(.exlinkAfter):not(.recipe)::after { 
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  background-image: url(../img_common/icon_pdf32.png);
  background-size: contain;
  vertical-align: middle;
}
/* 外部リンクアイコン */
a.exlink {
  display: inline-block;
	padding: 1px 0 0 18px;
  background: url("../img_common/arw_ex_blk.png") no-repeat 0 center;
  background-size: 13px 13px;
	text-decoration: none;
}
.exlinkAfter::after {
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	background-image: url(../img_common/arw_ex_blk.png);
	background-size: contain;
	vertical-align: middle;
}


/* ================================
  youtube
================================ */
.youtubeBox {
  position: relative;
  width: 100%;
  margin: 30px 0;
  padding-top: 56.25%;
  text-align: center;
}
.youtubeBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
}

/* ================================
  動き
================================ */

/* animation: pikopiko 1s steps(2, start) infinite; */
@keyframes pikopiko {
  0% {
    transform: rotate(20deg);
  }
  to {
    transform: rotate(-10deg);
  }
}

/* animation: fuwafuwa 2s infinite; */
@keyframes fuwafuwa {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}


/* ================================
  スライダー設定
================================ */
#fnSlider .slick-dotted.slick-slider {
margin-bottom: 50px;
padding: 0;
}

#cmSlider .slick-dotted.slick-slider {
margin-bottom: 40px;
padding: 0;
}

#fnSlider .slick-dots {
bottom: -35px;
}
#fnSlider .slick-dots li ,
#cmSlider .slick-dots li {
	margin: 0;
}
@media screen and (max-width: 1099px) {
  #fnSlider img.sp-image ,
	#cmSlider img.sp-image {
    width: 100%;
    height: auto;
	}
}
/*
.jaSlider .bx-wrapper,
#fnSlider .bx-wrapper {
	box-shadow: none;
	border: none;
	background-color: transparent;
}
@media screen and (max-width: 1099px) {
	.jaSlider .bx-wrapper img,
  #fnSlider .bx-wrapper img {
    width: 100%;
    height: auto;
	}
}
*/

/* ================================
  details
================================ */
details.detailsArwNone[open] {
  padding-bottom: 20px;
} 
details.detailsArwNone summary {
  display: block; /* 矢印削除 */
  cursor: pointer;
  color: #390;
  text-decoration: underline;
}
details.detailsArwNone summary::-webkit-details-marker {
  display: none; /* 矢印削除 */
}
details.detailsArwNone .bgBox {
  background-color: #fff8df;
  margin: 5px 0 0;
  padding: 15px;
}
details.detailsArwNone .txtBox p {
  font-size: 14px;
}
details.detailsArwNone .txtBox p:nth-of-type(1) {
  padding: 0;
}

/* ================================
  lightbox2
================================ */
body.modal-open {
  height: 100vh;
  overflow-y: hidden;
}


/* ================================
  配色
================================ */

.bgClrBsc {background-color: #c6efd5;}

/* 金融 */
.bgClrfnc {background-color: #f5e696;}

/* 共済 */
.bgClrKsi {background-color: #fdc9c8;}

/* 不動産 */
.bgClrFds {background-color: #c5eded;}

/* 農業情報 */
.bgClrFam {background-color: #d6eb9b;}

/* 葬祭・仏事 */
.bgClrCrm {background-color: #a8cae9;}

/* JA掛川市について */
.bgClrInf {background-color: #d1c8c2;}