@charset "utf-8";

/******************************************
基本設定
*******************************************/
html {
    font-size: 14px;
}



/******************************************
ヘッダ
*******************************************/
header {}

header .wrapper {
    width: 96%;
}

header .sitename {
    text-align: center;
}

header .sitename img {
    max-width: 350px;
    max-width: 94%;
    height: auto;
}


/******************************************
グローバルナビ
*******************************************/
#globalNav {}

/******************************************
メガメニュー（megamenu.js）
*******************************************/

.menu-container {
    width: 100%;
    font-size: 1.2rem;
}

.menu-mobile {
    display: block;
}

.menu-dropdown-icon:before {
    display: block;
}

.menu>ul {
    display: none;
    border-top: 1px solid #FFF;
}

.menu>ul>li {
    width: 100%;
    float: none;
    display: block;
    border-top: 1px solid #CCC;
    text-align: left;
}

.menu>ul>li a {
    padding: 10px 20px;
    width: 100%;
    display: block;
}

.menu>ul>li>ul {
    position: relative;
    background: #EEE;
    /* プルダウン */
    box-shadow: none;
}

.menu>ul>li>ul.normal-sub {
    padding-top: 25px;
    width: 100%;
}

.menu>ul>li>ul>li {
    float: none;
    width: 100%;
    margin-top: 7px;
    /* ★2階層目の行間 */
}

.menu>ul>li>ul>li:first-child {
    margin: 0;
}

.menu>ul>li>ul>li>ul {
    position: relative;
    height: inherit;
}

.menu>ul>li>ul>li>ul>li {
    float: none;
}

.menu .show-on-mobile {
    display: block;
}


.menu>ul>li>ul.normal-sub>li a {
    margin-top: -10px;
}







/******************************************
フッタ
*******************************************/

/* フッタ
*******************************************/
footer {
    margin: 0 auto;
    width: 100%;
}



/******************************************
*******************************************
トップページ
*******************************************
*******************************************/

/******************************************
トップカルーセルパネル
*******************************************/
#carouselPanel #panel {
    width: 100%;
}

#carouselPanel .message {
    width: 100%;
    bottom: 35px;
}

#carouselPanel h1 {
    font-size: 1.3rem;
}

#carouselPanel h2 {
    font-size: 0.8rem;
}


/******************************************
トップメイン
*******************************************/
#topWrapper {
    width: 98%;
}





/******************************************
トップ新着情報
*******************************************/
#topNews {
    width: 98%;
    float: none;
}

#topNews ul.linkBtn {
    margin-right: 2%;
}

#topNews h1 {
    width: 96%;
}

#topNews .newsHeadLine {
    width: 96%;
}

#topNews dl {
    width: 100%;
}

#topNews dl dt {
    width: 95px;
}

#topNews dl dd {
    margin-left: 95px;
}

/******************************************
トップバナー
*******************************************/
#topBanner {
    width: 300px;
    float: none;
}


/******************************************
*******************************************
下層ページ
*******************************************
*******************************************/

/******************************************
パンくずリスト
*******************************************/
#topicpath ul {
    width: 98%;
    font-size: 0.75rem;
}


/******************************************
カテゴリータイトル（雑誌・書籍・その他）
*******************************************/
#category {}

#category h1 {
    width: 96%;
}






/******************************************
メイン部分
*******************************************/
#main {
    width: 96%;
}


/******************************************
ローカルナビ
*******************************************/
#lnavi {
    margin: 20px auto;
    width: 80%;
    float: none;
}


/******************************************
コンテンツ
*******************************************/

#contents {
    width: 100%;
    float: none;
}

.wideContents {
    width: 100% !important;
}

/* テーブル **************/
#contents table th {
    padding: 4px 4px;
    white-space: nowrap;
}

#contents table td {
    padding: 4px 4px;
}











.w100par {
    width: 100%;
    height: auto;
}

.w80par {
    width: 100%;
    height: auto;
}

.w75par {
    width: 100%;
    height: auto;
}

.w70par {
    width: 100%;
    height: auto;
}

.w60par {
    width: 100%;
    height: auto;
}

.w50par {
    width: 100%;
    height: auto;
}

.w40par {
    width: 80%;
    height: auto;
}

.w30par {
    width: 60%;
    height: auto;
}

.w25par {
    width: 50%;
    height: auto;
}

.w20par {
    width: 40%;
    height: auto;
}