@charset "UTF-8";
/* =========================================

gallery / case_fixtures CSS

2019/01/31 326_sakaguchi 

============================================ */
/*  共通　　*/
img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  width: 100%;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 736px) {
  p {
    font-size: 1rem!important;
  }

  .title p {
    font-size: 5.5vw!important;
  }
}

/* --------------------------------------
　　　　　　　　　　　　　　content
-----------------------------------------*/
#content {
  margin: 1% auto 0;
  max-width: 940px;
  width: 98%;
}

@media screen and (max-width: 736px) {
  #content {
    margin: 0 auto;
    width: 100%;
  }
}

h1 {
  margin-bottom: 1em;
  width: 100%;
}

.txt_main_lead {
  margin: 0 auto 2em;
  text-align: justify;
  width: calc( 650 / 940 * 100% );
}


@media screen and (max-width: 1024px) {
  .txt_main_lead {
    width: 60%;
  }
}

@media screen and (max-width: 736px) {
  h1 {
    margin-bottom: 0.5em;
  }
  .txt_main_lead {
    margin-bottom: 1em;
    width: 90%;
  }
}

.bnr {
  margin: 0 auto;
  width: calc( 602 / 940 * 100% );
}

.bnr a {
  display: block;
}

.bnr a:hover {
  opacity: .8;
  transition: .5s all;
}

@media screen and (max-width: 736px) {
  .bnr {
    width: 90%;
  }
}


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

　　　　　　　　　　　.con_gallery

-----------------------------------------*/
.con_gallery {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 3em;
  overflow: hidden;
  width: 100%;
}

@media screen and (max-width: 736px) {
  .con_gallery {
    margin: 0 auto 2em;
    width: 95%;
  }
}

.con_gallery .mb_01 {
  margin-bottom: 1em;
}

@media screen and (max-width: 736px) {
  .con_gallery .mb_01 {
    margin-bottom: 0.3em;
  }
}

.con_gallery a {
  display: block;
  position: relative;
}

.con_gallery a:hover {
  opacity: .8;
  transition: .5s all;
}

.con_gallery a:after {
  content: url("../image/ico-grass.png");
  height: 26px;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 26px;
}

.con_gallery .box_02,
.con_gallery .box_03,
.con_gallery .box_05,
.con_gallery .box_09,
.con_gallery .box_12,
.con_gallery .box_15,
.con_gallery .box_18 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.con_gallery span {
  display: block;
}


/*  .box_01   */
.con_gallery .box_01 {
  width: calc( 355 / 940 * 100% );
}

.con_gallery .box_01 a:first-of-type {

}

/*  .box_02   */
.con_gallery .box_02 {
  width: calc( 570 / 940 * 100% );
}

.con_gallery .box_02 a:first-of-type {
  width: 100%;
}

.con_gallery .box_02 a:nth-of-type(2) {
  width: calc( 255 / 570 * 100% );
}

.con_gallery .box_02 a:nth-of-type(3) {
  width: calc( 300 / 570 * 100% );
}


/*  .box_03   */
.con_gallery .box_03 {
  width: 100%;
}

.con_gallery .box_03 a {
  width: calc( 620 / 940 * 100% );
}

.con_gallery .box_03 span {
  width: calc( 305 / 940 * 100% );
}


/*  .box_04   */
.con_gallery .box_04 {
  width: calc( 495 / 940 * 100% );
}


/*  .box_05   */
.con_gallery .box_05 {
  width: calc( 430 / 940 * 100% );
}

.con_gallery .box_05 a:first-of-type,
.con_gallery .box_05 a:last-of-type {
  width: 100%;
}

.con_gallery .box_05 a:nth-of-type(2) {
  width: calc( 210 / 430 * 100% );
}

.con_gallery .box_05 a:nth-of-type(3) {
  width: calc( 205 / 430 * 100% );
}

/*  .box_06   */
.con_gallery .box_06 {
  width: 100%;
}

/*  .box_07   */
.con_gallery .box_07 {
  width: calc( 425 / 940 * 100% );
}

