@charset "UTF-8";

/* reset
----------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form {
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: 0;
  font-weight: normal;
  border: 0;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000000;
}

/*----------------------------------------------------*/

#contentArea {
  background: #fff;
}

#contentAreaInner {
  padding: 0;
}

h2 {
  margin: 0 !important;
  padding: 0 !important;
}


/* bento
----------------------------------------------------*/
.ov:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.ov img {
  transition: all 0.3s;
}
#bentoArea {
  width: 1000px;
  margin: 0 auto 100px;
  clear: both;
  overflow: hidden;
  font-size: 14px;
  text-align: left;
font: 90%/180% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "Osaka", arial, Helvetica, sans-serif;
font-family: "Noto Sans JP", sans-serif;
}
#bentoArea img {
  width: 100%;
  height: auto;
  margin: 0;
  border: 0;
  vertical-align: top;
  image-rendering: -webkit-optimize-contrast;
}
#bentoArea .caut {
  font-size: 14px;
}
#bentoArea .caut li {
  line-height: 1.3;
  padding-left: 1em;
  text-indent: -1em;
  padding-bottom: .3em;
}
#bentoArea .caut .em {
  font-size: 1.3em;
}
#bentoArea .caut .em strong {
  color: #ff0000!important;
}
#bentoArea .caut .em strong.color01 {
  color: #fe0 !important;
}
#bentoArea .caut .em strong span {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  /*border-bottom: 2px solid #ff0000;*/
}
#bentoArea #main ul.caut {
  margin: 20px;
}

#bentoArea .row-bento-comment {
  display: flex;
  padding: 2em;
  background-color: rgba(255,255,255,.3);
  border-radius: .5em;
  margin: 20px 20px 0;
}
#bentoArea .row-bento-comment .col-L {
  width: calc(100% - 300px);
  padding-right: 4em;
}
#bentoArea .row-bento-comment .col-R {
  width: 300px;
}
#bentoArea .row-bento-comment .col-R span {
  display: block;
  width: 100%;
}
#bentoArea .row-bento-comment .col-R img {
  width: 100%;
  height: auto;
}
#bentoArea .caut {
  font-size: 14px;
  padding: 2em;
  background-color: rgba(255,255,255,.3);
  border-radius: .5em;
}
#bentoArea .caut li {
  line-height: 1.5;
  padding-left: 1em;
  text-indent: -1em;
  padding-bottom: .3em;
}
#bentoArea .caut .em {
  font-size: 1.3em;
}
#bentoArea .caut .em strong {
  color: #ff0000!important;
}
#bentoArea .caut .em strong.color01 {
  color: #fe0 !important;
  color: #ff0000!important;
}
#bentoArea #main ul.caut {
  margin: 20px;
}
#bentoArea .row-bento-comment .caut {
  padding: 0;
  margin: 0!important;
  background-color: transparent;
}
#bentoArea .caut .refrigerated {
  font-weight: 700;
  font-style: normal;
  color: #1989f0;
}

#bentoArea #bento {
position: relative;
margin-top: 40px;
padding-bottom: 20px;
background-color: #f1eae0;
}
#bentoArea #bento .notice {position: absolute;top: 11%;right: 2%;width: 21%;z-index: 2;}
#bentoArea #bento .notice img {width: 100%;height: auto;}
#bentoArea #bento .items {
  display: flex;
  flex-wrap: wrap;
  width: 1000px;
  overflow: hidden;
  position: relative;
}
#bentoArea #bento .items li {
  width: calc(100% / 1);
}
/*
#bentoArea #bento .items li:first-of-type {
  width: calc(100% / 1);
}
#bentoArea #bento .items li:nth-of-type(2) {
  width: calc(100% / 2);
}
#bentoArea #bento .items li:last-of-type {
  width: calc(100% / 2);
}
*/
#bentoArea #bento ul.caut {
  margin: 20px 20px 0;
}

