@charset "utf-8";

/* 2022-10-29 */

/* Colors of Mag
COLOR-A			#f00
COLOR-B			#00f
COLOR-C			#ff0
*/

/* =================== G-TOP ========================= */
	/* TAB CONTAINER */
		#cdRSS_TabContainer {
			border-bottom: 3px solid #f00; /* COLOR-A */
		}
			#cdRSS_TabContainer h2 {
				border-bottom: 3px solid #f00; /* COLOR-A */
				text-shadow: 1px 1px 0 #f00; /* COLOR-A */
			}
			.tab_item {
				border: 3px solid #f00; /* COLOR-A */
			}
			#cdRSS_TabContainer input:checked + .tab_item {
				background: #f00; /* COLOR-A */
				color: #000;
			}
			.slickUL i {
				color: #f00; /* COLOR-A */
			}

	/* G-TOP MAG */
	#ssMag_Inr {
		font-size: 0;
		margin: 0 0 20px;
	}
		#ssMag_Inr_v301 {
			/* background: rgba(150,140,200,.2); CHK */
			font-size: 0;
			margin: 0 auto;
		}
			#ssMI_v301-L,
			#ssMI_v301-R {
				display: inline-block;
				font-size: 0;
				margin: 0 2%;
				padding: 0;
				vertical-align: top;
				width: 46%;
			}
			#ssMI_v301-L {
				/* background: rgba(200,180,200,.2); CHK */
			}
			#ssMI_v301-R {
				/* background: rgba(100,240,100,.2); CHK */
			}
				.ssMag_v301{
					/* background: rgba(100,145,230,.2); CHK */
					margin: 0;
					position: relative;
				}
			.gTopMagImg {
				margin: 0 0 20px;
			}
				.gTopMagImg img {
					box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.2);
					display: block;
					height: auto;
					line-height: 1;
					margin: 0;
					padding: 0;
					width: 100%;
				}
		/* NEXT */
			.mag-a .magNextBtn .btnNEXT {
				border-top: 1px solid #f00; /* COLOR-A */
				border-bottom: 1px solid #f00; /* COLOR-A */
				color: #f00; /* COLOR-A */
			}
			.mag-b .magNextBtn .btnNEXT {
				border-top: 1px solid #00f; /* COLOR-B */
				border-bottom: 1px solid #00f; /* COLOR-B */
				color: #00f; /* COLOR-B */
			}
				.gTopMagSpec .btnCTS,
				.gTopMagSpec .btnBUY {
					border-radius: 15px;
					/* font-size: 14px;
					font-size: 1.4rem; */
					height: 30px;
					line-height: 30px;
					padding: 0;
				}
				.ssMag_v301.mo .gTopMagSpec .btnCTS {
					background: #f00; /* COLOR-A */
				}
				.ssMag_v301.mt .gTopMagSpec .btnCTS {
					background: #00f; /* COLOR-B */
				}
				.gTopMagSpec .btnCTS i {
					margin: 0 4px 0 0;
					vertical-align: middle;
				}
				.gTopMagSpec .btnDAYS {
					border-radius: 25px;
					font-size: 12px;
					font-size: 1.2rem;
					height: 50px;
					line-height: 1;
					padding: 0;
				}
					.gTopMagSpec .btnDAYS img {
						margin: 12px 0 0;
					}
		.Mag_BDG {
			align-items: center;
			border-radius: 30px;
			color: #fff;
			display: flex;
			font-size: 12px;
			font-size: 1.2rem;
			height: 60px;
			justify-content: center;
			line-height: 1.1;
			position: absolute;
			right: -20px;
			text-align: center;
				-webkit-transform: rotate(-10deg);
				-o-transform: rotate(-10deg);
			transform: rotate(-10deg);
			width: 60px;
			vertical-align: middle;
			top: -10px;
			z-index: 5;
		}
		.Mag_BDG strong {
			display: block;
			font-size: 16px;
			font-size: 1.6rem;
		}
			.mag-a .Mag_BDG {
				background: #f00; /* COLOR-A */
			}
			.mag-b .Mag_BDG {
				background: #00f; /* COLOR-B */
			}


	/* G-TOP KC */
	#ssGtopKC_matchHeight,
	#ssGtopKC {
		margin: 0 auto 5%;
		text-align: center;
		position: relative;
		width: 100%;
	}
		#ssGtopKC_matchHeight h2,
		#ssGtopKC h2 {
			background: #f00; /* COLOR-A */
			color: #fff;
			font-size: 16px;
			font-size: 1.6rem;
			font-weight: 700;
			line-height: 1;
			margin: 0 0 2%;
			max-width: 9999px;
			padding: 10px 0;
			position: relative;
			text-align: center;
			width: 100%;
			z-index: 10;
		}
			#ssGtopKC_matchHeight h2 i,
			#ssGtopKC h2 i {
				margin: 0 4px 0 0;
				vertical-align: middle;
			}
				#ssGtopKC ul li {
					display: inline-block;
					font-size: 12px;
					font-size: 1.2rem;
					line-height: 1;
					margin: 10px;
					padding: 0;
					position: relative;
					vertical-align: bottom;
				}
					#ssGtopKC ul li a {
						background: url("/_i/noimg.png");
						display: block;
					}
						#ssGtopKC ul li a img, {
							display: block;
							height: auto;
							width: 100%;
						}
				#ssGtopKC_matchHeight ul li {
					margin: 0 10px;
				}
					#ssGtopKC_matchHeight ul li img {
						max-height: 240px;
					}
						.GtopKCCTag {
							background: #000; /* BLACK */
							box-shadow: 2px 2px rgba(255,255,255,1);
							color: #fff;
							border-radius: 2px;
							left: -5px;
							font-size: 10px;
							font-size: 1rem;
							font-weight: bold;
							margin: 0;
							padding: 2px 6px;
							position: absolute;
							text-align: center;
							top: 5px;
							z-index: 15;
						}
						.GtopKCC_OvrCap {
							background: linear-gradient(rgba(255,255,255,0), 20%, rgba(255,255,255,0.85));
							bottom:0;
							display: block;
							left: 0;
							line-height: 1.3;
							/* padding: 2%; */
							padding: 20px 5px 10px;
							position: absolute;
							text-align: center;
							width: calc( 100% - 10px );
							z-index: 5;
						}
							.GtopKCC_OvrCap h4 {
								font-size: 11px !important;
								font-size: 1.1rem !important;
								line-height: 1.2;
							}
							.GtopKCC_OvrCap div {
								font-size: 11px;
								font-size: 1.1rem;
							}
		/* slide-dots */
		.slide-dots {
			bottom: -40px;
			display: block;
			list-style: none;
			margin: 0;
			padding: 0;
			position: absolute;
			text-align: center;
			width: 100%;
		}
		.slide-dots li {
			cursor: pointer;
			display: inline-block;
			height: 10px;
			margin: 0;
			padding: 0;
			position: relative;
			width: 10px;
		}
		.slide-dots li.slick-active button::before {
			color: red;
		}
		.slide-dots li button {
			background: transparent;
			border:0;
			font-size: 0pt;
		}
		.slide-dots li button::before {
			color: black;
			content: "•";
			font-family: "slick";
			font-size: 6px;
			height: 20px;
			left: 0;
			line-height: 20px;
			opacity: 0.25;
			position: absolute;
			text-align: center;
			top: 0;
			width: 20px;
		}

	/* G-TOP NEWS and TWITTER  */
	#ssGtop_NT_v30 {
		/* background: rgba(200,200,100,.3); CHK */
		font-size: 0;
	}
		#ssGtopNews,
		#ssGtopTwitter {
			display: inline-block;
			vertical-align: top;
		}
		/* G-TOP News */
		#ssGtopNews {
			/* background: rgba(100,200,200,.3); CHK */
			margin: 0 15px 0 0;
			position: relative;
			text-align: left;
			width: calc( 100% - 335px );
		}
			#ssGtopNews .udrLk {
				padding: 0;
			}
		/* G-TOP Twitter */
		#ssGtopTwitter,
		#ssGtopTwitter_2L {
			/* background: rgba(150,200,150,.3); CHK */
			margin: 20px auto 0;
			padding: 0 0 20px;
			position: relative;
			width: 320px;
		}
		#ssGtopTwitter {
			height: 560px;
		}
		#ssGtopTwitter_2L {
			height: 560px;
		}
			#ssGtopTwitter h2,
			#ssGtopTwitter_2L h2 {
				margin: 0 0 10px;
			}
			#ssGtopTwitter h2 i,
			#ssGtopTwitter_2L h2 i {
				color: #55acee;
				margin: 0 4px 0 0;
			}
			#ssGtopTwitter .twitter-timeline,
			#ssGtopTwitter_2L .twitter-timeline {
				width: 100% !important;
			}
			#ssGtopTwitter .twitter-timeline {
				height: 550px !important;
			}
			#ssGtopTwitter_2L .twitter-timeline {
				height: 220px !important;
			}

	/* G-TOP BANNER */
	#ssGtopBanner {
		/* background: #efefef; CHK */
		display: block;
		font-size: 0;
		margin: 0 auto 5%;
		max-width: 1600px;
		text-align: center;
		width: 80%;
	}
		#ssGtopWideBnr,
		#ssGtopBanner>div {
			display: inline-block;
			height: auto;
			padding: 0;
			vertical-align: top;
		}
		#ssGtopWideBnr {
			margin: 0;
			overflow: hidden;
			position: relative;
			text-align: left;
			width: 65.37%;
		}
			#ssGtopWideBnr img {
				display: block;
				height: auto;
				width: 100%;
			}
		#ssGtopSquareBnr {
			margin: 0 0 0 5.11%;
			width: 29.52%;
		}





