/*
Theme Name: karasawa-hyutte
Version: 1.0
*/

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
  max-width: 100%;
  /* When images are too wide for containing element, force them to fit. */
  height: auto;
  /* Override height to match resized width for correct aspect ratio. */
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}

.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

.wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 20px;
  max-width: 632px !important;
  /* prevent too-wide images from breaking layout */
  padding: 4px;
  text-align: center;
}

.widget-container .wp-caption {
  max-width: 100% !important;
}

.wp-caption img {
  margin: 5px 5px 0;
  max-width: 622px;
  /* caption width - 10px */
}

.wp-caption p.wp-caption-text {
  color: #777;
  font-size: 12px;
  margin: 5px;
}

.wp-smiley {
  margin: 0;
}

.gallery {
  margin: 0 auto 18px;
}

.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  width: 33%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery img {
  border: 2px solid #cfcfcf;
}

.gallery-columns-2 .attachment-medium {
  max-width: 92%;
  height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
  max-width: 84%;
  height: auto;
}

.gallery .gallery-caption {
  color: #777;
  font-size: 12px;
  margin: 0 0 12px;
}

.gallery dl {
  margin: 0;
}

.gallery img {
  border: 10px solid #f1f1f1;
}

.gallery br + br {
  display: none;
}

#content .attachment img {
  /* single attachment images should be centered */
  display: block;
  margin: 0 auto;
}

/* 追記 2022.02.24
-------------------------------------------------------------- */
#sec_boshu {
  position: fixed;
  top: 0;
  margin: 0 auto;
  max-width: 1366px;
  z-index: 1;
}

@media (max-width: 767px) {
  #sec_boshu .boshu_sp {
    position: relative;
    top: 15px;
    left: 20px;
    width: 85px;
    height: auto;
  }

  #sec_boshu .boshu_pc {
    display: none;
  }
}

@media (min-width: 768px) {
  #sec_boshu .boshu_pc {
    position: relative;
    top: 185px;
    left: 0;
    width: 250px;
    height: auto;
  }

  #sec_boshu .boshu_sp {
    display: none;
  }
}

@media (min-width: 768px) and (max-width:1339px) {
  #sec_boshu .boshu_pc {
    top: 175px;
  }
}

/* 追記 2022.08.08
-------------------------------------------------------------- */
.btn_booking {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #ccbfa7;
  color: #000;
  text-align: center;
  margin: 10px 0;
}

@media (min-width: 768px) {
  .web_booking {
    text-align: center;
    margin: 0 -15px
  }

  .btn_booking {
    width: 442px;
    height: 80px;
    line-height: 80px;
    margin: 15px;
  }
}