@charset "utf-8";
/* Colors of Mag
sitte			 #ffc703
Yanmaga			#3ca6ff
M-Yanmaga		#8884f0
Yanmaga 3rd		#c76cd3
Yanmaga WEB		#f0428d
ComicDAYS		#dc5448
*/

/* =================== BASE STRUCTURE ========================= */

	/* DRAWER MENU for MAG */
	.drawer-menu li a:hover {
		background: #ffc703;
	}
	.drawer-hamburger {
		background: rgba(0, 0, 0, 1);
	}
	.drawer-hamburger:hover {
		background: rgba(0, 0, 0, .86);
	}
	.drawer-hamburger-icon,
	.drawer-hamburger-icon:after,
	.drawer-hamburger-icon:before {
		background-color: #fff;
	}

	/* FONT */
	@font-face{font-family:'webYM_Num';src:url(../font/webYM_Num.eot);src:url('../font/webYM_Num.eot?#iefix') format('embedded-opentype'),url(../font/webYM_Num.ttf) format('truetype')}
	body{border-top: 3px solid #000;}


/* =================== HEADER ========================= */
	/* HEADER for MAG */
	#HDR_v30 {
		background: #ffc703;
		border-top: 3px solid #fff;
	}
		#maglogo a img {
			width: 220px;
		}
		#hdrH2 {
			color: #000;
		}

	/* FOOTER */
	footer {
		background-color: #000;
		background-image: url("/_i/ymlogotype2018gry.svg");
		background-position: right bottom;
		background-repeat: no-repeat;
		color: #ccc;
	}
		 footer a {
			color: #ccc !important;
		 }
		 #ymFtrLogo {
			height: auto;
			position: absolute;
			left: 10px;
			top: -36px;
			width: 200px;
		 }
		 #ymLT2018Gry {
			height: auto;
			position: absolute;
			right: 20px;
			top: 20px;
			width: 30%;
		 }

/* =================== JS ========================= */
	#page-top a {
		background: #000;
		color: #ffc703 !important;
	}


/* =================== PLANE / CMN ========================= */
	/* CONTENTS LIST v4 */
			.cv4T h3.ym {
				color: #3ca6ff;
			}
			.cv4T h3.mym {
				color: #8884f0;
			}
			.cv4T h3.ym3 {
				color: #c76cd3;
			}
			.cv4T h3.ymweb {
				color: #f0428d;
			}
			.cv4T h3.cd {
				color: #dc5448;
			}

	/* COMMON PARTS */
	.bc_ttl {
		padding: 0;
		margin: 0 0 20px;
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}
		.ss_h2 h2 {
			border-color: #000;
			padding: 0 !important;
			margin: 0 0 20px;
			border-bottom: solid 2px;
			font-size: 11px;
			font-size: 1.1rem;
			text-align: left;
		}
		.ss_h2 h2.ym {
			border-color: #3ca6ff;
		}
		.ss_h2 h2.mym {
			border-color: #8884f0;
		}
		.ss_h2 h2.ym3 {
			border-color: #c76cd3;
		}
		.ss_h2 h2.ymweb {
			border-color: #f0428d;
		}
		.ss_h2 h2.cd {
			border-color: #dc5448;
		}
	.udrLk a {
		border-bottom: 2px solid #ffc703;
	}
		.LI_wT li a span {
			background: #ffc703;
			color: #000;
		}

	/* PLANE */
		.mainSS_ttl.ym {
			border-color: #ffc703;
		}
		.mainSS_ttl.mym {
			border-color: #8884f0;
		}
		.mainSS_ttl.ym3 {
			border-color: #c76cd3;
		}
		.mainSS_ttl.cd {
			border-color: #dc5448;
		}
		.mainSS_ttl.ymweb {
			border-color: #f0428d;
		}

	.ss_1Column {
		background: #ddc; /* CHK */
		margin: 0 auto 5%;
		max-width: 1600px;
		text-align: left;
		width: 80%;
	}








/* =================== G-TOP ========================= */
	#ssMag_Inr {
		font-size: 0;
		margin: 0 0 20px;
	}
		#ssMag_Inr_v301 {
			/* background: rgba(150,140,200,.2); */
			font-size: 0;
			margin: 0;
		}
			#ssMI_v301-L,
			#ssMI_v301-R {
				font-size: 0;
				padding: 0;
				vertical-align: top;
			}
			#ssMI_v301-L {
				/* background: rgba(200,180,200,.2); */
				display: inline-block;
				width:45%;
			}
			#ssMI_v301-R {
				/* background: rgba(100,240,100,.2); */
				display: inline-block;
				margin: 0 0 0 2%;
				width: 53%;
			}
				.ssMag_v301,
				.ssMag_cd {
					/* background: rgba(100,145,230,.2); */
					position: relative;
				}
				.ssMag_v301 {
					margin: 0;
				}
				.ssMag_cd {
					margin: 20px 0 0;
				}
				#ssMI_v301-R .ssMag_v301 {
					display: inline-block;
					width: 48%;
					margin: 0;
					padding: 0;
					vertical-align: top;		
				}
				#ssMI_v301-R .ssMag_v301.mym {
					margin: 0 2% 0 0;
				}
				#ssMI_v301-R .ssMag_v301.ymweb {
					margin: 0 0 0 2%;
				}
					.ssMag_v301 h3,
					.ssMag_cd  h3 {
						display: block;
						margin: 0 0 10px;
					}
					.ym .bdrTitle {
						color: #3ca6ff !important;
					}
					.mym .bdrTitle {
						color: #8884f0 !important;
					}
					.ymweb .bdrTitle {
						color: #000 !important;
					}
					.cd .bdrTitle {
						color: #dc5448 !important;
					}
		.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;
		}
			.ym .Mag_BDG {
				background: #3ca6ff;
			}
			.mym .Mag_BDG {
				background: #8884f0;
			}
			.ymweb .Mag_BDG {
				background: #f0428d;
				color: #ff0;
			}
			.cd .Mag_BDG {
				background: #dc5448;
			}

				.gTopNext .btnNEXT {
					font-weight: normal;
					margin: 0;
				}
				.ym .gTopNext {
					border-top: 1px solid #3ca6ff;
					border-bottom: 1px solid #3ca6ff;
				}
				.ym .gTopNext a {
					color: #3ca6ff;
				}
				.mym .gTopNext {
					border-top: 1px solid #8884f0;
					border-bottom: 1px solid #8884f0;
				}
				.mym .gTopNext a {
					color: #8884f0;
				}
				.ym3 .gTopNext {
					border-top: 1px solid #c76cd3;
					border-bottom: 1px solid #c76cd3;
				}
				.ym3 .gTopNext a {
					color: #c76cd3;
				}
					.gTopNext .btnNEXT i {
						font-size: 18px;
						font-size: 1.8rem;
						margin: 0 0 0 4px;
						vertical-align: middle;
					}
					.gTopNext .btnNEXT span {
						font-size: 11px;
						font-size: 1.1rem;
						line-height: 0;
						position: absolute;
						right: 10px;
						top: 50%;
					}
				.gTopMagSpec .btnCTS {
					border-radius: 15px;
					font-size: 14px;
					font-size: 1.4rem;
					height: 30px;
					line-height: 30px;
					margin: 10px 0;
					padding: 0;
				}
				.gTopMagSpec.ym .btnCTS {
					background: #3ca6ff;
				}
				.gTopMagSpec.mym .btnCTS {
					background: #8884f0;
				}
				.gTopMagSpec.ymweb .btnCTS  {
					background: #f0428d;
					color: #ff0;
				}
					.YMWeb_SignUp.btnCTS  {
						border-radius: 20px;
						background: #000 !important;
						height: 40px;
					}
					.YMWeb_SignUp img {
						height: 36px;
						width: auto;
						margin: 2px 0 0;
					}
					.YMWeb_SignUp a:hover img {
							filter: alpha(opacity=100);
							-moz-opacity: 1;
						opacity: 1;
					}
					.gTopMagSpec .btnCTS i {
						margin: 0 4px 0 0;
					}
				.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;
					}
				#ssMCD_BtnArea a {
					background: #000;
					border-radius: 20px;
					box-shadow: none;
					display: inline-block;
					line-height: 40px;
					height: 40px;
					margin: 0 1%;
					padding: 0;
					width: 31.3333333333%;
				}
					#ssMCD_BtnArea .btnDL img {
						vertical-align: middle;
						height: 18px;
						margin: -3px 4px 0 0;
						width: auto;
					}
					.DAYSPremium img {
						height: 26px;
						width: auto;
						margin: 7px 0 0;
					}




