@charset "utf-8";
/***	 消化器のお悩み 子ページ共通 	***/
/** レイアウト **/
/*
body.parent-pageid-11 div.menu-gloval-container,
body.parent-pageid-11 div#common-cont{
margin-bottom:0;
}
*/


/*フォント設定*/
html {
    font-size: 10px;
    /* initial 10px */
}

body {
    font-size: 1.4rem;
    /* default font-size 14px */
    line-height: 1.6;
    color: #636363;
}


/*** 消化器のお悩み　子ページのみ包含上部の白余白不要（メインカラム側にベージュの余白設定） ***/
body.parent-pageid-11 div#common-cont {
    margin-bottom: 0;
    padding-top: 181px;
}

body.parent-pageid-11 div#main-column,
body.parent-pageid-11 div#side-column {
    padding-top: 45px;
    padding-bottom: 40px;
}

body.parent-pageid-11 div#main-column {
    background-color: #cbcbb8;
}

/* タイトル */
div#digestiveorgans-page-title {
    margin: 0 0 30px 0;
    padding: 0 30px;
}

div#digestiveorgans-page-title>h2 {
    width: 100%;
    line-height: 1.2;
    font-size: 2.4rem;
    font-weight: normal;
    color: #636363;
}

/** コンテンツ内容 **/
ul.condition-intro {
    padding: 15px 30px;
    width: 100%;
}

ul.condition-intro li {
    margin: 0 0 100px 0;/*追加*/
}

ul.condition-intro li:last-child {
    margin-bottom: 0;
}

ul.condition-intro li img.hd-icon {
   /*float: left;*/
    max-width: 15%;
}

ul.condition-intro li div.intro {
    float: right;
    width: 78%;
}

ul.condition-intro li div.intro h3 {
    margin: 0 0 15px 0;
    font-size: 2.2rem;
    font-weight: normal;
    color: #62bec9;
}

/** サイドメニュー **/
div#digestiveorgans-menu-box {
    padding: 20px 15px;
    color: #fff;
    background-color: #3d99a3;
}

div#digestiveorgans-menu-box h4 {
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 2.0rem;
    font-weight: normal;
}

ul#menu-digestiveorgans-menu {
    width: 100%;
}

ul#menu-digestiveorgans-menu li {
    margin: 0 0 10px 0;
    padding: 8px;
    text-align: center;
    border: solid 2px #62bec9;
}

/* 現在ページ */
ul#menu-digestiveorgans-menu li.current_page_item {
    background-color: #62bec9;
}

ul#menu-digestiveorgans-menu li a {
    text-decoration: none;
    font-size: 1.6rem;
    font-weight:normal;
    color: #fff;
}

ul#menu-digestiveorgans-menu li:last-child a {
    font-size: 1.4rem;
}

/***	 NOTE・TAB 	***/
@media (max-width: 1199px) {
    ul#menu-digestiveorgans-menu li {
        text-align: left;
    }

    ul#menu-digestiveorgans-menu li a {
        font-size: 1.8rem;
    }
}

/***	 TAB 	***/
@media (max-width: 991px) {
    div#digestiveorgans-menu-box h4 {
        text-align: left;
    }
}

/***	 スマホ 	***/
@media (max-width: 767px) {

    /* PC用GLナビ部分の余白調整 */
    body.parent-pageid-11 div#common-cont {
        padding-top: 80px;
    }

    /* スマホ表示左右マージンなし */
    body.digestive-organs div#common-cont,
    body.parent-pageid-11 div#common-cont,
    body.digestive-organs div#common-cont>div.row>div,
    body.parent-pageid-11 div#common-cont>div.row>div,
    body.parent-pageid-11 div#common-cont>div.row>div>div.row>div,
    body.parent-pageid-11 div#common-cont>div.row>div>div.row>div>div.row>div {
        padding-right: 0;
        padding-left: 0;
    }

    body.digestive-organs div#common-cont>div.row,
    body.parent-pageid-11 div#common-cont>div.row,
    body.parent-pageid-11 div#common-cont>div.row div div.row {
        margin-right: 0;
        margin-left: 0;
    }

    body.digestive-organs div#common-cont>div.row div.page-title,
    body.parent-pageid-11 div#common-cont>div.row div.page-title {
        margin-right: 0;
        margin-left: 0;
    }

    /* スマホ時はサイドメニューとメイン部の余白なし */
    body.parent-pageid-11 div#side-column {
        padding-top: 0;
    }

    /* タイトル */
    div#digestiveorgans-menu-box h4 {
        text-align: center;
    }

    div#digestiveorgans-page-title.sp_title {
        margin-bottom: 10px;
        width: 100%;
    }

    div#digestiveorgans-page-title.sp_title>h2 {
        padding: 8% 0 8% 26%;
        font-size: 3.6rem;
    }

    ul#menu-digestiveorgans-menu li {
        text-align: center;
    }

    /* 共通コンテンツ部 */
    ul.condition-intro li img.hd-icon {
        display: none;
    }

    ul.condition-intro li div.intro {
        float: none;
        width: 100%;
    }

    /*** タイトル部 ***/
    /* 食道の病気 INDEX／ id-23 */
    body.esophagus div#digestiveorgans-page-title.sp_title>h2 {
        background: url("./images/digestive-organs/01.png") 0 center / 20% no-repeat;
    }

    /* 胃の病気 INDEX／ id-25 */
    body.stomach div#digestiveorgans-page-title.sp_title>h2 {
        background: url("./images/digestive-organs/02.png") 0 center / 20% no-repeat;
    }

    /* 肝臓の病気 INDEX／ id-31 */
    body.liver div#digestiveorgans-page-title.sp_title>h2 {
        background: url("./images/digestive-organs/03.png") 0 center / 20% no-repeat;
    }

    /* 小腸・大腸の病気 INDEX／ id-29 */
    body.intestine div#digestiveorgans-page-title.sp_title>h2 {
        background: url("./images/digestive-organs/04.png") 0 center / 20% no-repeat;
    }

    /* 十二指腸・胆のう・膵臓の病気 INDEX／ id-27 */
    body.duodenum-gallbladder-pancreas div#digestiveorgans-page-title.sp_title>h2 {
        background: url("./images/digestive-organs/05.png") 0 center / 20% no-repeat;
    }
}