@font-face {
  font-family: 'M+ 2c heavy';
  src: url('../fonts/mplus-2c-heavy-sub.eot');
  src: url('../fonts/mplus-2c-heavy-sub.eot?#iefix') format('embedded-opentype'),
  url('../fonts/mplus-2c-heavy-sub.woff') format('woff'),
  url('../fonts/mplus-2c-heavy-sub.ttf') format('truetype'); }

@font-face {
  font-family: 'M+ 2c bold';
  src: url('../fonts/mplus-2c-bold-sub.eot');
  src: url('../fonts/mplus-2c-bold-sub.eot?#iefix') format('embedded-opentype'),
  url('../fonts/mplus-2c-bold-sub.woff') format('woff'),
  url('../fonts/mplus-2c-bold-sub.ttf') format('truetype'); }

body {
  padding: 0;
  margin: 0;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
  color: #585858; }

/* header */

header {
  border-top: 10px solid #226A2A;
  padding: 10px 15px; }

header img {
  width: 200px; }

header span.info {
  text-align: right;
  font-size: 16px;
  margin-top: -1px;
  font-family: 'M+ 2c bold';
  line-height: 28px; }

header span.info a.btn {
  padding: 3px 8px;
  background: #E5181D;
  border: none;
  color: #FFF; }

header span.info a.btn:hover {
  opacity: 0.7; }

img.banner {
  width: 100%; }

div.menu {
  padding: 10px 15px 8px;
  text-align: center;
  background: #F5F5F5;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE; }

div.menu a {
  padding: 0 15px;
  border-right: 2px solid #CCC; }

div.menu a:first-child {
  border-left: 2px solid #CCC; }

div.menu div.dropdown {
  display: inline-block; }

div.menu div.dropdown a[data-toggle="dropdown"] {
  border-left: none; }

div.menu ul {
  text-align: left; }

div.menu ul li a {
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #EEE;
  padding: 8px 20px !important; }

div.menu ul li:last-child a {
  border: none; }

div.menu a i {
  font-size: 18px;
  vertical-align: -1px; }

div.menu.sm {
  padding: 10px 10px 8px; }

div.menu.sm a {
  padding: 0 8px; }

div.menu.sm a:first-child {
  border-left: none; }

div.menu.sm a:last-child {
  border-right: none; }

div.menu-sub {
  text-align: center;
  padding: 8px 15px 6px;
  color: #999;
  margin: 0 auto;
  border-bottom: 1px dotted #EEE; }

div.menu-sub a {
  padding: 0 3px; }

/* index.html */

div.BoxIndex {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 30px; }

div.BoxIndex h1 {
  text-align: center;
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 15px;
  font-family: 'M+ 2c heavy'; }

div.BoxIndex h1 span {
  font-size: 26px;
  color: #E5181D; }

div.BoxIndex p.Title {
  text-align: center;
  background: #F5F5F5;
  padding: 8px;
  font-size: 18px;
  margin-bottom: 20px; }

/* BoxIndex Index */

div.BoxIndex.Index {
  width: 70%;
  padding: 40px 0 50px; }

/* BoxIndex Description */

div.BoxIndex.Description blockquote {
  padding: 0 13px;
  border-left: 7px solid #E5181D; }

div.BoxIndex.Description h2 {
  font-size: 16px;
  font-weight: bold; }

div.BoxIndex.Description p.course {
  margin-bottom: 30px; }

div.BoxIndex.Description p.course a {
  text-decoration: underline; }

div.BoxIndex.Description img {
  width: 100%; }

/* BoxIndex Topics */

div.BoxIndex.Topics {
  padding-bottom: 40px; }

div.BoxIndex.Topics ul {
  list-style: none;
  padding: 0; }

div.BoxIndex.Topics ul li {
  padding: 8px 0;
  border-bottom: 1px dotted #DDD; }

div.BoxIndex.Topics ul li:last-child {
  border-bottom: none; }

div.BoxIndex.Topics ul td.date {
  vertical-align: top;
  padding-right: 5px;
  font-size: 12px; }

div.BoxIndex.Topics ul td.topic {
  vertical-align: top; }

div.BoxIndex.Topics img {
  width: 100%; }

/* long-stay.html */

div.BoxLongStay {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 20px; }

div.BoxLongStay p.Title {
  text-align: center;
  background: #F5F5F5;
  padding: 8px;
  font-size: 18px;
  margin-bottom: 20px; }

div.BoxLongStay p.button {
  text-align: center;
  margin-top: 20px;
  padding: 0 15px !important;
  text-indent: 0 !important; }

div.BoxLongStay p.button a.btn {
  padding: 10px 30px;
  font-size: 16px;
  background: #E5181D;
  color: #FFF; }

div.BoxLongStay p.button a.btn:hover {
  opacity: 0.7; }

div.BoxLongStay p.button a.btn:active {
  background: #CE1927;
  opacity: 1.0; }

div.BoxLongStay p.info {
  text-align: center;
  margin-top: 10px;
  font-family: 'M+ 2c bold';
  font-size: 16px !important;
  text-indent: 0 !important;
  padding: 0 15px !important; }

div.BoxLongStay p.info i.fa-envelope {
  vertical-align: 1px; }

div.BoxLongStay p.info a {
  margin-right: 15px; }

/* BoxLongStay Description */

div.BoxLongStay.Description {
  width: 70%;
  margin: 0 auto;
  padding: 30px 0; }

div.BoxLongStay.Description h1 {
  font-size: 22px;
  margin: 0 0 30px; }

div.BoxLongStay.Description blockquote {
  padding: 0 13px;
  border-left: 7px solid #E5181D;
  font-family: 'M+ 2c heavy'; }

div.BoxLongStay.Description h2 {
  font-size: 22px;
  line-height: 30px;
  font-family: 'M+ 2c heavy';
  text-align: center;
  margin-bottom: 10px; }

div.BoxLongStay.Description h2 span {
  color: #E5181D; }

/* BoxLongStay Term */

div.BoxLongStay.Term {
  padding-bottom: 15px; }

div.BoxLongStay.Term div.alert {
  margin: 0 15px 20px;
  font-size: 16px; }

div.BoxLongStay.Term div.col-sm-6 div {
  background: #F1EFE9;
  padding: 20px 40px 25px;
  border-radius: 10px;
  border: 1px solid #E5E5E5; }

div.BoxLongStay.Term div.col-sm-6 p.num {
  color: #E5181D;
  font-size: 50px;
  font-family: 'M+ 2c heavy';
  text-align: center;
  margin-bottom: 15px; }

div.BoxLongStay.Term div.col-sm-6 p.num span {
  font-size: 20px;
  padding-left: 2px;
  vertical-align: 2px; }

div.BoxLongStay.Term div.col-sm-6 ul {
  padding-left: 10px;
  margin: 0 15px 15px; }

div.BoxLongStay.Term div.col-sm-6 p.cost {
  margin-bottom: 0;
  border-top: 1px solid #DDD;
  padding-top: 10px; }

div.BoxLongStay.Term div.col-sm-6 p.cost span.num {
  font-family: 'M+ 2c bold';
  font-size: 17px; }

div.BoxLongStay.Term div.col-sm-6 p.cost span.per {
  font-size: 12px;
  margin: 0 -3px; }

div.BoxLongStay.TermWarning p {
  margin-bottom: 0;
  font-size: 12px;
  padding: 0 15px 0 27px;
  text-indent: -12px; }

/* BoxLongStay Eligible */

div.BoxLongStay.Eligible ul {
  padding-left: 20px;
  margin: 0 15px 10px; }

div.BoxLongStay.Eligible p.important {
  margin: 0;
  font-size: 18px;
  font-family: 'M+ 2c bold';
  padding: 10px 15px 20px; }

div.BoxLongStay.Eligible p.important span {
  color: #E5181D; }

/* BoxLongStay Cost */

div.BoxLongStay.Cost p.case {
  line-height: 22px;
  margin: 0 15px 10px; }

div.BoxLongStay.Cost p.case span.detail {
  font-size: 12px;
  padding-left: 10px; }

div.BoxLongStay.Cost p.case span.room {
  font-size: 12px; }

div.BoxLongStay.Cost p.warning {
  font-size: 12px;
  margin: 0 15px; }

/* BoxLongStay Schedule */

div.BoxLongStay.Schedule table {
  margin: 0 15px; }

div.BoxLongStay.Schedule table.withouttext {
  margin-bottom: 20px; }

div.BoxLongStay.Schedule table.withouttext th {
  background: #EEE;
  text-align: center;
  padding: 8px;
  background: #EEE;
  width: 40px; }

div.BoxLongStay.Schedule table.withouttext th.sat {
  color: #5BC0DE; }

div.BoxLongStay.Schedule table.withouttext th.sun {
  color: #D9534F; }

div.BoxLongStay.Schedule table.withouttext td {
  text-align: center;
  padding: 8px; }

div.BoxLongStay.Schedule table.withouttext td.time {
  width: 95px;
  text-align: left; }

div.BoxLongStay.Schedule table.withouttext td i.fa-cutlery {
  padding-right: 2px; }

div.BoxLongStay.Schedule table.withtext td {
  padding: 8px;
  border-top: 1px solid #DDD; }

div.BoxLongStay.Schedule table.withtext td.title {
  white-space: nowrap;
  padding-right: 15px;
  vertical-align: top; }

div.BoxLongStay.Schedule table.withtext td.body p {
  margin: 15px 0 0;
  font-size: 12px; }

/* BoxLongStay Day */

div.BoxLongStay.Day div {
  padding: 0 15px; }

div.BoxLongStay.Day table {
  margin-bottom: 0; }

div.BoxLongStay.Day table th {
  white-space: nowrap;
  vertical-align: top; }

div.BoxLongStay.Day table td.break {
  text-align: center;
  vertical-align: middle; }

div.BoxLongStay.Day table td span.sm {
  display: block;
  font-weight: bold; }

div.BoxLongStay.Day table img {
  width: 200px; }

div.BoxLongStay.Day table td p.img {
  margin: 10px 0 0; }

div.BoxLongStay.Day table td p.img img {
  width: 100%; }

/* BoxCourse */
  
div.BoxCourse {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 20px; }

div.BoxCourse h1 {
  font-size: 22px;
  margin: 0 0 30px; }

div.BoxCourse blockquote {
  padding: 0 13px;
  border-left: 7px solid #E5181D;
  font-family: 'M+ 2c heavy'; }

div.BoxCourse.Index {
  padding: 30px 15px 20px; }

/* BoxCourse Support */

div.BoxCourse.Support {
  padding-bottom: 30px; }

div.BoxCourse.Support h2 {
  font-size: 18px;
  margin: 0 15px 25px;
  padding-bottom: 5px;
  border-bottom: 1px solid #DDD; }

div.BoxCourse.Support p.title {
  font-size: 16px; }

div.BoxCourse.Support p.body {
  margin-bottom: 15px; }

div.BoxCourse.Support ul {
  padding: 0;
  list-style: none;
  margin-bottom: 15px; }

/* BoxAbout */

div.BoxAbout {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 20px; }

div.BoxAbout blockquote {
  font-size: 22px;
  padding: 0 13px;
  border-left: 7px solid #E5181D;
  font-family: 'M+ 2c heavy';
  margin-bottom: 30px; }

div.BoxAbout.Index {
  padding: 30px 15px 20px; }

/* BoxAbout History */

div.BoxAbout.History p {
  padding: 0 15px;
  margin-bottom: 15px; }

div.BoxAbout.History p.logo {
  padding: 15px 15px 0; }

div.BoxAbout.History p.link {
  text-decoration: underline; }

/* BoxAbout Location */

div.BoxAbout.Location {
  margin-bottom: 40px;
  border-bottom: 1px solid #DDD; }

div.BoxAbout.Location p.image {
  margin-bottom: 20px; }
  
div.BoxAbout.Location img {
  width: 100%; }

/* BoxAbout Facility */

div.BoxAbout.Facility p {
  padding: 0 15px; }

div.BoxAbout.Facility p.address {
  margin-bottom: 20px; }

div.BoxAbout.Facility p.address a {
  text-decoration: underline; }

div.BoxAbout.Facility p.map img {
  width: 100%; }

div.BoxAbout.Facility div.col-xs-6 p {
  padding: 0;
  margin-bottom: 15px; }

div.BoxAbout.Facility div.col-xs-6 img {
  width: 100%; }

div.modal div.modal-body {
  padding: 0 !important; }

div.modal img {
  width: 100%; }

div.modal button {
  padding-top: 5px;
  padding-right: 5px;
  opacity: 1; }

div.modal button i {
  font-size: 40px;
  color: #FFF; }

/* form.html */

div.BoxForm {
  width: 70%;
  margin: 0 auto;
  padding: 30px 0 20px; }

div.BoxForm blockquote {
  font-size: 22px;
  padding: 0 13px;
  border-left: 7px solid #E5181D;
  font-family: 'M+ 2c heavy';
  margin-bottom: 30px; }

div.BoxForm table {
  width: 100%; }

div.BoxForm table th {
  width: 170px;
  background: #F5F5F5;
  padding: 8px;
  border-bottom: 1px solid #FFF; }

div.BoxForm table th span, div.BoxForm.sm label span {
  color: #E5181D; }

div.BoxForm table td {
  padding: 8px; }

div.BoxForm table tr.address td {
  padding: 3px 8px; }

div.BoxForm table td.need input {
  margin-top: 3px; }

div.BoxForm table td.need span {
  margin-left: -3px; }

div.BoxForm textarea {
  resize: vertical; }

div.BoxForm table tr.questionnaire th {
  vertical-align: top; }

div.BoxForm table tr.questionnaire label, tr.cc label, div.BoxForm.sm div.form-group.checkboxes label {
  font-weight: normal; }

div.BoxForm table tr.questionnaire input, tr.cc input, div.BoxForm.sm div.form-group label input {
  vertical-align: 1px; }

div.BoxForm .button .btn-send {
  padding: 10px 30px;
  font-size: 16px;
  background: #E5181D;
  color: #FFF;
  margin-right: 8px; }

div.BoxForm .button .btn-send:hover {
  opacity: 0.7; }

div.BoxForm .button .btn-send:active {
  background: #CE1927;
  opacity: 1.0; }

div.BoxForm.sm td.title {
  white-space: nowrap;
  padding: 0 10px 0 0;
  width: 70px; }

div.BoxForm.sm tr td:last-child {
  padding: 4px 0; }

/* stories.html */

div.BoxGraduated {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 20px; }

div.BoxGraduated h1 {
  font-size: 22px;
  margin: 0 0 30px; }

div.BoxGraduated blockquote {
  padding: 0 13px;
  border-left: 7px solid #E5181D;
  font-family: 'M+ 2c heavy'; }

div.BoxGraduated p.Title {
  text-align: center;
  background: #F5F5F5;
  padding: 8px;
  font-size: 18px;
  margin-bottom: 20px; }

/* BoxGraduated Index */

div.BoxGraduated.Index {
  padding: 30px 15px 20px; }

/* BoxGraduated Thumbnail */

div.BoxGraduated.Thumbnail div a {
  text-decoration: none; }

div.BoxGraduated.Thumbnail div a:hover img {
  opacity: 0.7; }

div.BoxGraduated.Thumbnail div img {
  width: 100%; }

div.BoxGraduated.Thumbnail div p {
  margin: 10px 0 20px;
  line-height: 17px;
  color: #585858; }

div.BoxGraduated.Thumbnail div p span {
  font-size: 12px; }

div.BoxGraduated.Thumbnail div p br.quote {
  line-height: 20px; }

/* BoxGraduated List */

div.BoxGraduated.List table td {
  vertical-align: top;
  border-bottom: 1px solid #EEE;
  padding: 8px 5px; }

div.BoxGraduated.List table td.section {
  padding-top: 20px; }

div.BoxGraduated.List table td.shop {
  white-space: nowrap; }

div.BoxGraduated.List table td.shop a {
  text-decoration: underline; }

div.BoxGraduated.List table td.name {
  white-space: nowrap; }

div.BoxGraduated.List table tr:last-child td {
  border-bottom: 0; }

div.BoxGraduated.List ul {
  list-style: none;
  padding-left: 0; }

div.BoxGraduated.List ul li {
  border-bottom: 1px solid #EEE;
  padding: 8px 15px; }

div.BoxGraduated.List ul li.section {
  padding: 20px 15px 5px; }

div.BoxGraduated.List ul li.item a {
  text-decoration: none; }

div.BoxGraduated.List ul li.item p.shop {
  text-decoration: underline;
  margin-bottom: 0; }

div.BoxGraduated.List ul li.item p.name {
  color: #585858;
  margin-bottom: 3px; }

div.BoxGraduated.List ul li.item p.message {
  color: #585858;
  margin-bottom: 0px; }

div.BoxGraduated.List ul li:last-child {
  border-bottom: 0; }

/* BoxGraduated Message */

div.BoxGraduated.Message {
  text-align: center;
  padding: 0 15px 20px; }

div.BoxGraduated.Message span.badge-quote {
  border-radius: 50%;
  padding: 9px 10px;
  background: #E5181D;
  font-size: 24px; }

div.BoxGraduated.Message div {
  margin-top: -20px;
  padding: 40px 30px 20px; }

div.BoxGraduated.Message h2 {
  font-size: 24px;
  margin: 0 0 10px;
  font-weight: bold; }

div.BoxGraduated.Message p {
  margin: 0;
  font-size: 18px; }

div.BoxGraduated.Message p span {
  font-size: 14px;
  margin-left: -5px; }

/* BoxPRVideo */

div.BoxGraduated.PRVideo {
  text-align: center;
  padding-bottom: 50px; }

div.BoxGraduated.PRVideo iframe, div.BoxGraduated.PRVideo img {
  width: 587px;
  height: 330px;
  margin: 0 15px; }

div.BoxGraduated.PRVideo img.instagram {
  max-width: 400px;
  height: auto !important; }

/* BoxGraduated Interview */

div.BoxGraduated.Interview table {
  width: 70%;
  border: 2px solid #DDD;
  margin-bottom: 20px; }

div.BoxGraduated.Interview table th {
  white-space: nowrap;
  background: #F8F8F8; }

div.BoxGraduated.Interview p.q {
  margin: 15px 15px 3px;
  font-size: 16px;
  text-indent: -10px;
  padding-left: 20px; }

div.BoxGraduated.Interview p.q i {
  font-size: 17px;
  margin-right: 5px;
  color: #E5181D; }
  
div.BoxGraduated.Interview p.a {
  padding-left: 20px;
  margin: 0 15px; }

div.BoxGraduated.Interview ul.a {
  padding-left: 40px;
  margin: 0 15px; }

div.BoxGraduated.Interview div.Image {
  margin: 30px 15px 20px; }

div.BoxGraduated.Interview div.Image img {
  width: 33.33333333%;
  padding: 0 5px;
  vertical-align: top; }

/* BoxGraduated Restaurant */

div.BoxGraduated.Restaurant {
  padding-bottom: 30px; }

div.BoxGraduated.Restaurant img.Map {
  width: 500px;
  height: 250px;
  margin-bottom: 10px;
  border: 1px solid #DDD; }

div.BoxGraduated.Restaurant table.Address, div.BoxGraduated.Restaurant table.Station, div.BoxGraduated.Restaurant div.col-sm-6.second p {
  margin-bottom: 3px; }

div.BoxGraduated.Restaurant table.Address td, div.BoxGraduated.Restaurant table.Station td {
  vertical-align: top; }

div.BoxGraduated.Restaurant table.Address td:first-child, div.BoxGraduated.Restaurant table.Station td:first-child {
  white-space: nowrap; }

div.BoxGraduated.Restaurant div.col-sm-6 p:last-child {
  margin-bottom: 0; }

div.BoxGraduated.Restaurant p.Name {
  font-size: 18px;
  margin-bottom: 15px; }

div.BoxGraduated.Restaurant p.Name span {
  font-size: 14px; }

div.BoxGraduated.Restaurant p.Message {
  margin-bottom: 15px; }

div.BoxGraduated.Restaurant p.Photo img {
  width: 50%; }

div.BoxGraduated.Restaurant p.Photo img:first-child { padding-right: 5px; }
div.BoxGraduated.Restaurant p.Photo img:last-child { padding-left: 5px; } 

div.BoxGraduated.Restaurant p.Certification {
  margin-bottom: 15px; }

div.BoxGraduated.Restaurant p.Certification span.badge-ascig {
  padding: 5px 8px;
  border-radius: 4px;
  background: #E5181D;
  font-size: 13px; }

/*div.BoxGraduated.Restaurant table.Photo td {
  width: 50%;
  vertical-align: top; }

div.BoxGraduated.Restaurant table.Photo td img {
  width: 100%; }*/

div.BoxGraduated.Restaurant p.Map {
  margin-bottom: 10px !important; }

div.BoxGraduated.Restaurant p.Map img {
  width: 100%;
  border: 1px solid #DDD; }

div.BoxGraduated.Restaurant p.WEB i { color: #3498DB; }
div.BoxGraduated.Restaurant p.Facebook i { color: #3A5B94; }
div.BoxGraduated.Restaurant p.Twitter i { color: #00ACEE; }
div.BoxGraduated.Restaurant p.Tabelog i { color: #FDA83B; }

/* BoxGraduated Book */

div.BoxGraduated.Book p.description {
  padding: 0 15px;
  margin-bottom: 20px; }

div.BoxGraduated.Book div.col-sm-4 img {
  width: 100%; }

div.BoxGraduated.Book div.col-sm-4 p {
  margin: 5px 0 0; }

/* BoxGraduated Introduction */

div.BoxGraduated.Introduction p {
  margin-bottom: 15px; }

div.BoxGraduated.Introduction p.footer {
  margin-bottom: 0;
  text-align: right; }

/* BoxPrivacyPolicy */
  
div.BoxPrivacyPolicy {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 20px; }

div.BoxPrivacyPolicy h1 {
  font-size: 22px;
  margin: 0 0 30px; }

div.BoxPrivacyPolicy blockquote {
  padding: 0 13px;
  border-left: 7px solid #E5181D;
  font-family: 'M+ 2c heavy'; }

div.BoxPrivacyPolicy.Index {
  padding: 30px 0 20px; }

div.BoxPrivacyPolicy p.title {
  margin-bottom: 5px; }

div.BoxPrivacyPolicy p.body, div.BoxPrivacyPolicy ul {
  margin-bottom: 20px; }

/* BoxSingle */

div.BoxSingle {
  width: 90%;
  margin: 0 auto;
  padding: 30px 0; }
  
div.BoxSingle h1 {
  line-height: 28px;
  font-size: 20px;
  margin: 0 0 20px; }

div.BoxSingle p.date {
  color: #999;
  font-size: 13px;
  margin-bottom: 20px; }

div.BoxSingle p.content {
  line-height: 22px;
  margin: 0; }

div.BoxSingle img {
  max-width: 500px;
  display: block; }

/* back-to-top */

div#back-to-top {
  position: fixed;
  right: 30px;
  bottom: 5px; }

div#back-to-top i.fa-chevron-up {
  font-size: 30px;
  margin-left: 10px;
  margin-top: 3px; }

div#back-to-top i.fa-stack-2x {
  font-size: 65px; }

/* footer */

footer {
  text-align: center;
  padding: 25px 0 20px;
  border-top: 1px solid #DDD;
  font-size: 12px; }

footer p.sns {
  margin-bottom: 15px; }

footer p.sns a.btn-facebook {
  background: #3A5B94;
  color: #FFF;
  font-size: 14px;
  padding: 4px 10px; }

footer p.sns a.btn-facebook i {
  margin-right: 7px;
  font-size: 22px;
  vertical-align: -2px; }

footer p.sns a.btn-facebook:hover {
  opacity: 0.7; }

footer p.sns a.btn-facebook:active {
  opacity: 1.0;
  background: #365582; }

footer p.menu {
  line-height: 24px;
  margin: 0; }

footer p.menu span.contact {
  font-size: 14px; }

footer p.menu span.contact a:first-child, footer p.menu span.copyright {
  margin-right: 10px; }

@media (min-width: 1200px) {
  
  /* display none */
  
  .sm, div#back-to-top {
	display: none !important; }

  body {
  	background: #F2F0E9; }

  div.container {
  	background: #FFF;
  	width: 890px; }

  /* stories.html */

  div.BoxGraduated.Thumbnail div img.default {
	margin-bottom: 20px; }
}

@media (min-width: 901px) and (max-width: 1199px) {

  /* display none */

  .sm, div#back-to-top {
	display: none !important; }

  body {
  	background: #F2F0E9; }

  div.container {
  	background: #FFF;
  	width: 870px;
  	max-width: none; }

  /* stories.html */

  div.BoxGraduated.Thumbnail div img.default {
  	margin-bottom: 25px; }
}

@media (min-width: 768px) and (max-width: 900px) {

  /* display none */

  .sm {
  	display: none !important; }

  div.container {
    width: 100%;
	padding: 0 15px;
    margin: 0;
	max-width: none; }

  /* index.html */

  div.BoxIndex.Index {
    width: 80%; }

  /* long-stay.html */

  div.BoxLongStay.Term div.col-sm-6 div {
    padding: 20px 25px 25px; }

  /* form.html */

  div.BoxForm {
  	width: 80%; }

  /* stories.html */

  div.BoxGraduated.Thumbnail div img.default {
  	margin-bottom: 50px; }

  div.BoxGraduated.Interview table {
    width: 80%; }
}

@media (max-width: 767px) {

  /* display none */
  
  .pc, div.BoxLongStay.Day table th, div.BoxLongStay.Day table td p.img {
  	display: none !important; }

  /* header */

  header {
	padding: 8px 10px; }

  header img {
  	width: 180px; }

  header span.info {
	margin-top: -2px;
    font-size: 15px; }

  /* index.html */
  
  div.BoxIndex {
    width: 100%;
	margin: 0;}

  div.BoxIndex.Index {
	width: 100%;
	padding: 30px 15px 40px; }

  div.BoxIndex.Index h1 span {
	font-size: 24px; }

  div.BoxIndex.Topics {
  	padding-bottom: 20px; }

  div.BoxIndex.Topics div.col-sm-6.first {
	margin-bottom: 30px; }

  /* long-stay.html */

  div.BoxLongStay {
    width: 100%;
    margin: 0; }

  div.BoxLongStay p.button a.btn {
    padding: 10px 12px;
    display: block; }

  div.BoxLongStay.Description {
  	width: 100%;
  	padding: 30px 15px; }

  div.BoxLongStay.Description h2 {
	font-size: 24px; }

  div.BoxLongStay.Term div.col-sm-6 {
	width: 50%;
	float: left; }

  div.BoxLongStay.Term div.col-sm-6.six {
	margin-bottom: 15px; }

  div.BoxLongStay.Schedule table.withouttext td {
	padding: 5px; }

  div.BoxLongStay.Schedule table.withtext td {
    display: list-item;	
    list-style: none;
    padding: 15px 0;
    border: none; }

  div.BoxLongStay.Schedule table.withtext td.title {
    padding-bottom: 5px; }
  
  div.BoxLongStay.Schedule table.withtext tr:first-child td.title {
	border-top: 1px solid #DDD; }

  div.BoxLongStay.Schedule table.withtext td.body {
    border-bottom: 1px solid #DDD;
    padding-top: 5px; }

  div.BoxLongStay.Schedule table.withtext tr:last-child td.body {
    border: none; }

  div.BoxLongStay.Day table img {
    width: 170px; }

  /* BoxCourse Support */
  
  div.BoxCourse.Support {
	padding-bottom: 10px; }
  
  div.BoxCourse.Support p.body, div.BoxCourse.Support ul {
	 margin-bottom: 30px; }

  /* BoxAbout Greeting */
  
  div.BoxAbout.Greeting div.col-sm-6.image {
    padding-bottom: 20px; }

  /* BoxAbout Location */

  div.BoxAbout.Location div.col-sm-6 {
	width: 50%;
	float: left; }

  /* form.html */

  div.BoxForm {
    width: 100%;
    margin: 0;
    padding: 30px 15px 20px; }

  /* stories.html */

  div.BoxGraduated {
	width: 100%;
	margin: 0; }

  div.BoxGraduated.PRVideo iframe, div.BoxGraduated.PRVideo img {
    width: 400px;
    height: 225px; }

  div.BoxGraduated.Interview table {
    width: 90%; }

  div.BoxGraduated.Restaurant div.col-sm-6.first {
	margin-bottom: 20px; }

  div.BoxGraduated.Restaurant p.Map img {
	width: 400px; }

  /* BoxSingle */
  
  div.BoxSingle img {
    max-width: 400px; }
}

@media (max-width: 480px) {

  /* display none */

  header span.info, div.menu a.facebook, div.BoxLongStay.Day table td.img {
	display: none !important; }

  div.menu.sm a.graduated {
  	border-right: none; }

  /* long-stay.html */

  div.BoxLongStay p.info {
	margin-top: 15px; }

  div.BoxLongStay p.info a {
    margin: 0; }

  div.BoxLongStay p.info a:first-child {
    display: block; }

  div.BoxLongStay.Term div.col-sm-6 {
  	width: 100%;
  	float: none; }

  div.BoxLongStay.Term div.col-sm-6 div {
    padding: 20px 25px 25px; }

  div.BoxLongStay.Schedule table.withouttext td.time {
	text-align: center;
    line-height: 16px; }

  div.BoxLongStay.Schedule table.withouttext td.time span {
	display: block; }

  div.BoxLongStay.Day table td p.img {
    display: block !important; }

  /* BoxAbout Greeting */
  
  div.BoxAbout.Greeting div.col-sm-6.image img {
    width: 100%; }

  /* BoxAbout Location */

  div.BoxAbout.Location div.col-sm-6 {
  	width: 100%;
  	float: none; }

  /* BoxAbout History */
  
  div.BoxAbout.History p.logo img {
    width: 80px; }

  /* stories.html */

  div.BoxGraduated.Index {
    padding: 30px 15px 5px; }

  div.BoxGraduated.Message div {
    margin-top: -20px;
    padding: 40px 10px 10px; }

  div.BoxGraduated.PRVideo {
    padding-bottom: 30px; }

  div.BoxGraduated.PRVideo iframe, div.BoxGraduated.PRVideo img {
	width: 290px;
	height: 163px; }

  div.BoxGraduated.Interview table {
    width: 100%; }

  div.BoxGraduated.Interview table th {
  	white-space: normal;
	width: 35%; }
  
  div.BoxGraduated.Interview div.Image img {
	width: 50%;
    padding: 0 5px 10px; }

  div.BoxGraduated.Restaurant p.Map img {
  	width: 100%; }

  /* BoxSingle */

  div.BoxSingle img {
    max-width: 100%; }

  /* footer */
  
  footer {
    padding: 25px 0; }

  footer p.sns {
    margin-bottom: 20px; }

  footer p.menu span.copyright {
    display: block; }
}