.con_gallery .box_07 span {
  margin-bottom: 0.5em;
}

@media screen and (max-width: 736px) {
  .con_gallery .box_07 span {
    margin-bottom: 0.3em;
  }
}

/*  .box_08   */
.con_gallery .box_08 {
  width: calc( 500 / 940 * 100% );
}

/*  .box_09   */
.con_gallery .box_09 {
  width: 100%;
}

.con_gallery .box_09 a:first-of-type,
.con_gallery .box_09 a:nth-of-type(14) {
  width: calc( 605 / 940 * 100% );
}

.con_gallery .box_09 a:nth-of-type(2) {
  width: calc( 320 / 940 * 100% );
}


.con_gallery .box_09 a:nth-of-type(3) {
  width: calc( 320 / 940 * 100% );
}

.con_gallery .box_09 a:nth-of-type(4) {
  width: calc( 320 / 940 * 100% );
}

.con_gallery .box_09 span:first-of-type {
  width: calc( 270 / 940 * 100% );
}

.con_gallery .box_09 a:nth-of-type(5) {
  width: 100%;
}

.con_gallery .box_09 a:nth-of-type(6),
.con_gallery .box_09 a:nth-of-type(8),
.con_gallery .box_09 a:nth-of-type(14),
.con_gallery .box_09 a:nth-of-type(16) {
  width: calc( 300 / 940 * 100% );
}

.con_gallery .box_09 a:nth-of-type(7) {
  width: calc(310 / 940 * 100% );
}

.con_gallery .box_09 a:nth-of-type(9) {
  width: calc( 525 / 940 * 100% );
}

.con_gallery .box_09 a:nth-of-type(10) {
  width: calc( 400 / 940 * 100% );
}

.con_gallery .box_09 span:nth-of-type(2) {
  width: calc( 285 / 940 * 100% );
}

.con_gallery .box_09 a:nth-of-type(11) {
  width: calc( 640 / 940 * 100% );
}

.con_gallery .box_09 a:nth-of-type(12) {
  width: calc( 605 / 940 * 100% );
}

.con_gallery .box_09 a:nth-of-type(13) {
  width: calc( 320 / 940 * 100% );
}

.con_gallery .box_09 a:nth-of-type(15) {
  width: calc( 310 / 940 * 100% );
}


/*  .box_10   */
.con_gallery .box_10 {
  width: calc( 365 / 940 * 100%);
}


/*  .box_11   */
.con_gallery .box_11 {
  width: calc( 560 / 940 * 100%);
}


/*  .box_12   */
.con_gallery .box_12 {
  width: 100%;
}


.con_gallery .box_12 a:first-of-type {
  width: calc( 560 / 940 * 100% );
}

.con_gallery .box_12 span:first-of-type {
  width: calc( 364 / 940 * 100% );
}

.con_gallery .box_12 a:nth-of-type(2) {
  width: calc( 465 / 940 * 100% );
}

.con_gallery .box_12 a:nth-of-type(3) {
  width: calc( 460 / 940 * 100% );
}

.con_gallery .box_12 a:nth-of-type(4) {
  width: calc( 325 / 940 * 100% );
}

.con_gallery .box_12 a:nth-of-type(5) {
  width: calc( 600 / 940 * 100% );
}

.con_gallery .box_12 span:nth-of-type(2) {
  width: calc( 225 / 940 * 100% );
}

.con_gallery .box_12 a:nth-of-type(6) {
  width: calc( 325 / 940 * 100% );
}

.con_gallery .box_12 a:nth-of-type(7) {
  width: calc( 360 / 940 * 100% );
}

.con_gallery .box_12 a:nth-of-type(8) {
  width: calc( 305 / 940 * 100% );
}

.con_gallery .box_12 a:nth-of-type(9) {
  width: calc( 620 / 940 * 100% );
}

.con_gallery .box_12 a:nth-of-type(10) {
  width: calc( 285 / 940 * 100% );
}

.con_gallery .box_12 a:nth-of-type(11) {
  width: calc( 640 / 940 * 100% );
}