/*
		.DAYSPremium {
			display: block;
			background: -moz-linear-gradient(left, #dc5448 50%, #faaf00);
			background: -webkit-linear-gradient(left, #dc5448 50%, #faaf00);
			background: linear-gradient(to right, #dc5448 50%, #faaf00);
					border-radius: 25px;
					height: 50px;
					line-height: 1;
					padding: 0;
			box-shadow: 2px 2px rgba(0, 0, 0, .25);
			text-align: center;
		}
		.btnDL a {
			background: #fff;
			border: 2px solid #999;
			border-radius: 20px;
			box-shadow: 2px 2px rgba(0, 0, 0, .25);
			display: block;
			margin: 10px 0 0;
			font-size: 14px;
			font-size: 1.4rem;
			font-weight: bold;
			line-height: 1;
			text-align: center;
			padding: 10px;
		}
			.btnDL a i {
				margin: 0 0 0 4px;
			}
*/




	/* Award Badge */
	#awdBadge,
	#trialBadge {
		border-bottom: 10px solid #fff;
		border-top: 10px solid #fff;
		display: block;
		height: 80px;
		margin: 0 0 100px;
		width: 100%;
	}
	#awdBadge {
		background: #ff9300;
	}
	#trialBadge {
		background: #dc5448;
	}
		#awdBadge img,
		#trialBadge img {
			display: block;
			margin: -60px auto;
			width: 200px !important;
			z-index: 10;
		}
		#awdBadge:hover img,
		#awdBadge img:hover,
		#trialBadge:hover img,
		#trialBadge img:hover,
		.btnDAYS:hover img {
			filter: alpha(opacity=100);
			-moz-opacity: 1;
		opacity: 1;
		}
	/* G-TOP POWERPUSH */
	#ssRCM18v1 {
		text-align: left;
	}
		#ssPP {
			display: block;
			font-size: 0px;
			margin:0 auto 60px;
		}
		#ssPP {
			display: block;
			font-size: 0px;
			margin:0 auto 60px;
			overflow: auto;
		}
			#ssPP li {
				display: inline-block;
				font-size: 11px;
				font-size: 1.1rem;
				height: auto;
				line-height: 1.2;
				margin: 1%;
				overflow: hidden;
				position: relative;
				vertical-align: top;
				width: 23%;
			}
			#ssPP li:before {
				content: "";
				display: block;
				padding-top: 83.3333333333%;
			}
					#ssPP li img {
						display: block;
				height: auto;
						left: 50%;
						margin: 0;
						position: absolute;
							-webkit-transform: translate(-50%,-50%);
							-moz-transform: translate(-50%,-50%);
							-ms-transform: translate(-50%,-50%);
							-o-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
						top: 50%;
				width: 100%;
				z-index: 1;
					}
			.ssPPCap {
				background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.9));
				color: #fff;
				display: block;
				font-size: 11px;
				font-size: 1.1rem;
				left: 0;
				padding: 1%;
						position: absolute;
				text-align: center;
				bottom: 0;
				width:98%;
				z-index: 5;
			}
	/* G-TOP GRAVURE */
	#ssYG18v1 {
		margin: 0 auto 70px;
		text-align: center;
		position: relative;
		width: 100%;
	}
		#ssYG18v1 h2 {
			background: #ff72ae;
			color: #fff;
			font-size: 24px;
			font-size: 2.4rem;
			font-weight: 700;
			line-height: 1;
			margin: 0 0 2%;
			max-width: 9999px;
			padding: 15px 0;
			text-align: center;
			width: 100%;
			z-index: 10;
		}
			#ssYG18Cv1 {
				color: #ff72ae;
				font-size: 13px;
				font-size: 1.3rem;
				font-weight: 700;
				line-height: 1.1;
				margin: 0;
			}
			a #ssYG18Tv1,
			a #ssYG18Tv1:hover,
			a #ssYG18BDGv1:hover{
				z-index: 10 !important;
			}
			#ssYG18BDGv1 {
				align-items: center;
				background: url("/_i/badge_ymg.svg") no-repeat;
				color: #fff;
				display: flex;
				height: 100px;
				justify-content: center;
				line-height: 1.1;
				position: absolute;
				right: 4%;
				text-align: center;
				top: 0;
					-webkit-transform: rotate(-10deg);
					-o-transform: rotate(-10deg);
				transform: rotate(-10deg);
				width: 100px;
				vertical-align: middle;
				z-index: 10;
			}
				#ssYG18BDGv1 strong {
					display: block !important;
					font-size: 30px !important;
					font-size: 3rem !important;
				}
			#ssYG18_GSCv1 {
				width: 100%;
			}
				#ssYG18_GSCv1 h3,
				#ssYG18_GSCv1 h4 {
					font-weight: normal;
				}
				#ssYG18_GSCv1 h3 {
					background: #3ca6ff;
					font-size: 12px;
					font-size: 1.2rem;
				}
				#ssYG18_GSCv1 .sp-slide {
					display: inline-block;
					font-size: 12px;
					font-size: 1.2rem;
					height: 282px;
					line-height: 1.3;
					margin: 2%;
					position: relative;
					width: 200px;
					vertical-align: bottom;
				}
					#ssYG18_GSCv1 .sp-slide a img {
						height: auto;
						width: 100%;
					}
						.gsTagYM,
						.GSCv1_C {
							margin: 0;
						}
						.gsTagYM,
						.gsTagMYM {
							border-radius: 2px;
							left: -5px;
							font-size: 11px;
							font-size: 1.1rem;
							padding: 2px 6PX;
							position: absolute;
							text-align: center;
							top: 5px;
							z-index: 5;
						}
						.gsTagYM {
							background: #3ca6ff;
							color: #e2f2ff;
						}
						.gsTagMYM {
							background: #8884f0;
							color: #ebeaff;
						}
							.gsTagYM:before,
							.gsTagMYM:before {
								content: '';
								width: 0;
								height: 0;
								border-width: 12px 0px 0px 10px;
								border-style: solid;
								position: absolute;
								bottom: -8px;
								left:14px;
								margin-left:-10px;
								z-index: 0;
							}
							.gsTagYM:before {
								border-color: #3ca6ff transparent transparent transparent;
							}
							.gsTagMYM:before {
								border-color: #8884f0 transparent transparent transparent;
							}
						.gsOvrCap {
							background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.9));
							bottom:0;
							color: #fff;
							display: block;
							height:auto;
							left: 0;
							padding: 2%;
							position: absolute;
							text-align: center;
							width: 96%;
							z-index: 5;
						}
							.gsOvrCap h4,
							.gsOvrCap div {
								line-height: 1.3;
							}
							.gsOvrCap h4 {
								font-size: 13px;
								font-size: 1.3rem;
								font-weight: normal;
								margin: 0 0 5px;
								padding: 0;
							}
							.gsOvrCap div {
								font-size: 11px;
								font-size: 1.1rem;
								margin: 0;
								padding: 0;
							}

		/* NEWS TWITTER */

		#ymNS_ym a {
			background: #3ca6ff;
		}
		#ymNS_mym a {
			background: #8884f0;
		}
		#ymNS_ym3 a {
			background: #c76cd3;
		}
		#ymNS_eym a {
			background: #00bbd5;
		}
		#ymNS_ymg a {
			background: #ff72ae;
		}
		#ymNS_ymt a {
			background: #dc5448;
		}
		#ymNS_ymkc a {
			background: #32be00;
		}
		#ymNS_yma a {
			background: #ff9300;
		}
		#ymNS_all a {
			background: #fecf41;
		}

	#ssNWTW18v1 {
		font-size: 0;
	}
		#ssNW18v1,
		#ssTW18v1 {
			display: inline-block;
			vertical-align: top;
		}
		/* G-TOP News */
		#ssNW18v1 {
			margin: 0 2% 4% 0;
			position: relative;
			text-align: left;
			width: 68%;
		}
			#ssNW18v1 div {
				overflow: auto;
			}
			#ssNW18v1 div a {
				display: inline-block;
				height: auto;
				margin: 1%;
				width: 13.4%;
			}
			#ssNW18v1 .udrLk {
				padding: 0 4% 0 0;
			}
		/* G-TOP Twitter */
		#ssTW18v1 {
			/* background: #acc; CHK */
			height: 410px;
			padding: 0 0 20px;
			position: relative;
			width: 30%;
		}
			#ssTW18v1 .twitter-timeline {
				height: 400px !important;
			}







