@charset "UTF-8";

#page #main {
    text-align:justify;
}
#page.en #main p {
    text-align: left!important;
    line-height: 1.5!important;
}
#page.en #main .lead p {
    line-height: 1.6!important;
}
#page #main .layout-two-column-right .moduleContent > * {
    margin-right:16px;
}
#page #main .pR16 {
    padding-right:16px;
}

.module_src {
    width:100%;
    font-size:14px;
}

/*　マージン
-------------------------------------*/
.mb0 {
    margin-bottom:0 !important;	
}
.mb5 {
    margin-bottom:5px !important;	
}
.mb10 {
    margin-bottom:10px !important;	
}
.mb20 {
    margin-bottom:20px !important;	
}
.mb30 {
    margin-bottom:30px !important;	
}
.mb40 {
    margin-bottom:40px !important;	
}
.mb50 {
    margin-bottom:50px !important;	
}
.mb60 {
    margin-bottom:60px !important;	
}
.mb70 {
    margin-bottom:70px !important;	
}
.mb80 {
    margin-bottom:80px !important;	
}
.mb90 {
    margin-bottom:90px !important;	
}
.mb100 {
    margin-bottom:100px !important;	
}
.mb140 {
    margin-bottom:140px !important;	
}

.mr0 {
    margin-right:0 !important;
}

/*　テキスト位置
-------------------------------------*/
.tC {
    text-align:center;
}
.tL {
    text-align:left;
}
.tR {
    text-align:right!important;
}

/*　テキストサイズ
-------------------------------------*/
.tS {
    font-size:80%;
}
.tL {
    font-size:120%;
}
.fwB {
    font-weight: bold;
}


/*　見出し関連
-------------------------------------*/
#page #main .lead{
    margin-bottom: 40px;
}

#page #main .lead p {
    font-weight: bold;
    font-size: 16px;
    line-height: 2;
}
#page #main .midashiA {
    font-size:36px;
    color:#000;
    margin-bottom:20px;
    text-align:center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    padding-top: 20px;
    line-height: 1.5;
}
#page #main .midashiB {
    color:#000;
    font-size:30px;
    font-weight:bold;
    margin-bottom:18px;
    line-height:1.3;
}
#page #main .midashiC {
    color:#010101;
    font-size:24px;
    position:relative;
    padding: 11px 0 13px 30px;
    font-weight:bold;
    margin-bottom:20px;
    line-height:1.3;
}
#page #main .midashiC:before {
    content:"";
    display:block;
    position:absolute;
    width:3px;
    height:54px;
    background:#006f97;
    left:0;
    top:0;
}
#page #main .midashiD {
    color:#006f97;
    font-size:20px;
    margin-bottom:22px;
    line-height:1.3;
}
#page #main .midashiPlof {
    text-align: center;
    font-size: 28px;
    font-family:Arial, Helvetica, sans-serif;
}
#page .midashiPlof:before {
    content: "";
    display: inline-block;
    width: 485px;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 27px;
    left: 0;
}
#page .midashiPlof:after {
    content: "";
    display: inline-block;
    width: 485px;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 27px;
    right: 0;
}

/*　画像関連
-------------------------------------*/
#page #main figure figcaption {
    color:#000;
    font-size:12px;
    line-height:1.5;
    margin-top:5px;
    text-align:justify;
}

/*回り込み*/
#page #main .imgRight figure,.imgLeft figure {
    width:260px;
}
#page #main .imgRight figure img,.imgLeft figure img {
    width:260px;
    height:auto;
}
#page #main .imgRight figure {
    float:right;
    padding:7px 0 0px 40px;
}
#page #main .imgLeft figure {
    float:left;
    padding: 0px 20px 0px 0;
}
#page .talk_ta1 #main .imgLeft figure {
    padding-right: 26px;
}
#page #main .imgRight .txt table.moduleTable,
#page #main .imgLeft .txt table.moduleTable{
    width: 540px;    
}
/*横並び*/
#page #main .threeImg {
    margin-left:0;
}
#page #main .threeImg figure {
    float:left;
    width:260px;
    margin-left:20px;
}
#page #main .threeImg figure img {
    width:260px;
    height:auto;
}
#page #main .threeImg figure:first-child {
    margin-left:0;
}
#page #main .twoImg {
    margin-left:-20px;
}
#page #main .twoImg figure {
    float:left;
    width:400px;
    margin-left:20px;
}
#page #main .twoImg figure img {
    width:400px;
    height:auto;
}
#page #main .twoImg figure:first-child {
}

/*中央寄せ*/
#page #main .oneImg {
    width:100%;
    text-align:center;
}
#page #main .oneImg figcaption {
    text-align:center;
}


/*　リスト
-------------------------------------*/
#page #main ul.moduleList {
    margin-left:1em;
}
#page #main ul.moduleList li {
    color:#000;
    margin-left:1em;
    margin-bottom:5px;
}
#page #main ol.moduleList {
    margin-left:1em;
}
#page #main ol.moduleList li {
    color:#000;
    margin-left:1em;
    margin-bottom:5px;
}