/*  .box_13   */
.con_gallery .box_13 {
  width: calc( 525 / 940 * 100%);
}


/*  .box_14   */
.con_gallery .box_14 {
  width: calc( 400 / 940 * 100%);
}





/*  .box_15   */
.con_gallery .box_15 {
  width: 100%;
}

.con_gallery .box_15 a:first-of-type,
.con_gallery .box_15 a:nth-of-type(14) {
  width: calc( 605 / 940 * 100% );
}

.con_gallery .box_15 a:nth-of-type(2) {
  width: calc( 322 / 940 * 100% );
}


.con_gallery .box_15 a:nth-of-type(3) {
  width: calc( 360 / 940 * 100% );
}

.con_gallery .box_15 a:nth-of-type(4) {
  width: calc( 350 / 940 * 100% );
}

.con_gallery .box_15 span:first-of-type {
  width: calc( 198 / 940 * 100% );
}

.con_gallery .box_15 a:nth-of-type(5),
.con_gallery .box_15 a:nth-of-type(16) {
  width: 100%;
}

.con_gallery .box_15 a:nth-of-type(6) {
  width: calc( 405 / 940 * 100% );
}

.con_gallery .box_15 a:nth-of-type(7) {
  width: calc( 520 / 940 * 100% );
}

.con_gallery .box_15 a:nth-of-type(8),
.con_gallery .box_15 a:nth-of-type(10),
.con_gallery .box_15 a:nth-of-type(17),
.con_gallery .box_15 a:nth-of-type(19) {
  width: calc( 300 / 940 * 100% );
}

.con_gallery .box_15 a:nth-of-type(9),
.con_gallery .box_15 a:nth-of-type(18) {
  width: calc( 310 / 940 * 100% );
}

.con_gallery .box_15 a:nth-of-type(11) {
  width: calc( 525 / 940 * 100% );
}

.con_gallery .box_15 a:nth-of-type(12) {
  width: calc( 400 / 940 * 100% );
}

.con_gallery .box_15 span:nth-of-type(2) {
  width: calc( 276 / 940 * 100% );
}

.con_gallery .box_15 a:nth-of-type(13) {
  width: calc( 650 / 940 * 100% );
}

.con_gallery .box_15 a:nth-of-type(15) {
  width: calc( 320 / 940 * 100% );
}

/*.con_gallery .box_15 a:nth-of-type(17) {
  width: calc( 325 / 940 * 100% );
}

.con_gallery .box_15 a:nth-of-type(18) {
  width: calc( 600 / 940 * 100% );
}*/


/*  .box_16   */
.con_gallery .box_16 {
  width: calc( 365 / 940 * 100%);
}


/*  .box_17   */
.con_gallery .box_17 {
  width: calc( 560 / 940 * 100%);
}


/*  .box_18   */
.con_gallery .box_18 {
  width: 100%;
}


/*.con_gallery .box_18 a:first-of-type {
  width: calc( 700 / 940 * 100% );
}

.con_gallery .box_18 span:first-of-type {
  width: calc( 226 / 940 * 100% );
}

.con_gallery .box_18 a:nth-of-type(2) {
  width: calc( 465 / 940 * 100% );
}

.con_gallery .box_18 a:nth-of-type(3) {
  width: calc( 460 / 940 * 100% );
}*/

.con_gallery .box_18 a:first-of-type {
  width: calc( 325 / 940 * 100% );
}

.con_gallery .box_18 a:nth-of-type(2) {
  width: calc( 600 / 940 * 100% );
}

.con_gallery .box_18 span:first-of-type {
  width: calc( 192 / 940 * 100% );
}

.con_gallery .box_18 a:nth-of-type(3),
.con_gallery .box_18 a:nth-of-type(4) {
  width: calc( 360 / 940 * 100% );
}

.con_gallery .box_18 a:nth-of-type(5) {
  width: calc( 605 / 940 * 100% );
}

.con_gallery .box_18 a:nth-of-type(6) {
  width: calc( 320 / 940 * 100% );
}