@charset "UTF-8";

* {
margin:0;
padding:0;
}

body {
    font-size: 16px; /*Note: Inline font size Overridden in toc for vavigation to 18px*/
    color: #383838;
    /*font-family: 'Roboto Condensed',sans-serif;*/
    /*font-family: 'robotoregular', Verdana, Geneva, Tahoma, sans-serif;*/
    overflow-wrap: break-word;
    /*word-break: break-all;*/
    background: #333;
    box-sizing: border-box; /*Added*/
}
html {
overflow-y:scroll;
}
h1,h2,h3,h4,h5,h6 {
margin: 0 0 10px 0;
}
/*p,li,dt,dl {
line-height:1.6;
}*/
p {
    line-height: 1.6;
}
p {
margin:0 0 1em 0;
}
/*li {
list-style-type:none;
}*/
/*img {
border:0;
}*/
/*address {
font-style:normal;
}
table {
width: 100%;
border-spacing: 0;
border-right: 1px solid;
border-bottom: 1px solid;
}
table td {
border: 1px solid;
border-right: 0px;
border-bottom: 0px;
padding: 7px;
}*/
.clear {
clear:both;
}

/* リンク
------------------------------------- */
/*a:link {
color:#999;
text-decoration:none;
}
a:visited {
color:#999;
text-decoration:none;
}
a:hover {
text-decoration:underline;
opacity: 0.8;
transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
}
a:active {
color:#999;
}*/
/*
a img:hover {
opacity: 0.8;
text-decoration:none;
transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
}*/
/*.link a {
text-decoration:none;
}
.link:hover {
opacity: 0.8;
text-decoration:none;
transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
}
.underline {
color:#0693e3  !important;
text-decoration:underline !important;
}*/

/*img {
height: auto;
max-width: 100%;
}*/


/* float */
.clear{
clear:both;
}
.floatLeft{
float:left !important;
}
.floatRight{
float:right !important;
}



/* justify */

.left{
text-align:left !important;
}
.right{
text-align:right !important;
}
.center{
text-align:center !important;
}



/* scroll */
/* スクロール防止 */
.scroll-prevent {
position: fixed;
z-index: -1;
width: 100%;
height: 100%;
}

.wrap{
max-width:1200px;
margin:0 auto;
/* sticky が効かなくなるのでコメントアウト
overflow: hidden;
*/
background:#f4f4f4;
}


@media screen and (min-width:992px){

.column2 aside.side-left .title,
.column3 aside.side-left .title{
margin-left:5px;
}

.column2 aside.side-right .title,
.column3 aside.side-right .title{
margin-right:5px;
}

.column1 .wrap{
max-width:780px;
}
.column2 .side-left,
.column2 .side-right{
width:270px;
}
.column3 .side-left,
.column3 .side-right{
width:250px
}
.column2 .wrap>.content,
.column3 .wrap>.content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.column2 .side-left,
.column3 .side-left{
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1;
}

.column2 main,
.column3 main{
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
}

.column3 main{
padding: 0 16px 0 16px;
}

.column2 .side-left,
.column2 .side-right,
.column3 .side-left,
.column3 .side-right{
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
}

}


.content {
padding: 8px 16px;
}
.content main {
margin-bottom: 64px;
width:100%;
}

article.detail {
background-color: #fafafa;
box-shadow:0px 0px 5px;
margin-bottom: 16px;
padding-bottom: 10px;
}
article.detail .entry-header {
margin-bottom: 8px;
}
article.detail .entry-header a {
text-decoration:none;
color: #575757;
}
/* h1 タイトル */
article.detail .entry-header .entry-title {
font-size: 1.5em;
padding:16px 16px 0px 16px;
margin-top: 0;
}

article.detail .entry-content {
padding: 0 18px 18px 18px;
/*font-size: 	em;*/
}
    article.detail .entry-content a {
        /*color: #eefdec;*/
        color:#fff;
        text-decoration: none;
        font-weight: 600;
        font-size: 18px;
        background-color: #14a2f7;
        padding: 8px;
        border-radius: 10%;
    }

    article.detail .entry-content a:hover {
        color: #fff;
        background-color:#145ee5;
        cursor: pointer;
    }

