@charset "utf-8";

/*------------------------------------ base ------------------------------------*/

@import "csssprite.css";

/*------ font ------*/

html,body{
font-family:/*verdana,*/ "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
-webkit-text-size-adjust: 100%;
}

/*------ color ------*/

body{
color:#333333;
}

/*------ link ------*/

a:link {
color: #0f7cbb;
text-decoration: none;
}
a:visited {
color: #0f7cbb;
text-decoration: none;
}
a:hover {
color: #0f7cbb;
text-decoration: underline;
}
a:active {
color: #0f7cbb;
text-decoration: underline;
}
@media all and (min-width: 720px){
	.linkList a{
	-webkit-transition-duration:0.12s;
	}
	a img{
	-webkit-transition-duration:0.12s;
	}
	a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	}
}

/* size */

/*.large{
font-size:115%;
}
.small{
font-size:81%;
}
.s-small{
font-size:72.99%;
letter-spacing: 0.1px;
}
.x-small{
font-size:65.99%;
letter-spacing: 0.1px;
}*/

small{
font-size:85%; opacity:0.7;
}

/* 崩れ防止 */
img,iframe{ max-width:100%;}

/*------ body ------*/

body{
background:#ffffff;
}

#body{
background: url(../img/foot/footer_bg.jpg) bottom repeat-x;
}

#bodyInner{
}

/*------ header ------*/

#header{
position:relative;
background:#101010 url(../img/head/header_bg_top.jpg) top repeat-x;
width:100%;
height:48px;
font-size:70%;
}
#headerInner{
max-width:980px;
margin:0 auto 0 auto;
}

#logo {
float:left;
display:block;
width:200px;
height:48px;
}

#logo a{
background:url(../img/head/logo_ohta.gif) center center no-repeat;
background-size: auto 36px;
display:block;
width:200px;
height:48px;
}

#logo a span{
display: none;
}

#naviHD ul{
float: right;
margin:0 4px;
}
#naviHD li{
float: left;
margin:16px 0 0 0;
}

#naviHD input{
float: right;
margin:9px 9px 0 0;
}

#naviHD li a{
color:#eeeeee;
padding:6px 4px;
display:inline-block;
}
@media all and (min-width: 720px) and (max-width: 979.9px){
	#naviHD li{margin:12px 0 0 0;}
	#naviHD input{margin:12px 9px 0 0;}
}
@media all and (min-width: 980px){
	.index #header{ height:52px;}
	.index #logo{width:260px; height:52px;}
	.index #logo a{ background-size:auto; width:260px; height:52px;}
	.index #naviHD li{margin:14px 0 0 0;}
	.index #naviHD input{ margin:14px 8px 0 0;}
}

#search_menu_hd{ position:relative; font-size:13px;}
#search_menu_hd input[type="text"].text{width:16%; min-width:inherit;}
@media all and (max-width: 720px){
	#search_menu_hd .csssprite2x.search{border:none; background-color: inherit; position:absolute; right:44px; top:3px;}
	#naviHD input{margin:12px 9px 0 0;}
	#search_menu_hd input[type="text"].text{ position:absolute; right:38px; z-index:100; width:26%; background-color: inherit;border-color:rgba(40,40,40,0.0);}
	#search_menu_hd input[type="text"].text:focus{ border:solid 1px #999999;}
}

/*------ main > contents contenar ------*/

#main{
position:relative;
clear:both;
margin:15px 0 0 0;
overflow-x:hidden;
}

#contents{
max-width:980px;/* -(padding x 2) */
margin:0 auto 0 auto;
}

#contentMain{padding:0 15px;}
#contentSide{padding:0 15px; clear:both;}
@media all and (min-width: 980px){
	#contentMain{ width:660px; float:left; padding:0 0 0 0;}
	.error #contentMain{ width: auto; float: none; padding:0 15px;}
	#contentSide{ clear: none; width:280px; float:right; padding:0 0 0 0;}
}

@media all and (min-width: 980px){
#newsBnr>li{ margin:25px 0 10px 0;}
}


/*------ footer ------*/

#footer{
clear:both;
padding:30px 0 0 0;
margin:0 auto;
max-width:980px;
height:284px;
font-size:108%;
}

