@charset "UTF-8";

/*--記念撮影メニュー--*/
body#top #img + .composite_box01.block_images_8 .inner_item:hover .inner_item_txt .heading .h span{
  color:inherit!important;
}

@media screen and (max-width:480px){
  body#top #img + .composite_box01.block_images_8{
    padding-top:1rem;
    padding-bottom:0;
  }

  #img + .composite_box01.block_images_8 .inner_item_txt{
    padding:15px;
  }

  body#top #img + .composite_box01.block_images_8 .inner_item_txt .heading{
    height: auto !important;
  }

  body#top #img + .composite_box01.block_images_8 .heading.block_header_1 p{
    margin: 4rem 0 0;
  }

  #img + div + div + #img + div .content_wrapper{
    margin-bottom: 65px;
  } 
}

@media screen and (min-width:481px) and (max-width:800px){
  body#top #img + .composite_box01.block_images_8 .wrapper_item:after{
     content:"";
     display:block;    
     width: 48%;
  }

  body#top #img + .composite_box01.block_images_8 .inner_item:nth-of-type(1),
  body#top #img + .composite_box01.block_images_8 .inner_item:nth-of-type(2),
  body#top #img + .composite_box01.block_images_8 .inner_item:nth-of-type(3){
    width: 48%!important;
  }
}

@media screen and (min-width:481px) {
    body#top #img + .composite_box01.block_images_8 .inner_item:hover .inner_item_txt .heading .h,
    body#top #img + .composite_box01.block_images_8 .inner_item:hover .inner_item_txt .heading p,
    body#top #img + .composite_box01.block_images_8 .inner_item:hover .inner_item_txt p{
      text-shadow: 1px 1px 2px #000;
    }
}

@media screen and (max-width:480px) {
#img+div+#img+div.composite_box01.block_images_8 .wrapper_item .inner_item{
    width: 48% !important;
}
#img+div+#img+div.composite_box01.block_images_8 .wrapper_item .inner_item img{
    aspect-ratio: 60.055 / 39.945;
    object-position: top;
}
}

/*--特徴--*/
#tokuchyou + section .content_wrapper,
#ryokin + section .content_wrapper,
#rental + section .content_wrapper,
#syomei + section .content_wrapper{
   padding:0;
   max-width:100% !important;
}

#tokuchyou + section .content_wrapper .wrapper_item,
#ryokin + section .content_wrapper .wrapper_item,
#rental + section .content_wrapper .wrapper_item,
#syomei + section .content_wrapper .wrapper_item{
   align-items: center;
}

#tokuchyou + section .content_wrapper .wrapper_item .inner_item_txt,
#rental + section .content_wrapper .wrapper_item .inner_item_txt{
  padding-right: var(--i_padding, 20px);
}

#ryokin + section .content_wrapper .wrapper_item .inner_item_txt,
#syomei + section .content_wrapper .wrapper_item .inner_item_txt{
  padding-left: var(--i_padding, 20px);
}

#tokuchyou + section .content_wrapper .wrapper_item .contents_btn01,
#ryokin + section .content_wrapper .wrapper_item .contents_btn01,
#rental + section .content_wrapper .wrapper_item .contents_btn01,
#syomei + section .content_wrapper .wrapper_item .contents_btn01{
   text-align: center!important;
}

@media screen and (min-width:901px){
  #tokuchyou + section .content_wrapper .wrapper_item .inner_item_txt .heading.block_header_2 .h,
  #rental + section .content_wrapper .wrapper_item .inner_item_txt .heading.block_header_2 .h,
  #ryokin + section .content_wrapper .wrapper_item .inner_item_txt .heading.block_header_2 .h,
  #syomei + section .content_wrapper .wrapper_item .inner_item_txt .heading.block_header_2 .h{
    font-size:2.1rem;
  }

  #tokuchyou + section .content_wrapper .wrapper_item .inner_item_txt .heading.block_header_2 p,
  #rental + section .content_wrapper .wrapper_item .inner_item_txt .heading.block_header_2 p,
  #ryokin + section .content_wrapper .wrapper_item .inner_item_txt .heading.block_header_2 p,
  #syomei + section .content_wrapper .wrapper_item .inner_item_txt .heading.block_header_2 p{
    font-size:1.6rem;
  }
}

