.footertext {
    font-size: 10px !important;
    line-height: 16px;
    padding: 10px 0 7px 0;
}
footer .copyright small {
    font-size: 13px;
}

.logo {
    width: 100%;
    margin: 10px auto 30px auto !important;
    height: 160px;
    line-height: 160px;
    color: #eee;
    text-align: center;
    background-color: #000;
}


#topnav {
    font-size: 14px;
}
#topnav,
#topnav-inner, #topnav-inner #nav, #topnav-inner #nav #topnav_ul_ul, #topnav-inner #topnav_ul #topnav_ul_ul a {
    height: 44px !important;
}
#topnav-inner #topnav_ul #topnav_ul_ul a {
    font-size: 17px;
    line-height: 40px;
}



#wrapper {
    padding-top: 44px;
}

@media screen (min-width: 768px) {
    #branding.branding {
        height: 340px !important;
    }
}
    #branding-inner {
        height: auto;
    }
@media screen and (min-width: 783px) {
    .branding #nav,
    .branding #nav_ul,
    nav#nav li {
        height: 64px !important;
    }
/*
    .branding #nav_ul {
        text-align: center;
    }*/
}
.branding #nav_ul li a {
    font-size: 20px;
}

.branding #nav_ul > li {
/*
    display: inline-block;
    /display: inline;
    /zoom: 1;
    float: none;*/
}

.branding #nav #nav_ul li a{
    height: 64px;
    line-height: 64px;
}

@media screen and (max-width: 640px) and (min-width: 320px) {
    #topnav nav#topnav-inner {
        display: block;
    }
}
@media only screen and (-webkit-device-pixel-ratio: 2) and (max-device-width: 667px) and (min-device-width: 375px) {
    #topnav nav#topnav-inner {
        display: block;
    }
}

#nav-search-form input,
#nav-search-form button.btn {
    height: 58px;
}


footer,
footer .footerwidgetarea {
    min-height: inherit;
}

.no-margin {
    margin: 0 !important;
}

#main article p, .main article p {
    color: #777;
}
#main article {
	margin-bottom: 40px;
}

.displayloader {
    position: fixed;
    background-color: rgba(255, 255, 255, .7);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding-top: 24%;
    z-index: 9999;
    font-size: 11em;
}
.authresserror {
    border-width: 2px;
    border-color: #C55D5D !important;
}


.hidd {
    display: none;
}


/* Top */
.wpnews {
    width: auto;
    height: 120px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #fff;
    border: 1px solid #f9f9f9;
}
.wpnews ul li {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #ccc;
}
.wpnews ul li a {
    display: inline-block;
    width: 100%;
    padding-left: 6px;
}




/* Comments like a chats */
header + #comments {
    margin-top: 0;
} 
#comments ol,
#comments ul {
    list-style: none !important;
    padding: 0 !important;
}
#comments p {
    line-height: 25px;
    margin-bottom: 20px;
}
#comments .comment-post {
    margin-bottom: 6px;
    font-size: 16px;
}
#comments .comments-title,
.wpinquiry h3,
.wpinquiry h4 {
    font-size: 1.7rem;
    padding: 0 0 4px 0;
    margin-top: 5px;
    margin-bottom: 8px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    
    border-bottom-color: #17805A;
    
    clear: both;
}
#comments #reply-title {
    margin-top: 30px;
}


#comments .comment-author img {
    float: none;
}
#comments form {
    margin-bottom: 50px;
}
#comments .comment-alert {
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 1.4em;
}
#comments textarea {
    font-size: 16px;
}
.wrapcomments li.comment {
    margin-bottom: 30px;
}
.wrapcomments .comment-body {
    overflow: hidden;
    margin: 10px auto;
}
.wrapcomments .comments {
    margin-top: 15px;
    margin-bottom: 15px;
}

.wrapcomments .comment-author {
}
.wrapcomments .comment-area {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
}
.wrapcomments .comment-area a {
    color: #fff;
    text-decoration: underline;
}
.wrapcomments .comment-area a:hover {
    text-decoration: none;
}

.wrapcomments .comment-area.user-comm,
.wrapcomments .comment-area.supp-reply {
    position: relative;
}
.wrapcomments .comment-body.user-comm:before,
.wrapcomments .comment-body.user-comm:after,
.wrapcomments .comment-area.user-comm:before,
.wrapcomments .comment-area.user-comm:after,
.wrapcomments .comment-area.supp-reply:before,
.wrapcomments .comment-area.supp-reply:after {
    top: 30px;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    
}

