@charset "UTF-8";


.top-gal{background:#333; margin:100px auto 0;}
.top-gal h3{font-size:17px;color:#f3cc55/*a9a9a9*/;letter-spacing:0.3em;padding:0.8em 0;}
.top-gal h3 a{color:#f3cc55/*a9a9a9*/;}

.top-gal-sort{
   width:calc(100vw - 50px);
    margin:0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding:;
}

.top-gal-sort li{font-size:1em;letter-spacing:0.1em;
	width:33.3%;
	cursor: pointer;
	padding-top:0.5em;line-height:2.8;
	margin:0;
}
.top-gal-sort a{color:#a9a9a9;font-weight:bold;}


/*==================================================
slickスライダーのためのcss
===================================*/

.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:calc(100vw - 50px);
    margin:0 auto;
}

.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0 5px;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: calc(50% - 18px);
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 1px solid #ccc;/*矢印の色*/
    border-right: 1px solid #ccc;/*矢印の色*/
    height: 13px;
    width: 13px;
}

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

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

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	margin:11px 0 0 0;
	display:flex;justify-content:center;align-items:center; padding-bottom:11px; /*dot10個以上の行揃え*/
}
.slick-dots li {
    display:inline-block;
	margin:0 7px;padding:0;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:4px;/*ドットボタンのサイズ*/
    height:4px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#888;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#ccc;/*ドットボタンの現在地表示の色*/
}

.top-model{width:270px;margin:4em auto ;}



.top_youyaku {display:flex;padding:0 1em 2em 1.6em;width:100%;max-width:440px;margin:0 auto;}
/*.top_youyaku a::before{content: '→';}*/
.top_youyaku li{margin:0 ;}
.top_youyaku img:hover{filter:brightness(1.50);}
#top1,#top2,#top3,#top4,#top5,#top6,#top7{padding-top:60px;margin-top:-60px;}
.top_youyaku_midasi{font-size:13px; margin-bottom:1.5em;letter-spacing:0.15em;}
.top_youyaku_midasi span{letter-spacing:0.05em;font-size:10px;padding-left:1em;}




/*PC用表示*/
@media(min-width:768px){


/*top*/
#slider-area #slider{
	height:calc(100vh - 92px);
}
.top-lead{margin:130px 0 70px 0;}
.top-lead h2{font-size:26px; line-height:126%;padding-bottom:0.8em;}
.top-lead p{font-size:16px; line-height:1.75;margin:1.5em 0 0 0 ;letter-spacing:2px;}
.top-lead .suishou{margin:3.5em auto 0;}
.top-lead img{width:90%;margin:0 0 4px 5px ;border:1px solid #ccc;}
.top-lead p.top-lead-b{font-size:10px;margin-bottom:40px;}
.top-lead-btn{display:flex;margin:20px auto 60px;width:310px;}
.top-lead-btn li{width:130px;margin:0 auto;text-align:left;font-size:13px;line-height:1.75;}

.top-gal{background:#333;margin-bottom:4vw;}
.top-gal h3{font-size:18px;color:#f3cc55/*a9a9a9*/;letter-spacing:0.5em;padding:0.8em 0 1em;}
.top-gal-sort{width:87%;}/*max-width:780px*/
.top-gal-sort li{font-size:1.4em;letter-spacing:0.2em;
	padding-top:0.5em;line-height:2.8;
	margin:0;
}
.top-gal-sort li a{font-weight:normal;color:#666;}

/*slick*/
.slider{width:87%;}/*max-width:780px*/
.slick-dots {
	margin:25px 0 0 0;
}
.slick-dots li {
	margin:0 10px 25px;
}
/*/slick ed*/








.info{margin:100px 0;padding:20px;}
.info h4{font-size:15px;color:#b28146;letter-spacing:0.1em;padding:0 0 3px;margin:0 0 10px;display:block;border-bottom:1px solid #ddd;}
.info h4 a{color:#b28146;}
.info h4.bnone{border:none;}
.osirase{text-align:left;font-size:12px;line-height:1.4em;margin:0 0 30px;}
.osirase li{padding-bottom:0.5em;}
.blog{text-align:left;font-size:11px;line-height:1.5em;margin:0 0 30px;}
.blog li{padding-bottom:0.5em;}
.info li{list-style-type:disc;list-style-position:inside;}
.feedif{width:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;}
.feedif::-webkit-scrollbar{display:none;}
.feedin{text-align:left;font-size:12px;line-height:1.5em;margin:0 0 30px;}
.feedin li{list-style-type:disc;list-style-position:inside;padding-bottom:0.5em;}

.top-model{width:600px;margin:4em auto ;}

}