@charset "UTF-8";


/*PC*/
@media screen and (min-width: 768px) {
	.sp_only {
		display : none !important;
	}
}

/*SP*/
@media screen and (max-width: 767px) {

	.pc_only {
		display : none !important;
	}
}



body.bg_gray {
  background : #ccc;
}

.side_bar.pc {
  height:auto;
  min-height: 100%;
}

.container {
  padding-bottom : 64px;
}

.footer {
  position:fixed;
  width:calc(100% - 200px);
  /* top : calc(100% - 64px); */
  bottom : 0;
  z-index : 10;
  opacity:0;
  visibility: hidden;
}
.footer_show {
  opacity:1;
  visibility:visible;
}
@media screen and (max-width: 768px) {
  .content {
    min-height : auto;
  }

  .footer {
    width : 100%;
  }
}



.btn.in_icon .icon2 {
  margin-left : 0;
  margin-right : 16px;
}
.btn.in_icon2 {
  margin-right : 16px;
  margin-left : 8px;
  padding-left : 8px; 

  padding-right : 12px;
}
.view_btn_area {
  display: flex;
  align-items: flex-start;
}

.form_area input[type=date]{
  display: inline-block;
  padding : 4px 8px;
  border:solid 1px #ccc;

}
.form_area .input_inner p.error {
  margin : 4px 0px;
}


.form_area .input_inner label {
  display: inline-block;
  margin-right: 0.5em;;
}

.form_area .input_inner.del_check input[type="checkbox"] {
  opacity: 0;
}



.slick-content {
  opacity: 0;
  max-height: 400px;
  overflow: hidden;
  transition: all 0.5s;
}
.slick-content.slick-initialized{
  opacity: 1;
  transition: all 0.5s;
  max-height: none;
}

.inner_block.banner .-img {
  margin-bottom : 0.8rem;
}


.ranking .tabs .tab a{
  display: block;
}

.photo_detail .-photo .left_col {
  width:auto;
  max-width:57%;
}


.readonly {
  pointer-events: none;
  background: #dedede;
}

.photo_detail .-photo .left_col .-fav {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  }
  
.photo_detail .-photo .left_col .-fav.clicked  {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  }
  

  
  .thumbnail_result {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width : 100%;overflow-x :hidden;
    visibility: hidden;
}

.thumbnail_result a {
    display: block;
    background-size: cover;
    overflow :hidden;
    background-position: center center;
}

.thumbnail_result .col_wrap {
    margin-left : 6px;
    margin-bottom : 6px;
    position: relative;

}

.row_wrap .-item {
    background-size:cover;
}

.mypage .tag_list .-tag {
  display: inline-block;
  max-width: 95%;
  padding: 4px 8px;
  margin: 8px 8px 0 0;
  font-size : 2.2rem;
  border-radius: 4px;
  background: #e6e6e6;
  white-space: nowrap;
}

.mypage .tag_list .-tag .-count {
  font-size : 1.4rem;
}


.photo_list .-item .photo_data .note{
  width: 100%;
}




@media screen and (max-width: 767px) {
        
    .thumbnail_result a {
        overflow :hidden;
        background-position: center center;
        background-repeat: no-repeat;
        /* max-height : 49vw;
        max-width : 49vw;
        width: 49vw;
        height:100%; */
        width: 49vw;
        margin : 0;
    }

    .thumbnail_result .col_wrap {
        margin : 0;
        margin-right : 3px;
        margin-left : 3px;
        margin-bottom : 6px;
    }

    .thumbnail_result {
        justify-content: center;
    }

      .photo_detail .-photo {
        display: block;
      }
      .photo_detail .-photo .left_col {
        width: 100%;
        max-width: 100%;
      }

}