@charset "UTF-8";

/* --------------------------
 * layout
-------------------------- */
body,html { height: 100%; width: 100%; }
.wrapper { height: 100%; width: 100%; }
#header { z-index: 999; position: fixed; top: 0; left:0;height: 100px; width: 100%;}
/*home*/
.home #mainVisual-pc {position: relative; height: 100%; width: 100%;display: block; width: 100%;background-position: center bottom; background-repeat: no-repeat;}
.home #mainVisual-pc .logo { position: absolute; left: 0;width:100%;display: block; height: auto;}
.home #mainVisual-pc .top-logopc { width:30%!important; height: auto;}
.home #mainVisual-pc .lead { position: absolute; left: 0;width:100%;display: block; height: auto;}
.home #mainVisual-pc .scroll { z-index: 99;position: absolute; bottom: 25px; display: block; text-align: center; width: 100%; height: 78px;}
.home #mainVisual-pc .scroll img {  cursor: pointer; height: 78px; width: 25px;}
.home #mainVisual-pc .scroll img:hover {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}

@media(max-width:767px) {
.home #mainVisual-pc { display:none;}
.home #mainVisual-pc .logo { display:none;}
.home #mainVisual-pc .lead { display:none;}
.home #mainVisual-pc .scroll { display:none;}
.home #mainVisual-pc .scroll img { display:none;}
.home #mainVisual-pc .scroll img:hover { display:none;}
}

.home #mainVisual-sp {position: relative; height: 100%; width: 100%;display: block; width: 100%;background-position: center bottom; background-repeat: no-repeat;}
.home #mainVisual-sp .logo { position: absolute; left: 0;width:100%;display: block; height: auto;}
.home #mainVisual-sp .top-logosp { width:60%!important; height: auto;}
.home #mainVisual-sp .lead { position: absolute; left: 0;width:100%;display: block; height: auto;}
.home #mainVisual-sp .scroll { z-index: 99;position: absolute; bottom: 25px; display: block; text-align: center; width: 100%; height: 78px;}
.home #mainVisual-sp .scroll img {  cursor: pointer; height: 78px; width: 25px;}
.home #mainVisual-sp .scroll img:hover {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}

@media(min-width:767px) {
.home #mainVisual-sp { display:none;}
.home #mainVisual-sp .logo { display:none;}
.home #mainVisual-sp .lead { display:none;}
.home #mainVisual-sp .scroll { display:none;}
.home #mainVisual-sp .scroll img { display:none;}
.home #mainVisual-sp .scroll img:hover { display:none;}
}

