@charset "UTF-8";
div#body {
  color: #45433e;
  font-family: 游ゴシック体, yugothic, 游ゴシック, Yu Gothic, Hiragino Kaku Gothic ProN, Hiragino Sans, Noto Sans JP, sans-serif;
}
div#body a:link, div#body a:visited {
  color: #848484;
  text-decoration: underline;
}
div#body table.default, div#body table.stripeA, div#body table.stripeB {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #807F7D;
  background-color: #FFFFFF;
}
div#body table.default.guide01 {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}
div#body div.roundPinkBorder {
  border: 1px solid #807F7D;
}
div#body div.table > span.roundTl, div#body div.table > span.roundTr {
  background-image: none;
}
div#body div.table > span.roundBl, div#body div.table > span.roundBr {
  background-image: none;
}
div#body table.border tbody th, div#body table.border tbody td {
  border-top: 1px solid #807F7D;
}
div#body div.roundPinkBorder > span.roundTl, div#body div.roundPinkBorder > span.roundTr {
  background-image: none;
}
div#body div.roundPinkBorder > span.roundBl, div#body div.roundPinkBorder > span.roundBr {
  background-image: none;
}
div#body table tr th.borderLeftA, div#body table tr td.borderLeftA {
  border-left: 1px solid #807F7D;
}
div#body table tr td.borderLeftB {
  border-left: 1px solid #807F7D;
  border-right: 1px solid #807F7D;
}
div#body table tr td.borderRightB {
  border-right: 1px solid #807F7D;
}
div#body table tr td.borderBottomB {
  border-bottom: 1px solid #807F7D;
}
div#body ul.linkLarge li {
  background: url(/onlineshop/guide/img/arrow.svg) 0 50% no-repeat;
  background-size: 12px;
}
div#body div#aside ul.nav li a {
  background: url(/onlineshop/guide/img/arrow.svg) 0 50% no-repeat;
  background-size: 12px;
}
div#body div.roundPinkBorder .roundTitle {
  background: #D3D2CF;
}
div#body .pointColorRed {
  color: #C80421;
}
div#body div.freeDial {
  background-color: #F4F4F5;
}
div#body div.roundGray {
  background-color: #F4F4F5;
  border-radius: 5px;
}
div#body div.roundGray > span.roundTl, div#body div.roundGray > span.roundTr, div#body div.roundGray > span.roundBl, div#body div.roundGray > span.roundBr {
  background-image: none;
}
div#body div.roundPink {
  background-color: #D3D2CF;
}
div#body div.roundBeige {
  background-color: #D3D2CF;
  border-radius: 5px;
}
div#body div.roundBeige > span.roundTl, div#body div.roundBeige > span.roundTr, div#body div.roundBeige > span.roundBl, div#body div.roundBeige > span.roundBr {
  background-image: none;
}
div#body div.secondary ul.nav ul li.border, div#body div#aside ul.nav ul li.border {
  background: url(/onlineshop/guide/img/sidenav_line.png) repeat-x 0 0;
}

#topicUnit.custom2019 #topicPathArea p.topicPath a, #topicUnit.custom2019 #topicPathArea p.topicPath a:hover {
  color: #848484;
  text-decoration: underline;
}

div#topicUnit {
  background: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 0 none;
}
div#topicUnit p.topicPath {
  padding: 20px 0;
  color: #333;
  font-size: 10px;
  width: 750px;
}

