/*
 Theme Name:   Maxwell Child
 Theme URI:    http://hair-hunter.com/
 Description:  Maxwell Child Theme
 Author:       Jiro Omizu
 Template:     maxwell
 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:  maxwell_child
*/
/*--------------------------------
elements
---------------------------------*/
html, body, button, input, select, textarea, .page-title, .entry-title {
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
    background-color: #ffffff;
}
p {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}
/*--------------------------------
form styale change 20181213
---------------------------------*/
.search-form {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    border-radius: 40px;
    border: 1px solid rgba(255,255,255,0);
    background: #efefef;
}
.search-form .search-field {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: .2em 1.5em .2em .7em;
    min-width: 300px;
    width: 100%;
    -webkit-appearance: none;
}
.search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    padding: .4em .75em 0 .2em;
    border: 0;
    cursor: pointer;
}
input[type="search"] {
    padding: .3em .6em;
    max-width: 100%;
    border: 1px solid rgba(0,0,0,0);
    /* color: rgba(0,0,0,0.75); */
    background: none;
}
button.search-submit {
    background-color: #efefef;
}
.search-form .search-submit .genericon-search {
    display: inline-block;
    padding: .05em 0 .55em .45em;
    content: '\f400';
		color: #3bc;
    vertical-align: middle;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    font-family: 'Genericons';
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.search-form .search-submit .genericon-search:hover {
	color: #303030;
}
/*--------------------------------
head / branding layout
---------------------------------*/
#headimg.header-image {
    margin: 0;
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#headimg.header-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 236px;
    width: 1290px;
    margin-top: -118px;
    margin-left: -630px;
 }
.header-main {
	padding:1.6em 0;
}

.main-navigation-menu li:last-child {
	margin-right: 0;
}
.main-navigation-menu ul {
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
/*--------------------------------
top page
---------------------------------*/
.entry-meta {
    margin: 0.2em 0 0;
	font-size: .7rem;
}
.meta-category a {
}
a.more-link {
    float: right;
    margin-top: -0.75rem;
}
/*--------------------------------
SNS
---------------------------------*/
#content #primary #main .sns{
    width:100%;
    margin:0 auto;
    padding:0 0 20px;
}
#content #primary #main .snstext{
    font-size:13px;
    vertical-align:middle;
    padding-left:10px;
}
#content #primary #main .snscount{
    font-size:13px;
    vertical-align:middle;
    padding:0 10px;
}
#content #primary #main .sns ul {
    list-style:none;
    padding:0px;
    margin:0px 0px 20px;
}
#content #primary #main .sns li {
    float:left;
    list-style:none;
    width:33.333%;
}
#content #primary #main .sns li a {
    font-size:15px;
    position:relative;
    display:block;
    padding:5px 10px 5px 15px;
    color:#fff;
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
    height:36px;
    margin:5px;
    cursor:pointer;
    vertical-align: middle;
    line-height:25px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* ツイッター */
#content #primary #main .sns .twitter a {
    background:#55acee;
}
#content #primary #main .sns .twitter a:hover {
    background:#4892cb;
}
#content #primary #main .sns .fa-twitter {
    border-right:1px solid #9ACFF4;
    padding-right:15px;
}
/* Facebook */
#content #primary #main .sns .facebook a {
    background:#3b5998;
}
#content #primary #main .sns .facebook a:hover {
    background:#324c81;
}
#content #primary #main .sns .fa-facebook {
    border-right:1px solid #607BB2;
    padding-right:15px;
}
/* グーグル */
#content #primary #main .sns .googleplus a {
    background:#dc4e41;
}
#content #primary #main .sns .googleplus a:hover {
    background:#bb4237;
}
#content #primary #main .sns .fa-google-plus {
    border-right:1px solid #E0776D;
    padding-right:13px;
}
/* はてぶ */
#content #primary #main .sns .hatebu a {
    background:#00a5de;
}
#content #primary #main .sns .hatebu a:hover {
    background:#008cbd;
}
#content #primary #main .sns .fa-hatena {
    border-right:1px solid #48B6DB;
    padding-right:15px;
}
/* LINE */
#content #primary #main .sns .line a {
    background:#25af00;
}
#content #primary #main .sns .line a:hover {
    background:#219900;
}
#content #primary #main .sns .fa-comment {
    border-right:1px solid #29c200;
    padding-right:10px;
}
/* Pocket */
#content #primary #main .sns .pocket a {
    background:#f03e51;
}
#content #primary #main .sns .fa-get-pocket {
    border-right:1px solid #F27985;
    padding-right:15px;
}
#content #primary #main .sns .pocket a:hover {
    background:#c0392b;
}
#content #primary #main .snsBox {
    width: 100%;
}

