.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

body{
margin:0;
background:#FFF;
font-size:16px;
}


.pr_contents{
	width:100%;
	max-width:920px;
	margin: 0px auto;
	padding:0px;
	color:#435366;
	overflow: hidden;
}


/*HEADER*/


.maintitle {
	background-image: url(image/mainimage.jpg);
	background-repeat: no-repeat;
	width:1600px;
	height:auto;
	margin: 0px auto;
}

@media only screen and (max-width: 1280px) {
	.maintitle {
		width:100%;
		overflow:hidden;
	}
}


.maintitle img {
	display: block;
	margin: auto;
	max-width:1006px;
	width:100%;
	height:auto;
}

@media only screen and (max-width: 920px) {
	
	.maintitle {background-position:-200px -150px}
}

@media only screen and (max-width: 760px) {
	.maintitle {
	background-image: url(image/mainimage_s.jpg);
	background-position:0 0}
	}


}

  @media only screen and (max-width: 620px) {
	.maintitle {	
	background-image: url(image/mainimage_ss.jpg);}
}


  @media only screen and (max-width: 460px) {
	.maintitle {	
	background-image: url(image/mainimage_sss.jpg);
	background-position:0 0}
}

/*CONTENTS*/


h2 img {
	display: block;
	width: 95%;
	height:auto;
	margin: 5px auto;
}



#arasuji {
	text-align: center;
	line-height: 2em;
}
#arasuji .fig {
	width: 90%;
	height: auto;
	display: block;
	margin:10px auto;
}



/*** 賞など ***/

 
.prize{
          position:relative;
          width:90%;
          margin:20px auto;
          background:#fff;
          overflow:hidden;
      }
 
      .prize:before {
          content:"";
          position:absolute;
          top:0;
          right:0;
          border-width:0 40px 40px 0; 
          border-style:solid;
          border-color:#fff #fff #4AD9ED #4AD9ED; 
          display:block; width:0;
      }
	  
	  .prize div{
		border: solid 1px #4AD9ED;
		padding:20px 50px 20px 20px;
		line-height:2em;}

/*** 文庫情報 ***/

.bookinfo{
	border:1px solid #FFF;
	padding:1em;
	margin:1em 0;
	overflow:hidden;
	background-color: #4AD9ED;
	width:48%;
	float: left;
}

.bookinfo h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5em;
}

.bookinfo h3{font-size: 18px;}


.bookcover{
	float: left;
	margin-right:1em;
	margin-bottom: 1em;
	width:180px;
	height:auto;
}


.bookdata{margin:1em;}

.shop_link{clear:both;}

.sns {
	width:45%;
	float:right;
	margin:1em 0;
}


img.tw_account{	
	display: block;
	max-width:380px;
	width:100%;
	height: auto;}

.shop_banner{clear:left;}

.shop_banner img{float:left;}



/*動画*/

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

.pv iframe,  
.pv object,  
.pv embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}






.link_futabasha {
	text-align: center;
	background-color: #FFF;
	padding: 5px;
	margin-top: 30px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.shisho_ft {
	background-color: #FFF;
}



/*バナー*/



#banner{
	max-width: 640px;
	margin:10px auto;
	width:90%;
	clear:both;}

#banner img{
display: block;
width:100%; height:auto;}


/*twitterキャンペーン*/


#campaign .fig {
	width: 100%;
	height: auto;
	display: block;
	margin:10px auto;
}


@media only screen and (max-width: 640px) {
	


	
#contentarea, #footer, #copyright, .pr_contents{
	width:100%; height:auto;
}

	
.bookinfo, .sns{float: none;
 margin:1em auto;
 width:95%
 }
 
 .bookcover{width:80%; height:auto; float:none;}
 

.twitter-timeline{auto;}


	
}



.figtext {
	font-size: smaller;
	font-weight: normal;
}
#campaign {
	clear: both;
	padding: 1em;
}
#campaign h3 {
	color: #09C;
	font-size: 1em;
	line-height: 1.5em;
}
#campaign p {
	font-size: .8em;
}
#campaign p span {
	font-weight: bold;
}

/*グッズ*/

.goods_info {
	background-color: #FFFEF3;
	border: 2px solid #ffb1d2;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;
	clear: both;
	width:90%;
	margin:15px auto;
	padding: 15px;
	text-align: center;
	line-height:1.5em;
	overflow:hidden;
}

.goode_title{
	display: block;
	width: 95%;
	height:auto;
	margin:0 auto;
	text-align: center;
	line-height: 1.5em;
	}
	


.goods_item {
	width: 95%;
	height: auto;
	max-width:660px;
}

.goods_shotenlink{
	display: block;
	width: 90%;
	height:auto;
	margin:10px auto;
	max-width: 680px;
	}



/* 表示ボタン */
.openBtn,.openBtn2 {
cursor: pointer;
}
 
.openBtn:hover,.openBtn2:hover {
opacity: 0.7;
}
 
/* 説明文 */
.ShopList{
display: none;
font-size:12px;
text-align: left;
line-height:1.5em;
}

.ShopList2{
display: none;
font-size:12px;
text-align: left;
line-height:1.5em;
}
 
 
 .List01{ float:left; margin:1.5em;}
 
 
 
 .goods_banner {
	display: block;
	margin: 10px auto;
	height: auto;
	width:80%;
	max-width: 620px;
}

.ShopList2 .List01 h3 {
	color: #87525B;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FCC;
}
.ShopList2 .List01 h2 {
	color: #69C;
	margin-top: 30px;
	margin-bottom: 5px;
	background-color: #FFE9BB;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


.campaign_end {
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}