.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; margin: 50px auto 0; }

.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; }

.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,.box-06 { 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%; margin-right: 0; }

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

.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;
}

span.big-title p { margin: 0 auto 20px; font-size: 100%; display: block; width: 90%; font-weight: 600; color: #222; }

a.modalspacia { text-align: center; margin-bottom: 0; }
img.banner-00001 { margin: 40px auto; width: 70%; }
div.img-1 img.img-1 { width: 100%; }
div.img-2 img.img-2 { width: 100%; }
div.title-wrapper { margin: 0 0 20px 0; width: 100%; text-align: center; }
div.title-wrapper p.title-gear { width: 100%; text-align: center; }
div.text-2 img.img-3 { margin: 0 20px 5px 0; }
p.title-1 { font-size: 136%; line-height: 150%; margin: 20px 0 0 0; }
div.img-4 img.img-4 { width: 100%; }
div.img-4 { float: none; padding: 20px 0; }
.vertical-box-end2 div.paragraph div.vertical-text p.text-3 img.img-5 { width: 82px; float: right; margin: 0 0 0 17px; }
div.img-6 { float: none; padding: 0; }
p.title-1 b.b-title2 { font-size: 157%; margin: 0 0 9px 0; }
div.img-7 { float: none; padding: 0; height: auto; }
div.img-7 p { display: block; }
div.img-7 img.img-7 { width: 100%; margin: 20px 0 0; }
div.img-8 { float: none; padding: 0; height: auto; }
div.img-8 img.img-8 { width: 90%; margin: 0 auto; display: block; }
p.title-3 b.b-title3 { margin: 0; color: #000; }
p.title-3 { font-size: 100%; margin: 0; }
div.img-7 img.img-9 { position: relative; width: 100%; right: auto; top: auto; margin: 0; }
div.img-10 { float: none; padding: 0 10px 10px; height: auto; }
div.img-10 img.img-10 { width: 90%; margin: 15px 0 0; }
div.img-6 img.img-6 { width: 70%; margin: 20px auto 0; display: block; }
p.title-4 { font-size: 120%; margin-left: 0; }
p.title-4 b { margin: 0; }
.vertical-box-end div.paragraph div.vertical-text p.text-3 { margin: 0; }
img.img-11 { width: 90%; display: block; margin: 20px auto 0; }
div.title-wrapper2 { margin: 20px 0 20px 0; width: 100%; text-align: center; padding: 1px 0; }
div.title-wrapper2 p.title-gear2 { margin: 10px auto; font-size: 100%; padding: 10px; text-align: center; }
div.img-12 { float: none; padding: 0; }
div.img-12 img.img-12 { width: 90%; display: block; margin: 0 auto; }
p.text-12 { line-height: 176%; margin: 10px 0 10px 0; }


.vertical-text p:nth-of-type(n+2) { margin-right: 0; }
.vertical-box-end div.paragraph div.vertical-text p { line-height: 151%; }
img.img-13 { width: 50%; margin: 10px auto; }

span.space { font-size: 100%; }

.vertical-text a:hover img {
  transition: opacity .5s;
  opacity: 1.0;
}

div.text-2 p.pickup { padding-top: 10px; }
div.title-wrapper div.pickup {
  right: auto;
  top: -5px;
  left: -10px;
}

.movie-banner { position: relative; left: 0; }
div.img-1 { padding-top: 20px; }
.movie-banner-wrapper { padding-top: 20px; }

}