/*--------------------------------
related post
---------------------------------*/
#primary div.related-posts {
    display: block;
    width: 100%
}
.recommend-post_anchor,
#primary div.related-posts dl.related-post_box {
    width: 48%;
    float: left;
    overflow: hidden;
    height: 11rem;
    padding-right: 2%;
    display: flex;
    flex-direction: row;
}
#recommend .recommend-thumb,
#primary div.related-posts dl.related-post_box dt.related-post_thumb {
    margin-right: 0.5rem;
}
#recommend h4.recommend-header,
#primary div.related-posts dl.related-post_box dd.related-post_text {
    flex-grow: 3;
    font-size: 0.9rem;
    padding-right: 2rem;
    flex-shrink: 1;
}
#recommend h4.recommend-header,
#primary div.related-posts dl.related-post_box dd.related-post_text h4.related-post_header,
#primary div.related-posts dl.related-post_box dd.related-post_text p.related-post_excerpt {
    margin: 0;
    word-break: break-all;
    white-space: normal;
}
#primary div.related-posts dl.related-post_box dd.related-post_text a.related-post_morelink {
    text-align: center;
    float: right;
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.3em 0.8em;
    background: #33bbcc;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-size: 0.9375rem;
}
#recommend h4.recommend-header,
#primary div.related-posts dl.related-post_box dd.related-post_text h4.related-post_header {
    font-weight: bold;
    font-size: 1.1rem;
    margin-top: -4px;
}
#recommend a:hover h4.recommend-header,
#primary div.related-posts dl.related-post_box dd.related-post_text h4.related-post_header a:hover {
    text-decoration: underline;
}
#recommend {
    margin-top: 1.5rem;
    border-top: 1px solid rgba(0,0,0,0.15);
    padding-top: 1.5rem;
}
#recommend ul.recommend-post_box {
    list-style: none;
}

#recommend a.recommend-post_anchor {
    width: 100%;
}
#recommend a.recommend-post_anchor .recommend-header {
	margin-left: 1rem;
}

