@charset "utf-8";

/*====================================================================
 Common class
====================================================================*/
.postcard a {
  transition: opacity 0.2s ease;
}
.postcard a:link, .postcard a:active, .postcard a:visited {
  text-decoration: none;
}
.postcard a:link {
  color: #00A372;
  text-decoration: underline;
}
.postcard a:visited {
  color: #00A372;
  text-decoration: none;
}
.postcard a:hover {
  color: #00A372;
  text-decoration: none;
  opacity: .6;
}
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  overflow: hidden;
}
.noMargin {
  margin-bottom: 0 !important;
}
.x-smallMargin {
  margin-bottom: 5px !important;
}
.smallMargin {
  margin-bottom: 10px !important;
}
.middleMargin {
  margin-bottom: 15px !important;
}
.normalMargin {
  margin-bottom: 20px !important;
}
.largeMargin {
  margin-bottom: 30px !important;
}
.x-largeMargin {
  margin-bottom: 40px !important;
}
.xx-largeMargin {
  margin-bottom: 50px !important;
}
.xxx-largeMargin {
  margin-bottom: 60px !important;
}
.xxxx-largeMargin {
  margin-bottom: 70px !important;
}
.noMarginTop {
  margin-top: 0 !important;
}
.x-smallMarginTop {
  margin-top: 5px !important;
}
.smallMarginTop {
  margin-top: 10px !important;
}
.middleMarginTop {
  margin-top: 15px !important;
}
.normalMarginTop {
  margin-top: 20px !important;
}
.largeMarginTop {
  margin-top: 30px !important;
}
.x-largeMarginTop {
  margin-top: 40px !important;
}
.xx-largeMarginTop {
  margin-top: 50px !important;
}
.xxx-largeMarginTop {
  margin-top: 60px !important;
}
.xxxx-largeMarginTop {
  margin-top: 70px !important;
}
.fsize8 {
  font-size: .8rem !important;
}
.fsize9 {
  font-size: .9rem !important;
}
.fsize10 {
  font-size: 1.0rem !important;
}
.fsize11 {
  font-size: 1.1rem !important;
}
.fsize12 {
  font-size: 1.2rem !important;
}
.fsize13 {
  font-size: 1.3rem !important;
}
.fsize14 {
  font-size: 1.4rem !important;
}
.fsize15 {
  font-size: 1.5rem !important;
}
.fsize16 {
  font-size: 1.6rem !important;
}
.fsize17 {
  font-size: 1.7rem !important;
}
.fsize18 {
  font-size: 1.8rem !important;
}
.fsize19 {
  font-size: 1.9rem !important;
}
.fsize20 {
  font-size: 2.0rem !important;
}
.fsize21 {
  font-size: 2.1rem !important;
}
.fsize22 {
  font-size: 2.2rem !important;
}
.fsize23 {
  font-size: 2.3rem !important;
}
.fsize24 {
  font-size: 2.4rem !important;
}
.fsize25 {
  font-size: 2.5rem !important;
}
.fsize26 {
  font-size: 2.6rem !important;
}
.fsize27 {
  font-size: 2.7rem !important;
}
.fsize28 {
  font-size: 2.8rem !important;
}
.fsize29 {
  font-size: 2.9rem !important;
}
.fsize30 {
  font-size: 3.0rem !important;
}
.fsize31 {
  font-size: 3.1rem !important;
}
.fsize32 {
  font-size: 3.2rem !important;
}
.fsize33 {
  font-size: 3.3rem !important;
}
.fsize34 {
  font-size: 3.4rem !important;
}
.fsize35 {
  font-size: 3.5rem !important;
}
.fsize36 {
  font-size: 3.6rem !important;
}
.fsize37 {
  font-size: 3.7rem !important;
}
.fsize38 {
  font-size: 3.8rem !important;
}
.fsize39 {
  font-size: 3.9rem !important;
}
.fsize40 {
  font-size: 4.0rem !important;
}
.textXXX-small {
  font-size: 65% !important;
}
.textXX-small {
  font-size: 70% !important;
}
.textX-small {
  font-size: 75% !important;
}
.textSmall {
  font-size: 80% !important;
}
.textMiddle {
  font-size: 90% !important;
}
.textLarge {
  font-size: 120% !important;
  line-height: 1.3em !important;
}
.textX-large {
  font-size: 130% !important;
  line-height: 1.3em !important;
}
.textXX-large {
  font-size: 160% !important;
  line-height: 1.3em !important;
}
.textXXX-large {
  font-size: 180% !important;
  line-height: 1.3em !important;
}
.textLeft {
  text-align: left !important;
}
.textCenter {
  text-align: center !important;
}
.textRight {
  text-align: right !important;
}
.textBold {
  font-weight: bold;
}
.textNormal {
  font-weight: normal;
}
.textCaution {
  padding-left: 1em;
  text-indent: -1em;
}
img.fadeimg {
  vertical-align: top;
}
.colorBlack {
  color: #000 !important;
}
.colorGold {
  color: #00A372 !important;
}
.colorRed {
  color: #CC0000 !important;
}
.colorGreen {
  color: #00A372 !important;
}
ul.commonList {
  list-style: disc;
  padding-left: 25px;
}
ul.commonList li {
  margin-bottom: 5px;
}
ol.commonList {
  list-style: decimal;
  padding-left: 25px;
}
ol.commonList li {
  margin-bottom: 5px;
}
.photoShadow {
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
}
.linkArrow {
  padding-left: 12px;
  position: relative;
}
.linkArrow:before {
  border-right: 1px solid #00A372;
  border-top: 1px solid #00A372;
  content: '';
  height: 6px;
  left: -2px;
  margin-top: -2px;
  position: absolute;
  top: 0.5em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}
.linkAnchor {
  padding-right: 20px;
  position: relative;
}
.linkAnchor:before {
  border-bottom: 1px solid #00A372;
  border-right: 1px solid #00A372;
  content: '';
  height: 8px;
  right: 0;
  margin-top: -4px;
  position: absolute;
  top: 0.5em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
}
.anchorPoint {
  display: block;
  margin-top: -90px;
  padding-top: 90px;
  visibility: hidden;
}
.button {
  -webkit-align-items: center;
  align-items: center;
  background: #00A372;
  border-radius: 5px;
  color: #fff !important;
  display: -webkit-flex;
  display: flex;
  font-size: 1.8rem;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 10px 20px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  transition-duration: .3s;
  transition-property: opacity;
}
.button:hover {
  opacity: .7;
}
.button:after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: '';
  height: 10px;
  right: 15px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
}
.button.fsize15:after, .button.fsize16:after {
  -webkit-transform: scale(.75) rotate(45deg);
  transform: scale(.75) rotate(45deg);
}
.button.fsize13:after, .button.fsize14:after {
  -webkit-transform: scale(.65) rotate(45deg);
  transform: scale(.65) rotate(45deg);
}
.button.arrowInline:after {
  right: auto;
  margin-left: 10px;
}
.buyLink {
  background: #02a03f; /* Old browsers */
  background: linear-gradient(to bottom, #02a03f 0%, #028124 100%); /* W3C */
  border-radius: 6px;
  font-weight: bold;
  padding: 17px;
}
.smallButton {
  -webkit-align-items: center;
  align-items: center;
  background: #917d00 !important;
  border-radius: 15px !important;
  color: #fff !important;
  display: -webkit-flex;
  display: flex;
  font-size: 1.5rem;
  height: auto !important;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 2px 20px !important;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  transition-duration: .3s;
  transition-property: opacity;
}
.smallButton:hover {
  opacity: .7;
}
.smallButton:before {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  content: '';
  display: inline-block;
  height: 7px;
  margin-right: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 7px;
}
.fl-col-end {
  -webkit-align-items: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.photoCenter {
  position: relative;
}
.photoCenter a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.photoCenter a img {
  bottom: 0;
  height: auto;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: top;
  width: auto;
}
.photoCenter.top a img {
  margin: 0 auto auto;
}
.photoCenter.bottom a img {
  margin: auto auto 0;
}
.pc-break {
  display: none;
}
.sp-break {
  display: none;
}
@media screen and (min-width: 768px), print {
  .pc-hide {
    display: none;
  }
  .pc-break {
    display: block;
  }
  .lightboxLink {
    cursor: pointer;
    transition-duration: .2s;
  }
  .lightboxLink:hover {
    opacity: .7;
  }
}
@media screen and (max-width: 767px) {
.postcard a:hover {
  opacity: 1;
}
  .sp-noMargin {
    margin-bottom: 0 !important;
  }
  .sp-x-smallMargin {
    margin-bottom: 5px !important;
  }
  .sp-smallMargin {
    margin-bottom: 10px !important;
  }
  .sp-middleMargin {
    margin-bottom: 15px !important;
  }
  .sp-normalMargin {
    margin-bottom: 20px !important;
  }
  .sp-largeMargin {
    margin-bottom: 30px !important;
  }
  .sp-x-largeMargin {
    margin-bottom: 40px !important;
  }
  .sp-xx-largeMargin {
    margin-bottom: 50px !important;
  }
  .sp-xxx-largeMargin {
    margin-bottom: 60px !important;
  }
  .sp-xxxx-largeMargin {
    margin-bottom: 70px !important;
  }
  .sp-noMarginTop {
    margin-Top: 0 !important;
  }
  .sp-x-smallMarginTop {
    margin-Top: 5px !important;
  }
  .sp-smallMarginTop {
    margin-Top: 10px !important;
  }
  .sp-middleMarginTop {
    margin-Top: 15px !important;
  }
  .sp-normalMarginTop {
    margin-Top: 20px !important;
  }
  .sp-largeMarginTop {
    margin-Top: 30px !important;
  }
  .sp-x-largeMarginTop {
    margin-Top: 40px !important;
  }
  .sp-xx-largeMarginTop {
    margin-Top: 50px !important;
  }
  .sp-xxx-largeMarginTop {
    margin-Top: 60px !important;
  }
  .sp-xxxx-largeMarginTop {
    margin-Top: 70px !important;
  }
  .sp-fsize8 {
    font-size: .8rem !important;
  }
  .sp-fsize9 {
    font-size: .9rem !important;
  }
  .sp-fsize10 {
    font-size: 1.0rem !important;
  }
  .sp-fsize11 {
    font-size: 1.1rem !important;
  }
  .sp-fsize12 {
    font-size: 1.2rem !important;
  }
  .sp-fsize13 {
    font-size: 1.3rem !important;
  }
  .sp-fsize14 {
    font-size: 1.4rem !important;
  }
  .sp-fsize15 {
    font-size: 1.5rem !important;
  }
  .sp-fsize16 {
    font-size: 1.6rem !important;
  }
  .sp-fsize17 {
    font-size: 1.7rem !important;
  }
  .sp-fsize18 {
    font-size: 1.8rem !important;
  }
  .sp-fsize19 {
    font-size: 1.9rem !important;
  }
  .sp-fsize20 {
    font-size: 2.0rem !important;
  }
  .sp-fsize21 {
    font-size: 2.1rem !important;
  }
  .sp-fsize22 {
    font-size: 2.2rem !important;
  }
  .sp-fsize23 {
    font-size: 2.3rem !important;
  }
  .sp-fsize24 {
    font-size: 2.4rem !important;
  }
  .sp-fsize25 {
    font-size: 2.5rem !important;
  }
  .sp-fsize26 {
    font-size: 2.6rem !important;
  }
  .sp-fsize27 {
    font-size: 2.7rem !important;
  }
  .sp-fsize28 {
    font-size: 2.8rem !important;
  }
  .sp-fsize29 {
    font-size: 2.9rem !important;
  }
  .sp-fsize30 {
    font-size: 3.0rem !important;
  }
  .sp-textLeft {
    text-align: left !important;
  }
  .sp-textCenter {
    text-align: center !important;
  }
  .sp-textRight {
    text-align: right !important;
  }
  .sp-hide {
    display: none;
  }
  .sp-break {
    display: block;
  }
  .sp-horizontal-scroll {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .sp-horizontal-scroll > * {
    width: 640px;
  }
  .anchorPoint {
    margin-top: -50px;
    padding-top: 50px;
  }
}
/*====================================================================
 Layout styles
====================================================================*/
/* #postcardWrapper */
#postcardWrapper {
  /*min-width: 1120px;*/
  position: relative;
  line-height: 1.5;
  color: #333;
  font-size: 1.6rem;
/*  overflow-x: hidden;*/
  overflow-y: auto;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 767px) {
  #postcardWrapper {
    min-width: inherit;
    overflow: visible;
  }
/* query end */}
/* #postcardHeader */
#postcardHeader {
  position: relative;
  z-index: 90;
  min-width: 1120px;
  width: 100%;
  background: #fff;
}
#headerInner {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 21px 0 27px;
}
.headerLogo {
  width: 13em;
  margin: 0;
  font-size: 28px;
  font-weight: bold;
}
.headerLogo a {
  color: inherit !important;
  text-decoration: none !important;
}
.headerText {
  font-size: 14px;
}
.headerText br {
  display: none;
}
.headerMenuBtn {
  position: absolute;
  right: 12px;
  bottom: 18px;
  z-index: 2;
  width: 72px;
  height: 72px;
  padding-top: 15px;
  border: 1px solid #ccc;
  color: inherit !important;
  font-size: 14px;
  text-decoration: none !important;
  text-align: center;
  letter-spacing: -.1em;
  white-space: nowrap;
  background-color: #fff;
  box-sizing: border-box;
}
.headerMenuBtn img {
  margin-bottom: 10px;
  width: 29px;
}
/* globalNavi */
.globalNavi {
  display: none;
  position: absolute;
  top: 90px;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  max-width: 1120px;
}
.globalNavi::before {
  content: "";
  position: absolute;
  top: -100px;
  right: 0;
  width: 200px;
  height: 100px;
}
.globalNaviInner {
  position: relative;
  width: 100%;
  padding: 47px 30px;
  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.globalNaviInner::before {
  content: "";
  position: absolute;
  top: -18px;
  right: 28px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 19px 19px 19px;
  border-color: transparent transparent #ccc transparent;
}
.globalNaviInner::after {
  content: "";
  position: absolute;
  top: -17px;
  right: 28px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 19px 19px 19px;
  border-color: transparent transparent #fff transparent;
}
.globalNaviInner .sitemapBox.other {
  display: none;
}
@media screen and (max-width: 767px) {
#postcardHeader {
  min-width: inherit;
}
#headerInner {
  display: block;
  padding: 0 70px 10px 16px;
}
.headerLogo {
  margin-bottom: .1em;
  font-size: 2rem;
}
.headerText {
  line-height: 1.3;
  font-size: 1.1rem;
}
.headerText br {
  display: inline-block;
  display: none;
}
.headerMenuBtn {
  right: 10px;
  bottom: 10px;
  width: 50px;
  height: 50px;
  padding-top: 10px;
  font-size: 10px;
}
.headerMenuBtn img {
  margin-bottom: 5px;
  width: 23px;
}
/* globalNavi */
.globalNavi {
  display: none;
  position: absolute;
  top: auto;
  /*top: 57px;*/
}
.globalNavi::before {
  top: -70px;
  width: 80px;
  height: 70px;
}
.globalNaviInner {
  padding: 0;
}
.globalNaviInner::before {
  top: -10px;
  right: 22px;
  border-width: 0 11px 11px 11px;
}
.globalNaviInner::after {
  top: -9px;
  right: 22px;
  border-width: 0 11px 11px 11px;
}
.globalNaviInner .sitemapBlock {
  max-height: 400px;
  overflow: auto;
  padding: 10px 10px 30px;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
.globalNaviInner .sitemapBox.other {
  display: block;
}
.globalNaviInner .sitemapBox.other .sitemapList {
  display: block;
  border-top: none;
}
.globalNaviInner .sitemapBox.other .sitemapList a {
  color: #00A372 !important;
}
/* query end */}

