@charset "UTF-8";

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

@media screen and (max-width: 900px) {
.box { padding: 20px 0 0 0; margin: 20px auto 20px; width: 90%; }
header div#top-logo { float: none; text-align: center; }
header div#navigation { float: none; text-align: center; }
#main-image div.textarea { padding: 0 0 0 0; display: block; width: 90%; margin: 0 auto; }
#main-image div.textarea2 { padding: 0 0 0 0; display: block; width: 90%; margin: 0 auto; }
#main-image { width: auto; margin: 0 auto 0; }
#main-image img.main-image-sub { margin-top: -44px; }
#main-image img.main-image-sub2 { margin-top: -44px; }
#main-image span.main { margin: 10px 0 0 0; }
#main-image div.textarea span { display: inline; }
#main-image div.textarea2 span { display: inline; }
#main-image div.photo img { width: 100%; padding: 35px 10% 10% 10%; }

}

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

ul li.navi-button {  margin-right: 0; }
#main-image { white-space: revert; }
#main-image img.main-image-sub { margin-top: -15px; }
#main-image img.main-image-sub2 { margin-top: 0; }
#main-image span.main { font-size: 150%; letter-spacing: 4px; }
#main-image div.textarea span { display: block; }
#main-image div.textarea2 span { display: block; margin-bottom: 32px; }
#main-image div.photo img { padding: 0 5% 100px 5%; }
.imageLeft { float: none; width: 100%; padding: 0; padding-right: 0px; }
.imageLeft img { width: 100%; padding: 0 10% 0 10%; }
.imageRight { float: none; width: 100%; padding: 0; padding-right: 0px; }
.imageRight img { width: 100%; padding: 0 10% 0 10%; }

.box { padding: 20px 0 40px 0; margin: 20px auto 20px; width: 90%; }
.titleB { margin-bottom: 30px; }
.noteB { width: 100%; }
.titleC { width: 90%; margin: 20px auto 20px; padding: 10px; font-size: 120%; }
.img-25 { width: 48%; margin: 0 1% 60px 1%; float: left; font-size: 66%; height: 175px; }
.titleD { margin: 20px auto 0; padding: 20px 20px 0 20px; }
.img-100 { margin-bottom: 40px; }

#main-image div.textarea2 span.main { margin: 0; }
#main-image div.textarea2 span.main { font-size: 135%; letter-spacing: 0; }

.read-copy2 { height: auto; display: block; margin: 9px; width: calc(100% - 18px); }
.read-copy2 p { position: relative; width: 100%; top:auto; transform: none; }

.yasai-ko { width:100%;
  float: none;
  margin: 0 0 20px; text-align: center; }

}