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


#f-titigakieta001 #header-img{
	padding-top:30px;
	padding-bottom:20px;

}




#box00{
	width: 700px;
	padding-top: 780px;
	margin-bottom: 50px;
	background-color: #0095de;
	background-image: url(images/tobira001/f-topimg.png);
	background-repeat: no-repeat;
}
#box01-0{
	text-align: center;
	margin-bottom:20px;
	
}
#box01-1{
	padding: 10px 10px 15px 10px;
	margin-left:10px;
	/*margin-right:10px;*/
	margin-bottom:30px;
	width:220px;
	float: left;
	text-align: center;
	background: #addef8;
	line-height: 1.0em;
	word-wrap: break-word;
}
#box01-1 a{
	color: #e99d3b;
	border: 1px solid #e99d3b;
	font-weight: bold;
	padding: 3px 15px;
}
#box01-1 p.amazon02{
		margin-top: 5px;
	margin-bottom: 5px;
	}
#box01-1 h4{
	color:#CC6600;
	font-size: 85%;	
	
}
#box01-1 h3{
	color:#CC6600;	
}

#box01-2{
	float: right;
	width:450px;
	text-align: center;
	padding-bottom:20px;
}
#author-box01{
	background: #0095de;
	padding-bottom:20px;
	margin-bottom:30px;
}
#a-title{
	background: url(images/tobira001/f-author-comment.png) no-repeat center 15px;
	height: 0px;
	padding-top: 82px;
	overflow: hidden;
}
#a-text{
	font-size: 1.4em;
	color: #FFF;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom:20px;
}


#editor-box01{
	background: #0095de;
	padding-bottom:20px;
	margin-bottom:30px;
}


#e-title{
	background: url(images/tobira001/f-editor-comment.png) no-repeat center 15px;
	height: 0px;
	padding-top: 84px;
	overflow: hidden;
}

#e-text{
	font-size: 1.3em;
	color: #FFF;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom:20px;
	padding-top:0px;
}

/*
#chara-box01{
	background: #f29a63;
	padding-bottom:20px;
	margin-bottom:30px;
}


#c-header{
	background: url(images/tobira001/f-chara-header.png) no-repeat center 15px;
	height: 0px;
	padding-top: 80px;
	overflow: hidden;
}

#c-text{
	font-size: 1.4em;
	color: #000;
	padding-right: 45px;
	padding-left: 45px;
	padding-bottom:20px;
	padding-top:5px;
}
#c-text dt{
	float: left;
}

#c-text dd{
	padding-left: 7em;
	padding-bottom:15px;
}

#c-footer{
	background: url(images/strange001/f-chara-foter.png) no-repeat center top;
	height: 0px;
	padding-top: 22px;
}
*/






/*ipad用の制御
------------------------------------------------------------*/
.display-none-topimg01{
	display:none;
}






/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media screen and (max-width: /*1024*/1149px) {




#works #header-img{
	padding-top:30px;
	padding-bottom:10px;
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

.display-none-topimg01{
	display: block;
	
}
#box00{
	width:100%;
	background-image: url(none);
	padding-top: 0px;
	margin-bottom:50px;
}
.display-none-topimg01 img{
	width:100%;
	
}
#box01-0 img{
	width:100%;

}
#box01-1{
	width:40%;
	float: left;
}
#box01-2{
	float: right;
	width:50%;
	padding-right:10px;
}
#box01-2 img{
	width:100%;
}



}
@media screen and (max-width: /*768*/999px) {

}
@media screen and (max-width: /*768*/864px) {

#works #header-img{
	width: 80%;
	padding-bottom:00px;
	margin-left:auto;
	margin-right:auto;
}





#c-header{
	background-size:80%;

}
#c-footer{
	background-size:90%;

}


}

@media screen and (max-width: /*414*/767px) {

#works #header-img > img{
	width:70%;
}

#a-title{
	background-size:80%;
}

#e-title{
	background-size:80%;
}



}
@media screen and (max-width: /*414*/599px) {

#box01-1{
	width:80%;
	float: none;
	margin-left:auto;
	margin-right:auto;
}
#box01-2{
	float: none;
	width:100%;
	padding-right:10px;
	padding-bottom:20px;
}
#c-text{
	padding-right: 20px;
	padding-left: 20px;
}



}
@media screen and (max-width: /*414*/500px) {

}
@media screen and (max-width: /*414*/450px) {

}
@media screen and (max-width: /*375*/413px) {

}

@media screen and (max-width: /*375*/374px) {

}