.btnPageTop{
clear:both;
padding:20px 0 0 0;
width:100%;
height:45px;
}
.btnPageTop a{
display:block;
float:right;
width:74px;
height:30px;
background: url(../img/foot/btn_pagetop.gif);
margin:0 10px 0 0;
}
.btnPageTop a span{
display:none;
font-size:50%;
}

#footer .home{
font-weight:bold;
background:url(../img/favicon16.png) left center no-repeat;
padding:3px 0 3px 22px;
color:#444444;
}

#copyright{
clear:both;
text-align:center;
color:#B2B2B2;
padding:18px 0 20px 0;
margin:0 10px;
font-size:60%;
}

.footerNav{ padding:0 15px;}
.footerNav dl{ float:left; width:25%; padding:18px 0 18px 0; min-height:5.0em;}
.footerNav dt{ font-size:60%; font-weight: normal; padding:0 0 4px 4px;}
.footerNav dl.paperbook dt{ color:#E57007;}
.footerNav dl.periodical dt{ color:#D63D32;}
.footerNav dl.ebook dt{ color:#33AAA7;}
.footerNav dl.website dt{ color:#8650DD;}

.footerNav p{ font-size:80%; line-height:1.2;}
.footerNav .home{font-weight:bold;
background:url(../img/favicon16.png) left center no-repeat;
padding:0 0 0 20px; margin:0 0 0 4px;}

.footerNav dd{ font-size:80%; line-height:1.2;}
.footerNav dd a{ display:block; padding:5px 0 5px 4px; color:#000000 ; line-height:1.25;
}
.footerNav dd a:hover{text-decoration:none; color:#0f7cbb;}
.footerNav dd a:before {
content: " ";
display: inline-block;
font-size: 1px;
width: 0;
padding: 0;
margin: -2px 0 0 0.2em;
overflow: hidden;
border-top: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #999999;
}
.footerNav dd a small{ display:block; font-size:75%; color:#999999; padding:2px 0 0 10px; text-decoration:none;}

.footerNavMin{ clear:both; line-height:1.5; color:#999999; border-top: dotted 1px #cecece; padding:8px 15px 0 15px;}
.footerNavMin dt{ font-size:60%; display:inline-block; padding:0 4px; min-width:8em; font-weight:normal;}
.footerNavMin dd{ font-size:72%; display:inline-block;}
.footerNavMin dd a{ color:#606060; padding:0 8px; }

@media all and (max-width: 720px){
.footerNav dl{min-width:140px; width:50%;}
.footerNav dl:nth-child(even){ clear:both;}
.footerNavMin dt{ display:block; padding:8px 0 0px 0 ;}
.footerNavMin dd a{padding:0 10px 0 0; }
}


/*------------------------------------ page ------------------------------------*/

/* page title */

.titleBox{ line-height:1.4;}
.pageTitle{ font-size:142%; font-weight:normal;}
.pageTitle small{ font-size:50%; display:block; color:#808080;}

/* page content */

.contentMain{ font-size:86%; line-height:1.7;}
.contentMain li{ line-height:1.3; padding-top:4px; padding-bottom:4px;}

/* tag item */

input[type=text]{ border:solid 1px #999999; padding:4px 10px; min-width:180px; font-size:102%; background:rgba(255,255,255,0.05); color:#999999;}
input.btn{ border:solid 1px #999999; background:#EAEAEA; padding:4px 10px; cursor:pointer; font-size:102%; letter-spacing:0.1em; min-width:60px;}


.contentMain > div{margin:2em 0 0 0;}
.contentMain > p{margin:1.5em 0 0 0;}

/*------------------------------------ deco ------------------------------------*/

@media all and (max-width: 719.9px){ .mbHide{ display:none !important;} }
@media all and (min-width: 720px){ .pcHide{ display:none !important;} }

.center{ text-align:center; margin-right: auto; margin-left:auto;}
@media all and (max-width: 720px){
.center.alignleftMb{ text-align:left;}
}
.cols.max3 {border-collapse:collapse;margin:2.5em 0 0 0;}
.cols.max3 > div{ width:33.3%; display:table-cell;}
@media all and (max-width: 720px){
.cols.max3 > div{ display:block; width:auto; margin-bottom:-1px;}
.cols.max3 > div:last-child{ margin-bottom:0px;}
}

.box.line{  padding:11px 14px; border:solid 1px #bbbbbb; border-radius:2px;}


/*------------------------------------ module ------------------------------------*/

/* mb nav menu */

#menu h2{
clear:both;
padding:20px 0 4px 2px;
font-size:12px;
color:#7d7d7d;
}

#menu{
position:absolute;
top:48px;
left:0;
background: #f2f2f2;
border-top: 1px solid #ffffff;
-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width:100%;
padding:10px 10px 50px 10px;
z-index:9999;
display:none;
}
#menu:after, #menu:before {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

#menu:after {
border-color: rgba(0, 0, 0, 0);
border-bottom-color: #f2f2f2;
border-width: 5px;
right: 17px;
margin-left: -5px;
}
.arrow_box:before {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 6px;
right: 25px;
margin-left: -6px;
}
#menu .ohta_top{
position:relative;
padding:0 0 0 33px;
}
#menu .ohta_top:before{
content: "";
background-image: url("../img/m/ohta.png");
background-repeat: no-repeat;
/*css sprite .home_icon*/
background-position: -480px -134px;
width: 16px;
height: 18px;
position:absolute;
top:11px;
left:10px;
}
#search_menu form,#search_area form {
padding: 1px 0 0;
position:relative;
margin:0 auto;
width:300px;
}
#search_menu form p,#search_area form p{
margin:0 auto;
width:300px;
}
#search_menu span,#search_area span{
display: none;
}
#search_menu input#search,#search_area input#search{
background: none repeat scroll 0 0 transparent;
background-color:#FFF;
border-radius:18px;
float: left;
height: 24px;
margin: 0 0 20px 0;
padding: 6px 10px 6px 35px;
position: relative;
width: 255px;
font-size:14px;
line-height:24px;
border:none;
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
}
#search_menu input#search:focus,#search_area input#search:focus{
border:none;
}
#search_menu #formsearch,#search_area #formsearch{
position:relative;
}
#search_menu form:after,#search_area form:after{
content: "";
background-image: url("../img/m/ohta.png");
background-repeat: no-repeat;
/*css sprite .seach_icon*/
background-position: -41px -1px;
width: 17px;
height: 16px;
position:absolute;
top:11px;
left:13px;
}