/* ======== 1024 ======== */
@media screen and (max-width: 1024px) {
	/* FOOTER */
		 #fM18v1>ul>li {
			width: 16%;
		 }
}

/* ======== 960 ======== */
@media screen and (max-width: 960px) {
/* =================== G-TOP ========================= */
	.ssMag20v1 {
		margin: 2% 2% 4%;
		width: 46%;
	}
}

/* ======== 720 ======== */
@media screen and (max-width: 720px) {
/* =================== G-TOP ========================= */
	.ssMag20v1 {
		margin: 2% 2% 4%;
		width: 46%;
	}
	/* G-TOP POWERPUSH */
		#ssPP li {
			width: 30%;
		}
		/* G-TOP Twitter */
		#ssNW18v1,
		#ssTW18v1 {
			padding: 0 0 40px;
			position: static;
			width: 100%;
		}
		#ssTW18v1 {
			height: 510px;
		}
			#ssTW18v1 .twitter-timeline {
				height: 500px !important;
				max-width: 720px;
				width: 100% !important;
			}
}


/* ======== 640 ======== */
@media screen and (max-width: 640px) {
	/* SECTION */
	.mainSS {
		width: 95%;
	}
	#HDR_v30 {
		text-align: left;
	}
	/* FOOTER */
	footer {
		margin: 15% 0 0;
		padding: 20px 20px 100px;
		text-align: center;
	}
		 footer small {
			margin: 10px 0 0;
		 }
		 #fM18v1>ul>li {
		 	margin: 20px 10px;
			width: calc(50% - 60px);
		 }
/* =================== G-TOP ========================= */
	/* G-TOP POWERPUSH */
		#ssPP li {
			width: 47%;
		}


/* =================== G-TOP ========================= */
	#ssMag_Inr {
		font-size: 0;
	}
	.ssMag20v1 {
		display: block;
		margin: 1% auto 50px;
		width: 80%;
	}
		#ymlogo a img {
			margin: 0;
			width: 180px
		}
}

/* ======== 480 ======== */
@media screen and (max-width: 480px) {
	footer {
		margin: 25% 0 0;
	}
		#ssYG18v1 h2 {
			font-size: 20px;
			font-size: 2rem;
		}
			#ssYG18BDGv1 {
				height: 75px;
				right: 6px;
				top: 20px;
				width: 75px;
			}
				#ssYG18BDGv1 strong {
					font-size: 18px;
					font-size: 1.8rem;
				}
							.gsOvrCap h4 {
								font-size: 9px;
								font-size: 0.9rem;
							}
							.gsOvrCap div {
								font-size: 7px;
								font-size: 0.7rem;
							}
}
/* THR追加CSSココ以下 */

/* MAG TOP 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */

#MAGv18_ttl {
	color: #fff;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding: 1%;
	position: relative;
	margin: 0;
	width: 98%;
}
	h1.ym {
		background: #3ca6ff;
	}
	h1.mym {
		background: #8884f0;
	}
	h1.ym3 {
		background: #c76cd3;
	}
	h1.eym {
		background: #00bbd5;
	}
	h1.ymg {
		background: #ff72ae;
	}
#MAGv18_ttl #Mag_YMBDG18v1,
#MAGv18_ttl #Mag_MYMBDG18v1,
#MAGv18_ttl #Mag_YM3BDG18v1,
#MAGv18_ttl #Mag_eYMBDG18v1,
#MAGv18_ttl #Mag_YMGBDG18v1 {
	color: #fff;
	font-size: 14px !important;
	font-size: 1.4rem !important;
	height: 90px;
	right: 20px;
	top: -20px;
	width: 90px;
}
	#MAGv18_ttl #Mag_YMBDG18v1 strong,
	#MAGv18_ttl #Mag_MYMBDG18v1 strong,
	#MAGv18_ttl #Mag_YM3BDG18v1 strong,
	#MAGv18_ttl #Mag_eYMBDG18v1 strong,
	#MAGv18_ttl #Mag_YMGBDG18v1 strong {
		display: block !important;
		font-size: 20px !important;
		font-size: 2rem !important;
	}