@media screen and (max-width:900px){
  #syomei + section {
    padding-bottom:0;
  }

  #tokuchyou + section .content_wrapper .wrapper_item .inner_item_txt,
  #rental + section .content_wrapper .wrapper_item .inner_item_txt,
  #ryokin + section .content_wrapper .wrapper_item .inner_item_txt,
  #syomei + section .content_wrapper .wrapper_item .inner_item_txt{
    padding: 0 20px 20px!important;
  }
}



/*--久保田写真館 公式Instagram--*/
.instagram_list{
  display:flex;
  flex-flow: wrap;
  justify-content: space-evenly;
}

.instagram_list:after{
  content:"";
  display:block; 
}

.instagram_item::marker{
  content:none!important;
}
.instagram_item{
  padding-left:0;
  background: #fff;
  width: calc(100% / 3 - 1.5vw);
  padding: 1.5rem!important;
  box-sizing: border-box;
  box-shadow: 4px 4px 0px #cbcbcb91;
  margin: 1.5rem 0;
}

.item_title{
  text-align:center;
  font-size: 2rem;
}

.item_title_sub{
  text-align:center;
}

.item_image{
  margin:1rem 0;
}

.item_text{
  color: #FF3399;
  font-weight: bold;
  font-size: 1.6rem;
  margin: 0 0 1rem;
}

.item_detail{
  font-size: 1.4rem;
  text-indent:-1em;
  padding-left:1em;
}

@media screen and (min-width:651px) and (max-width:900px) {
  .instagram_list:after{
    width: calc(100% / 2 - 4vw);
  }

  .instagram_item{
    width: calc(100% / 2 - 4vw);
  }
}

@media screen and (max-width:650px) {
  .instagram_list:after{
    content:none;
  }

  .instagram_item{
    width: 100%;
    max-width: 320px;
  }
}

@media screen and (max-width:350px) {
  .instagram_item {
    padding: 1.2rem!important;
  }

  .item_title{
    font-size: 1.8rem;
  }

  .item_title_sub{
    font-size: 1.6rem;
  }

  .item_text {
    font-size: 1.4rem;
  }

  .item_detail{
    font-size: 1.25rem;
  }
}



/*--感染症対策について--*/
.corona_image {
   display: flex;
    justify-content: center;
    margin: 3rem auto;
}

/*----スライダーページネーション----*/
#slide_pic + .gallery_single .gallery_single_slider .pointer{
  display:flex !important;
}

#slide_pic + .gallery_single .gallery_single_slider_thum .slick-track{
  display:none !important;
}

#slide_pic + .gallery_single .gallery_single_slider .slick-slide img{
  aspect-ratio: 3/2 !important;
  object-fit: cover !important;
}

#slide_pic + .width_fixed>.content_wrapper {
    max-width: 100% !important;
    padding:0;
}
#slide_pic + .gallery_single .gallery_single_slider .slick-slide img{
   width:100%;
   object-fit:contain !important;
}
#slide_pic + .gallery_single .heading.block_header_1 p,
#slide_pic + .gallery_single .heading.block_header_1 .h{
   color: #F75973!important;
}

/*---------------記念撮影----------------*/
a[id^="img"]+.composite_box01 .inner_item_img img{
  width: 100% !important;
}

#img + .composite_box01.block_images_8 .inner_item{
  background-color: transparent !important;
}

#img +.composite_box01.block_images_8 .inner_item_txt{
  min-height: 100px !important;
  height: auto !important;
  aspect-ratio: 1/1 !important;
}

#img + .composite_box01.block_images_8 .inner_item_img{
  top:33.3333% !important;
  height: auto !important;
  background: transparent !important;
}

#img + .composite_box01.block_images_8 .inner_item:hover .inner_item_img{
  top: 33.3333% !important;
}

#img + .composite_box01.block_images_8 .inner_item_txt .heading{
  height: 33.3333% !important;
  border:none;
  top: 30px;
}

