/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/


/* ---------------
 RESET
--------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: none;
}

body {
    text-justify: inter-ideograph;
    margin: 0;
    height: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote {
    margin: 30px 0px;
    padding: 0 30px 20px 30px;
    background-color: #fcfcfc;
}

blockquote:before {
    content: "“";
    font-weight: bold;
    font-size: 500%;
    display: block;
    height: auto;
    color: #ccc;
    margin: 0 0 -40px -40px
}

blockquote:after {
    content: "”";
    text-align: right;
    float: right;
    height: auto;
    font-weight: bold;
    font-size: 500%;
    color: #ccc;
    display: block;
    margin: 0 -40px 0 0
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: none;
}


/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}


/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* change border colour to suit your needs */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}


/* --------------------
 HTML5
-------------------- */

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}


/* --------------------
 DEFAULT
-------------------- */


/* GLOBAL */

* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    overflow-y: scroll;
}


/* HEADLINE */

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

:root *>h1, h2, h3, h4, h5, h6 {
    line-height: 1;
}


/* P */

p {
    line-height: 1.9;
}


/* LIST */

ol, ul, li {
    line-height: 1.5;
    list-style-type: none;
}


/* IMG */

img {
    border: 0;
    vertical-align: bottom;
}


/* TABLE */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* A */

a {
    color: #2c59ba;
    outline: none;
    overflow: hidden;
    text-decoration: none;
}

a:hover {
    color: #3385BF;
    /*text-decoration: underline;*/
}


/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

@charset "utf-8";

/* ----------------
 MISC CLASS
---------------- */


/* CF */

.cf:before, .cf:after {
    content: "";
    display: block;
    overflow: hidden;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

.link-blank:after {
    content: url("https://vps-news.sakura.ad.jp/wp-content/themes/www/images/bg_btn_out_link.png");
    padding: 0 5px;
}


/* header */

.contents-inner-not100 {
    margin: 0 auto;
    width: 960px;
}

.description {
    padding: 0 0 10px 0;
    line-height: 1;
    margin: 0;
    font-size: 83.3%;
    text-align: right;
    color: #999999;
    padding-bottom: 0;
}

#contents #contents-header {
    /*ini*/
    margin-bottom: 0;
    padding: 10px 0;
    background: none;
}

#contents-header {
    /*ini*/
    margin-bottom: 0;
    padding: 10px 0;
    background: none;
}

.in_section {
    font-size: 14px;
}

/* 全ページ共通部分 START */


/* ----------------
 HEADER INTRO
---------------- */

.header-intro-copy {
    text-align: right;
    font-size: 11px;
    color: #999;
    padding: 8px 0;
    font-weight: normal;
}


/* ----------------
 PATH
---------------- */

.path {
    width: 960px;
    margin: 0 auto !important;
    overflow: hidden;
    margin: 0 3px;
    padding: 10px 0;
}

.path li {
    float: left;
    margin-right: 5px;
    font-size: 11px;
}

.path li a {
    margin-right: 5px;
}


/* ----------------
 SECTION
---------------- */

.layout_sub-contents a:hover {
    text-decoration: underline;
}

#contents section, .layout_sub-contents-body-main main {
    font-size: 14px;
}

.layout_sub-contents-body-inner {
    padding: 0;
    font-family: 'I-OTF-UDゴ表示Pro R', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック体', 'Yu Gothic', Verdana, 'メイリオ', Meiryo, Helvetica, 'ＭＳ Ｐゴシック', sans-serif;
    letter-spacing: 0.4px
}


/* ----------------
 CONTACT INFO
---------------- */

