@charset "utf-8";
/* ----------------------------------
メディアクエリ　モバイルレイアウト : 480pxまで
----------------------------------- */

#visual{
padding:0 10px;
width:100%;
}
.information{
padding:10px 10px 0;
}
.information#cra{
padding-top:0;
}
.information .ttlWrap{
display:table;
width: 100%;
background: #2ca0bd;
}
.information .ttlWrap .ttlHome,
.information .ttlWrap .btnList{
display: table-cell;
vertical-align: middle;
}
.information .ttlWrap .ttlHome{
padding:10px 14px;
color: #fff;
font-size: 16px;
line-height: 1.2;
font-weight: normal;
text-align: left;
}
#other .ttlHome{
font-size: 14px;
}

#contentsArea .information .ttlWrap .btnList{
width: 105px;
padding-left: 20px;
text-align: center;
background: #41aac4 url(../images/information_btn_bg.png) no-repeat left 50%;
color:#ffffff;
text-decoration: none;
font-size: 12px;
line-height: 1;
overflow: hidden;
}
#contentsArea .information .ttlWrap .btnList:hover{
background: #2ca0bd url(../images/information_btn_bg_o.png) no-repeat left 50%;
text-decoration: none;
}
.information .ttlWrap .btnList img{
width:15px;
height: 11px;
}
.informationWrap{
width:100%;
}
.information ul{
margin: 0;
padding: 0;
list-style-type: none;
background: #fff;
}
.information li{
margin:0;
padding:10px 14px;
font-size:10px;
line-height: 1.6;
border-top:1px solid #d6d6d6;
}
.information li:first-child{
border-top:none;
}
.information .icon{
overflow: hidden;
}
.information .icon span{
margin-bottom:4px;
display: block;
float: left;
padding:4px 8px;
margin-right: 5px;
font-size: 8px;
white-space: nowrap;
line-height: 1;
color:#ffffff;
text-align: center;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: #acbfac;
}
.iphone .information .icon span{
padding-top:2px;
}
.information .txt{
font-size: 10px;
font-weight:bold;
line-height: 1.6;
color:#1e1e1e;
}
.information .txt a{
color:#1e1e1e !important;
text-decoration: none;
}
.information .anchor{
cursor: pointer;
}
.information .anchor:hover{
text-decoration: underline;
}
.contsFooterBtn .btnEntry{
width:258px;
}
.contsFooterBtn a{
width:258px;
}
#noEntry{
padding:30px 0 30px 0;
text-align: center;
font-size: 12px;
line-height: 1.5 ;
background: #fff;
}
/* news & topics */
#newsTopicsArea{
padding:10px 10px 0;
}
.newsTopicsArea_inner{
    background: #fff;
}
#newsTopicsArea .ttlNews{
width: 100%;
background: #2ca0bd;
padding:10px 14px;
color: #fff;
font-size: 16px;
line-height: 1.2;
font-weight: bold;
text-align: left;
letter-spacing: 0.14em;
}
#newsTopicsArea .news_box{
margin:0;
padding:10px 14px;
font-size:10px;
line-height: 1.6;
border-top:1px solid #d6d6d6;
display: table;
width: 100%;
}
.ttlNews + .news_box{
border-top:none !important;
}
#newsTopicsArea .news_box > div{
display: table-cell;
vertical-align: top;
text-align: left;
}
#newsTopicsArea .news_box > div:first-child{
padding-right: 1.5em;
}
#newsTopicsArea .news_box > div:first-child{
padding-right: 1.5em;
width: 14%;
white-space: nowrap;
}
#newsTopicsArea a{
color:#000;
}


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


#visual{
padding:0;
width:100%;
}
.information{
padding:0;
}
.information .ttlWrap .ttlHome{
padding:12px 15px;
font-size: 22px;
}
#other .ttlHome{
font-size: 16px;
}
#other .ttlHome br{
display: none;
}
#contentsArea .information .ttlWrap .btnList{
width: 140px;
}
.information .icon span{
font-size: 10px;
}
.information .txt{
font-size: 12px;
line-height:1.4;
}
.contsFooterBtn .btnEntry{
width:309px;
}
.contsFooterBtn a{
width:309px;
}
#tabArea ul.spOnly{
display: none;
}
.scrollBox01,
.scrollBox02,
.scrollBox03{
overflow: hidden;
}
.scrollBox01{
min-height: 100px;
max-height:380px;
}
.scrollBox02{
min-height: 100px;
max-height:300px;
}
.scrollBox03{
min-height: 100px;
max-height:300px;
}

#noEntry{
padding:50px 0 50px 0;
text-align: center;
background: #fff;
font-size: 14px;
}

/* news & topics */
#newsTopicsArea{
padding:20px 0 0;
}
#newsTopicsArea .ttlNews{
padding:16px 15px;
font-size: 16px;
}
#newsTopicsArea .news_box{
margin:0;
padding:14px 14px;
font-size:12px;
display: table;
width: 100%;
}

}

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

#contentsArea{
width: 677px;
}
#other .ttlHome{
font-size: 16px;
}
.information{
padding:0 20px 20px;
}
.information#cra{
padding:20px 20px;
}
/* news & topics */
#newsTopicsArea{
padding:20px 20px 0;
}
#newsTopicsArea .ttlNews{
padding:16px 15px;
font-size: 16px;
}
#newsTopicsArea .news_box{
margin:0;
padding:14px 14px;
font-size:12px;
display: table;
width: 100%;
}
}