#MAGTOPv181 {
	padding: 40px 0 0;
}
	.MAGv18L,
	.MAGv18R {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
	}
	#MAGTOPv181 .MAGv18L {
		/* background: rgba(140,200,230,.3); CHK */
		width: 40%;
	}
	#MAGTOPv181 .MAGv18R {
		/* background: rgba(200,200,130,.3); CHK */
		padding: 0 0 0 3%;
		text-align: left;
		width: 57%;
	}
		#MAGTOPv181 .MAGv18L .btnDAYS,
		#MAGTOPv181 .MAGv18L .btnBUY,
		.MAGv18R .btnEYM {
			font-size: 16px;
			font-size: 1.6rem;
			height: auto;
			margin: 20px 0;
		}
		#MAGTOPv181 .MAGv18L .btnDAY {
			padding: 10px 0;
		}
		#MAGTOPv181 .MAGv18L .btnBUY,
		.MAGv18R .btnEYM {
			padding: 20px 0;
		}
			#MAGTOPv181 .MAGv18L .btnDAYS img {
				width: 200px;
			}
		#MAGTOPv181 #MAGv18Num {
			margin: -10px 0 0;
		 }
		#MAGv18_C,
		#MAGv18_T,
		#MAGv18_P {
			display: block;
			margin: 10px 0;
		}
		#MAGv18_C {
			font-size: 20px;
			font-size: 2rem;
			line-height: 1.3;
		}
		#MAGv18_eymTopics,
		#MAGv18_T {
			font-size: 14px;
			font-size: 1.4rem;
			line-height: 1.5;
			text-align: justify;
			text-justify: inter-ideograph;
		}
		#MAGv18_P {
			font-size: 14px;
			font-size: 1.4rem;
			font-weight: bold;
			text-align: center;
			padding: 0;
		}
		.ym #MAGv18Num_NY,
		.ym #MAGv18_P {
			color: #3ca6ff;
		}
		.mym #MAGv18Num_NY,
		.mym #MAGv18_P {
			color: #8884f0;
		}
		.ym3 #MAGv18Num_NY,
		.ym3 #MAGv18_P {
			color: #c76cd3;
		}
		#MAGv18Date {
			color: #fff;
			display: block;
			margin: 0;
			max-width: 100%;
			padding: 5px 10px;
			position: relative;
			text-align: center;
		}
		.ym #MAGv18Date {
			background: #3ca6ff;
		}
		.mym #MAGv18Date {
			background: #8884f0;
		}
		.ym3 #MAGv18Date {
			background: #c76cd3;
		}
	#MAGv18C {
		margin: 40px 0 0;
	}
	#MAGTOPv181 #ssNW18v1 {
		margin: 20px 0 0;
		width: 100%;
	}
	#MAGTOPv181 #MAGv18Date {
		margin: 0 !important;
	}
		#MAGv18Num {
			/* background: rgba(200,200,100,.4); */
			height: 80px;
			margin: 15px 0;
			width: 100%;
			vertical-align: top;
		}
			#MAGv18Num_NY {
				/* background: rgba(200,200,100,.4); */
				display: block;
				height: 80px;
				float: left;
				font-family: webYM_Num;
				position: relative;
			}
				#MAGv18Num_Y,
				#MAGv18Num_No,
				#MAGv18Num_N {
					margin: 0;
					padding: 0;
					position: absolute;
				}
				#MAGv18Num_Y {
					bottom: 45px;
					font-size: 26px;
					font-size: 2.6rem;
					line-height: 0.5;
				}
				#MAGv18Num_No {
					bottom: 8px;
					font-size: 40px;
					font-size: 4rem;
					line-height: 0.5;
				}
				#MAGv18Num_N {
					display: block;
					font-size: 95px;
					font-size: 9.5rem;
					left: 40px;
					line-height: 1;
					margin: -4px 0 0;
				}
		#MAGv18_Clr {
			clear: both;
			margin: 0 0 10px;
		}
			#MAGv18_Clr h3 {
				border-bottom: solid 2px #000;
				font-size: 11px;
				font-size: 1.1rem;
				margin: 20px 0 4px;
				text-align: left;
			}
			#MAGv18_Clr .divL,
			#MAGv18_Clr .divR {
				display: block;
				float: left;
				margin: 0;
				padding: 0;
				text-align: left;
			}
			#MAGv18_Clr .divL {
				width: 60%;
			}
			#MAGv18_Clr .divR {
				padding: 0 0 0 2%;
				width: 38%;
			}
				#MAGv18_Clr .divR h4 {
					display: inline;
					font-size: 20px;
					font-size: 2rem;
					line-height: 1;
					padding: 0 0 5px;
				}
					.ym #MAGv18_Clr .divR h4 {
						border-bottom: 2px solid #3ca6ff;
					}
				#MAGv18_Clr_A {
					display: block;
					font-size: 14px;
					font-size: 1.4rem;
					line-height: 1;
					margin: 10px 0;
				}
				#MAGv18_Clr_C {
					font-size: 14px;
					font-size: 1.4rem;
					font-weight: bold;
					line-height: 1.3;
					margin: 0 0 10px;
				}
			#MAGv18_eymTopics strong {
				color: #00bbd5;
				display: block;
				font-size: 20px;
				font-size: 2rem;
				font-weight: normal;
				line-height: 1.3;
				margin: 0 0 20px;
			}


/* MAG BACK NUMBER 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */

#magBN {
	font-size: 0;
}
	.magBN li {
		display: block;
		float: left;
		font-size: 12px;
		font-size: 1.2rem;
		margin: 2%;
		padding	: 0;
		width: 21%;
	}
.magbnTTL {
	margin: 0 0 5px;
	padding	: 0;
	text-align: left;
}
.magbnYear {
	/* background: rgba(200,230,140,.2);CHK */
	display: inline-block;
	font-family	: 'webYM_Num';
	font-size: 16px;
	font-size: 1.6rem;
}
.magbnNo {
	/* background: rgba(230,140,200,.2);CHK */
	display: inline-block;
	font-family	: 'webYM_Num';
	font-size: 34px;
	font-size: 3.4rem;
	padding	: 0 3px 0 0!important;
}
.magbDate {
	display: inline-block;
	font-size: 10px;
	font-size: 1rem;
	margin: 0;
	padding	: 2px 3px !important;
}
.magBN .magbnYear,
.magBN .magbnNo,
.magBN .magbDate {
	line-height: 1;
}
.ym .magbnYear,
.ym .magbnNo,
.ym .magbDate {
	color: #3ca6ff;
}
.ym .magbDate {
	border: 1px solid #3ca6ff;
}
.mym .magbnYear,
.mym .magbnNo,
.mym .magbDate {
	color: #8884f0;
}
.mym .magbDate {
	border: 1px solid #8884f0;
}
.ym3 .magbnYear,
.ym3 .magbnNo,
.ym3 .magbDate {
	color: #8884f0;
}
.ym3 .magbDate {
	border: 1px solid #8884f0;
}


	/* NEWS CMNS */
	#ssN18v1 ul li a,
	#ssNW18v1 ul li a,
	#ctsNews li a {
		background: #fff;
		border-bottom: 1px dotted #000;
		display: block;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.4;
		padding: 20px 0;
	}
	#ssN18v1 ul li a:hover,
	#ssNW18v1 ul li a:hover,
	#ctsNews li a:hover {
		background: #efefef;
	}
		#ssN18v1 ul li a span,
		#ssNW18v1 ul li a span,
		#ctsNews li a span,
		#ctsGRD-item ul li a span {
			display: inline-block;
			background: #fecf41;
			border-radius: 4px;
			border-radius: 4px;
			font-size: 1rem;
			margin: 0 0 0 10px;
			padding: 2px;
		}

/* 最新号追加 */
#MAGv18Num .ym,
#MAGv18Num .mym,
#MAGv18Num .ym3 {
		align-items: center;
		color: #fff;
		display: flex;
		float: left;
		font-size: 18px !important;
		font-size: 1.8rem !important;
		font-weight: bold;
		height: 100px;
		justify-content: center;
		line-height: 1;
		margin: 0 10px 0 0;
		text-align: center;
			-webkit-transform: rotate(-10deg);
			-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
		width: 100px;
		vertical-align: middle;
		z-index: 5;
}
	#MAGv18Num .ym i,
	#MAGv18Num .mym i,
	#MAGv18Num .ym3 i {
		margin: 0 0 0 5px;

	}
