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

#logo{
	width: 300px;
	margin: 0 auto;
}


#mainAll{
	width:95%;
	max-width:800px;
	margin:0  auto;
	padding:0 0 120px;
}

.btnYear{
	background-color: #E4E4E4;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	width:100%;
	margin:5px 0;
	padding:15px 0;
	line-height:1em;
	text-align:center;
	cursor:pointer;
}

.btnYear2{
	background-color: #E4E4E4;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	width:100%;
	margin:5px 0;
	padding:15px 0;
	line-height:1em;
	text-align:center;
	cursor:pointer;
}


.work{
	width:100%;
	line-height:0;
	display:none;
}

.workTxt{
	font-size:11px;
	line-height:1.7em;
	width:90%;
	margin:0 auto;
	padding:20px 0;
  letter-spacing: 1px;
}

#twitter{
	width:50px;
	height:50px;
	position:fixed;
	bottom:71px;
	right:0;
	z-index:10;
}

#insta{
	width:50px;
	height:50px;
	position:fixed;
	bottom:20px;
	right:0;
	z-index:10;
}

.infotxt{
	font-size:10px;
	width:90%;
	text-align:right;
	line-height:1;
	margin:0 auto;
	padding:0 0 40px;
}


#btnAbout{
	background-color: #C5C5C5;
	color: #fff;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	width:100%;
	margin:5px 0 15px;
	padding:15px 0;
	line-height:1.5em;
	text-align:center;
	cursor:pointer;
  letter-spacing: 1px;
}

#profile{
	width:100%;
	line-height:0;
	display:none;
}

#profiletxt{
	font-size:11px;
	width:100%;
	text-align:center;
	line-height:1.5em;
	margin:0 auto;
	padding:0 0 40px;
  letter-spacing: 1px;
}


#slickArea{
width: 100%;
margin: 0;
padding: 10px 0;
background: #d5d5d5;
}

	.slick-arrow {
		z-index: 99;
	}

	.slide .slick-slide:focus {
		outline:none;
	}

	.slide {
		overflow: hidden;
	}

	.slide_inner {
		width: 28%;
		margin: 0 auto;
        position: relative;
	}

	.slide .slick-list {
		overflow: visible !important;
	}

	.slide .slick-slide {
		transition: 0.5s;
	}

	.slide .slick-now {
		opacity: 1;
	}
  
  .slick-slide {
  margin: 0 5px;  /* ガター */
}

.slick-slide img:hover{ opacity: 0.7;}


.pickup{
width: 100%;
position: relative;
}
.pickup:before {
content:"";
display: block;
padding-top: 140%;
}

.pickup a{ width: 100%; height: 100%; display: block;}
.pickup:hover{ opacity: 0.7; cursor: pointer;}



@media only screen and (max-width: 800px){
body {min-width: 0;}
    
#slickArea{
width: 100%;
margin: 0;
padding: 0;
}

.slide_inner {
width: auto;
}

.slide_inner img {
width: 100%;
height: auto;
}

.slick-slide { margin: 0;  /* ガター */}
.slick-slide img:hover{ opacity: 1;}

.pickup:hover{ opacity: 1; cursor: pointer;}

}

.pickup2506a{ background: url("../images/top/img202506a.jpg") no-repeat center;}
.pickup2602a{ background: url("../images/top/img202602a.jpg") no-repeat center;}
.pickup2603a{ background: url("../images/top/img202603a.jpg") no-repeat center;}
.pickup2607a{ background: url("../images/top/img202607a.jpg") no-repeat center;}
.pickup2608a{ background: url("../images/top/img202608a.jpg") no-repeat center;}
.pickup2506a,.pickup2602a,.pickup2603a,.pickup2607a,.pickup2608a{
background-size: 100% 100%;
width: 100%; height: 100%;
position: absolute;
top: 0; left: 0;
overflow: hidden;
text-indent: -99999px;
}