/*drawerメニューのバグ回避*/
.drawer--top.drawer-open .drawer-nav {
  top: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.contents-wrap.single-item .main section.section-content.detail .inner .color-navi .colors .navi .color img {
  border-radius: 50%;
}

#delete.input.delete {
  display: inline-flex;
  align-items: center;
}

#delete.input.delete a {
  padding: 10px;
  text-decoration: underline;
  margin-top: 19px;
}


.contents-wrap.reorder-form01 section.section-content > .inner table tr,
.contents-wrap.reorder-form02 section.section-content > .inner table tr,
.contents-wrap.reorder-form03 section.section-content > .inner table tr,
.contents-wrap.reorder-form04 section.section-content > .inner table tr,
.contents-wrap.reorder-form05 section.section-content > .inner table tr,
.contents-wrap.reorder-form06 section.section-content > .inner table tr {
  align-items: center;
}

#delete2.input.delete {
  display: inline-flex;
  align-items: center;
}

@media screen and (min-width:768px) {
  #delete2.input.delete {
    margin-right: -70px;
  }
}

#delete2.input.delete a {
  padding: 10px;
  text-decoration: underline;
}

body > .header .inner .sns {
  max-width: 70px;
}

.contents-wrap.single-item .main section.section-content.detail .inner .main .info.pc .btn,
.contents-wrap.single-item .main section.section-content.detail .inner .info.sp .btn {
  font-weight: normal;
}

.contents-wrap.single-item .main section.section-content.detail .inner .main .info.pc .btn {
  font-size: 1.6rem;
}

.contents-wrap.home .main section.section-content.navi .inner .items .links .link a {
  background-size: 34px 34px;
}

@media screen and (min-width:1024px) {
  .contents-wrap.archive-item-category .main section.section-content.navi .inner {
    max-width: 1040px;
  }

}

.contents-wrap.error404 .main section.section-content .inner > .head {
  padding: 10% 0;
}

@media screen and (min-width:1260px) {
  body {
    zoom:1.4;
  }
}

.fixed-menu {
  bottom: 10px;
  top:inherit;
}

.contents-wrap.single-item .main section.section-content.detail .inner .color-navi .colors .navi span {
  font-size: 11px;
  text-align: center;
}

@font-face {
	font-family: 'MyFont';
	src: url(/assets/css/font/A-OTF-Jun501Pro-Bold.otf);
}

.drawer-nav .drawer-menu .links.links01 .link a {
  font-family:'MyFont';
  font-size: 28px;
  font-weight: bold;
}

.acc-top {
  position: relative;
}

.acc-top .acc-box {
  position: absolute;
  padding:30px 20px;
  background-color: #fff;
  z-index: 2;
  width: 280px;
  right: 0;
  top: 0;
  margin-right: -30px;
  margin-top: 45px;
  border-radius: 10px;
  border: 2px solid #FF7F00;
}