/*　表
-------------------------------------*/
#page #main table.moduleTable {
    /border:1px solid #aaa;
    width:100%;
}
#page #main table.moduleTable th {
    background:#fff;
    font-weight:bold;
    /font-size:16px;
    color:#000;
    /border:1px solid #aaa;
    padding:17px;
    min-width:100px;
    /vertical-align:middle;
}
#page #main table.moduleTable td {
    padding:17px 17px 17px 67px;
    vertical-align:middle;
    /border:1px solid #aaa;
}
#page #main table.moduleTable tr {
    border-top: 1px solid #aaa;
}
#page #main table.moduleTable tr:last-child {
    border-bottom: 1px solid #aaa;
}
/*　囲み記事
-------------------------------------*/
#page #main .kakomi {
    background:#f8f2e4;
    color:#000;
    padding:25px 30px 30px;
}
#page #main .kakomi .kakomiTtl {
    display:block;
    background:none;
    color:#000;
    padding:0;
    font-size:18px;
    margin-bottom:15px;
}

/*　タブ
-------------------------------------*/
#page #main .tab{
    overflow:hidden;
    width:auto;
}
#page #main .tab li{
    padding:10px 0;
    float:left;
    margin-left:1px;
    width:33%;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
    list-style:none;
    background:#ddd;
}
#page #main .tab li:first-child {
    margin-left:0;
    width:calc(34% - 2px);
}
#page #main .tab li.select{
    color:#fff;
    background:#000;
}
#page #main .tab li.select:hover {
    color:#fff !important;
}
#page #main .tabContent li{
    padding:20px;
    border:1px solid #ccc;
    border-top:none;
    list-style:none;
}
#page #main .tabContent li.hide {
    display:none;
}

/*　アコーディオン
-------------------------------------*/
#page #main .pageAcc {
    width:746px !important;
}
#page #main .pageAcc dt {
    background:url(../images/common/ico-accordion_002.png) right 11px center no-repeat #ddd !important; 
    background-size:24px 24px !important;
    color:#000;
    font-size:16px;
    font-weight:bold;
    margin-bottom:1px;
    padding:10px 60px 10px 15px;
    cursor:pointer;
}
#page #main .pageAcc dt.active {
    background:url(../images/common/ico-accordion_001.png) right 11px center no-repeat #000 !important; 
    background-size:24px 24px !important;
    color:#fff;
}
#page #main .pageAcc dd {
    padding:15px 20px 25px;
    display:none;
}


/*　カルーセル
-------------------------------------*/
#page #main .owl-theme .owl-dots .owl-dot span {
    background:#ddd;
}
#page #main .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background:#000;
}

/*　グリッド
-------------------------------------*/
#page #main .glidBoxIn {
}
#page #main .glidBox {
    width:238px;
    margin:0 16px 16px 0;
}
#page #main .glidBox img {
    width:238px;
    height:auto;
}


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

    #page #main .layout-two-column-right .moduleContent > * {
        margin-right:0;
    }
    #page #main .pR16 {
        padding-right:0;
    }


    /*　見出し関連
    -------------------------------------*/
    #page #main .midashiA {
    }
    #page.en #main .midashiA {
        line-height: 1.1;
    }
    #page #main .midashiB {
        font-size:27px;
    }
    #page #main .midashiC {
        font-size:22px;
        padding-left:20px;
    }
    #page #main .midashiC:before {
        height:25px;
        top:2px;
    }
    #page #main midashiD {
    }


    /*　リード文
    -------------------------------------*/
    #page #main .lead p {
        font-size: 14px;
    }

    /*　画像関連
    -------------------------------------*/
    #page #main figure figcaption {
    }

    /*回り込み*/
    #page #main .imgRight figure,.imgLeft figure {
        width:160px;
    }
    #page #main .imgRight figure img,.imgLeft figure img {
        width:160px;
        height:auto;
    }
    #page #main .imgRight figure {
        padding:5px 0 10px 15px;
    }
    #page #main .imgLeft figure {
        padding:5px 15px 10px 0;
    }

    /*横並び*/
    #page #main .threeImg {
        margin-left:0;
    }
    #page #main .threeImg figure {
        float:none;
        width:100%;
        margin-left:0;
        margin-top:20px;
    }
    #page #main .threeImg figure img {
        width:100%;
        height:auto;
    }
    #page #main .threeImg figure:first-child {
        margin-top:0;
    }
    #page #main .twoImg {
        margin-left:0;
    }
    #page #main .twoImg figure {
        float:none;
        width:100%;
        margin-left:0;
        margin-top:20px;
    }
    #page #main .twoImg figure img {
        width:100%;
        height:auto;
    }
    #page #main .twoImg figure:first-child {
        margin-top:0;
    }

    /*中央寄せ*/
    #page #main .oneImg {
    }
    #page #main .oneImg img {
        width:100%;
        height:auto;
    }
    #page #main .oneImg figcaption {
        text-align:left;
    }


    /*　リスト
    -------------------------------------*/
    #page #main ul.moduleList li {
    }


    /*　表
    -------------------------------------*/
    #page #main table.moduleTable {
        border:none;
        border-bottom:1px solid #aaa;
    }
    #page #main table.moduleTable th {
        display:block;
        padding:10px 13px;
        border-bottom:none;
    }
    #page #main table.moduleTable td {
        display:block;
        padding:10px 13px;
        border-bottom:none;
    }


    /*　囲み記事
    -------------------------------------*/
    #page #main .kakomi {
        padding:20px;
    }

    /*　タブ
    -------------------------------------*/
    #page #main .tab{
        width:auto;
    }

    /*　アコーディオン
    -------------------------------------*/
    #page #main .pageAcc {
        width:100% !important;
    }

    /*　グリッド
    -------------------------------------*/
    #page #main .glidBoxIn {
        width:100%;
    }
    #page #main .glidBox {
        width:50%;
        margin:0;
    }
    #page #main .glidBox img {
        width:98%;
        height:auto;
        margin:0 1% 2% 1%;
    }

}