#img + .composite_box01.block_images_8 .inner_item:hover .inner_item_txt .heading,
#img + .composite_box01.block_images_8 .inner_item:hover .inner_item_txt .heading .h{
  color: var(--i_txt_color);
  text-shadow:none !important;
}
#img + .composite_box01.block_images_8 .inner_item:hover .inner_item_txt p,
#img + .composite_box01.block_images_8 .inner_item .inner_item_txt p{
  color: #4D370C;
  text-shadow:none !important;
}
#img + .composite_box01.block_images_8 .wrapper_item{
  justify-content: space-around !important;
  row-gap: 1rem;
}
#img + .composite_box01.block_images_8 .inner_item:nth-of-type(1):nth-last-of-type(3), .composite_box01.block_images_8 .inner_item:nth-of-type(2):nth-last-of-type(2), .composite_box01.block_images_8 .inner_item:nth-of-type(3):nth-last-of-type(1) {
    width: 32% !important;
}

#img + .composite_box01.block_images_8 .inner_item:nth-of-type(1):nth-last-of-type(4), .composite_box01.block_images_8 .inner_item:nth-of-type(2):nth-last-of-type(3), .composite_box01.block_images_8 .inner_item:nth-of-type(3):nth-last-of-type(2), .composite_box01.block_images_8 .inner_item:nth-of-type(4):nth-last-of-type(1){
  width: 24% !important;
}

@media screen and (max-width:800px){
  #img + .composite_box01.block_images_8 .inner_item:nth-of-type(1):nth-last-of-type(4), 
#img + .composite_box01.block_images_8 .inner_item:nth-of-type(2):nth-last-of-type(3), 
#img + .composite_box01.block_images_8 .inner_item:nth-of-type(3):nth-last-of-type(2), 
#img + .composite_box01.block_images_8 .inner_item:nth-of-type(4):nth-last-of-type(1){
  width: 48% !important;
}

#img + .composite_box01.block_images_8 .inner_item:nth-of-type(1):nth-last-of-type(3), 
.composite_box01.block_images_8 .inner_item:nth-of-type(2):nth-last-of-type(2), 
.composite_box01.block_images_8 .inner_item:nth-of-type(3):nth-last-of-type(1) {
    width: 100% !important;
  }
}

@media screen and (max-width:550px){
#img + .composite_box01.block_images_8 .inner_item_txt .heading{
  top: 20px;
}
}

@media screen and (max-width:480px){
  #img +.composite_box01.block_images_8 .inner_item_txt{
    aspect-ratio: auto !important;
    font-size: clamp(1.2rem, 4vw, 1.4rem) !important;
    border:none !important;
    padding:5px !important;
  }

#img +.composite_box01.block_images_8 .inner_item_txt .space{
    display:none !important;
  }

 /*#img + .composite_box01.block_images_8 .inner_item:nth-of-type(1):nth-last-of-type(4), .composite_box01.block_images_8 .inner_item:nth-of-type(2):nth-last-of-type(3), .composite_box01.block_images_8 .inner_item:nth-of-type(3):nth-last-of-type(2), .composite_box01.block_images_8 .inner_item:nth-of-type(4):nth-last-of-type(1){
  width: 100% !important;
  }*/

}

@media screen and (min-width:801px) {
#img +.composite_box01.block_images_8 .inner_item_txt{
    padding: 10px 10px calc(80px + 10px);
}
#img + .composite_box01.block_images_8 .inner_item_txt .heading{
    top: 66%!important;
     height: auto!important;
}
#img + .composite_box01.block_images_8 .inner_item_img,
#img + .composite_box01.block_images_8 .inner_item:hover .inner_item_img{
    top: 0!important;
    height: 66.6666% !important;
}
#img + .composite_box01.block_images_8 .inner_item_img img{
height: 100% !important;
object-position: top;
}
}

/*--ご案内 --*/
@media screen and (max-width: 900px) {
#t_bg + section .inner_item_txt p {
    font-size: 1.64rem;
}
}


/*--スマホ時テキスト中央 --*/
#img + div .inner_item_txt p {
    text-align: center!important;
}

@media screen and (max-width: 768px){
.sp-block{
display:block;
margin: 0 auto;
text-align:center;
}
}
/*--mv幅調整 --*/
#mv{
    min-width: 320px;
}

#mv .mv_img li.pos_c:first-child img,
#mv .mv_img li.pos_c:nth-child(3) img {
    object-position: top 50% right 32%;
}
#mv .mv_img li.pos_c:nth-child(2) img{
    object-position: top 50% right 65%;
}