#index div.roundPinkBorder {
  border: 1px solid #807F7D;
}
#index ul.navIndex {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
}
#index ul.navIndex li {
  border: 1px solid #807F7D;
  float: none;
  margin: 0;
}
#index ul.navIndex li.index01 a, #index ul.navIndex li.index02 a, #index ul.navIndex li.index03 a, #index ul.navIndex li.index04 a, #index ul.navIndex li.index05 a, #index ul.navIndex li.index06 a, #index ul.navIndex li.index07 a, #index ul.navIndex li.index08 a, #index ul.navIndex li.index09 a {
  background-image: none;
}
#index ul.navIndex li.index01 a:hover, #index ul.navIndex li.index02 a:hover, #index ul.navIndex li.index03 a:hover, #index ul.navIndex li.index04 a:hover, #index ul.navIndex li.index05 a:hover, #index ul.navIndex li.index06 a:hover, #index ul.navIndex li.index07 a:hover, #index ul.navIndex li.index08 a:hover, #index ul.navIndex li.index09 a:hover {
  background-image: none;
  opacity: 0.8;
}
#index ul.navIndex li.index01 a:link, #index ul.navIndex li.index01 a:visited, #index ul.navIndex li.index02 a:link, #index ul.navIndex li.index02 a:visited, #index ul.navIndex li.index03 a:link, #index ul.navIndex li.index03 a:visited, #index ul.navIndex li.index04 a:link, #index ul.navIndex li.index04 a:visited, #index ul.navIndex li.index05 a:link, #index ul.navIndex li.index05 a:visited, #index ul.navIndex li.index06 a:link, #index ul.navIndex li.index06 a:visited, #index ul.navIndex li.index07 a:link, #index ul.navIndex li.index07 a:visited, #index ul.navIndex li.index08 a:link, #index ul.navIndex li.index08 a:visited, #index ul.navIndex li.index09 a:link, #index ul.navIndex li.index09 a:visited {
  color: #45433e;
  text-decoration: none;
}
#index ul.navIndex li.index01 a, #index ul.navIndex li.index02 a, #index ul.navIndex li.index03 a, #index ul.navIndex li.index04 a, #index ul.navIndex li.index05 a, #index ul.navIndex li.index06 a, #index ul.navIndex li.index07 a, #index ul.navIndex li.index08 a, #index ul.navIndex li.index09 a {
  width: 100%;
  height: 100%;
  padding: 0;
}
#index ul.navIndex li.index01 img, #index ul.navIndex li.index02 img, #index ul.navIndex li.index03 img, #index ul.navIndex li.index04 img, #index ul.navIndex li.index05 img, #index ul.navIndex li.index06 img, #index ul.navIndex li.index07 img, #index ul.navIndex li.index08 img, #index ul.navIndex li.index09 img {
  height: 115px;
}
#index ul.navIndex li.index01 p.ttl, #index ul.navIndex li.index02 p.ttl, #index ul.navIndex li.index03 p.ttl, #index ul.navIndex li.index04 p.ttl, #index ul.navIndex li.index05 p.ttl, #index ul.navIndex li.index06 p.ttl, #index ul.navIndex li.index07 p.ttl, #index ul.navIndex li.index08 p.ttl, #index ul.navIndex li.index09 p.ttl {
  height: 2.6em;
}
#index ul.navIndex li.index01 p.text, #index ul.navIndex li.index02 p.text, #index ul.navIndex li.index03 p.text, #index ul.navIndex li.index04 p.text, #index ul.navIndex li.index05 p.text, #index ul.navIndex li.index06 p.text, #index ul.navIndex li.index07 p.text, #index ul.navIndex li.index08 p.text, #index ul.navIndex li.index09 p.text {
  padding: 0 10px 10px;
}
#index ul.navIndex li.index01 img, #index ul.navIndex li.index03 img {
  width: 40%;
}
#index ul.navIndex li.index02 img {
  width: 37%;
}
#index ul.navIndex li.index04 img, #index ul.navIndex li.index05 img, #index ul.navIndex li.index06 img {
  width: 35%;
}
#index ul.navIndex li.index07 img {
  width: 50%;
}
#index ul.navIndex li.index08 img, #index ul.navIndex li.index09 img {
  width: 43%;
}
#index ul.navIndex li .item {
  display: flex;
  flex-direction: column;
}
#index ul.navIndex li.aux-link {
  border: none;
}
#index ul.navIndex li.aux-link a {
  padding: 0;
  margin-bottom: 10px;
  height: auto;
  color: #333;
  text-decoration: none;
}
#index ul.navIndex li.aux-link a:hover {
  opacity: 0.7;
}
#index ul.navIndex li span.note {
  padding: 0;
  font-size: 72%;
  padding-top: 8px;
  text-align: center;
  text-indent: 0em;
}
#index p.buttonNewEntry {
  background-color: #45433E;
  background-image: none;
}
#index p.buttonNewEntry button {
  background-image: none;
}
#index p.buttonNewEntry span {
  background-image: none;
  padding: 1px 0;
}