.layout_contact-info {
    background: url(https://vps-news.sakura.ad.jp/wp-content/themes/www/images/bg_contact_layer.png) repeat-y center top;
    background-size: 100% auto;
    padding: 18px 0 12px 0;
    color: #fff;
    border-top: 1px solid #5E8E3B;
    border-bottom: 1px solid #5E8E3B;
    margin-bottom: 20px;
}

.layout_contact-info-btn {
    margin: 0 auto 10px auto;
}

.layout_contact-info-btn-l {
    float: right;
    width: 200px;
    padding: 20px 70px 8px 40px;
}

.layout_contact-info-btn-r {
    float: right;
    width: 535px;
    padding: 20px 30px 8px 20px;
    border-right: 1px solid #fff;
}

.btn_tc-contact, .btn_tc-price, .btn_tc-start {
    float: left;
}

.btn_tc-contact a {
    background: #82B440;
    width: 210px;
    margin: 0 40px 0 0;
}

.btn_tc-contact a:hover {
    background: #749F39;
}

.btn_tc-price a {
    background: #6A89BD;
    width: 210px;
}

.btn_tc-price a:hover {
    background: #4D70AA;
}

.btn_tc-start a {
    background: #E56761;
    width: 170px;
}

.btn_tc-start a:hover {
    background: #DD3931;
}

.btn_tc-contact a, .btn_tc-price a, .btn_tc-start a {
    position: relative;
    text-decoration: none;
    display: block;
    font-weight: normal;
    text-decoration: none !important;
    line-height: 1;
    border: 1px solid #fff;
    padding: 20px 15px;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
}

.btn_tc-contact a:after, .btn_tc-price a:after, .btn_tc-start a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;
    width: 7px;
    height: 7px;
    margin: -4px 0 0 0;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.contact-info-tel {
    border-top: 1px solid #fff;
    padding: 12px 0 20px 0;
}

.tc-tel-title {
    float: left;
    width: 240px;
    font-size: 20px;
    padding: 18px 0 0 0;
    text-align: right;
}

.tc-tel-info {
    float: left;
    width: 390px;
    padding: 0 0 0 20px;
}

.tc-tel-number {
    font-size: 38px;
    background: url(https://vps-news.sakura.ad.jp/wp-content/themes/www/images/icon_freetel.png) no-repeat left bottom;
    padding: 5px 0 0 50px;
    line-height: 1.0;
}

.tc-tel-number a, .tc-tel-number a:hover {
    color: #fff;
    text-decoration: none;
}

.tc-tel-time {
    padding: 5px 0 0 0;
}

.tc-tel-attention {
    float: left;
    width: 250px;
    font-size: 12px;
    padding: 5px 0 0 0;
}


/* ----------------
 FOOTER BREAD
---------------- */

#contents-foot #contents-foot-inner .inner .bread li {
    display: inline;
    color: #ccc;
    font-size: 10px;
    line-height: 40px;
}


/* ----------------
 LOGIN
---------------- */

.layout_login {
    text-align: right;
}

.layout_login a {
    display: inline-block;
    background: url(https://vps-news.sakura.ad.jp/wp-content/themes/www/images/allow_top_login.png) no-repeat right center;
    padding: 7px 18px 3px 18px;
    position: relative;
}

.layout_login a span:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 7px;
    height: 7px;
    margin: -3px 0 0 0;
    border-top: solid 2px #515963;
    border-right: solid 2px #515963;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* ----------------
 BNR
---------------- */

.layout_bnr {
    background: #F6F8F8;
    padding: 35px 0;
}

.layout_bnr {
    position: relative;
}

.layout_bnr-link {
    width: 920px;
    float: left;
    margin: 0 5px 0 0;
}

.layout_bnr-link li {
    width: 214px;
    float: left;
    margin: 0 15px 0 0;
}

.layout_bnr-link li a {
    display: inline-block;
}

.layout_bnr-link li a:hover {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.layout_bnr-spin {
    width: 35px;
    float: left;
    padding: 10px 0 0 0;
}


/* Slick.css　上書き */

.layout_bnr .slick-prev {
    display: none;
}

.layout_bnr .slick-next {
    width: 38px;
    height: 38px;
    text-indent: -9999px;
    background: url(https://vps-news.sakura.ad.jp/wp-content/themes/www/images/btn_bnr_spin_next.png)no-repeat center;
    right: -40px;
}

.layout_bnr .slick-next:hover, .layout_bnr .slick-next:focus {
    background: url(https://vps-news.sakura.ad.jp/wp-content/themes/www/images/btn_bnr_spin_next.png)no-repeat center;
}


/* 全ページ共通部分 END */


/* サブページ共通部分 START */


/* ----------------
 SUB CONTENTS TITLE
---------------- */

.layout_sub-contents-title {
    height: 90px;
    background: url(https://vps-news.sakura.ad.jp/wp-content/themes/www/images/bg_sub_content_title.png)repeat-x center;
    color: #fff;
}

.layout_sub-contents-title-inner {
    padding: 30px 0 0 0;
}

.sub-contents-title {
    font-size: 26px;
    display: inline-block;
    padding: 0 30px 0 0;
    text-shadow: 1px 1px 1px #549C61;
    vertical-align: middle;
}

.sub-contents-description {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}


/* ----------------
 SUB CONTENTS BODY
---------------- */

.layout_sub-contents-body {
    font-family: 'I-OTF-UDゴ表示Pro R', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック体', 'Yu Gothic', Verdana, 'メイリオ', Meiryo, Helvetica, 'ＭＳ Ｐゴシック', sans-serif;
    padding: 0;
    position: relative;
}


/* ----------------
 SUB CONTENTS AREA
---------------- */

.layout_sub-contents-area {
    float: left;
    margin-right: 40px
}

.layout_sub-contents-area-inner {
    padding: 0 0 45px 0;
}

.layout_sub-contents-area-inner.even {
    background: #F3F4F6;
    border-top: 1px solid #C8D8E3;
    border-bottom: 1px solid #C8D8E3;
    margin: 0 -500%;
    padding: 45px 500%;
}

.layout_sub-contents-body .sub-title {
    width: auto;
    height: 42px;
    padding: 8px 20px 0 20px;
    margin: 0 0 20px 0;
    vertical-align: middle;
    color: #fff;
    font-size: 24px;
    line-height: 1.4;
    text-shadow: 1px 1px 1px #549C61;
}


/* ----------------
 SUB NAV BODY
---------------- */

.layout_sub-nav-area {
    width: 170px;
    float: left;
    font-size: 12px;
    position: relative;
}

.sub-nav {
    width: 170px;
}

.sub-nav-fixed {
    position: fixed;
    left: auto;
    top: 50px;
    z-index: 100;
}

.sub-nav-name {
    background: #E8E8E8;
    padding: 10px 30px 10px 8px;
    position: relative;
    border-bottom: 1px solid #fff;
}

.sub-nav-name a {
    pointer-events: none;
    color: #2C333D;
}

.sub-nav-name:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 13px;
    width: 8px;
    height: 8px;
    margin: -8px 0 0 0;
    border-bottom: solid 2px #515963;
    border-right: solid 2px #515963;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sub-nav-name.is-selected:after {
    margin: -4px 0 0 0;
    border-top: solid 2px #515963;
    border-bottom: none;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sub-nav-content {
    width: auto;
    display: none;
    background: #fff;
}

.sub-nav-content.first {
    display: block;
}

.sub-nav-content li {
    cursor: pointer;
    position: relative;
    padding: 8px;
    border-bottom: 1px solid #A8AAAC;
}

.sub-nav-content li a {
    color: #4A595F;
}


/* ----------------
 SUB CONTENTS INBOX
---------------- */

.layout_sub-contents-inbox {
    padding: 0;
}

.layout_sub-contents-inbox.end {
    padding: 0 0 0 0;
}

.sub-contents-inbox-title {
    color: #66AA59;
    background: url(https://vps-news.sakura.ad.jp/wp-content/themes/www/images/bg_inbox_title.jpg) repeat-x left 12px;
    margin: 0 0 20px 0;
}

.sub-contents-inbox-title span {
    display: inline-block;
    background: #F3F4F6;
    font-size: 22px;
    padding: 0 15px 0 0;
}

.lauout_sub-inbox-contents-text {
    padding: 0 0 20px 0;
}

.lauout_sub-inbox-contents-figure {
    background: #fff;
    padding: 30px;
    margin: 0 0 20px 0;
}

.lauout_sub-inbox-contents-figure-title {
    display: inline-block;
    background: #E1E1E1;
    padding: 5px 10px;
    margin: 0 0 40px 0;
    min-width: 100px;
    text-align: center;
}

.lauout_sub-inbox-contents-figure-img {
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 779px) {
    .layout_sub-contents {
        width: 100%;
        position: relative;
        margin: 20px 0 0 0;
    }
    .layout_sub-contents {
        padding: 0;
    }
    .layout_sub-contents-title {
        width: auto;
        height: 50px;
        background: url(https://vps-news.sakura.ad.jp/wp-content/themes/www/images/bg_sub_content_title.png)repeat-x center;
        background-size: auto 50px;
    }
    .layout_sub-contents-title-inner {
        width: auto;
        padding: 14px 0 0 0;
        text-align: center;
    }
    .sub-contents-title {
        font-size: 18px;
        text-align: center;
        padding: 0;
        text-shadow: 1px 1px 1px #549C61;
    }
    .sub-contents-description {
        display: none;
    }
    .layout_sub-contents-body {
        width: auto;
        margin: 0;
        padding: 0;
    }
    .layout_sub-contents-area {
        width: auto;
        float: none;
        margin-right: 0
    }
    .layout_sub-contents-area-inner {
        padding: 0 0 45px 0;
    }
    .layout_sub-contents-area-inner .first {}
    .layout_sub-contents-block {
        padding: 0 10px;
    }
    .layout_sub-contents-area-inner.even {
        background: #F3F4F6;
        border-top: 1px solid #C8D8E3;
        border-bottom: 1px solid #C8D8E3;
        margin: 0;
        padding: 40px 0;
    }
    .layout_sub-contents-body .sub-title {
        width: auto;
        height: 29px;
        padding: 6px 15px 0 15px;
        background-size: auto 100%;
        font-size: 16px;
        line-height: 1.4;
    }
    .layout_sub-nav-area {
        width: auto;
        float: none;
        font-size: 16px;
        padding: 40px 0;
    }
    .sub-nav {
        width: auto;
        margin: 0 10px;
    }
    .sub-nav-name {
        background: none;
        padding: 0 0 10px 0;
        border: none;
        text-align: center;
        font-size: 21px;
        color: #4A595F;
    }
    .sub-nav-name a {
        pointer-events: auto;
        color: #66AA59;
    }
    .sub-nav-name:after {
        display: none;
    }
    .sub-nav-content {
        width: auto;
        display: none;
        border-bottom: 1px solid #818383;
    }
    .sub-nav-content.first {
        display: block;
    }
    .sub-nav-content li {
        cursor: pointer;
        position: relative;
        padding: 8px;
        border-top: 1px solid #818383;
        border-right: 1px solid #818383;
        border-left: 1px solid #818383;
        border-bottom: none;
    }
    .sub-nav-content li a {
        color: #4A595F;
    }
    .sub-nav-content li a:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 13px;
        width: 8px;
        height: 8px;
        margin: -4px 0 0 0;
        border-right: solid 3px #2D333D;
        border-top: solid 3px #2D333D;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .layout_sub-contents-inbox {
        background: #fff;
        margin: 0 0 15px 0;
        padding: 0 0 0 0;
        border-top: 1px solid #818383;
        border-right: 1px solid #818383;
        border-left: 1px solid #818383;
    }
    .layout_sub-contents-inbox.end {
        margin: 0 0 0 0;
    }
    .sub-contents-inbox-title {
        margin: 0 0 0 0;
        color: #2C333D;
        background: none;
        border-bottom: 1px solid #818383;
    }
    .sub-contents-inbox-title.is-selected {
        color: #66AA59;
    }
    .sub-contents-inbox-title span {
        display: block;
        background: #fff;
        font-size: 16px;
        padding: 15px 10px;
        margin: 0 0 0 0;
        cursor: pointer;
        position: relative;
    }
    .sub-contents-inbox-title span:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 13px;
        width: 8px;
        height: 8px;
        margin: -8px 0 0 0;
        border-bottom: solid 3px #2D333D;
        border-right: solid 3px #2D333D;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .sub-contents-inbox-title.is-selected span:after {
        margin: -4px 0 0 0;
        border-top: solid 3px #2D333D;
        border-left: solid 3px #2D333D;
        border-bottom: none;
        border-right: none;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .layout_sub-inbox-contents {
        padding: 15px 10px 0 10px;
        display: none;
        border-bottom: 1px solid #818383;
    }
    .lauout_sub-inbox-contents-text {
        padding: 0 0 15px 0;
    }
    .lauout_sub-inbox-contents-figure {
        padding: 0 0 15px 0;
        margin: 0 0 0 0;
    }
    .lauout_sub-inbox-contents-figure-title {
        font-size: 12px;
        padding: 5px 20px;
        margin: 0 0 15px 0;
        min-width: 80px;
    }
    .lauout_sub-inbox-contents-figure-img {
        width: 100%;
    }
    /* AdminBar調整 */
    html #wpadminbar {
        position: fixed;
    }
    body.admin-bar .layout_sub-contents {
        margin-top: 0;
    }
}