/* postcardInfo */
.postcardInfo {
/*  display: flex;*/
/*  align-items: center;*/
  width: 100%;
  margin-top: 80px;
}
.postcardInfo .infoTitle {
  position: relative;
  margin-bottom: 1.5em;
  padding: 0 0 18px;
  border-top: none;
  color: inherit;
  font-weight: bold;
  text-align: center;
}
.postcardInfo .infoTitle::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100px;
  height: 3px;
  background-color: #dbdbdb;
}
.postcardInfo ul {
  max-width: 960px;
  margin: 0 auto;
}
.postcardInfo li {
  padding-right: 20px;
  padding-left: 20px;
}
.postcardInfo li:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dbdbdb;
}
.postcardInfo .date {
  float: left;
  clear: left;
  width: 8em;
  font-weight: bold;
}
.postcardInfo .infoDetail {
  margin-left: 10em;
}
.postcardInfo .infoDetail p + p {
  margin-top: 1em;
}
/* informationList */
.informationList {
  margin: 30px 0;
}
.informationList li:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dbdbdb;
}
.informationList .date {
  float: left;
  clear: left;
  width: 10em;
  font-weight: bold;
}
.informationList .infoDetail {
  margin-left: 12em;
}
.informationList .infoDetail p + p {
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  /* postcardInfo */
  .postcardInfo {
    margin-top: 50px;
  }
  .postcardInfo .infoTitle {
    margin-bottom: 1.2em;
    padding-bottom: 1.4rem;
    font-size: 20px;
  }
  .postcardInfo .infoTitle::before {
    height: 2px;
  }
  .postcardInfo ul {
    font-size: 14px;
  }
  .postcardInfo li {
    padding-right: 0;
    padding-left: 0;
  }
  .postcardInfo li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .postcardInfo .date {
    float: none;
    width: auto;
    margin-bottom: .3em;
  }
  .postcardInfo .infoDetail {
    margin-left: 0;
  }
  /* informationList */
  .informationList {
    margin: 10px 0;
    font-size: 1.4rem;
  }
  .informationList li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .informationList .date {
    float: none;
    width: auto;
    margin-bottom: .3em;
  }
  .informationList .infoDetail {
    margin-left: 0;
  }
  .informationList .infoDetail p + p {
    margin-top: 1em;
  }
}
/* postcardTopMv */
.postcardTopMv {
  position: relative;
  height: 380px;
  overflow: hidden;
}
.postcardTopMv .topMvBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  opacity: .85;
}
.postcardTopMv .contentsInner {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
}
.mvMessage {
  font-size: 32px;
  font-weight: bold;
}
.postcardTopMv .color-bar {
  display: inline-block;
  padding: .25em .3em;
  color: #fff;
  background-color: #956B30;
}
.categoryBlock {
  padding: 40px 0;
}
@media screen and (max-width: 767px) {
.postcardTopMv {
  height: auto;
}
.postcardTopMv::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.postcardTopMv .contentsInner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  align-items: flex-start;
}
.mvMessage {
  margin-top: 9%;
  font-size: 2rem;
}
.categoryBlock {
  padding: 10px 0 20px;
}
/* query end */}
/* siteInfo */
.siteInfo {
  padding: 20px;
  border: 3px solid #e7002e;
}
.siteInfo > div {
  display: flex;
  width: 100%;
}
.siteInfo > div:not(:first-child) {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #DDDEDE;
}
.siteInfo > div dt {
  width: 9em;
  margin-right: 1em;
  font-weight: bold;
  white-space: nowrap;
}
.siteInfo > div dd {
  flex: 1;
  font-weight: bold;
}
.u-color-red {
  color: #e7002e;
}
@media screen and (max-width: 767px) {
  .siteInfo {
    padding: 10px;
    border-width: 2px;
    font-size: 1.5rem;
  }
  .siteInfo > div {
    display: block;
  }
  .siteInfo > div:not(:first-child) {
    margin-top: 0.6em;
    padding-top: 0.6em;
  }
  .siteInfo > div dt {
    width: auto;
    margin-right: 0;
  }
  .siteInfo > div dd {
  }
}
/* postcardLineup */
.postcardLineup {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.postcardLineup .items {
  width: calc((100% - 160px) / 3);
  margin-right: 80px;
  text-align: center;
}
.postcardLineup .items:nth-child(3n) {
  margin-right: 0;
}
.postcardLineup .items:nth-child(n+4) {
  margin-top: 40px;
}
.postcardLineup .items a {
  display: block;
  color: inherit !important;
  text-decoration: none !important;
}
/*.postcardLineup .items a:hover {
  opacity: .8;
}*/
.postcardLineup .items .img {
  border-radius: 1em;
  overflow: hidden;
}
.postcardLineup .items .heading {
  margin-top: 1.1em;
  margin-bottom: 0;
  padding: 0;
  border-top: none;
  color: inherit;
  font-size: 18px;
  font-weight: bold;
}
.postcardLineup .items p {
  margin-top: .8em;
}
@media screen and (max-width: 767px) {
.postcardLineup {
}
.postcardLineup .items {
  width: 100%;
  margin-right: 0;
}
.postcardLineup .items:nth-child(n+2) {
  margin-top: 20px;
}
.postcardLineup .items .heading {
  margin-top: .6em;
  font-size: 1.6rem;
}
.postcardLineup .items p {
  margin-top: .4em;
  font-size: 1.4rem;
}
/* query end */}
.nengaBanner {
  max-width: 720px;
  margin: 0 auto 60px;
  background-color: #fff;
}
.nengaBanner a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  border-radius: 1em;
  overflow: hidden;
  color: #fff !important;
  text-decoration: none !important;
  background-color: #00A273;
}
.nengaBanner .img {
  width: 360px;
}
.nengaBanner .text {
  padding: 0 20px 0 10px;
  text-align: center;
}
.nengaBanner .heading {
  margin-bottom: 0;
  padding: 0;
  border-top: none;
  color: inherit;
  font-size: 24px;
  font-weight: bold;
}
.nengaBanner p {
  margin-top: .8em;
  font-weight: bold;
}
.kanchuBanner {
  max-width: 720px;
  margin: 0 auto 60px;
}
.kanchuBanner a {
  display: block;
  border-radius: 1em;
  overflow: hidden;
}
.kanchuBanner .img {
  width: 360px;
}
@media screen and (max-width: 767px) {
.nengaBanner {
  max-width: 640px;
  margin: 0 auto 20px;
}
.nengaBanner a {
  display: block;
  padding: 3px 0 20px;
}
.nengaBanner .img {
  width: 100%;
  text-align: center;
}
.nengaBanner .text {
  padding: 0 20px 0 10px;
  text-align: center;
}
.nengaBanner .heading {
  font-size: 1.8rem;
}
.nengaBanner p {
  margin-top: .4em;
  font-size: 1.4rem;
}
.kanchuBanner {
  max-width: 640px;
  margin: 0 auto 20px;
}
/* query end */}
/*  */
.reasonBlockWrapper {
  padding: 0;
}
.reasonBlock {
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 100% auto;
  margin: 0 auto;
  max-width: 1160px;
}
.reasonBlock .reasonBgTop {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  margin: 0 auto;
  padding-top: 30px;
}
.reasonBlock .reasonBgBtm {
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
  padding: 0 50px 30px;
}
.reasonBlock .reasonTitle {
  color: #00A372;
  font-size: 2.7rem;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
.reasonCatchCopy {
  font-size: 2.9rem;
  margin-bottom: 20px;
}
.reasonBlock .reasonStitle {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 7px;
}
.reasonBlock .reazonNum {
  background: #00A372;
  color: #fff;
  display: inline-block;
  line-height: 1.1em;
  margin-right: 8px;
  padding: 4px 7px 3px;
}
.reasonBlock img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .reasonBlock {
    background-repeat: repeat-y;
    background-position: left top;
    background-size: 100% auto;
    max-width: 600px;
    margin: 0 auto;
  }
  .reasonBlock .reasonBgTop {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    padding: 22px 0 0;
  }
  .reasonBlock .reasonBgBtm {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% auto;
    padding: 0 20px 22px;
  }
  .reasonBlock .reasonTitle {
    font-size: 1.7rem;
  }
  .reasonCatchCopy {
    font-size: 1.7rem;
  }
  .reasonBlock .reasonStitle {
    font-size: 1.5rem;
  }
  .reason3Img {
    /*width: 75%;*/
  }
}
/* bottomContents */
.bottomContents {
  padding: 58px 0;
  border-top: 1px solid #ccc;
}
/* footerSitemap */
.footerSitemap a {
  color: inherit !important;
  text-decoration: none !important;
}
.footerSitemapInner {
  max-width: 970px;
  margin: 0 auto;
}
.footerSitemap .siteTitle {
  margin-bottom: 1.4em;
  font-size: 21px;
  font-weight: bold;
}
.sitemapBlock {
  display: flex;
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
}
.sitemapBlock a {
  color: inherit !important;
  text-decoration: none !important;
}
.sitemapBlock .sitemapBox {
  width: 290px;
  margin-left: 50px;
  padding-bottom: 16px;
  padding-left: 50px;
  border-left: 1px solid #DEDEDE;
}
.sitemapBlock .sitemapBox:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
.sitemapBlock .sitemapBox > p {
  margin-bottom: 16px;
  color: #00A372;
  font-weight: bold;
  font-size: 14px;
}
.sitemapList > li {
  font-size: 18px;
  font-weight: bold;
}
.sitemapList > li:not(:first-child) {
  margin-top: .4em;
}
.sitemapList > li.regist {
  margin-top: 2em;
  font-size: 14px;
  font-weight: normal;
}
.sitemapBlock .sitemapList > li.regist a {
  color: #00A372 !important;
  font-weight: bold;
}
.sitemapLowerList {
  margin-bottom: 1em;
}
.sitemapLowerList > li {
  position: relative;
  padding-left: 1.3em;
  font-size: 16px;
  font-weight: bold;
}
.sitemapLowerList > li::before {
  content: "";
  display: block;
  position: absolute;
  top: .5em;
  left: .5em;
  width: .3em;
  height: .3em;
  border-radius: 50%;
  background-color: #333;
}
.sitemapLowerList > li:not(:first-child) {
  margin-top: .1em;
}
/* footerLink */
.footerLink {
  margin-top: 50px;
}
.footerLink a {
  color: inherit !important;
  text-decoration: none !important;
}
.footerLink ul {
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.footerLink ul li + li {
  margin-left: 1em;
}
.sp-totop {
  display: none;
}
.sp-footerLink, .sp-totop {
  display: none;
}
/* footerCookieBtns */
#footerCookieBtns {
  bottom: 0;
  height: 36px;
  left: 20px;
  position: fixed;
  z-index: 100;
}
#footerCookieBtns .favoriteBtn, #footerCookieBtns .historyBtn {
  background: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  float: left;
  height: 36px;
  margin-right: 10px;
  position: relative;
}
#footerCookieBtns .historyBtn {
  margin-right: 0;
}
#footerCookieBtns .favoriteBtn > a, #footerCookieBtns .historyBtn > a, #footerCookieBtns .recommendBtn > a, #footerCookieBtns .shopBtn > a, #footerCookieBtns .postcardBtn > a {
  background: #a1b31a;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  display: block;
  float: left;
  font-size: 80%;
  line-height: 26px;
  min-height: 26px;
  padding: 5px 16px 5px 40px;
  text-decoration: none;
}
#footerCookieBtns .favoriteBtn > a {
  background-color: #a1b31a;
  background-repeat: no-repeat;
  background-position: 11px center;
}
#footerCookieBtns .historyBtn > a {
  background-color: #a1b31a;
  background-repeat: no-repeat;
  background-position: 11px center;
}
#footerCookieBtns .lightBox {
  background-repeat: no-repeat;
  background-position: left top;
  bottom: 30px;
  /*display: none;*/
  height: 125px;
  left: 0;
  opacity: 0;
  position: absolute;
}
#footerCookieBtns .lightBox .slideWrapper {
  border-right: solid 1px #ccc;
  height: 105px;
  max-width: 700px;
  min-width: 270px;
  padding: 0 10px 1px;
  position: relative;
}
#footerCookieBtns .lightBox .slideStage {
  height: 85px;
  margin: 0 20px;
  overflow: hidden;
  padding-top: 12px;
  position: relative;
}
#footerCookieBtns .lightBox .slide {
  height: 75px;
  position: absolute;
  width: 50000px;
  z-index: 30;
}
#footerCookieBtns .lightBox .textCenter {
  font-size: 70%;
  padding-top: 5px;
}
#footerCookieBtns .lightBox .closeBtn {
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  z-index: 30;
}
#footerCookieBtns .lightBox .leftBtn, #footerCookieBtns .lightBox .rightBtn {
  height: 24px;
  left: 10px;
  position: absolute;
  top: 46px;
  width: 12px;
  z-index: 30;
}
#footerCookieBtns .lightBox .rightBtn {
  left: auto;
  right: 10px;
}
#footerCookieBtns .lightBox .leftBtn.disable {}
#footerCookieBtns .lightBox .leftBtn.disable a {
  visibility: hidden;
}
#footerCookieBtns .lightBox .rightBtn.disable {}
#footerCookieBtns .lightBox .rightBtn.disable a {
  visibility: hidden;
}
#footerCookieBtns .lightBox .slide .card {
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.2);
  float: left;
  margin: 0 10px 0 0;
  max-height: 70px;
  max-width: 70px;
  position: relative;
}
#footerCookieBtns .lightBox .slide .card.choice {
  box-shadow: none;
}
#footerCookieBtns .lightBox .slide .card img {
  max-height: 70px;
  max-width: 70px;
}
#footerCookieBtns .lightBox .slide .card .delete {
  height: 16px;
  position: absolute;
  right: -8px;
  top: -8px;
  width: 16px;
}
#footerCookieBtns .lightBox .slide .card .delete img {
  height: 16px;
  width: 16px;
}
#footerCopyright {
  background: #00A372;
  height: 30px;
  overflow: hidden;
  position: relative;
  /*z-index: 100;*/
}
@media screen and (max-width: 767px) {
.bottomContents {
  padding: 0;
}
/* footerSitemap */
.footerSitemapInner {
  max-width: 970px;
  margin: 0 auto;
}
.footerSitemap .siteTitle {
  margin-bottom: 0;
  padding: 12px 15px;
  border-bottom: 1px solid #DEDEDE;
  font-size: 1.6rem;
}
.sitemapBlock {
  display: block;
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
}
.sitemapBlock .sitemapBox {
  width: 100%;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-left: none;
  border-bottom: 1px solid #DEDEDE;
}
.sitemapBlock .sitemapBox:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
.sitemapBlock .sitemapBox > p {
  position: relative;
  margin-bottom: 0;
  padding: 10px 15px;
  font-size: 1.4rem;
  cursor: pointer;
}
.sitemapBlock .sitemapBox .icon-plus {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
}
.sitemapBlock .sitemapBox .icon-plus::before,
.sitemapBlock .sitemapBox .icon-plus::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 2px;
  margin: auto;
  background-color: #999;
}
.sitemapBlock .sitemapBox .icon-plus::after {
  transform: rotate(90deg);
}
.sitemapBlock .sitemapBox .is-open .icon-plus::after {
  display: none;
}
.sitemapList {
  display: none;
  border-top: 1px solid #DEDEDE;
}
.sitemapList > li {
  font-size: 1.4rem;
}
.sitemapList > li:not(:first-child) {
  margin-top: 0;
  border-top: 1px solid #DEDEDE;
}
.sitemapList > li.regist {
  margin-top: 0;
  padding: 7px 15px;
  font-size: 1.4rem;
}
.sitemapList > li > a {
  display: block;
  padding: 7px 15px;
}
.sitemapBlock .sitemapList > li.regist a {
  color: #00A372 !important;
  font-weight: bold;
}
.sitemapLowerList {
  margin-bottom: 0;
}
.sitemapLowerList > li {
  padding-left: 0;
  font-size: 1.3rem;
}
.sitemapLowerList > li:not(:first-child) {
  border-top: 1px solid #DEDEDE;
}
.sitemapLowerList > li::before {
  top: 1.2em;
  left: 1.5em;
}
.sitemapLowerList > li:not(:first-child) {
  margin-top: 0;
}
.sitemapLowerList > li > a {
  display: block;
  padding: 7px 15px 7px 34px;
}
/* footerLink */
.footerLink {
  margin-top: 0;
}
.footerLink a {
  color: inherit !important;
  text-decoration: none !important;
}
.footerLink ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: -1px;
  border-bottom: 1px solid #DEDEDE;
  font-size: 1.2rem;
}
.footerLink ul li {
  width: 50%;
  border-bottom: 1px solid #DEDEDE;
}
.footerLink ul li + li {
  margin-left: 0;
}
.footerLink ul li:nth-child(odd) {
  border-right: 1px solid #DEDEDE;
}
.footerLink ul li:last-child {
  border-bottom: none;
}
.footerLink ul li a {
  display: block;
  padding: .5em 0;
  text-align: center;
}
/* query end */}
@media screen and (max-width: 767px) {
  .sp-totop {
    bottom: 35px;
    display: none;
    height: 50px;
    line-height: 1;
    position: fixed;
    width: 50px;
    z-index: 100;
  }
  .sp-totop img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
  }
  .sp-totop {
    right: 0;
  }
  #footerCookieCase {
    display: none;
  }
}
/* fancybox */
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}
#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1101;
  outline: none;
  display: none;
  font-size: 1.6rem;
}
#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  border: solid 10px #fff;
}
#fancybox-content {
  /*width: 1060px;*/
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}
#superbox-iframe-overlay, #fancybox-iframe-overlay {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  outline: none;
  position: absolute;
  overflow: hidden;
  z-index: 1105;
  opacity: 0.3;
  cursor: auto;
  display: none;
  background-color: #fff;
}
#superbox-iframe-overlay {
  z-index: 11;
}
#superbox-iframe-outer, #fancybox-iframe-outer {
  width: 100%;
  height: 95%;
  left: 0;
  top: 2%;
  padding: 0;
  outline: none;
  position: absolute;
  overflow: hidden;
  z-index: 1106;
  display: none;
}
#superbox-iframe-outer {
  z-index: 12;
}
@media screen and (min-width: 768px) {
  #superbox-iframePosition, #fancybox-iframePosition {
    width: 1000px;
    height: 100%;
    margin: 1% auto;
    position: relative;
  }
  #superbox-iframe, #fancybox-iframe {
    width: 1000px;
    height: 95%;
    margin: 1% auto;
    padding: 0;
    outline: none;
    position: relative;
    background: #fff;
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
#superbox-iframe .scroll, #fancybox-iframe .scroll {
  width: 100%;
  height: 100%;
}
#superbox-iframe.ios, #fancybox-iframe.ios {}
#superbox-iframe iframe, #fancybox-iframe iframe {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  border: none;
  vertical-align: top;
}
#superbox-iframe-close, #fancybox-iframe-close {
  position: absolute;
  top: 15px;
  right: 25px;
  width: 41px;
  height: 41px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  z-index: 1107;
}
#superbox-iframe-close {
  z-index: 13;
}
#superbox-close, #fancybox-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 41px;
  height: 41px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  cursor: pointer;
  z-index: 1103;
}
#superbox-close {
  top: 15px;
  right: 15px;
}
#superbox-left, #superbox-right, #fancybox-left, #fancybox-right {
  position: absolute;
  height: 72px;
  width: 72px;
  top: 50%;
  margin-top: -36px;
  cursor: pointer;
  outline: none;
  z-index: 1102;
}
#superbox-close, #superbox-left, #superbox-right {
  z-index: 10;
}
#superbox-left, #fancybox-left {
  left: -45px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: left top;
}
#superbox-right, #fancybox-right {
  right: -45px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: left top;
}
#superbox-left-ico, #superbox-right-ico, #fancybox-left-ico, #fancybox-right-ico {
  width: 72px;
  height: 72px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}