article.detail .entry-content h2 {
font-size: 1.2em;
margin: 32px 0 24px 0;
clear: both;
}
    article.detail .entry-content h2:after {
        margin-top: .3em;
        content: "";
        display: block;
        height: 4px;
        background: -moz-linear-gradient(to right,#f3d209,#ffb2b2);
        background: -webkit-linear-gradient(to right,#f3d209,#ffb2b2);
        background: linear-gradient(to right,#f3d209,#ffb2b2);
    }

    article.detail .entry-content h3 {
        font-size: 1.0em;
        margin: 24px 0 18px 0;
        padding: .5em 0 .5em .5em;
        border-left: 6px solid #fece78;
        background: -moz-linear-gradient(to right,#aff305,#fff);
        background: -webkit-linear-gradient(to right,#aff305,#fff);
        background: linear-gradient(to right,#aff305,#fff);
        clear: both;
    }


/*Added*/
    article.detail .entry-content h2 {
        font-size: 1.0em;
        margin: 24px 0 18px 0;
        padding: .5em 0 .5em .5em;
        border-left: 6px solid #fece78;
        background: -moz-linear-gradient(to right,#f8dd58,#faef97);
        background: -webkit-linear-gradient(to right,#f8dd58,#faef97);
        background: linear-gradient(to right,#f8dd58,#faef97);
        clear: both;
    }

    article.detail .entry-content h4 {
        border-left: 6px solid #fece78;
        background: -moz-linear-gradient(to right,#ffefd5,#fff);
        background: -webkit-linear-gradient(to right,#ffefd5,#fff);
        background: linear-gradient(to right,#ffefd5,#fff);
        clear: both;
    }

article.detail .entry-content h4 {
margin: 12px 0 12px 0;
clear: both;
}


.entry-content strong.active{
background-position: -100% .5em;
}
.entry-content strong {
background: linear-gradient(transparent 60%, #ffff66 60%);
background-image: -webkit-linear-gradient(left, transparent 50%, #ffff66 50%);
background-image: -moz-linear-gradient(left, transparent 50%, #ffff66 50%);
background-image: -ms-linear-gradient(left, transparent 50%, #ffff66 50%);
background-image: -o-linear-gradient(left, transparent 50%, #ffff66 50%);
background-image: linear-gradient(left, transparent 50%, #ffff66 50%);
background-repeat: repeat-x;
background-size: 200% .8em;
background-position: 0 .5em;
transition: all 3s ease;
}

/*.side-menu .title{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-flow:column;
flex-flow:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
color:#fff;
background:#575757;
padding-top:3px;
font-weight:400;
text-align:center;
border-radius:2px;
}

.side-menu .title i{
font-size:1.5rem;
}*/


.content aside {
min-width: 270px;
}

/*.sidebar-wrapper {
background:#fff;
line-height: 1.6;
color: #555;
font-size: 0.9em;
box-shadow:0px 0px 5px;
border:1px solid #f4f4f4;
margin-bottom: 48px;
padding: 10px;
width: 270px;
}
.sidebar-title {
font-size: 1em;
letter-spacing: 0;
margin-bottom: 16px;
margin-top: 0;
text-transform: uppercase;
}
.sidebar-wrapper ul {
padding: 0px;
}
.sidebar-wrapper ul li:first-child {
border-top: none;
padding-top: 8px;
}
.sidebar-wrapper ul li {
list-style: none;
line-height: 1.4;
padding-bottom: 12px;
padding-top: 12px;
}

.footer{
background:#000;
text-align:center;
color:#fff;
}

.footer .footer1{
background:#575757;
}

.footer .footer2{
font-size:.8rem;
}*/

/*.side-menu article{
height:300px;
}*/



@media screen and (min-width:992px){

.header .logo {
font-size: 1.8em;
}
/* コンテンツ全体 */
.content {
padding: 24px 48px 24px 48px;
}
.content main {
max-width:850px;
}
.side-left {
margin-right: 32px;
}

article.detail {
margin-bottom: 48px;
}

article.detail .entry-header .entry-title {
font-size: 2em;
padding:32px 32px 0 32px;
}

article.detail .entry-header .entry-meta,
article.detail .entry-header .entry-meta a {
font-size: 0.9em;
padding-right:12px;
}
article.detail .entry-content {
padding: 0 42px 42px 42px;
font-size: 1em;
}
article.detail .entry-content h2 {
font-size: 1.5em;
margin: 36px 0 24px 0;
}
article.detail .entry-content h3 {
font-size: 1.25em;
margin: 30px 0 20px 0;
}
article.detail .entry-content h4 {
margin: 25px 0 13px 0;
font-size: 1.0em;
}

}

/*end of media*/

#sticky-navigator {
	background:#fafafa;
	line-height: 1.6;
	color: #555;
	font-size: 0.9em;
	box-shadow:0px 0px 5px;
	border:1px solid #f4f4f4;
	margin-bottom: 48px;
	padding: 10px
	}
	#sticky-navigator ul {
	padding: 0px;
	}
	#sticky-navigator ul li:first-child {
	border-top: none;
	padding-top: 8px;
	}
	#sticky-navigator ul li {
	list-style: none;
	line-height: 1.4;
	}
	#sticky-navigator ul li.nav-h2 {
	padding-top: 6px;
	padding-bottom: 6px;
    }

    /*Added*/
        #sticky-navigator ul li.nav-h2 a {
         color:#06b20a;
         font-weight:700;
         font-size:20px;
         text-decoration:none;
        }
        #sticky-navigator ul li.nav-h2 a:hover {
            color: #67f761;
        }
        /*Added*/
        #sticky-navigator ul li.nav-h3 a {
            color: #575757;
            font-weight: 600;
            font-size: 18px;
            text-decoration: none;
        }
        #sticky-navigator ul li.nav-h3 a:hover {
            color: #09cebc;
        }
	#sticky-navigator ul li.nav-h3 {
	margin-left: 10px;
	}
	#sticky-navigator ul li.current {
	background-color: #dadde1;
	}
	#sticky-navigator {
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
	}