@charset "utf-8";

/*====================

initial

====================*/

.single .section .section-content .container {
  background-color:#fff;
  padding:0;
  border:solid 1px #eee;
}

.page .section .section-content {
  background-color:#fff;
}


/*====================

 single

====================*/

/* #photo
------------------------------*/

#photo-h>img {
  width: 70%;
  margin: 0 auto !important;
  display: block;
}


/* #txt
------------------------------*/

#txt {
  text-align: center;
  padding: 1.2em 1.2em 0.8em;
}

#txt #txt-download-btn {
  margin: 0 0 0.4em;
}

#txt #txt-download-detail {
  margin: 0 0 1.2em;
  font-size: 0.875rem;
  color: #999;
  font-weight:200;
}

#txt #share-buttons {
	margin: 0 0 1.2em;
}

#txt #share-buttons .addtoany_shortcode .addtoany_list a {
	line-height: 0;
}

#txt #txt-tags {
  margin: 0 0 0.4em;
}

#txt #txt-links {
  margin: 0 0 1.2em;
  font-size: 0.875rem;
  font-weight:200;
}

/* #map
------------------------------*/

#map {
  padding: 0;
}

#map #gmap {
  height: 500px;
}

/* #same
------------------------------*/

#same {
  background-color: #fff;
  padding: 0 15px 10px;
}

#same #same-title {
  font-size: 0.875rem;
  text-align: center;
  font-weight: normal;
	margin-bottom:10px;
}

#same .row .col a {
  display: block;
  font-size: 0.75rem;
  color: #fff;
}

#same .row .col a figure img {
  -webkit-transition: .3s;
  transition: .3s;
  /* 画像ブレ回避 */
  background-color: #fff;
}

.not-pc #same .row .col a figure img {
  -webkit-transition: all .0s;
  transition: all .0s;
}

#same .row .col a:hover figure img {
  filter: brightness(60%);
}


/* #nearby
------------------------------*/

#nearby {
  background-color: #fff;
  padding: 15px 15px 10px;
}

#nearby #nearby-title {
  font-size: 0.875rem;
  text-align: center;
  font-weight: normal;
  margin-bottom:10px;
}

#nearby .row .col a {
  display: block;
  font-size: 0.75rem;
  color: #fff;
}

#nearby .row .col a figure {
  position: relative;
  margin:0;
}

#nearby .row .col a figure .number{
  position: absolute;
  top:-8px;
  left:-8px;
  padding: 8px 0px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  background-color: #000;
  line-height: 1;
  font-size: 10px;
  border: solid 2px #fff;
  display:inline-block;
  z-index:1;
  width:30px;
  height:30px;
}

#nearby .row .col a figure figcaption {
  -webkit-transition: .3s;
  transition: .3s;
}

.not-pc #nearby .row .col a figure figcaption {
  -webkit-transition: all .0s;
  transition: all .0s;
}

#nearby .row .col a:hover figure figcaption {
  opacity: 0.6;
}

#nearby .row .col a figure figcaption.title {
  color: #333;
}

#nearby .row .col a figure figcaption.category {
  color: #999;
  font-weight: 200;
}

#nearby .row .col a figure img {
  -webkit-transition: .3s;
  transition: .3s;
  /* 画像ブレ回避 */
  background-color: #fff;
}

.not-pc #nearby .row .col a figure img {
  -webkit-transition: all .0s;
  transition: all .0s;
}

#nearby .row .col a:hover figure img {
  filter: brightness(60%);
}


/*====================

 archive

====================*/

/* .view-image
------------------------------*/

.view-image.row {
  margin: 0;
  border-left: solid 1px #eee;
  position: relative;
}

.view-image.row.none-loader {
  padding-bottom:0;
  background:none;
}

.view-image.row .col {
  border-right: solid 1px #eee;
  border-bottom: solid 1px #eee;
  padding: 8px !important;
  background-color: #fff;
}

.view-image.row .col .col-img-wrap {
  background-color: #fafafa;
  margin-bottom: 1px;
  /* square */
  height: auto;
  position: relative;
}

.view-image.row .col .col-img-wrap::before {
  /* square */
  content: "";
  display: inline-block;
  padding-top: 100%;
}

.view-image.row .col .col-img-wrap figure {
  margin:0;
}

.view-image.row .col .col-img-wrap figure a.col-img-link {
  /* square */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.view-image.row .col .col-img-wrap figure a.col-img-link figcaption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.not-pc .view-image.row .col .col-img-wrap figure a.col-img-link figcaption {
  -webkit-transition: all .0s;
  transition: all .0s;
}

.view-image.row .col .col-img-wrap figure a.col-img-link:hover figcaption {
  opacity: 1;
}

.view-image.row .col .col-img-wrap figure a.col-img-link figcaption span {
  display:inline-block;
  color:#fff;
}

.view-image.row .col .col-img-wrap figure a.col-img-link .col-img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
  /* 画像ブレ回避 */
  background-color:#fff;
}

.not-pc .view-image.row .col .col-img-wrap figure a.col-img-link .col-img {
  -webkit-transition: all .0s;
  transition: all .0s;
}

.view-image.row .col .col-img-wrap figure a.col-img-link:hover .col-img {
  filter: brightness(60%);
}

.view-image.row .col .col-block {
  font-size: 0.75rem;
  text-align: center;
  padding: 0;
}

.view-image.row .col .col-block .col-download {
  margin-bottom: 8px;
  line-height: 1;
}

.view-image.row .col .col-block .col-download .btn-sm {
  border-radius: 0;
  display: block;
}

.view-image.row .col .col-block .col-title {}

.view-image.row .col .col-block .col-category {
  color: #999;
  font-weight: 200;
}


/* .pagination
------------------------------*/

nav.navigation {
  background-color: #fff;
  color: #999;
  padding: 1em 0;
  font-weight: 200;
  text-align: center;
  border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
  margin-top:-1px;
}

nav.navigation .nav-links {
  display: inline-block;
}

nav.navigation .nav-links .pagination .page-item {
  margin-bottom: 0;
}

nav.navigation .nav-links .pagination .page-item a.page-link:hover{
  color: #999;
}

nav.navigation .nav-links .pagination .page-item a.page-link i{
  font-size:100%;
}

/*-----------------------------------------------------	*/


/* for - 1200px */


/*-----------------------------------------------------	*/

@media all and (max-width: 1199px) {}


/*-----------------------------------------------------	*/


/* for - 992px */


/*-----------------------------------------------------	*/

@media all and (max-width: 991px) {}


/*-----------------------------------------------------	*/


/* for - 768px */


/*-----------------------------------------------------	*/

@media all and (max-width: 767px) {
  #photo-h>img {
    width: 100%;
  }
}


/*-----------------------------------------------------	*/


/* for - 576px */


/*-----------------------------------------------------	*/

@media all and (max-width: 575px) {
  .single .section .section-content {
    padding:0;
  }
  .single .section .section-content .container {
    border:none;
  }
}