#Mag_YMBDG18v1,
#MAGv18Num .ym {
		background: url("/_i/badge_ym.svg") no-repeat;
}
#Mag_MYMBDG18v1,
#MAGv18Num .mym {
		background: url("/_i/badge_mym.svg") no-repeat;
}
#Mag_YM3BDG18v1,
#MAGv18Num .ym3 {
		background: url("/_i/badge_ym3.svg") no-repeat;
}
#Mag_eYMBDG18v1 {
		background: url("/_i/badge_eym.svg") no-repeat;
}
#Mag_YMGBDG18v1 {
		background: url("/_i/badge_ymg.svg") no-repeat;
}
		#Mag_YMBDG18v1 strong,
		#Mag_MYMBDG18v1 strong,
		#Mag_YM3BDG18v1 strong,
		#Mag_eYMBDG18v1 strong,
		#Mag_YMGBDG18v1 strong {
			display: block !important;
			font-size: 16px !important;
			font-size: 1.6rem !important;
		}


		#Mag_YMBDG18v1,
		#Mag_MYMBDG18v1,
		#Mag_YM3BDG18v1,
		#Mag_eYMBDG18v1,
		#Mag_YMGBDG18v1 {
				align-items: center;
				color: #fff;
				display: flex;
				font-size: 12px !important;
				font-size: 1.2rem !important;
				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: 0;
				z-index: 5;
		}
		#MAGv18Num .ym,
		#MAGv18Num .mym,
		#MAGv18Num .ym3 {
				align-items: center;
				color: #fff;
				display: flex;
				float: left;
				font-size: 18px !important;
				font-size: 1.8rem !important;
				font-weight: bold;
				height: 100px;
				justify-content: center;
				line-height: 1;
				margin: 0 10px 0 0;
				text-align: center;
					-webkit-transform: rotate(-10deg);
					-o-transform: rotate(-10deg);
				transform: rotate(-10deg);
				width: 100px;
				vertical-align: middle;
				z-index: 5;
		}
			#MAGv18Num .ym i,
			#MAGv18Num .mym i,
			#MAGv18Num .ym3 i {
				margin: 0 0 0 5px;

			}
		#Mag_YMBDG18v1,
		#MAGv18Num .ym {
				background: url("/_i/badge_ym.svg") no-repeat;
		}
		#Mag_MYMBDG18v1,
		#MAGv18Num .mym {
				background: url("/_i/badge_mym.svg") no-repeat;
		}
		#Mag_YM3BDG18v1,
		#MAGv18Num .ym3 {
				background: url("/_i/badge_ym3.svg") no-repeat;
		}
		#Mag_eYMBDG18v1 {
				background: url("/_i/badge_eym.svg") no-repeat;
		}
		#Mag_YMGBDG18v1 {
				background: url("/_i/badge_ymg.svg") no-repeat;
		}
				#Mag_YMBDG18v1 strong,
				#Mag_MYMBDG18v1 strong,
				#Mag_YM3BDG18v1 strong,
				#Mag_eYMBDG18v1 strong,
				#Mag_YMGBDG18v1 strong {
					display: block !important;
					font-size: 16px !important;
					font-size: 1.6rem !important;
				}


				#MAGTOPv181 #MAGv18Date {
					margin: 0 !important;
				}
					#MAGv18Num {
						/* background: rgba(200,200,100,.4); */
						height: 80px;
						margin: 15px 0;
						width: 100%;
						vertical-align: top;
					}
						#MAGv18Num_NY {
							/* background: rgba(200,200,100,.4); */
							display: block;
							height: 80px;
							float: left;
							font-family: webYM_Num;
							position: relative;
						}
							#MAGv18Num_Y,
							#MAGv18Num_No,
							#MAGv18Num_N {
								margin: 0;
								padding: 0;
								position: absolute;
							}
							#MAGv18Num_Y {
								bottom: 45px;
								font-size: 26px;
								font-size: 2.6rem;
								line-height: 0.5;
							}
							#MAGv18Num_No {
								bottom: 8px;
								font-size: 40px;
								font-size: 4rem;
								line-height: 0.5;
							}
							#MAGv18Num_N {
								display: block;
								font-size: 95px;
								font-size: 9.5rem;
								left: 40px;
								line-height: 1;
								margin: -4px 0 0;
							}
					#MAGv18_Clr {
						clear: both;
						margin: 0 0 10px;
					}
						#MAGv18_Clr h3 {
							border-bottom: solid 2px #000;
							font-size: 11px;
							font-size: 1.1rem;
							margin: 20px 0 4px;
							text-align: left;
						}
						#MAGv18_Clr .divL,
						#MAGv18_Clr .divR {
							display: block;
							float: left;
							margin: 0;
							padding: 0;
							text-align: left;
						}
						#MAGv18_Clr .divL {
							width: 60%;
						}
						#MAGv18_Clr .divR {
							padding: 0 0 0 2%;
							width: 38%;
						}
							#MAGv18_Clr .divR h4 {
								display: inline;
								font-size: 20px;
								font-size: 2rem;
								line-height: 1;
								padding: 0 0 5px;
							}
								.ym #MAGv18_Clr .divR h4 {
									border-bottom: 2px solid #3ca6ff;
								}
							#MAGv18_Clr_A {
								display: block;
								font-size: 14px;
								font-size: 1.4rem;
								line-height: 1;
								margin: 10px 0;
							}
							#MAGv18_Clr_C {
								font-size: 14px;
								font-size: 1.4rem;
								font-weight: bold;
								line-height: 1.3;
								margin: 0 0 10px;
							}
						#MAGv18_eymTopics strong {
							color: #00bbd5;
							display: block;
							font-size: 20px;
							font-size: 2rem;
							font-weight: normal;
							line-height: 1.3;
							margin: 0 0 20px;
						}
						
						
/* MAG IDV 雑誌個別テンプレート追記THR〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */

#MAGv181 {
	padding: 80px 0 0;
}
	#MAGv181 .MAGv18L {
		/* background: rgba(140,200,230,.3); */
		text-align: left;
		width: 30%;
	}
		#MAGv181 .MAGv18L .btnBUY {
			font-size: 18px;
			font-size: 1.8rem;
			padding: 15px 0;
		}
	#MAGv181 .MAGv18R {
		/* background: rgba(200,200,130,.3); */
		padding: 0 0 0 3%;
		width: 67%;
	}
		.ym #MAGv18Num {
			color: #3ca6ff;
		}
		.mym #MAGv18Num {
			color: #8884f0;
		}
		.ym3 #MAGv18Num {
			color: #c76cd3;
		}
		.eym #MAGv18Num {
			color: #00bbd5;
		}
		#sRCM18v1 h2,
		#MAGv181 .MAGv18R h2 {
			background: #000;
			color: #fff;
			font-size: 13px;
			font-size: 1.3rem;
			font-weight: bold;
			line-height: 1;
			padding: 10px 0;
			text-align: center;
		}
		#MAGv181 #MAGv18_Clr {
			margin: 0 0 30px;
		}
		/* ===== CONTENTS LIST v4 For MAG===== */
		#MAGv18Idx {
			/*background: rgba(240,250,140,.2); CHK */
			text-align: left;
			font-size: 0;
		}
			#MAGv18Idx li {
				/*background: rgba(240,150,140,.2); CHK */
				margin: 1.5% 1.5% 3%;
				position: relative;
				width: 22%;
			}

			#MagYM18v1 ul,
			#MagMYM18v1 ul,
			#MagYM318v1 ul,
			#MagEYM18v1 ul,
			#MAGv18_LiBtn,
			#MAGv18_LiBtn_L  {
				clear: both;
				display: block;
				margin:0 auto 10px;
				text-align: center;
				width: 100%;
			}
			#MagYM18v1 ul li,
			#MagMYM18v1 ul li,
			#MagYM318v1 ul li,
			#MagEYM18v1 ul li,
			#MAGv18_LiBtn li,
			#MAGv18_LiBtn_L li {
				display: inline-block;
			}
			#MagYM18v1 ul li a,
			#MagMYM18v1 ul li a,
			#MagYM318v1 ul li a,
			#MagEYM18v1 ul li a,
			#MAGv18_LiBtn li a,
			#MAGv18_LiBtn_L li a {
				align-items: center;
				color: #fff;
				display: flex;
				font-weight: 700;
				float: left;
				justify-content: center;
				line-height: 1.1;
					-webkit-transform: rotate(-10deg);
					-o-transform: rotate(-10deg);
				transform: rotate(-10deg);
				vertical-align: middle;
			}
			#MAGv18_LiBtn li a {
				border-radius: 30px;
				font-size: 12px;
				font-size: 1.2rem;
				height: 60px;
				width: 60px;
			}
			#MAGv18_LiBtn_L li a {
				border-radius: 40px;
				font-size: 16px;
				font-size: 1.6rem;
				height: 80px;
				width: 80px;
			}
			#MagYM18v1 ul li a,
			.ym #MAGv18_LiBtn li a,
			.ym #MAGv18_LiBtn_L li a {
				background: #3ca6ff;
			}
			#MagMYM18v1 ul li a,
			.mym #MAGv18_LiBtn li a,
			.mym #MAGv18_LiBtn_L li a {
				background: #8884f0;
			}
			#MagYM318v1 ul li a,
			.ym3 #MAGv18_LiBtn li a,
			.ym3 #MAGv18_LiBtn_L li a {
				background: #c76cd3;
			}
			#MagEYM18v1 ul li a,
			.eym #MAGv18_LiBtn li a ,
			.eym #MAGv18_LiBtn_L li a {
				background: #00bbd5;
			}
/* MAG IDV 雑誌個別テンプレート追記THR 終了〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */

