@media screen and (min-width: 777px){
header,footer,nav,section,article,aside{
	display: block;
}
*{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 18px;
}
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

img{
	border: 0px;
}
a{
	color: #4313f4;
	text-decoration: none;
}
a:hover{
	color: #4313f4;
	text-decoration: underline;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.dsp{
	display: none;
}
.nsp{
	display: block;
}
.clear{
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

/* コンテナ */
#container{
	width: 100%;
	background-color: #ff31af;
}

/* サイドメニュー */
header{
	width: 222px;
	height: 100%;
	position: fixed;
	background-color: #ff31af;
	z-index: 20;
}
nav{
	width: 174px;
	margin-left: auto;
	margin-right: auto;
}
nav ul{
	list-style-type: none;
	border-top: 1px solid #ff83cf;
}
nav ul li{
	border-bottom: 1px solid #ff83cf;
}
nav ul li a{
	display: block;
	text-align: center;
	padding: 13px 0px 13px 0px;
	color: #ffffff;
	font-weight: bold;
}
#fb-banner{
	text-align: center;
}
.fixed-nav{
	position: fixed;
	top: 0;
}
.fixed-nav2{
	position: fixed;
	top: 0;
	left: 0;
}

/* メイン */
#contents{
	background-color: #ffffff;
	margin-left: 222px;
}
/* フッタ */
footer{
	width: 810px;
	margin-left: auto;
	margin-right: auto;
}
#footer-bn01, #footer-bn03{
	width: 345px;
	float: left;
	margin-left: 48px;
	margin-bottom: 24px;
}
#footer-bn02, #footer-bn04{
	width: 345px;
	float: right;
	margin-right: 48px;
	margin-bottom: 24px;
}
#twitter-title{
	margin-left: 48px;
	margin-top: 12px;
	margin-bottom: 24px;
}
#footer-tw01, #footer-tw03{
	width: 345px;
	height: 336px;
	float: left;
	margin-left: 48px;
	margin-bottom: 24px;
	background-color: #ffe600;
}
#footer-tw02, #footer-tw04{
	width: 345px;
	height: 336px;
	float: right;
	margin-right: 48px;
	margin-bottom: 24px;
	background-color: #ffe600;
}
.tw-header{
	background-color: #b3db2e;
	padding-top: 10px;
	padding-left: 12px;
	padding-bottom: 10px;
}
.tw-header .tw-name{
	font-weight: bold;
	color: #f5489e;
}
.tw-header .tw-id{
	font-size: 10px;
	color: #4313f4;
}
#footer-sns{
	text-align: center;
	margin-top: 20px;
}
address{
	text-align: center;
	font-style: normal;
	margin-top: 24px;
	padding-bottom: 24px;
}
.back2top{
	display: none;
	text-align: right;
	position: fixed;
	right: 10px;
	bottom: 16px;
	z-index: 10;
}

/* TOPページ */
#main-visual{
	position: relative;
	z-index: 0;
}
#main-visual img{
	width: 100%;
	height: auto;
}
#top-history{
	position: relative;
	z-index: 1;
	margin-top: -8.9%;
}
#top-history img{
	width: 100%;
	height: auto;
}
#top-character{
	position: relative;
	z-index: 2;
	margin-top: -12.1%;
}
#top-character img{
	width: 100%;
	height: auto;
}
#top-comic{
	position: relative;
	z-index: 3;
	margin-top: -10.5%;
}
#top-comic img{
	width: 100%;
	height: auto;
}

#top-history a:hover img, #top-character a:hover img, #top-comic a:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#top-footer{
	margin-top: -9.5%;
	background: url(images/footer-bg.jpg);
	padding-top: 12%;
}

/* 下層コンテンツ共通 */
#page-title{
	width: 100%;
	z-index: 1;
}
#page-title img{
	width: 100%;
	height: auto;
}
#footer-shape{
	width: 100%;
	height: auto;
}
#contents-footer{
	margin-top: -9.1%;
	background: url(images/footer-bg.jpg);
	padding-top: 12%;
}

/* コミック */
#comic-explain{
	margin-top: 24px;
	width: 714px;
	margin-left: auto;
	margin-right: auto;
	line-height: 28px;
}
#comic-banner{
	text-align: center;
	margin-top: 34px;
}
#comic-thumbs{
	width: 714px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 44px;
}
.comic-thumbs01, .comic-thumbs02, .comic-thumbs04, .comic-thumbs05{
	width: 222px;
	float: left;
	margin-right: 24px;
	margin-bottom: 24px;
}
.comic-thumbs03, .comic-thumbs06{
	width: 222px;
	float: left;
	margin-right: 0px;
	margin-bottom: 24px;
}
#comic-banner2{
	text-align: center;
	margin-top: 12px;
	margin-bottom: 48px;
}