/* omoushikomi
----------------------------------------------------*/
#bentoArea #omoushikomi {
  border: 4px solid #785028;
  margin-top: 40px;
}
#bentoArea #omoushikomi h4 {
  background: #785028;
  text-align: center;
  padding: 20px;
}
#bentoArea #omoushikomi h4 img {
  width: calc(614px / 2);
}
#bentoArea #omoushikomi h5 {
  font-size: 1.5rem;
}
#bentoArea #omoushikomi .flow {
  width: 900px;
  margin: 30px auto;
  background: #faf5e8;
  border-radius: 5px;
  border: 1px solid #9a8650;
}
#bentoArea #omoushikomi .flow h5 {padding: 18px;}
#bentoArea #omoushikomi .flow ol.application-lst {width: 100%;margin: 0 auto;padding: 0 18px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#bentoArea #omoushikomi .flow ol.application-lst > li {font-size: 17px;line-height: 1.6;margin: 0 auto 20px;padding: 5px 0 8px 45px;color: #222;border-bottom: solid 1px #a2874f;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-weight: bold;}
#bentoArea #omoushikomi .flow ol.application-lst > li.no01 {background: url(../img/bt25ss_flow01.png) no-repeat 0px 0px;background-size: 35px;}
#bentoArea #omoushikomi .flow ol.application-lst > li.no02 {background: url(../img/bt25ss_flow02.png) no-repeat 0px 0px;background-size: 35px;}
#bentoArea #omoushikomi .flow ol.application-lst > li.no03 {background: url(../img/bt25ss_flow03.png) no-repeat 0px 0px;background-size: 35px;}
#bentoArea #omoushikomi .flow ol.application-lst > li.no04 {background: url(../img/bt25ss_flow04.png) no-repeat 0px 0px;background-size: 35px;}
@media print, screen and (max-width: 750px){
#bentoArea #omoushikomi .flow h5 {padding: 16px;}
#bentoArea #omoushikomi .flow ol.application-lst > li {font-size: 14px;line-height: 1.4;margin: 0 auto 10px;padding: 3px 0 8px 35px;}
#bentoArea #omoushikomi .flow ol.application-lst > li.no01 {background: url(../img/bt25ss_flow01.png) no-repeat 0px 0px;background-size: 28px;}
#bentoArea #omoushikomi .flow ol.application-lst > li.no02 {background: url(../img/bt25ss_flow02.png) no-repeat 0px 0px;background-size: 28px;}
#bentoArea #omoushikomi .flow ol.application-lst > li.no03 {background: url(../img/bt25ss_flow03.png) no-repeat 0px 0px;background-size: 28px;}
#bentoArea #omoushikomi .flow ol.application-lst > li.no04 {background: url(../img/bt25ss_flow04.png) no-repeat 0px 0px;background-size: 28px;}
#bentoArea #omoushikomi .flow ol.application-lst > li.no04 {padding-bottom: 15px;}
}
#bentoArea #omoushikomi .flow ul.caut {
  padding: 0 18px 18px;
}

#bentoArea #omoushikomi .period {
  width: 900px;
  margin: 30px auto 5px;
}
#bentoArea #omoushikomi .period h5 {
  padding-bottom: 10px;
}

#bentoArea #omoushikomi .bento_ex {
  width: 900px;
  margin: 0 auto;
  border: 2px solid #A5353F;
}
#bentoArea #omoushikomi .bento_ex h5 {
  background: #A5353F;
  padding: 8px 10px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  letter-spacing: .1rem;
}
#bentoArea #omoushikomi .bento_ex p,
#bentoArea #omoushikomi .bento_ex ul.caut {
  padding: 10px;
}
#bentoArea #omoushikomi table.ex {
  width: calc(100% - 20px);
  margin: 0 auto;
  border-collapse: collapse;
}
#bentoArea #omoushikomi table.ex th, #bentoArea #omoushikomi table.ex td {
  border: 1px solid #8d8d8d;
  padding: 15px;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
}
#bentoArea #omoushikomi table.ex th {
  background: #eb6d8e;
  color: #fff;
}
#bentoArea #omoushikomi table.ex td span {
  font-size: 0.8em;
  line-height: 1;
}

#bentoArea #omoushikomi .cake_ex {
  width: 900px;
  margin: 30px auto;
  border-left: 2px solid #f1818c;
  border-right: 2px solid #f1818c;
  border-bottom: 2px solid #f1818c;
}
#bentoArea #omoushikomi .cake_ex h5 {
  background: #f1818c;
  padding: 8px 10px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  letter-spacing: .1rem;
}
#bentoArea #omoushikomi .cake_ex p,
#bentoArea #omoushikomi .cake_ex ul.caut {
  padding: 10px;
}

#bentoArea #omoushikomi .privacy {
  width: 900px;
  margin: 30px auto;
}
#bentoArea #omoushikomi .privacy h5 {
  padding-bottom: 10px;
}
#bentoArea #omoushikomi .privacy ul {
  background: #faf5e8;
  padding: 20px;
}
#bentoArea #omoushikomi .privacy ul li {
  color: #5a5a5a;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 2;
}
#bentoArea #omoushikomi .btn_area {
  width: 402px;
  margin: 40px auto;
  text-align: center;
  position: relative;
}

