@charset "utf-8";

/* Colors of Mag
Getsumaga (COLOR-A)		#e30920;
Magazine-R (COLOR-B)	#003f86;
Yellow (COLOR-C)		#eec92c;
Orange					#ff9100;
Gray					#2d2d2d;
SkyBlue					#09b8e8;
MAGA-POKE				#0D2F89;
#f00; COLOR-A
#ff0; COLOR-C
*/


/* =================== BASE STRUCTURE for SITE ========================= */
	body {
		color:#000;
	}
	/* DRAWER MENU */
	.drawer-menu li a:hover {
		background: #e30920 !important; /* COLOR-A */
	}
	.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;
	}


/* =================== FRAMEWORK for SITE ========================= */
	/* Text */
	.udrLk a {
		border-color: #e30920 !important; /* COLOR-A */
	}


/* =================== HEADER ========================= */
	/* HEADER for SITE */
	#HDR_v30 {
		background: #e30920 !important; /* COLOR-A */
		border-top: 10px solid #003f86 !important; /* COLOR-C */
	}
		#maglogo a img {
			width: 160px;
		}
		#hdrH2 {
			color: #e30920 !important; /* COLOR-A */
		}


/* =================== FOOTER ========================= */
	/* FOOTER for SITE */
	footer {
		background-color: #e30920; /* COLOR-A */
		border-bottom: 10px solid #003f86; /* COLOR-C */
		color: #fff; /* WHITE */
	}
		 footer a {
			color: #fff !important;
		 }
			#ftrLogoMenu_M {
				width: 140px;
			}
			#ftrLogoMenu_M,
			#ftrLogoMenu_T,
			#ftrLogoMenu_F {
					-moz-opacity: .8;
				opacity: .8;
			}


/* =================== JS ========================= */
	#page-top a {
		background: #000; /* BLACK */
		color: #fff; /* WHITE */
	}