/* ====================================================================
RESPONSIVE
==================================================================== */


/* ----------------------------------------------------------------
                              1280　
------------------------------------------------------------------- */
@media screen and (max-width: 1280px) {
/* =================== G-TOP ========================= */
		.Mag_BDG {
			border-radius: 25px;
			font-size: 11px;
			font-size: 1.1rem;
			height: 50px;
			right: -15px;
			width: 50px;
			top: -5px;
			z-index: 5;
		}
		.Mag_BDG strong {
			font-size: 12px;
			font-size: 1.2rem;
		}
				/* .gTopMagSpec .btnCTS {
					font-size: 12px;
					font-size: 1.2rem;
				} */
				#ssMCD_BtnArea a {
					width: 48%;
				}
				#ssMCD_BtnArea a.daysCts {
					border-radius: 15px;
					box-shadow: 2px 2px rgba(0, 0, 0, .25);
					line-height: 30px;
					margin: 0 1% 10px;
					height: 30px;
					display: block;
					width: 98%;
				}
	#ssGtopBanner {
		clear: both;
		max-width: 9999px;
		width: 100%;
		margin: 0 auto 50px;
	}
	#ssGtopBanner::after {
		display: block;
		content: "";
		height: 30px;
		width: auto;
	}
}/* 1280px */


