@charset "utf-8";


/* YUI 2: Reset CSS */
@import url(yui2-reset.css);


/* ??{?X?^?C?? */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
	 Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.0em;
	color: #515151;
	background: #746F67;
	width:100%;
}
img {
	vertical-align: bottom;
}
a {
	color: #CC9966;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color:#A27C55;
	text-decoration: none;
}
a:hover img{
	opacity: 0.5;
}
.backnumber:hover, .bookservice:hover, .fujisan:hover{
	opacity: 0.5;
}


a.strong {
	color: #FF9900;
}

.emTxt {
	color: #CC9966;
	font-weight: bold;
	text-decoration: none;
}

.layer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#outer {
	padding: 1px;
	width: 100%;
}

#container {
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
	min-width: 768px;
	height:100%;
}

.content {
	margin: 0 auto;
	width: 100%;
	background-color:#1D1C1A;
	background-image:url(/upload/shingeki.net/images/pw/cbg.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100%;
	-moz-background-size:100%;
}

#headder h1 {
	padding:1.4rem 0 1.2rem 0;
}

#headder h1 {
	font-size:180%;
	color:#FFCC00;
	font-weight:bold;
	text-align:center;
}

#content1 {
	border-top:solid #C51A01 1.4rem;	
}
#content2, #content3 {
	border-top:solid #4A3E2D 0.8rem;
	margin-top:0.8rem;
}

.rsgk {
	margin:-0.5rem 0 0 0.7rem;
	width:49%;
}
.rbtn {
	margin:-2.5rem 0 1em 0.6rem;
	width:81%;
}
.subt {
	font-size:0.5em;
}
/*************************************/
.hide {
	text-indent:-9999px;
	display:block;
	background-repeat:no-repeat;
	background-position:center top;
}
.social {
	background-color:#000000;
	border:solid 1px #D4D0C8;
	margin:1% auto 1% auto;
	text-align:center;
	width:80%; /************/
}
.tw img {
	float:left;
	width:49.2%;
	margin:0.5% 0.25% 0.5% 0.5%;
}
.fb img {
	float:left;
	width:49.2%;
	margin:0.5% 0.5% 0.5% 0.25%;
}

a.backnumber {
	width:98%;
	height:0;
	padding-top:13%;
	background-image:url(/upload/shingeki.net/images/pw/backnumber.png);
	margin:2% auto 0 auto;
	background-size:100%;
	-moz-background-size:100%;
}
.subscription{
	text-align:center;
	width:96%;
	margin:0 auto 0 auto;
}
.sstt {
	float:left;
	width:44%;
	height:0;
	padding-top:6%;
	background-image:url(/upload/shingeki.net/images/pw/subscription.png);
	margin:0 0.51rem 0 0;
	background-size:100%;
	-moz-background-size:100%;
}
.bookservice {
	float:left;
	width:25%;
	height:0;
	padding-top:6.8%;
	background-image:url(/upload/shingeki.net/images/pw/bookservice.png);
	margin:0 0.5rem 0 0;
	background-size:100%;
	-moz-background-size:100%;
}
.fujisan {
	float:left;
	width:25%;
	height:0;
	padding-top:6.8%;
	background-image:url(/upload/shingeki.net/images/pw/fujisan.png);
	margin:0;
	background-size:100%;
	-moz-background-size:100%;
}

.lineXDotted {
	background: url(/upload/shingeki.net/images/line_x_dotted.gif) repeat-x 0px 0px;
	height:1px;
	margin:6px auto;
	width:96%;
}

.lineXSolid {
	background: url(/upload/shingeki.net/images/line_x_solid.gif) repeat-x 0px 0px;
	height:2px;
	margin:6px 0;
}

/*************************************/
.c1_01{
	height:0;
	padding-top:15%;
	background-image:url(/upload/shingeki.net/images/pw/c1_01.png);
	margin:3% 0 2% 0;
	background-size:100%;
	-moz-background-size:100%;
}

