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

/*reset
------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	color: #000;
	font-weight:normal;
	font-size:100%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	display:block;
}
html {
	font-size:62.5%;
}
body{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	/*font-size:1.6rem; 16px*/
	line-height:1.8;
	*font-size:small;
	*font: x-small;
	background: url(../images/pc/bc00.jpg);
}

img{
	border:0;
	max-width:100%;
	height:auto;
}

.ie8 img{
	width:100%;
}

ul,ol{list-style-type:none;}

table {
	border-collapse: collapse; 
	border-spacing: 0;
}

img, input, select, textarea { 
	vertical-align: middle;
}

.pconly {
	display:block;
}
.sponly {
	display:none;
}
.pc_inline {
	display:inline;
}
.sp_inline {
	display:none;
}
.f70 {font-size:70%;}
.bold {font-weight:bold;}
.com {
	text-indent:-1em;
	padding-left:1em;
}
/*==============================

/*Base Style

================================*/
/*wrap
---------------------------------*/
#wrap{
	overflow:hidden;
	position:relative;
	min-height:100vh;
}
#back-top {background:url(../images/pc/bc01.jpg) no-repeat;
	-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
		background-attachment:fixed;
	min-height:95vh
}
#books {background:url(../images/pc/bc02.jpg) no-repeat;
	-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
		background-attachment:fixed;
	min-height:95vh
}
#office {background:url(../images/pc/bc03.jpg) no-repeat;
	-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
		background-attachment:fixed;
	min-height:95vh
}
#access {background:url(../images/pc/bc04.jpg) no-repeat;
	-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		background-size:100% auto;
		background-attachment:fixed;
	min-height:95vh;
}
header {
	overflow:hidden;
	padding-top:5vh;
	padding-left:5%;
	padding-right:8%;
	}
#title {
	width:26%;
	float:left;
}
#gnav_area{
	padding-top:0;
	padding-left:10%;
	float:right;
	width:30%;
	display:block;
}
#gnav_area li {
	width:18%;
	float:left;
}
#gnav_area .li01 {
	width:25%;
	margin-top:16%;
}
#topCont, #officeCont {
	background:rgb(255, 255, 255, 0.3);
	text-align:center;
	margin-top:5vh;
	font-size:1.5vw;
	line-height:2.0;
	text-shadow:1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff,-1px -1px 2px #fff;
	font-weight:bold;
	padding:0;
}
#officeCont p {font-weight:bold;}
#officeCont span {font-weight:bold;}
#booksCont {
	padding:0 7%;
	margin:0 auto;
	overflow:hidden;
}
#booksCont .bookImage_l{
	float:left;
	width:26%;
}
#booksCont .txt_r {
	float:right;
	width:65%;
	padding-left:5%;
}
#booksCont .txt_r h2 {
	font-size:1.7vw;
	line-height:2.0;
	margin-bottom:0.2em;
	text-shadow:1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff,-1px -1px 2px #fff;
	font-weight:bold;
}
#booksCont .txt_r p {
	font-size:1.5vw;
	line-height:2.0;
	text-shadow:1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff,-1px -1px 2px #fff;
	font-weight:bold;
}
#booksCont .sum_r {
	float:right;
	width:65%;
	padding-top:1%;
	padding-left:5%;	
}
#booksCont .sum_r li{
	display:block;
	width:10%;
	float:left;
	padding-right:2%;
}
#booksCont .sum_r li:hover {
	cursor: pointer;
    opacity: 0.8;
}
#booksCont .sum_r .offerBtn {
	float:right;
	width:40%;
	font-size:1.0vw;
	font-weight:bold;
	text-shadow:1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff,-1px -1px 2px #fff;
}
#booksCont .sum_r .offerBtn img {
	width:50%;
	padding: 5% 35% 2% 15%;
}
#booksCont .sum_l {display:none;}
#accessCont {
	width:15%;
	margin:12% auto 0 auto;

}
#accessCont:hover {
	margin:9% auto 0 auto;
}
footer {
	width:100%;
	position: relative;
	padding-top:0.2em;
	/*margin-bottom:0.5em;*/
	text-align:center;
	text-shadow:1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff,-1px -1px 2px #fff;
	font-size:1.2vw;
	font-weight:bold;
}
.sp_f85 {
		font-size:100%;
	}
