/* Scss Document */
body {
  /*font-size:1.6rem;*/ }

@media (max-width: 740px) {
  body {
    font-size: 120%; } }
img {
  max-width: 100%; }

h1, h2, h3, h4 {
  margin-top: 8px;
  font-size: 1.2em; }

h2 {
  margin-bottom: 1em;
  padding: 8px 0;
  text-align: left;
  border: #D36015  1px none;
  border-style: solid none dotted; }

h3 {
  margin: 1.5em 0 4px;
  padding: 2px 4px;
  text-align: left;
  border-left: #D36015  4px solid; }

.container, .jumbotron {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px; }

/* slideshow start */
.cycle-slideshow {
  max-width: 1024px;
  margin: 0 auto; }

.container-slideshow {
  background-color: #000; }

/* slideshow end */
/* fixed start */
/*
.container-slideshow{ background-color: #000; margin-top: 68px;}
.navbar{position: fixed; top:0; left:0; width:100%; z-index: 999; background-color: #fff;}
*/
/* fixed end*/
/* nav(bootstrap) start */
#navbarSupportedContent {
  margin: 1em 0; }

.nav-link {
  padding: 4px; }

.dropdown-menu {
  font-size: 1em; }

.parentsite {
  margin: -2px 0 -10px;
  font-size: 80%;
  text-align: center;
  font-family: 'Philosopher', sans-serif;
  color: #555; }

/* nav(bootstrap) end */
/* go to top start */
.gototop a {
  color: #999;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 16px;
  bottom: 16px; }

.gototop a {
  display: block;
  background: #D36015;
  width: 50px;
  height: 50px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid #fff; }

.gototop a:hover, .gototop a:active {
  opacity: 0.85; }

/* go to top end */
.media-title {
  margin: 1em 0 4px 0;
  padding: 8px 0 4px;
  background-color: #d36015;
  color: #fff; }

.media-data .col-3 {
  padding: 4px 0 0 30px; }

.media-data .col-3 img {
  border: 1px solid #999; }

/* schedule table start */
.schedule {
  border-top: dotted 1px #999;
  width: 100%;
  margin: 0 auto 1em; }

.schedule .hh, .schedule .mm, .schedule .text {
  vertical-align: top;
  border-bottom: dotted 1px #999; }

.schedule .hh, .schedule .mm {
  padding: 3px 2px 0 0;
  font-size: 90%; }

.schedule .hh {
  width: 1.5em; }

.schedule .mm {
  width: 2.2em; }

.schedule .text {
  text-align: left;
  padding: 0.2em 0 0 0.5em;
  background-color: #fff;
  color: #000; }

.schedule .sche-teikisen {
  background-color: #eda; }

.schedule .sche-touchaku {
  background-color: #eed; }

.schedule .sche-activity01 {
  background-color: #CCF9D7; }

.schedule .sche-activity02 {
  background-color: #BDCEFB; }

.schedule .sche-activity03 {
  background-color: #A6E6E7; }

#stay-note {
  padding-left: 0;
  margin-left: 0; }

#stay-note li {
  margin-bottom: 0.2em; }

#stay-note li ul li {
  list-style-type: none; }

.stay-plan {
  margin: 0 0 1em 0; }

.stay-plan dt {
  width: 10em;
  color: #66c; }

.stay-plan dd {
  margin-bottom: 8px; }

.schedule .sche-eat {
  background-color: #FDFBE3; }

.schedule .sche-sleep {
  background-color: #bde; }

/* schedule table end */
/* price table start*/
.price {
  border-bottom: dotted 1px #666;
  width: 100%;
  margin: 0 auto 1em; }

.price td {
  border-top: dotted 1px #666;
  border-left: dotted 1px #999;
  border-right: dotted 1px #999;
  padding: 2px 4px;
  text-align: center;
  vertical-align: middle;
  color: #666; }

.price .date {
  background: #ffffcc; }

/* price table end */
@media (max-width: 1200px) {
  #navbar-toggler-text {
    font-size: 0.5em;
    margin: 0;
    position: absolute;
    text-align: center; }

  .navbar .form-inline {
    display: none; } }
.footernav {
  list-style: none;
  padding-inline-start: 0;
  margin-bottom: 0px; }

.footernav li {
  display: inline; }

.footernav .nav-link {
  display: inline;
  max-width: 50%; }

@media only screen and (min-width: 767px) {
  #top-familycup img {
    width: 48%;
    height: auto;
    float: right; } }
#top-familycup img {
  margin-bottom: 4px; }

.button-contact {
  margin-top: 20px;
  font-size: 90%; }

.button-contact a.linkbtn {
  display: block;
  border-radius: 2px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  margin: 4px auto;
  padding: 2px 4px;
  background-color: #4e92df;
  color: #fff;
  text-align: center; }