@charset "utf-8";
.warning_red{color:#af0025}
#langSetting {float: right;height: 32px;margin: 8px 15px 0  8px;text-align:right;}
.languageHidden {display: none;}
.langja_on a {
background-color:#7bc8ce;
color:#fff;
font-weight:bold;
padding:5px;
text-decoration:none;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
display:inline-block;
font-size:1.4rem;
}
.langen_off a {
background-color:#fff;
border: solid 1px #7bc8ce;
color:#7bc8ce;
font-weight:bold;
padding:4px;
text-decoration:none;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
display:inline-block;
font-size:1.4rem;
}
.langja_off a {
background-color:#fff;
border: solid 1px #7bc8ce;
color:#7bc8ce;
font-weight:bold;
padding:4px;
text-decoration:none;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
display:inline-block;
font-size:1.4rem;
}
.langen_on a {
background-color:#7bc8ce;
color:#fff;
font-weight:bold;
padding:5px;
text-decoration:none;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
display:inline-block;
font-size:1.4rem;
}
.langth_on a {
background-color:#7bc8ce;
color:#fff;
font-weight:bold;
padding:5px;
text-decoration:none;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
display:inline-block;
font-size:1.4rem;
}
.langth_off a {
background-color:#fff;
border: solid 1px #7bc8ce;
color:#7bc8ce;
font-weight:bold;
padding:4px;
text-decoration:none;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
display:inline-block;
font-size:1.4rem;
}
.navigation{background-color:#fff;padding:0;margin-bottom:10px;}
.screen-reader-text{ display:none; }
div.nav-links {font-family: "Lucida Sans Unicode","Lucida Grande",LucidaGrande,"Lucida Sans",Geneva,Verdana,sans-serif;
margin: 7px;padding: 2px;text-align:center;}
div.nav-links-sp {font-family: "Lucida Sans Unicode","Lucida Grande",LucidaGrande,"Lucida Sans",Geneva,Verdana,sans-serif;
margin-bottom: 10px;padding: 3px 10px 20px;}
div.nav-links a ,
div.nav-links button,
div.nav-links-sp a ,
div.nav-links-sp button {background-color: #7bc8ce;color: #fff;margin: 2px;padding:5px 10px;text-decoration: none;}
div.nav-links a:hover, div.nav-links a:active,
div.nav-links button:hover, div.nav-links button:active,
div.nav-links-sp a:hover, div.nav-links-sp a:active,
div.nav-links-sp button:hover, div.nav-links-sp button:active {background-color: #bde4e7;color: #fff;margin: 2px;padding:5px 10px;}
div.nav-links span.current,
div.nav-links-sp span.current {background-color: #eee;color: #666;margin: 2px;padding:5px 10px;}
div.nav-links span.disabled,
div.nav-links-sp span.disabled {display: none;}
.searchResltNumer,
.searchResultNumber {font-size: 90%;margin:10px 0;text-align: right;}

/* カテゴリ検索フォーム */
.searchtableBox {
	width:100%;
    border-top: 1px solid #dcdcdc;
    box-sizing: border-box;
    font-size: 90%;
    padding:15px 5px 5px 5px;
}
.seriesSearchbox select,
.categorySearchbox select,
.readingTimeLimitSearchbox select,
.labelSearchbox select,
.companySearchbox select,
.readingStateSearchbox select{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
margin: 0;
padding: 0;
background: none;
vertical-align: middle;
font-size: inherit;
color: inherit;
box-sizing: border-box;
}
.seriesSearchbox,
.categorySearchbox,
.readingTimeLimitSearchbox,
.labelSearchbox,
.companySearchbox,
.readingStateSearchbox{
text-align: center;
padding:5px;
box-sizing:border-box;}
.categorySearchbox .categorySearchleft
{float:left; width:100%;
margin-left:-30px;
padding: 0 5px 0 30px;
box-sizing: border-box;
}
.seriesSearchbox .seriesSearchinner,
.categorySearchbox .categorySearchinner,
.readingTimeLimitSearchbox .readingTimeLimitSearchinner,
.labelSearchbox .labelSearchinner,
.companySearchbox .companySearchinner,
.readingStateSearchbox .readingStateSearchinner {
border:solid 1px #999;
border-radius: 3px;
display: block;width:100%;
box-sizing:border-box;
margin:0;
cursor:pointer;}
.categorySearchbox .categorySearchbtn{
float:left; width:30px;
margin:0;
background-color: #a4a397;
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
box-shadow: 0 2px 0 #807e6a;
-moz-box-shadow: 0 2px 0 #807e6a;
-webkit-box-shadow: 0 2px 0 #807e6a;
-o-box-shadow: 0 2px 0 #807e6a;
-ms-box-shadow: 0 2px 0 #807e6a;
border:none;
color:#fff;
font-weight:bold;
letter-spacing:2px;
font-size:90%;
padding:5px 5px 3px 5px;
box-sizing:border-box;
cursor:pointer;
zoom: 1;
}
.categorySearchbox .categorySearchbtn:hover{margin-top:2px;
margin-bottom:-2px;display: inline-block;
box-shadow: 0 -2px 0 #807e6a;
-moz-box-shadow: 0 -2px 0 #807e6a;
-webkit-box-shadow: 0 -2px 0 #807e6a;
-o-box-shadow: 0 -2px 0 #807e6a;
-ms-box-shadow: 0 -2px 0 #807e6a;
zoom: 1;}
#bookSearchSec,
#bookshelfSearchSec,
#booksSearchSec {
padding: 0;
position: relative;
margin:0 5px;
box-sizing:border-box;
}
select#bookSearchDropdownBox,
select#bookshelfSearchDropdownBox,
select#booksSearchDropdownBox {
cursor: pointer;
left: 2px;
opacity: 0;
position: absolute;
top: 5px;
width: 98px;
z-index: 2;
}
#searchItemName,
#searchItemNameEn,
#searchItemNameTh  {
background-image: url(images/arrow_down.png);
background-repeat: no-repeat;
background-position: 85px 10px;
background-size: 8%;
color: #fff;
overflow: hidden;
position: absolute;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
text-align:left;
box-sizing:border-box;
padding: 5px 0 0 7px;
}
#bookshelfNav-submit-button {
position: absolute;
right: 0;
top: 0;
}
input#searchItemWord {
margin-top:5px;
border:1px solid #999;
border-radius: 3px 3px 3px 3px;
padding: 0px 25px 0px 105px;
width: 100%;
height:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-appearance: none;
}
.bookshelfrBtn {
background-color: #a4a397;
border-radius: 4px;
box-shadow: 0 2px 0 #807e6a;
}
select, input, button, textarea {
font: 99% arial,helvetica,clean,sans-serif;
}
.ui-helper-hidden-accessible {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.seriesSearchbox select,
.categorySearchbox select,
.readingTimeLimitSearchbox select,
.labelSearchbox select,
.companySearchbox select,
.readingStateSearchbox select{
background:transparent url(images/btn-pager-down.png) no-repeat top right;
height:30px;
box-sizing:border-box;
}
input[type="text"] {padding:5px;height:30px;}
.seriesSearchbox .seriesSearchinner,
.categorySearchbox .categorySearchinner,
.readingTimeLimitSearchbox .readingTimeLimitSearchinner,
.labelSearchbox .labelSearchinner,
.companySearchbox .companySearchinner,
.readingStateSearchbox .readingStateSearchinner {padding:5px 30px 5px 5px;}
.searchtableBox{position:relative;margin-top:15px;}

@media screen and (min-width: 670px) {
.searchtableBox{	padding:35px 10px 10px 10px;}
.searchtableBoxinner1{
	float:left; width:58%;
	box-sizing:border-box;
	padding-right:10px;
	}
.searchtableBoxinner2{
	float:left; width:42%;
	}
.searchtableBox .searchform{float:left;width:100%;}
.searchtableBox .searchlist{float:left;width:50%;}

.searchtableBox .searchtxt1{position: absolute;top:15px;font-size:13px;padding-left:8px;}
.searchtableBox .searchtxt2{position: absolute;left: 58%; top:15px;font-size:13px;padding-left:8px;}
input[type="text"] {height:30px;box-sizing:border-box;padding:5px;}
.searchtxt1{
border-left:solid 5px #D9D9D9;
padding-left:10px;}
.searchtxt2{
margin-left:5px;
border-left:solid 5px #D9D9D9;
padding-left:10px;}
}
@media screen and (max-width: 669px) {
.searchtableBox{font-size: 90%;}

input[type="text"] {font-size: 1.2rem;padding:5px;height:30px;}
.seriesSearchbox .seriesSearchinner,
.categorySearchbox .categorySearchinner,
.readingTimeLimitSearchbox .readingTimeLimitSearchinner,
.labelSearchbox .labelSearchinner,
.companySearchbox .companySearchinner,
.readingStateSearchbox .readingStateSearchinner {padding:5px 30px 5px 5px;font-size: 1.2rem;width:100%;}
.searchtableBox .searchform{float:left;width:100%;}
.searchtableBox .searchtxt1{font-size:13px;padding-left:8px;}
.searchtableBox .searchtxt2{font-size:12px;padding-left:8px;}
.searchtableBoxinner1{clear:both;min-height:65px;}
.searchtableBoxinner2{clear:both;min-height:60px;}
.searchtableBox .searchlist{float:left;width:50%;}
.searchtxt1{
	border-left:solid 5px #D9D9D9;
	padding-left:10px;}
.searchtxt2{
		border-left:solid 5px #D9D9D9;
	padding-left:10px;}

}

/******************************************************************
* 通常メッセージ
*******************************************************************/
.normal_message {
    text-align: center;
}

/******************************************************************
* 書庫一覧画面 明細の削除ボタン
* 書籍一覧画面 明細の読むボタン
*******************************************************************/
.deletebtnArea .detailDeleteBtn {
  background-color: transparent;
  background-image: url("images/btn_delete_long2.png");
  background-position: center top;
  background-repeat: no-repeat;
  border: medium none;
  font-weight: bold;
  height: 33px;
  text-indent: 1em;
  width: 75px;
  padding-bottom: 4px;
  margin-right: 5px;
  margin-left: 5px;
  color:#484342;
}
.deletebtnArea .detailDeleteBtn:hover {
    background-position:bottom;
    padding-top:4px;
}

/******************************************************************
* 書庫 / 書庫（本棚）一覧画面 画面切替ボタン
*******************************************************************/
.myBooksDepot_on,
.ja_val .myBookshelfDepot_on,
.myBooksDepot_off a,
.ja_val .myBookshelfDepot_off a {
  text-align: center;
  width: 100px;
}
.myBooksDepot_on {
  background-color:#7bc8ce;
  color:#fff;
  font-weight:bold;
  padding:5px;
  text-decoration:none;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  display:inline-block;
  font-size:1.4rem;
  padding: 11px 14px;
}
.myBookshelfDepot_off a {
  background-color:#fff;
  border: solid 1px #7bc8ce;
  color:#7bc8ce;
  font-weight:bold;
  padding:4px;
  text-decoration:none;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  display:inline-block;
  font-size:1.4rem;
  padding: 10px 14px;
}
.myBooksDepot_off a {
  background-color:#fff;
  border: solid 1px #7bc8ce;
  color:#7bc8ce;
  font-weight:bold;
  padding:4px;
  text-decoration:none;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  display:inline-block;
  font-size:1.4rem;
  padding: 10px 14px;
}
.myBookshelfDepot_on {
  background-color:#7bc8ce;
  color:#fff;
  font-weight:bold;
  padding:5px;
  text-decoration:none;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  display:inline-block;
  font-size:1.4rem;
  padding: 11px 14px;
}
@media screen and (max-width: 800px) {
  .myBooksDepot_on,
  .myBookshelfDepot_on {
    padding: 11px 4px;
  }
  .myBookshelfDepot_off a,
  .myBooksDepot_off a  {
    padding: 10px 4px;
  }
}
/******************************************************************
* 書庫（本棚）一覧画面 検索項目
*******************************************************************/
select#bookshelfSearchDropdownBox {
  cursor: pointer;
  left: 2px;
  opacity: 0;
  position: absolute;
  top: 5px;
  width: 110px;
  z-index: 2;
}
#bookshelfSearchSec input#searchItemWord {
  margin-top:5px;
  border:1px solid #999;
  border-radius: 3px 3px 3px 3px;
  padding: 0px 25px 0px 116px;
  width: 100%;
  height:30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-appearance: none;
}

