@charset "UTF-8";

*{margin: 0;padding: 0;}
html {margin: 0;padding: 0;background-color: #fff;}
a{outline:none !important;}
a:focus{outline:none !important;}
li{outline:none !important;}
li:focus{outline:none !important;}
figure{margin:0;}
ul,li {list-style-type: none;}



body {font-family:sans-serif;width: 100%;max-width: 1000px;margin: auto;height: 100%;}

/*--------ヘッダー--------*/
header{display: block;width: 100%;}
header h1{background-color: #fff;}
header h1 a{display: block;}
header h1 a img{display: block;width: 40%;height: auto;padding: 10px;margin: auto;}

/*--------フッダー--------*/
footer{padding-bottom: 90px;width: 100%;}
footer nav{background-color: #e49733;position: fixed;bottom: 0px;left: 50%;width: 100%;max-width: 1000px;height: 90px;transform: translate(-50%,0);}
footer nav ul{display: flex;height: 100%;}
footer nav ul li{height: 100%;width: 25%;}
footer nav ul li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
footer nav ul li a img{display: block;width: 60px;height: auto;}

/*--------コンテンツ共通--------*/
main{background-color: #fbf1c1;display: block;width: 100%;}
article{display: block;} 
.slick-dots li{margin: 0 !important;}
main small{font-size: 10px;text-align: center;display: block;margin-top: 20px;}

video{display: block;width: 100%;height: auto;}
.mv{display: block;}
.mv img{width: 100%;height: auto;display: block;}

/*--------トップページ--------*/
.event{padding: 50px 0 50px;position: relative;}
.event .title{width: 65%;display: block;height: auto;margin: auto;}
.event ul.slick-slider{margin-top: 50px;margin-bottom: 0;}
.event ul li{margin: 0 10px;}
.event ul li a{display: block;}
.event ul li a>img{width: 100%;height: auto;display: block;}

/*--------コンテンツページ--------*/
.content{padding: 0;position: relative;width: 100%;}
.content img.main{width: 100%;display: block;}
.anime{width: 80%;position: absolute;padding-top: 6%;display: table;left: 50%;transform: translate(-50%,0);}
.saleanime{width: 70%;position: absolute;padding-top: 3%;display: table;left: 50%;transform: translate(-50%,0);}

/*--------コピーライト--------*/
.event::before,.content::before{content: "Copyright \00a9  綾羽株式会社 All Right Reserved.";position: absolute;font-size: 10px;display: block;text-align: center;width: 100%;bottom: 5px;color: #666;}

/*--------コピーライト無し（2連画像の場合）--------*/
.content.nocopy::before{content:none;}


/*--------チラシバナー--------*/
.banner{width: 98%;margin: auto;margin-top: 10px;}
.banner ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;gap: 5px;}
.banner ul li{width: 49%;}
.banner ul li a{display: block;}
.banner ul li a img{display: block;width: 100%;height: auto;}



/*--------PC版--------*/

@media all and (min-width:751px) {
header,footer,main{border-left: 1px solid #ddd;border-right: 1px solid #ddd;}}