@charset "utf-8";

.hero{width:1000px;margin:1em auto}

.slick-list{z-index:-1}
.slick-arrow:before{content:"";display:inline-block;width:2em;height:2em;background:rgba(255,255,255,1);border-radius:50%;opacity:.7}
.slick-arrow:after{content:"";display:inline-block;border:10px transparent solid;border-left:15px #888 solid;position:absolute;top:10px;left:15px}
.slick-prev.slick-arrow:after{transform:rotate(180deg);left:0;z-index:+1}
.slick-next{right:0}
.slick-arrow:hover{opacity:.9}

h2.ttl{font-size:1.5em;font-weight:bold;border-bottom:3px #d8b675 solid;position:relative;padding-left:1.8em;background-size:1.3em !important}
h2.news{background:url(../img/common/icon/fukidasi.svg) left no-repeat;}
h2.gallery{background:url(../img/common/icon/camera.svg) left no-repeat;}
h2.news+p{position:absolute;right:0;top:.5em}
h2.news+p a{color:#000;position:relative;cursor:pointer}
h2.news+p a:before{content:"";display:inline-block;border:5px transparent solid;border-left:8px #888 solid;margin-right: .5em;}
h2.news+p a:hover{color:#f2b254}
h2.news+p a:hover:before{margin-right:.4em}

ul.new{margin:0 auto;line-height:1.4em;padding:1em 1em 1em 2em;background:#fff}
ul.new li{position:relative;padding:.2em 0 .2em 8em;}
ul.new time{position:absolute;left:0;}
ul.new time:before{content:"";display:inline-block;border:5px transparent solid;border-left:8px #f4bb69 solid;margin-right: .5em;}
ul.new li a{color:#000}


ul.gallery{margin:.5em auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center}
ul.gallery li{width:24%;text-align:center}

aside{margin:2em auto;width:1000px;}
aside ul{display:flex;flex-wrap:wrap;justify-content:center;}
aside ul li{width:22%;margin:0 .5em;text-align:center}

@media screen and (max-width: 540px){
.hero{width:100%;margin:0 auto}
section,aside{width:100%}

ul.new{padding:.5em .5em .5em 0}
.slick-allow,.slick-prev, .slick-next{display:none !important;}
ul.gallery li{width:48%}
aside ul{justify-content:space-around}
aside ul li{width:30%;margin:0}
}