@charset "UTF-8";
/* CSS Document */

/*
	Theme Name: rebecca ver.1.0
	Description: 2015年初春作成
	Theme URI: 
	Author: Sora Akai
	Author URI: http://rebecca.thick.jp
	Version: 1.0

*/

/* Reset */

* { margin: 0; padding: 0;border-width: 0px; background-color: transparent;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%;}
a,a:hover,a:active,a:hover{text-decoration: none; cursor: default;}
ul,li{list-style:none;}

@media screen and (max-width:750px){
	*{
		box-sizing:border-box;
	}
}


/* Global */

body{
	background-image:url("images/back.jpg");
	padding:0 30px;
	color: rgb(60,37,8);
	font-size: 14px;
	font-family: “ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”,”Osaka”,”メイリオ”,”Meiryo”,”ＭＳ Ｐゴシック”,”MS PGothic”,sans-serif;
	line-height: 1.75em;
	background-color:rgba(249,217,174,1.00)
}

@media screen and (max-width:750px){
	body{
		padding:0px;
	}
}

body a{
	color: rgb(76,39,9);
}

body a:hover{
	background-color:rgba(217,176,130,0.5);
}

h1{
	font-size:20px;
	color:rgba(113,63,0,1.00);
	margin:15px auto;
	padding:15px auto;
	font-family: 'Quicksand', cursive;
	border-bottom:dotted 1px rgba(113,63,0,1.00);
}

h2{
	font-size:18px;
	color:rgba(113,63,0,1.00);
	margin:15px auto;
	padding:15px auto;
	margin-left:-8px;
	padding-left:10px;
	border-bottom:double 3px rgba(130,92,39,1.00);
	border-left:double 3px rgba(130,92,39,1.00);
}

h3{
	font-size:16px;
	margin:10px auto;
	padding:15px auto;
	border-bottom:solid 1px rgba(113,63,0,1.00);
}

p{
	margin:14px auto;
}


/* Design */

div#container{
	display:block;
	width:100%;
	margin:0 auto;
	-moz-box-shadow: 0px 0px 10px 5px rgba(82,43,0,0.63);
    -webkit-box-shadow: 0px 0px 10px 5px rgbargba(82,43,0,0.63);
    box-shadow: 0px 0px 10px 10px rgba(82,43,0,0.63);

}

@media screen and (min-width:1260px){
	div#container{width:1200px;}
}



/* header-design (inculude navigation) */

div#header{
	display:block;
	width:100%;
	height:50px;
	background-color: rgba(60,37,8,0.84);
}

div#header a{
	display:block;
	width:100%;
	box-sizing:border-box;
	color:rgba(245,226,189,1.00);
	font-family: 'Quicksand', cursive;
	line-height:50px;
	text-align:center;	
}

header{
	display:block;
	height:100%;
	float:left;
	text-align:left;
	color:rgba(245,226,189,1.00);
	font-family: 'Quicksand', cursive;
	font-size:20px;
	line-height:50px;
}

header a{
	padding-left:25px;
	padding-right:25px;
}

nav#mainnav{
	display:block;
	height:100%;
	float:right;
	margin-right:20px;
}

ul.mainnav,ul.icon{
	display:block;
	float:left;
	height:100%;
}

ul.mainnav li,ul.icon li{
	display:block;
	float:left;
	width:70px;
	height:auto;
}


ul.icon li{
	width:50px;
}

ul.icon li a{
	font-size:11px;
}

div#mobile{
	display:none;
}

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

	div#header{
		height:auto;
	}
	
	div#mobile{
		display:block;
		float:right;
		width:33.33%;
	}
	
	nav#mainnav{
		display:block;
		width:100%;
		margin:0px;
	}
	
	ul.mainnav,ul.icon{
		margin:0px;
		width:100%;
		border-top:1px solid rgba(58,34,1,1.00);
	}

	ul.mainnav li{
		display:block;
		float:left;
		width:33.33%;
		height:50px;
		margin:0px;
	}
	
	ul.mainnnav li a{
		margin:0px;
	}

	ul.icon li{
		width:33.33%;
		float:right;
		height:50px;
	}

	ul.icon li a{
		font-size:14px;
	}
	
	nav#mainnav{
		display:none;
	}

}


/* logo-design */

div.logo{
	height:400px;
	background-image:url("images/logo.jpg");
	background-repeat:no-repeat;
	background-position:center;
}

