@charset "utf-8";
/* CSS Document */

/*GRAVURE*/
#gravure h2{
}


#gravure #layout ul#gravure{
width:960px;
text-align:left;
list-style-type:none;
padding-top:0px;
padding-bottom:0px;
margin:0px;
/margin:0px;
}
#gravure #layout ul#gravure li{
width:465px;
padding:2px;
height:180px;
float:left;
margin-bottom:30px;
margin-left:7px;
/margin-left:10px;
_margin-left:5px;
margin-right:0px;
}

#gravure #layout ul#gravure li .data{
float:left;
width:70px;
text-align:left;
padding:4px;
}
#gravure #layout ul#gravure li h3{
font-size:12px;
font-weight:bold;
}
#gravure #layout ul#gravure li p{
font-size:12px;
}
#gravure #layout ul#gravure li img.g_thumb{
display:block;
float:left;
width:240px;
height:180px;
}
#gravure #layout ul#gravure li img.p_thumb{
display:block;
float:right;
}

#gravure #layout #gravure_box{
    position: relative;
}
#gravure #layout #gravure_box #prof_box{
	overflow:hidden;
	width:250px;
    position: absolute;
    top: 0px;
    z-index: 9999;
	float:left;
}
#gravure #layout #gravure_box #prof_box div:not(.profPageNav){
	border-radius:5px;
	background-color:#fefefe;
	box-shadow:1px 1px 3px rgba(0,0,0,.5);
	margin:2px;
	padding:1px 0px;
}
#gravure #layout #gravure_box #prof_box a{
display:block;
margin:10px;
}
#gravure #layout #gravure_box #prof_box a:link,
#gravure #layout #gravure_box #prof_box a:visited,
#gravure #layout #gravure_box #prof_box a:hover{
color:#333333 !important;
}


#gravure #layout #gravure_box #prof_box h3{
font-size:12px;
padding:4px;
font-weight:bold;
}
#gravure #layout #gravure_box #prof_box p{
font-size:10px;
font-weight:normal;
padding:5px;
}

#gravure #layout #gravure_box #prof_box img{
float:none;
display:block;
width:100%;
height:auto;
}

#gravure #layout #gravure_box #photoBox{
	width:700px;
	height:auto;
	float:right;
	margin-right:15px;
}

#gravure #layout #gravure_box #photoBox img{
	width:100%;
	height:auto;
	display:block;
}
#gravure #layout #thumb_box{
padding-left:15px;
padding-right:15px;
}

#gravure #layout #thumb_box img{
margin:auto;
height:83px;
}

#gravure #layout #thumb_box .thumb_block{
width:110px;
/width:118px;
height:83px;
padding:4px;
text-align:center;
display:block;
float:left;
overflow:hidden;
}
#gravure #layout #thumb_box:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
} 

.profPageNav{
width:100%;	
margin:10px auto;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
font-size:11px;
}
.profPageNav > span{
	display:block;
/*
	width:32%;
	width:calc(100%/3 - 8px);
*/
}
#gravure #layout #gravure_box #prof_box .profPageNav span a:link,
#gravure #layout #gravure_box #prof_box .profPageNav span a:hover,
#gravure #layout #gravure_box #prof_box .profPageNav span a:visited{
padding:3px 6px;
border-radius:4px;
display:block;

color:#ffffff !important;

	background-color:#fca0b8;
	background-image: -moz-linear-gradient(#fca0b8, #fca0b8); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fca0b8), to(#fca0b8));	
	background-image: -webkit-linear-gradient(#fca0b8, #fca0b8);	
	background-image: -o-linear-gradient(#fca0b8, #fca0b8);
	background-image: -ms-linear-gradient(#fca0b8, #fca0b8);
	background-image: linear-gradient(#fca0b8, #fca0b8);

border: 1px solid #fca0b8;
box-shadow: 0 1px 0 #fca0b8, 0 1px 0 #fca0b8 inset;

font-size:11px;

margin:0;
/*
border:none;
color:#333333;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
*/
}
.profPageNav > span a:hover{
color:#ffffff;
}
.profPageNav span a span{
display:inline-block;
margin:0px 3px;
}

    .swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .gallery-top {
      height: 80%;
	width: calc(100% - 10px);
    }
    .gallery-top ul{
		padding:0 !important;
}
	.gallery-thumbs {
      height: calc(100%/8);
      box-sizing: border-box;
      padding: 10px 0;
    }
    .gallery-thumbs ul{
	  padding:0 !important;
	}
    .gallery-thumbs img{
		display:block;
		max-width:100%;
	}
	.gallery-thumbs .swiper-slide {
      width: calc(100%/8 - 5px) !important;
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

@media screen and (max-width: 667px) {
#gravure #layout #gravure_box{
	margin:5px;
}
#gravure #layout #gravure_box #photoBox {
    float: none;
    height: auto;
    margin-right: 0;
    width: auto;
}
#gravure #layout #gravure_box #prof_box div:not(.profPageNav){
	box-shadow:none;
}
#gravure #layout #gravure_box #prof_box {
	padding:5px;
    position: relative;
    width: 90%;
	width:calc(100% - 10px);
}
 #gravure.smartScreen #layout #gravure_box #prof_box{
	position:relative;
	top:0;
	left:0;
	z-index:1;
	float:none;
	}
#gravure #layout #gravure_box #prof_box a {
    margin: 0px;
}
#gravure #layout #gravure_box #prof_box h3{
	font-size:20px;
	}
#gravure #layout #gravure_box #prof_box p{
	display:none;
}
#gravure #layout #gravure_box #prof_box div a img{
	display:none;
	}
.profPageNav{
	margin:5px auto;
}

}