/*button*/
.btn{
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
border-radius:5px;
clear:both;
background: rgb(251,251,251);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(241,241,241,1)));
background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(241,241,241,1) 100%);
background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(241,241,241,1) 100%);
height:42px;
line-height:42px;
}
.btn a{
display:block;
border-radius:5px;
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
border-color:#b0b0b0;
border-style:solid;
border-width:1px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
height:42px;
line-height:42px;
padding:0 10px;
color:#616161;
}


.btn_1column,.btn_2column,.btn_3column,.btn_3and2column{
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
border-radius:5px;
clear:both;
display: table;
width: 100%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.btn_1column li,.btn_2column li,.btn_3column li,.btn_3and2column li{
background: rgb(251,251,251); 
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(241,241,241,1)));
background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(241,241,241,1) 100%);
background: -o-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(241,241,241,1) 100%);
height:42px;
line-height:42px;
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
border-color:#b0b0b0;
border-style:solid;
border-width: 1px 1px 0 1px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.btn_1column li a,.btn_2column li a{
display:block;
height:42px;
line-height:42px;
padding:0 10px;
font-size:13px;
font-weight:bold;
color:#616161;
text-shadow: 0px 1px 1px #ffffff;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.btn_1column li:first-child{
border-radius:5px 5px 0 0;
border-width:1px 1px 0 1px;
}
.btn_1column li:last-child{
border-radius:0 0 5px 5px;
border-width:1px;
}
.btn_2column li{
width:50%;
float:left;
}
.btn_2column li:first-child{
border-radius:5px 0 0 5px;
border-width:1px 0 1px 1px;
}
.btn_2column li:last-child{
border-radius:0 5px 5px 0;
border-width:1px;
}
.btn_3column li{
width:34%;
float:left;
border-width:1px;
display:table;
}
.btn_3column li a{
display:table-cell;
vertical-align: middle;
}
.btn_3column li a span{
margin:0 auto;
}
.btn_3column li:first-child{
width:33%;
border-radius:5px 0 0 5px;
border-width:1px 0 1px 1px;
}
.btn_3column li:last-child{
width:33%;
border-radius:0 5px 5px 0;
border-width:1px 1px 1px 0;
}
.btn_3and2column li{
float:left;
border-width:1px;
display:table;
}
.btn_3and2column li a{
display:table-cell;
vertical-align: middle;
}
.btn_3and2column li a span{
margin:0 auto;
}
.btn_3and2column li:nth-child(1){
width:33%;
border-radius:5px 0 0 0;
border-width:1px 0 1px 1px;
}
.btn_3and2column li:nth-child(2){
width:34%;
}
.btn_3and2column li:nth-child(3){
width:33%;
border-radius:0 5px 0 0;
border-width:1px 1px 1px 0;
}
.btn_3and2column li:nth-child(4){
width:50%;
border-radius:0 0 0 5px;
border-width:0 1px 1px 1px;
}
.btn_3and2column li:nth-child(5){
width:50%;
border-radius:0 0 5px 0;
border-width:0 1px 1px 0;
}
.pc_btn{
clear:both;
padding:25px 0 15px 0;
}
.pc_btn a{
display:block;
width:88px;
height:30px;
line-height:30px;
background-color:#dddddd;
border-radius:5px;
border:1px solid #b0b0b0;
text-align:center;
margin:0 auto;
font-size:13px;
font-weight:bold;
color:#626262;
text-shadow: 0px 1px 1px #ffffff;
}