/* AUTHOR v18.2 著者ページ　追記SZk〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */
#ymATHRv182 {
}
	#ymATHRv182 h1 {
		margin: 0 0 50px;
	}
	#ymATHRv182 .athr-img {
		display: block;
		height: auto;
		margin: 30px auto;
		width: 200px;
	}
		#ymATHRv182_Inr {
			/* background: rgba(110,100,220,.2); CHK */
			margin: 0 auto;
			max-width: 720px;
		}
		#ymATHRv182 #ymATHR-UL {
			/* background: rgba(210,200,220,.2); CHK */
			font-size: 0;
			text-align: left;
		}
			#ymATHRv182 .athrL,
			#ymATHRv182 .athrR {
				display: block;
				overflow: auto;
				vertical-align: top;
			}
			#ymATHRv182 .athrL {
				/* background: rgba(210,200,220,.2); CHK */
			}
				#ymATHRv182 .athrL img {
					display: block;
					margin: auto;
				}
			#ymATHRv182 .athrR {
				/* background: rgba(110,170,240,.2); CHK */
				font-size: 16px;
				font-size: 1.6rem;
			}
				#ymATHRv182 .athrName,
				#ymATHRv182 .athrYomi {
					text-align: center;
				}
				#ymATHRv182 .athrName {
				/* background: rgba(0,170,240,.2); CHK */
					font-size: 30px !important;
					font-size: 3rem !important;
					font-weight: normal !important;
					border-bottom: none;
					margin: 10px 0px 10px 0px;
				}
				#ymATHRv182 .athrYomi {
					font-size: 12px;
					font-size: 1.2rem;
					margin: 0 0 20px;
					padding: 0;
				}
					#ymATHRv182 .athrName span {
						border-bottom: 6px solid #fecf41;
						padding: 10px 0 5px;
					}
				#ymATHRv182 .athrSNS a {
					display: inline-block;
					font-size: 13px;
					font-size: 1.3rem;
					margin: 5px;
				}
					#ymATHRv182 .athrSNS a i {
						font-size: 11px;
						font-size: 1.1rem;
					}
						#ymATHRv182 .athrSNS .btnWEB span,
						#ymATHRv182 .athrSNS .btnTW span,
						#ymATHRv182 .athrSNS .btnFB span,
						#ymATHRv182 .athrSNS .btnBLG span {
							border-radius: 10px;
							color: #fff;
							display: inline-block;
							height: 20px;
							line-height: 20px;
							text-align: center;
							width: 20px;
						}

/*AUTHOR v18.2　追加ここまで＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

						#ymPLAv18_ttl {
			border-bottom: 4px solid #fecf41;
			line-height: 1.3;
		}

					#ymATHRList .athrName {
						font-size: 16px;
						font-size: 1.6rem;
					}
					#ymATHRList .athrYomi {
						font-size: 11px;
						font-size: 1.1rem;
					}
#ymATHRList .ymATHR-UL,
				#ymATHRList .athrSNS {
					display: block;
				}
					#ymATHRList .ymATHR-UL .athrSNS .btnTW span,
					#ymATHRList .ymATHR-UL .btnFB .btnTW span,
					#ymATHRList .ymATHR-UL .btnBLG .btnTW span {
							border-radius: 20px;
							height: 40px;
							margin: 0 4px;
							line-height: 40px;
							font-size: 16px;
							font-size: 1.6rem;
							width: 40px;
					}
						#ymATHRList .athrSNS .btnWEB span,
						#ymATHRList .athrSNS .btnTW span,
						#ymATHRList .athrSNS .btnFB span,
						#ymATHRList .athrSNS .btnBLG span {
							border-radius: 10px;
							height: 20px;
							margin: 0 4px;
							line-height: 20px;
							font-size: 12px;
							font-size: 1.2rem;
							width: 20px;
						}
/* 著者ページ　追記SZk終了〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */


/* CONTENTS 追記THR〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */

#ymCTSv181 {
	position: relative;
}
	#ymCTSv181 span.ctsMag {
		border-radius: 0 10px 10px 0;
		color: #fff;
		display: block;
		font-size: 11px;
		font-size: 1.1rem;
		left: 0;
		text-align: center;
		padding: 2px 10px 2px 5px;
		position: absolute;
		top: -10px;
		z-index: 10;
	}
	#ymCTSv181 span.ym {
		background: #3ca6ff;
	}
	#ymCTSv181 span.mym {
		background: #8884f0;
	}
	#ymCTSv181 span.ym3 {
		background: #c76cd3;
	}
	#ymCTSv181 span.eym {
		background: #00bbd5;
	}
	#ymCTSv181 span.cd {
		background: #dc5448;
	}
	#ymCTSv18_ttl {
		max-width: 1200px;
		margin: 0 auto;
		text-align: center;
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	#ymCTSv18_ttl:before {
		content: "";
		display: block;
		padding-top: 31.914894%;
	}
		#ymCTSv181 h1 img {
			height: auto;
			width: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			-o-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}
		#ctsSNS {
			/* background: rgba(255,255,0,.3); CHK */
			bottom: 20px;
			display: block;
			font-size: 0;
			position: absolute;
			right: 26px;
			z-index: 10;
		}
			#ctsSNS a {
				font-size: 0;
			}
				#ymCTSv181 .btnWEB span,
				#ymCTSv181 .btnTW span,
				#ymCTSv181 .btnFB span,
				#ymCTSv181 .btnBLG span {
					border-radius: 25px;
					color: #fff;
					display: inline-block !important;
					height: 50px;
					margin: 0 4px;
					line-height: 50px;
					font-size: 26px;
					font-size: 2.6rem;
					width: 50px;
				}
	#ymCTSv18_C {
		background: #fff;
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.2;
		padding: 4px 0;
		text-align: center;
		width: 100%;
	}
	#ymCTSv181_inr .btnDAYS,
	#ymCTSv181_inr .btnTRY {
		font-size: 20px;
		font-size: 2rem;
		margin: 40px auto;
		padding: 20px 0;
		width: 80%;
	}
		#ymCTSv181_inr .btnDAYS img {
			height: auto;
			margin: 10px 0 5px;
			width: 30%;
		}
		#ymCTSv181_ctsGRD {
			/* background: rgba(210,100,220,.5); */
			font-size: 0;
			min-height: 100px;
		}
			.ctsGRD-item {
				/* background: rgba(110,150,250,.3); */
				display: inline-block;
				font-size: 14px;
				font-size: 1.4rem;
				margin: 2%;
				min-height: 100px;
				text-align: left;
				vertical-align: top;
				width: 46%;
			}
				.ctsGRD-item h2 {
					margin: 0 0 15px;
				}
				.ctsGRD-item h3 {
					margin: 0 0 10px;
				}
		#ctsComic {
			font-size: 0;
		}
			#ctsComic li {
				display: inline-block;
				height: auto;
				margin: 4%;
				vertical-align: top;
				width: 42%;
			}
				#ctsComic li img {
					min-width: 1%;
				}
			#ctsNSL,
			#ctsEBL,
			#ctsRSS {
				/* background: rgba(255,255,255,.7); */
				margin: 20px 0;
			}
				#ctsNSL h3,
				#ctsEBL h3,
				#ctsRSS h3 {
					border-bottom: 2px solid #32be00;
					color: #32be00;
					font-size: 12px;
					margin: 0 0 10px;
					position: relative;
					text-align: center;
				}
				#ctsNSL h3:before,
				#ctsEBL h3:before,
				#ctsRSS h3:before {
					content: "";
					position: absolute;
					top: 100%;
					left: 50%;
					margin-left: -8px;
					border: 8px solid transparent;
					border-top: 8px solid #32be00;
				}
				#ctsEBL .colorBarBTN_ymnws a {
					color: #000 !important;
					font-size: 12px;
					font-size: 1.2rem;
					height: 20px;
					line-height: 20px;
					margin: 0 auto 10px;
				}
				#ctsEBL .btnBUY {
					font-size: 18px;
					font-size: 1.8rem;
					height: 35px;
					line-height: 35px;
					margin: 0 auto 20px;
				}
				.bnrStore {
					/* background: rgba(100,100,100,.4); */
					font-size: 0;
				}
					.bnrStore li {
						display: inline-block;
						font-size: 10px;
						font-size: 1rem;
						margin: 1%;
						padding: 0;
						width: 23%;
						vertical-align: top;
					}
						.bnrStore li img {
							display: block;
							margin: 0;
							padding: 0;
						}
			.ctsAtrC {
				margin: 0 0 2%;
			}
			.btnAP,
			.btnNSL,
			.btnATR {
				display: block;
				margin: 10px auto;
			}
				.btnAP span,
				.btnNSL span,
				.btnATR span,
				.btnWEB span,
				.btnTW span,
				.btnFB span,
				.btnBLG span {
					border-radius: 15px;
					color: #fff;
					display: inline-block;
					height: 30px;
					line-height: 30px;
					text-align: center;
					width: 30px;
				}
				.btnAP span {
					background: #fecf41;
				}
				.btnNSL span,
				.btnATR span {
					background: #32be00;
				}
				.btnWEB span {
					background: #07ad97;
				}
				.btnTW span {
					background: #00aced;
				}
				.btnFB span {
					background: #305097;
				}
				.btnBLG span {
					background: #2185AA;
				}
		#ctsChar {
			font-size: 0;
		}
			#ctsChar li {
				display: inline-block;
				font-size: 12px;
				font-size: 1.2rem;
				line-height: 1.4;
				margin: 2%;
				width: 21%;
				vertical-align: top;
			}
				.ctsChar_N {
					border-bottom: 1px dashed #ccc;
					display: block;
					font-size: 16px;
					font-size: 1.6rem;
					font-weight: bold;
					margin: 0 0 3px;
					padding: 0 0 3px;
				}
				.ctsChar_R {
					font-size: 9px;
					font-size: 0.9rem;
					margin: 0 0 15px;
					font-weight: bold;
				}
	#ctsFA-1 {
		margin: 5% 0;
	}
