@media screen and (max-width: 768px) {
	.menu {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0px;
	}

	.main img {
		margin: 0px 0px 0px 0px;
		width: 100%;
	}

	.news2 {
		margin: 0 auto 0 auto;
	    position: relative;
	}

	.news {
		margin: 0 auto 0 auto;
	    position: static;
	    width: 50%;
	}

	.detail {
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		overflow: visible;
		width: 100%;
	}
	.detail img {
		width: 100%;
		margin: 0px;
	}
	.sub:first-of-type {
		margin: 0;
		padding: 0;
	}

	.detail_zine {
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		overflow: visible;
		width: 100%;
	}
	.zine {
		margin-bottom: 40px;
		float: none;
	}
	.call {
		opacity: 0.5;
		font-size: 16px;
		width: 90%;
		text-align: right;
	}
}

@media screen and (max-device-width: 600px) {
	.menu {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0px;
		font-size: 240%;
	}

	.menu li {
		display: inline-block;
		width: 10%;
		margin-left: 25px;
		margin-right: 10px;
		line-height: 70px;
	}

	.main img {
		margin: 0px 0px 0px 0px;
		width: 100%;
	}

	.news2 {
		margin: 0 auto 0 auto;
	    position: relative;
	}

	.news {
		margin: 0 auto 0 auto;
	    position: static;
	    width: 50%;
	}

	.detail {
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		overflow: visible;
		width: 100%;
	}
	.detail img {
		width: 100%;
		margin: 0px;
	}

	.sub:first-of-type {
		margin: 0;
		padding: 0;
	}

	.detail_zine {
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		overflow: visible;
		width: 100%;
	}

	.zine {
		margin-bottom: 40px;
		float: none;
	}
	.call {
		opacity: 0.5;
	}

/* スマホのときの文字サイズ調整 */

	h1 {
		font-size: 43px;
		/* margin: 10px 0px 10px 0px; */
		color: #fff;
		text-align: center;
		line-height: 0.8;
	}

	h2 {
		/* Bio用 */
		font-size: 40px;
	}

	h3 {
		font-size: 30px;
		color: #000;
		text-align: left;
		margin: 10px 0px 10px 5px;
		padding-right: 10px;
	}

}