.wrapcomments .comment-area.supp-reply:before,
.wrapcomments .comment-area.supp-reply:after {
    left: 100%;
}
.wrapcomments .comment-body.user-comm:before,
.wrapcomments .comment-body.user-comm:after,
.wrapcomments .comment-area.user-comm:before,
.wrapcomments .comment-area.user-comm:after {
    right: 100%;
}
.wrapcomments .comment-body.user-comm:after,
.wrapcomments .comment-area.user-comm:after,
.wrapcomments .comment-area.supp-reply:after {
    border-width: 9px;
    margin-top: -9px;
}
.wrapcomments .comment-body.user-comm:before,
.wrapcomments .comment-area.user-comm:before,
.wrapcomments .comment-area.supp-reply:before {
    border-width: 9px;
    margin-top: -9px;
}
.wrapcomments .comment-body.user-comm,
.wrapcomments .comment-area.user-comm {
    background-color: #17805A;
    color: #fff;
}
.wrapcomments .comment-body.user-comm:after,
.wrapcomments .comment-area.user-comm:after {
    border-right-color: #17805A;
}
.comment-row.user-comm i.fa,
.wrapcomments .comments.user i.fa-4x {
    color: #17805A;
}
.wrapcomments .comment-area.supp-reply {
    background-color: #B3A15D;
    color: #fff;
}
.wrapcomments .comment-area.supp-reply:after {
    border-left-color: #B3A15D;
}
.comment-row.supp-reply i.fa,
.wrapcomments .comments.supp i.fa-4x {
    color: #B3A15D;
}


.wrapcomments .comment-detail {
    margin-bottom: 20px;
}
.wrapcomments .comment-detail p {
    margin-top: 0 !important;
    color: #fff !important;
}
@media screen and (max-width: 640px) and (min-width: 320px) {
    .mobnone,
    .wrapcomments .comment-area.user-comm:before,
    .wrapcomments .comment-area.user-comm:after,
    .wrapcomments .comment-area.supp-reply:before,
    .wrapcomments .comment-area.supp-reply:after {
        content: none;
        display: none;
    }
    .wpnews ul li {
        font-size: 12px !important;
    }
}








/* boarding chatt comment */
.orgcontent {
    margin-bottom: 10px;
    font-size: 13px;
}
.comment-row {
    padding: 20px 0;
    margin-right: 15px;
    margin-left: 15px;
}



.comment-row.supp-reply > div.usericon {
    float: right;
}
.comment-title-wrap {
    margin-bottom: 10px;
}
.comment-title {
    font-size: 20px;
}
.comment-date {
    font-size: 12px;
    text-align: right;
    margin-top: 5px;
}
.comment-content {
    line-height: 23px;
    margin-bottom: 20px;
}
.child-comment {
    font-size: 14px;
    padding-left: 1em;
    text-indent: -1em;
}
.metas {
    margin-bottom: 10px;
    font-size: 12px;
}
.rel-post {
    margin-bottom: 8px;
}


/* Advanced form */
div.wpad_error {
    padding: 5px;
    margin-bottom: 10px;
    color: #ff0000;
}
.wpad_required, .required {
    color: #7F0125;
}







/* sidebar widget */
.sidebar section h1, .sidebar aside h1, .sidebar section h2, .sidebar aside h2 {
    text-align: center;
}

/* sidebar recent comments */
.comment-author-link {
    font-size: 11px;
    display: inline-block;
    width: 100%;
    text-align: right;
}
.recentcomments {
    margin-bottom: 14px;
}

/* mySNS */
#sidebar a.facebook {
    width: 100%;
    display: inline-block;
    font-size: 2.5em;
    background-color: #3A5795;
    color: #fff;
    padding: 14px 7px;
    text-align: center;
}
#sidebar a.facebook:hover {
    text-decoration: none;
    background-color: #304E8E;
}


/* validation overwrite */
.formError {
}
.formError .formErrorContent {
    border-radius: 0 !important;
    font-weight: normal !important;
    font-family:segoe ui, Open Sans, 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif !important;
}
.formError .formErrorContent,
.formError .formErrorArrow div {
    background-color: #212121 !important;
}
.error-label {
    margin-left: 7px;
}
.mw_wp_form_confirm.mw_wp_form_preview span.control-label-div {
    display: inline-block;
    width: 100%;
    padding: 10px 6px;
    border: 1px solid #DAD7D7;
    background-color: #F9F9F9;
}
.mw_wp_form_input .btn-back{
    display: none;
}
.mw_wp_form .form-group span.btn-default input[type="submit"] {
    color: #777;
}
.mw_wp_form_confirm.mw_wp_form_preview .btn-back {
    margin-left: 10px;
}



