@charset "UTF-8";

/* 共通レイアウトパーツ設定 */
#wrapper {
width: 712px;
margin: 0 auto;
margin-top: 50px;
}

/* 検索メニュー タイトル*/
#roudokuListTitle h1 {
font-size: 28px;
font-weight: bold;
color: #0099D3;
margin-bottom: 30px;
}

/*-------------------------------------------------
	  ナビゲーション設定
-------------------------------------------------*/

/* 検索別ボタン */
#kensakuBtn {
position: relative;
}
#kensakuBtn ul {
padding-left: 0px;
margin-left: 30px;
}
#kensakuBtn li {
display: inline-block;
width: 18%;
font-size: 16px;
text-align: center;
margin-right: 4px;
margin-bottom: 20px;
}
#kensakuBtn li:nth-of-type(5){ 
margin-right: 0px;
}
#kensakuBtn li a {
display: block;
padding: 10px 0;
border: 2px solid hsla(0,0%,70%,1.00);
border-radius: 8px;
background-color: #FFFFFF;
color: #000000;
}
#kensakuBtn li a:hover {
background-color: #e5f6fc;
text-decoration: none;
}
#kensakuBtn li a.current{
font-weight: bold;
background-color: #0099D3;
border: 1px solid #0099D3;
color: #FFFFFF;
}

/*カテゴリー タイトル 作品・作家・朗読担当者名別etc～ */
#kensakuGojuon h2 {
font-size: 24px;
font-weight: bold;
margin-top: 40px;
margin-bottom: 20px;
border-left: 10px solid #CACACA;
padding-left: 8px;
}
#kensakuGojuon span {
font-size: 65%;
margin-top: 40px;
font-weight: normal;
}


/* 五十音セレクト */
/* あ～わ行　トップボタン（作家・朗読担当者のみ） */
#selectGojuon {
text-align: center;
font-size: 16px;
overflow: hidden;
margin-bottom: 30px;
margin-left: 0px;
}
#selectGojuon ul {
list-style-type: none;
/*padding-left: 53px;*/
}
#selectGojuon li {
display: inline-block;
float: left;
}
#selectGojuon li a {
display: block;
height: 43px;
text-align: left;
line-height: 42px;
color: #000000;
padding-right: 15px;
padding-left: 15px;
background-color: #F8F8F8;
border: 2px solid hsla(0,0%,80%,1.00);
border-radius: 8px;
margin-right: 10px;
}
/* off 非表示ボタン */
#selectGojuon .off {
line-height: 42px;
color: hsla(0,0%,0%,1.00);
padding-right: 15px;
padding-left: 15px;
background-color: hsla(0,0%,87%,1.00);
border: 2px solid hsla(0,0%,80%,1.00);
border-radius: 8px;
margin-right: 10px;
}

#selectGojuon a:link{
text-decoration: none;   
}
#selectGojuon a:visited{
text-decoration: none;   
}
#selectGojuon a:hover{
background-color: #1291D7;
color: #FFFFFF;
font-weight: bold;
}
#selectGojuon a:active{
background-color: #1291D7;
color: #FFFFFF;
}

#rListArea h3 {
font-size: 24px;
font-weight: bold;
padding-top: 15px;
padding-left: 15px;
}


/* 開閉プルダウンメニュー用小見出し */
.topLine{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #DEDEDE;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #70B1DC;
}
.topLine a{
color: #666666;
display: block;
padding-left: 20px;
}
.topLine a:hover {
background-color: #0099D3;
color: #FFFFFF;
text-decoration: none;
}
#moreRoudokuList[aria-hidden="true"] {
	display: none;
}

.gojuonText h5{
width: 690px;
display: block;
font-size: 16px;
line-height: 50px;
text-align: left;
padding: 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: -1px;
margin-left: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DEDEDE;
background-color: #F8F8F8;

}

/* カテゴリーボックス */
#gojuonBox{
margin: 0px;
padding: 0px;
}
#gojuonBox h3 {
font-size: 24px;
font-weight: bold;
line-height: 42px;
text-align: left;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 15px;
}

/* 作品リスト */
#rListArea{
padding-top: 0px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.sakuhinList{
margin-top: 0px;
margin-bottom: 20px;
}
.sakuhinList ul {
padding-left: 0px;
}
.sakuhinList ul li p{
margin: 0px;
padding: 0;
}
.sakuhinList ul li{
background-image: url("../images/common/arrow_gs.png");
background-repeat: no-repeat;
background-position: 640px 28px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #E0E0E0;
display: block;
margin-bottom: 0px;
padding-bottom: 10px;
padding-top: 10px;
}
.sakuhinList ul li:last-child {
margin-bottom: -21px;
}
.sakuhinList li a{
margin-right: 0px;
text-decoration: none;
color: #333333;
}
.sakuhinList li a:hover{
text-decoration: underline;
}
.sakuhinList span.listTitle{
display: block;
font-weight:bold;
line-height: 1.8em;
font-size: 16px;
}
.sakuhinList span.listData{
display: block;
line-height: 1.5em;
font-size: 15px;
padding-bottom: 5px;
padding-right: 40px;
}



/* =======================================================
  レスポンシブル設定
======================================================= */

@media screen and (max-width: 767.98px) {

#wrapper{
width: 100%;
padding: 0 30px;
margin-top: 30px;
}


/*-------------------------------------------------
	  ナビゲーション設定
-------------------------------------------------*/

/* 検索別ボタン */
#kensakuBtn ul {
margin: 0 auto;
text-align: center;
}
div#kensakuBtn li {
margin-right: 2px;
margin-bottom: 10px;
}

/* 五十音セレクト */
/* あ～わ行　トップボタン（作家・朗読担当者のみ） */
#selectGojuon ul {
padding-left: 6%;
margin: 0 auto;
}
#selectGojuon li a {
margin-bottom: 10px;
}

/* 開閉プルダウンメニュー用小見出し */
.gojuonText h5{
width: auto;
}

/* 作品リスト　============================ */

/*カテゴリー タイトル 作品・作家・朗読担当者名別etc～ */
#kensakuGojuon h3 {
padding-left: 20px;
margin-top: 30px;
}

#rListArea{
padding: 0px;
}

}

@media screen and (max-width: 575.98px) {

#wrapper{
width: 100%;
padding: 0px;
}

/* 検索メニュー */
/*タイトル*/
#roudokuListTitle h1 {
margin-left: 30px;
}

/*-------------------------------------------------
	  ナビゲーション設定
-------------------------------------------------*/

/* 検索別ボタン */
#kensakuBtn ul {
padding: 0 30px;
}
div#kensakuBtn li {
width: 30%;
font-size: 15px;
margin-right: 4px;
margin-bottom: 10px;
}
div#kensakuBtn li a {
border-radius: 6px;
}

/* 五十音セレクト */
/* あ～わ行　トップボタン（作家・朗読担当者のみ） */
#selectGojuon ul {
padding-left: 6%;
padding-right: 10px;
margin: 0 auto;
}


/* 作品リスト　============================ */

/*
.sakuhinList ul li p{
margin-left: 10px;
}
*/
.sakuhinList ul li {
background-position: 96% 50%;
}
.sakuhinList span.listTitle{
padding-right: 40px;
}

#rListArea ul {
padding-left: 15px;
}


}

@media screen and (max-width: 374.98px) {
/* 検索別ボタン */
#kensakuBtn ul {
padding: 0 5px;
}
#kensakuBtn li a {
font-size: 15px;
}

}