@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/*----main----*/
body{margin: 0 auto; background-color: #fff; color: #333;
/*
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
*/
font-family: "Noto Sans Japanese";
min-width: 320px;}
a{cursor: pointer;}
a:hover{opacity: 0.8;}
a.nodeco:hover,a.nodeco:focus{text-decoration: none;}
a:focus{outline:none;}
.uborder{font-weight: bold; background: linear-gradient(transparent 50%, #fff590 50%);}
.img{max-width: 100%;}
ul.list{list-style-type: none;}
p,div{word-wrap: break-word;}
.robot{font-family: 'Roboto', sans-serif;}
.container{max-width: 1130px;}
@font-face {
    font-family: 'Gidole';
	src: url('../fonts/Gidolinya-Regular.otf') format('otf'), url('../fonts/Gidole-Regular.ttf')  format('truetype');
}
.robot{font-family: 'Gidole', sans-serif;}

/*----colors----*/
.tc {text-align:center;	}
.c-1{color: #009edd !important;}
.pgn > li > a > span,
.news-name,
.rank-name,
.az-name,
.page-title,
.mynav > li:hover > a,
.mynav > li.active > a,
.glt-1
{background: linear-gradient(90deg,#009edd, #7253d9); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.glt-2{background: linear-gradient(90deg,#ff9005, #ff8abc); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.cat{color:#022738}

.no-backgroundcliptext .pgn > li > a > span,
.no-backgroundcliptext .news-name,
.no-backgroundcliptext .rank-name,
.no-backgroundcliptext .az-name,
.no-backgroundcliptext .page-title,
.no-backgroundcliptext .mynav > li:hover > a,
.no-backgroundcliptext .mynav .dropdown .dropdown-toggle span,
.no-backgroundcliptext .mynav li a.dropdown-toggle span.fa::before,
.no-backgroundcliptext .mynav .dropdown-cell .fa,
.no-backgroundcliptext .mynav .dropdown-menu li.dropdown-cell > a,
.no-backgroundcliptext .mynav .dropdown .dropdown-cell a span,
.no-backgroundcliptext .mynav > li.active > a,
.no-backgroundcliptext .glt-1,
.no-backgroundcliptext .all-delte,
.no-backgroundcliptext .link-tags
{background: none; color: #009edd;}

.no-backgroundcliptext .glt-2{background: none; color: #ff9005;}

/*----bg----*/
.meta-clip:hover,
.meta-clip:hover .glt-1,
.glb-1,
.pgn > li.active > a,
.pgn > li:hover > a,
.pgn > li:last-child.active > a,
.pgn > li:last-child:hover > a
{background: linear-gradient(90deg,#009edd, #7253d9) ;}

.bg-1{background:url("../images/bg_01.png")}




.tag-item:hover,
/* .tag-item:active, */
.btn-1:hover,
/* .btn-1:active, */
.meta-clip:hover,
/* .meta-clip:active, */
.btn-clip:hover,
/* .btn-clip:active, */
.modal-texts .btn-clip:hover
/* .modal-texts .btn-clip:active */
{ background: linear-gradient(90deg,#009edd, #7253d9); color: #fff; opacity: 1; }




.meta-clip.disable, .meta-clip.disable:hover, .meta-clip.disable:active {
	border: 1px solid #ddd;
	cursor: not-allowed;
	background-color:#FFFFFF;
	background: none;
	border-radius: 9px;
}
.meta-clip.disable:hover {
    background-color: #ffffff;
    background: unset;
    color: #dddddd;
}
.meta-clip.disable:active .glt-1,
.meta-clip.disable:hover .glt-1,
.meta-clip.disable .glt-1 {
  color: #dddddd !important;
  -webkit-text-fill-color: unset;
  background: none;
}
.meta-clip.disable .meta-texts {
    padding: 14px 0;
}

.meta-clip.disable i.ico_10,
.meta-clip.disable:hover i.ico_10,
.meta-clip.disable:active i.ico_10 {
    background: url(../images/ico_12.png) no-repeat scroll 0 0 / 15px auto;
    margin-right: 0;
    height: 17px;
	opacity: 0.4;
}


.tag-item:hover .glt-1,
.tag-item:active .glt-1,
.btn-1:hover .glt-1,
.btn-1:active .glt-1,
.btn-clip:hover .glt-1,
.btn-clip:active .glt-1,
.meta-clip:active .glt-1,
.meta-clip:hover .glt-1
{color: #fff; background: none; -webkit-text-fill-color:#fff;}

/*----clip ico----*/
i.ico_10{background:url("../images/ico_10.svg") no-repeat scroll 0 0 / 15px auto; margin-right: 0; height: 17px;}
i.ico_11{height: 20px; width: 18px; }
.btn-clip:hover i.ico_10,
.btn-clip:active i.ico_10,
.meta-clip:hover i.ico_10,
.meta-clip:active i.ico_10
{background-image: url("../images/ico_10_on.svg"); background-repeat:no-repeat;}
/*
i.ico_pagetop{background:url("../images/pagetop.png") no-repeat scroll 0 0 / 89px 12px; width: 89px; margin-right: 0; height: 12px;}
*/
i.ico_pagetop{background:url("../images/pagetop.svg") no-repeat scroll 0 0; background-size:15px; width: 15px; height: 17px; margin: 0;}

.btn-1:hover i.ico_pagetop,
.btn-1:active i.ico_pagetop {
	background: url(../images/pagetop_on.svg) no-repeat scroll 0 0;
    background-size: 15px;
    width: 15px;
    height: 17px;
    margin: 0;
}
.myclips{color: #797777; font-size:12px;}


/*----border----*/

.glr-1{border: 1px solid; border-image: linear-gradient(90deg, #009edd 33%, #7253d9 66%); border-image-slice: 1;}
.glr-2{position: relative;}
.glr-2::before{
	content:"";
	display:block;
	height:1px;
	width:100%;
	background:-webkit-gradient(linear, left top, right bottom, from(#009edd), to(#7253d9));
	background:-moz-linear-gradient(left, #009edd, #7253d9);
	background:linear-gradient(left, #009edd, #7253d9);
	position: absolute;
	top: 0px; left: 0;
	z-index:9;
}


/*----icon----*/
.fa-paperclip{transform: scale(-1, 1);}
.fa-myclip{width: 10px; height: 17px; margin-right: 2px; background:url("../images/ico_12.svg") no-repeat scroll center bottom / 100% auto;}

/*----btn----*/
.btn{border-radius: 0;}
.btn-clip{color: #fff; font-size: 18px; font-weight: bold; padding: 15px 0; width: 350px; line-height: 1.1;}
.btn-clip .fa{font-size: 22px;}
.btn-clip .ico_11{margin: 0; position: relative; left: -30px;}
.btn-1{padding: 15px; width: 220px; font-size: 16px; font-weight: bold;}
.ab_ico_09{background-color: rgba(0, 0, 0, 0.5); border-radius:10px; padding: 5px 5px; line-height: 1;}
.btn-clip{background:url("../images/btn_02_bg.png") no-repeat scroll 0 0 / 100% 100%;}
.btn-1{background:url("../images/btn_01_bg.png") no-repeat scroll 0 0 / 100% 100%;}
.meta-clip{background:url("../images/btn_05_bg.png") no-repeat scroll 0 0 / 100% 100%; border-radius: 7px;}
.move-link{width: 65px; padding:13px 0; background:url("../images/btn_08_bg.png") no-repeat scroll 0 0 / 100% 100% !important;}
.move-link:hover{ background: linear-gradient(90deg,#009edd, #7253d9) !important; color: #fff; opacity: 1; }

/*----flex----*/
.textclip,
.my-slider .slick-slide,
.pgn > li > a,
.my-slider2 .slick-slide,
.my-slider2-nav .slick-slide,
.az-left,
.rank-img
{display: flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center;}
/* {display: inline-flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center;}*/
.rank-img span.bg_span{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-size:100%;
	background-position: center top;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
	z-index:0;
	opacity:0.6;
}
.rank-img img {
	z-index:5;
}
.rank-ico {
	z-index:10;
}

.slider_bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:center center;
	background-size:100%;
	z-index:10;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
	opacity:0.6;
}
.slick-slide a{
	z-index:20;
	background-color:#FFFFFF;
}
.my-slider2-nav img {
	z-index:20;
}
.slick-slide a:hover{
	opacity:1;
}
.slick-slide a:hover img{
	opacity:0.8;

}

.fancy_loop {
	display:block;
}

/*----header----*/
header{box-shadow: none; padding-bottom: 25px;}
.navbar{min-height: 0;}
.navbar-default{background: #fff; border:none; box-shadow:none; max-width: 2560px; min-width: 1130px; margin: 0;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: none;}
#navbar-main{position: relative; border: none; box-shadow: none;}
.navbar-top_flex{-webkit-justify-content:center; justify-content:center;}


.navbar-top{padding: 15px 0 17px;}
.navbar-top_inner{text-align: center;}
.navbar-top_inner p{margin: 0 0 5px;}
.navbar-form{width: 220px; border: none;}
.navbar-form .input-group{border-radius: 5px;}
.navbar-form input{border: none; font-size: 12px; box-shadow: none; border-radius: 8px 0 0 8px;}
.navbar-form .btn{border-radius: 0; border: none; color: #d6d6d6;}
.navbar-form .btn,
.navbar-form .input-group-btn{border-radius: 0 8px 8px 0;}
.navbar-form input,
.navbar-form .btn,
.navbar-form .input-group-btn{ background-color: #e7e5fa; color: #7d63dd;}
.navbar-form input:-ms-input-placeholder{color: #615dd1;}
.navbar-form input::-webkit-input-placeholder{color: #615dd1;}
.navbar-form input::-moz-placeholder{color: #615dd1;}

.navbar-clip{position: relative;}
.navbar-clip .ico_10{position: relative; top: 5px;}
.navbar-clip .fa{font-size: 35px;}
.clip-cc{right: -17px; top: -10px; color: #fff; font-size: 12px; font-weight: bold; background: linear-gradient(90deg,#00a2e2, #00a2e2); width: 24px; height: 24px; border-radius: 24px; display: inline-flex;}
.navbar-collapse{padding: 0;}
.mynav-item,
.mynav > li{width: 100px; position: relative;}
@media only screen and (min-width: 767px) {
	.mynav > li:nth-child(7) { width: 150px; }
}
.mynav-item a,
.mynav > li > a{padding: 13px 0; display: block; text-align: center; color: #333; font-size: 15px; font-weight: bold;     white-space: nowrap;}
.mynav > li > a::before,.mynav > li:last-child > a::after{content: none;}
.mynav > li:last-child > a::after{right: 0; left: auto;}
.mynav-item:hover a,.mynav-item a:focus,
.mynav > li:hover > a,.mynav > li:focus > a{
	text-decoration: none;
	white-space: nowrap;
}
.mynav-item{}
.mynav-item:hover::after,.mynav-item.active::after,
.mynav > li:hover::after,.mynav > li.active::after
{background: linear-gradient(90deg,#009edd, #7253d9); width: 100%; content: ""; height: 2px; position: absolute; bottom: 0;}

.slide-mynav .mynav-item:hover::after,.slide-mynav .mynav > li:hover::after{content: none;}

/*---- add header dropdown ---- */
.dropdown:hover > .dropdown-menu{
    display: block;
    box-shadow: 0 3px 15px rgba(114,83,217,.25);
}
.dropdown-cell {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dfdfdf;
    padding: 1rem;
}
.dropdown-menu>li.dropdown-cell >a, .dropdown-cell .fa {
    display: block;
    font-weight: 600;
}
.dropdown-cell a {
    flex-grow: 1;
    background: linear-gradient(90deg,#009edd, #7253d9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.dropdown-cell:last-child {
    border-bottom: 0px;
}
.dropdown-toggle .fa, .dropdown-cell .fa {
    font-size: 1.3em;
    background: linear-gradient(90deg,#009edd, #7253d9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    vertical-align: middle;
}
.mynav > li:hover::after {
    background: transparent;
}

/*----breadcrumb----*/
.breadcrumb{font-size: 12px; background: none; padding: 0; margin: 15px 0 25px;}
.breadcrumb,.breadcrumb a{color: #868686;}

/*----Layout----*/
article{max-width: 2560px;}
#wrap > .col{width: 100%;}
#main{max-width: 730px;}
#side{max-width: 336px;}
#contents { min-height:600px;}

.main-t2#main{max-width: none; padding: 20px 30px 120px; position: relative;}
.side-t2#side {
    max-width: 390px;
    min-width: 390px;
    background-color: #fff;
    padding: 20px 20px 100px 20px;
}


/*----Slider----*/
.my-slider_wrap{position: relative;}
.my-slider_wrap .ab_ico_09{right: 15px; bottom: 20px; z-index: 99;}
.slider-arrow{cursor: pointer;}
.my-slider .slick-slide{ /* height: 630px;*/  position: relative; overflow: hidden; width: 100%; float: none;}
.my-slider .slick-slide{background:url("../images/blank.png") no-repeat scroll top center / cover;}
.my-slider .slick-slide img{z-index: 1;}
.my-slider .slick-slide:before{content:'';background:inherit;-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;z-index:0}
.my-slider .slick-slide:after{content:'';background-color: rgba(0, 0, 0, 0.85);z-index:0; position: absolute; height: 100%; width: 100%; top: 0; left: 0;}
.my-slider .slider-arrow{position: absolute; color: #fff; font-size: 44px; top: 47%; z-index: 9; opacity: 0.8;}
.my-slider .slider-prev{left: 10px;}
.my-slider .slider-next{right: 10px;}
.my-slider .slick-dots{bottom: -30px;}
.my-slider .slick-dots li{margin: 0;}
.my-slider .slick-dots li button::before{font-size: 10px;}
.my-slider2,.my-slider2-nav,.slide-mynav{display:none;}
.my-slider2.slick-initialized,.my-slider2-nav.slick-initialized,.slide-mynav.slick-initialized {display: block;}

/*----Radius----*/
.news-item > .swiper-container,
.foot_sns_ico,
.slick-slide,
.img_photo,
.news-item > a,
.btn-1,
.btn-clip,
.photo-top,
.rank-item,
.rank_ix-item,
.photo-item,
.download-item,
.az-item { border-radius:7px; }
.news-body{border-radius: 0 0 7px 7px;}

/*----#main head----*/
.page-head{margin-bottom: 20px; position: relative;}
.page-title{margin: 0; font-size: 28px; font-weight: bold; line-height: 1.4; max-width: 600px; min-height:76px;}

.date{color: #a19e9e; font-size: 12px;}
.textclip{color: #797777; margin-left: 5px; font-size: 12px; display: inline-flex;}
.textclip img{width: 10px; margin-right: 2px;}
.page-cat_date .date{margin-left: 10px;}
.meta-clip{display: block; text-align: center; width: 83px; position: absolute; right: 0; top:0;cursor: pointer;}
.meta-texts{padding: 15px 0;}
.meta-texts > span{display: block; font-size: 12px; font-weight: bold;}
.meta-texts .ico_10{width: 15px; margin-bottom: 2px;}
.meta-cc{background-color: #fff; padding: 5px 0; color: #333; font-size: 16px;}
.ico_09{width: 35px;}
.inner-vis{margin: 0 -15px;}
.inner-vis img{width: 100%;}

/*----#main body----*/
.page-content{margin: 40px 0; line-height: 1.85; font-size: 18px; text-align:left; word-break: break-word !important;}
.page-content p {text-align:left; word-break: break-word;}
.page-sub_img {margin: 10px auto;/* max-width: 350px; */ text-align: center; position: relative; display: inline-block;}
.page-sub_img .ab_ico_09{right: 15px; bottom: 15px;}
.page-sub_title{margin: 0 0 20px; font-size: 28px; font-weight: bold; padding-left: 15px; position: relative;}
.page-sub_title::after{position: absolute; content:""; height:100%;width:5px; left: 0; top: 0; background:linear-gradient(#009edd, #7253d9);}
.page-sec{margin:70px 0 0;}
.page-sec_title{font-weight: bold; margin: 0 0 20px; display: inline-flex; -webkit-align-items:center; align-items:center;}
.img-ico{margin-right: 5px; margin-bottom: -2px; height: 30px; width:30px; }
@media only screen and (max-width: 767px) {
	.page-sub_img{margin: 10px auto; max-width: 350px; text-align: center; position: relative; display:inline-block;}
	.img-ico{margin-right: 5px; margin-bottom: -2px; height: 22px; width:22px; }
}

.sec-item{padding: 20px;}
.btn-clip-wrap{margin: 40px 0 0;}
.btn-clip-wrap .btn-clip{margin: auto;}
.page-sns{max-width: 200px; margin: 20px auto 0;}
.commentlist .sec-item{padding: 0; border: 1px solid #ddd; background-color: #fff;}
.sec-btns{margin: 20px 0; text-align: center;}
.download-item{font-weight: bold; color: #333; padding: 20px; position: relative;}
.download-item .ico_01{margin-right: 10px; position: relative; top: -1px;}
.logo_music{width: 100px;}

.az-item{max-width: 355px; margin-bottom: 20px; width: 100%; overflow: hidden;}
.az-left{width: 100px; min-width: 100px; height: 100px; background-color: #031c33;}
.az-right{padding: 15px;}
.az-name{color: #333;  font-weight: bold; margin-bottom: 5px;}
.az-price{ font-weight: bold;}
.az-bottom{-webkit-align-items:center; align-items:center;}
.az-bottom img{max-width: 120px;}

.tag-item{border:1px solid #009edd; color: #009edd; font-size: 12px; padding: 5px 15px 5px; margin:0 10px 10px 0; background-color: #fff; border-radius: 7px;}


.news-wrap{}
.ad-news-item{width: 49.9%; padding: 10px 8px;}
.news-item{width: 49.9%; padding: 10px 8px;}


.news-item > .swiper-container,
.news-item > a{box-shadow: 0 0 4px 3px rgba(165, 181, 206, 0.35); display: block; position: relative; overflow: hidden}
.news-img img{ width: 100%; }
.news-body{ padding: 20px; background-color: #fff; position:relative; }
.news-body .clip_delete{
	background-color:#FFFFFF;
	background-image:url(../images/icon_close.svg);
	background-repeat:no-repeat;
	background-size:contain;
	width:17px;
	height:17px;
	box-sizing:border-box;
	position:absolute;
	bottom:10px;
	right:70px;
	border:none;
}
.news-body .clip_delete span {
    position: absolute;
    width: 56px;
    left: 25px;
    bottom: -1px;
}


.masonry {
	width:100% !important;
}
.news-name{font-size: 14px; color: #333; font-weight: bold; margin-bottom: 5px;}
.ico-pr{position: absolute; background-color: #333; color: #fff; font-size: 12px; right: 0; top: 0; padding: 5px;}

/*INDEX*/
#main .side-sec_title.t_2{margin-bottom: 18px;}
#main .side-sec_title.t_2 span{color: #009edd;}
.newslist-t2 .news-item{padding: 10px 7px; width: 33%; overflow: hidden;}
.newslist-t2 .item-full{width: 66%;}
.newslist-t2 .news-wrap{margin: -7px; }
.newslist-t2 .clip_cc{color: #797777;}
.newslist-t2 .news-img{/* background-color: #031c33; */ text-align: center;}

.newslist-t2 .news-img img{max-height: none; /* width: auto;*/ width:100%; }
.newslist-t2 .item-full .news-img,
.newslist-t2 .item-mostfull .news-img{max-height: none; overflow: hidden;}

.newslist-t2 .masonry5 .news-item{width: 24.8%;}


.item-mostfull .news-name,
.item-full .news-name{font-size: 16px;}
.item-full .cat,
.item-full .date,
.item-full .clip_cc
{ /*font-size: 20px;*/}
#main .sec-btns.ab{left: 0; right: 0; margin: 0 auto; bottom: 40px;}
.index-pg{margin: 50px 0 0;}
.newslist-t2 .item-mostfull{width: 100%;}

/*----Slider 2----*/
.photolist .sec-item{padding: 0 40px 40px 40px;}
.my-slider2-nav .slick-slide,
.my-slider2 .slick-slide{height: 430px; background-color: #000; position: relative; overflow: hidden;}
.my-slider2 .slick-slide img{max-height: 430px;}
/* IE対応*/
@media all and (-ms-high-contrast:none) {
    .my-slider2 .slick-slide img{
        display: inline-block;
    }
}
.my-slider2 .slider-arrow{position: absolute; color: #fff; padding: 10px 0; font-size: 30px; width: 40px; text-align: center; top: 47%; z-index: 9; background-color: #333;}
.my-slider2 .slider-prev{left: -38px;}
.my-slider2 .slider-next{right: -38px;}

.my-slider2-nav{margin: 20px 0 0;}
.my-slider2-nav .slick-slide{height: 90px; width: 150px; background-color: #031c33; margin:0 6px; position: relative;}
.my-slider2-nav .slick-slide img{max-height: 90px; width: auto; cursor: pointer;}
.my-slider2-nav .slider-arrow{position: absolute; font-size: 30px; top: 38%; z-index: 9;}
.my-slider2-nav .slider-prev{left: -20px;}
.my-slider2-nav .slider-next{right: -20px;}
.my-slider2-nav .slick-current::after{    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    border: 3px solid #ff9005;
    left: 0;
    top: 0;
    border-radius: 6px;
    box-sizing: border-box;}
.my-slider2-num{text-align: center; font-weight: bold; margin-top: 10px;}
.my-slider2-nav .slick-slide:hover{opacity: 0.8;}

.my-slider2-nav .slick-current::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    border: 3px solid #009edd;
    left: 0;
    top: 0;
    border-radius: 6px;
    box-sizing: border-box;
	z-index: 30;
}

/*----paging----*/
.pgn > li > a{background:url("../images/btn_03_bg.png") no-repeat scroll 0 0 / 100% 100%;}
.pgn > li:last-child > a{background:url("../images/btn_03_bg.png") no-repeat scroll 0 0 / 100% 100%;}

.paging{text-align: center;}
.pgn{margin: 0; display: flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center;}
.pgn > li{margin: 0 5px;}
.pgn > li:first-child{background:url("../images/ico_02.svg") no-repeat scroll left 20px top 15px; background-size:6px;}
.pgn > li > a{font-weight: bold; height: 40px; width: 40px; border-radius: 4px; overflow: hidden; position: relative;}
.pgn > li > a:hover{text-decoration: none;}
.pgn > li:first-child > a,.pgn > li:last-child > a{width: 92px;}
.pgn > li:first-child > a{padding-left: 20px;}
.pgn > li:last-child > a{padding-right: 20px;}
.pgn > li.active > a > span,
.pgn > li > a:hover > span,
.pgn > li.disabled a > span
{color: #fff; background: none; -webkit-text-fill-color:#fff;}

.pgn > li:first-child > a:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 9px;
    left: 20px;
    top: 15px;
    background: url(../images/ico_02.svg) no-repeat;
    background-size: 6px;
}
.pgn > li:first-child {
	 background: url(../images/ico_02_on.svg);
}

.pgn > li:first-child:hover > a:after {
    background: url(../images/ico_02_on.svg);
    background-size: 100%;
}
.pgn > li:last-child:hover > a,
.pgn > li:first-child:hover > a {
	opacity:1;
}


.pgn > li:last-child > a::after{content: ""; position: absolute; width: 6px; height: 9px; right: 20px; top: 15px; background:url("../images/ico_01.svg") no-repeat; background-size:6px;}
.pgn > li:last-child:hover > a::after{background-image:url("../images/ico_01_on.png");}

.pgn > li.disabled a{background: none; border: 1px solid #ddd;}
.pgn > li.disabled a > span{color: #d2d2d2;  -webkit-text-fill-color:#d2d2d2;}
.pgn > li:first-child.disabled{background-image:url("../images/ico_02_x.svg"); background-size:6px;}
.pgn > li:last-child.disabled{background-image:url("../images/ico_01_x.svg"); background-size:6px;}
.pgn > li.disabled:hover > a,
.pgn > .disabled > a:focus,
.pgn > .disabled > a:hover,
.pgn > .disabled > span,
.pgn > .disabled > span:focus,
.pgn > .disabled > span:hover{cursor:not-allowed; background: none;}
.pgn-text{color: #a19e9e; font-weight: bold; font-size: 12px; margin: 20px 0 0;}
.pgn > .disabled::before, .pgn > .disabled::after{content: none;}

.pgn > li:first-child.disabled{ background-image:none; background-size:6px;}
.pgn > li:first-child.disabled > a:after {
	background-image:url("../images/ico_02_x.svg");
}
.pgn > li:first-child.disabled:hover > a:after {
	background-image:url("../images/ico_02_x.svg");
}

.pgn > li:last-child.disabled{ background-image:none; background-size:6px;}
.pgn > li:last-child.disabled > a:after {
	background-image:url("../images/ico_01_x.svg");
}
.pgn > li:last-child.disabled:hover > a:after {
	background-image:url("../images/ico_01_x.svg");
}


/*----#side----*/
.side-sec{margin: 80px 0 0}
.side-sec_title{margin: 0 0 20px; text-align: left;}
.side-sec_title span{color: #6f57cc; font-weight: bold; display: block; font-size: 36px; margin-bottom: 5px;}
.side-sec_title small{display: block; font-size: 20px;}

.side-sec_title.t2 span{color: #009edd;}

.photo-top{display: block; margin-bottom: 10px; width: 100%;}
.photo-wrap{width: 100%;}
.photo-item{width: 49.9%; padding: 6px 5px; border-radius: 10px;}
@media all and (-ms-high-contrast:none) {
     .photo-item {
        border-radius: 22px;
    }
}
.ad-rank-item{margin:0 0 15px; background-color: #fff; overflow: hidden;}
.rank-item{margin:0 0 15px; background-color: #fff; overflow: hidden; box-shadow: 0 0 3px 2px rgba(165, 181, 206, 0.35);}
.rank-body{padding:10px;}
.rank-img{width: 100px; min-width: 100px; height: 100px; position: relative; background-color: #031c33; overflow: hidden;}
.rank-img img{max-height: 100px;}
.rank-name{color: #333; font-weight: bold; margin-bottom: 5px;}
.rank-ico{color: #fff; padding:2px 0 0 5px; font-size: 16px; font-weight: bold; position: absolute; left: -1px; top: -1px; width: 42px; height: 42px; background:url("../images/rank_04.svg") no-repeat; background-repeat:no-repeat; background-size:cover;}
.rank-1{background-image:url("../images/rank_01.svg"); background-repeat:no-repeat; background-size:cover;}
.rank-2{background-image:url("../images/rank_02.svg"); background-repeat:no-repeat; background-size:cover;}
.rank-3{background-image:url("../images/rank_03.svg"); background-repeat:no-repeat; background-size:cover;}


/*INDEX*/
.side-sec_title.t_2{text-align: left;}
.side-sec_title.t_2 span{display: inline-block; font-weight: bold; margin-right: 10px;}
.side-sec_title.t_2 small{font-size: 16px; font-weight: bold; display: inline-block; color: #1c1c1c;}
.side-sec_title small{color: #1c1c1c; font-weight: bold;}
.rank_ix-item{overflow: hidden; display: block; margin-bottom: 20px; background-color: #fff; box-shadow: 0 0 12px 1px rgba(106, 93, 189, 0.35); position: relative; max-width: 358px;}
.rank_ix-img{text-align: center; background-color: #031c33;}
.rank_ix-item .rank-ico{width: 55px; height: 55px; background-size: cover; font-size: 20px; padding: 4px 0 0 8px; text-align:left;}
.rank_ix-item .rank-body{padding: 20px;}
.rank_ix-item .clip_cc{font-size: 12px; font-weight: bold; color: #333;}

/*----ad----*/
.bnrs{padding: 20px;}
.bnr-s_1{display: block;}
.bnr-s_2{padding:20px; text-align: center;}

/*---#middle----*/
#middle{padding: 40px 30px; background: linear-gradient(90deg,#d7eef8, #d2caf7);}
.photo-wrap_t2{padding: 20px;}
.photo-wrap_t2 .photo-item{width: 16.5%;}
.photo-wrap_t2 .photo-item.x2{width:33%;}
#middle .my-slider2 .slider-prev{left: 0;}
#middle .my-slider2 .slider-next{right: 0;}
#bottom{padding: 40px 20px; background: #fff;}
.tags_t2 .tag-item{font-size: 16px; margin:0 10px 15px;}


/* .newslist */
.newslist {
	position:relative;
	min-height:400px;
}
.all-delte {
	position:absolute;
	right:0px;
	top:-30px;
    background: linear-gradient(90deg,#009edd, #7253d9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	display: flex;
	align-items:center;
	cursor:pointer;
}
.all-delte i {
	text-decoration:none;
	font-style:normal;
}
.all-delte:before {
	content:'';
	background-image:url(../images/icon_trash.svg);
	background-size:18px;

	background-repeat:no-repeat;
	width:18px;
	height:18px;
	display:block;
}

.all-delte:hover {
	opacity:0.8;
}

.myclip-list .news-name{
	padding-bottom:18px;
}
.nodisp {
	display:none;
}


/*----footer----*/
.pagetop{margin: -78px 0 30px 0;  text-align: right;}
.btn-1.move-link{width: 69px; padding:15px 0;}
.move-link .glt-1{display: block; font-size: 10px; letter-spacing: -2px;}
footer{background-color: #f9f9f9; padding: 30px 0;  border-top: 1px solid #ddd;}
.foot-top{border-bottom: 1px dashed #fff; padding-bottom: 20px; margin-bottom: 20px;}
.foot-links a{color: #fff;  background:url("../images/ico_01.svg") no-repeat scroll 0 center; background-size:6px; padding-left: 13px; margin-right: 15px;

}
.foot-links a span{
   /*
    background: linear-gradient(90deg,#009edd, #7253d9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	*/
	color:#333;
}
.logo_foot{ margin-right: 10px; }
.copyright {
	font-size: 10px;
	color: #333333;
	margin: 0;
	/*
		background: linear-gradient(90deg,#009edd, #7253d9);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	*/
}


.ajax-loader {
	display:none;
}
.ajax-loader.active {
    position: fixed;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.50);
    left: 0;
    top: 0;
    z-index: 100000;
}

.slick-current {
    transform: translate3d(0px, 0px, 0px);
}
.slick-active {
    transform: translate3d(0px, 0px, 0px) !important;
}

/*----footer----
.fancybox-toolbar,.fancybox-infobar{top: 50px;}
.btn-fancybox{position: absolute; right: 5px; top: 5px; z-index: 9999;}
*/

.article_comment {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	padding: 15px;
	font-size: 18px;
}
.article_comment .left_icon {
	margin-right: 15px;
}
.article_comment .round {
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	width: 48px;
}
.article_comment .user {
	font-size: 20px;
	margin-bottom: 5px;
}
.article_comment .user span {
    color: #5F5F5F;
    font-size: 18px;
}
.comment_img {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin-top: 15px;
    border-radius: 7px;
    overflow: hidden;
}
.comment_img span {
	flex-grow: 1;
	display: block;
}
.comment_img .main_comment_img {
    width: 50%;
    min-width: 66.449%;
    margin-right: 0.5%;
}
.sub_img span:first-child{
	margin-bottom: 1%;
}
.comment_img .main_comment_img img {
	width: 100%;
}

/*----fancybox----*/
.fancybox-button--share,
.fancybox-button--thumbs,
.fancybox-button--fullscreen,
.fancybox-button--play{display: none !important;}
.slide_bottom_text{
  display:none;
}

.ad-fancybox {
  position: absolute;
  bottom: 0;
  z-index: 100000;
  width: 100%;
  text-align: center;
}

.ad-fancybox > div {
  margin: 0 auto;
}

/*----MODAL----*/
.modal-backdrop.in{height: 100%; z-index: 999;}
.modal_t-alert{top: 30%;}
.modal_t-alert .modal-dialog{max-width: 480px;}
.modal_t-alert .modal-block{background: linear-gradient(90deg,#009edd, #7253d9); padding: 10px;}
.modal_t-alert .modal-inner{background-color: #fff; position: relative;}
.modal_t-alert .close{color: #fff; background-color: #6f54d7; opacity: 1; font-size: 30px;}
.modal_t-alert .modal-texts{padding:0 0 20px; text-align: center;}
.modal_t-alert .modal-texts h3{margin: 10px 0 20px; font-weight: bold; font-size: 20px;}
.modal-texts .btn-clip{width: 250px; margin:0 auto; padding: 10px 0; font-size: 16px; background: url("../images/btn_09_bg.png") no-repeat scroll 0 0 / 100% 100%}
.modal-texts p{font-size: 12px; margin: 20px 10px; text-align: left;}
.modal-texts .btn-clip .ico_11{left: -10px;}



/*---------------------------------------------------------------------
***PC***
---------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
    .container{width: 1130px;}
    .navbar-middle{padding: 0 20px;}
    .navbar-items{position: absolute; right: 0; top: -62px;}
    .navbar-clip{border: none;}
    .navbar-clip::before, .navbar-clip::after{content: none;}
	.spbr { display:none; }
	.img-count-5 .slick-track{
		margin-left: -111px;
	}
	.img-count-4 .slick-track{
		margin-left: -56px;
	}
	.img-count-3 .slick-track{
		margin-left: 0px;
	}
	.img-count-2 .slick-track{
		margin-left: 56px;
	}
	.img-count-1 .slick-track{
		margin-left: 111px;
	}
}

/*---------------------------------------------------------------------
***Pad***
---------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
    .container{width: 100%;}
    .navbar-default{min-width: auto;}
    #main{max-width: 640px;}
    .page-title{max-width: 560px;}
    .mynav > li > a{font-size: 13px;}
	.img-count-5 .slick-track{
		margin-left: -20%;
	}
	.img-count-4 .slick-track{
		margin-left: -10%;
	}
	.img-count-1 .slick-track{
		margin-left: 20%;
	}

	.foot-bottom.flex.fx-bet.fx-itc {
		flex-direction: column;
		justify-content: flex-start;
		text-align: left;
		align-items: baseline;
	}

	.foot-meta {
		margin-bottom:5px;
	}

	.copyright {
		margin-bottom:5px;
	}
	.navbar-top_inner {
		text-align: left;
	}


}
@media only screen and (max-width: 1023px) {
    #wrap{display: block;}
    #main,#side{max-width: 100%;}
    #side{display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
    .side-sec{/*max-width: 336px;*/ max-width: 100%;width: 100%;}
    .bnr-s_1{margin-top: 80px;}
    .page-title{max-width: 640px;}
    .main-t2#main .sec-btns.ab{position: static; margin: 30px 0 20px;}
    .side-t2#side{max-width: 100%;}
    .navbar-top_flex{-webkit-justify-content:space-between; justify-content:space-between;}
}

/*---------------------------------------------------------------------
***スマホ***
---------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.img-count-5 .slick-track,
	.img-count-4 .slick-track{
		margin-left: 0px;
	}
	.img-count-1 .slick-track{
		margin-left: 25%;
	}
	a:hover {
		opacity: 1;
	}

	.pc-none {
		display:none;
	}

    /*----global----*/
    .my-slider,
    .bnrs,
    .my-slider2-nav,
    .photolist .sec-item
    {margin-left: -15px; margin-right: -15px;}
    .btn-clip{width: auto;}
	.ms-mlr0 {margin-left:0; margin-right:0;}
	.ms-mb60 { margin-bottom:60px !important; }
	.spbr { display: inherit; }


    /*----Layout----*/
    #side{max-width: 100%;}
    .main-t2#main{padding: 20px 15px 30px;}
    .side-t2#side{min-width: auto; padding: 20px 15px;}
    .side-sec{max-width: 100%; width: 100%;}


    /*----header----*/
    header{padding-bottom: 0;}
    .navbar-top_inner p{display: none;}
    .navbar-top_flex{-webkit-justify-content:center; justify-content:center;}

    .logo{max-width: 220px; display: block; margin: auto; padding-top: 11px;}
    .navbar-top{padding: 0; height: 48px;}
    header .navbar-toggle{padding: 0; margin: 0; border: none; height: 48px; width: 48px; border-radius: 0; position: absolute; right: 0; top: 0;}

    header .navbar-toggle i{height: 40px; width: 40px; background:url("../images/sm_01.svg"); background-size:65%; background-position:center center; background-repeat:no-repeat; margin: 5px 3px 3px 3px;}
	header .navbar-toggle.collapsed i{height: 40px; width: 40px; background-image:url("../images/icon_hamburger.svg"); background-size:contain;}

    .navbar-default{background: linear-gradient(90deg,#009edd, #7253d9); margin-bottom: 0; z-index:5002;}
    .navbar-outer{padding: 15px;}
    .navbar-inner{padding: 15px; background-color: rgba(255, 255, 255, 1); border-radius: 7px;}
    .navbar-items > .flex{display: block;}
    .navbar-form{padding: 0; margin: 0; width: 100%;}
    .navbar-form input{font-size: 16px; padding: 15px; height: auto;}
    .navbar-form .btn{padding: 12px; font-size: 20px;}
    .navbar-close{text-align: center; margin-top: 20px;}
    .navbar-close .btn{padding: 10px; font-size: 14px;}

    .navbar-clip{position: relative; margin: 15px 0; padding: 10px 20px; font-weight: bold;}
    .navbar-clip{background:#fff url("../images/btn_07_bg.png") no-repeat scroll 0 0 / 100% 100%; border-radius: 7px;}
    .navbar-clip::after{content: ""; position: absolute; width: 6px; height: 9px; right: 20px; top: 21px;}

    .navbar-clip .fa{font-size: 22px; margin-right: 10px;}
    .clip-cc{position: static;  width: 30px; height: 30px; border-radius: 30px; margin-left: 5px;}

    .mynav{-webkit-flex-wrap:wrap; flex-wrap:wrap; border-top: 1px solid #d0e9f8; margin:0 -15px;}
    .slide-mynav{margin: 0;}
    .mynav > li{width: 50%; box-sizing: border-box; background:url("../images/ico_14.svg") no-repeat scroll right 15px center / 8px; border-bottom: 1px solid #d0e9f8;}
    .mynav > li:nth-child(odd){border-right: 1px solid #d0e9f8;}
    .mynav > li > a{font-weight: bold; text-align: left; padding: 20px 15px; font-size: 14px;}
    .mynav > li > a::before,.mynav > li:last-child > a::after{content: none;}
    .mynav > li:hover::after,.mynav > li.active::after{content:none;}
    .navbar-clip .ico_10{position: relative; top: 0; margin-right: 5px;}

    .mynav-2{margin:0 -15px 20px; border:none;}
    .mynav-2 > li{width: 100%; background-color: #f9fbff;}
    .navbar-sns{margin: auto; width: 95px;}

    /*----breadcrumb----*/
    .breadcrumb{margin-bottom: 10px;}

    /*----Slider----*/
    .my-slider .slick-slide{height: 400px;}
    .slick-slide img{max-height: 400px;}
    .my-slider2-nav .slick-slide{height: 100px; width: 145px; overflow: hidden; border-radius: 6px;}
    .my-slider2-nav .slick-slide img{max-height: 100px;}
    .my-slider2 .slick-slide{height: 280px;}
    .my-slider2 .slick-slide img{max-height: 280px;}
    .photolist .sec-item{padding:0 15px 30px 15px;}
    .my-slider2 .slider-arrow{font-size: 26px; width: 34px;}
    .my-slider2 .slider-prev{left: -15px;}
    .my-slider2 .slider-next{right: -15px;}
    .my-slider_wrap .ab_ico_09{right: 15px; bottom: 15px;}


    /*----#main head----*/
    .meta-clip{
		position: relative;
		width: auto;
		display: flex;
		background-image: url(../images/btn_06_bg.png);
		border-radius: 4px;
		padding:5px;
	}
	.meta-clip br {
		display:none;
	}
	.slide-mynav {
		position:relative;
	}
	.all-delte {
		width:35px;
		height:35px;
		padding:10px;
		overflow:hidden;
		display:block;
		right:0px;
	}
	.all-delte i{
		display:none;
	}

	.mynav-item:hover::after,.mynav-item.active::after,
	.mynav > li:hover::after,.mynav > li.active::after {
		display:none;
	}
	.pc-hidden,
	.slick-track{
		position:relative;
	}

	.sp-global-menu {
		height:47px;
	}
	.sp_menu_under{
		background: linear-gradient(90deg,#009edd, #7253d9);
		width: 30%;
		content: "";
		height: 2px;
		position: absolute;
		bottom: 0;
		display: block;
		top: 48px;
		left: 50%;
		margin-left: -15%;
	}
	.fixed_menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 5000;
		background-color: #FFFFFF;
		display: block;
		height: 64px;
	}
	.fixed_menu .sp_menu_under{

	}

    .meta-cc,
	.meta-clip.disable .meta-texts,
    .meta-texts{padding: 3px 2px; font-size: 10px;}
    .glr-2::before{width: 1px; height: 100%; left: 0;}
    .meta-texts > span{display: inline-block; font-size: 12px;}
    .meta-texts .ico_10,
	.meta-clip.disable .meta-texts .ico_10,
	.meta-clip.disable:hover .meta-texts .ico_10,
	.meta-clip.disable:active .meta-texts .ico_10,
	.meta-clip.disable:focus .meta-texts .ico_10
	{width: 9px; margin-bottom: 0; height: 10px; background-size: 9px; position: relative; top: 2px;}

	.meta-clip.disable, .meta-clip.disable:hover, .meta-clip.disable:active {
		border: 1px solid #ddd;
		cursor: not-allowed;
		background-color: #FFFFFF;
		background: none;
		border-radius: 5px;
		padding: 4px;
	}

    .page-cat_date .date{margin-left: 1px;}
    .page-head{margin-bottom: 10px;}
    .breadcrumb{margin-bottom: 5px;}
    .textclip {margin-left: 0;}
    .textclip img{width: 9px;}

    .side-sec_title.t2{margin-top: 20px;}
    .side-sec_title.t2 span{font-size: 34px;}


    /*----#main body----*/
    .cat,.date,.meta-texts > span,.textclip{font-size: 10px;}
    .page-title{font-size: 16px; margin-bottom: 7px; min-height:inherit;}
    .page-sec_title{font-size: 16px;}
    .download-item{position: relative; padding: 10px 20px 10px 10px;}
    .download-item .glt-1{max-width: 350px;}
    .download-item .ico_01{position: absolute; right: 0; top: 43%;}
    .logo_music{width: 80px; right: 35px; position: absolute; top: 33px;}
    .news-body{padding: 10px;}
    .az-right{padding: 5px;}
    .btn-clip .ico_11{left: -20px;}
    .page-content{font-size: 14px; margin: 20px 0 40px;}
    .page-sub_img .ab_ico_09{right: 15px; bottom: 15px;}
    .rank-item .cat,.rank-item .date{font-size: 14px;}

    .download-item,
    .rank-name,
    .news-name,
    .az-name{font-size: 13px;}

    /*----#side----*/
    .side-sec_title{margin: 0 0 20px; text-align: center;}

    /*INDEX*/
    .newslist-t2 .masonry5 .news-item,
    .newslist-t2 .news-item{width: 49.9%;}
    .newslist-t2 .item-sm_full,
    .newslist-t2 .item-mostfull,
    .newslist-t2 .item-full{width: 100%;}
    .newslist-t2 .news-wrap{margin: -5px;}
    .item-full .news-name{font-size: 14px;}
    .newslist-t2 .news-meta{display: block;}
    .newslist-t2 .date-clip{display: block; text-align: right;}
    .newslist-t2 .item-mostfull .news-meta,
    .newslist-t2 .item-full .news-meta{display: flex;}
    .newslist-t2 .cat,
    .newslist-t2 .date
    {font-size: 10px;}

    .newslist-t2 .item-full .cat,
    .newslist-t2 .item-mostfull .cat,
    .newslist-t2 .item-full .date,
    .newslist-t2 .item-mostfull .date,
    .newslist-t2 .clip_cc,
    .rank_ix-item .cat,
    .rank_ix-item .date,
    .rank_ix-item2 .clip_cc
    {font-size: 11px;}
    .rank_ix-item .rank-body{padding: 10px;}
    .photo-wrap_t2{padding: 0 10px;}
    .photo-wrap_t2 .photo-item{width: 33%;}
    .photo-wrap_t2 .photo-item.x2{width:66%;}
    #bottom{padding: 40px 10px;}
    .tags{
		/*
		-webkit-justify-content:space-between;
		justify-content:space-between;
		*/
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
    .tag-item{font-size: 14px; padding: 7px 5px 5px}

    .side-sec_title.t_2{text-align: center; line-height: 1;}
    .side-sec_title.t_2 span{margin: 0; display: block;}
    .side-sec_title.t_2 small{}
    #middle{padding: 40px 20px;}

    /*----paging----*/
    .pgn > li:first-child > a, .pgn > li:last-child > a{width: 70px;}
    /* .pgn > li.pg-num:nth-child(n+5){display: none;} */

    /*----footer----*/
	.pagetop{margin: 0px 0 30px 0;  text-align: right;}
    footer{padding: 0 0 10px;}
    .foot-top{border-bottom: none; padding-bottom: 0; margin:0 -15px 20px;}
    .foot-bottom,
    .foot-links{display: block;}
    .foot-links a{display: block; background-position: right 10px center; margin: 0; padding: 15px; border-bottom: 1px solid #ddd;}
    .foot-meta{text-align: center;}
    .logo_foot{display: block; margin:  0 auto 20px; height:17px;  width:200px; }

    .copyright{margin: 20px 0 0; text-align: center;}
    .copyright span{display: inline-block; font-size: 10px;}

    /*MODAL*/
    .modal_t-alert .modal-block{padding: 5px;}
    .modal_t-alert .modal-texts{padding:0 0 20px; text-align: center;}
    .modal_t-alert .modal-texts h3{ font-size: 14px;}
    .modal_t-alert .modal-texts .btn-clip{width: 250px; font-size: 14px;}
    .modal_t-alert .modal-texts p{padding:0 10px; text-align: left;}
    .modal-texts .btn-clip .ico_11{left: -10px;}

	.article_comment .user {
		font-size: 16px;
	}
    .article_comment {
		font-size: 14px;
	}
	.article_comment .user span {
		font-size: 18px;
	}

}
@media only screen and (max-width: 390px) {
    .tags_t2 .tag-item{font-size: 12px; margin: 0 5px 15px;}
}

.mynav.flex.fx-bet.sm-hidden {
    display:flex;
    justify-content:space-around;
}
.mynav.flex.fx-bet.sm-hidden li{
    width:auto;
}
@media only screen and (max-width: 767px) {
    .mynav.flex.fx-bet.sm-hidden {
        display: none;
    }
}

.po-r {
	position:relative;
	z-index: 20;
}
.my-slider_wrap .po-r .ab_ico_09 {
	background-color:rgba(0,0,0,0.50);
}

.masonry5.masonry {
    margin-bottom: 120px;
}

.sp-zoom {
  display: none;
}

@media only screen and (max-width: 767px) {
  .sp-zoom {
    display: inline-block;
  }
}

/*ico IE 137*/
.no-backgroundcliptext .btn-clip:hover i.ico_10,
.no-backgroundcliptext .btn-clip:active i.ico_10,
.no-backgroundcliptext .meta-clip:hover i.ico_10,
.no-backgroundcliptext .meta-clip:active i.ico_10
{background-size: 13px auto;}

.no-backgroundcliptext i.ico_10{background-size: 22px auto;}

/*613*/
.rank-img img{max-height: 100px; max-width: 100px;}

@media only screen and (max-width: 1024px) {
  .foot-bottom.flex.fx-bet.fx-itc {
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    align-items: baseline;
  }
  .foot-meta {
    margin-bottom:5px;
  }
  .copyright {
    margin-bottom:5px;
  }
  .navbar-top_inner {
    text-align: left;
  }
}

@media all and (-ms-high-contrast:none){
  .my-slider2-nav .slick-slide img {
    max-width:99px;
  }
}

@media all and (-ms-high-contrast:none){
  .no-backgroundcliptext .btn-clip:hover i.ico_10, .no-backgroundcliptext .btn-clip:active i.ico_10, .no-backgroundcliptext .meta-clip:hover i.ico_10, .no-backgroundcliptext .meta-clip:active i.ico_10 {
    background-size:15px auto;
  }
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .page-sub_img {
    display:block;
  }
}

.meta-clip.disable:active .glt-1, .meta-clip.disable:hover .glt-1, .meta-clip.disable .glt-1 {
  color: #dddddd !important;
  -webkit-text-fill-color: #dddddd;
  background: none;
}