.wpinquiry h3,
.wpinquiry h4 {
    margin-bottom: 4px !important;
}
.wpinquiry h3 {
    margin-top: 34px !important;
    font-size: 1.3rem;
}
.wpinquiry h4 {
    margin-top: 20px !important;
    font-size: 1.1rem;
    margin-top: 20px;
}

/* simple membership overwrite*/
#swpm-registration-form {
    /*display: none;*/
}
.swpm-login-form-inner input[type="text"],
.swpm-login-form-inner input[type="password"] {
    display: inline-block;
    width: 100% !important;
}
.swpm-remember-me {
    margin-bottom: 20px;
}
.swpm-forgot-pass-link,
.swpm-join-us-link {
    padding: 30px 20px 7px 0;
    display: inline-block;
}
#swpm-registration-form div.table-responsive table tbody tr td { vertical-align:middle; }
#swpm-editprofile-form div.table-responsive table tbody tr td { vertical-align:middle; }

.swpm-login-widget-logged > div {
    margin-bottom: 30px;
}
.swpm-login-widget-logged > div > div {
    margin-bottom: 10px;
}

#message {
    padding: 14px 8px;
    margin-bottom: 10px;
}



/* bootstrap3  */
.control-label {
    padding: 6px 4px;
    display: inline-block;
    width: 100%;
    font-weight: bold;
}
td > .control-label {
    margin-top: 0;
    margin-bottom: 0;
    text-align: right;
}
#swpm-pw-reset-form td > .control-label {
    text-align: left;
}
.alert,
.panel,
.btn,
.form-control {
    border-radius: 0 !important;
}
.form-control-big {
    font-size: 18px !important;
    line-height: 24px !important;
    height: 40px !important;
    padding: 6px 10px !important;
}
.btn-gold {
    background-color: #DEC66A;
    color: #fff;
}
.btn-gold:hover {
    background-color: #C5B269;
    color: #fff;
}
.list-unstyled {
    padding-left: 0 !important;
    list-style: none !important;
}



/* inquiry FORM */
.wrapinquiry span br {
    display: none !important;
}



/* jQuery according */
ul.mytoggle > li > a:before{
    content: none !important;
}
ul.mytoggle > li > a {
    padding: 20px;
    font-size: 20px;
    text-align: center;
    background-color: #1a1a1a !important;
    color: #fff;
}
ul.mytoggle > li > a.active,
ul.mytoggle > li > a:hover,
ul.mytoggle > li > a:active {
    background-color: #313131 !important;
}
ul.mytoggle li a,
ul.mytoggle li a:hover {
    text-decoration: none;
}
ul.mytoggle li.special-first {
    margin-top: 10px;
}
ul.mytoggle > li.special > a {
    background-color: #7F0125 !important;
}
ul.mytoggle > li.special > a:hover {
    background-color: #941131 !important;
}
ul.mytoggle > li > ul > li > a {
    padding: 14px 0 14px 20px;
}


.sidebar ul li a:before, .related ul li a:before {
    margin-right: 3px;
}



/* 
 * h tag designs 
 */

/* title h2 */
#main.col3 article>header>h2, #main>article>header>h2, .main>article>header>h2, #main article.loops h2, #main .archive>article h2, .main article.loops h2, .main .archive>h2 {
}

/* general h */


#main article p + h2 {
    background-color: #212121;
    color: #f1f1f1;
    border-bottom: none;
    padding: 0.5em 0.2em 0.6em 1em !important;
}



/* like webcreatorbox 
 * http://www.keni-customize.net/custom-midashi-design-555/#line16
 */
#main article p + h2,
h2[class*="quarter-"],
h2[class*="box-"],
h3{
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.3em 0.5em 0.5em 1.5em !important;
    border-bottom: 2px solid #B92A2C !important
}
#main article p + h2:before,
h2[class*="quarter-"]:before,
h2[class*="box-"],
h3:before{
    content: "□";
    font-size: 200%;
    position: absolute;
    color: #ff6b6e;
    top: -0.8em;
    left: 0.3em;
    height: 12px;
    width: 12px;
}
#main article p + h2:after,
h2[class*="quarter-"]:after,
h2[class*="box-"]:after,
h3:after{
    content: "□";
    font-size: 200%;
    position: absolute;
    color: #B92A2C;
    top: -0.5em;
    left: 0;
    height: 12px;
    width: 12px;
}

h3,
h3.box-gold,
h2.box-gold {
    border-bottom: 2px solid #C5B269 !important
}
h3:before,
h3.box-gold:before,
h2.box-gold:before {
    color: #E4CE7A;
}
h3:after,
h3.box-gold:after,
h2.box-gold:after {
    color: #B9A760;
}