#bookshelfSearchSec #searchItemName,
#bookshelfSearchSec #searchItemNameEn,
#bookshelfSearchSec #searchItemNameTh  {
  background-image: url(images/arrow_down.png);
  background-repeat: no-repeat;
  background-position: 97px 9px;
  background-size: 8%;
  color: #fff;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  text-align:left;
  box-sizing:border-box;
  padding: 5px 0 0 7px;
}
@media screen and (max-width: 800px) {
select#bookshelfSearchDropdownBox {
  width: 104px;
}
#bookshelfSearchSec #searchItemName,
#bookshelfSearchSec #searchItemNameEn,
#bookshelfSearchSec #searchItemNameTh  {
  background-image: url(images/arrow_down.png);
  background-repeat: no-repeat;
  background-position: 90px 9px;
  background-size: 8%;
  color: #fff;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  text-align:left;
  box-sizing:border-box;
  padding: 5px 0 0 7px;
}
}
.readbtnArea .detailReadBtn,
.readbtnArea .detailBVReadBtn,
.readbtnArea .detailReadDisabledBtn,
.readbtnArea .detailBVReadDisabledBtn {
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  border: medium none;
  font-weight: bold;
  height: 27px;
  width: 140px;
  margin-right: 5px;
  margin-left: 5px;
  color:#484342;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 7px 0 0;
  line-height: 1.7;
}
.readbtnArea .detailBVReadBtn {
  margin-bottom: 5px;
  margin-top: 5px;
}
.readbtnArea .detailReadBtn {
  margin-bottom: 5px;
}
.readbtnArea .detailReadBtn,
.readbtnArea .detailBVReadBtn {
  background-image: url("images/btn_read_long5.png");
}
.readbtnArea .detailReadBtn:hover,
.readbtnArea .detailBVReadBtn:hover {
  background-position:bottom;
  height: 26px;
  padding: 7px 0 0;
  color:#484342;
}
.readbtnArea  .detailReadDisabledBtn,
.readbtnArea  .detailBVReadDisabledBtn {
  pointer-events:none;
  background-image: url("images/btn_read_long6.png");
}
.readbtnArea .detailBVReadDisabledBtn {
  margin-bottom: 5px;
  margin-top: 5px;
}
.readbtnArea .detailReadDisabledBtn {
  margin-bottom: 5px;
}

@media screen and (max-width: 800px){
.readbtnArea .detailReadBtn,
.readbtnArea .detailBVReadBtn {
  height: 33px;
  width: 110px;
  padding: 9px 0 0;
  background-image: url("images/btn_read_short5.png");
}
.readbtnArea .detailReadBtn:hover,
.readbtnArea .detailBVReadBtn:hover {
  background-position:bottom;
  color: #484342;
  height: 33px;
  width: 110px;
  padding: 9px 0 0;
}
.readbtnArea  .detailBVReadDisabledBtn,
.readbtnArea  .detailReadDisabledBtn {
  width: 110px;
  height: 33px;
  padding: 8px 0 0;
  background-image: url("images/btn_read_short6.png");
}
}

.allSelectArea {
  position: fixed;
  bottom: 0;
  width: 100%;
  border: 1px solid #dcdcdc;
}

.allSelectContent {
  background: #fff;
  text-align: center;
}

.snsCooperateBtn {
  -webkit-appearance: none;
}

/** sp 改行指定 */
@media screen and (max-width: 480px){
.spanSpBr {
  display: block
}
}