/* =================== PLANE / CMN ========================= */
	/* Search */
		#saku_ajaxSearch_form fieldset {
			background: #e30920;
		}
		#aS_Contents h1 {
			color: #e30920;
		}
		#cho_ajaxSearch_form fieldset {
			background: #003f86;
		}
		#aS_Author h1 {
			color: #003f86;
		}

	/* CONTENTS LIST v4 */
			.cv4T h3.gm {
				color: #e30920; /* COLOR-A */
			}
			.cv4T h3.mr {
				color: #003f86; /* COLOR-B */
			}

	/* 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.gm {
			border-color: #e30920; /* COLOR-A */
		}
		.ss_h2 h2.mr {
			border-color: #003f86; /* COLOR-B */
		}
		.LI_wT li a span {
			background: #eec92c; /* COLOR-C */
			color: #000;
		}

	/* PLANE */
	.mainSS_ttl {
		border-bottom: 4px solid #000;
		line-height: 1.3;
		text-align: left;
	}
		.mainSS_ttl.mgm {
			border-color: #e30920; /* COLOR-A */
		}
		.mainSS_ttl.mr {
			border-color: #003f86; /* COLOR-B */
		}
			.gm .aDate {
				background: #e30920; /* COLOR-A */
			}
			.mr .aDate {
				background: #003f86; /* COLOR-B */
			}

	/* G-TOP, MAG */
		.gTopMagSpec .magNextBtn .btnNEXT,
		.gm .magNextBtn .btnNEXT {
			border-top: 1px solid #e30920 !important; /* COLOR-A */
			border-bottom: 1px solid #e30920 !important; /* COLOR-A */
			color: #e30920 !important; /* COLOR-A */
		}
		.mr .magNextBtn .btnNEXT {
			border-top: 1px solid #003f86 !important; /* COLOR-B */
			border-bottom: 1px solid #003f86 !important; /* COLOR-B */
			color: #003f86 !important; /* COLOR-B */
		}

	/* MORNING ORG */
	.highlighter {
		background: linear-gradient(transparent 50%, #ff0 50%);
	}
	.box-shadow {
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	}
	.textwrap {
		display: inline-block;
	}

	.verticalbar {
		padding: 0.6em 1.2em;/*文字周囲の余白（上下 左右）*/
		color: #494949;/*文字色*/
		background: #F6FDE7;/*背景色*/
		border-left: solid 5px #96D20F;/*左縦線（実線 太さ 色）*/
	}
	.stripe {
		color: #96D20F;
		text-align: center;
		padding: 0.25em;
		border-top: solid 2px #96D20F;
		border-bottom: solid 2px #96D20F;
		background: -webkit-repeating-linear-gradient(-45deg, #f8fff0, #f8fff0 3px,#f6fde7 3px, #f6fde7 7px);
		background: repeating-linear-gradient(-45deg, #f8fff0, #f8fff0 3px,#f6fde7 3px, #f6fde7 7px);
	}
	.fukidashi {
		color: #494949;
		position: relative;
		padding: 0.6em 1.2em;
		background: #f0fcd6;
		border-radius: 8px;
	}
	.fukidashi:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 30px;
		width: 0;
		height: 0;
		border: 18px solid transparent;
		border-top: 16px solid #f0fcd6;
	}
	h7 {
		position: relative;
		color: #494949;
		line-height: 1.4;
		padding: 0.5em 2em;
		display: inline-block;
	}
	h7:before, h7:after { 
		content:'';
		width: 20px;
		height: 30px;
		position: absolute;
		display: inline-block;
	}
	h7:before {
		border-left: solid  1px #96D20F;
		border-top: solid 1px #96D20F;
		top:0;
		left: 0;
	}
	h7:after {
		border-right: solid 1px #96D20F;
		border-bottom: solid 1px #96D20F;
		bottom:0;
		right: 0;
	}
	.drop-shadow {
		ilter: drop-shadow(4px 4px 8px rgba(0,0,0,0.5));
	}

	.drop-shadow-right {
		filter: drop-shadow(10px 20px 10px rgba(0,0,0,0.5));
	}

	.drop-shadow-left {
		filter: drop-shadow(-10px 20px 10px rgba(0,0,0,0.5));
	}
	.color-twitter {color: #1da1f2;}
	.color-pdf {color: #FF2116;}
	figure.overcap-bl {
		position: relative;
	}
	figure.overcap-bl figcaption {
		color: black;
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: right;
		padding: 10px;
		mix-blend-mode: soft-light;
	}
	figure.overcap-wh {
	  position: relative;
	}
	figure.overcap-wh figcaption {
		color: white;
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: right;
		padding: 10px;
		mix-blend-mode: overlay;
	}
	table.row {
		width: 100%;
		margin: 0 0 30px 0;
		table-layout: auto;
		border: 1px solid #776;
		border-collapse: collapse;
		vertical-align: middle;
	}
	table.row tr th,
	table.row tr td {
		vertical-align: middle;
		padding: 5px;
		border: 1px solid #776;
	}
	table.row tr th {
		background: none #8e8e80;
		color: #fff;
		font-weight: normal;
		text-align: center;
	}
	table.row tr td {
		background: none #fff;
		color: #333;
		font-weight: normal;
		text-align: center;
	}
	@media screen and (max-width: 834px) {
		.brsp br {
			display: none;
		}
		table.row tbody th {
			display: block;
		}
		table.row tbody td {
			display: block;
		}
		table.row tbody td p {
			padding-left: 6em;
		}
	}

	/* BTN */
	.cv4_TBTN .btnTRY,
	.cv5_TBTN .btnTRY {
		background: #0d2f89;
	}



/* =================== G-TOP ========================= */
	/* G-TOP MAG */
	.mainSS {
		/* background: rgba(0,200,200,.3); CHK */
	}
		#ssMag_Inr_v301 {
			/* background: rgba(200,100,200,.3); CHK */
		}
			#ssMI_v301-L {
				width: 52%;
			}
			#ssMI_v301-R {
				width: 40%;
			}
		.ssMag_v301 .Mag_BDG {
			background: #e30920; 
		}
		/* G-TOP Mag Spec */
		#gTopMagSpec .MAG_Ttl {
			/* background: rgba(200,100,200,.3); CHK */
			margin: 0 0 20px;
		}
			#gTopMagSpec .MAG_Ttl h1 img {
				/* background: rgba(200,0,0,.3); CHK */
				display: block;
				height: auto;
				max-width: 320px !important;
				width: 70% !important;
			}
				#gTopMagSpec .MAG_Spec {
					/* background: rgba(100,150,230,.3); CHK */
					color: #e30920;
					display: inline-block;
					font-family: 'Oswald', sans-serif;
					font-size: 0;
					font-size: 700;
					line-height: 1;
					height: auto;
					margin: 5px 0 0;
					padding: 0;
					position: relative;
					vertical-align: top;
				}
					#gTopMagSpec .MAG_Spec_L,
					#gTopMagSpec .MAG_Spec_C,
					#gTopMagSpec .MAG_Spec_R {
						display: inline-block;
						position: relative;
						vertical-align: bottom;
					}
					#gTopMagSpec .MAG_Spec_L {
						/* background: rgba(200,0,0,0.4); CHK */
						background: url("/_i/badge_gmagared.svg") no-repeat;
						background-size: contain;
						height: 60px;
						margin: 0 0 -5px 0;
						width: 60px;
					}
					#gTopMagSpec .MAG_Spec_C {
						margin: 0 10px 0 5px;
					}
					#gTopMagSpec .MAG_Spec_R {
						border: 1px solid #e30920;
						margin: 10px 0 0;
					}
						.MAG_Spec_R_Inr {
							display: flex;
						}
							#gTopMagSpec .MAG_Spec_Y {
								font-size: 14px;
								font-size: 1.4rem;
								line-height: 1;
								position: absolute;
								top: 10px;
							}
							#gTopMagSpec .MAG_Spec_Num {
								/* background: rgba(100,100,0,.4); CHK */
								display: block;
								font-size: 50px;
								font-size: 5rem;
								line-height: 1;
								margin: 0;
								padding: 0;
							}
								#gTopMagSpec .MAG_Spec_Num span.Mag_Spec_Num_No,
								#gTopMagSpec .MAG_Spec_Num small {
									font-size: 24px;
									font-size: 2.4rem;
									font-weight: bold;
									line-height: 1;
									margin: 0;
									padding: 0;
								}
								#gTopMagSpec .MAG_Spec_Num small {
									font-size: 24px;
									font-size: 2.4rem;
									font-weight: bold;
									line-height: 1;
									margin: 0 0 0 5px;
									padding: 0;
								}
						#gTopMagSpec .MAG_Spec_L #Mag_Spec_LatestBadge {
							color: #fff;
							display: block;
							font-size: 14px;
							font-size: 1.4rem;
							font-weight: bold;
							left: 50%;
							position: absolute;
							text-align: center;
							top: 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%);
							width: 100%;
						}
						#gTopMagSpec .MAG_Spec_D,
						#gTopMagSpec .MAG_Spec_P {
							display: block;
							font-weight: bold;
							line-height: 1;
							text-align: center;
						}
						#gTopMagSpec .MAG_Spec_D {
							font-size: 18px;
							font-size: 1.8rem;
							padding: 5px 0 2px;
						}
							#gTopMagSpec .MAG_Spec_D span {
								font-size: 12px;
								font-size: 1.2rem;
								line-height: 1;
								margin: 0;
								padding: 5px;
							}
						#gTopMagSpec .MAG_Spec_P {
							font-size: 12px;
							font-size: 1.2rem;
							padding: 2px 10px 5px;
						}
	/* BTN - CTS */
				.gTopMagSpec .btnCTS,
				.gTopMagSpec .btnBUY {
					border-radius: 50px !important;
					box-shadow: 1px 1px 0 1px #ccc;
					display: block;
					font-size: 16px;
					font-size: 1.6rem;
					height: auto !important;
					line-height: 1 !important;
					padding: 10px 5px !important;
					text-align: center;
					width: calc( 100% - 10px);
				}
				.gTopMagSpec .btnDAYSPREMIUM,
				.gTopMagSpec .btnDM {
					border-radius: 0;
					box-shadow: 1px 1px 0 1px #ccc;
					display: flex;
					display: flex;
					flex-wrap: wrap;
					align-content: center;
					height: 100%;
					line-height: 1;
					margin: 0 auto 15px;
					min-height: 100px;
					padding: 0 !important;
					text-align: center;
					width: auto;
				}
				.gTopMagSpec .btnDAYSPREMIUM {
					background: #dc5448 !important;
				}
					.gTopMagSpec .btnDAYSPREMIUM span,
					.gTopMagSpec .btnDM span {
						display: block;
						width: 100%;
					}
						.gTopMagSpec .btnDAYSPREMIUM small,
						.gTopMagSpec .btnDM small {
							color: #fff;
							display: block;
							font-size: 14px;
							font-size: 1.4rem;
							font-weight: bold;
							line-height: 1.1;
							margin: 0 auto;
						}
						.gTopMagSpec .btnDAYSPREMIUM img,
						.gTopMagSpec .btnDM img {
							display: block;
							hieght: auto;
							margin: 4px auto 0;
						}
						.gTopMagSpec .btnDAYSPREMIUM img {
							max-width: 260px;
							width: 90%;
						}
						.gTopMagSpec .btnDM img {
							max-width: 200px;
							width: 80%;
						}
				.gTopMagSpec .btnDM {
					background: #00a0e9;
				}
	/* G-TOP G-Maga Kichi */
		#gTopMornigTwo_Bnr {
			/* background: rgba(200,200,20,.4); CHK */
			display: block;
			margin: 0 0 30px;
			position: relative;
		}
			#gTopMornigTwo_Bnr h2 {
				border-bottom: none;
			}
			#gTopMornigTwo_Bnr_Inr {
				line-height: 0;
			}
				#gTopMornigTwo_Bnr h2 img {
					display: block;
					height: auot;
					margin: 0 auto 5px;
					max-width: 240px;
					width: 90%;
				}
				#gTopMornigTwo_Bnr img {
					display: block;
				}
				#gTopMornigTwo_Bnr .Mag_BDG {
					background: #003f86;
					position: absolute;
					right: -10px;
					top: -5px;
				}
	/* G-TOP NEWS and TWITTER  */
		#ssGtopNews,
		#ssGtopTwitter {
			display: static !important;
			margin: 0;
			width: 100%;
		}
		#ssGtopTwitter {
			padding: 0 !important;
			position: relative;
			width: 100% !important;
		}
		#ssGtopTwitter {
			height: 300px !important;
			padding: 0 !important;
		}
			#ssGtopTwitter .twitter-timeline {
				height: 300px !important;
			}
	/* G-TOP KC */
		#ssGtopKC h2 {
			background: #e30920; /* COLOR-A */
		}












