#main{
	overflow-y:hidden;
}

#main div.inner{
	margin-left:0;
	padding-bottom:84px;
	width:auto !important;
}

.monthly-editorial{
	width:512px;
	float:right;
}

p.logo-pc{
	margin:0;
	padding-top:20px;
	overflow: hidden;
    float: right;
}

p.logo-pc img{
	float:right;
	margin-right:44px;
	width:134px;
}

p.logo-sp{
	display:none;
}


.monthly-editorial p{
	margin:27px auto;
	font-size:14px;
	line-height:24px;
	font-family: kozuka-mincho-pr6n, "Shuei Mincho L", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", "MS Mincho", serif;
	font-weight: 300;
}


div.editorialtitle{
	height:40px;
	border-bottom:solid 1px #808080;
	display: flex;
	justify-content: space-between;
}

div.editorialtitle h2, div.editorialtitle p{
	margin:0;
	height:40px;
	line-height:40px;
}

div.editorialtitle h2{
	/* float:right; */
	font-size:13px;
	font-family: kozuka-gothic-pr6n, "Gothic MB101 Regular", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
	order: 3;
/*	font-weight:normal;*/
	font-weight: 400;
}

div.editorialtitle h2 span{
	font-size:16px;
	font-family:"Times New Roman", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

div.editorialtitle p{
	float:left;
	/* margin-left:45px; */
	font-size:12px;
	font-family: kozuka-gothic-pr6n, "Shuei KakuGo Kin B", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	order: 2;
}

div.editorialtitle p.about{
	/* float:left; */
	margin-left:0;
	order: 1;
}

h3{
	font-family: kozuka-mincho-pr6n, "Kocho","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", "MS Mincho", serif;
	font-size:108px;
	height:1em;
	line-height:1em;
	margin:30px 0;
	font-weight:700;
}

p.lead{
	font-size:15px;
	line-height:27px;
	font-family: kozuka-gothic-pr6n, "Gothic MB101 Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
}

h4{
	margin:66px auto 27px;
	font-size:26px;
	line-height:36px;
	font-family: kozuka-mincho-pr6n, "Shuei Mincho B", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", "MS Mincho", serif;
	font-weight: 400;
/*	font-weight:normal;*/
}

h5{
	width:440px;
	margin:27px auto -10px;
	font-size:16px;
	line-height:24px;
	font-family: kozuka-gothic-pr6n, "Gothic MB101 DemiBold", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
/*	font-weight:normal;*/
	font-weight: 500;
}

p.img512 img{
	width:512px;
}

p.img440{
	text-align:center;
}

p.img440 img{
	width:440px;
}

p.nowraparound{
	overflow:auto;
	zoom:1;
}

p.caption{
	margin:21px auto 66px;
	font-size:11px;
	line-height:17px;
	font-family: kozuka-gothic-pr6n, "Gothic MB101 Regular", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	width:436px;
}

p.fontguide{
	margin:66px auto 46px;
	font-size:11px;
	line-height:18px;
	font-family: kozuka-gothic-pr6n, "Gothic MB101 Regular", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
}

p.credit{
	margin:46px auto 26px;
	font-size:11px;
	line-height:18px;
	font-family: kozuka-gothic-pr6n, "Gothic MB101 Regular", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
}

#backnumber{
	margin:0;
	padding-top:10px;
	border-top:solid 1px #000000;
	list-style:none;
}

#backnumber li{
	line-height:90px;
	height:90px;
	font-size:74px;
	font-family: kozuka-mincho-pr6n, "Kocho", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", "MS Mincho", serif;
	font-weight:700;
}

#backnumber li span.vol{
	font-size:20px;
	margin-right:10px;
	position:relative;
	bottom:20px;
}

#backnumber li span.sub{
	font-size:42px;
}

#backnumber li a span.vol{
	color:#2361de;
}

#backnumber li a{
	color:#000000;
}

#backnumber a#vol01:hover, #backnumber a#vol01:hover *{ color:#0091b0; }
#backnumber a#vol02:hover, #backnumber a#vol02:hover *{ color:#f18e38; }
#backnumber a#vol03:hover, #backnumber a#vol03:hover *{ color:#de0067; }
#backnumber a#vol04:hover, #backnumber a#vol04:hover *{ color:#00a38f; }
#backnumber a#vol05:hover, #backnumber a#vol05:hover *{ color:#7a5d98; }
#backnumber a#vol06:hover, #backnumber a#vol06:hover *{ color:#0082c6; }
#backnumber a#vol07:hover, #backnumber a#vol07:hover *{ color:#70a8d9; }
#backnumber a#vol08:hover, #backnumber a#vol08:hover *{ color:#e1103e; }


/* tablet 768 ~ 1023 */
@media (min-width: 768px) and (max-width: 1023px) {

body{
	background-position:right 768px top 108px;
}

.inner{
	padding-top:40px;
}

}


/* sp ~ 767 */
@media (max-width: 767px) {

body{
	background:none !important;
}

.inner{
	padding-top:40px;
}

p.logo-pc, div.editorialtitle{
	display:none;
}

p.logo-sp{
	display:block;
}

h3{
	max-width:512px;
}

img, p, h4, h5{
	max-width:100%;
}

.monthly-editorial{
	width:100%;
	float:none;
}

#dummyHover{
	display:none;
}

}


@media (max-width: 550px) {

h3{
	font-size:90px;
}

#backnumber li{
	line-height:45px;
	height:45px;
	font-size:35px;
}

#backnumber li span.sub{
	font-size:21px;
}

#backnumber li span.vol{
	font-size:12px;
	bottom:10px;
}

}


@media (max-width: 450px) {

h3{
	font-size:60px;
}

p[class^="img"]{
	float:none !important;
	margin:27px auto !important;
	text-align:center;
}

p.fontguide, p.credit{
	font-size:9px;
}

}

@media screen and (min-width: 768px) {
	#main {
		position: relative;
	}
	#dummyHover{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		text-align:right;
		overflow:hidden;
		margin-left:-5000px;
	}
	#dummyHover img{
		margin:70px 60px 0 auto;
		width:512px;
		opacity:0.3;
	}
	#dummyHover a:hover img{
		opacity:1.0;
	}

	#main div.inner {
		float: right;
	}
}

@media screen and (max-width: 1023px) {
	#dummyHover img{
		margin:150px 60px 0 auto;
	}
}