#superbox-left-ico, #fancybox-left-ico {
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: left top;
}
#superbox-right-ico, #fancybox-right-ico {
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: left top;
}
#superbox-left:hover, #superbox-right:hover, #fancybox-left:hover, #fancybox-right:hover {
  visibility: visible; /* IE6 */
}
#superbox-left:hover span, #fancybox-left:hover span {
  left: 20px;
}
#superbox-right:hover span, #fancybox-right:hover span {
  left: auto;
  right: 20px;
}
@media screen and (max-width: 767px) {
  #fancybox-wrap {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1101;
    outline: none;
    display: none;
    background: #eeeeee;
  }
  #fancybox-outer {
    background: transparent;
    position: relative;
    width: 100%;
    height: 100%;
  }
  #fancybox-content {
    width: 100%;
    height: 100%;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #superbox-iframePosition, #fancybox-iframePosition {
    width: 100%;
    height: 100%;
    position: relative;
  }
  #fancybox-iframe-overlay {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    outline: none;
    position: absolute;
    overflow: hidden;
    z-index: 1105;
    opacity: 0.3;
    cursor: auto;
    display: none;
    background-color: #fff;
  }
  #fancybox-iframe-outer {
    width: 100%;
    height: 100%;
    left: 0;
    top: 2%;
    padding: 0;
    outline: none;
    position: absolute;
    overflow: hidden;
    z-index: 1106;
    display: none;
  }
  #fancybox-iframe {
    width: 95%;
    height: 95%;
    margin: 1% auto;
    padding: 0;
    outline: none;
    position: relative;
    background: #fff;
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  #fancybox-iframe .scroll {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  #fancybox-iframe iframe {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    border: none;
  }
  #fancybox-iframe-close {
    position: absolute;
    top: 5px;
    right: 18px;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 27px 27px;
    cursor: pointer;
    z-index: 1107;
  }
  #superbox-iframe-close {
    z-index: 13;
  }
  #fancybox-close {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 27px 27px;
    cursor: pointer;
    z-index: 1103;
  }
  #fancybox-left, #fancybox-right {
    position: absolute;
    height: 40px;
    width: 40px;
    top: 0;
    cursor: pointer;
    outline: none;
    z-index: 1102;
  }
  #fancybox-left {
    left: 5px;
    background-size: 40px 40px;
  }
  #fancybox-right {
    right: 5px;
    background-size: 40px 40px;
  }
  #fancybox-left-ico, #fancybox-right-ico {
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1102;
    display: block;
  }
  #fancybox-left-ico {
    background-size: 40px 40px;
  }
  #fancybox-right-ico {
    background-size: 40px 40px;
  }
}
.fdiWrapper {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1101;
  outline: none;
  background: #f9f2e3;
}
.fdiWrapper .scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.fdiWrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.fdiWrapper .close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 32px 32px;
  cursor: pointer;
  z-index: 1107;
}
.fadeimg1Filter {
  opacity: 0;
}
/* .expandField
------------------------- */
#pageContentsWrapper {
  position: relative;
}
.expandField {
  padding: 0;
  width: 100%;
  text-align: left;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  border-top: solid 4px #b7ddbd;
  border-bottom: solid 4px #b7ddbd;
  background: #fff;
}
.superBorder {}
.superBoxContents {
  position: relative;
}
.preload {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100px;
}
.moreBtn {
  text-align: center;
  display: none;
}
.moreBtn a {
  display: inline-block;
  color: #00A372;
  font-weight: bold;
  font-size: 90%;
  text-align: center;
  padding: 10px;
  width: 280px;
  min-height: 20px;
  line-height: 20px;
  background: linear-gradient(to bottom, rgba(204, 233, 213, 0.9) 0%, rgba(161, 210, 169, 0.9) 100%); /* W3C */
  border-radius: 6px;
  text-decoration: none !important;
}
@media screen and (max-width: 767px) {
.moreBtn {
  margin-top: 30px;
}
/* query end */}
/*====================================================================
 Contents styles
====================================================================*/
#contents {
  position: relative;
  min-width: 1120px;
}
.contentsInner {
  max-width: 1120px;
  margin: 0 auto;
}
#contents p, #contents ul, #contents ol {
  line-height: 1.5em;
}
@media screen and (max-width: 767px) {
#contents {
  min-width: 0;
}
/* query end */}
/*====================================================================
 Secondary Pages styles
====================================================================*/
.secondaryPages .secondaryPhotos {
  padding-top: 40px;
}
.section, .contentsSide {
  margin: 0 auto;
  max-width: 1200px;
  padding: 20px 20px;
}
.secondaryPages .section, .secondaryPages .contentsSide {
  margin: 0 auto;
  max-width: 1120px;
  padding: 20px 20px;
  box-sizing: border-box;
}
.secondaryPages .section.thin {
  padding-top: 0;
}
.secondaryPages .contentsSide.no-side {
  max-width: 1160px;
}
.secondaryPages h2 + .section, .secondaryPages h2 + .contentsSide {
  padding: 0 20px 20px;
}
.secondaryPages h2 + .contentsSide.no-padding {
  max-width: 1160px;
  min-width: 0;
}
.secondaryPages h1 {
  color: #00A372;
  font-size: 250%;
  line-height: 1.5em;
  margin-bottom: 20px;
}
.secondaryPages h2, .secondaryPages .heading2 {
  border-top: solid 4px #b7ddbd;
  color: #00A372;
  font-size: 2.4rem;
  line-height: 1.3em;
  margin-bottom: 25px;
  padding: 20px 20px 0;
  font-weight: bold;
}
.secondaryPages .topContWrapper + h2, .secondaryPages .topContWrapper + .heading2 {
  border-top: none;
}
.secondaryPages h2.normalHeading3 {
  color: inherit;
  border: none;
  padding: inherit;
  font-size: 2.2rem;
  margin-bottom: 5px;
}
.secondaryPages h2.normalHeading3 div {
  padding-top: 5px;
}
.secondaryPages h2.noBorder, .secondaryPages .heading2.noBorder {
  border-top: none;
  margin-bottom: 25px;
  padding-top: 0 !important;
}
.secondaryPages h2.inBlock, .secondaryPages .heading2.inBlock {
  padding: 20px 0 0;
}
.secondaryPages h2 > span, .secondaryPages .heading2 > span {
  display: block;
  margin: 0 auto;
  max-width: 1120px;
}
.secondaryPages h2 .subText, .secondaryPages .heading2 .subText {
  margin-left: 2em;
  font-size: .7em;
}
.secondaryPages .heading3 {
  color: #00A372;
  font-size: 3.0rem;
  line-height: 1.3em;
  margin-bottom: 12px;
}
.secondaryPages p.pageTopHeaderSmall, .secondaryPages h1.pageTopHeaderSmall, .secondaryPages h1 span.pageTopHeaderSmall {
  color: #00A372;
  font-size: 110%;
  font-weight: bold;
  line-height: 1.5em !important;
  margin-bottom: 2px;
}
.secondaryPages h1 span.pageTopHeaderSmall {
  font-size: 40%;
}
.secondaryPages h1.header2Line {
  line-height: 1.3em;
  margin-top: -4px;
}
.secondaryPages h1.header2Line span.pageTopHeaderSmall {
  line-height: 2.0em !important;
}
.secondaryPages h2.pageTopHeader {
  border-top: none;
  color: #00A372;
  font-size: 250%;
  line-height: 1.5em;
  margin-bottom: 20px;
  padding: 0;
}
.secondaryPages h1.pageTopHeader.smallHeader, .secondaryPages h2.pageTopHeader.smallHeader {
  font-size: 200%;
}
.secondaryPages .topContents h2.catchCopy, .secondaryPages .topContents h3.catchCopy, .secondaryPages .topContents p.catchCopy {
  border-top: none;
  color: #353535;
  font-size: 110%;
  line-height: 1.5em !important;
  padding: 0;
}
.secondaryPages .topContents h3 {
  font-size: 110%;
}
@media screen and (max-width: 767px) {
  .secondaryPages h1 {
    font-size: 2.4rem;
    font-weight: bold;
  }
  .secondaryPages h2, .secondaryPages .heading2 {
    color: #00A372;
    margin-bottom: 20px;
    font-size: 2rem;
    font-weight: bold;
    padding: 20px 15px 0;
  }
  .secondaryPages h2 + .contentsSide.no-padding {
    padding: 0 20px;
  }
  .secondaryPages h2 .subText, .secondaryPages .heading2 .subText {
    display: block;
    margin-top: .4em;
    margin-left: 0;
  }
}
.secondaryPages .topContWrapper {
  overflow: hidden;
  width: 100%;
  background: #f8f7e6;
}
.secondaryPages .topContentsWrapper {
  background: #f8f7e6;
  padding-bottom: 1px;
}
.secondaryPages .topContents {
  position: relative;
  max-width: 1160px;
  height: 380px;
  margin: 0 auto;
  padding: 85px 20px;
}
@media screen and (min-width: 768px) {
  .secondaryPages .topContents.commonBg:after {
    /*background: url(postcard/common/images/common/common_heading_bg.png?$staticlink$) no-repeat;*/
    background-size: contain;
    content: '';
    display: block;
    height: 270px;
    position: absolute;
    top: 0;
    right: -33px;
    width: 604px;
  }
}
.secondaryPages .topContents .topText {
  max-width: 530px;
}
.secondaryPages .topContents .topPhoto {
  left: 540px;
  position: absolute;
  top: 30px;
}
#contents .secondaryPages ol.pankuzuWrapper {
  font-size: 70%;
  line-height: 1.2em;
  list-style: none;
  margin: 0;
  margin-bottom: 25px;
  padding: 0;
}
#contents .secondaryPages ol.pankuzuWrapper li.pankuzu {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
.secondaryPages .pankuzu a {
  display: inline-block;
  margin-right: 9px;
  min-height: 14px;
  padding-right: 14px;
  position: relative;
}
.secondaryPages .pankuzu a:after {
  border-top: 1px solid #948f8e;
  border-right: 1px solid #948f8e;
  content: '';
  height: 6px;
  margin-top: -4px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}