div.logo_cnt{
	height:150px;
	background-image:url("images/logo_thin.jpg");
	background-repeat:no-repeat;
	background-position:center;
}

div#whatsnew{
	margin-right:20px;
	margin-top:170px;
	padding:10px;
	max-height:200px;
	width:350px;
	float:right;
	background-color:rgba(245,226,189,0.6);
	font-size:12px;
	overflow-y:hidden;
}

div.new_date{
	display:block;
	float:left;
	width:60px;
	margin:0px;
	padding:0px;
}

div.new{
	display:block;
	float:left;
	width:270px;
	margin:0px;
	padding:0px;
}

hr.newline{
	display:block;
	height:1px;
	background-color:rgba(58,34,1,1.00);
}

@media screen and (max-width:750px){
	
	div.logo{
		width:100%;
		height:200px;
		background-image:url("images/logo.jpg");
		-webkit-background-size: 750px 250px;
	}
	
	div.logo_cnt{
		width:100%;
		height:90px;
		background-image:url("images/logo_thin.jpg");
		-webkit-background-size: 800px 100px;
	}
	
	div#whatsnew{
		margin:110px 0px 0px 0px;
		height:auto;
		width:auto;
		line-height:1.2em;
	}
	
	div#whatsnew li:nth-child(n+2){
		display:none;
	}
	
	div.new{
		width:auto;
	}
	
	hr.newline{
		margin:5px auto;
	}
}


/* body-design */

div#main{
	display:block;
	width:100%;
	border-top:solid 1px rgba(58,34,1,0.00);
	border-bottom:solid 1px rgba(58,34,1,0.00);
	background-color:rgba(255,255,255,0.3);
}

section.child,section.child-right,section.child-nofloat,section.child-broad,section.child-center{
	display:block;
	width:40%;
	padding-left:5%;
	padding-right:5%;
	margin:30px auto 50px;
	border-top:solid 1px rgba(58,34,1,0.00);
}

section.child{
	float:left;
}

section.child-right{
	float:right;
}

section.child-broad{
	width:90%;
	clear:both;
}

section.child-nofloat{
	margin-left:0px;
}


@media screen and (max-width:1024px){
	section.child,section.child-right,section.child-nofloat,section.child-broad,section.child-center{
		width:100%;
		box-sizing:border-box;
	}
}

footer{
	clear:both;
	width:100%;
	background-color: rgba(60,37,8,0.84);
	text-align:center;
}

.footer{
	color:rgba(245,226,189,1.00);
	font-family: 'Quicksand', cursive;
	line-height:50px;
	height:50px;
}

/* text-design-menu */

nav#textmenu{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:50px;
	float:left;
	background-color: rgba(60,37,8,0.84);
}

nav#textmenu ul{
	display:block;
	float:left;
	height:100%;
}

nav#textmenu ul li{
	display:block;
	float:left;
}

nav#textmenu ul li a{
	display:block;
	color:rgba(245,226,189,1.00);
	line-height:50px;
	padding-left:25px;
	padding-right:25px;
	text-align:center;
}

div.mobile_bar{
	display:none;
}

@media screen and (max-width:750px){
	
	div.mobile_bar{
		display:block;
		width:100%;
		text-align:center;
		background-color: rgba(60,37,8,0.84);
		height:50px;
	}
	
	div.mobile_bar a{
		display:block;
		width:100%;
		color:rgba(245,226,189,1.00);
		font-family: 'Quicksand', cursive;
		line-height:50px;
		text-align:center;
	}
	
	nav#textmenu{
		float:none;
		padding:0;
		height:auto;
	}

	nav#textmenu ul{
		display:block;
		float:none;
		width:100%;
	}

	nav#textmenu ul li{
		display:block;
		float:none;
		width:100%;
		height:auto;
		margin:0px;
		border-top:solid 1px rgba(58,34,1,1.00);
	}
	
	nav#textmenu{
		display:none;
	}

}

/* text-design-body */

section.text{
	position:relative;
	padding-top:80px;
}

