@charset "UTF-8";
/* sp(320px) */


/* headline */
#pageWorks #headline {
	background-image: url(../img/works/headline_sp.jpg);
}

#pageWorks #detail .hl {
	text-align: center;
}
#pageWorks #detail .hl br.sbr {
	display: inline-block;
}


#pageWorks #detail .data li {
	border-bottom: 1px dotted #8f8f8f;
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
}


/*gallery*/
#list_gallery .inner {
	border: 0px solid #000;
}
.item {
	clear: none;
	float: left;
	width: 32%;
	margin-bottom: 20px;
	cursor: auto;
 }

/* swiper */
#pageWorks #box_swiper {
	background-color: #658877;
	padding-bottom: 40px;
}
#pageWorks #box_swiper .hl_etc {
	display: table;
}
#pageWorks #box_swiper .hl_etc .eng {
	display: table-cell;
	font-size: 22px;
	font-weight: normal;
	color: #fff;
}
#pageWorks #box_swiper .hl_etc .jp {
	display: table-cell;
	padding-left: 1em;
	color: #fff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  padding-bottom: 40px;
  /* Fix of Webkit flickering */
  z-index: 1;
  border: 0px solid;
}
#slide_other .swiper-slide {
	text-align: center;
	font-size: 18px;
	/*background: #f5faed;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 80%;
	cursor: pointer;
 }
 #slide_other .swiper-slide img {
	width: 100%;
	display: block;
}

/* Pagination Styles */
.swiper-pagination {
	border: 0px solid;
}

#slide_other .swiper-button-prev,
#slide_other .swiper-button-next {
  position: absolute;
  top: 40%;
  width: 25px;
  height: 24px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 25px 24px;
  -webkit-background-size: 25px 24px;
  background-size: 25px 24px;
  background-position: center;
  background-repeat: no-repeat;
opacity: 1;
}

#slide_other .swiper-pagination-fraction,
#slide_other .swiper-pagination-custom,
#slide_other .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0px; /* pagenationの位置 */
  left: 0;
  width: 100%;
}

#slide_other .swiper-pagination-bullet-active {
  opacity: 1;
  background: #5f0520;
}

#slide_other figcaption {
	font-size: 15px;
	color: #fff;
	margin-top: 10px;
	text-align: left;
}
#slide_other figcaption span {
	display: block;
	color: #696969;
}


@media handheld, print, screen and (min-width: 374px) {
/* iphone6 */


/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 413px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 481px) {
/* tablet */

/* headline */
#pageWorks #headline {
	background-image: url(../img/works/headline.jpg);
}

#pageWorks #detail .hl br.sbr {
	display: none;
}

.item {
	cursor: pointer;
 }

/* swiper */
#pageWorks #box_swiper .hl_etc .eng {
	font-size: 28px;
}

	@media (-webkit-min-device-pixel-ratio: 2){

		/* headline */
		#pageWorks #headline {
			background-image: url(../img/works/headline@2x.jpg);
		}

	/* end of media query(retina) */	
	}

/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 621px) {
/* iPad */


/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 801px) {
/* pc */



/* swiper */
#pageWorks #box_swiper .hl_etc .eng {
	font-size: 30px;
}

/* end of media query(pc) */
}


@media handheld, print, screen and (min-width: 1021px) {
/* pc */

.modal__content{
	padding: 40px;
	width: 1020px;
}




/* end of media query(pc) */
}