@charset "utf-8";
/* ----------------------------------
メディアクエリ　モバイルレイアウト : 480pxまで
----------------------------------- */
#ttlCategory span{
width: 185px;
background-image: url(../images/ttl_category_sp.png);
background-size: 185px auto;
}

#tabArea{
width: 100%;
}
#tabArea_inner{
display: table;
width: 100%;
}
#tabArea a{
display: table-cell;
padding: 15px 2px 15px;
background:#2ca0bd;
border-right:#a6d7e3 solid 1px;
width: 33.333%;
height: 35px;
vertical-align: middle;
text-align: center;
font-size:11px;
line-height: 1.4;
color:#fff;
text-decoration: none;
}
#tabArea a:last-child{
border-right:none;
}
#tabArea a.current,
#tabArea a:hover{
background: #47c0df;
}
#tabArea a span{
display: inline-block;
position: relative;
}
#tabArea a.current span:after{
content:'';
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom:-8px;
border-style: solid;
border-width: 5px 4px 0 4px;
border-color: #ffffff transparent transparent transparent;
}
#information .entryList{
margin: 0;
padding: 0;
list-style-type: none;
background: #fff;
border-bottom:1px solid #d6d6d6;
}
#information .entryList li{
margin:0;
padding:10px 14px;
font-size:10px;
line-height: 1.6;
border-top:1px solid #d6d6d6;
}
#information .entryList .icon{
overflow: hidden;
}
#information .entryList .icon span{
margin-bottom:4px;
display: block;
float: left;
padding:4px 8px;
margin-right: 5px;
font-size: 8px;
white-space: nowrap;
line-height: 8px !important;
color:#ffffff;
text-align: center;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: #acbfac;
}
.iphone #information .entryList .icon span{
padding-top:2px;
}
#information .entryList .txt{
font-size: 10px;
font-weight:bold;
line-height: 1.6;
color:#1e1e1e;
}
#information .entryList .txt a{
color:#1e1e1e;
text-decoration: none;
}
#information .entryList .anchor{
cursor: pointer;
}
#information .entryList .anchor:hover{
text-decoration: underline;
}
#information .entryList li:nth-child(even){
background: #f3f3f3;
}
.pager{
padding:30px 10px 30px;
list-style-type: none;
background:#fff;
line-height: 28px;
}
.pager li.linkPrev{
float: left;
padding:1px 0 1px 10px;
font-size: 12px;
background: url(../images/pager_prev_sp.png) no-repeat left 50%;
-webkit-background-size:7px 11px;
background-size:7px 11px
}
.pager li.linkNext{
float: right;
padding:1px 10px 1px 0;
text-align: right;
font-size: 12px;
background: url(../images/pager_next_sp.png) no-repeat right 50%;
-webkit-background-size:7px 11px;
background-size:7px 11px
}
.pager li.linkNum,
.pager li.linkIndex{
padding:1px 0;
width:170px;
margin: 0 auto;
text-align: center;
}
.pager li a,
.pager li span{
padding:0 8px;
display: inline-block;
text-decoration: none;
color:#696969 !important;
}
.pager li span.current_page{
color:#bfbfbf !important;
}

#detail h1{
padding:15px;
color:#448595;
font-size:14px;
font-weight: bold;
line-height: 1.2;
text-align: center;
background: #fff;
border-bottom:#d6d6d6 solid 1px;
}
#detail table{
width: 100%;
background: #fff;
}
#detail table th,
#detail table td{
padding:15px;
vertical-align: top;
font-size:11px;
line-height: 1.2;
border-bottom:#d6d6d6 solid 1px;
}
#detail table th{
width:25%;
color:#6e7272;
font-weight: bold;
white-space:nowrap;
}

#detail table td{
padding-left:0;
}
#btnEntryDetail{
padding:30px 20px;
text-align: center;
background: #fff;
border-bottom:#d6d6d6 solid 1px;
}
#btnEntryDetail a{
margin: 0 auto;
display: block;
width:185px;
height:32px;
font-size:10px !important;
line-height:12px !important;
text-align:left !important;
text-indent:101% !important;
white-space:nowrap !important;
overflow:hidden !important;
word-wrap:normal !important;
text-align: left !important;
background:#2ca0bd url(../images/btn_entry_02_sp.png) no-repeat left top;
-moz-background-size:185px 32px;
-webkit-background-size:185px 32px;
background-size:185px 32px;
}
.contsFooterBtn .btnEntry{
width:258px;
}
.contsFooterBtn a{
width:258px;
}
.pointArea td{
vertical-align: middle !important;
}
#noEntry{
padding:50px 0 50px 0;
line-height: 1.5 ;
text-align: center;
background: #fff;
}

/* ----------------------------------
メディアクエリ　タブレットレイアウト : 481px　〜
----------------------------------- */
@media only screen and (min-width: 481px) {

#tabArea a{
padding: 15px 2px 15px;
background:#2ca0bd;
border-right:#a6d7e3 solid 1px;
width: 33.333%;
height: 35px;
vertical-align: middle;
text-align: center;
font-size:13px;
line-height: 1.4;
color:#fff;
text-decoration: none;
}
#tabArea a:nth-child(1){
width: 31%;
}
#tabArea a:nth-child(2){
width: 31%;
}
#tabArea a:nth-child(3){
width: 38%;
}
#information .entryList  .icon span{
margin-bottom:4px;
display: block;
float: left;
padding:5px 8px;
margin-right: 5px;
min-width: 60px;
font-size: 11px;
white-space: nowrap;
line-height: 1;
color:#ffffff;
text-align: center;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: #acbfac;
}
#information .entryList  .txt{
font-size: 12px;
font-weight:bold;
line-height: 1.6;
color:#1e1e1e;
}

.pager{
padding:30px 20px 30px;
}
.btnPagetopIn{
margin:30px 0;
text-align: right;
}
.btnPagetopIn a{
margin: 0 0 0 auto;
display: block;
width:35px;
}
.pager li.linkPrev{
width:120px;
background: url(../images/pager_prev_pc.png) no-repeat left 50%;
-webkit-background-size:8px 13px;
background-size:8px 13px;
}
.pager li.linkNext{
width:120px;
background: url(../images/pager_next_pc.png) no-repeat right 50%;
-webkit-background-size:8px 13px;
background-size:8px 13px;
}


.pager li.linkNum,
.pager li.linkIndex{
width:400px;
}



#detail h1{
padding:15px;
font-size:18px;
}
#detail table th,
#detail table td{
font-size:14px;
line-height: 1.6;
}
#detail table th{
width: 18%;
}
#btnEntryDetail{
padding:30px;
}
#btnEntryDetail a{
width:258px;
height:45px;
background:#2ca0bd url(../images/btn_entry_02_pc.png) no-repeat left top;
-moz-background-size:258px 45px;
-webkit-background-size:258px 45px;
background-size:258px 45px;
}
#btnEntryDetail a:hover{
background-color: #0d8faf !important;
}
.contsFooterBtn .btnEntry{
width:309px;
}
.contsFooterBtn a{
width:309px;
}
.pointArea th img{
width: 88px;
height: auto;
}
#noEntry{
padding:100px 0 100px 0;
line-height: 1.5 ;
text-align: center;
background: #fff;
}

}

/* ----------------------------------
メディアクエリ　デスクトップレイアウト : 769px　〜
----------------------------------- */
@media only screen and (min-width: 769px) {
    #ttlCategory span{
    width: 317px;
    background-image: url(../images/ttl_category_pc.png);
    background-size: 100% auto;
    }
#tabArea a br{
display:none;
}
}