.c1_02 {
	float:left;
	width:36%;
	margin:1.5% 0 1% 4%;
}
.c1_03 {
	float:left;
	width:61%;
	margin:4% 0.2% 1% -3%;
	background-image:url(/upload/shingeki.net/images/pw/c1_03bg.png);
	background-position:right top;
	background-repeat:no-repeat;
	background-size:95%;
	-moz-background-size:95%;
}
.c1_03 p{
	height:0;
	padding-top:40%;
	background-image:url(/upload/shingeki.net/images/pw/c1_03.png);
	background-size:90%;
	-moz-background-size:90%;
}
.gofig {
	width:80%;
	margin:0 0 3% 1%;
}
.gomag {
	width:80%;
	margin:0 1% 5% 1%;
}

.c2_01{
	height:8rem;
	background-image:url(/upload/shingeki.net/images/pw/c2_01.png);
	margin:3% 0 1% 0;
	background-size:100%;
	-moz-background-size:100%;
}
div#figure360{
	text-align:center;
}
#figure1 {
	margin:2rem auto 0 auto;
	width:70%;
}
div.csoon {
	width:100%;
	text-align:center;
	margin-bottom:4%;
}
.csoon img {
	width:98%;
}
.c2_02{
	width:100%;
	margin:1% 0 1% 0;
}
.c2_03{
	width:100%;
	margin:1% 0 1% 0;
}
.c2_04{
	width:100%;
	margin:1% 0 2% 0;
}
.c2_05{
	width:94%;
	height:0;
	padding-top:34%;
	background-image:url(/upload/shingeki.net/images/pw/c2_05.png);
	margin:1rem auto 1.2rem auto;
	background-size:100%;
	-moz-background-size:100%;
}

.c3_01{
	height:0;
	padding-top:14%;
	background-image:url(/upload/shingeki.net/images/pw/c3_01.png);
	margin:1.6rem 0 1rem 0;
	background-size:100%;
	-moz-background-size:100%;
}
.c3_02{
	width:90%;
	height:0;
	padding-top:3%;
	background-image:url(/upload/shingeki.net/images/pw/c3_02.png);
	margin:3.2% auto 0.2% auto;
	background-size:100%;
	-moz-background-size:100%;
}
.c3_03{
	float:left;
	width:49.5%;
	background-image:url(/upload/shingeki.net/images/pw/c3_03.png);
	height:0;
	padding-top:38%;
	margin:1.6% auto 1% auto;
	background-size:100%;
	-moz-background-size:100%;
}
.c3_04{
	float:right;
	width:49.5%;
	background-image:url(/upload/shingeki.net/images/pw/c3_04.png);
	height:0;
	padding-top:38%;
	margin:1.6% auto 1% auto;
	background-size:100%;
	-moz-background-size:100%;
}
.c3_05{
	float:left;
	width:49.5%;
	background-image:url(/upload/shingeki.net/images/pw/c3_05.png);
	height:0;
	padding-top:36%;
	margin:0 auto 1% auto;
	background-size:100%;
	-moz-background-size:100%;
}
.c3_06{
	float:right;
	width:49.5%;
	background-image:url(/upload/shingeki.net/images/pw/c3_06.png);
	height:0;
	padding-top:36%;
	margin:0 auto 1% auto;
	background-size:100%;
	-moz-background-size:100%;
}
.c3_07{
	width:94%;
	background-image:url(/upload/shingeki.net/images/pw/c3_07.png);
	height:0;
	padding-top:29%;
	margin:0.5% auto 1% auto;
	background-size:100%;
	-moz-background-size:100%;
}
.c3_08{
	width:94%;
	background-image:url(/upload/shingeki.net/images/pw/c3_08.png);
	height:0;
	padding-top:29.5%;
	margin:0.5% auto 1.4% auto;
	background-size:100%;
	-moz-background-size:100%;
}
.data{
	width:90%;
	background-image:url(/upload/shingeki.net/images/pw/data.png);
	height:0;
	padding-top:22%;
	margin:2% auto 3% auto;
	background-size:100%;
	-moz-background-size:100%;
}