h1.genre{
	margin-top:50px;
	position:absolute;
	left:-16px;
	top:-20px;
	border:none;
	background:-moz-linear-gradient(45deg,rgba(184,142,83,1.00),rgba(184,142,83,0.00));
	background:-webkit-linear-gradient(45deg,rgba(184,142,83,1.00),rgba(184,142,83,0.00));
	background:-o-linear-gradient(45deg,rgba(184,142,83,1.00),rgba(184,142,83,0.00));
	background:-ms-linear-gradient(45deg,rgba(184,142,83,1.00),rgba(184,142,83,0.00));
	background:linear-gradient(45deg,rgba(184,142,83,1.00),rgba(184,142,83,0.00));
	width:80%;
	padding:10px;
	padding-left:40px;
}

h1.genre:before{
	content:"";
	position:absolute;
	top:100%;
	left:0;
	height:0;
	width:0;
	border:8px solid transparent;
	border-top:8px solid rgba(130,92,39,1.00);
	border-right:8px solid rgba(130,92,39,1.00);
}

div.text_length{
	display:block;
	border-bottom:dotted 1px rgba(60,37,8,0.84);
	margin-bottom:20px;
}

div.text_length:last-child{
	border-bottom:none;
}

div.onesec{
	display:block;
	margin:15px auto;
	padding:5px;
}


/* content-design */

article.content{
	width:550px;
	line-height:2.0em;
	margin:80px auto;
	padding:50px;;
	background-color:hsla(39,55%,90%,0.5);
	border:dotted 1px rgba(60,37,8,0.84);
}

h1.texttitle{
	border:none;
	margin:60px auto;
	text-align:center;
	font-family: “ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”,”Osaka”,”メイリオ”,”Meiryo”,”ＭＳ Ｐゴシック”,”MS PGothic”,sans-serif;
}

article.content a.title{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	padding-left:3px;
	font-size:16px;
}

article.content p{
	margin:46px auto;
	line-height:2.0em;
	font-size:16px;
}

article.archive p{
	font-size:14px;
}

div.more{
	margin:30px auto;
	text-align:right;
	text-decoration:underline;
}

div.date{
	margin:50px auto 20px;
	text-align:right;
	border-top:dotted 1px rgba(58,34,1,1.00);
}

div.long_list{
	display:block;
	border:none;
	margin:20px auto;
	padding-top:1px;
	width:80%;
}

div.long_list h2{
	border:none;
	background-color:rgba(130,92,39,0.86);
	color:rgba(245,226,189,1.00);
	margin:30px auto 20px;
}

div.long_list div.onesec{
	display:block;
	margin:10px auto;
	padding:5px;
}

@media screen and (max-width:1024px){
	article.content{
		margin:30px auto;
	}
}

@media screen and (max-width:750px){
	
	article.content{
		width:100%;
		padding:5%;
		border:none;
		margin:0px;
	}
	
	article.content p{
	font-size:14px;
}
	
	article.archive{
		padding:1px;
		margin:0px;
	}
	
	article.archive:nth-of-type(n+2){
		border-top:dotted 1px rgba(58,34,1,1.00);
	}
	
	article.archive h1{
		border:none;
		margin:0px;
		padding:1px;
		width:100%;
		font-size:16px;
	}
	
	article.archive a.title{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	padding:25px 10px;
}
	
	article.archive div.date{
		border:none;
		margin:0px 5px 10px;
	}
	
	article.archive .hide{
		display:none;
	}
	
	div.long_list{
		font-size:12px;
		width:95%;
	}

}

/* sidebar */

div.articlebox{
	float:left;
	width:70%;
}

aside.navi-archives{
	float:right;
	width:30%;
}

div.ach_list{
	width:240px;
	margin:80px auto;
}

ul.year{
	max-width:250px;
}

ul.year li{
	margin:15px auto;
}

ul.month li{
	width:33%;
	float:left;
	text-align:right;
	margin:auto;
}

ul.categories li{
	margin:8px auto;
}



@media screen and (max-width:1024px){
	div.articlebox{
		float:none;
		width:100%;
	}
	
	aside.navi-archives{
		box-sizing:border-box;
		float:none;
		width:100%;
		padding:50px;
	}
	
	div.ach_list{
		box-sizing:border-box;
		width:50%;
		float:left;
		margin:auto;
	}
	
	div.ach_list div{
		width:80%;
		margin:auto;
	}
	
}

@media screen and (max-width:750px){
	
	aside.navi-archives{
		padding:30px;
		background-color:hsla(39,55%,90%,0.5);
		border-top:dotted 1px rgba(58,34,1,1.00);
	}
	
	div.ach_list{
		float:none;
		width:100%;
		margin-bottom:80px;
	}
	
	div.ach_list div{
		width:100%;
		margin:auto;
	}
}