@media screen and (max-width:1190px){
	#topCont, #officeCont {
		font-size:2.2vw;
		padding:2% 0;
	}
	footer{
		font-size:1.4vw
	}
}

/*750px以下*/
@media screen and (max-width:750px){
	body {
		background:url(../images/sp/bc00.jpg);
	}
	.pconly {
		display:none;
	}
	.sponly {
		display:block;
	}
	.pc_inline {
		display:none;
	}
	.sp_inline {
		display:inline;
	}
	#back-top {background:url(../images/sp/bc01.jpg) no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
		background-attachment:fixed;
		min-height:90vh
	}
	#books {background:url(../images/sp/bc02.jpg) no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
		background-attachment:fixed;
		min-height:90vh
	}
	#office {background:url(../images/sp/bc03.jpg) no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
		background-attachment:fixed;
		min-height:90vh
	}
	#access {background:url(../images/sp/bc04.jpg) no-repeat;
		-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		background-size:100% auto;
		background-attachment:fixed;
		min-height:85vh
	}
	header {
		padding-top:3vh;
		padding-left:5%;
		padding-right:2%;
		}
	#title {
		width:42%;
	}
	#gnav_area{
		padding-top:0;
		padding-left:2%;
		padding-bottom:5%;
		float:right;
		width:46%;
		display:block;
		background:url(../images/sp/nav_back.png) bottom left no-repeat;
		background-size:45% auto;
	}
	#gnav_area li {
		width:25%;
		float:left;
	}
	
	#topCont {
		font-size:4.2vw;
		line-height:2.0;
	}
	#officeCont p {
		font-size:4.2vw;
		line-height:1.2;
		margin-bottom:0.5em;
	}
	#booksCont {
		padding:0 2%;
		margin:0 auto;
		overflow:hidden;
	}
	#booksCont .bookImage_l{
		float:right;
		width:60%;
		padding-right:7%;
		margin:0 auto;
	}
	#booksCont .txt_r {
		float:none;
		width:100%;
		padding:0;
	}
	#booksCont .txt_r h2 {
		font-size:3.4vw;
		line-height:2.0;
		clear:both;
	}
	#booksCont .txt_r p {
		font-size:3.0vw;
		line-height:1.5;
		text-align:center;
	}
	#booksCont .sum_r {
		float:none;
		width:100%;
		margin:0 auto;
		padding:2% 0 0 0;
	}
	#booksCont .sum_r li{
		display:none;
	}
	#booksCont .sum_r .offerBtn {
		float:none;
		width:100%;
		font-size:2.0vw;
		text-align:center;
	}
	#booksCont .sum_r .offerBtn img {
		width:30%;
		padding: 0 25%;
	}
	#booksCont .sum_l {
		display:block;
		width:20%;
		float:left;
		padding:0 5% 25% 5%;
	}
	#booksCont .sum_l li {
		display:block;
		clear:both;
		padding-bottom:1vh;
		}
	#booksCont .sum_l li:hover {
		cursor: pointer;
	}
	#accessCont {
		width:38%;
		margin:36% auto 0 auto;
		padding-right:12%;
	}
	#accessCont:hover {
		margin:36% auto 0 auto;
	}
	footer {
		width:100%;
		position: relative;
		margin-top:2%;
		margin-bottom:2%;
		text-align:center;
		text-shadow:1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff,-1px -1px 2px #fff;
		font-weight:bold;
		font-size:3.4vw;
	}
	.sp_f85 {
		font-size:85%;
	}	

}
/*1900px以上*/
@media screen and (min-width:1920px){

	#wrap{
		width:1920px;
		margin:auto;
		
	}

}