/* 下のコメントアウトしてるやつは絶対消したらダメな奴 テーマが壊れちゃう */
/*
 Theme Name:   lightning Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     lightning
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

/*20180904　横幅いっぱい*/
.orverwidth {
    margin: 0 -200%;
    padding: 0 200%;
    /*background: -moz-radial-gradient(#f0ffff, #afeeee 40%, #00008b);
	background: -webkit-radial-gradient(#f0ffff, #afeeee 40%, #00008b);
	background: radial-gradient(#f0ffff, #afeeee 40%, #00008b);*/
    /*background: linear-gradient(to bottom left, #f0ffff,#0000cd);*/
    background-color: rgba(255, 255, 255, 1);
}

/*20180918 投稿ページ記事の下に何も表示させない*/
/*.pager{
	display: none;
}*/

/*20180912 立体ボタン*/
.square_btn {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    color: rgba(208, 208, 208, 0.47);
    text-shadow: 1px 1px 1px rgba(250, 250, 250, 0.5);
    background-image: -webkit-linear-gradient(#404C6A 0%, #697EB0 100%);
    background-image: linear-gradient(#404C6A 0%, #697EB0 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #697EB0;

}

.square_btn:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

/*　先進感のあるボタン*/
.sensin_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.73);
    padding: 0vw 16vw;
    background: #404C6A;
    border-top: solid 3px #00a3d4;
    border-bottom: solid 3px #00a3d4;
    transition: .4s;
}

.sensin_btn:hover {
    text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83), 6px 0px 15px rgba(255, 255, 240, 0.83);
}


/*20181011 テーブル関係*/
/*.page-id-1097 table td:nth-child(1), .parent-pageid-1097 table td:nth-child(1){ background-color:#f0f8ff !important;}*/
.page-id-1329 table td:nth-child(1) {
    background-color: #f0f8ff;
}

.haikeisiro {
    background-color: #ffffff !important;
}

/*******/

/************************** DCページ全体or複数ページに影響のあるソース **************************/
/***　テキストドラッグ時の背景色変更　参考サイト:http://aoicotori.hatenablog.com/entry/text-selection-color　***/
.page-id-1097 ::selection,
.parent-pageid-1097 ::selection {
    background: rgb(0, 0, 240);
    color: #ffffff;
}

.page-id-1097 ::-moz-selection,
.parent-pageid-1097 ::-moz-selection {
    background: blue;
    color: #ffffff;
}

/*** ヘッダーとBODY間の位置調整 ***/
.page-id-1097 .siteContent {
    padding: 0px 0px;
}

.parent-pageid-1097 .siteContent {
    padding-top: 10px;
}

/*** DC用　リンクが張られた文字の色の設定（ホバー含む） ***/
.page-id-1097 td a,
.parent-pageid-1097 td a,
.category-datacenter dl a
{
    color: rgba(64, 76, 106, 0.8);
}

.page-id-1097 td a:hover,
.parent-pageid-1097 td a:hover,
.category-datacenter dl a:hover
{
    color: deeppink;
}

/************************** ヘッダー部分に関するソース **************************/
/********* DC用むらさきの会社ロゴ *********/
/*** 緑オレンジのロゴを消す ***/
.page-id-1097 header .green_logo, 
.parent-pageid-1097 header .green_logo, 
.category-datacenter header .green_logo,
header .orange_logo
{
    display: none;
}

/*** むらさきのロゴを表示 ***/
.page-id-1097 header .purple_logo,
.parent-pageid-1097 header .purple_logo,
.category-datacenter header .purple_logo 
{
    display: block;
}

/*** ヘッダメニューのリンク色の設定 ***/
.page-id-1097 ul.gMenu a:hover,
.parent-pageid-1097 ul.gMenu a:hover,
.category-datacenter ul.gMenu a:hover 
{
    color: blue;
}

.page-id-1097 .page-header,
.parent-pageid-1097 .page-header,
.category-datacenter .page-header {
    background-color: blue;
}

/*
.page-id-1097 h1.entry-title:first-letter,
.page-id-1097.single h1.entry-title:first-letter,
.parent-pageid-1097 h1.entry-title:first-letter,
.parent-pageid-1097.single h1.entry-title:first-letter,
.category-datacenter h1.entry-title:first-letter,
.category-datacenter.single h1.entry-title:first-letter
{
    color: blue;
}*/

/*** レスポンシブ対応 ***/
@media (min-width: 768px) {

    .page-id-1097 ul.gMenu>li>a:hover:after,
    .page-id-1097 ul.gMenu>li.current-post-ancestor>a:after,
    .page-id-1097 ul.gMenu>li.current-menu-item>a:after,
    .page-id-1097 ul.gMenu>li.current-menu-parent>a:after,
    .page-id-1097 ul.gMenu>li.current-menu-ancestor>a:after,
    .page-id-1097 ul.gMenu>li.current_page_parent>a:after,
    .page-id-1097 ul.gMenu>li.current_page_ancestor>a:after,
    .page-id-1097 .gMenu>li:before {
        border-bottom-color: blue;
    }

    .parent-pageid-1097 ul.gMenu>li>a:hover:after,
    .parent-pageid-1097 ul.gMenu>li.current-post-ancestor>a:after,
    .parent-pageid-1097 ul.gMenu>li.current-menu-item>a:after,
    .parent-pageid-1097 ul.gMenu>li.current-menu-parent>a:after,
    .parent-pageid-1097 ul.gMenu>li.current-menu-ancestor>a:after,
    .parent-pageid-1097 ul.gMenu>li.current_page_parent>a:after,
    .parent-pageid-1097 ul.gMenu>li.current_page_ancestor>a:after,
    .parent-pageid-1097 .gMenu>li:before {
        border-bottom-color: blue;
    }

    .category-datacenter ul.gMenu>li>a:hover:after,
    .category-datacenter ul.gMenu>li.current-post-ancestor>a:after,
    .category-datacenter ul.gMenu>li.current-menu-item>a:after,
    .category-datacenter ul.gMenu>li.current-menu-parent>a:after,
    .category-datacenter ul.gMenu>li.current-menu-ancestor>a:after,
    .category-datacenter ul.gMenu>li.current_page_parent>a:after,
    .category-datacenter ul.gMenu>li.current_page_ancestor>a:after {
        border-bottom-color: blue;
    }

    .page-id-1097 ul.gMenu>li>a:hover .gMenu_description,
    .parent-pageid-1097 ul.gMenu>li>a:hover .gMenu_description,
    .category-datacenter ul.gMenu>li>a:hover .gMenu_description,
    .category-datacenter ul.gMenu>li>a:hover .gMenu_description {
        color: blue;
    }
}