#cts-yt_ttl {
	background			: #000;
	box-shadow			: 10px 0 0 0 #333,
							-10px 0 0 0 #333,
							0 3px 3px 0 rgba(0,0,0,0.1);
	color				: #fff;
	font-weight			: bold;
	height				: 14px;
	line-height			: 14px;
	margin				: 0;
	position			: relative;
	padding				: 2px;
	text-align			: center;
}
#cts-yt_ttl:before {
	border-width		: 10px 0 0 10px;
	border-style		: solid;
	border-color		: transparent;
	border-top-color	: #003572;
	content				: " ";
	height				: 0;
	left				: -10px;
	position			: absolute;
	top					: 100%;
	width				: 0;
}
#cts-yt_ttl:after {
	border-width		: 10px 10px 0 0;
	border-style		: solid;
	border-color		: transparent;
	border-top-color	: #003572;
	content				: " ";
	height				: 0;
	left				: 100%;
	position			: absolute;
	top					: 100%;
	width				: 0;
}
#cts-yt_ttl a {
	color				: #555;
	text-decoration		: underline;
}
#cts-yt_ttl a:hover {
	opacity				: 0.75;
		filter			: alpha(opacity=75);
		-moz-opacity	: 0.75;
}
#cts-youtube iframe {
	border				: 1px solid #888;
	padding				: 0;
}
.cts-youtube1 {
	margin-bottom		: 5px;
}
/* CTS Twitter */
	section.twArea {
			height: 540px;
	}
		section.twArea .twitter-timeline {
			height: 540px;
			margin: 0 auto;
			max-width: 720px;
			width: 100% !important;
		}
#ssRL18v1 ul {
	margin: 0 auto 5%;
	max-width: 1600px;
	text-align: left;
	width: 100%;
}
/* CONTENTS 追記THR 終了〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */


/* ======== 940 ======== */
@media screen and (max-width: 940px) {
	#WB18v1,
	#SB18v1 {
		display: block;
		margin: 0 auto;
	}
	#WB18v1 {
		margin: 0 auto 5%;
		width: 80%;
	}
	#SB18v1 {
		margin: 0 auto;
		width: 45%;
	}

/* ===== CONTENTS LIST v4 ===== */
	.cLv4 li {
		margin: 2%;
		width: 29.33333333%;
	}

		iframe.iframeL,
		iframe.iframeLL  { /*1L*/
			height			: 203px;
			width			: 360px;
		}

/* MAG TOP 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */
	#MAGTOPv181 .MAGv18L,
	#MAGTOPv181 .MAGv18R {
		float: none;
		margin: 20px 0;
		padding: 0;
		width: 100%;
	}
				#MAGv18Num_N {
					margin: 4px 0 0;
				}

#MAGv18_ttl #Mag_YMBDG18v1,
#MAGv18_ttl #Mag_MYMBDG18v1,
#MAGv18_ttl #Mag_YM3BDG18v1,
#MAGv18_ttl #Mag_eYMBDG18v1,
#MAGv18_ttl #Mag_YMGBDG18v1 {
	font-size: 12px !important;
	font-size: 1.2rem !important;
	height: 70px;
	right: 20px;
	top: -20px;
	width: 70px;
}
	#MAGv18_ttl #Mag_YMBDG18v1 strong,
	#MAGv18_ttl #Mag_MYMBDG18v1 strong,
	#MAGv18_ttl #Mag_YM3BDG18v1 strong,
	#MAGv18_ttl #Mag_eYMBDG18v1 strong,
	#MAGv18_ttl #Mag_YMGBDG18v1 strong {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}
			#MAGv18_Clr h3 {
				width: 100%;
			}
			#MAGv18_Clr .divL,
			#MAGv18_Clr .divR {
				width: 100%;
			}
		/* ===== CONTENTS LIST v4 For MAG===== */
			#MAGv18Idx li {
				margin: 3% 3% 6%;
				width: 44%;
			}

/* MAG IDV 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */

	#MAGv181 .MAGv18L {
		width: 40%;
	}
	#MAGv181 .MAGv18R {
		text-align: left;
		width: 57%;
	}

/* CONTENTS 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */
			#ctsChar li {
				margin: 5%;
				width: 40%;
			}
				#ctsChar li img {
					display: block;
					margin: 0 auto;
				}
			#ctsComic li {
				display: block;
				margin: 4% 0;
				width: 100%;
			}
				#ctsComic li img {
					display: block;
					margin: 0 auto;
					width: 70%;
				}
}

/* ======== 720 ======== */
@media screen and (max-width: 720px) {
/* G-TOP POWERPUSH */
	#ssPP li {
		width: 30%;
	}
/* FOOTER */
footer {
	margin: 15% 0 0;
	padding: 20px 20px 100px;
}
	 footer small {
		margin: 10px 0 0;
	 }
	 #fM18v1>ul>li {
		width: 28%;
	 }
#ssMag18v1,
#ssFB18v1,
#ssRCM18v1,
#ssNW18v1,
#ssNWTW18v1,
#barayomiSS {
	/* background: #ddc; CHK */
	width: 95%;
}
#barayomiSS {
	margin: 0 auto 5%;
}
	#MagYM18v1:after,
	#MagMYM18v1:after,
	#MagYM318v1:after,
	#MagEYM18v1:after,
	#ssNW18v1:after,
	#ssTW18v1:after  {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
/* 動画エリア */
		iframe.iframeSS,
		iframe.iframeS,
		iframe.iframeM,
		iframe.iframeL,
		iframe.iframeLL {
			height: 124px;
			width: 220px;
		}

	/* G-TOP Twitter */
	#ssNW18v1,
	#ssTW18v1 {
		padding: 0 0 40px;
		position: static;
		width: 100%;
	}
	#ssTW18v1 {
		height: 510px;
	}
		#ssTW18v1 .twitter-timeline {
			height: 600px !important;
			max-width: 720px;
			width: 100% !important;
		}