@media screen and (max-width: 767px) {
  .section, .contentsSide {
    padding: 15px 15px 5px;
  }
  .secondaryPages .section, .secondaryPages .contentsSide {
    padding: 15px 15px 5px;
  }
  #contents .secondaryPages ol.pankuzuWrapper {
    display: none;
  }
  .secondaryPages .topContents {
    height: auto;
    margin: 0px auto 2px;
    padding: 15px 15px 10px;
  }
}
@media screen and (min-width: 767px), print {
  .col2Block, .col3Block, .col4Block, .col5Block {
    -webkit-align-items: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .col2Block > .cols, .col3Block > .cols, .col4Block > .cols, .col5Block > .cols {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 30px;
  }
  .col2Block > .cols {
    width: calc(50% - 15px);
  }
  .col3Block > .cols {
    width: calc(33.33% - 20px);
  }
  .col4Block > .cols {
    width: calc(25% - 22.5px);
  }
  .col5Block > .cols {
    width: calc(20% - 24px);
  }
  .m10 > .cols {
    margin-right: 10px;
  }
  .m20 > .cols {
    margin-right: 20px;
  }
  .m30 > .cols {
    margin-right: 30px;
  }
  .m40 > .cols {
    margin-right: 40px;
  }
  .m50 > .cols {
    margin-right: 50px;
  }
  .m60 > .cols {
    margin-right: 60px;
  }
  .m70 > .cols {
    margin-right: 70px;
  }
  .m80 > .cols {
    margin-right: 80px;
  }
  .col2Block > .cols:nth-child(2n), .col3Block > .cols:nth-child(3n), .col4Block > .cols:nth-child(4n), .col5Block > .cols:nth-child(5n) {
    margin-right: 0;
  }
  .col2Block.m10 > .cols {
    width: calc(50% - 5px)
  }
  .col3Block.m10 > .cols {
    width: calc(33.33% - 6.67px)
  }
  .col4Block.m10 > .cols {
    width: calc(25% - 7.5px)
  }
  .col5Block.m10 > .cols {
    width: calc(20% - 8px)
  }
  .col2Block.m20 > .cols {
    width: calc(50% - 10px)
  }
  .col3Block.m20 > .cols {
    width: calc(33.33% - 13.33px)
  }
  .col4Block.m20 > .cols {
    width: calc(25% - 15px)
  }
  .col5Block.m20 > .cols {
    width: calc(20% - 16px)
  }
  .col2Block.m30 > .cols {
    width: calc(50% - 15px)
  }
  .col3Block.m30 > .cols {
    width: calc(33.33% - 20px)
  }
  .col4Block.m30 > .cols {
    width: calc(25% - 22.5px)
  }
  .col5Block.m30 > .cols {
    width: calc(20% - 24px)
  }
  .col2Block.m40 > .cols {
    width: calc(50% - 20px)
  }
  .col3Block.m40 > .cols {
    width: calc(33.33% - 26.67px)
  }
  .col4Block.m40 > .cols {
    width: calc(25% - 30px)
  }
  .col5Block.m40 > .cols {
    width: calc(20% - 32px)
  }
  .col2Block.m50 > .cols {
    width: calc(50% - 25px)
  }
  .col3Block.m50 > .cols {
    width: calc(33.33% - 33.33px)
  }
  .col4Block.m50 > .cols {
    width: calc(25% - 37.5px)
  }
  .col5Block.m50 > .cols {
    width: calc(20% - 40px)
  }
  .col2Block.m60 > .cols {
    width: calc(50% - 30px)
  }
  .col3Block.m60 > .cols {
    width: calc(33.33% - 40px)
  }
  .col4Block.m60 > .cols {
    width: calc(25% - 45px)
  }
  .col5Block.m60 > .cols {
    width: calc(20% - 48px)
  }
  .col2Block.m70 > .cols {
    width: calc(50% - 35px)
  }
  .col3Block.m70 > .cols {
    width: calc(33.33% - 46.67px)
  }
  .col4Block.m70 > .cols {
    width: calc(25% - 52.5px)
  }
  .col5Block.m70 > .cols {
    width: calc(20% - 56px)
  }
  .col2Block.m80 > .cols {
    width: calc(50% - 40px)
  }
  .col3Block.m80 > .cols {
    width: calc(33.33% - 53.33px)
  }
  .col4Block.m80 > .cols {
    width: calc(25% - 60px)
  }
  .col5Block.m80 > .cols {
    width: calc(20% - 64px)
  }
}
@media screen and (max-width: 768px), print {
  .spSame.col2Block, .spSame.col3Block, .spSame.col4Block, .spSame.col5Block {
    -webkit-align-items: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .spSame.col2Block > .cols, .spSame.col3Block > .cols, .spSame.col4Block > .cols, .spSame.col5Block > .cols {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 30px;
  }
  .spSame.col2Block > .cols {
    width: calc(50% - 15px);
  }
  .spSame.col3Block > .cols {
    width: calc(33.33% - 20px);
  }
  .spSame.col4Block > .cols {
    width: calc(25% - 22.5px);
  }
  .spSame.col5Block > .cols {
    width: calc(20% - 24px);
  }
  .spSame.m10 > .cols {
    margin-right: 10px;
  }
  .spSame.m20 > .cols {
    margin-right: 20px;
  }
  .spSame.m30 > .cols {
    margin-right: 30px;
  }
  .spSame.m40 > .cols {
    margin-right: 40px;
  }
  .spSame.m50 > .cols {
    margin-right: 50px;
  }
  .spSame.m60 > .cols {
    margin-right: 60px;
  }
  .spSame.m70 > .cols {
    margin-right: 70px;
  }
  .spSame.m80 > .cols {
    margin-right: 80px;
  }
  .spSame.col2Block > .cols:nth-child(2n), .spSame.col3Block > .cols:nth-child(3n), .spSame.col4Block > .cols:nth-child(4n), .spSame.col5Block > .cols:nth-child(5n) {
    margin-right: 0;
  }
  .spSame.col2Block.m10 > .cols {
    width: calc(50% - 5px)
  }
  .spSame.col3Block.m10 > .cols {
    width: calc(33.33% - 6.67px)
  }
  .spSame.col4Block.m10 > .cols {
    width: calc(25% - 7.5px)
  }
  .spSame.col5Block.m10 > .cols {
    width: calc(20% - 8px)
  }
  .spSame.col2Block.m20 > .cols {
    width: calc(50% - 10px)
  }
  .spSame.col3Block.m20 > .cols {
    width: calc(33.33% - 13.33px)
  }
  .spSame.col4Block.m20 > .cols {
    width: calc(25% - 15px)
  }
  .spSame.col5Block.m20 > .cols {
    width: calc(20% - 16px)
  }
  .spSame.col2Block.m30 > .cols {
    width: calc(50% - 15px)
  }
  .spSame.col3Block.m30 > .cols {
    width: calc(33.33% - 20px)
  }
  .spSame.col4Block.m30 > .cols {
    width: calc(25% - 22.5px)
  }
  .spSame.col5Block.m30 > .cols {
    width: calc(20% - 24px)
  }
  .spSame.col2Block.m40 > .cols {
    width: calc(50% - 20px)
  }
  .spSame.col3Block.m40 > .cols {
    width: calc(33.33% - 26.67px)
  }
  .spSame.col4Block.m40 > .cols {
    width: calc(25% - 30px)
  }
  .spSame.col5Block.m40 > .cols {
    width: calc(20% - 32px)
  }
  .spSame.col2Block.m50 > .cols {
    width: calc(50% - 25px)
  }
  .spSame.col3Block.m50 > .cols {
    width: calc(33.33% - 33.33px)
  }
  .spSame.col4Block.m50 > .cols {
    width: calc(25% - 37.5px)
  }
  .spSame.col5Block.m50 > .cols {
    width: calc(20% - 40px)
  }
  .spSame.col2Block.m60 > .cols {
    width: calc(50% - 30px)
  }
  .spSame.col3Block.m60 > .cols {
    width: calc(33.33% - 40px)
  }
  .spSame.col4Block.m60 > .cols {
    width: calc(25% - 45px)
  }
  .spSame.col5Block.m60 > .cols {
    width: calc(20% - 48px)
  }
  .spSame.col2Block.m70 > .cols {
    width: calc(50% - 35px)
  }
  .spSame.col3Block.m70 > .cols {
    width: calc(33.33% - 46.67px)
  }
  .spSame.col4Block.m70 > .cols {
    width: calc(25% - 52.5px)
  }
  .spSame.col5Block.m70 > .cols {
    width: calc(20% - 56px)
  }
  .spSame.col2Block.m80 > .cols {
    width: calc(50% - 40px)
  }
  .spSame.col3Block.m80 > .cols {
    width: calc(33.33% - 53.33px)
  }
  .spSame.col4Block.m80 > .cols {
    width: calc(25% - 60px)
  }
  .spSame.col5Block.m80 > .cols {
    width: calc(20% - 64px)
  }
  .spSame.sp-m10 > .cols {
    margin-right: 10px;
  }
  .spSame.sp-m15 > .cols {
    margin-right: 15px;
  }
  .spSame.sp-m20 > .cols {
    margin-right: 20px;
  }
  .spSame.sp-m25 > .cols {
    margin-right: 25px;
  }
  .spSame.sp-m30 > .cols {
    margin-right: 30px;
  }
  .spSame.sp-m35 > .cols {
    margin-right: 35px;
  }
  .spSame.sp-m40 > .cols {
    margin-right: 40px;
  }
  .spSame.sp-m50 > .cols {
    margin-right: 50px;
  }
  .spSame.sp-m60 > .cols {
    margin-right: 60px;
  }
  .spSame.sp-m70 > .cols {
    margin-right: 70px;
  }
  .spSame.sp-m80 > .cols {
    margin-right: 80px;
  }
  .spSame.col2Block > .cols:nth-child(2n), .spSame.col3Block > .cols:nth-child(3n), .spSame.col4Block > .cols:nth-child(4n), .spSame.col5Block > .cols:nth-child(5n) {
    margin-right: 0;
  }
  .spSame.col2Block.sp-m10 > .cols {
    width: calc(50% - 5px)
  }
  .spSame.col3Block.sp-m10 > .cols {
    width: calc(33.33% - 6.67px)
  }
  .spSame.col4Block.sp-m10 > .cols {
    width: calc(25% - 7.5px)
  }
  .spSame.col5Block.sp-m10 > .cols {
    width: calc(20% - 8px)
  }
  .spSame.col2Block.sp-m20 > .cols {
    width: calc(50% - 10px)
  }
  .spSame.col3Block.sp-m20 > .cols {
    width: calc(33.33% - 13.33px)
  }
  .spSame.col4Block.sp-m20 > .cols {
    width: calc(25% - 15px)
  }
  .spSame.col5Block.sp-m20 > .cols {
    width: calc(20% - 16px)
  }
  .spSame.col2Block.sp-m30 > .cols {
    width: calc(50% - 15px)
  }
  .spSame.col3Block.sp-m30 > .cols {
    width: calc(33.33% - 20px)
  }
  .spSame.col4Block.sp-m30 > .cols {
    width: calc(25% - 22.5px)
  }
  .spSame.col5Block.sp-m30 > .cols {
    width: calc(20% - 24px)
  }
  .spSame.col2Block.sp-m40 > .cols {
    width: calc(50% - 20px)
  }
  .spSame.col3Block.sp-m40 > .cols {
    width: calc(33.33% - 26.67px)
  }
  .spSame.col4Block.sp-m40 > .cols {
    width: calc(25% - 30px)
  }
  .spSame.col5Block.sp-m40 > .cols {
    width: calc(20% - 32px)
  }
  .spSame.col2Block.sp-m50 > .cols {
    width: calc(50% - 25px)
  }
  .spSame.col3Block.sp-m50 > .cols {
    width: calc(33.33% - 33.33px)
  }
  .spSame.col4Block.sp-m50 > .cols {
    width: calc(25% - 37.5px)
  }
  .spSame.col5Block.sp-m50 > .cols {
    width: calc(20% - 40px)
  }
  .spSame.col2Block.sp-m60 > .cols {
    width: calc(50% - 30px)
  }
  .spSame.col3Block.sp-m60 > .cols {
    width: calc(33.33% - 40px)
  }
  .spSame.col4Block.sp-m60 > .cols {
    width: calc(25% - 45px)
  }
  .spSame.col5Block.sp-m60 > .cols {
    width: calc(20% - 48px)
  }
  .spSame.col2Block.sp-m70 > .cols {
    width: calc(50% - 35px)
  }
  .spSame.col3Block.sp-m70 > .cols {
    width: calc(33.33% - 46.67px)
  }
  .spSame.col4Block.sp-m70 > .cols {
    width: calc(25% - 52.5px)
  }
  .spSame.col5Block.sp-m70 > .cols {
    width: calc(20% - 56px)
  }
  .spSame.col2Block.sp-m80 > .cols {
    width: calc(50% - 40px)
  }
  .spSame.col3Block.sp-m80 > .cols {
    width: calc(33.33% - 53.33px)
  }
  .spSame.col4Block.sp-m80 > .cols {
    width: calc(25% - 60px)
  }
  .spSame.col5Block.sp-m80 > .cols {
    width: calc(20% - 64px)
  }
  .spSame.col2Block.sp-m15 > .cols {
    width: calc(50% - 7.5px)
  }
  .spSame.col3Block.sp-m15 > .cols {
    width: calc(33.33% - 10px)
  }
  .spSame.col4Block.sp-m15 > .cols {
    width: calc(25% - 11.25px)
  }
  .spSame.col5Block.sp-m15 > .cols {
    width: calc(20% - 12px)
  }
  .spSame.col2Block.sp-m25 > .cols {
    width: calc(50% - 12.5px)
  }
  .spSame.col3Block.sp-m25 > .cols {
    width: calc(33.33% - 16.67px)
  }
  .spSame.col4Block.sp-m25 > .cols {
    width: calc(25% - 18.75px)
  }
  .spSame.col5Block.sp-m25 > .cols {
    width: calc(20% - 20px)
  }
  .spSame.col2Block.sp-m35 > .cols {
    width: calc(50% - 17.5px)
  }
  .spSame.col3Block.sp-m35 > .cols {
    width: calc(33.33% - 23.33px)
  }
  .spSame.col4Block.sp-m35 > .cols {
    width: calc(25% - 26.25px)
  }
  .spSame.col5Block.sp-m35 > .cols {
    width: calc(20% - 28px)
  }
}
.cardItemWrapper {
  -webkit-align-items: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  max-width: 1120px;
  margin: 0 auto;
}
.cardThumbs {
  display: none;
  margin: 10px 10px 30px;
  position: relative;
  text-align: center;
  width: 200px;
}
.cardThumbs.all {
  display: block;
  opacity: 0;
  transition-property: opacity;
  transition-duration: .6s;
}
.cardThumbs.all.loaded.visible {
  opacity: 1;
}
.cardThumbs.active:after {
  border: solid 15px transparent;
  border-bottom: solid 15px #917d00;
  border-top: 0;
  bottom: -20px;
  content: '';
  left: 50%;
  margin-left: -15px;
  position: absolute;
}
.cardThumbs .tableWrapper {
  display: table;
  height: 100%;
  width: 100%;
}
.cardThumbs .tableWrapper .centerCell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.charaText {
  background: #dbb035;
  color: #fff;
  display: block;
  font-size: 65%;
  font-weight: bold;
  height: 17px;
  line-height: 17px;
  margin: 0 auto;
  padding: 2px 3px 0px;
  text-align: center;
  width: 150px;
}
.charaText.illustrator {
  background: #8a6657;
  height: auto;
  line-height: 1.4em;
}
.charaText.shodo {
  background: #576680;
  height: auto;
  line-height: 1.4em;
}
.cardThumbs .normal {
  display: inline-block;
  position: relative;
}
.cardThumbs .charaBorder {
  border: solid 2px #dbb035;
  display: inline-block;
  padding: 15px;
  position: relative;
  text-decoration: none;
}
.cardThumbs .charaBorder.illustrator {
  border: solid 2px #8a6657;
}
.cardThumbs .charaBorder.shodo {
  border: solid 2px #576680;
}
.cardThumbsInner {
  background: #fff !important;
  box-shadow: 6px 6px 0 0 rgba(0, 0, 0, .2);
  display: inline-block;
  position: relative;
}
.cardThumbsInner img {
  position: relative;
  transition-property: transform, opacity;
  transition-duration: .2s;
  vertical-align: top;
}
.cardThumbs .cardThumbsInner a > img {
  height: auto;
  min-height: 123px;
  min-width: 123px;
  width: auto;
}
.cardThumbsInner a:after {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  content: '';
  cursor: pointer;
  height: 60px;
  left: 50%;
  margin-left: -28px;
  margin-top: -30px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition-duration: .2s;
  width: 56px;
}
.hover .cardThumbsInner img {
  opacity: 0.5;
}
.hover .cardThumbsInner a:after {
  opacity: 1;
}
.cardThumbs .cardThumbsInner .deleteBtn {
  height: 22px;
  position: absolute;
  right: -11px;
  top: -11px;
  width: 22px;
}
.cardThumbs .cardThumbsInner .deleteBtn a > img {
  height: 22px;
  min-height: 22px;
  min-width: 22px;
  width: 22px;
}
.cardThumbs .cardThumbsInner.preLoadY, .cardThumbs .cardThumbsInner.preLoadT {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
}
.cardThumbs .cardThumbsInner.preLoadY img {
  min-height: 144px;
  min-width: 215px;
}
.cardThumbs .cardThumbsInner.preLoadT img {
  min-height: 215px;
  min-width: 144px;
}
.cardThumbs .webWappen {
  display: none;
  position: absolute;
  right: -22px;
  top: -22px;
  width: 86px;
}
.fhPage .cardThumbs .webWappen {
  top: 22px;
}
.webWappen img {
  float: right;
  margin-left: 1px;
}
.cardThumbs .cardThumbsInner .webWappen img {
  min-height: 0;
  min-width: 0;
}
.cardData {
  margin-top: 12px;
  text-align: center;
}
.charaBorder + .cardData {
  margin-top: 7px;
}
.cardData p {
  font-size: 70%;
}
.moreBtnWrapper {
  padding-bottom: 50px;
}
.moreBtn {
  display: none;
  text-align: center;
}
.moreBtn a {
  background: linear-gradient(to bottom, rgba(204, 233, 213, 0.9) 0%, rgba(161, 210, 169, 0.9) 100%); /* W3C */
  border-radius: 6px;
  color: #00A372;
  display: inline-block;
  font-size: 90%;
  font-weight: bold;
  line-height: 20px;
  min-height: 20px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 280px;
}
@media screen and (max-width: 767px) {
  .cardItemWrapper {}
  .cardThumbs {
    margin: 5px;
    width: calc(50% - 10px);
  }
  @media (min-width: 450px) {
    .cardThumbs {
      width: calc(33.3% - 10px);
    }
  }
  @media (min-width: 600px) {
    .cardThumbs {
      width: calc(25% - 10px);
    }
  }
  .cardThumbs .charaText {
    font-size: 50%;
    letter-spacing: -0.1px;
    min-width: 85px;
    vertical-align: bottom;
    width: auto;
    zoom: 0.99;
  }
  .cardThumbs .normal {
    text-align: center;
  }
  .cardThumbs .charaBorder {
    min-width: 110px;
    padding: 8px 8px;
  }
  .cardThumbs.all .charaBorder {
    display: block;
  }
  .cardThumbs.all .normal {
    margin-top: 15px;
  }
  .creatorBlock .cardThumbs.all .charaText.illustrator {
    display: none;
  }
  .creatorBlock .cardThumbs .charaBorder.illustrator {
    padding: 0;
    border: none;
  }
  .cardThumbsInner {
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .2);
  }
  .cardThumbs .cardThumbsInner a > img {
    max-height: 120px;
    max-width: 120px;
    min-height: 72px;
    min-width: 72px;
  }
  .cardThumbsInner a {
    position: relative;
    display: block;
  }
  .cardThumbsInner a:after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 23px;
    bottom: -13px;
    height: 23px;
    left: 50%;
    margin-left: -37px;
    opacity: 1;
    top: auto;
    width: 74px;
  }
  .cardThumbs .cardThumbsInner.preLoadY, .cardThumbs .cardThumbsInner.preLoadT {
    background-size: 16px 16px;
  }
  .cardThumbs .cardThumbsInner.preLoadY {
    height: 70px;
    width: 105px;
  }
  .cardThumbs .cardThumbsInner.preLoadT {
    height: 105px;
    width: 70px;
  }
  .cardThumbs .webWappen {
    right: -15px;
    top: -10px;
    width: 32px;
  }
  .fhPage .cardThumbs .webWappen {
    top: 15px;
  }
  .webWappen img {
    float: none;
    margin-bottom: 0;
    margin-left: 1px;
  }
  .cardThumbs .deleteBtn {
    top: -11px;
    right: -11px;
    position: absolute;
  }
  .cardThumbsInner .deleteBtn a:after {
    display: none;
  }
  .creatorBlock .cardThumbs.all {
    opacity: 1;
    transition-duration: .0s;
    width: inherit;
  }
  #pageContents .cardThumbs.all img, #pageContents .cardThumbs.all .charaText, #pageContents .cardThumbs.all .charaBorder {
    display: block;
  }
  #pageContents .cardThumbs.all .normal {
    display: inline-block;
  }
}
.categoryColumnBlock .phBlock {
  float: right;
  padding-left: 15px;
  padding-bottom: 15px;
}
.categoryColumnBlock .columnHeading {
  padding: 0;
  border-top: none;
  line-height: 1.5;
  color: #917d00;
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 10px;
}
.categoryColumnBlock {
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 100% auto;
  margin: 0 auto;
  max-width: 1160px;
}
.categoryColumnBlock .categoryColumnBgTop {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  margin: 0 auto 65px;
  padding-top: 30px;
}
.categoryColumnBlock .categoryColumnBgBtm {
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
  padding: 0 50px 30px;
}
.categoryColumnBlock .categoryColumnStitle {
  color: #917d00;
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 7px;
}
.categoryColumnBlock img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .categoryColumnBlock .phBlock {
    float: none;
    padding-left: 0;
    padding-bottom: 15px;
    text-align: center;
  }
  .categoryColumnBlock .phBlock img {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .cardDetailWrapper {
    padding: 35px 0;
    width: 940px;
    margin: 0 auto;
  }
  .cardDetailWrapper .phBlockWrapper {
    width: 390px;
    margin-left: 12px;
    float: left;
  }
  .cardDetailWrapper .phBlock {
    padding: 9px;
    width: 370px;
    margin-bottom: 12px;
  }
  .cardDetailWrapper .textBlock {
    width: 480px;
    float: right;
  }
  .cardDetailWrapper .phBlock table {
    width: 370px;
    height: 370px;
  }
  .cardDetailWrapper .phBlock table td {
    width: 370px;
    height: 370px;
    text-align: center;
    vertical-align: middle;
  }
}
.cardDetailWrapper .phBlock table td img {
  box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
}
.cardDetailWrapper .textBlock p {
  font-size: 80%;
}
.cardDetailWrapper .textBlock .creatorChip {
  display: inline-block;
  font-size: 80%;
  line-height: 1.1em;
  background: #830042;
  color: #fff;
  padding: 4px 10px 3px;
  border-radius: 20px;
}
.cardDetailWrapper .textBlock .largeTitle {
  margin-bottom: 5px;
  font-size: 120%;
  font-weight: bold;
}
.cardDetailWrapper .textBlock .title {
  margin-bottom: 5px;
}
.cardDetailWrapper .textBlock .priceType {
  margin-left: 5px;
  vertical-align: 10%;
  font-size: 80%;
  font-weight: normal;
  line-height: 1em;
  padding: 0 4px;
}
.cardDetailWrapper .textBlock .photoNum {
  margin-left: 5px;
  vertical-align: 10%;
  color: #fff;
  font-size: 65%;
  font-weight: normal;
  line-height: 1em;
  padding: 1px 4px 0;
  background: #0099e2;
}
.cardDetailWrapper .textBlock .photoNum.num1 {
  background: #e74382;
}
.cardDetailWrapper .textBlock .photoNum.num2 {
  background: #5b6fb3;
}
.cardDetailWrapper .textBlock .photoNum.num3 {
  background: #9d2a22;
}
.cardDetailWrapper .textBlock .photoNum.num4 {
  background: #357a44;
}
.cardDetailWrapper .textBlock .photoNum.num5 {
  background: #0099e2;
}
.cardDetailWrapper .textBlock .photoNum.num6 {
  background: #0099e2;
}
.cardDetailWrapper .textBlock .webWappen {
  width: auto;
  line-height: 1em;
}
.cardDetailWrapper .textBlock .webWappen span {
  margin-left: 12px;
  vertical-align: 10%;
  color: #fff;
  font-size: 65%;
  font-weight: normal;
  line-height: 1em;
  padding: 1px 4px 0;
}
.cardDetailWrapper .textBlock .webWappen .web {
  background: #cc0000;
}
.cardDetailWrapper .textBlock .webWappen .choice {
  background: #478573;
}
.cardDetailWrapper .textBlock .webWappen .premium {
  background: #6e631c;
}
.cardDetailWrapper .textBlock .webWappen .freeword {
  background: #5f4a82;
}
.cardDetailWrapper .textBlock .webWappen .nov {
  background: #8a7aa8;
}
.cardDetailWrapper .textBlock .webWappen .dec {
  background: #915c7d;
}
.cardDetailWrapper .textBlock .webWappen .c1 {
  background: #999999;
}
.cardDetailWrapper .textBlock .webWappen .c4 {
  background: #33CC33;
}
.cardDetailWrapper .textBlock .webWappen .chara {
  background: #FF3333;
}
.cardDetailWrapper .textBlock .webWappen .mochu {
  background: #006699;
}
.cardDetailWrapper .textBlock .links {
  padding-bottom: 10px;
}
.cardDetailWrapper .textBlock .links a {
  display: inline-block;
  padding-left: 39px;
  margin: 0 19px 10px 0;
  min-height: 30px;
  line-height: 30px;
  min-width: 110px;
}
.cardDetailWrapper .textBlock .links a.plus {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 30px auto;
}
.cardDetailWrapper .textBlock .links a.plus.minus {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 30px auto;
}
.cardDetailWrapper .textBlock .links a.price {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 30px auto;
}
.cardDetailWrapper .textBlock .links a.cardType {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 30px auto;
}
.cardDetailWrapper .textBlock .links a.message {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 30px auto;
}
.cardDetailWrapper .textBlock .cardType span {
  display: inline-block;
  padding-left: 21px;
  margin: 0 0 25px 0;
  min-height: 20px;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 16px auto;
}
.cardDetailWrapper .textBlock .buyLink a {
  font-size: 120%;
  font-weight: bold;
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 10px;
  width: 280px;
  margin: 0 0 25px 0;
  min-height: 30px;
  line-height: 30px;
  background: #02a03f; /* Old browsers */
  background: linear-gradient(to bottom, #02a03f 0%, #028124 100%); /* W3C */
  border-radius: 6px;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .cardDetailWrapper {
    padding: 20px 20px;
    width: auto;
    margin: 0 auto;
  }
  .cardDetailWrapper .phBlock {
    width: 100%;
    margin: 0 auto 10px;
  }
  .cardDetailWrapper .phBlock .tableBlock {
    width: 100%;
    height: 100%;
    display: table;
  }
  .cardDetailWrapper .phBlock .tableCellBlock {
    width: 100%;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .cardDetailWrapper .phBlock img {
    max-width: 100%;
    max-height: 100%;
    min-width: 66.6%;
    min-height: 66.6%;
    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2);
  }
  .cardDetailWrapper .phBlock.choice img {
    max-width: 100%;
    max-height: 100%;
    min-width: 47.4%;
    min-height: 47.4%;
  }
  .cardDetailWrapper .phBlock table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border: 0;
  }
  .cardDetailWrapper .phBlock table td {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 0;
  }
  .cardDetailWrapper .textBlock {
    width: auto;
    text-align: center;
  }
  .cardDetailWrapper .textBlock p {
    font-size: 80%;
  }
  .cardDetailWrapper .textBlock .largeTitle {
    margin-bottom: 5px;
    font-size: 120%;
    font-weight: bold;
  }
  .cardDetailWrapper .textBlock .title {
    margin-bottom: 5px;
  }
  .cardDetailWrapper .textBlock .priceType {
    margin-left: 5px;
    vertical-align: 10%;
    font-size: 80%;
    font-weight: normal;
    line-height: 1em;
    padding: 0 4px;
  }
  .cardDetailWrapper .textBlock .photoNum {
    margin-left: 5px;
    vertical-align: 10%;
    color: #fff;
    font-size: 65%;
    font-weight: normal;
    line-height: 1em;
    padding: 1px 4px 0;
    background: #0099e2;
  }
  .cardDetailWrapper .textBlock .photoNum.num1 {
    background: #e74382;
  }
  .cardDetailWrapper .textBlock .photoNum.num2 {
    background: #5b6fb3;
  }
  .cardDetailWrapper .textBlock .photoNum.num3 {
    background: #9d2a22;
  }
  .cardDetailWrapper .textBlock .photoNum.num4 {
    background: #357a44;
  }
  .cardDetailWrapper .textBlock .photoNum.num5 {
    background: #0099e2;
  }
  .cardDetailWrapper .textBlock .photoNum.num6 {
    background: #0099e2;
  }
  .cardDetailWrapper .textBlock .webWappen {
    width: auto;
    line-height: 1em;
  }
  .cardDetailWrapper .textBlock .webWappen span {
    margin-left: 12px;
    vertical-align: 10%;
    color: #fff;
    font-size: 65%;
    font-weight: normal;
    line-height: 1em;
    padding: 1px 4px 0;
  }
  .cardDetailWrapper .textBlock .webWappen .web {
    background: #cc0000;
  }
  .cardDetailWrapper .textBlock .webWappen .choice {
    background: #478573;
  }
  .cardDetailWrapper .textBlock .webWappen .premium {
    background: #6e631c;
  }
  .cardDetailWrapper .textBlock .webWappen .freeword {
    background: #5f4a82;
  }
  .cardDetailWrapper .textBlock .links {
    margin-bottom: 15px;
    border: solid 1px #cccccc;
    background: #fafafa;
    border-radius: 5px;
    padding-bottom: 0;
  }
  .cardDetailWrapper .textBlock .links a {
    display: block;
    font-size: 120%;
    font-weight: bold;
    margin: 0;
    padding: 13px 13px 13px 40px;
    min-height: 15px;
    line-height: 15px;
    border-bottom: solid 1px #cccccc;
    text-align: left;
    color: #00A372;
  }
  .cardDetailWrapper .textBlock .links a:last-child {
    border-bottom: none;
  }
  .cardDetailWrapper .textBlock .links a span {
    display: block;
    padding-right: 25px;
    background-size: 8px auto;
  }
  .cardDetailWrapper .textBlock .links a.plus {
    background-position: 12px center;
    background-size: 20px auto;
  }
  .cardDetailWrapper .textBlock .links a.plus.minus {
    background-position: 12px center;
    background-size: 20px auto;
  }
  .cardDetailWrapper .textBlock .links a.price {
    background-position: 12px center;
    background-size: 20px auto;
  }
  .cardDetailWrapper .textBlock .links a.cardType {
    background-position: 12px center;
    background-size: 20px auto;
  }
  .cardDetailWrapper .textBlock .links a.message {
    background-position: 12px center;
    background-size: 20px auto;
  }
  .cardDetailWrapper .textBlock p.cardType span {
    display: inline-block;
    padding-left: 20px;
    margin: 0 0 15px 0;
    min-height: 18px;
    line-height: 18px;
    background-size: 12px 15px;
  }
  .cardDetailWrapper .textBlock .buyLink a {
    font-size: 120%;
    font-weight: bold;
    display: block;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin: 0 0 25px 0;
    min-height: 30px;
    line-height: 30px;
    background: #02a03f; /* Old browsers */
    background: linear-gradient(to bottom, #02a03f 0%, #028124 100%); /* W3C */
    border-radius: 6px;
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .categoryColumnBlock {
    background-repeat: repeat-y;
    background-position: left top;
    background-size: 100% auto;
    max-width: 100%;
    margin: 0 10px;
  }
  .categoryColumnBlock .categoryColumnBgTop {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    padding: 22px 0 0;
  }
  .categoryColumnBlock .categoryColumnBgBtm {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% auto;
    padding: 0 20px 22px;
  }
  .categoryColumnBlock .categoryColumnStitle {
    font-size: 1.5rem;
  }
}
.byAPP #header,
.byAPP #footer,
.byAPP #footerCookieBtns {
  display: none;
}
/* 2019/07/22 add */
.itemData-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  align-items: center;
}
.itemData-typePrice {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .itemData-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
  }
  .itemData-typePrice {
    justify-content: center;
  }
}
.itemData-wrapper .title, .itemData-wrapper .cardType span {
  margin-bottom: 0 !important;
}
.cardPrice {
  display: inline-block;
  border: 1px solid #5e5e5e;
  color: #5e5e5e;
  line-height: 1;
  padding: 7px 9px 6px;
}
@media screen and (max-width: 767px) {
  .itemData-wrapper .title {
    margin-bottom: 5px !important;
    width: 100%;
  }
  .cardPrice {
    margin-left: 20px;
  }
}