.acc-top .acc-box .head {
  text-align: center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.acc-top .acc-box .head span {
  font-size: 30px;
  color: #FF7F00;
  text-align: center;
  border-bottom:  2px solid #FF7F00;
  font-weight: bold;
}

.acc-top .acc-box dl {
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
}
.acc-top .acc-box dl dt {
  font-size: 16px;
  color: #FF7F00;
  margin-top: 20px;
}
.acc-top .acc-box dl dd {
  margin-top: 10px;
  position: relative;
}
.acc-top .acc-box dl dd.heijitsu::before {
  position: absolute;
  content: "平日";
  font-size: 12px;
  font-weight: bold;
  margin-left: -40px;
  margin-top: 4px;
}
.acc-top .acc-box dl dd.doyo::before {
  position: absolute;
  content: "土曜日";
  font-size: 12px;
  font-weight: bold;
  margin-left: -40px;
  margin-top: 4px;
}

.acc-top .acc-box .botan {
  margin-top: 20px;
  text-align: center;
}

.acc-top .acc-box .botan a {
  font-size: 26px;
  border-bottom: 2px solid #FF7F00;
  display: inline-block !important;
  position: relative;
  line-height: 1.8;
}
.acc-top .acc-box .botan a::before {
  content: "クリック";
  position: absolute;
  top: -14px;
  left: -5px;
  font-size: 11px;
  color: #FF7F00;
  font-weight: bold;
  zoom: 0.7;
}

.acc-top .acc-box .botan a.map {
  font-size: 22px;
}
.acc-top .acc-box .botan a.map i {
  font-size: 24px;
  color: #FF7F00;
  margin-right: 10px;
}

.acc-top .acc-box .botan .sp-phone {
  width: 30px !important;
  display: inline-block !important;
  margin-right: 10px;
  margin-left: -5px;
  position: relative;
}




.acc-top-line {
  position: relative;
}

.acc-top-line .acc-box-line {
  position: absolute;
  padding:30px 20px;
  background-color: #fff;
  z-index: 2;
  width: 280px;
  left: 0;
  top: 0;
  margin-left: -10px;
  margin-top:110px;
  border-radius: 10px;
  border: 2px solid #FF7F00;
}

.acc-top-line .acc-box-line .head {
  text-align: center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.acc-top-line .acc-box-line .head span {
  font-size: 30px;
  color: #FF7F00;
  text-align: center;
  border-bottom:  2px solid #FF7F00;
  font-weight: bold;
}

.acc-top-line .acc-box-line .txt {
  line-height: 1.6;
  font-weight: bold;
  margin-top: 20px;
}

.acc-top-line .acc-box-line .botan {
  margin-top: 20px;
  text-align: center;
}

.acc-top-line .acc-box-line .botan a {
  font-size: 16px;
  border-bottom: 2px solid #FF7F00;
  position: relative;
  line-height: 1.8;
  display:-webkit-box !important;
  display:-ms-flexbox !important;
  display:flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #FF7F00;
  font-weight: bold;
}
.acc-top-line .acc-box-line .botan a::before {
  content: "クリック";
  position: absolute;
  top: -14px;
  left: -5px;
  font-size: 11px;
  color: #FF7F00;
  font-weight: bold;
  zoom: 0.7;
}

.acc-top-line .acc-box-line .botan a i {
  font-size: 24px;
  color: #FF7F00;
  margin-right: 10px;
}

.acc-top-line .acc-box-line .botan a.line {
  color: #5ac322;
}
.acc-top-line .acc-box-line .botan a.line::before {
  color: #5ac322;
  left:9px;
}
.acc-top-line .acc-box-line .botan a.line i {
  color: #5ac322;
  font-size: 45px;
  font-weight: normal;
}
.acc-top-line .acc-box-line .botan a.line .line-txt {
  width: 100%;
  font-size: 26px;
  line-height: 1.2;
  text-align: left;
}
.acc-top-line .acc-box-line .botan a.line .line-txt .upper {
  font-size: 16px;
  width: 100%;
}

.acc-top-line .acc-box-line .botan .sp-phone {
  width: 30px !important;
  display: inline-block !important;
  margin-right: 10px;
  margin-left: -5px;
  position: relative;
}

@media screen and (max-width:768px) {
  .contents-wrap.home .main section.section-content.navi .inner .cat-navi .links .link a.cat-navi01 {
    background-image: url(../img/cat-navi01sp.png);
  }
  .contents-wrap.home .main section.section-content.navi .inner .cat-navi .links .link a.cat-navi02 {
    background-image: url(../img/cat-navi02sp.png);
  }
  .contents-wrap.home .main section.section-content.navi .inner .cat-navi .links .link a.cat-navi03 {
    background-image: url(../img/cat-navi03sp.png);
  }
  .contents-wrap.home .main section.section-content.navi .inner .cat-navi .links .link a.cat-navi04 {
    background-image: url(../img/cat-navi04sp.png);
  }

  .contents-wrap.flow .main section.section-content > .inner .contents.contents1 .flow .head {
    padding-top: 0;
  }
}

.alert-warning {
  margin: 20px auto;
}

.notice-info {
  max-width: 500px;
  margin: auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  color: #3c2420;
  margin-top: 20px;
  border: 2px solid #efeaf7;
  border-radius: 5px;
  box-sizing: border-box;
  line-height: 1.8;
}

.notice-info dt {
  width: 100%;
  box-sizing: border-box;
  font-size:16px;
  background-color: #efeaf7;
  padding:10px 20px;
  position: relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.notice-info dt span {
  margin-right: 10px;
  line-height: 1.3;
}

.notice-info dt::after {
  content: "-";
  color: #fff;
  background-color: #3c2420;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  display: inline-block;
  text-align: center;
  margin-left:auto;
  flex-shrink: 0;
}

.notice-info dt.shown::after {
  content: "+";
}

.notice-info dd {
  width: 100%;
  padding:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.notice-info dd h3 {
  color: #fd7e14;
  font-weight: bold;
  font-size:16px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.notice-info dd p {
  margin-bottom: 10px;
  max-width: 410px;
}
.notice-info dd p.item {
  width: 210px;
}
.notice-info dd p.item span {
  margin-right: 10px;
  width: 60px;
  text-align: right;
  display: inline-block;
}

.notice-info dd img {
  max-width: 100%;
  height:auto;s
}

.bl.error_txt {
  color:#f00;
  margin-top: 10px;
  display: inline-block;
}

@media screen and (max-width:768px) {
  .contents-wrap.home .main section.section-content.navi .inner .items .img {
    max-width: 120px;
  }
}

.contents-wrap.single-item .main section.section-content.detail .inner .detail .contents1 .ima-wrap .img img {
  width:auto;
  max-width: 100%;
  margin: auto;
}


@media screen and (min-width:768px) {
  .contents-wrap.contact-form01 section.section-content .inner .navi .links {
    margin-top: 20px;
  }
  .contents-wrap.contact-form01 section.section-content .inner .navi .links .link {
    margin-top: 20px;
  }
}

.contents-wrap.contact-form01 section.section-content .inner .navi .links .link a.mitumori {
  background-color: #FD7F00;
  color: #fff;
  position: relative;
}
.contents-wrap.contact-form01 section.section-content .inner .navi .links .link a.mitumori::after {
  content: "▶";
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -5px;
  font-size: 11px;
}

.contents-wrap.contact-form01 section.section-content .inner .navi .links .link a.seikyu {
  background-color: #FD6ACF;
  color: #fff;
  position: relative;
  border-color: #FD6ACF;
}
.contents-wrap.contact-form01 section.section-content .inner .navi .links .link a.seikyu::after {
  content: "▶";
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -5px;
  font-size: 11px;
}

.contents-wrap.contact-form01 section.section-content .inner .navi .links .link a.fax {
  position: relative;
}
.contents-wrap.contact-form01 section.section-content .inner .navi .links .link a.fax span {
  display: flex;
  align-items: center;
}
.contents-wrap.contact-form01 section.section-content .inner .navi .links .link a.fax span img {
  width: 24px;
  margin: 0;
  margin-right: 10px;
}
.contents-wrap.contact-form01 section.section-content .inner .navi .links .link a.fax::after {
  content: "▶";
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -5px;
  font-size: 11px;
}

.modal{
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
}
.modal__bg{
  background: rgba(0,0,0,0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.modal__content{
  box-sizing: border-box;
  background: #fff;
  left: 50%;
  padding: 20px 30px;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  max-width:380px;
  border:#FD7F00 3px solid;
  border-radius: 3px;
  line-height: 1.8;
}
@media screen and (max-width:768px) {
  .modal__content {
    max-width: 300px;
  }
}

.modal__content .ttl {
  display: flex;
  justify-content: center;
}
.modal__content .ttl h3 {
  margin: auto;
  margin-bottom: 30px;
  line-height: 0;
}
.modal__content img {
  max-width: 100%;
  height: auto;
}

/* ラジオボタン */
.form-check-box {
  display: flex;
}
.form-check-box .form-check {
  margin: 10px;
}
.form-check-box .form-check input[type="radio"] {
  width: inherit !important;
  margin: 0;
}

.form-check-box .form-check .form-check-label {
  padding-left: 20px;
}

.input-box p {
  margin-top: 20px;
  padding-bottom: 10px;
}
.bm10 {
  margin-bottom: 10px;
}
.bm20 {
  margin-bottom: 20px;
}
.lh {
  line-height: 1.8;
}
.red {
  color:#f00;
}

.contents-wrap.single-item .main section.section-content.detail .inner .color-navi .colors {
  height: 190px;
  overflow: hidden;
  position: relative;
}
.contents-wrap.single-item .main section.section-content.detail .inner .color-navi .colors::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, transparent, #fff);
  background: -webkit-linear-gradient(top, transparent, #fff);
  background: linear-gradient(to bottom, transparent, #fff);
}

.contents-wrap.single-item .main section.section-content.detail .inner .color-navi .colors.open {
  height: auto;
}

.contents-wrap.single-item .main section.section-content.detail .inner .color-navi .colors.open::before {
  content: none;
}

.click-btn {
  text-align: center;
  margin-top: 20px;
}
.click-btn a {
  color:#00f;
  text-decoration: underline;
  cursor: pointer;
  position: relative;
}
.click-btn a::before {
  content: "もっと見る";
}
.click-btn a.open::before {
  content: "x 閉じる";
}
.click-btn a:hover {
  text-decoration: none;
}