/* list */

.listIconGray li:before {
content: " ";
display: inline-block;
font-size: 1px;
width: 0;
padding: 0;
margin: -2px 0 0 0.2em;
overflow: hidden;
border-top: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #999999;
}
.listIconGray li small{ display:block; font-size:80%; color:#999999; padding:2px 0 0 10px; text-decoration:none;}

/* bookLists */
.pic img{ border-radius:1px; box-shadow:0px 0px 3px rgba(0,0,0,0.5);}
.bookList .pic img{ margin:1px;}
.bookListMin .pic img{ box-shadow:0px 0px 1px rgba(0,0,0,0.5);}
.spList .pic,
.newsList .pic,
.bnrList .pic{ border-radius:2px; border:solid 1px #bbbbbb; padding:0; margin:0; background:#f5f5f5;}
.spList .pic img,
.newsList .pic img,
.bnrList .pic img{box-shadow:0px 0px 1px #bbbbbb; border: none; vertical-align: bottom;}

.trim2l{overflow: hidden;/* trimming * not support IE */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height:1.3;
max-height:2.7em;
}
.trim3l{overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height:1.3;
max-height:4.0em;
}
.trim4l{overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-height:1.3;
max-height:5.3em;
}

.bookList{ width: 100%;}
.bookList li{ width:132px; min-height:14.4em; float:left;}
.bookList a{text-decoration:none; display:block; width:122px;}
.bookList .pic{height:142px; display:table-cell; vertical-align:bottom; width:120px;}
.bookList .pic img{ max-height:140px; min-height:90px; max-width:120px; vertical-align:bottom;}
.bookList .name{ margin:6px 0 4px 0; font-size:85%;}
.bookList a:hover .name{ text-decoration:underline;}
.bookList .author{ margin:4px 0 4px 0; font-size:70%; color:#3a3a3a; text-decoration: none; line-height:1.3;}
.bookList .logo{ margin:6px 0 4px 0; text-align:center;}

@media all and (min-width: 720px) and (max-width: 979.9px){
.bookList li{ width:33%;}
.bookList.perioBookList li{ width:20%;}
}

.bookList.perioBookList{ margin-left:-10px;}
.bookList.perioBookList li{ min-height:14em;}
.bookList.perioBookList .pic{ margin:auto;}
.bookList.perioBookList .pic a{ margin:auto; width:100%;}
.bookList.perioBookList .name a{ margin:auto;}
.bookList.perioBookList .name img{ margin:auto; padding:0 6px;}
.bookList.perioBookList .pic img{ margin:1px 0 0 7px; max-width: 120px; max-height: 170px;}
.bookList.perioBookList .catchcopy{ color:#888888; font-size:70%; padding:0 6px; line-height:1.3;}

@media all and (min-width: 980px){
.bookList.perioBookList{ width:104%; margin-left:-1.2%;}
.bookList.perioBookList li{ padding:0 0 0 0.7%; width:32%;}
.bookList.perioBookList a{ max-width: none; width: 100%;}
.bookList.perioBookList .pic img{ margin:1px 0 0 7px; max-width: 200px; max-height: 170px;}
}

.leftSide.bookList li:nth-child(4n){ clear:both;}
.rightSide>.box{ max-height:276px; overflow-y:scroll;}

@media all and (min-width: 720px){
.leftSide{ width:396px; float:left;}
.rightSide{ width:252px; float:right;}
.rightSide>.box{ max-height:276px; /*max-height:449px;*/ overflow-y:scroll;}
}
@media all and (min-width: 720px) and (max-width: 979.9px){
.leftSide{ width:65%; float:left;}
.rightSide{ width:35%;}
}

.bookListMin li{ clear:both;}
.bookListMin .comments{ margin:2px 0 10px 0; font-size:80%; line-height:1.3;}
.bookListMin dt{ font-weight:normal;}
.bookListMin a{text-decoration:none;}
.bookListMin .pic img{ float:left; margin:0 10px 10px 0; max-height:64px; max-width:64px;}
.bookListMin .name{ margin:2px 0 2px 0; font-size:80%; line-height:1.3;}
.bookListMin a:hover .name{ text-decoration:underline;}
.bookListMin .author{ margin:2px 0 10px 0; font-size:70%; color:#3a3a3a; text-decoration: none; line-height:1.3;}
.bookListMin .category{ margin:8px 0 2px 0; font-size:70%; color:#888888; text-decoration: none; line-height:1.3;}
@media all and (max-width: 720px) {
.bookListMin dt,
.bookListMin dd{  vertical-align:middle; margin-right:1em;}
}

.linkList{ margin:8px 0 0 0; font-size:95%;}
.linkList li a{ display:block; border-radius:2px; background:#f1f1f1; margin:2px 0; padding:8px; font-size:85%; color:#333333; text-decoration: none;}
.linkList li a:hover{ background:#d5f2f7;}
.linkList li p{ margin:6px; line-height:1.5;}
.alignRight{ text-align:right;}
.colorGreen{ color:#33aaa7;}

/* spList */
.spList{ }
.spList li{ width:220px; float:left; min-height:18em;}
.spList a{text-decoration:none; display:block; width:210px;}
.spList .pic{ display:table-cell; vertical-align:bottom; width:192px; height:192px; text-align: center;}
.spList .pic img{ max-height:192px; max-width:192px;}
.spList .date{ margin:8px 0 4px 0; font-size:75%; color:#888888; text-decoration: none; line-height:1.3;}
.spList .name{ margin:4px 0 4px 0; font-size:85%; line-height:1.3;}
.spList a:hover .name{ text-decoration:underline;}
@media all and (min-width: 720px) and (max-width: 979.9px){
}
@media all and (min-width: 980px){
.spList{ width:106.1%;}
.spList li{ padding:0 1.8% 0 0;}
}


/* newsList */
.newsList li{ margin:-4px 0 0 0; clear:both;}
.newsList dt{ font-weight:normal;}
.newsList a{ text-decoration:none;}
.newsList .pic{ float:left; margin:4px 9px 5px 0; max-height:88px; width:88px; text-align:center;}
.newsList .pic img{ max-height:88px; max-width:88px;}
.newsList .name{ margin:2px 0 12px 0; font-size:85%; line-height:1.3;}
.newsList a:hover .name{ text-decoration:underline;}
.newsList .author{ margin:2px 0 8px 0; font-size:70%; color:#3a3a3a; text-decoration: none; line-height:1.3;}
.newsList .date{ margin:0 0 0 0; display:inline; font-size:70%; color:#888888; text-decoration: none; line-height:1.3;}
.newsList .category{ margin:0 0 2px 0; display:inline; font-size:70%; color:#888888; text-decoration: none; line-height:1.3;}
@media all and (min-width: 720px) and (max-width: 979.9px){
.newsList li{ width:48%; margin:0 2% 0 0; clear:none; float:left; min-height:102px;}
}

.bnrList{}
.bnrList li a{
font-size:70%;
color:#22537f;
display:block;
margin:0 0 12px 0;
text-decoration:none;
line-height:1.3;
}
.bnrList .pic{
display:block;
margin:0 0 5px 0;
background:#ffffff;
}

@media all and (min-width: 720px) and (max-width: 979.9px){
.bnrList{ width:102%;}
.bnrList li{ float:left; width:33%; }
.bnrList li a{margin:0 10px 12px 0;} 
.bnrList li:nth-child(4n){ clear:both;}
}

@media all and (max-width: 719.9px){
.bnrList li{ float:left; width:300px; }
.bnrList li a{margin:0 10px 12px 0;} 
}

/* line */
.sectionTitle:before{ content:""; clear:both; display:block; margin:0px -15px 14px -15px; border-bottom: solid 1px #e0e0e0;}
@media all and (min-width: 720px) {
	.sectionTitle:before{ content:normal;}
}

/* title */
.sectionTitle{vertical-align:middle; margin:15px 0; font-size:80%; line-height:1.3;}
.sectionTitle a{color:#333333;}
.titleMin{ font-size:80%; color:#686868; font-weight:bold; margin:15px 0;}
.box>.titleMin{ margin:3px 0 15px 0;}

@media all and (min-width: 720px){
.sectionTitle{ border-left:solid 3px #b5b5b5; padding:0 0 0 8px; margin:25px 0 25px 0; font-size:90%;}
}


/*------------------------------------ page ------------------------------------*/

/*------ index page ------*/

#PR{ background:#101010 url(../img/head/header_bg_top.jpg) top repeat-x; text-align:center; height:auto;}
#portfolio{ background:#ffffff; margin:0 auto; max-width:980px; height:auto;}
#portfolio img{ vertical-align: bottom;}

.swiper-container {
width: 100%;
height:auto !important;
}
@media all and (min-width: 720px){
	.bookList{ overflow: hidden ;}
}

.swiper-slide { height:auto !important;}
.swiper-slide img{ max-width:100%; height:auto !important;}

.swiper-wrapper{ height:auto !important;}
.swiper-pagination{ text-align:right !important;}

#portfolio .swiper-pagination span { box-shadow:0 0 2px rgba(255,255,255,0.5);}
#portfolio .swiper-pagination{ bottom:0; right:0; margin:10px; width:auto;}

#portfolio .swiper-slide {border-radius:1px; box-shadow:0 0 6px rgba(0,0,0,0.5);}
#portfolio .swiper-slide-active{ z-index:100;}
@media all and (max-width: 979.9px){
	#portfolio .swiper-wrapper{ padding:0 0 28px 0;}
}


@media all and (max-width: 979.9px){
#naviGR{ display:none;}
}

#naviGR{
clear:both;
height:87px;
background:#dddddd;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
box-shadow:0 0 10px rgba(50,50,50,0.6);
position:relative;
}
#naviGR ul{
display:block;
width:980px;
margin:-1px auto;
}

#naviGR ul li{
display:block;
width:196px;
height:89px;
float:left;
}
#naviGR a{
display:block;
width:196px;
height:89px;
background-image:url(../img/head/global_navi_2018.gif);
background-repeat:no-repeat;
}
#naviGR a span{
display:none;
}
#naviGR_01 a{
background-position:left top;
}
	#naviGR_01 a:hover{
	background-position:left bottom;
	}
#naviGR_02 a{
background-position:-196px top;
}
	#naviGR_02 a:hover{
	background-position:-196px bottom;
	}
#naviGR_03 a{
background-position:-392px top;
}
	#naviGR_03 a:hover{
	background-position:-392px bottom;
	}
#naviGR_04 a{
background-position:-588px top;
}
	#naviGR_04 a:hover{
	background-position:-588px bottom;
	}
#naviGR_05 a{
background-position:-784px top;
}
	#naviGR_05 a:hover{
	background-position:-784px bottom;
	}

/*sns*/

/*------ error page ------*/

.error{}
.error .titleBox{ margin:3.5em 0 1.5em 0;}
.error h3{ font-weight:normal; padding:0 0 3px 0;}
.error h3 a{color:#555555;}
.error .btnPageTop{ visibility:hidden;}
.error #footer{padding:10px 0 0 0;}

.radius{ border-radius:1em; line-height:1; height:auto;}
#hatena-bookmark-widget0{}
.hatena-bookmark-widget-title img{display:none;}
.hatena-bookmark-widget-title a{color:#555555;}
.hatena-bookmark-count{ display:none;}
.hatena-bookmark-widget-footer{ text-align:right; color:#cccccc; font-size:70%;}
.hatena-bookmark-widget-footer a{color:#cccccc;}
.hatena-bookmark-widget-footer:before{ content:"by ";}
.hatena-bookmark-widget-body ul li:before {
content: " ";
display: inline-block;
font-size: 1px;
width: 0;
padding: 0;
margin: -2px 0 0 0.2em;
overflow: hidden;
border-top: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #999999;
}


/*------
パブリシティ情報 add 2016.1
------*/

.index .ListPublicities{}

div.ListPublicities ul{ margin:0 0 -4px 0;}
div.ListPublicities li{ margin:0 0 0 0; padding:10px 0 2px 0; border-top: dotted 1px #cccccc;}
div.ListPublicities dt{ margin:0 0 0 0; clear:both; padding:0 0 0 0; font-weight:normal;}
div.ListPublicities dd{ margin:3px 0 3px 4.4em;}
div.ListPublicities .publicity_category{ display:inline-block; background:#4a4a4a; color:#f1f1f1; font-size:70%; text-align:center; border-radius:3px; margin:0 2px 0 2px; padding:1px 4px;}
div.ListPublicities .publicity_date{ display:inline-block; float:left; color:#888888; font-size:75%;}
div.ListPublicities .publicity_bookname{margin:0 0 0 5.2em; position:relative; display:block; font-weight:normal; font-size:85%;line-height:1.2;}
div.ListPublicities .publicity_name{ line-height:1.6; font-size:70%;}
div.ListPublicities .publicity_detail{ /*display:none;*/ margin:0 0 5px 5.7em; font-size:75%; line-height:1.5;}

/*google search edit2017.12.11*/

#contents .cse .gsc-control-cse,
#contents .gsc-control-cse {
padding:0; line-height:1.4;
}
#contents .cse .gsc-webResult.gsc-result, 
#contents .gsc-webResult.gsc-result, 
#contents .gsc-imageResult-column, 
#contents .gsc-imageResult-classic {
margin-top: 1.5em;
margin-bottom: 1.5em;
}

.gsc-adBlock iframe{ box-shadow:none ;}

.gsc-search-box input[type=text]{ padding:4px 10px; border-radius:1em; border: solid 1px rgba(0,0,0,0.2); color:#000000; box-shadow:none; width:94%;}
.gsc-search-box input.gsc-search-button{ font-size:13px; padding:4px 4px; border-radius:1em; font-weight:normal; height:26px; color:#ffffff; background:#000000;}

#contents .gs-image-box{
width: 104px;
}
#contents .gs-web-image-box img.gs-image {
max-width: 100px;
max-height: 150px;
}
#contents .gs-web-image-box-portrait img.gs-image {
max-width: 100px;
max-height: 150px;
}
#contents .gs-web-image-box-landscape img.gs-image {
max-width: 100px;
max-height: 150px;
}

#contents .gsc-table-result,
#contents .gsc-thumbnail-inside,
#contents .gsc-url-top {
padding-left: 0;
padding-right: 0;
}

#contents .gsc-table-result *,
#contents .gsc-thumbnail-inside *,
#contents .gsc-url-top *{
word-break: break-all;
}

#contents .gsc-results .gsc-cursor-box .gsc-cursor-page {
float: left;
text-align: center;
height: 26px;
line-height: 26px;
min-width: 8px;
padding: 0 8px;
margin: 0 2px 5px 2px;
border-radius: 2px;
border: 1px solid #111111;
font-weight:normal;
font-size: 14px;
white-space: nowrap;
text-decoration:none;
background: #ffffff;
color:#000000;
}
#contents .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
background: #000000;
color:#ffffff;
cursor: default;
}

#contents .gsc-result .gs-title {
line-height:1.4;
height: auto;
max-height:2.8em;
margin-bottom:0.2em;
}
#contents .gsc-results .gsc-cursor-box {
text-align:center;
}
#contents .gsc-results .gsc-cursor {
display:inline-block;
margin:10px auto;
}