@charset "utf-8";

/*=====================================================================================
	
	Document    : works.css
	Description : PC用（幅900px以上）
 
=====================================================================================*/

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

   一覧

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

.works-list {
	list-style:none;
}

.works-list li {
	width:23%;
	float:left;
	margin-right:2.7%;
	margin-top:25px;
	position:relative;
	overflow:hidden;
}

.works-list li:nth-child(4n+1) {
	margin-right:2.6%;
}

.works-list li:nth-child(4n+4) {
	margin-right:0;
}

.works-list li .content {
	left:0;
	position:absolute;
	background:url(../../image/bg-black-op70.png) repeat left top;
	color:#fff;
	text-align:left;
}

@media screen and (max-width:800px) {
	.works-list li .content {
		display:none;
	}
}


/*-------------------------------------------------------
   シンプルモダン
-------------------------------------------------------*/

.smodren {
	background:url(../../image/bg-black5.png) repeat center top;
	max-width:100% !important;
	padding-top:0 !important;
}

.smodren h3 {
	border-top-width:5px;
	border-top-style:solid;
	border-top-color:#7ab9d8;
}

.smodren-movie {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.smodren-movie iframe {
	width:80%;
	height:500px;
}

@media screen and (max-width:800px) {
.smodren-movie iframe {
		width:100%;
		height:400px;
	}
}


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

   詳細

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

.works-dt {
	padding-bottom:0 !important;
}


/*-------------------------------------------------------
   見出し
-------------------------------------------------------*/

.works-dt-md {
	background:url(../../image/bg-black90.png) repeat center top;
}


/*-------------------------------------------------------
   写真（大）+ POINT
-------------------------------------------------------*/

.photoB-wp {
	background-color:#fff;
}

.photoB {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.photoB .slideB-wp {
	width:68%;
	float:left;
	position:relative;
}

.photoB .owl-controls {
	display:none !important;
}

@media screen and (max-width:900px) {
	.photoB .owl-controls {
		display:inherit !important;
	}
}

.photoB .point {
	width:32%;
	float:left;
	text-align:left;
}

.photoB .point h4 {
	font-family:"Times New Roman", Times, serif;
}

.photoB .point ul {
	margin-left:1.25em;
}


@media screen and (max-width:900px) {
	.photoB .slideB-wp,
	.photoB .point {
		float:none;
		width:100%;
	}
}


/* ボタン */
.slideB-wp a.slide-bt {
	display:none !important;
}

@media screen and (max-width:900px) {
	.slideB-wp a.slide-bt {
		display:inherit !important;
	}
}

.slideB-wp a.slide-bt {
	text-align:center;
	width:40px;
	height:100px;
	margin-top:-60px;
	position:absolute;
	top:50%;
	color:#fff;
	display:block;
	z-index:99;
	text-decoration:none !important;
	background:url(../../image/bg-black-op50.png) repeat left top;
}

.slideB-wp a.slide-bt:hover {
	background-color:#3c3c3c;
}

.slideB-wp a.slide-bt span {
	display:block;
	height:100px;
	font-size:0;
	line-height:0;
}

.slideB-wp .next {
	right:0;
}
.slideB-wp .next span {
	background:url(../../image/top/main-slide/next.png) no-repeat center center;
	background-size:contain;
}

.slideB-wp .prev {
	left:0;
}
.slideB-wp .prev span {
	background:url(../../image/top/main-slide/prev.png) no-repeat center center;
	background-size:contain;
}

@media screen and (max-width:800px) {
	.slideB-wp a.slide-bt {
		width:30px;
		height:70px;
		margin-top:-45px;
	}
	
	.slideB-wp a.slide-bt span {
		height:70px;
	}
}



/*-------------------------------------------------------
   サムネイル
-------------------------------------------------------*/

.photoS-wp {
	background:url(../../image/bg-black5.png) repeat center top;
}

@media screen and (max-width:1060px) {
	.photoS-wp {
		padding-left:3%;
		padding-right:3%;
	}
}

@media screen and (max-width:900px) {
	.photoS-wp {
		display:none;
	}
}

.photoS {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.photoS ul {
	list-style:none;
}

.photoS li {
	width:15%;
	margin-right:2%;
	margin-top:2%;
	float:left;
	text-align:center;
	cursor:pointer;
	background-color:#fff;
}

.photoS li.efc-img img {
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;

    -webkit-transition:opacity 0.2s linear;
       -moz-transition:opacity 0.2s linear;
         -o-transition:opacity 0.2s linear;
            transition:opacity 0.2s linear;
}

.photoS li.efc-img:hover img {
	filter:alpha(opacity=55);
	opacity:0.55;
	-moz-opacity:0.55;
}

.photoS li:nth-child(6n+6) {
	margin-right:0;
}

.photoS li.active img {
	outline:2px solid #3c3c3c;
}


/*-------------------------------------------------------
   戻る
-------------------------------------------------------*/

.hbt-black a {
	background-image:none;
	padding-left:30px;
	padding-right:30px;
}