@charset "utf-8";
a,
a:visited,
a:hover,
a:active {
  color: inherit;
}
/*==================================================
スライダーのためのcss
===================================*/
.slider {
	max-width: 900px;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 50px;
}
.slider img{
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}
.slider li{
	text-align: right;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
  z-index: 3;
    top:  45%;
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #000000;/*矢印の色*/
    border-right: 2px solid #000000;/*矢印の色*/
    height: 20px;
    width: 20px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:-5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:-5%;
    transform: rotate(45deg);
}

.wrapper01{
	padding-top: 50px;
}

/*========= レイアウトのためのCSS ===============*/
ul{
  margin:0;
  padding: 0;
  list-style: none;
}
/*-------------------
フォトグレース
-------------------*/
.photograce{
	max-width: 1150px;
	margin-bottom: 50px;
	text-align: right;
	margin-top:-30px;

}
.photograce img{
	width: 150px;
vertical-align: middle;
}
/*-------------------
PS/スマホの表示切替
-------------------*/

@media screen and (max-width:768px) {
.slider{
	width: 90%;
	padding-bottom: 0px;
	}
.slick-prev, 
.slick-next {
    height: 10px;
    width: 10px;
    top:  50%;
}
.slider{
  opacity: 0;
  transition: opacity .1s linear;
}
.slider.slick-initialized{
  opacity: 1;
}
.slick-prev {/*戻る矢印の位置と形状*/
    left:-3%;
}

.slick-next {/*次へ矢印の位置と形状*/
    right:-3%;
}
	

#page-top{
	text-align: center;
	margin-bottom: 40px;
	}
#page-top a{
margin: 2em auto;
 padding: 1em 2em;
 width: 90%;
 background-color: #fff; /* 背景色 */
 border: 2px solid #000; /* 枠線 */
}
/*-------------------
フォトグレース
-------------------*/
.photograce{
	margin-bottom: 50px;
	margin-right: 5vw;
	margin-top:0px;
	font-size: 13px;
}
.photograce img{
	width: 100px;
vertical-align: middle;
}
}