@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype"); }

/* reset */
/* dl-contents */
#contents {
  /*width: 860px;*/
  margin: 0 auto; }

#dl-main {
  /*margin: 0 10px;*/
  margin: 0 auto;
  width: 796px;
  padding: 20px;
  clear: both; }

#dl-main-wide {
  margin: 20px auto;
  width: 1280px; }

h1.dl_ttl {
  padding: 10px 0;
  font-size: 1.1em;
  color: #000000;
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000;
  margin-bottom: 20px; }

h2.dl_sub_ttl {
  font-size: 1.0em;
  color: #000000;
  margin-bottom: 10px; }

/* /product/shops/ */
#general {
  margin-bottom: 25px; }

#general p,
#general h4,
#general form {
  margin-left: 15px; }

#general form {
  display: block; }

#photo {
  margin-bottom: 25px; }

#photo p,
#photo h4,
#photo form {
  margin-left: 15px; }

#photo form {
  display: block; }

#webshop {
  margin-bottom: 25px; }

#webshop p,
#webshop h4 {
  margin-left: 15px; }

/* /product/shops/general/ */
.gwrap {
  margin: 20px; }

.gwrap h3 {
  padding-top: 10px; }

.gwrap table {
  font-size: 0.8em; }

.grwap table tr {
  border-top: solid 1px #CCC; }

.gwrap table th,
.gwrap table td {
  width: 25% !important;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC; }

.sttl01_left {
  float: left;
  width: 50%;
  text-align: left; }

.sttl01_right {
  float: left;
  width: 50%;
  text-align: right; }

/*Digio2追加*/
.cation {
  font-weight: 800;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fe1515 !important; }

.txt-grn {
  color: #92c708 !important; }

.txt-grn120 {
  color: #92c708 !important;
  font-size: 120% !important; }

.btn-l-wrap {
  text-align: center; }
  .btn-l-wrap a {
    width: 40%; }
  @media screen and (max-width: 767px) {
    .btn-l-wrap {
      text-align: center; }
      .btn-l-wrap a {
        width: 100%; } }

div.readme {
  height: 140px;
  overflow-y: scroll;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e6e6;
  border-image: initial;
  padding: 24px;
  margin-bottom: 40px; }

@media screen and (max-width: 767px) {
  #contents {
    padding: 48px 24px 24px; }
    #contents #dl-main, #contents #dl-main-wide {
      width: 100%;
      padding: 0px; } }

.attention a {
  color: #fe1515 !important;
  -webkit-transition: all ease .25s;
  transition: all ease .25s; }

.attention a:hover {
  color: #d41111 !important; }

/*足踏み消毒ポンプスタンド*/
.pop h2 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #ffffff;
  margin-bottom: 30px;
  background: #4a9fe3;
  padding: 10px 10px; }

.pop .main_img {
  width: 70%;
  margin: 30px auto; }

.pop li {
  text-indent: -15px;
  padding-left: 15px; }

.pop h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #4a9fe3;
  border-bottom: 3px solid #4a9fe3;
  margin-bottom: 20px;
  margin-top: 40px; }

.pop .pop_dl {
  width: 70%;
  margin: 40px auto;
  font-size: 0; }
  .pop .pop_dl li {
    width: 45%;
    margin-right: 10%;
    display: inline-block;
    text-indent: 0;
    padding-left: 0;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center; }
    .pop .pop_dl li:last-child {
      margin-right: 0; }

@media screen and (max-width: 767px) {
  .pop h2 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
    padding: 5px; }
  .pop .main_img {
    width: 100%; }
  .pop h3 {
    font-size: 16px;
    font-size: 1.6rem;
    border-bottom: 2px solid #4a9fe3;
    margin-bottom: 20px;
    margin-top: 40px; }
  .pop .pop_dl {
    width: 100%; }
    .pop .pop_dl li {
      width: 47%;
      margin-right: 6%;
      font-size: 13px;
      font-size: 1.3rem; } }

/*ルボンダイアリー2022*/
.levent p, .levent ul {
  margin-left: 20px; }

.levent .main_img {
  width: 80%;
  margin: 30px auto 0; }

.levent a {
  color: #831f00; }

.levent h2 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #831f00;
  margin-bottom: 30px;
  background: #fdefef;
  padding: 10px 10px; }

.levent h3 {
  font-size: 16px;
  font-weight: bold;
  color: #831f00;
  margin-top: 30px; }

.levent h4 {
  font-size: 20px;
  font-weight: bold; }

.levent .type01 span {
  color: #f0858b;
  background: linear-gradient(transparent 60%, #fdefef 60%); }

.levent .type02 span {
  color: #b26c84;
  background: linear-gradient(transparent 60%, #f4e9ed 60%); }

.levent .type03 span {
  color: #000000;
  background: linear-gradient(transparent 60%, #e5e5e7 60%); }

.levent .diary_dl {
  text-align: center;
  width: 80%;
  margin: 40px auto; }

.levent .dl_btn {
  margin: 20px auto 50px;
  text-align: center; }
  .levent .dl_btn .btn01 {
    border: 1px solid #831f00; }
    .levent .dl_btn .btn01:hover {
      background-color: #831f00; }
      .levent .dl_btn .btn01:hover span {
        color: #ffffff; }
  .levent .dl_btn .btn-cmn span {
    color: #831f00; }

.levent .print {
  width: 70%;
  margin: 50px auto; }

.levent .support-line {
  margin-top: 24px;
  border: 4px solid #f7f6f4;
  padding: 10px 24px; }

.levent .freecall {
  text-align: center; }

.levent .small {
  color: #000;
  display: block;
  margin-bottom: -16px;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 100; }

.levent .tel-linktext {
  color: #000;
  font-size: 36px;
  font-size: 3.6rem; }

.levent .tel-linktext:before {
  vertical-align: text-top;
  content: '';
  display: inline-block;
  height: 40px;
  width: 40px;
  background: url(/common/css/img/freecall.svg) no-repeat;
  background-size: cover;
  margin-right: 8px; }

@media screen and (max-width: 767px) {
  .levent p, .levent ul {
    margin-left: 0; }
  .levent .main_img {
    width: 100%; }
  .levent h2 {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px; }
  .levent h3 {
    font-size: 14px; }
  .levent h4 {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 5px; }
  .levent .diary_dl {
    width: 100%; }
  .levent .print {
    width: 100%; } }