@charset "utf-8";

/* PC：style_sp.css
 * **************************************************
 * Site Width (Header / globalNav / Content / Footer)
 * Space(Margin)
 * Header (Logo / Font Size Change / Site Search)
 * Global Navigation (Nav)
 * Content (Main / Side)
 * Common Elements (Heading / Paragraph / Table / List / Link / Icon)
 * Local Navigation (Nav)
 * Topic Path
 * Page Top
 * Footer
 * System Settings (Background Color)
 * **************************************************
 */

/*　画像切替（非表示）　*/
#home span.pcImg,
#subPage span.pcImg,
#home div.pcImg,
#subPage div.pcImg {
	display: none;
}

/* リンクカラー */
a {
	text-decoration:;
	color:#0174b5;
}
a:hover {
	color:#0064d2;
}

/*  Site Width
------------------------------------------------------------------- */
/* padding、borderの値を含めない */
* {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
body {
	overflow: hidden;
}
#header .inner,
#globalNav .inner,
#footer .inner {
	width: auto;
}

/* トップページ */

#home,
#subPage{
background: #f2eee4 url("../images/home/bg_book2_sp.png") left top no-repeat;
}

#home #content .inner {
	width: auto;
}
#home #content .main {
	width: auto;
}

/* フッタナビ */
#footer .footerNav ul {
	width: auto;
}



/*  Header
------------------------------------------------------------------- */
#header {
	height:100px;	
}
#home #header p,
#subPage #header p{
	width: 170px;
	text-align: center;
	font-size: 11px;
	margin: 11px 0 0 0;
}

/* Logo */
#home #header h1,
#subPage #header h1{
	margin: 0;
}
#home #header h1 img,
#subPage #header h1 img{
	position: relative;
	top:7px;
	left:13px;
	height:60px;
}

/* Font Size Change */

/* Site Search → #sidr-rightに移動 */
#sidr-right form {
	position:relative;
	margin: 10px 20px 10px 20px;
	padding: 0 0 0 10px;
    height: 28px;
	background-color: #ffffff;
	border: 1px solid #c1c1c1;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}
#sidr-right #cse-search-box input[type="text"] {
	padding: 4px 0;
    height: 20px;
	width: 85%;
	border:none !important;
	background-color:transparent;
	font-size: 1.4em; /* =14px */
}
#sidr-right #cse-search-box input[type="text"]:focus {
    outline: 0;
}
#sidr-right #cse-search-box input[type="submit"] {
	position:absolute; top: -1px; right:5px;
	overflow:hidden;
    height: 28px;
	width: 28px;
	text-indent: -70px;
	border: 0 none;
	background: url("../images/common/icon_search.png") no-repeat center center;
	-webkit-appearance: none;
}





/* Content
------------------------------------------------------------------ */
#content {
	padding-top:10px;
}
/* トップページ */
#home #content .main {
}
#home #content .side {
}






/* Topic Path
------------------------------------------------------------------ */
#content .topicPath {
	display: none;
 }

/* PageTop
------------------------------------------------------------------ */
#pageTop {
	position:relative;
	width: auto;
}
#pageTop a {
	z-index: 9999;
	display: block;
	overflow: hidden;
	position: relative;
	bottom: 0px;
	right: 10px;
	height: 40px;
	width: 40px;
	background:#b12005;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-indent: -9999px;
	outline: none;
	
}
/* Arrow */
#pageTop a:before,
#pageTop a:after {
	position:absolute;
	left:50%;
	content:"";
	width:0px;
	height:0px;
	margin-left:-10px;
	border:10px solid transparent;
}
#pageTop a:before {
	top:50%;
	margin-top:-11px;
	border-bottom:10px solid #b12005;
}
#pageTop a:after {
	z-index:-1;
	top:50%;
	margin-top:-15px;
	border-bottom:10px solid #fff;
}

/* Footer
------------------------------------------------------------------ */
#footer .footerNav {
	background-color: #FFBB22;
}

#footer {
	padding: 60px 0;
	font-size: 1.0em; /* =10px */
	text-align: center;
	background: url(../images/home/bg_footer_sp.png) repeat-x top right;
	height: 20px;
}