/* =================== CTS ========================= */
		/* CTS-A 試し読みボタン */
		#ctsTrialBtn .btnTRY,
		#ctsTrialBtn .btnDAYS {
background: #0d2f89;
		}
			#ctsTrialBtn .btnTRY img,
			#ctsTrialBtn .btnDAYS img {
max-width: 80px !important;
				margin: 0 5px 0 0 !important;
			}


/* =================== MAG ========================= */
				.MAG_Catch {
					border-bottom: 1px solid #eec92c !important;
					border-top: 1px solid #eec92c !important;
				}


/* =================== AWD ========================= */


/* Colors of Mag
Getsumaga (COLOR-A)		#e30920;
Magazine-R (COLOR-B)	#003f86;
Yellow (COLOR-C)		#eec92c;
Orange					#ff9100;
Gray					#2d2d2d;
SkyBlue					#09b8e8;
#f00; COLOR-A
#ff0; COLOR-C
*/









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

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


/* ----------------------------------------------------------------
                              1024
------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
	/* =================== CMN PARTS ========================= */
	/* SECTION */
	.mainSS {
		width: 90%;
	}
}/* 1024px */

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


/* ----------------------------------------------------------------
                              720
------------------------------------------------------------------- */
@media screen and (max-width: 720px) {
/* =================== G-TOP ========================= */
	/* G-TOP MAG */
			#ssMI_v301-L,
			#ssMI_v301-R {
				display: block;
				margin: 0 0 40px;
				width: 100%;
			}
}/* 720px */


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

/* =================== G-TOP ========================= */
	#mainHdr_noScroll {
		background: none;
	}
		#mainHdr_noScroll h1 img.pcview {
			display: none;
		}
		#mainHdr_noScroll h1 img.spview {
			display: block;
			height: auto;
			line-height: 1;
			margin: 0 auto;
			width: 100%;
		}
						#gTopMagSpec .MAG_Spec_D {
							padding: 5px 5px 2px;
						}
						#gTopMagSpec .MAG_Spec_P {
							padding: 2px 5px 5px;
						}
				.gTopMagSpec .btnDAYSPREMIUM,
				.gTopMagSpec .btnDM {
					height: 110px;
				}
	.MAG_L .MAG_Ttl h1 {
		max-width: 200px !important;
	}

} /* 640 */


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


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


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


/* ----------------------------------------------------------------
                              360
------------------------------------------------------------------- */
@media screen and (max-width: 360px) {
	/* =================== G-TOP ========================= */
	#maglogo a img {
		margin: 5px 0 0 5px;
		width: 120px;
	}
}/* 360px */