/* ----------------------------------------------------------------
                              1024
------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
/* =================== G-TOP ========================= */
}/* 1024px */

/* ----------------------------------------------------------------
                              960
------------------------------------------------------------------- */
@media screen and (max-width: 960px) {
}/* 960px */


/* ----------------------------------------------------------------
                              940
------------------------------------------------------------------- */
@media screen and (max-width: 940px) {
}/* 940px */


/* ----------------------------------------------------------------
                              720
------------------------------------------------------------------- */
@media screen and (max-width: 720px) {
	/* =================== G-TOP ========================= */
	/* G-TOP MAG */
			#ssMI_v301-L,
			#ssMI_v301-R {
				display: block;
				margin: 0;
				width: 100%;
			}
			#ssMI_v301-L {
				margin: 0 auto 50px;
			}
			#ssMI_v301-R {
				margin: 0 auto;
			}
					.daysCts {
						
					}
					.DAYSPremium {
						position: relative;
					}
		/* G-TOP Twitter */
		#ssGtopNews,
		#ssGtopTwitter {
			padding: 0 0 40px;
			margin: 0 auto;
			position: static;
			width: auto;
		}
		#ssGtopTwitter,
		#ssGtopTwitter_2L {
			padding: 0 0 20px;
			position: relative;
			width: 100%;
		}
		#ssGtopTwitter {
			height: 510px;
		}
		#ssGtopTwitter_2L {
			height: 710px;
		}
		/*
			#ssGtopTwitter .twitter-timeline {
				height: 500px !important;
			}
			#ssGtopTwitter_2L .twitter-timeline {
				height: 300px !important;
			}
		*/
	/* G-TOP BANNER */
	#ssGtopBanner {
		margin: 0 auto 50px;
	}
		#ssGtopWideBnr,
		#ssGtopSquareBnr {
			display: block;
			margin: 0 0 5%; 
		}
		#ssGtopWideBnr {
			width: 100%;
		}
		#ssGtopSquareBnr {
			width: 55%;
		}
		
}/* 720px */


/* ----------------------------------------------------------------
                              640
------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
}/* 640px */


/* ----------------------------------------------------------------
                              540
------------------------------------------------------------------- */
@media screen and (max-width: 540px) {
/* =================== G-TOP ========================= */
}/* 540px */


/* ----------------------------------------------------------------
                              480
------------------------------------------------------------------- */
@media screen and (max-width: 480px) {
}/* 480px */


/* ----------------------------------------------------------------
                              360
------------------------------------------------------------------- */
@media screen and (max-width: 360px) {
	/* =================== G-TOP ========================= */

		/* G-TOP Twitter */
			#ssGtopTwitter .twitter-timeline,
			#ssGtopTwitter_2L .twitter-timeline {
				max-width: 300px;
			}
}/* 360px */