/* pagination */

div.pager{
	display:block;
	max-width:400px;
	margin:5px auto 40px;
	clear:both;
}

ul#pager{
	display:block;
	text-align:center;
}

ul#pager li{
	box-sizing:border-box;
	display:inline-block;
	width:50%;
	text-align:center;
}

ul#pager li a{
	display:inline-block;
	border:solid 1px rgba(58,34,1,1.00);
	font-family: 'Quicksand', cursive;
	text-align:center;
	padding:8px 15px;
}

@media screen and (max-width:750px){
	div.pager{
		margin:0px auto;
		background-color:hsla(39,55%,90%,0.5);
		border-top:dotted 1px rgba(58,34,1,1.00);
		width:100%;
	}
	
	ul#pager li:only-child{
		width:100%;
	}
	
	ul#pager li:nth-of-type(2){
		border-left:dotted 1px rgba(58,34,1,1.00);
	}
	
	ul#pager li a{
		width:100%;
		border:none;
		padding:30px 15px;
		font-size:18px;
	}
}


/* pankuzu */

nav#pankuzu{
	width:100%;
	background-color:rgba(130,92,39,0.86);
	text-align:right;
}

ul.pankuzu{
	display:block;
}

ul.pankuzu li{
	display:inline-block;
	color:rgba(245,226,189,1.00);
}

ul.pankuzu li a{
	display:inline-block;
	color:rgba(245,226,189,1.00);
	border-bottom:solid 1px rgba(245,226,189,1.00);
	padding-bottom:0px;
	font-family: 'Quicksand', cursive;
	text-align:center;
	margin:15px;
}

/* event-design */

ul.event{
	margin:15px;
}

ul.event li{
	padding:2px 5px;
}

img.poster{
	box-sizing:border-box;
	width:100%;
	height:auto;
	border:1px solid rgba(58,34,1,1.00);
}
	

/* books-design */

ul.books li{
	float:left;
	display:block;
	width:40%;
	min-height:350px;
	padding-left:5%;
	padding-right:5%;
}

@media screen and (max-width:1024px){
	ul.books li{
		width:100%;
		box-sizing:border-box;}
}

ul.books h3{
	display:block;
	margin:auto 0px 10px;
	padding:2px 5px;
}
img.cover{
	display:block;
	float:left;
	margin-right:10px;
}

div.book_cap{
	font-size:12px;
}

div.book_cap p{
	font-size:12px;
}

@media screen and (max-width:750px){
	div.book_cap{
		float:left;
	}
}

/* link-design */

ul.links li{
	display:block;
	padding-left:5%;
	padding-right:5%;
	margin:50px auto;
}

div.table div{
	margin:5px auto;
}

div.table div div{
	display:block;
	float:left;
	word-break: break-all;
}

div.table div div:first-child{
	width:30%;
}

div.table div div:last-child{
	width:70%;
}

/* form */

input,textarea{
	border:solid 1px rgba(58,34,1,1.00);
	padding:5px;
}

div.long input{
	width:100%;
}

div.limit input{
	max-width:300px;
}

textarea{
	box-sizing:border-box;
	width:100%;
}

input[type="submit"],input[type="button"]{
	padding:5px 15px;
	margin:30px 10px;
}

input[type="checkbox"],input[type="radio"]{
	margin:auto 8px;
}

/* plus */

.block{
	display:block;
}

.inline-block{
	display:inline-block;
	padding:5px;
}

a.block:hover,a.inline-block:hover{
	background-color:rgba(167,76,26,0.66);
}

.center{
	text-align:center;
}
	
.right{
	text-align:right;
}
	
.italic{
	font-style:italic;
}

.bold{
	font-weight:bold;
}
	
.float{
	float:left;
}

.right-float{
	display:inline-block;
	text-align:right;
	float:right;
}

.big{
	font-size:16px;
}

.clearfix:after {   
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.border{
	border:solid 1px rgba(113,63,0,1.00);
	padding:5px;
}

ul.list li{
	list-style:square;
	margin:15px auto;
	margin-left:1em;
}

ul.list ul li{
	list-style:circle;
	margin:10px auto;
	margin-left:3em;
}


/* clearfix for ie7 */

.clearfix{
    display: inline-block;
}

.clearfix {
    display: block;
}