.wrapper { width: 100%; }

.catagory-1-box { width: 387px; }
.left-box { left: 20px; top: 578px; width: 189px; }
.vertical-text p img { width: 176px; height: auto; margin: 0 10px 0 0; }
.vertical-text p { font-size: 12px; line-height: 110%; }
.vertical-box { width: 468px; }
.box-01 { height: 440px; }
.box-02 { height: 308px; }
.box-03 { height: 306px; }
.vertical-box-end2 { width: 100%; }
.vertical-box-end { width: 100%; }
p.title-1 { font-size: 128%; line-height: 132%; }
p.title-2 { font-size: 73%; line-height: 132%; }
p.text-1 { line-height: 226%; }
p.text-2 { line-height: 264%; }

.caution-1 { width: 90%; }
.plusoneitem-banner a img {
  opacity: 1.0;
  transition: opacity .5s;
  width: 204%;
  margin-top:10px;
}

.plusoneitem-banner {
  width: 95%;
  margin: 0 auto;
}

.plusoneitem-banner a img {
  opacity: 1.0;
  transition: opacity .5s;
  width: 100%;
  margin-top: 10px;
}

@media screen and (max-width: 800px) {

.pc { display: none; }
.sp { display: block; }

.wrapper { width: 100%; border: 5px solid #ddd; padding: 12px; }

.big-title { font-size: 90%; font-weight: 200; font-family: 'Noto Serif JP', serif; line-height: 100%; letter-spacing: 0px; }

.vertical-box {  overflow: hidden; width: 100%; padding: 0 10px; }

.vertical-text { text-align: left; -webkit-writing-mode:horizontal-tb; -ms-writing-mode:lr-tb; writing-mode:horizontal-tb; display: inline-block; }

.vertical-text p { line-height: 120%; font-size: 90%; }

.vertical-box-end div.paragraph div.vertical-text p { line-height: 120%; }

.vertical-text p img { height: auto; width: 100%; margin: 20px 0 0; display: block; }

.box-01,.box-02,.box-03,.box-04,.box-05 { height: auto; }

.modaal-gallery-item img { width: 100%; }

.left-box { position: relative; left: auto; top: auto; width: 90%; margin: 10px auto; }

.vertical-box-end div.paragraph div.vertical-text p img { margin: 20px 0; }

.vertical-box-end2 div.paragraph div.vertical-text p img { margin: 20px 0; }
.vertical-box-end2 div.paragraph div.vertical-text p.text-3 { line-height: 132%; }

p.title-1 { font-size: 136%; line-height: 132%; }
p.title-2 { font-size: 100%; line-height: 132%; }

.caution-1 { width: 90%; margin: 40px auto 100px; overflow: hidden; }

.plusoneitem-banner a {
  float: none;
  width: 49%;
  margin: 0 1.2% 0 0;
  text-align: center; display: block;
}

.plusoneitem-banner a:last-child {
  float: none;
  width: 49%;
  margin: 0;
  text-align: center; display: block;
}

.plusoneitem-title {
  font-size: 90%;
}

.plusoneitem-banner a img {
  opacity: 1.0;
  transition: opacity .5s;
  width: 204%;
  margin-top:10px;
}

}