@media only screen and (Max-width: 640px) { 
	section#mainControl li#mainContainer section.detailButtonWrapper{
		width: 640px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper{
		width: 640px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper li.rankNamazu{
		width: 115px;
		padding-left: 5px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper li.comicDetails{
		width: 515px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper li.comicDetails hgroup h2{
		width: 100%;
	}
	section#mainControl li#mainContainer section.detailComicWrapper li.comicDetails article.comicTilte,
	section#mainControl li#mainContainer section.detailComicWrapper li.comicDetails div.storyBox{
		width: 100%;
	}
	section#mainControl li#mainContainer section.detailComicWrapper li.comicNewsDay,
	section#mainControl li#mainContainer section.detailComicWrapper li.comicNextDay{
		width: 50%;
	}
	section#mainControl li#mainContainer section.detailComicsWrapper li.comicsCover{
		width: 230px;
		padding-left: 5px;
	}
	section#mainControl li#mainContainer section.detailComicsWrapper li.comicsDetail{
		width: 400px !important;
	}
	section#mainControl li#mainContainer section.detailComicsWrapper,
	section#mainControl li#mainContainer section.detailComicsWrapper li.onlineshop{
		width: 100% !important;
		box-sizing: border-box;
	}
	section#mainControl li#mainContainer section.detailComicsWrapper ul.shoplinks{
		width: 100%;
	}
	section#mainControl li#mainContainer section.detailComicsWrapper ul.shoplinks li.links{
		width: 180px;
		float: left;
		padding-left: 173px
	}
	section#mainControl li#mainContainer div.ulTitle{
		padding-left: 5px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox{
		width: 640px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox ul#comicBody{
		width: 100%;
		margin: 0 0 25px 0;
		font-size: 0;
		text-align: center;
	}
	section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox ul#comicBody li{
		display: inline-block;
		width: 16%;
		margin: 0 0 10px 0;
	}
	section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox div.closed{
		width: 640px;
		font-size: 12px;
		line-height: 14px;
		margin: 20px 0;
		text-align: center;
	}
	section#mainControl li#mainContainer section.detailComicWrapper section.commentBox{
		width: 640px;
		padding: 0 5px;
		box-sizing: border-box;
	}
	section#mainControl li#mainContainer section.detailComicWrapper section.commentBox div.ulTitle{
		padding-left: 0;
	}
	section#mainControl li#mainContainer section.detailComicWrapper section.commentBox li.proRight{
		width: 530px;
	}
	section#mainControl li#mainContainer section.detailComicsWrapper ul.othercomics li{
		width: 50% !important;
	}
	section#mainControl li#mainContainer section.detailComicWrapper li.readerBox{
		float: none;
		width: 640px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper li.readerBox div.readerBoxContents{
		width: 640px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper li.readerBox div.readerBoxContents div.readerBoxContentsInner{
		width: 620px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper li.readerBox div.readerBoxContents div.readerBoxContentsInner div#usercom{
		width: 600px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper li.readerBox div.readerBoxContents div.readerBoxContentsInner article{
		width: 100%;
		background: url(../images/dc_hr.png) repeat-x bottom;
	}
	section#mainControl li#mainContainer section.detailComicWrapper li.comicTweetBox{
		float: none;
		width: 520px;
		margin: 10px auto 0 auto;
	}
	div#textarea textarea{
		width: 565px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper div.readerBox,
	section#mainControl li#mainContainer section.detailComicWrapper div.readerBox div.readerBoxContents{
		width: 640px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper div.readerBox div.readerBoxContents div.readerBoxContentsInner{
		width: 620px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper div.readerBox div.readerBoxContents div.readerBoxContentsInner div#usercom{
		width: 600px;
	}
	section#mainControl li#mainContainer section.detailComicWrapper div.readerBox div.readerBoxContents div.readerBoxContentsInner article{
		width: 600px;
	}
}
@media only screen and (Min-width: 641px) { 
	section#mainControl li#mainContainer section.detailComicsWrapper ul.shoplinks li.links{
		width: 180px;
		float: left;
		padding-left: 60px
	}
	section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox div.closed{
		width: 790px;
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 20px;
		text-align: center;
	}
}