/* コミック 詳細 */
.comic-title{
	position: fixed;
	top: 0;
	left: 0;
}
#comic-detail-header{
}
.comic-detail-1st{
	padding-top: 120px;
}
.comic-detail-list{
	width: 714px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 48px;
}
.comic-detail-anchor{
/*	margin-bottom: 96px;*/
	position: relative;
	top: -120px;
}
.comic-detail-list h3{
	font-size: 20px;
	line-height: 30px;
}
.comic-detail-list h3 span{
	font-size: 24px;
	color: #ff31af;
}
.comic-detail-list .back2list{
	width: 222px;
	float: left;
	margin-right: 24px;
	text-align: center;
	line-height: 48px;
}
.comic-detail-list .back2list a{
	padding-left: 48px;
}
.comic-detail-list .uplink{
	width: 96px;
	float: left;
	margin-right: 24px;
	text-align: right;
}
.comic-detail-list .downlink{
	width: 96px;
	float: left;
	margin-right: 24px;
	text-align: left;
}
.comic-detail-list .twcomic{
	width: 222px;
	float: left;
	margin-right: 0px;
	text-align: center;
}
#comic-detail-end{
	margin-bottom: 48px;
}

/* ひすとり～ */
#history{
	width: 714px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
}
#history dl{
	margin-bottom: 48px;
}
#history dt{
	width: 124px;
	float: left;
	color: #ff31af;
	margin-top: 20px;
}
#history dd{
	width: 590px;
	float: left;
	margin-top: 20px;
}

/* キャラクター紹介 */
#character{
	text-align: center;
}
.character_detail{
	margin-top: 24px;
	padding-bottom: 48px;
}

/* 会社概要 */
#company{
	width: 714px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 48px;
}
#company table{
	width: 100%;
	margin-top: 56px;
	border-collapse: collapse;
}
#company table th{
	width: 94px;
	border-top: 1px solid #ff31af;
	vertical-align: top;
	text-align: left;
	color: #ff31af;
	padding-top: 18px;
	padding-left: 8px;
	padding-bottom: 18px;
}
#company table td{
	width: 580px;
	border-top: 1px solid #c9c9c9;
	padding-top: 18px;
	padding-left: 8px;
	padding-bottom: 18px;
}
#company table .nt{
	width: 24px;
	border: 0px;
}
#company p{
	line-height: 24px;
}

/* 著作権について */
#copyright{
	width: 714px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 52px;
	margin-bottom: 48px;
}
#copyright p{
	margin-bottom: 32px;
	line-height: 24px;
}
#copyright em{
	color: #4313f4;
}
#copyright h3{
	color: #ff31af;
	font-size: 20px;
	line-height: 24px;
	padding-top: 24px;
	margin-bottom: 24px;
}
#copyright ol{
	margin-bottom: 32px;
	line-height: 24px;
}
#copyright ol li{
	margin-left: 40px;
	font-weight: bold;
	line-height: 24px;
}

/* むてき食堂 */
#muteki-header{
	position: relative;
	z-index: 0;
}
#muteki-header img{
	width: 100%;
	height: auto;
}
#muteki-description{
	position: relative;
	z-index: 1;
	margin-top: -9.9%;
}
#muteki-description img{
	width: 100%;
	height: auto;
}
#muteki-description-text{
	width: 50%;
	top: 27%;
	left: 50%;
	position: absolute;
	z-index: 2;
}
#muteki-description-text p{
	margin: 24px;
	margin-right: 48px;
}
#muteki-menu{
	width: 100%;
	position: relative;
	text-align: center;
}
#muteki-menu img{
	width: 100%;
	height: auto;
	max-width: 907px;
}
#muteki-menu-text{
	width: 222px;
	top: 178px;
	left: 48px;
	position: absolute;
	z-index: 3;
}
#muteki-menu-text p{
	line-height: 24px;
}
#muteki-info{
	width: 714px;
	margin-left: auto;
	margin-right: auto;
}
#muteki-info table{
	width: 100%;
	margin-top: 56px;
	border-collapse: collapse;
}
#muteki-info table th{
	width: 94px;
	border-top: 1px solid #ff31af;
	vertical-align: top;
	text-align: left;
	color: #ff31af;
	padding-top: 18px;
	padding-left: 8px;
	padding-bottom: 18px;
}
#muteki-info table td{
	width: 580px;
	border-top: 1px solid #c9c9c9;
	padding-top: 18px;
	padding-left: 8px;
	padding-bottom: 18px;
}
#muteki-info table .nt{
	width: 24px;
	border: 0px;
}

}