/* MAGAZINE */
	#MagYM18v1,
	#MagMYM18v1,
	#MagYM318v1,
	#MagEYM18v1 {
		margin: 0 auto 100px;
		width: 70%;
	}
#ssFB18v1 li {
	display: inline-block;
	margin: 0 0.2%;
	width: 32%;
}
		#ssKC18v1 .udrLk,
		#ssNW18v1 .udrLk {
			padding: 0 2% 0 0;
		}

/* MAG BACK NUMBER 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */
	.magBN li {
		margin: 4%;
		width: 42%;
	}


/* MAG IDV 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */
	#MAGv181 .MAGv18L,
	#MAGv181 .MAGv18R {
		float: none;
		width: 100%;
	}


/* CONTENTS 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */
			.ctsGRD-item {
				display: block;
				width: 100%;
				margin: 30px auto;
			}
				#ctsEBL .colorBarBTN_ymnws {
					display: inline-block;
					margin: 0;
					width: 50%;
				}
			#ctsChar li {
				margin: 2%;
				width: 29.3333333333%;
				vertical-align: top;
			}
					.bnrStore li {
						width: 23%;
					}

/* AUTHOR v18.2 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */
			#ymATHRv182 .athrL,
			#ymATHRv182 .athrR {
				padding: 0;
			}
			#ymATHRv182 .athrL,
			#ymATHRv182 .athrR {
				width: auto;
				font-size: 15px;
				font-size: 1.5rem;
				line-height: 1.8;
			}
				#ymATHRv182 .athrSNS a {
					display: inline-block;
					font-size: 14px;
					font-size: 1.4rem;
					margin: 10px;
				}
					#ymATHRv182 .athrSNS a i {
						font-size: 14px;
						font-size: 1.4rem;
					}
						#ymATHRv182 .athrSNS .btnWEB span,
						#ymATHRv182 .athrSNS .btnTW span,
						#ymATHRv182 .athrSNS .btnFB span,
						#ymATHRv182 .athrSNS .btnBLG span {
							border-radius: 15px;
							height: 30px;
							line-height: 30px;
							width: 30px;
						}


}

/* ======== 640 ======== */
@media screen and (max-width: 640px) {
.img_pc,
.pcview {
	display			: none;
}
.img_sp,
.spview {
	display			: block;
}
	#WB18v1 {
		width: 100%;
	}
	#SB18v1 {
		width: 70%;
	}
/* G-TOP POWERPUSH */
	#ssPP li {
		width: 47%;
	}
/* TO-TOP */
#page-top {
	bottom: 40px;
	height: 58px;
	right: 5px;
	width: 58px;
}
#page-top a {
	border-radius: 29px;
	font-size: 2.4rem;
	height: 58px;
	width: 58px;
}
#move-page-top {
	line-height: 52px;
}
.drawer-hamburger {
	position: static;
}
.drawer-hamburger {
	position: fixed !important;
	top: auto;
	bottom: 40px !important;
	left: 5px;
}
	#dhName {
		bottom: 60px;
	}
#gH {
	text-align: left;
}
#ymlogo img {
	height: 80px;
	margin: -10px 0 0;
	width: 80px;
}
#gcsBox_v2 {
	width: 220px !important;
}
/* FOOTER */
	 #fM18v1>ul>li {
		width: 45%;
	 }
/* G-TOP SHARE */
#ssSh18v1 {
	margin: 50px 0 80px;
}
	#ssSh18v1 h2 {
		padding: 0 1%;
		margin: 0 0 5px;
		width: 98%;
	}
	#ssSh18v1 div ul {
		margin: 0;
		width: 100%;
	}
/* Switcher */
	#ymNewsSwitcher li,
	#ymCtsSwitcher li {
		line-height: 1.1;
		margin: 3px 2.5px;
	}
	#ymNewsSwitcher li a,
	#ymCtsSwitcher li a {
		border-radius: 25px;
		padding: 7px 15px;
	}
	#ymCtsSwitcher .csw4L {
		display: block;
	}

/* PLANE 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */
	#ymPLAv181 h1,
	#ymPLBv181 h1 {
		font-size: 22px;
		font-size: 2.2rem;
	}
	#ymPLAv181 h2,
	#ymPLBv181 h2 {
		font-size: 20px;
		font-size: 2rem;
	}
	#ymPLAv181 h3,
	#ymPLBv181 h3 {
		font-size: 18px;
		font-size: 1.8rem;
	}
	#ymPLAv181 h4,
	#ymPLBv181 h4 {
		font-size: 16px;
		font-size: 1.6rem;
	}
	#ymPLAv181 h5,
	#ymPLBv181 h5 {
		font-size: 14px;
		font-size: 1.4rem;
	}
	#ymPLAv181 h6,
	#ymPLBv181 h6 {
		font-size: 13px;
		font-size: 1.3rem;
	}

/* CONTENTS 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */
	#ymCTSv18_ttl:before {
		padding-top: 83.3333333%;
	}
	#ymCTSv18_C {
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0;
		position: static;
	}
		#ymCTSv18_C span {
			font-size: 11px;
			font-size: 1.1rem;
			position: static;
			padding: 5px 0;
		}
					.bnrStore li {
						width: 31.3333333333%;
					}
			#ctsChar li {
				width: 21%;
			}

/* AUTHOR 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */
	#ymATHRList li {
		display: block;
		margin: 20px 0;
		width: 100%;
	}
}

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

/* G-TOP BARA YOMI */
#barayomiSS {
	margin: 0 auto 30px;
}
		#barayomiUL h2 {
			font-size: 15px;
			font-size: 1.5rem;
		}
/* MAGAZINE */
	#MagYM18v1,
	#MagMYM18v1,
	#MagYM318v1,
	#MagEYM18v1 {
		margin: 0 auto 70px;
		width: 85%;
	}
		#ssTW18v1 .twitter-timeline {
			max-width: 320px;
			width: 320px !important;
		}

/* ===== CONTENTS LIST v4 ===== */
	.cLv4 li {
		margin: 2% 2% 30px;
		width: 46%;
	}

/* NEWS */
	#ymNewsSwitcher li {
		display: block;
		font-size: 1.2rem;
		margin: 5px auto;
		width: 90%;
	}
		/* ===== CONTENTS LIST v4 For MAG===== */
			#MAGv18Idx li {
				width: 44%;
			}

/* MAG BACK NUMBER 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */
	.magBN li {
		margin: 8% 15%;
		width: 70%;
	}

/* CONTENTS 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */
					.bnrStore li {
						width: 23%;
					}
			#ctsChar li {
				width: 29.3333333333%;
			}
/* CTS Twitter */
		section.twArea .twitter-timeline {
			max-width: 320px;
			width: 320px !important;
		}
}

/* ======== 480 ======== */
@media screen and (max-width: 480px) {
footer {
	margin: 25% 0 0;
}
	#ssYG18v1 h2 {
		font-size: 20px;
		font-size: 2rem;
	}
		#ssYG18BDGv1 {
			height: 75px;
			right: 6px;
			top: 20px;
			width: 75px;
		}
			#ssYG18BDGv1 strong {
				font-size: 18px !important;
				font-size: 1.8rem !important;
			}
#ssFB18v1 li {
	display: inline-block;
	margin: 0 0.2%;
	width: 48%;
}

/* MAG IDV 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 〜 */
		/* ===== CONTENTS LIST v4 For MAG===== */
			#MAGv18Idx li {
				display: block;
				margin: 0 auto 40px;
				width: 80%;
			}
}

/* ======== 36- ======== */
@media screen and (max-width: 360px) {
/* G-TOP MAin Bnr */
/* ===== CONTENTS LIST v4 ===== */
	.cLv4 li {
		display: block;
		margin: 0 0 50px;
		width: 100%;
	}
}