/*====================================================================
 top.css
====================================================================*/
.footerSitemap.top {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  #footerNetSearvice.top {
    margin-top: 0;
  }
}
.slideNaviPrev {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -36px;
  z-index: 20;
  width: 72px;
  height: 72px;
  background-repeat: no-repeat;
  background-position: center center;
}
.slideNaviNext {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -35px;
  z-index: 20;
  width: 72px;
  height: 72px;
  background-repeat: no-repeat;
  background-position: center center;
}
#topSlide {
  width: 100%;
  background: #f0e7d8;
  padding: 20px 0 15px;
  overflow: hidden;
}
/*---追加---*/
#topSlide.nenga {
  height: 450px;
  background: #dbc7a1;
  padding: 0;
}
#topSlide.nenga .slideWrapper {
  width: 940px;
  height: 450px;
  margin: 0px auto 0px;
}
#topSlide.nenga .slideWrapper .slideBox {
  width: 940px;
  height: 450px;
  background: #FFF;
  display: block;
}
#bnr_area {
  width: 940px;
  margin: 30px auto 0px;
}
#bnr_area ul li {
  float: left;
  display: block;
  margin-right: 20px;
}
#bnr_area .last {
  margin: 0;
}
/*------------------*/
#topSlide .slideWrapper {
  height: 300px;
  width: 800px;
  margin: 0 auto 13px;
  position: relative;
}
#topSlide .slideWrapper .slideBox {
  position: absolute;
  width: 800px;
  height: 300px;
  left: 0;
  top: 0;
  z-index: 10;
  background: #FFF;
  display: none;
}
#topSlide .slideWrapper .slideBox:first-child {
  display: block;
}
#topSlide .slideWrapper .slideBox.slide02 .textArea {
  position: absolute;
  width: 340px;
  height: 120px;
  left: 164px;
  top: 180px;
  z-index: 10;
}
#topSlide .slideWrapper .slideBox.slide04 .textArea {
  position: absolute;
  width: 380px;
  height: 200px;
  left: 40px;
  top: 55px;
  z-index: 10;
}
#topSlide .slideWrapper .slideBox.slideN .textArea {
  position: absolute;
  display: block;
  width: 380px;
  height: 130px;
  left: 40px;
  top: 140px;
  z-index: 10;
  color: #000;
}
#topSlide .slideWrapper .slideBox.slide04 .textArea .textLarge {
  font-size: 105% !important;
}
#topSlide .slideWrapper .slideBox.slide04 .textArea .textSmall {
  width: 355px;
}
#topSlide .slideWrapper .slideNaviPrev {
  left: -36px;
}
#topSlide .slideWrapper .slideNaviNext {
  right: -36px;
}
#topSlide .slideThumbs {
  text-align: center;
  padding-left: 8px;
  height: 12px;
  overflow: hidden;
  vertical-align: top;
}
#topSlide .slideThumbs ul {
  text-align: center;
  height: 12px;
  vertical-align: top;
}
#topSlide .slideThumbs ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 12px;
  height: 12px;
  margin-right: 3px;
  background-repeat: no-repeat;
  background-position: left top;
  text-decoration: none;
  position: relative;
  vertical-align: top;
}
#topSlide .slideThumbs ul li a {
  text-decoration: none;
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  font-size: 1px;
  vertical-align: top;
}
#topSlide .slideThumbs ul li.current {
  background-repeat: no-repeat;
  background-position: left top;
}
#topSlide .slideThumbs ul li.current a {
  cursor: default;
}
@media screen and (max-width: 767px) {
  #topSlide {
    display: none;
  }
}
.secondaryPages h2.lineHeading2 {
  border-top: 1px solid #00A372;
  color: #00A372;
  display: -webkit-flex;
  display: flex;
  font-size: 1.8rem;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 15px;
  padding: 0;
}
.secondaryPages h2.lineHeading2 .inLine {
  border-top: 3px solid #00A372;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0;
  padding: 7px 7px 0 0;
}
.normalHeading3 {
  font-size: 2.2rem;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .secondaryPages h2.lineHeading2 {
    border-top: 1px solid #00A372;
    font-size: 1.6rem;
    margin: 0 -15px 15px;
  }
  .secondaryPages h2.lineHeading2 .inLine {
    border-top: 1px solid #00A372;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 7px 15px;
  }
  .secondaryPages h2.normalHeading3 {
    font-size: 1.5rem;
    font-weight: normal;
  }
  .normalHeading3 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .happyBlock {
    background-color: #fffad9;
    background-repeat: no-repeat;
    background-position: left top;
  }
  .happyBlock .bgInner {
    background-repeat: no-repeat;
    background-position: right top;
    padding: 17px 0 65px;
  }
}
@media screen and (max-width: 767px) {
  .happyBlock {
    background: #fffad9;
    padding: 10px 15px 30px;
  }
  .happyBlock img {
    max-width: 100%;
    height: auto;
  }
}
.happyBlock h2 {
  border-top: none;
  font-size: inherit;
  margin-bottom: 0;
  padding: 0;
}