/*--------------------------------
featured ピックアップ
---------------------------------*/
#featured ul.featured-post_box {
    list-style: none;
}
#featured li.featured-post {
    margin-bottom: 0.8rem;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: row;
	border-bottom: 1px solid #dddddd;
}
#featured a.featured-post_anchor.thumb_anchor {
    display: -ms-flexbox;
    flex: 1;
    height: auto;
}
#featured a.featured-post_anchor.text_anchor {
    display: -ms-flexbox;
    flex: 3;
    flex-shrink: 1;
}
#featured img.featured-thumb {
    height: auto;
    max-width: 100%;
}
a.recommend-post_anchor:hover img,
a.related-box_anchor:hover img,
a.wp-post-image-link:hover img,
#featured a.featured-post_anchor:hover img,
#featured a.featured-post_anchor:active img {
    opacity: 0.7;
    border: 1px solid #eee;
}
#featured h4.featured-header {
    word-break: break-all;
    white-space: normal;
    margin: 0 0 1rem 0.5rem;
}
/*--------------------------------
footer
---------------------------------*/
#footer-text.site-info {
    display: flex;
    flex-direction: row;
    width: 100%;
}
#footer-links {
    list-style: none;
    display: flex;
    flex-direction: row;
    width: 100%
}
#footer-links .footer-link_box {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    border-right: 1px solid #eee;
}
#footer-links .footer-link_box:first-child {
    padding-left: 0;
}
#footer-links .footer-link_box:last-child {
    border: none;
}
#footer-links .footer-link_box .footer-link_text {
    margin: 0.4rem 0 0.3rem;
}
#footer-text p.site-copyright {
    min-width: 32rem;
    text-align: right;
}
/*---------- ----------------------
side bar widget
---------------------------------*/
#secondary aside.widget.widget_recent_entries ul li {
    margin-bottom: 0.75rem;
}
#secondary aside.widget select[name='archive-dropdown'] {
    width: 80%;
}
/*---------- ----------------------
previous/next
---------------------------------*/
.nav-links {
    display: flex;
}
.nav-previous,
.nav-next {
    width: 50%
}
/*--------------------------------------------------------------
## Desktop Small ( < 960px )
--------------------------------------------------------------*/
@media only screen and (max-width: 60em) {
    #footer-text {
        font-size: 80%;
    }
    #footer-text p.site-copyright {
        min-width: 25rem;
    }
}
/*--------------------------------------------------------------
## Tablet Small ( < 720px )
--------------------------------------------------------------*/
@media only screen and (max-width: 50em) {
    #headimg.header-image {
        height: 90px;
    }
    #headimg.header-image img {
        height: 118px;
        width: 645px;
        margin-top: -58px;
        margin-left: -331px;
     }
    .recommend-post_anchor, #primary div.related-posts dl.related-post_box {
        width: 99%;
        margin-right: 1%;
    }
    #footer-text.site-info {
        flex-direction: column;
    }
    #footer-text p.site-copyright {
        min-width: 0;
        width: 100%;
        text-align: center;
    }
}
/*--------------------------------------------------------------
## Mobile Medium ( < 480px )
--------------------------------------------------------------*/
@media only screen and (max-width: 30em) {
    #footer-links {
        flex-direction: column;
    }
    #footer-text {
        font-size: 76%;
    }
    #footer-links .footer-link_box {
        padding: 0;
        border: none;
    }
    #footer-links .footer-link_box .footer-link_text {
        margin: 0.8rem 0 0.6rem;
    }
	.entry-content img {
		float : none ;
		display: block;
    	clear: both;
    	margin-right: auto;
    	margin-left: auto;
	}
}
/*--------------------------------------------------------------
## entry text decorations
--------------------------------------------------------------*/
.entry-content .text_box_red{
	border: #dc5755 1px solid;
	background: #fff8f8;
	padding: .4rem .8rem;
}
.entry-content .text_box_yellow{
	border: #f1ae5f 1px solid;
	background: #fffbf8;
	padding: .4rem .8rem;
}
.entry-content .text_box_black{
	border: #909090 1px solid;
	background: #ffffff;
	padding: .4rem .8rem;
}
.entry-content .text_box_black_d{
	border: #909090 1px dashed;
	background: #ffffff;
	padding: .4rem .8rem;
}
.entry-content .text_uline_yellow {
	background: linear-gradient(transparent 60%, #ffff66 50%);
}
.entry-content .text_uline_pink {
	background: linear-gradient(transparent 60%, #ff99ff 50%);
}
.entry-content .text_uline_red {
	background: linear-gradient(transparent 60%, #f09199 50%);
}
.entry-content h2 {
	padding: 0.4em;/*文字周りの余白*/
	color: #010101;/*文字色*/
	background: #dff1f0;/*背景色*/
	border-top: solid 3px #45bdb7;/*上線*/
	margin-top:2.8em;
}
.entry-content img {
	margin-bottom:0.6em;
}
.entry-content .dashed{
	border-top: 1px dashed #bbb;
	background-color: #fff;
}
.site-title {
	font-size:2.3rem;
}
/*--------------------------------------------------------------
## table of content plus design
--------------------------------------------------------------*/
#toc_container {
    border-radius: 5px; /*　外枠の丸み　*/
	padding: 1em 1.5em 1.5em 1.75em;	/*　内側の余白　*/
	min-width: 320px;	/* 横幅の最低値 */
}
#toc_container .toc_list li a:link,
#toc_container .toc_list li a:visited {
    color: #372988;		/* 見出しの色 h2 */
}
#toc_container .toc_list li ul li a:link,
#toc_container .toc_list li ul li a:visited {
    color: #8985BE;		/* 見出しの色 h3 */
}
#toc_container ul.toc_list a:hover,
#toc_container ul.toc_list a:active {
    color: red!important;        /* 見出しのマウスオーバー時の色 */
    text-decoration: underline;	 /* 見出しのマウスオーバー アンダーライン表示 */
}

blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
	border: 0;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    vertical-align: middle;
    content: "“";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 39px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.7em;
}

.widget-title {
	padding: 0 4px;
	border-bottom: 1px solid #888888;
}

.site-description {
	margin-top: 2px;
}
.site-footer .site-info {
	padding:0;
}
#footer-text p.site-copyright {
	padding:0;
	margin:.5rem 0 .8rem;
	font-size:.8em;
}
#footer-links {
	font-size:.9em;
}
#recommend h4.recommend-header, #primary div.related-posts dl.related-post_box dd.related-post_text {
	padding-right:0;
}