#payment ul.paymentNav {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  height: auto;
}
#payment ul.paymentNav li {
  border: 1px solid #807F7D;
  text-align: center;
  margin: 0;
  align-items: center;
  display: flex;
  justify-content: center;
}
#payment ul.paymentNav li a {
  background: none;
  color: inherit;
  width: auto;
  height: auto;
  padding: 0;
  vertical-align: middle;
  padding: 20px 10px;
}
#payment ul.paymentNav li a:hover {
  opacity: 0.8;
}
#payment ul.paymentNav li a:link, #payment ul.paymentNav li a:visited {
  text-decoration: none;
}
#payment ul.paymentNav li.shortText a {
  height: auto;
  padding: 30px 10px;
}
#payment span.free {
  background: #45433E;
}

#cancel .verticalMiddle {
  width: 18px;
  height: 18px;
}
#cancel div#body img.cancelIcon {
  width: 24px;
  height: 24px;
  margin: 0 10px;
}

#order div#body h2 img {
  width: 18px;
  height: 18px;
  margin-bottom: -2.5px;
}
#order p.buttonNewEntry {
  background-color: #45433E;
  background-image: none;
}
#order p.buttonNewEntry button {
  background-image: none;
}
#order p.buttonNewEntry span {
  background-image: none;
  padding: 1px 0;
}
#order ul.orderNavTop, #order ul.orderNavBottom {
  overflow: visible;
  height: 77px;
  background-image: none;
  background-color: #D3D2CF;
}
#order ul.orderNavTop li, #order ul.orderNavBottom li {
  position: relative;
  padding-bottom: 10px;
  padding-top: 35px;
}
#order ul.orderNavTop li:before, #order ul.orderNavBottom li:before {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  background: url(/onlineshop/guide/img/icon-no01.svg) no-repeat;
  background-size: 18px 18px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}
#order ul.orderNavTop li:nth-of-type(2):before, #order ul.orderNavBottom li:nth-of-type(2):before {
  background: url(/onlineshop/guide/img/icon-no02.svg) no-repeat;
  background-size: 18px 18px;
}
#order ul.orderNavTop li:nth-of-type(3):before, #order ul.orderNavBottom li:nth-of-type(3):before {
  background: url(/onlineshop/guide/img/icon-no03.svg) no-repeat;
  background-size: 18px 18px;
}
#order ul.orderNavTop li:nth-of-type(4):before, #order ul.orderNavBottom li:nth-of-type(4):before {
  background: url(/onlineshop/guide/img/icon-no04.svg) no-repeat;
  background-size: 18px 18px;
}
#order ul.orderNavTop li:nth-of-type(5):before, #order ul.orderNavBottom li:nth-of-type(5):before {
  background: url(/onlineshop/guide/img/icon-no05.svg) no-repeat;
  background-size: 18px 18px;
}
#order ul.orderNavTop li:nth-of-type(6):before, #order ul.orderNavBottom li:nth-of-type(6):before {
  background: url(/onlineshop/guide/img/icon-no06.svg) no-repeat;
  background-size: 18px 18px;
}
#order ul.orderNavTop li:nth-of-type(7):before, #order ul.orderNavBottom li:nth-of-type(7):before {
  background: url(/onlineshop/guide/img/icon-no07.svg) no-repeat;
  background-size: 18px 18px;
}
#order div.orderPoint div.orderPointInner {
  background: none;
}
#order div.orderPoint div.orderPointInner div.floatLeft, #order div.orderPoint div.orderPointInner div.floatRight {
  background-color: #D3D2CF;
  border-radius: 5px;
}

/*# sourceMappingURL=guide.css.map */