@media screen and (min-width:769px) { 
/* ----------------------------------------------- */
body {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	width: 100%;
	min-width: 768px;
	margin:0 auto;
}
li {
list-style-type: none;
}
	.pc {display: block!important;}
	.sp { display: none !important; }

/* --------------------------------------- */

#wapper {
	width:100%;
	min-width: 768px;
	margin:0 auto;
}

.wapper2 {
	width:1020px;
	height:auto;
	margin:0 auto;
	margin-bottom:40px;
	background-image:url(../img/bgimg.png);
	background-repeat:repeat-y;
}

/*ナビゲーション--------------------------------- */
#header {
	height:50px;
	background-color:#080503;
}

#obi {
	height:50px;
	width:100%;
	margin:0 auto;
}
.snsWrapper {
	height:50px;
	float:right;
}
.snsWrapper li {
	float:right;
	margin-left:10px;
}

h1 {
	width:242px;
	height:50px;
	float: left;
}
.facebtn {
margin-top: 13px;
margin-right: 14px;
}
#twitterbtn {
margin-top: 13px;
width: 100px;
}
	
.title{ background: url(../img/pc/midasibg.gif); border-bottom: #634934 1px solid; border-top: #634934 1px solid;}
.titleimg{ text-align: center;}
.mtop{margin-top: -2px;}

/*メインイメージ--------------------------------- */
#main {
	position: relative;
	width: 100%;
	background-position:center center;
	background-size:cover;
	align-items: center;
	justify-content: center;
}
	
.mainContents{background-size: contain; position:relative; max-width:1090px; width: 100%; z-index: 9998; margin: 0 auto; background-repeat: no-repeat; display: block;}
.Underlay{width: 100%; display: block; opacity: 0;}

	.logo{ position: absolute; width: 48%; max-width: 523px; z-index: 9999; top: 2%; left: 2%;}
	.logo img{ width: 100%;}
	
	.anime{ position: absolute; width: 42%; max-width: 523px; z-index: 9999; bottom: 2%; left: 2%;}
	.anime img{ width: 100%;}
	.anime a:hover{opacity: 0.8; transition:0.4s; }
	
	.twitter{ position: absolute; width: 35%; z-index: 9999; bottom: 2%; right:2%; overflow-scrolling: touch; display: block; background: rgba(0,0,0,0.60); padding-top: 3%; border: #fff66c solid 1px;}
	.twitter img{ width: 100%;}
	.twitter_txt{width:40%; max-width: 117px; margin: -14% auto 0 auto; display: block;}
	
	#mainImg{
    position:absolute;
    max-width:1090px; width: 100%;
    margin:0 auto;
		top: 0;
}
	
	.mainImg{
    position:relative;
    max-width:1090px; width: 100%;
    margin:0 auto;
}
	
.mainImg img {
	max-width:1090px; width: 100%;
    position:absolute;
    left:0;
    top:0;
}


/*PVー--------------------------------------- */
.pv{ background-image:url(../img/pc/pv_bg.jpg); background-size:cover; width:100%; height:495px; padding-top: 100px;}

.trailer-container {
	width: 750px;
    height: 390px;
    display: block;
    margin: 0 auto;
	border:#2A1E16 2px solid;
}
.trailer-container iframe {
	  width: 750px;
    height: 390px;
}

/*ストーリー--------------------------------------- */
.story{ background-image: url(../img/pc/story_bg.jpg); background-position: center; background-size: cover; width: 100%;padding-top: 125px;padding-bottom: 110px;}
.story_txt{ text-align: center; width: 100%; max-width: 1158px; margin: 0 auto;}
.story_txt img{ width: 100%;}

/*キャラクター紹介------------------------------- */
.chara{ background-image: url(../img/pc/chara_bg.jpg); background-position: center; background-size: cover; width: 100%;padding-top: 40px; padding-bottom: -2px!important;}
.chara_img{ text-align: center; width: 100%; max-width: 1395px; margin: 0 auto;}
.chara_img img{ width: 100%;}

	
/*既刊 --------------------------------------- */
.bookSpace{ background-image: url(../img/pc/info_bg.jpg); background-position: top; background-size: cover; width: 100%;padding-top: 100px; padding-bottom: 80px;}

.infotxt01{ text-align: center; width:452px; margin: 0 auto 0px auto; display: block;}
.infotxt02{ text-align: center; width:602px; margin: 0 auto 0px auto; display: block;}