#voceinfo{
	display:block;
	text-align:center;
	margin:2% auto 2% auto;
}
#voceinfo img{
	width:90%;
}

.fb {
	width:94%;
	margin:0 auto 0 auto;
}

.footer{
	text-align:center;
	height:0;
	color:#CCCCCC;
	padding-top:3%;
	padding-bottom:7%;
}
/*************************************/
#bncontent1 {
	border-top:solid #4A3E2D 1.4rem;
	padding-top:2rem;
	
}
#bncontent2 {
	border-top:solid #4A3E2D 0.8rem;
	margin-top:0.8rem;	
}
.bnc1_01 {
	float:left;
	width:23%;
	margin:1.5% 0.2% 1% 3.4%;
}
.bnc1_02 {
	float:left;
	width:70%;
	margin:4% 0.2% 1% 0;
}
.bnc1_02 p{
	min-height:7rem;
	max-height:7rem;
	background-image:url(/upload/shingeki.net/images/pw/bnc1_02.png);
	background-position:right top;
	background-repeat:no-repeat;
	background-size:95%;
	-moz-background-size:95%;
}
.gobn {
	width:70%;
	margin:0 0 3% 1%;
	float:right
}
#bncontent1 .social {
	margin-top:0.1rem;
	margin-bottom:2rem;
}
.bnc2_01{
	height:8rem;
	background-image:url(/upload/shingeki.net/images/pw/bnc2_01.png);
	margin:3% 0 1% 0;
	background-size:100%;
	-moz-background-size:100%;
}
.lineup{
	width:92%;
	margin:0 auto 1rem auto;
}

.bnl {
	float:left;
	width:46%;
	margin:5% 2% 1% 2%;
}
.bnlbg{
	background-color:#000;
}
.bnSumb {
	bottom:0;
}
.bnSumb img{
	margin-top:-8%;
	width:52%;
	padding:3.5% 2.1% 0.6% 2.1%;
	background-image:url(/upload/shingeki.net/images/pw/bnsumbbg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100%;
}
.bnlbx {
	background-color:#990000;
	color:#FFF;
	font-weight:bold;
	background-image:url(/upload/shingeki.net/images/pw/bn_shadow.png);
	background-repeat:no-repeat;
	background-position:center -4%;
	background-size:50%;
	padding:3% 0 3% 0;
}

/*** ▼書店ボタン設置ON▼***/
.btnsOn{
	height:4.5rem;
}
.btnsOn img{
	margin:1.5% 0.2% 1% 0.2%;
}
.btnsOn p{
	padding:7%;
	font-size:1rem;
	color:#FFFFCC;
}
/*** ▲書店ボタン設置ON▲***/

/*** ▼書店ボタン設OFF▼***/
.btns{
	height:2rem;
}
.btns p{
	padding:1.6%;
	font-size:1rem;
	color:#FFFFCC;
}
/*** ▲書店ボタン設置OFF▲***/


.fb-like-box,.fb-like-box span, .fb-like-box iframe {
 width: 100% !important;
}

@media (min-width: 500px) {
#container {
		width: 80%;
	}
.social {
	font-size: 80%;
	width:40%;
}
a.backnumber {
	width:80%;
	height:0;
	padding-top:60%
	margin:0.2% auto 1% auto;
}
.subscription{
	width:70%;
	margin:1% auto 0 auto;
}
.rbtn {
	margin:-4rem 0 0 0.7rem;
	width:48%;
}
.rsgk {
	margin:-0.5rem 0 0 0.7rem;
	width:29%;
}
.subt {
	font-size:0.8em;
}
.footer{
	font-size:0.6em;
	padding-bottom:7%;
}
}