/*====================================================================
 category.css
====================================================================*/
.secondaryPages .topContents .topPhoto img {
  max-width: inherit;
}
.secondaryPages .topContents.type01 .topPhoto .photo01, .secondaryPages .topContents.type01 .topPhoto .photo02, .secondaryPages .topContents.type01 .topPhoto .photo03 {
  opacity: 0;
}
.secondaryPages .topContents.type01 .topPhoto .photo01 {
  position: absolute;
  left: 30px;
  top: 12px;
  z-index: 3;
}
.secondaryPages .topContents.type01 .topPhoto .photo02 {
  position: absolute;
  left: 215px;
  top: 64px;
  z-index: 2;
}
.secondaryPages .topContents.type01 .topPhoto .photo03 {
  position: absolute;
  left: 395px;
  top: 102px;
  z-index: 1;
}
.secondaryPages .topContents.type01.top .topPhoto .photo01, .secondaryPages .topContents.type01.top .topPhoto .photo02, .secondaryPages .topContents.type01.top .topPhoto .photo03 {
  left: 450px;
  top: -500px;
}
.secondaryPages .topContents.type02 .topPhoto .photo01 {
  position: absolute;
  left: 50px;
  top: 5px;
  z-index: 1;
}
.secondaryPages .topContents.type02 .topPhoto .photo02 {
  position: absolute;
  left: 234px;
  top: 58px;
  z-index: 2;
}
.secondaryPages .topContents.type02 .topPhoto .photo03 {
  position: absolute;
  left: 473px;
  top: 38px;
  z-index: 3;
}
.secondaryPages .topContents.top .topPhoto .photo01, .secondaryPages .topContents.top .topPhoto .photo02, .secondaryPages .topContents.top .topPhoto .photo03 {
  left: 450px;
  top: -500px;
  transition-duration: .5s;
}
.secondaryPages .topContents.top .topPhoto .photo01 {
  transition-delay: .5s;
}
.secondaryPages .topContents.top .topPhoto .photo02 {
  transition-delay: .7s;
}
.secondaryPages .topContents.top .topPhoto .photo03 {
  transition-delay: .9s;
}
.secondaryPages .topContents.type03 .topPhoto .photo01 {
  position: absolute;
  left: 50px;
  top: 5px;
  z-index: 1;
}
.secondaryPages .topContents.type03 .topPhoto .photo02 {
  position: absolute;
  left: 234px;
  top: 58px;
  z-index: 2;
}
.secondaryPages .topContents.type03 .topPhoto .photo03 {
  position: absolute;
  left: 473px;
  top: 38px;
  z-index: 3;
}
.secondaryPages .topContents.type03.top .topPhoto .photo01, .secondaryPages .topContents.type03.top .topPhoto .photo02, .secondaryPages .topContents.type03.top .topPhoto .photo03 {
  left: 450px;
  top: -500px;
}
@media screen and (max-width: 767px) {
  .secondaryPages .topContents .topText {
    max-width: inherit;
    min-height: inherit;
  }
  .secondaryPages .topContents .topPhoto {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .secondaryPages .topContents {
    margin: 0px auto;
  }
  .secondaryPages .topContents .topText > *:last-child {
    margin-bottom: 0 !important;
  }
  .secondaryPages .topContents {
    overflow: hidden;
    position: relative;
  }
  .secondaryPages .topContents .fullWide {
    width: 120%;
    margin: 15px -7% 0;
  }
  img.wide100Per {
    width: 95%;
    height: auto;
  }
  .secondaryPages .secondaryPhotos {
    padding-top: 20px;
  }
}

/*====================================================================
 summer.css
====================================================================*/
.secondaryPages .topContWrapper.summer {
  background: #e8fafc;
}
.secondaryPages .summer a {
  color: #3342bf;
}
.secondaryPages .summer h1 {
  color: #3342bf;
}
.secondaryPages .summer h2 {
  border-top: solid 4px #c1c5eb;
  color: #3342bf;
}
.secondaryPages p.pageTopHeaderSmall, .secondaryPages h1.pageTopHeaderSmall, .secondaryPages h1 span.pageTopHeaderSmall {
  color: #3342bf;
}
.moreBtn.summer a {
  background: linear-gradient(to bottom, rgba(219, 221, 243, 0.9) 0%, rgba(178, 183, 230, 0.9) 100%); /* W3C */
}
.summerMessage {
  width: 1120px;
  margin: 0 auto 60px;
  background-repeat: repeat;
  background-position: left top;
  padding: 6px;
  color: #1a318c;
  box-sizing: border-box;
}
.summerMessage .borderBg {
  border: solid 4px #fff;
  background-repeat: no-repeat;
  background-position: right bottom;
  min-height: 340px;
  padding: 25px 375px 25px 40px;
}
.summerMessage .columnHeading {
  padding: 0;
  border-top: none;
  line-height: 1.5;
  color: #1a318c;
  font-size: 140%;
  margin-bottom: 15px;
}
.summerMessage .columnHeading-b {
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 10px;
}
#footer .footerCopyArea {
  padding-bottom: 54px;
}
@media screen and (max-width: 767px) {
  .secondaryPages h1 {
    font-size: 2.4rem;
  }
  .summerMessage {
    background: #a1c4ec;
    padding: 3px;
    color: #1a318c;
    margin: 30px 15px 20px;
    width: auto;
  }
  .summerMessage .borderBg {
    border: solid 2px #fff;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 187px;
    min-height: 157px;
    padding: 15px 20px 187px;
  }
  .summerMessage h3 {
    font-size: 115%;
    margin-bottom: 15px;
    line-height: 1.5em;
  }
  .summerMessage h4 {
    font-size: 105%;
    margin-bottom: 10px;
  }
  #footer .footerCopyArea {
    padding-bottom: 5rem;
  }
}
/* wedding */
.secondaryPages .topContWrapper.wedding {
  background: #f8f7e6;
}
.secondaryPages .wedding h1 {
  color: #00A372;
}
.moreBtn.wedding a {
  background: linear-gradient(to bottom,  rgba(204,233,213,0.9) 0%,rgba(161,210,169,0.9) 100%);
  color: #00A372;
}
/* mydesign */
.noPaddingTop {
	padding-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .pcVis {
    display: block;
  }
  .spVis {
    display: none;
  }
  .contentsSide {
    padding-right: 40px;
    padding-left: 40px;
  }
  .mydesignPage .topPhoto {
    top: 0 !important;
    left: 650px !important;
    width: 456px;
  }
  .mydesignPage .secondaryPages .topContents .topPhoto img {
    max-width: 100%;
  }
  .pricePC_A {
    min-height: 45px;
    padding: 6px 0 0 50px;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 13px;
  }
  .pricePC_B {
    min-height: 45px;
    padding: 6px 0 0 50px;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 13px;
  }
  .pricePC_media li {
    float: left;
    width: 160px;
    text-align: center;
  }
  .pricePC_media li img {
    margin-bottom: 5px;
  }
  .mydesignPage .iconMark {
    padding-left: 15px;
    position: relative;
  }
  .mydesignPage .iconMark:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center top;
    left: 0;
    top: 0.4em;
  }
  .makingStepBlock .step01 {
    border: #0068b6 2px solid;
    padding: 6px 8px;
    background: #deeaf7;
  }
  .makingStepBlock .step02 {
    border: #e52d8a 2px solid;
    padding: 6px 8px;
    background: #f9deea;
  }
  .makingStepBlock .step03 {
    border: #404040 2px solid;
    padding: 6px 8px;
    background: #e8e9e9;
  }
  .makingStepBlock .step01, .makingStepBlock .step01 p, .makingStepBlock .step02, .makingStepBlock .step02 p, .makingStepBlock .step03, .makingStepBlock .step03 p {
    font-size: 12px;
    line-height: 1.3;
  }
  .makingStepBlock table {
    width: 100%;
    border: none;
    margin-bottom: 7px;
    border-collapse: collapse;
  }
  .makingStepBlock table td, .makingStepBlock table th {
    background: #FFF;
    padding: 5px 6px;
    font-size: 110%;
  }
  .makingStepBlock .step01 table th {
    background: #0068b6;
    color: #FFF;
  }
  .makingStepBlock .step02 table th {
    background: #e52d8a;
    color: #FFF;
  }
  .makingStepBlock table td.icon {
    width: 21px;
    padding: 0px;
    padding-right: 5px;
    background: transparent;
  }
  .makingStepBlock .step01 table td {
    color: #0068b6;
  }
  .makingStepBlock .step02 table td {
    color: #e52d8a;
  }
  .makingStepBlock .step03 table td {
    background: transparent;
  }
  .mydesignPage .leftPh {
    text-align: left;
    width: 210px;
    float: left;
  }
  .makingStepBlock {
    padding-left: 230px;
  }
  .btn_pricePC {
    text-align: center;
  }
  .btn_pricePC a {
    display: inline-block;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    padding: 15px 10px;
    width: 420px;
    min-height: 20px;
    line-height: 20px;
    background: linear-gradient(to bottom, rgba(2, 160, 63, 1) 0%, rgba(2, 129, 36, 1) 100%); /* W3C */
    border-radius: 6px;
    text-decoration: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pcVis {
    display: none;
  }
  .spVis {
    display: block;
  }
  .col2Block .cols {
    width: 100%;
  }
  .mydesignPage .secondaryPages .topContents {
    margin-bottom: 19px !important;
    padding: 20px 15px 20px;
  }
  .mydesignPage .secondaryPages .topContents .topText {
    width: 100%;
    max-width: inherit;
    min-height: inherit;
  }
  .mydesignPage .topContents .fullWide {
    width: 120%;
    margin: 20px -10% 0;
    text-align: center;
  }
  .mydesignPage img.wide100Per {
    width: 95%;
    height: auto
  }
  .originalTable {
    display: table;
    width: 100%;
  }
  .leftOriginal {
    display: table-cell;
    text-align: left;
    width: 90px;
  }
  .rightOriginal {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
    font-weight: bold;
    color: #00A372;
  }
  .stepBlock, .originalTable {
    font-size: 14px;
  }
  .stepBlock .step01 {
    border: #3ba6db 1px solid;
    border-radius: 16px 16px;
    background: #FFF;
    text-align: center;
    padding: 5px 20px 6px;
  }
  .stepBlock .leftChart .step02 {
    border: #cc0000 1px solid;
    border-radius: 16px 16px;
    background: #FFF;
    text-align: center;
    padding: 5px 20px 6px;
  }
  .stepBlock .leftChart .stepBg {
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 2px 60px;
    padding-top: 15px;
  }
  .stepBlock .leftChart .stepEndBg {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 15px 26px;
    padding-top: 26px;
  }
  .stepBlock .rightChart .step02 {
    border: #00a273 1px solid;
    border-radius: 16px 16px;
    background: #FFF;
    text-align: center;
    padding: 5px 20px 6px;
  }
  .stepBlock .rightChart .stepBg {
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 2px 60px;
    padding-top: 15px;
  }
  .stepBlock .rightChart .stepEndBg {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 15px 26px;
    padding-top: 26px;
  }
  .stepTitle {
    font-weight: bold;
  }
  .stepTitle img {
    vertical-align: middle;
    margin-right: 5px;
  }
  .leftChart {
    width: 48%;
    float: left;
  }
  .rightChart {
    width: 48%;
    float: right;
  }
  .pricePC_A {
    background-repeat: no-repeat;
    background-size: 21px 21px;
    padding-left: 28px;
    font-size: 100%;
  }
  .pricePC_B {
    background-repeat: no-repeat;
    background-size: 21px 21px;
    padding-left: 28px;
    font-size: 100%;
  }
  .mydesignPage .iconMark {
    padding-left: 15px;
    position: relative;
  }
  .mydesignPage .iconMark:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center top;
    left: 0;
    top: 0.4em;
  }
  .mydesignPage .secondaryPages h2 {
    margin-bottom: 20px !important;
  }
  .mydesignPage .secondaryPages h3 {
    font-weight: bold;
  }
  .makingStepBlock {
    margin-bottom: 23px;
  }
  .makingStepBlock .step01 {
    border: #0068b6 2px solid;
    padding: 6px 8px;
    background: #deeaf7;
  }
  .makingStepBlock .step02 {
    border: #e52d8a 2px solid;
    padding: 6px 8px;
    background: #f9deea;
  }
  .makingStepBlock .step03 {
    border: #404040 2px solid;
    padding: 6px 8px;
    background: #e8e9e9;
  }
  .makingStepBlock .step01, .makingStepBlock .step01 p, .makingStepBlock .step02, .makingStepBlock .step02 p, .makingStepBlock .step03, .makingStepBlock .step03 p {
    font-size: 12px;
    line-height: 1.3;
  }
  .makingStepBlock table {
    width: 100%;
    border: none;
    margin-bottom: 7px;
    border-collapse: collapse;
  }
  .makingStepBlock table td, .makingStepBlock table th {
    background: #FFF;
    padding: 5px 6px;
  }
  .makingStepBlock .step01 table th {
    background: #0068b6;
    color: #FFF;
  }
  .makingStepBlock .step02 table th {
    background: #e52d8a;
    color: #FFF;
  }
  .makingStepBlock table td.icon {
    width: 21px;
    padding: 0px;
    padding-right: 5px;
    background: transparent;
  }
  .makingStepBlock .step01 table td {
    color: #0068b6;
  }
  .makingStepBlock .step02 table td {
    color: #e52d8a;
  }
  .makingStepBlock .step03 table td {
    background: transparent;
  }
  .makingStepBlock {
    padding-left: 0;
  }
  .btn_pricePC a {
    display: block;
    font-size: 90%;
    font-weight: bold;
    color: #fff !important;
    text-align: center;
    padding: 10px;
    min-height: 30px;
    line-height: 1.5;
    background: #02a03f; /* Old browsers */
    background: linear-gradient(to bottom, #02a03f 0%, #028124 100%); /* W3C */
    border-radius: 6px;
    text-decoration: none !important;
  }
  .mediaBlock .block {
    margin-bottom: 13px;
  }
  .mediaBlock .block p {
    font-size: 14px !important;
  }
  .mediaBlock .block p img {
    vertical-align: middle;
    margin-right: 5px;
  }
  .mediaBlock .block {
    width: 100% !important;
    margin-right: 0;
  }
  .mediaBlock .block:nth-child(2n) {
    float: none;
  }
  .mediaBlock .block.wide {
    width: 100%;
  }
}
/* guide */
/*.secondaryPages .topContWrapper.guide {
  background-color: #f0f0f0;
}*/
.secondaryPages .guide .topContents {
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .flowBorderBox {
    border: solid 1px #b7ddbd;
    padding: 20px 50px;
    border-radius: 5px;
    margin: 0 auto;
    width: 998px;
  }
  .flowBorderBox + p {
    width: 998px;
    margin: 0 auto;
  }
  .flowBorderBox .flow01 {
    float: left;
    width: 295px;
    text-align: center;
    padding-right: 50px;
    background-repeat: no-repeat;
    background-position: 90% 70px;
    height: 160px;
  }
  .flowBorderBox .flow02 {
    float: left;
    width: 300px;
    text-align: center;
    padding-right: 50px;
    background-repeat: no-repeat;
    background-position: 90% 70px;
    height: 160px;
  }
  .flowBorderBox .flow03 {
    float: left;
    width: 295px;
    text-align: center;
  }
}
.cautionBorderBlock {
  border: solid 1px #eaf0cc;
  background: #f3f8dc;
  padding: 20px 50px;
  border-radius: 5px;
  margin: 0 auto;
}
.cautionBorderBlock h3.iconCaution {
  font-size: 1.3em;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: left 4px;
  padding: 5px 0 5px 35px;
  color: #563c0a;
}
@media screen and (max-width: 767px) {
  .secondaryPages .guide .topContents {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .cautionBorderBlock {
    padding: 20px;
  }
  .flowBorderBox .flow {
    border-bottom: solid 1px #b7ddbd;
    padding: 0px 5px 10px;
    margin-bottom: 10px;
  }
  .flowBorderBox .flow img.leftImg {
    float: left;
    width: auto;
    height: 57px;
  }
  .flowBorderBox .flow .text {
    padding: 10px 0 10px;
    margin-left: 80px;
    font-weight: bold;
  }
  .textNumber {
    display: block;
    float: left;
    background: #333;
    color: #fff;
    border-radius: 50px;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
  }
  .flowBorderBox .flow .text .textHasNum {
    margin-left: 25px;
    display: block;
  }
  .textNumber.lightGreen {
    background: #b9cb00;
  }
  .catTopMenu li {
    display: block;
    background: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 7px;
    line-height: 1.3em;
    border: solid 1px #ccc;
  }
  .catTopMenu li a {
    display: block;
    padding: 6px 12px;
    overflow: hidden;
    font-size: 1.5rem;
    text-decoration: none !important;
  }
  .catTopMenu li.current {
    background: #00A372;
  }
  .catTopMenu li.current a {
    color: #fff;
  }
  .catTopMenu li a .photo {
    width: 25px;
    float: left;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .catTopMenu li a .photo.noShadow {
    width: 26px;
    box-shadow: none;
  }
  .catTopMenu li a .text {
    padding-left: 38px;
    padding-top: 9px;
    display: block;
    font-weight: bold;
  }
  .catTopMenu li a .textOnly {
    padding-left: 0px;
    padding-top: 9px;
    padding-bottom: 9px;
    display: block;
    font-weight: bold;
  }
  .contentsBorder {
    border-top: solid 2px #b7ddbd;
  }
}
/* order shop */
.guideHeading {
  font-weight: bold;
  font-size: 1.3em;
}
@media screen and (min-width: 768px) {
  .smartPhoneCaution {
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 560px;
    padding: 30px 20px 30px 130px;
    min-height: 107px;
    margin: 0 auto;
  }
  .orderMediaBlock .photo {
    float: left;
    width: 180px;
  }
  .orderMediaBlock .text {
    float: right;
    width: 880px;
  }
  .pricePC_media li {
    float: left;
    width: 160px;
    text-align: center;
  }
  .pricePC_media li.first {
    width: 120px;
    margin-right: 20px;
  }
  .pricePC_media li img {
    margin-bottom: 5px;
  }
  div.appContainer .no1 {
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 20px 20px 15px;
    margin-top: 20px;
  }
  div.appContainer .no1 .no1_left {
    float: left;
    width: 750px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: left top;
  }
  div.appContainer .no1 .no1_right {
    float: right;
    width: 250px;
  }
  ul.appIcon {
    margin-top: 10px;
  }
  ul.appIcon li {
    display: inline;
    margin-right: 10px;
    float: left;
  }
  ul.qrCode li {
    display: inline;
    margin-right: 40px;
    float: left;
  }
  ul.qrCode li.last {
    margin-right: 0;
  }
  div.no2Box {
    padding: 20px 20px 15px;
  }
  div.appContainer .no2 {
    width: 750px;
    padding-left: 50px;
    padding-top: 8px;
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 50px;
  }
  div.appContainer .no3 {
    width: 750px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 70px;
  }
  div.appContainer .no4 {
    width: 750px;
    padding-left: 50px;
    padding-top: 4px;
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 50px;
  }
  div.appContainer .no5 {
    width: 750px;
    padding-left: 50px;
    padding-top: 8px;
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 50px;
  }
  div.appContainer .flR {
    float: right;
    margin-right: 20px;
  }
  .downloadBlock .dummyCenter {
    padding-left: 190px;
  }
  .btn_pricePC {
    text-align: center;
  }
  .btn_pricePC a {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 90%;
    text-align: center;
    padding: 15px 10px;
    width: 340px;
    min-height: 20px;
    line-height: 20px;
    background: linear-gradient(to bottom, rgba(2, 160, 63, 1) 0%, rgba(2, 129, 36, 1) 100%); /* W3C */
    border-radius: 6px;
    text-decoration: none;
  }
  .downloadBlock .text {
    float: left;
    width: 910px;
  }
  .downloadBlock .buttonBox {
    float: right;
    width: 160px;
  }
  .adobeReader .buttonBox {
    float: left;
    width: 120px;
  }
  .adobeReader .text {
    float: right;
    width: 780px;
    padding-top: 4px;
  }
}
@media screen and (max-width: 767px) {
  .smartPhoneCaution {
    border: solid 1px #d0baa5;
    background: #fffbde;
    padding: 8px 10px;
  }
  .detailBtn {
    text-align: center;
  }
  .btn_pricePC {
    text-align: center;
  }
  .detailBtn a, .detailBtn .btn, .btn_pricePC a {
    display: inline-block;
    min-width: 260px;
    font-size: 14px;
    color: #fff !important;
    text-align: center;
    padding: 10px 10px;
    min-height: 30px;
    line-height: 30px;
    background: linear-gradient(to bottom, rgba(2, 160, 63, 1) 0%, rgba(2, 128, 36, 1) 100%); /* W3C */
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none !important;
    box-sizing: border-box;
  }
  .smartPhoneCaution .sp-icon:before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    margin-right: 10px;
  }
  .orderMediaBlock .photo {
    float: right;
    margin-left: 10px;
  }
  .pricePC_media li {
    width: 30% !important;
    display: inline-block;
    float: none;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .mediaBlock .block:nth-child(2n) {
    float: none;
  }
  .iconRight {
    float: right;
    margin: 0 0 0 10px;
  }
  .textNumber {
    display: block;
    float: left;
    background: #333;
    color: #fff;
    border-radius: 50px;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    line-height: 20px !important;
    font-size: 16px;
  }
  .textNumber.blue {
    background: #00abea;
  }
  .textHasNum {
    margin-left: 25px;
    display: block;
  }
  .downloadLink a {
    display: block;
    font-size: 120%;
    font-weight: bold;
    color: #fff !important;
    text-align: center;
    padding: 10px;
    min-height: 30px;
    line-height: 30px;
    background: #02a03f;
    background: linear-gradient(to bottom, #02a03f 0%, #028124 100%);
    border-radius: 6px;
    text-decoration: none !important;
  }
  .shopBorderBlock {
    border: solid 1px #eaf0cc;
    background: #fff6c8;
    padding: 8px 10px;
    border-radius: 5px;
  }
  .textBlue {
    color: #00a2e6;
  }
  .downloadBlock .text {
    float: left;
    width: calc(100% - 70px);
  }
  .downloadBlock .buttonBox {
    float: right;
    margin: 0 0 5px 10px;
    width: 54px;
  }
  .dummyCenter {
    text-align: center;
    width: calc(100% + 70px);
  }
}
/* price */
.heading-takuhai, .heading-store {
  font-size: 2.4rem;
  line-height: 1.3em;
  margin-bottom: 15px !important;
  padding: 0 !important;
  position: relative;
}
.heading-takuhai:before, .heading-store:before {
  content: '';
  left: 0;
  position: absolute;
  top: 50%;
  width: 65px;
}
.storePriceWrapper {
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  padding: 24px 17px;
}
.netToStorePrice {
  position: relative;
}
.netToStorePrice .bgImage {
  position: relative;
}
.netToStorePrice .bgImage img {
  vertical-align: top;
}
.netToStorePrice .hagakiPrice, .netToStorePrice .printPrice {
  font-size: 2rem;
  font-weight: bold;
  height: 20%;
  left: 1%;
  position: absolute;
  text-align: center;
  bottom: 17%;
  width: 22.3%;
}
.netToStorePrice .basePrice {
  font-size: 2rem;
  font-weight: bold;
  height: 20%;
  left: 1%;
  position: absolute;
  text-align: center;
  bottom: 20%;
  width: 22.3%;
}
.netToStorePrice .basePrice_h {
  font-size: 16px;
  font-weight: bold;
  height: 20%;
  left: 1%;
  position: absolute;
  text-align: center;
  bottom: 12%;
  width: 22.3%;
}
.netToStorePrice .basePrice_l {
  font-size: 16px;
  font-weight: bold;
  height: 20%;
  left: 1%;
  position: absolute;
  text-align: center;
  bottom: 37%;
  width: 22.3%;
}
@media screen and (max-width: 767px) {
  .netToStorePrice .basePrice_h, .netToStorePrice .basePrice_l {
    font-size: 13px !important;
  }
}
.netToStorePrice .hagakiPrice {
  left: 59%;
  width: 17.4%;
}
.netToStorePrice .printPrice {
  left: 34.6%;
  width: 17.4%;
}
.cautionBlock {
  border: solid 2px #e52d8a;
}
.cautionBlock h3 {
  font-size: 90%;
  line-height: 1.0em;
  background: #e52d8a;
  padding: 3px 0 3px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.cautionBlock .innerW {
  background: #fff;
  padding: 18px 20px 28px;
}
.cautionBlock h4 {
  font-size: 90%;
}
.cautionBlock h4.cautionRed {
  font-size: 90%;
  line-height: 1.0em;
  background: #cc0000;
  padding: 6px 0 4px;
  text-align: center;
  color: #fff;
}
.cautionBlock .innerRed {
  background: #f9e6e6;
  padding: 15px 18px;
}
@media screen and (max-width: 767px) {
  .cautionBlock .innerW {
    padding: 13px 15px 15px;
  }
  .cautionBlock h4 {
    font-size: 90%;
  }
  .cautionBlock h4.cautionRed {
    padding-left: 6px;
    padding-right: 6px;
  }
  .cautionBlock .innerRed {
    padding-left: 4px;
  }
  .netToStorePrice .basePrice, .netToStorePrice .hagakiPrice, .netToStorePrice .printPrice {
    font-size: 4vw;
  }
}
/* 価格・値段 */
.priceCols .boxCol{
  width: 100%;
  padding: 0;
}
.price-img {
  width: auto;
  max-height: 120px;
}
.box-inner {
  padding: 0 3rem 5rem;
}
.box-inner.last {
  padding-bottom: 1rem;
}
.price-table {
  border: 1px solid #1A1311;
  width: 100%;
  font-size: 1.92rem;
  margin-bottom: 1rem;
  border-spacing: 0;
}
.price-table th {
  border-bottom: 1px solid #1A1311;
  text-align: center;
  font-weight: normal;
  padding: .4rem 0;
  white-space: nowrap;
}
.price-table th+th{
  border-left: 1px solid #1A1311;
}
.price-table td {
  border-bottom: 1px dashed #ACACAC;
  text-align: center;
  padding: .2rem 0;
  white-space: nowrap;
}
.price-table tr:last-child td {
  border-bottom: none;
}
.price-table td+td{
  border-left: 1px solid #1A1311;
}
.price-table td span,.price-table th span {
  font-size: 2rem;
}
.price-table .bg-pink {
  background: #edfbef;
  width: 24%;
}
.price-table .bg-brown {
  background: #fff8ea;
  width: 19%;
}
.price-table td:not(.bg-pink):not(.bg-brown)::after{
  content: "円";
}
.sub-heading {
	color: #029032;
	margin-bottom: 20px;
	font-size: 140%;
	line-height: 1.3em;
}
.sub-heading .subText {
  margin-left: 2em;
  font-size: .7em;
}
.comment {
  padding-left: 1.4em;
  text-indent: -1.4em;
}
#contents .comment {
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .price-table {
    font-size: 3.4vw !important;
  }
  #iframe-content .price-table {
    font-size: 3vw !important;
  }
  .sub-heading {
    margin-bottom: 15px;
    font-size: 2rem;
  }
  .sub-heading .subText {
    display: block;
    margin-top: .4em;
    margin-left: 0;
  }
  .comment {
    font-size: 1.3rem;
  }
}
/* hagaki */
.markText {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 40px;
  position: relative;
}
.markText:before {
  background: #000;
  border-radius: 100%;
  content: '';
  display: inline-block;
  height: 0.8em;
  margin-right: 5px;
  vertical-align: middle;
  width: 0.8em;
}
.markText.markMaru, .markText.markBatu {
  padding-left: 36px;
}
.markText.markMaru:before, .markText.markBatu:before {
  background: #000;
  border-radius: 100%;
  content: '';
  display: inline-block;
  left: 0;
  height: 1.8em;
  margin-right: 5px;
  position: absolute;
  top: -4px;
  width: 1.8em;
  z-index: 1;
}
.markText.markMaru:after {
  background: #000;
  border-radius: 100%;
  border: 3px solid #fff;
  content: '';
  display: inline-block;
  left: 7px;
  height: 1em;
  position: absolute;
  top: 2px;
  width: 1em;
  z-index: 1;
}
.markText.markBatu span {
  display: inline-block;
}
.markText.markBatu span:before {
  content: '';
  background: #fff;
  border-radius: 6px;
  display: block;
  height: 3px;
  left: 5px;
  transform: rotate(45deg);
  position: absolute;
  top: 9px;
  width: 1.2em;
  z-index: 10;
}
.markText.markBatu span:after {
  content: '';
  background: #fff;
  border-radius: 6px;
  display: block;
  height: 3px;
  left: 5px;
  transform: rotate(315deg);
  position: absolute;
  top: 9px;
  width: 1.2em;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .ttl_hagaki {
    margin-bottom: 20px;
    font-size: 1.5em;
  }
  .hagaki_list {
    margin-bottom: 30px;
  }
  .hagaki_list li {
    float: left;
    width: calc(25% - 5px);
    margin-right: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.3em !important;
  }
  .hagaki_list li img {
    margin-bottom: 10px;
  }
  .hagaki_list li span {
    line-height: 1.1em;
    font-size: 0.75em;
    font-weight: normal;
  }
  .hagaki_list.single li {
    width: 50%;
    margin-right: 0;
  }
  .hagaki_list.single li img {
    width: 100%;
    max-width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .ttl_hagaki {
    margin-bottom: 12px;
    font-size: 1.8rem;
  }
  .hagaki_list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .hagaki_list li {
    width: 50%;
    text-align: center;
    list-style: none;
    font-size: 80%;
    font-weight: bold;
    min-height: 190px;
    padding-bottom: 10px;
    line-height: 1.2em;
  }
  .hagaki_list li img {
    max-width: 80px;
    margin-bottom: 5px;
  }
  .hagaki_list li.large img {
    max-width: 144px;
  }
  .hagaki_list li span {
    font-size: 80%;
    font-weight: normal;
    line-height: 1.2em;
  }
  .hagaki_list.single li {
    width: 100%;
    font-size: 100%;
  }
  .hagaki_list.single li span {
    font-size: 75%;
  }
  .hagaki_list.single li img {
    max-width: 140px;
  }
}
@media screen and (min-width: 768px) {
  .col2Block .cols.noHeader {
    padding-top: 50px;
  }
}
/*サイトマップ
---------------------------------------*/
.sitemapIndex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 30px;
}
.sitemapIndex a {
  color: #333 !important;
  text-decoration: none !important;
}
.contentsSide .indexHeading {
  font-size: 130%;
  font-weight: bold;
}
.contentsSide .indexHeading a {
  color: #333;
  text-decoration: none !important;
}
.box_sitemap {
  width: calc((100% - 60px) / 4);
  margin-right: 20px;
  margin-bottom: 80px;
}
.box_sitemap.full {
  width: 100%;
}
.box_sitemap:nth-child(4n) {
  margin-right: 0;
}
.box_sitemap ul {
  margin-top: 1em;
  margin-left: 1em;
}
.box_sitemap ul li {
  margin-bottom: 0.2em;
}
.box_sitemap ul li a {
  color: #333;
}
@media screen and (max-width: 767px) {
  .contentsSide.sp-no-padding {
    padding: 0;
  }
  .contentsSide .indexHeading {
    background-repeat: no-repeat;
    background-position: 15px 49%;
    background-size: 7px 7px;
    font-weight: bold;
    margin-bottom: 0 !important;
  }
  .contentsSide .indexHeading a {
    padding: .7em 1em;
    display: block;
    font-size: 1.6rem;
    text-decoration: none !important;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 25px 60px;
  }
  .contentsSide .indexHeading span {
    display: block;
    padding: .7em 1em;
    font-size: 1.6rem;
  }
  .contentsSide .indexHeading a br {
    display: none;
  }
  .sitemapIndex {
    display: block;
    margin-top: 0;
    margin-bottom: 50px;
  }
  .box_sitemap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
  }
  .box_sitemap:last-child {
    border-bottom: none;
  }
  .box_sitemap ul {
    margin: 0 15px 15px 15px;
    list-style: none;
  }
  .box_sitemap ul li {
    font-size: 1.4rem;
  }
  .box_sitemap ul li:last-child {
    border-bottom: none;
  }
  .box_sitemap ul li a {
    display: block;
    padding: .3em 1em;
    color: #333;
    text-decoration: none !important;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 25px 60px;
  }
}
/* terms */
.secondaryPages h2.noLine {
  border-top: none;
  padding-top: 0;
  padding-bottom: 0;
}
.secondaryPages .topContents {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .contentsSide.indent, .secondaryPages h2 + .contentsSide.indent {
    padding: 0 30px 20px;
  }
}
ol.noNumberList {
  margin-left: 0;
  list-style: none;
  padding-left: 0;
}
ol.noNumberList li {
  margin-left: 0;
  padding-bottom: .8em;
  padding-left: 1.8em;
  text-indent: -1.8em;
}
.basicTable {
  width: 100%;
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc;
}
.basicTable th, .basicTable td {
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 5px 10px;
  background: #fff;
  font-size: 90%;
}
.termsLabel {
  color: #1a9431;
  width: 1160px;
  margin: 0 auto 25px;
  font-size: 200%;
  line-height: 1.1em;
  font-weight: bold;
}
.dataList {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  font-size: 1.6rem;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  line-height: 1.7;
  margin-bottom: 30px;
}
.dataList dt {
  -webkit-flex: 0 0 240px;
  flex: 0 0 240px;
  font-weight: bold;
  padding-left: 10px;
  border-left: solid 4px #14A140;
}
.dataList dd {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  .dataList {
    display: block;
    margin-bottom: 25px;
    line-height: 1.4;
    font-size: 1.4rem;
  }
  .dataList dt {
    margin-bottom: 10px;
  }
}
/* popup */
#iframe-content {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  #iframe-content .contentsSide {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  #iframe-content .contentsSide {
    padding-right: 0;
    padding-left: 0;
  }
}
#iframe-content .pageContents {
  background: #fff;
  padding: 20px 15px 0px;
}
#iframe-content .contentsBorder {
  border-top: none;
}
#iframe-content .heading2 {
  color: #1a9431;
}
#iframe-content .pageContents h1 {
  color: #029032;
  margin-bottom: 12px;
  font-size: 150%;
  line-height: 1.3em;
}
#iframe-content .detailBtn {
  display: block;
  font-size: 120%;
  color: #fff;
  text-align: center;
  padding: 0;
  min-height: 30px;
  text-decoration: none;
  line-height: 1.1em;
  width: auto;
}
@media screen and (min-width: 708px) {
  #iframe-content .priceBtn {
    float: left;
    width: 41%;
    padding-top: 3.2%;
  }
  #iframe-content .pricePlus {
    float: left;
    width: 3%;
    padding-top: 5.2%;
    padding-left: 2%;
    padding-right: 2%;
  }
  #iframe-content .pricePlus .img100per {
    width: 100%;
  }
  #iframe-content .priceAdd {
    float: left;
    width: 52%;
  }
}
#iframe-content .pageContents h3.sampleTitle {
  font-size: 95%;
  padding: 5px 15px 5px 15px;
  margin-bottom: 10px;
  color: #fff;
}
#iframe-content .pageContents h3.sample01 {
  background: #00a8a8;
  background-size: 16px 9px;
}
#iframe-content .pageContents h3.sample01.open {
  background: #00a8a8;
  background-size: 16px 9px;
}
#iframe-content .pageContents h3.sample02 {
  background: #00a172;
  background-size: 16px 9px;
}
#iframe-content .pageContents h3.sample02.open {
  background: #00a172;
  background-size: 16px 9px;
}
#iframe-content .pageContents h3.sample03 {
  background: #ec7980;
  background-size: 16px 9px;
}
#iframe-content .pageContents h3.sample03.open {
  background: #ec7980;
  background-size: 16px 9px;
}
#iframe-content .pageContents h3.sample04 {
  background: #3db8eb;
  background-size: 16px 9px;
}
#iframe-content .pageContents h3.sample04.open {
  background: #3db8eb;
  background-size: 16px 9px;
}
#iframe-content .pageContents h3.sample05 {
  background: #d7a400;
  background-size: 16px 9px;
}
#iframe-content .pageContents h3.sample05.open {
  background: #d7a400;
  background-size: 16px 9px;
}
#iframe-content .pageContents h3.sample06 {
  background: #4a6cb2;
  background-size: 16px 9px;
}
#iframe-content .pageContents h3.sample06.open {
  background: #4a6cb2;
  background-size: 16px 9px;
}
#iframe-content .pageContents h3.sample07 {
  background: #766e6a;
  background-size: 16px 9px;
}
#iframe-content .pageContents h3.sample07.open {
  background: #766e6a;
  background-size: 16px 9px;
}
#iframe-content .sample_list li {
  display: block;
  width: 270px;
  margin: 0 auto;
  list-style: none;
  margin-bottom: -1px;
  max-width: 100%;
  height: auto;
}
#iframe-content .sample_list li img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
#iframe-content .appSpec {
  border: solid 1px #ccc;
}
@media screen and (min-width: 708px) {
  #iframe-content .sample_list {
    max-width: 870px;
    margin: 0 auto;
  }
  #iframe-content .sample_list li {
    width: 33.3%;
    float: left;
    margin: 0;
    text-align: left;
    margin-bottom: 0px;
    margin-right: -1px;
  }
  #iframe-content .sample_list li img {
    width: 100%;
    height: auto;
  }
}
/* 2016/10 add */
#iframe-content .priceTitle {
  font-size: 130%;
  line-height: 1.3em;
  font-weight: bold;
}
#iframe-content .priceTitle .smallText {
  font-size: 60%;
}
#iframe-content .priceGetType {
  font-size: 140%;
  font-weight: normal;
}
#iframe-content .pricePlus {
  position: relative;
}
/*order btn
----------------------------------------------------------*/
#iframe-content .ttl_hagaki {
  color: #029032;
  margin: 0 0 12px;
  font-size: 100%;
  line-height: 1.3em;
}