/************************** ボディー部分に関するソース **************************/
/************************** エコDCとITBC紹介ページのテーブル周りの設定 **************************/
.td-dc {
    width: 25%;
}

.td-dc2 {
    width: 50%;
}

.td-dc2 img {
    text-align: center;
}

/*** 7/3 説明文を左寄せ ***/
p.font-left-dc {
    text-align: left;
}

/*** レスポンシブ対応 ***/
@media (max-width: 728px) {

    .td-dc,
    .td-dc2 {
        display: block;
        width: 100%;
    }

    .td-dc p {
        text-align: left;
    }

    img.img_left-dc {
        float: left;
        padding: 5px;
    }

    div.clear-dc {
        clear: both;
        margin: 0 0 10px 0;
    }

    .orverwidth table {
        max-width: 430px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .orverwidth {
        text-align: center;
    }
}

/************************** サービス一覧ページのテーブル周りの設定 **************************/
.page-id-1329 table,
.page-id-1329 th,
.page-id-1329 td {
    background-color: white;
    border-color: #000000;
}

.page-id-1329 th {
    background-color: #143582;
}

/*** サービス一覧のレスポンシブ設定 ***/
.dc-td-1329-left {
    width: 35%;
}

.dc-td-1329-right {
    width: 65%;
}

@media (max-width: 728px) {

    .page-id-1329 td,
    .page-id-1329 th {
        display: block;
        width: 100% !important;
        height: 100% !important;
        text-align: left;
    }
}

/*************************** 障害情報ページの色設定 **************************/
/*** 見出しの下線の色 ***/
.whatsnew h3:after {
    border-bottom-color: navy;
}

/*** リンクが張られた文字の色 ***/
.whatsnew a {
    color: navy;
}

/******** 障害情報→過去の更新情報の色設定 *********/
/*** 見出しの下線の色 ***/
.widget h1:after {
    border-bottom-color: navy !important;
}

/*** リンクが張られた文字の色 ***/
.media-heading a:hover {
    color: navy !important;
}

/************************** フッター部分に関するソース **************************/

/*** フッターの背景画像 【サイズ設定はstyle-all.cssに記載】 ***/
.page-id-1097 .siteFooter,
.parent-pageid-1097 .siteFooter,
.category-datacenter .siteFooter
{
    background-image: url(https://www.hamanasu-info.co.jp/wp-content/uploads/2018/10/footer2.png);
}


/*** DC用のお問い合わせボタンの色設定 カテゴリID　8番　障害情報投稿ページの設定も含まれてます  →ボタン消したから使ってない ***/
.page-id-1097 .btn-primary,
.category-datacenter .btn-primary {
    background-color: rgba(0, 0, 220, 0.8) !important;
    border: rgba(0, 0, 220, 0.8) !important;
}

/*** ホバー時の色　現状同色なので意味ない → ボタン消したから使ってない ***/
.page-id-1097 .btn-primary:focus,
.page-id-1097 .btn-primary:hover,
.category-datacenter .btn-primary:focus,
.category-datacenter .btn-primary:hover
{
    background-color: rgba(0, 0, 220, 0.8) !important;
    border: rgba(0, 0, 220, 0.8) !important;
}

/*** フッター部分のリンクが張られた文字の色の設定 ***/
.page-id-1097 .text-center a,
.parent-pageid-1097 .text-center a {
    color: rgba(0, 0, 220, 0.8);
}

/*** フッター部分の境界線の色 ***/
.page-id-1097 footer,
.parent-pageid-1097 footer,
.category-datacenter footer 
{
    border-top-color: rgba(64, 76, 106, 0.8);
}

/*** ページネーションのカレントカラー ***/
.category-datacenter ul.page-numbers li span.page-numbers.current 
{
    background-color: rgba(0, 0, 220, 0.8);
}

/********************************* その他のソース *********************************/

/****** トップへ戻るボタンの文字色設定は「style-all.css」に書いてあります ******/

/********* レスポンシブルになったときのハンバーガーメニューの色設定 *********/
@media (max-width: 991px) {

    /*** DC用 ***/
    .page-id-1097 .btn-default:hover,
    .parent-pageid-1097 .btn-default:hover,
    .page-id-1097 .btn-default:focus,
    .parent-pageid-1097 .btn-default:focus,
    .category-datacenter .btn-default:hover,
    .category-datacenter .btn-default:focus
    {
        border-color: blue;
        background-color: blue;
    }
}
.page-id-1097 .siteContent {
	padding-bottom: 3em;
}
.page-id-5093 .siteContent {
    padding-top: 2.2em;
}

.page-id-5093 .siteContent>.container>.row {
    display: flex;
}