/* navi FIX
----------------------------------------------------*/
#footer_sec-03 {
  padding-bottom: 96px !important;
}
#pageTop {
  position: fixed !important;
  bottom: 105px !important;
  right: 45px !important;
  transition: all 0.3s;
}
#pageTop:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#bentoArea .bento24_navi {
  position: fixed;
  bottom: 0;
  height: 87px;
  width: 100%;
  left: 0;
  z-index: 1999;
  background: #f5e9ca;
}
#bentoArea .bento24_navi ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1000px;
  max-width: 1000px;
  height: 87px;
  margin: 0 auto;
}
#bentoArea .bento24_navi ul li {
  display: block;
  width: calc(50% - 8px);
  padding: 8px 0;
}
#bentoArea .bento24_navi ul li a {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #FFF;
  font-size: 1.65em;
  border-radius: .25em;
  box-shadow: 0 0 .5em rgba(0,0,0, .2);
  transition-property: all;
  transition-duration: .15s;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#bentoArea .bento24_navi ul li a::before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  border-radius: .25em;
  z-index: -1;
}
#bentoArea .bento24_navi ul li a::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  border-radius: .25em;
  z-index: 0;
}
#bentoArea .bento24_navi ul li a:hover {
  top: 2px;
}
#bentoArea .bento24_navi ul li a:hover::before {
  top: 2px;
}
#bentoArea .bento24_navi ul li a span {
  position: relative;
  display: block;
  margin: auto;
  z-index: 2;
}
#bentoArea .bento24_navi ul li:nth-child(1) a::after {
  background-color: #A5353F;
}
#bentoArea .bento24_navi ul li:nth-child(1) a::before {
  background-color: #7C272F;
}
#bentoArea .bento24_navi ul li:nth-child(1) a:hover::after {
  background-color: #75252D;
}
#bentoArea .bento24_navi ul li:nth-child(2) a::after {
  background-color: #785028;
}
#bentoArea .bento24_navi ul li:nth-child(2) a::before {
  background-color: #4c3217;
}
#bentoArea .bento24_navi ul li:nth-child(2) a:hover::after {
  background-color: #663f17;
}

@media print, screen and (max-width: 750px){
#bentoArea {width: 100%;font-size: .75rem;}
#bentoArea #bento .notice {top: 6.5%;right: 1%;width: 26%;}
#bentoArea #bento .items {width: 100%;}
#bentoArea #bento .items li:first-of-type {width: 100%;}
#bentoArea #bento .items li:nth-of-type(2) {width: 100%;}
#bentoArea #bento .items li:last-of-type {width: 100%;}
#bentoArea .row-bento-comment {display: block;margin: 0 auto;padding: 1rem;border-radius: 0;}
#bentoArea .row-bento-comment .col-L {width: 100%;padding-right: 0;}
#bentoArea .row-bento-comment .col-R {width: 100%;}
#bentoArea .caut .em {font-size: .9rem;}
#bentoArea .caut li {font-size: .75rem;}
#bentoArea #omoushikomi {margin: 20px 0;}
#bentoArea #omoushikomi .flow {width: 96%;margin: 15px auto;}
#bentoArea #omoushikomi .period {width: 96%;margin: 0 auto;}
#bentoArea #omoushikomi .bento_ex {width: 96%;}
#bentoArea #omoushikomi .bento_ex h5 {font-size: 18px;}
#bentoArea #omoushikomi .privacy {width: 96%;margin: 10px auto 0;}
#bentoArea #omoushikomi .btn_area {width: 80%;margin: 20px auto;}
#bentoArea .bento24_navi {padding: 5px 0 20px;height: auto;}
#bentoArea .bento24_navi ul {width: 96%;max-width: 100%;height: auto;}
#bentoArea .bento24_navi ul li {width: calc(50% - 4px);padding: 4px 0;}
#bentoArea .bento24_navi ul li a {padding: 5px 0 3px;font-size: .9rem;}
#bentoArea #bento ul.caut {margin: 15px auto !important;}
#bentoArea #omoushikomi h4 {padding: 10px;}
#bentoArea #omoushikomi h4 img {width: 52%;}
#bentoArea #omoushikomi h5 {font-size: 1rem;padding: 15px 0;font-weight: bold;}
#bentoArea #omoushikomi table.ex {width: calc(100% - 7px);}
#bentoArea #omoushikomi table.ex th, #bentoArea #omoushikomi table.ex td {padding: 3px;font-size: .6rem;}
#bentoArea #omoushikomi table.ex td {padding: 5px 3px;line-height: 1.4;}
#bentoArea #omoushikomi table.ex th:first-of-type {width: 20%;}
#bentoArea #omoushikomi table.ex th:nth-of-type(2) {width: 20%;}
#bentoArea #omoushikomi table.ex th:nth-of-type(3) {width: 30%;}
#bentoArea #omoushikomi table.ex th:last-of-type {width: 30%;}
#bentoArea #omoushikomi .privacy ul li {line-height: 1.6;}
}

.w-sp {display: none !important;}
@media print, screen and (max-width: 750px){
.w-sp {display: inline-block !important;}
}