.bookSpace ul{ width:92%; max-width: 1200px; margin: 20px auto 60px auto; text-align: center;}
.bookSpace ul li{ width: 14.8%; border: 1px solid #FFFFFF; display: inline-block; margin: 3px;}
.bookSpace ul li img{width: 100%;}

.bookSpace ul li img:hover{opacity: 0.7; transition: 0.4s;}



/*ページトップへボタン--------------------------- */
#page-top { 
	z-index: 9999;
    position: fixed;
    bottom: 30px;
    right: 40px;
}
}

@media screen and (max-width:768px) {
	body { font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; width: 100%; margin:0 auto; font-feature-settings : "palt"; }
	li { list-style-type: none; }
	#wapper {width:100%; min-width: 320px; height: auto; background-color: #000; }
	.pc { display: none!important; }
	.sp { display: block!important; }
	
	.title{ background: url(../img/pc/midasibg.gif); border-bottom: #634934 1px solid; border-top: #634934 1px solid;}
	.titleimg{ text-align: center;}
	.titleimg img{width:50%}
	
	/*ナビゲーション--------------------------------- */
	#header {height:50px;}
	#obi { height:50px; width:100%; background-color:#080503; }
	.snsWrapper { float:none;    padding-top: 1%; margin-right: 3%; }
	.snsWrapper li { float:right; margin-left:10px; }
	h1 { width:62%; height:50px; float: left; }
	
	/*メインイメージ -------------------------------- */
	.titelImg{ position:relative;}
	
	
	#main2{background-size: contain; position:relative; width: 100%; z-index: 9998; margin: 0 auto; background-repeat: no-repeat; display: block;}
    .Underlay{width: 100%; display: block; opacity: 0;}
	
	#mainImg2{
    position:absolute;
   width: 100%;
    margin:0 auto;
		top: 0;
}
	
	.mainImg2{
    position:relative;
    width: 100%;
    margin:0 auto;
}
	
.mainImg2 img {
 width: 100%;
    position:absolute;
    left:0;
    top:0;
}

	.logo{ position: absolute; width: 48%; max-width: 523px; z-index: 9999; top: 2%; left: 2%;}
	.logo img{ width: 100%;}
	
	.anime{ position: absolute; width: 100%; z-index: 9999; bottom: 1%;}
	.anime img{ width: 100%;}
	.anime a:hover{opacity: 0.8; transition:0.4s; }
	
	#twitterwrapper{padding: 9% 0 9% 0; position: relative;}
	.twitter{ width: 92%; max-width: 92%;height: 200px; margin: 0 auto; overflow-scrolling: touch; background: rgba(0,0,0,0.60); padding-top: 3%; border: #fff66c solid 1px; overflow: hidden;}
	.twitter_txt{margin: 0% auto 1% auto; display: block;}
	.twtr-timeline { height:200px!important; }
	
	
/*PVー--------------------------------------- */
.pv{ background-image:url(../img/pc/pv_bg.jpg); background-size:cover; width:92%; padding: 8% 4%;}

.trailer-container {
	 position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin-bottom: 11px;
	
	}

.trailer-container iframe{
    position: absolute;
    top: 0;
    left: 0;
	padding:0px;
    width: 100%;
    height: 100%;}

/*ストーリー--------------------------------------- */
.story{ background-size: cover; width: 100%;}
.story img{width: 100%;}
.story_txt{display: none;}

/*キャラクター紹介------------------------------- */
.chara{width: 100%;}
.chara_img{display: none;}
.chara img{ width: 100%;}

	
/*既刊 --------------------------------------- */
.bookSpace{ background-image: url(../img/pc/info_bg.jpg); background-position: top; background-size: cover; width: 100%;padding-top:18%; padding-bottom: 18%;}

.infotxt01{ text-align: center; width:80%; margin: 0 auto 0px auto; display: block;}
.infotxt02{ text-align: center; width:80%; margin: 0 auto 0px auto; display: block;}

.bookSpace ul{ width:92%; margin: 20px auto 40px auto; text-align: center;}
.bookSpace ul li{ width: 28%; border: 1px solid #FFFFFF; display: inline-block; margin: 1%;}
.bookSpace ul li img{width: 100%;}

	/*ページトップへボタン--------------------------- */
	#page-top2 {
	display: block!important;
	width: 100%;
	background-color:#45457a;
	text-align: center;
	text-decoration-line: none;
	padding: 4% 0;
	}
	
	#textColor {color: #fff; text-decoration: none;}
}