@charset "utf-8";


/* Wrapper */
.g-magazine{}



/* Base Cusomize */
.g-magazine .v2-title1{
	font-size: 2.28em;
}
.g-magazine .v2-title2{
	font-size: 1.71em;
}


/* Common */
@media (max-width: 768px){
	.sp-left{
		text-align: left !important;
	}
}






/* Section */
.mag-sect{
	margin: 7.14em 0;
}
.mag-sect--fill{
	background: #f8f8f8;
	padding: 5.71em 0;
}
.mag-header{
	text-align: center;
	
	margin: 0 0 4.28em;
}
@media (max-width: 768px){
	.mag-header--subscription{
		margin: 0 0 2.5em;
	}
}
.mag-header__title{
	margin: 0 0 2.85rem;
}
.mag-header__note{
	margin: 0 0 0 0;
}
@media (max-width: 768px){
	.mag-header__note{
		text-align: left;
	}
}





/* Magazine List */
.magazine-list{}
.magazine-list__items{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -3em -1.4%;
	justify-content:center;
}
.magazine-list__item{
	box-sizing: border-box;
	margin: 0 0 3em 1.4%;
}
.magazine-list__thumb{
	margin: 0 0 1em;
}
.magazine-list__zoom{
	display: block;
	position: relative;
	z-index: 0;
}
.magazine-list__zoom:after{
	content: "";
	display: block;
	background: url(./img/zoom.gif);
	
	width: 36px;
	height: 36px;
	
	position: absolute;
	right: 0;
	bottom: 0;
}
.magazine-list__photo{
	width: 100%;
}
.magazine-list__name{
	line-height: 1.5;
}
.magazine-list__item--union .magazine-list__name{
	text-align: center;
}
.magazine-list__issue{
	color: #666;
}

@media (min-width: 769px){
	.magazine-list__item{
		flex: 0 0 23.6%;
	}
	.magazine-list__item--union{
		flex: 0 0 48.6%;
	}
}
@media (max-width: 768px){
	.magazine-list__item{
		flex: 0 0 48.6%;
	}
	.magazine-list__item--union{
		flex: 0 0 100%;
	}
}



/* 自動トリミング */
.magazine-list__item--union .magazine-list__photo{
	object-fit: contain;
}
@media (min-width: 769px){
	.magazine-list__item--union .magazine-list__photo{
		max-height: 350px;
	}
}
@supports (aspect-ratio:1){
	.magazine-list__item--union .magazine-list__photo{
		max-height: none;
		aspect-ratio: 1 / .70375;
	}
}



.magazine-list__label{
	font-size: 1.125em;
	text-align: center;
	margin: 1.5em 0;
}





/* Comic */
.comic-grid{}
.comic-grid__thumb{}
.comic-grid__body{}

@media (min-width: 769px){
	.comic-grid{
		display: flex;
	}
	.comic-grid__thumb{
		flex: 0 0 auto;
		margin: 0 4% 0 0;
	}
	.comic-grid__thumb2{
		flex: 0 0 auto;
		margin: 0 4% 0 0;
	}
	.comic-grid__body{
		flex: 1 1 auto;
	}
	.chance{
	margin-bottom: 2em;		
	}
}
@media (max-width: 768px){
.comic-grid__thumb2{
	text-align: center;
    margin-bottom: 2.75em;
	}
.chance{
	margin-bottom: 2em;		
	}
}



.comic{}
.comic__title{
	font-weight: normal;
	font-size: 24px;
	margin: 0 0 .5em;
	line-height: 1.25em;
}
.comic__note{}
/*.comic__note span{
	color:#e05d45;
	font-weight: bold
}*/
.comic__button{}
.sub_name{
	font-size: .875em;
}
.comic--update{
	color:#e05d45;
	font-weight: bold;
}

@media (min-width: 769px){
.comic-grid__body{
	display: flex;
	}
.comic{
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	}
.comic__title{
	font-weight: normal;
	font-size: 24px;
	margin: 0 0 .5em;
	}
.comic__note{}
.comic__button{
	width: 70%;
	margin: auto auto 0;
	}
}

@media all and (-ms-high-contrast: none) {
.comic{
	flex: 1 1 auto;
	display: block;
	flex-direction: column;
	}
}	


@media (max-width: 768px){}






/* Contact */
.mag-contact{}
.mag-contact__title{
	text-align: center;
	margin-bottom: 1em;
}
.mag-contact__fill{
	text-align: center;
	background: #f1f1f1;
	border: 1px solid #dedede;
	padding: 2.14em;
}
.mag-contact__address{
	margin-bottom: 1em;
}
.mag-contact__tel{}






/* Price table */
.mag-price{
	margin: 0 auto;
	text-align: left;
}







/* ◆◆ Comic */


/* ◇ 状態 */
#backnum-more,
#backnum-more:checked ~ .backnum-more__button,
#backnum-more:not(:checked) ~ .comic-backnum .comic-backnum__item:nth-child(n + 13){
	display: none;
}

.comic-backnum{
	display: flex;
	flex-wrap: wrap;
	
	margin: 0 0 -3em -1.2%;
}
.comic-backnum__item{
	box-sizing: border-box;
	margin: 0 0 3em 1.2%;
}
.comic-backnum__more{
	display: block;
	
	position: relative;
	z-index: 0;
	
	border: 1px solid #999;
	
	margin: 0 0 .25em;
	padding: .5em 1em;
}
.comic-backnum__more[href]:before{
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
	
	width: 36px;
	height: 36px;
	background: url(./img/zoom.gif);
}
.comic-backnum__archive{
	width: 100%;
}
.comic-backnum__title{}

.comic-backnum__item:first-child .comic-backnum__title:before{
	content: "NEW";
	font-weight: bold;
	color: #e05d45;
	margin: 0 .5em 0 0;
}

@media (min-width: 769px){
	.comic-backnum{}
	.comic-backnum__item{
		flex: 0 0 23.8%;
	}
	.comic-backnum__more{}
	.comic-backnum__archive{}
	.comic-backnum__title{}
}
@media (max-width: 768px){
	.comic-backnum{}
	.comic-backnum__item{
		flex: 0 0 48.8%;
	}
	.comic-backnum__more{}
	.comic-backnum__archive{}
	.comic-backnum__title{}
}



.backnum-more__button{
	margin: 5em 0 0;
}
@media (min-width: 769px){
	.backnum-more__button{
		cursor: pointer;
		width: 100%;
		max-width: 400px;
		
		display: table;
		margin: 5em auto 0;
	}
}