/*
Template:inspiro
Theme Name:Creative-r Handmade
Theme URI:
Description:
Author:TH
Version:1.5.0
*/

html[lang=ja] body, html[lang=ja] button, html[lang=ja] input, html[lang=ja] select, html[lang=ja] textarea {font-family:Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif"}


.chapter {
    position: relative;
    margin: 2em 0;
    padding: 1.8em 1em 0.5em 1em;
    border: solid 3px #0bb4aa;
	border-radius: 20px;
}
.chapter h4 {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #0bb4aa;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.chapter p {
    margin: 0; 
    padding: 0;
}
.link::before {
  content:'';
  display: block;
  padding-top: 50px;
  margin-top: -50px;

}
dl dt {font-size:1.25em;}
dl dd {margin-bottom:10px;}

/*=============login===============*/
.logout {
    margin: 40px 0 40px 20px;
   
}
.logout a {
    padding: 12px;
    background: #ffd6878c;
    color: #666;
    font-size: 28px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    
    border-right: 1px solid rgba(60,58,58,1.00);
    border-bottom: 1px solid rgba(60,58,58,1.00);
    
}


.logged-in .steps {padding:3%;}
.logged-in .steps h4 {margin-top:0; font-size:28px;}


table.steplogin td {background:rgba(138,138,138,0.1); padding:12px; font-weight:bold;}
table.steplogin th {padding:12px; color:rgba(76,76,76,1.00);}

.steptest .login-username label {display:none;}
.steptest .login-username:before {content:"ユーザー名";}
.steptest p.login-username, .steptest p.login-password {border:grey 1px solid; display:table; padding:12px;}
.steptest p.login-username {margin-bottom:0; border-bottom:none;}
.steptest p.login-username:before, .steptest p.login-password label {margin-right:12px;}
.steptest p.login-username input[type="text"], .steptest p.login-password input[type="password"] {}




@media screen and (max-width: 64em) {
    .navbar-nav li li a {
        color: #533a33;
    }

    .navbar-nav>li.current-menu-item>a, .navbar-nav>li.current-menu-parent>a, .navbar-nav>li.current_page_item>a {
        color: #533a33;
    }
}

.navbar a {
    color: #533a33;
}