.home #contents { margin-top:200px;}
.home .boxMenu { display: inherit;}
.home .boxMenu .row {border:10px solid #000;}
.home .boxMenu .row > div {border:10px solid #000;}
.home .boxMenu .row > div a {display: block; position: relative; width: 100%; height: auto;overflow: hidden;}
.home .boxMenu .row > div a figure { z-index: 1; overflow: hidden;}
.home .boxMenu .row > div a figure img {filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;-moz-transition: -moz-transform 0.3s linear;-webkit-transition: -webkit-transform 0.3s linear;-o-transition: -o-transform 0.3s linear;-ms-transition: -ms-transform 0.3s linear;transition: transform 0.3s linear;}
.home .boxMenu .row > div a:hover figure img {filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.home .boxMenu .row > div a h2 {line-height: 1.8em;letter-spacing: 2px;font-weight: bold; z-index: 9;font-size: 24px;color:#FFF;position: absolute;top: 40%;margin-top: -0.5em;display: block; width: 100%; height: 100%; position: absolute;left: 0px; text-align: center;}
.home .boxMenu .row > div a h2 span { line-height: 1.6em;display: block; font-size: 16px;margin-top: 5px;color:#ffff00;letter-spacing: 2px;font-family: 'Lato',sans-serif; font-weight: 400;}
.home .boxMenu .row > div a.nv01 h2,
.home .boxMenu .row > div a.nv02 h2 {margin-top: -30px;}
.home .omimai {letter-spacing:2px; height: 35px; line-height: 35px;text-align: center;font-size: 12px; margin: 20px; margin-top: 0; color: #fff;}

.home .sponsor { margin-bottom:10px; padding:15px 20px;}
.home .sponsor .listWrap { display:block;}
.home .sponsor h2 {margin-bottom: 2px;cursor: pointer;color: #fff; font-weight: bold; font-size: 16px;display: block; border: 2px solid #fff; line-height: 50px; text-align: center; position: relative;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.home .sponsor h2 .fa { font-size: 36px;position: absolute; right: 25px; top: 8px;}
.home .sponsor h2:hover { background-color: #fff; color:#000;}
.home .sponsor h2 span { margin-left:10px;font-size:12px;}
.home .sponsor .sponsorList { display: none;padding-top: 8px;}
.home .sponsor .block h3 { border: 1px solid #000;font-size:11px; background-color:#313131;height:30px; line-height:30px; text-align:center; color:#fff;}
.home .sponsor .close { cursor: pointer;border: 1px solid #000;margin-top: 10px;font-size: 14px;text-align: center;background-color: #fff; color: #000;height: 30px;line-height: 30px;}

/*misc*/
.misc #mainVisual-pc {position: relative; height: 280px;; width: 100%;display: block;}
.misc #mainVisual-pc .logo { position: absolute; left: 0;width:100%;display: block; height: auto;}
.misc #mainVisual-pc .lead { position: absolute; left: 0;width:100%;display: block; height: auto;}

.misc #mainVisual-sp {position: relative; height: 280px;; width: 100%;display: block;}
.misc #mainVisual-sp .logo { position: absolute; left: 0;width:100%;display: block; height: auto;}
.misc #mainVisual-sp .lead { position: absolute; left: 0;width:100%;display: block; height: auto;}

.misc #contents {min-height: 500px;color: #fff;padding-top: 50px;padding-bottom: 100px; background-color:#171717;}
.misc #contents h1.title {font-size: 21px; text-align: right; line-height: 1.6em;margin-top: 0px; /*background-color: #222; padding-top: 25px;padding-left: 25px;padding-bottom: 20px;*/}
.misc #contents h1.title span {font-size: 11px; display: block;margin-top: 5px;color:#ffff00;letter-spacing: 2px;font-family: 'Lato',sans-serif; font-weight: 400;}
.misc #contents .block .container > .row { border-bottom: 1px solid #444;padding-bottom: 50px;margin-bottom: 50px;}

.misc #contents .pickup {}
.misc #contents .pickup figure {text-align: center;margin: 25px; margin-top:0px;}
.misc #contents .pickup img { max-width: 240px;border-radius:10em;-moz-border-radius: 10em;-webkit-border-radius: 10em;-o-border-radius: 10em;-ms-border-radius: 10em;}
.misc #contents .pickup p {margin-bottom: 5px; font-size: 11px; text-align: center}
.misc #contents .pickup h2 {margin-bottom: 20px;font-size: 16px; text-align: center}
.misc #contents .pickup h3 { font-size: 11px;margin-bottom: 15px; background-color: #313131;display: block; line-height: 24px; text-align: center;}
.misc #contents .pickup .text { font-size: 11px;line-height: 1.8em; position: relative:}
.misc #contents .pickup .text .btn { position: absolute; bottom:0; left: 0;}
.misc #contents .pickup .text .btn a { max-width: 200px; margin: 0 auto;}

.misc .about h2 {font-size: 21px;margin-bottom: 25px; line-height: 1.8em;}
.misc .about .text {font-size: 12px; line-height: 2em;margin-bottom: 25px;}
.misc .about .profile {border: 2px solid #fff; padding: 25px; font-size: 12px; line-height: 1.6em;}
.misc .about .profile figure {margin-right: 25px;}
.misc .about .profile h3 {font-size: 18px;margin-bottom: 15px;}

.misc .table-responsive { border: none; border: 1px solid #333;}

.misc .footNav { position: relative;}
.misc .footNav .pagetop {z-index: 9;position: absolute;top: -40px; left: 0;text-align: center;display: block; height: 40px; width: 100%; }
.misc .footNav .pagetop span {margin: 0 auto; height: 40px; width: 80px; line-height: 50px; font-size: 30px; text-align: center; color: #FFF; background-color: #000;cursor: pointer;display: block;border-top-right-radius : 5em;-moz-border-top-right-radius : 5em;-webkit-border-top-right-radius : 5em;-o-border-top-right-radius : 5em;-ms-border-top-right-radius : 5em;border-top-left-radius : 5em;-moz-border-top-left-radius : 5em;-webkit-border-top-left-radius : 5em;-o-border-top-left-radius : 5em;-ms-border-top-left-radius : 5em;}
.misc .footNav .row { border: 1px solid #000;}
.misc .footNav .row > div {height: 70px;}
.misc .footNav .row > div a {border: 1px solid #000;height: 70px;background-color: #222; display: block;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.misc .footNav .row > div a h2 {line-height: 1.8em;letter-spacing: 1px;font-size:14px;color:#FFF;display: block; width: 100%; height: 100%; position: absolute;top: 43%;left: 0px;margin-top: -0.5em; text-align: center;}
.misc .footNav .row > div a h2 span { font-size: 11px;margin-left: 15px;color:#ffff00;letter-spacing: 1px;font-family: 'Lato',sans-serif; font-weight: 400;}
.misc .footNav .row > div a .fa { display: none;}
.misc .footNav .row > div a:hover {background-color: #333;}

.misc .note {}
.misc .note ul {padding-left: 15px;}
.misc .note ul li {list-style-type: circle;font-size: 12px;margin-top: 5px;}
.misc .note ul li:first-child {margin-top: 0;}

.misc .access {}
.misc .access h2 {font-size: 16px;margin-bottom: 15px;color:#ffff00;}
.misc .access .text {font-size: 13px;margin-bottom: 30px;}

.misc .omimai {display:none;}

.donwload .table > tbody > tr > td {padding:0px;line-height: 50px;}
.donwload .table.table-bordered > tbody > tr > td.dl {padding: 0;}
.donwload .table.table-bordered > tbody > tr > td.dl a {font-family: 'Lato',sans-serif; font-weight: 400; letter-spacing: 2px;display: block;background-color: #ffff00;line-height: 50px; color: #fff;width: 100%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.donwload .table.table-bordered > tbody > tr > td.dl a:hover { background-color: #9B8A4C;}
.donwload .table.table-bordered > tbody > tr > td.dl .fa {margin-left: 10px;}

.accessTable { font-size: 13px;}
.accessTable td {line-height: 1.6em;}
.accessTable .btn.minwh {padding: 0;width:200px;margin: 0;margin-top: 15px;}

.crumbs {font-size: 12px;margin-top: 50px;}
.crumbs ul { text-align:center;}
.crumbs ul li {display: inline-block;margin:0px;margin-right: 10px;color:#fff;}
.crumbs ul li a {color: #fff;}
.crumbs ul li a:hover { text-decoration: underline;}
.crumbs ul li .fa { color:#9B8A4C;}

#map { height: 400px; width: 100%;margin-bottom: 2px;}
#footer .copyright {letter-spacing: 2px;line-height: 50px; color: #fff;text-align: center; font-size: 10px;height: 50px; width: 100%; background-image: url(../images/header_bg_img.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.spNav {z-index: 9999;text-align: center;position: fixed;background-color: rgba(0, 0, 0, 0.9); width: 100%; height: 100%;display: block; top: 0; left:0;display: none;}
.spNav ul {margin-top: 100px;}
.spNav ul li {height: 60px; line-height: 60px; border-top: 1px solid #313131;}
.spNav ul li a {font-size: 24px; color: #fff; font-weight: 100;}
.spNav ul li a:hover { text-decoration: underline;}
.spNav ul li.close { cursor: pointer;font-size: 24px; color: #ffff00;font-family: 'Lato',sans-serif; font-weight: 400;}

/* --------------------------
 * media query
-------------------------- */

/*layout*/
@media(max-width:767px) {
    .pc_dsp { display:none;}
    .sp_dsp { display:inline;}
	.wrapper { overflow-x: hidden; height: auto; width: 100%; }
    #header { z-index: 999; position: fixed; top: 0; left:0;height: 50px; width: 100%; background-image: url(../images/header_bg_img.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
    #header .humberger { z-index: 999;position: fixed; top: 12px; right: 20px;display: block;height: 30px; width: 30px;}
    #header .logo {width: 135px; height: auto;position: absolute; top: 10px;left: 15px;}

    .home #mainVisual-pc { display:none;}
    .home #mainVisual-pc .logo { display:none;}
    .home #mainVisual-pc .logo figure { display:none;}
    .home #mainVisual-pc .logo figure img { display:none;}
    .home #mainVisual-pc .lead { display:none;}
    .home #mainVisual-pc .lead figure { display:none;}
    .home #mainVisual-pc .lead figure img { display:none;}
	.home #mainVisual-pc .scroll { display:none;}

    .home #mainVisual-sp {height: 480px;}
    .home #mainVisual-sp .logo { top:70px;}
    .home #mainVisual-sp .logo figure {padding:0 25px; text-align: center;}
    .home #mainVisual-sp .logo figure img {max-width: 450px;}
    .home #mainVisual-sp .lead { bottom:60px;}
    .home #mainVisual-sp .lead figure {padding: 0 25px; text-align: center;}
    .home #mainVisual-sp .lead figure img {max-width: 450px;}
	.home #mainVisual-sp .scroll { display:none;}
    .home .boxMenu .row > div a h2 { font-size: 16px;letter-spacing: 0px;}
    .home .boxMenu .row > div a h2 span { font-size: 10px;}
    .home .boxMenu .row > div a.nv01 h2,
    .home .boxMenu .row > div a.nv02 h2 {margin-top: -20px; line-height: 1.8em}
    .home .boxMenu .row {border:4px solid #000;}
    .home .boxMenu .row > div {border:4px solid #000;}
    .home .boxMenu .row > div a figure img {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
    .home .omimai { height: auto; letter-spacing:1px; padding: 10px 15px;line-height:1.8em;text-align: left;font-size: 10px; margin: 8px; margin-top: 0; color: #fff;}

    .home .sponsor { margin-bottom:10px; padding:15px 20px 0px;}

    .misc #mainVisual-pc { display:none;}
    .misc #mainVisual-pc .logo { display:none;}
    .misc #mainVisual-pc .logo figure { display:none;}
    .misc #mainVisual-pc .logo figure img { display:none;}
    .misc #mainVisual-pc .lead { display:none;}
    .misc #mainVisual-pc .lead figure { display:none;}
    .misc #mainVisual-pc .lead figure img { display:none;}

    .misc #mainVisual-sp {height: 220px;}
    .misc #mainVisual-sp .logo {top:80px;}
    .misc #mainVisual-sp .logo figure {padding:0 50px;text-align: center;}
    .misc #mainVisual-sp .logo figure img {max-width: 320px;}
    .misc #mainVisual-sp .lead { top:155px; }
    .misc #mainVisual-sp .lead figure {padding: 0 40px;text-align: center;}
    .misc #mainVisual-sp .lead figure img {max-width: 320px;padding-left: 10px;}
    .misc #contents h1.title {font-size: 24px; text-align: center; line-height: 1.6em;margin-top: 0px;margin-bottom: 50px;}
    .misc #contents .pickup { margin-bottom:25px;}
    .misc #contents .pickup .text { min-height:inherit; max-width: 360px; margin:0 auto;}
    .misc .about .profile img {max-width: 240px;border-radius:10em;-moz-border-radius: 10em;-webkit-border-radius: 10em;-o-border-radius: 10em;-ms-border-radius: 10em;}
    .misc .about .profile figure {margin-bottom: 25px; width: 100%;display: block; text-align: center;}

    .gnav {display: none;}
    .spNav ul {margin-top: 50px;}
    .spNav ul li {height: 50px; line-height: 50px;}
    .spNav ul li a {font-size: 18px;}

    .misc .footNav .row > div a h2 {left: 25px;text-align: left;}
    .misc .footNav .row > div a h2 span {font-size: 10px;}
    .misc .footNav .row > div a .fa { display: inline; color: #fff; position: absolute; top: 22px; right: 25px; font-size: 24px;}
    h1.desc {overflow: hidden; position: fixed; height: 0px; display: block;z-index: -9; top: 0; left: 0; width: 100%;}
    .livechat {display:none;}

    .misc #contents .pickup {height:auto;}
    .misc #contents .pickup .text { font-size: 11px;line-height: 1.8em; position:inherit:}
    .misc #contents .pickup .text .btn { position: inherit;}
    .misc #contents .pickup .text .btn a { max-width: 200px; margin: 0 auto;}
}
@media(min-width:767px) {
    .pc_dsp { display:inline;}
    .sp_dsp { display:none;}

    #header .logo {display: none;}
    #header .humberger { z-index: 999; position: fixed; top: 25px; right:25px;height: 40px; width: 40px;}

    .home #mainVisual-sp .logo { display:none;}
    .home #mainVisual-sp .logo figure { display:none;}
    .home #mainVisual-sp .lead { display:none;}
    .home #mainVisual-sp .lead figure { display:none;}

    .misc #mainVisual-sp .logo { display:none;}
    .misc #mainVisual-sp .logo figure { display:none;}
    .misc #mainVisual-sp .logo figure img { display:none;}
    .misc #mainVisual-sp .lead { display:none;}
    .misc #mainVisual-sp .lead figure { display:none;}
    .misc #mainVisual-sp .lead figure img { display:none;}

    .home #mainVisual-pc .logo {top:120px;}
    .home #mainVisual-pc .logo figure {padding:0 120px;}
    .home #mainVisual-pc .lead { bottom:100px;}
    .home #mainVisual-pc .lead figure {padding: 0 25px;}

    .misc #mainVisual-pc .logo {top:80px;}
    .misc #mainVisual-pc .logo figure {padding:0 100px;text-align: center;}
    .misc #mainVisual-pc .logo figure img {max-width: 380px;}
    .misc #mainVisual-pc .lead { bottom:25px;}
    .misc #mainVisual-pc .lead figure {padding: 0 100px;text-align: center;}
    .misc #mainVisual-pc .lead figure img {max-width: 510px;padding-left: 20px;}
    .misc .table-responsive { padding: 0;border: none;}

	.home .boxMenu .row > div a h2 {font-size: 18px;}

    .gnav {display: none;}
    h1.desc {overflow: hidden; position: fixed; height: 0px; display: block;z-index: -9; top: 0; left: 0; width: 100%;}
    .livechat {display:none;}
	.misc #contents .pickup .text { min-height:330px;}
	.misc #contents .section.live h1.title {font-size: 21px; text-align: center; line-height: 1.6em;margin-top: 0px; margin-bottom:50px; }
    .misc #contents .section.live h1.title span {font-size: 11px; display: block;margin-top: 5px;color:#ffff00;letter-spacing: 2px;font-family: 'Lato',sans-serif; font-weight: 400;}
	.home .omimai {letter-spacing:1px; font-size: 11px;}
}
@media(min-width:992px) {
    .pc_dsp { display:inline;}
    .sp_dsp { display:none;}

    #header .logo {display: none;}
    #header .humberger { cursor: pointer; z-index: 999; position: fixed; top: 30px; right:30px;height: 50px; width: 50px;}

    .home #mainVisual-sp .logo { display:none;}
    .home #mainVisual-sp .logo figure { display:none;}
    .home #mainVisual-sp .logo figure img { display:none;}
    .home #mainVisual-sp .lead { display:none;}
    .home #mainVisual-sp .lead figure { display:none;}
    .home #mainVisual-sp .lead figure img { display:none;}

    .misc #mainVisual-sp .logo { display:none;}
    .misc #mainVisual-sp .logo figure { display:none;}
    .misc #mainVisual-sp .logo figure img { display:none;}
    .misc #mainVisual-sp .lead { display:none;}
    .misc #mainVisual-sp .lead figure { display:none;}
    .misc #mainVisual-sp .lead figure img { display:none;}

    .home #mainVisual-pc .logo {top:120px;}
    .home #mainVisual-pc .logo figure {padding:0 200px;text-align: center;}
    .home #mainVisual-pc .logo figure img {max-width: 800px;}
    .home #mainVisual-pc .lead { bottom:100px;}
    .home #mainVisual-pc .lead figure {padding: 0 100px;text-align: center;}
    .home #mainVisual-pc .lead figure img {max-width: 960px;}

    .misc #mainVisual-pc .logo {top:100px;}
    .misc #mainVisual-pc .logo figure {padding:0 100px;text-align: center;}
    .misc #mainVisual-pc .logo figure img {max-width: 380px;}
    .misc #mainVisual-pc .lead { bottom:0px;}
    .misc #mainVisual-pc .lead figure {padding: 0 100px;text-align: center;}
    .misc #mainVisual-pc .lead figure img {max-width: 510px;padding-left: 20px;}
    .misc .table-responsive { padding: 0;border: none;}

	.home .boxMenu .row > div a h2 {font-size: 24px;}

    .gnav {margin: 0px; padding:0px; display: block;}
    .gnav ul {margin: 35px 0px 2px; display: block;padding: 0px; text-align: center;background-color: #222;}
    .gnav ul li {display: inline-block;border-left: 2px solid #000;}
    .gnav ul li:last-child {border-right:2px solid #000;}
    .gnav ul li a {line-height: 50px;font-size: 14px; display: block;padding: 0 24px; color: #fff;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .gnav ul li a:hover {background-color: #FFF; color: #000;}
    h1.desc { position: fixed; height: 0px; display: block;z-index: -9; top: 0; left: 0; width: 100%;}

    .livechat { height:397px; width:100%; display:block; overflow:hidden;}
    .livechat iframe {border:none;height:397px;width:100%}
	.home .omimai {letter-spacing:2px; font-size: 12px;}
    .misc #contents .pickup {height:580px;}

    .misc #contents .section.live h1.title {font-size: 21px; text-align: center; line-height: 1.6em;margin-top: 0px; margin-bottom:50px; }
    .misc #contents .section.live h1.title span {font-size: 11px; display: block;margin-top: 5px;color:#ffff00;letter-spacing: 2px;font-family: 'Lato',sans-serif; font-weight: 400;}
}
@media(min-width:1200px) {
    .livechat { height:479px; width:100%; display:block; overflow:hidden;}
    .livechat iframe {border:none;height:479px;width:100%}
}

	.drawerNav {opacity: 0.9; z-index: 99999; display:none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000;}
	.drawerNav ul { text-align: center; margin-top: 50px;}
	.drawerNav ul li {display: block; font-size: 21px;margin-bottom: 20px;font-family: 'Abel', sans-serif; font-weight: 400;}
	.drawerNav ul li a {color: #fff;}
	.drawerNav ul li a span { margin-left: 10px;font-size: 13px;}
	.drawerNav ul li a:hover,.drawerNav ul li a:focus { text-decoration: underline; color: #fff;}
	.drawerNav ul li.close { cursor: pointer; font-size:16px; margin:0 auto;margin-top: 50px; color: #fff; border: 1px solid #fff; width: 150px; padding: 10px;}

.insta_list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
    margin-left: 10%;
	margin-right: 10%;
}

.insta_list li{
    position: relative;
    width: calc((100% - 40px)/3);
}

@media screen and (max-width: 750px){
    .insta_list li{
        width: calc((100% - 20px)/2);
    }
}

.insta_list li::before{
	content: "";
	display: block;
	padding-top: 100%;
}

.insta_list a{
	position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.insta_list img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.insta_btn{
    background-color: #000;
    padding: .5em 1em;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer;
    transition: .3s
}

.insta_btn a{
    color: #fff;
    text-decoration: none;
}

.insta_btn:hover{
    background-color: #999;
}

.twitter-timeline.twitter-timeline-rendered{
	margin-right: auto;
	margin-left: auto;
}

.topnews {
	position: relative;
	text-align: center;
	text-shadow: 2px  2px 3px #000, -2px  2px 3px #000, 2px -2px 3px #000, -2px -2px 3px #000;
}

.postList.cf {
	margin-top: 100px;
}

@media screen and (max-width: 750px){
	.postList.cf {
		margin-top: 50px;
	}
}

.animation{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
  width: 100%;
}

.keyframe5{
  animation-name: anim_sc;
  transform: scale(0.85,0.85);
}

@keyframes anim_sc {
  100% {
    transform: scale(1,1);
  }
}


.keyframe6 {
  animation-name: poyopoyo;
  margin-top:180px;
}

@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

@media screen and (max-width: 767px){
.keyframe6 {
  animation-name: poyopoyo;
  margin-top:0px;
}

@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

}