h2.box-green,
h3.box-green {
    border-bottom: 2px solid #17805A !important
}
h2.box-green:before,
h3.box-green:before {
    color: #2CCA91;
}
h2.box-green:after,
h3.box-green:after {
    color: #17805A;
}

h2.box-blue,
h3.box-blue {
    border-bottom: 2px solid #2C88CA !important
}
h2.box-blue:before,
h3.box-blue:before {
    color: #49C7E5;
}
h2.box-blue:after,
h3.box-blue:after {
    color: #2C88CA;
}


/* quarter
 */

h2.quarter
h3.quarter {
    border-bottom: none !important;
    background-color: #414141;
    color: #fff;
    padding: .9em 0 .9em .9em !important;
}
h2.quarter:after,
h3.quarter:after {
    content: ' ';
    width: 25%;
    left: inherit;
    right: 0;
    top: 0;
    background-color: #D0BA68;
    height: 100%;
}
#main article p + h2:before,
h3.quarter-white:before,
h3.quarter-orange:before,
h3.quarter-blue:before,
h3.quarter-green:before,
h3.quarter-wine:before,
h3.quarter:before,
h2.quarter-white:before,
h2.quarter-orange:before,
h2.quarter-blue:before,
h2.quarter-green:before,
h2.quarter-wine:before,
h2.quarter:before {
    content: ' ';
}

h2.quarter-wine,
h3.quarter-wine {
    border-bottom: none !important;
    background-color: #414141;
    color: #fff;
    padding: .9em 0 .9em .9em !important;
}
h2.quarter-wine:after,
h3.quarter-wine:after {
    content: ' ';
    width: 25%;
    left: inherit;
    right: 0;
    top: 0;
    background-color: #7F0125;
    height: 100%;
}

#main article p + h2,
h2.quarter-green,
h3.quarter-green {
    border-bottom: none !important;
    background-color: #414141;
    color: #fff;
    padding: .9em 0 .9em .9em !important;
}
#main article p + h2:after,
h2.quarter-green:after,
h3.quarter-green:after {
    content: ' ';
    width: 25%;
    left: inherit;
    right: 0;
    top: 0;
    background-color: #17805A;
    height: 100%;
}
h2.quarter-blue,
h3.quarter-blue {
    border-bottom: none !important;
    background-color: #414141;
    color: #fff;
    padding: .9em 0 .9em .9em !important;
}
h2.quarter-blue:after,
h3.quarter-blue:after {
    content: ' ';
    width: 25%;
    left: inherit;
    right: 0;
    top: 0;
    background-color: #1C5C91;
    height: 100%;
}
h2.quarter-orange,
h3.quarter-orange {
    border-bottom: none !important;
    background-color: #414141;
    color: #fff;
    padding: .9em 0 .9em .9em !important;
}
h2.quarter-orange:after,
h3.quarter-orange:after {
    content: ' ';
    width: 25%;
    left: inherit;
    right: 0;
    top: 0;
    background-color: #ED9409;
    height: 100%;
}

h2.quarter-white,
h3.quarter-white {
    border-bottom: none !important;
    background-color: #414141;
    color: #fff;
    padding: .9em 0 .9em .9em !important;
}
h2.quarter-white:after,
h3.quarter-white:after {
    content: ' ';
    width: 25%;
    left: inherit;
    right: 0;
    top: 0;
    background-color: #fff;
    height: 100%;
}




/* callout
 */
h3.callout-black{
    border-bottom: none !important;
    border-left: 7px solid #000;
    background-color: #383838;
    color: #fff;
    padding: 0.6em 0.2em 0.6em .8em !important;
    
}
h3.callout-gold{
    border-bottom: none !important;
    border-left: 7px solid #B9A760;
    background-color: #D0BA68;
    color: #fff;
    padding: 0.6em 0.2em 0.6em .8em !important;
    
}
h3.callout-black:after,
h3.callout-black:before,
h3.callout-gold:after,
h3.callout-gold:before {
    content: none;
}


/* Material */
.zdepth0, .page-top a, .link-next a, .btn {box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.1);}
.zdepth1 {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;}
.zdepth2 {box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;}
.zdepth3 {box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}
.zdepth4 {box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);}
.zdepth5 {box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);}
.zdepth0 > .panel, .zdepth1 > .panel, .zdepth2 > .panel, .zdepth3 > .panel, .zdepth4 > .panel, .zdepth5 > .panel {
    margin-bottom: 0;
}