/*
 Theme Name:   Godios. Child Theme
 Theme URI:    https://godios.simmon.design/
 Description:  Godios Child Theme
 Author:       Simmon
 Author URI:   https://simmon.design/
 Template:     godios
 Version:      1.0.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Grid-Layout, Two-Columns, Left-Sidebar, Right-Sidebar, Accessibility-Ready, Custom-Background, Custom-Colors,Custom-Header, Custom-Menu, Editor-Style, Featured-Image-Header, Featured-Images, Sticky-Post, Theme-Options, Threaded-Comments, Blog
 Text Domain:  godios-child
*/@charset "UTF-8";

/* これより下に子テーマ用CSSをお書き下さい。 */

html{    font-size: 67.5%;}

body {
    background-color: #FFF;
    color: #333;
    font: 400 1.5rem "Noto Sans CJK JP","Noto Sans Japanese","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ",Meiryo,sans-serif;
    letter-spacing: 0;
}


.entry-content{text-align : justify}

body.home .entry-content>p ,
body.archive .entry-content>p{
    color: #333;
	margin-top : 0
}

#entry-content a, .comment-body>p>a {
    color: #2183ae;
    font-weight: 400;
    text-decoration: underline;
}

#entry-content ol, #entry-content ul {
    margin-bottom: 15px;
    padding: 25px 15px 0px 15px;
}

body #entry-content ul ul {
    margin: 0 0 0 1em;
    padding-top: 0;
}

.entry-inner {
	left: 0;
    width: 100%;
    padding: 0px 0px;
    box-sizing: border-box;
}


.entry-title{
    background-color: #2183ae;
    color: #fff !important;
    padding: 11px 10px;
    border-radius: 4px;
    margin-bottom: 5px;
    border-left: 6px solid #14558c;
   	font-weight : 600 ;
   	max-height: inherit;
	  -webkit-line-clamp: inherit;
	  text-align : justify ;
	  word-break : break-all
}

body.home .entry-title {
    font-size: 1.7rem;
    line-height: 1.4;

}

body.home .entry-title a {
    color: #fff;
}

body.archive h2.entry-title a {
    color: white !important;
}

 .entry-footer {
    margin-top: 0px;
   	margin-bottom : 5px ;
    text-align: right;
}



 .entry-footer span{
       color: #074e6d;
}

.gnav>li>a {
    padding: 30.5px 48px 30.5px 0;
}

 .detail-btn {
    margin: 10px 0px 0px auto;
    text-align: center;
    text-decoration: none;
    font-size: 100%;
    padding: 4px 10px;
    border: 1px solid gray;
border: 1px solid #86c5db;
background-color: #d1f3ff;
    display: inline-block;
    margin-left: auto;
    margin-right: 0;
    float: right;
color: #0b6c8e;
    margin-top: 10px;
    width: auto;
}

.detail-btn:hover{
	background-color:#82dbfb;
}


 .detail-btn a{color: #0b6c8e !important ;}

blockquote {
    padding: 15px;
}

/* Sidebar */

#side {
    margin-top: 25px;
}

.widget-wrap h3 {
    margin: 5px 0 20px; 
    text-transform: none;
    background-color: #348eae;
    color: #fff;
    padding: 6px 45px 6px 10px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
    font-weight: 700;
    text-align: left;
    	font-size: 1.5rem;
}

.widget-wrap ul , 
.widget-wrap .textwidget{
    line-height: 1.8;
    margin: 0 0px 12px;
    word-break: break-word;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 16PX;
    border: 1px solid #d4d4d4;
    border-radius: 0 0 4px 4px;
    padding-bottom: 15px;

}

.widget-wrap ul>li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 1.4rem;
    line-height: 1.4;
    list-style-position: outside;
    list-style-type: none;
}

/* Header */

#gnav {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}

#topbar-search-btn {
    position: absolute;
    right: 51px;
    top: 28px;
    display: none;
}

#header {
    width: 100%;
    max-width: 1130px;
    margin: 20px auto 0 auto;
}


.entry-top>header {
    position: static;
  }

#wrapper{margin-top : 10px}

.social-share > li {
    background-color: rgb(52, 117, 160);
	height : 34px ;
	width : 34px ;
	padding-top : 5px

}

#entry-content ul>li:nth-of-type(even) li::before, #entry-content ul>li:nth-of-type(even)::before, #side li:nth-of-type(even) li::before, #side li:nth-of-type(even)::before , #entry-content ul>li:nth-of-type(odd) li::before, #entry-content ul>li:nth-of-type(odd)::before, #side li:nth-of-type(odd) li::before, #side li:nth-of-type(odd)::before{
    background-color: #525252 }


/* Subpage */

#entry {
    padding: 15px 3px 15px 3px;
}
	.archive ol#breadcrumb {
    display: none;
}
	.archive-head, .search-head {
    margin: 20px 0px 10px 0px;
    padding: 20px 20px 20px 20px;
    background-color: #005590;
    color: #fff;
    border: 1px solid #808080;
    box-sizing: border-box;

}

.entry-top-page.no-img {
    height: auto;
}

.archive-head h1, .search-head h1{
color : white ;font-weight : 600 ;
		}

#breadcrumb {
    max-width: 90%;
    padding: 0px 25px;
    display: block;
    width: 100%;
    color: #333;
    margin: 0;
    position: static;
    box-sizing: border-box;
    transform: none;
}

#breadcrumb>li:last-child, #breadcrumb>li>a {
    color: #6b6b6b;
    font-size: 1.4rem;
}

#breadcrumb li {
    display: inline;
    float: none;
    color: #333;
}

#breadcrumb > li:last-child {
    overflow: visible;
    text-overflow: initial;
    white-space: initial;
}

#breadcrumb > li:nth-of-type(n+2)::before {
    color: #999;
    background-color: #2183ae;

}

body.page ol#breadcrumb {
    display: none;
}

.entry-top > header > .entry-title {
  font-size: 2.7rem;
  height: auto;
  max-height: auto;
	 overflow: visible;
	-webkit-line-clamp: 5;
	max-height: initial;
	display : block
}


.entry-meta {
    color: #3e3e3e;
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 3px;
    text-align: right;
    padding-right: 21px;
}



.entry-top {
    height: auto;
    position: static;
}

.entry-top>header {
    padding: 0 0px;
	margin-top : 24px
}

#entry-content {
    margin: 10px 20px;
}

#entry-content h2 {
    font-size: 2.2rem;
    margin: 1.25em -0.5em 1.25em ;
    padding-left: 0.75em;
	color : #028aaf ;
}

#entry-content h2::before {
    background-color: #0084b2;
    border-radius: 3px;
    width: .35em;
}

.related-head h2 , aside .yarpp-related h3 {
    margin: 5px 0 0px; 
    text-transform: none;
    background-color: #348eae;
    color: #fff;
    padding: 6px 15px 6px 10px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
    font-weight: 600;
    text-align: left;
	font-size: 1.55rem;
	border : none ;
}

aside .yarpp-related h3:before {
	width: 0;
	
}

div#related-entry , aside .yarpp-related ol ,
div#related-entry , aside .yarpp-related ul{
    line-height: 1.8;
    margin: 0 0px 12px;
    word-break: break-word;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 16PX;
    border: 1px solid #d4d4d4;
    border-radius: 0 0 4px 4px;
    padding-bottom: 15px;

}

.related-head {
    padding: 30px 0 0 0px;
    width: 100%;
}

.related-entry {
    display: block;
}


ul.related-entry > li  , aside .yarpp-related ol li ,
ul.related-entry > li  , aside .yarpp-related ul li{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-top: 10px;
	   margin-left : 20px ;
   	 padding-left : 0 ;
    line-height: 1.4;
    list-style-position: outside;
    list-style-type: disc ;
	font-size : 1.55rem ;
  
}

aside .yarpp-related ol li a ,
aside .yarpp-related ul li a{
	text-decoration : none ;
	font-weight : normal ;
	    color: #2183ae;
}

ul.related-entry > li a h3 {
	font-size: 1.4rem;
color: rgba(52,117,160,1.00);
}

body.page p.entry-meta {
    display: none;
}

.prev {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 40px;
    box-sizing: border-box;
    text-align: left;
    padding-left: 40px;
    background: url(/blog/wp-content/uploads/2019/04/arrow_01.png) 0px 64% no-repeat;
    background-size: 30px 30px;
    font-size: 18px;
}

.next {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 40px;
    box-sizing: border-box;
    text-align: left;
    padding-right: 40px;
    background: url(/blog/wp-content/uploads/2019/04/arrow_02.png) right 64% no-repeat;
    background-size: 30px 30px;
    font-size: 18px;
}


.bdr {
	
	border: 1px #d3d3d3 solid !important;
}

#side .search-form {
    margin: 0;
    border: 1px solid silver;
    padding: 10px;
}

body #side .search-field {
    border: 1px solid silver;
}




/* For Mobile */

@media (max-width: 71em){

html {
    font-size: 80%;
}
	
body.home .entry-list{padding: 10px 2px 20px 2px;}

body.home .entry-content > p {
    font-size: 1.45rem;
}
	
body #entry-content p{  font-size: 1.45rem;}
	
	#entry-content li:not(.icon-round) {
    font-size: 1.45rem;
    line-height: 1.6;
}
	
.entry-list {
    height: auto;
    position: static;
	    border-bottom: 1px dashed #c0c0c0;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

.entry-inner {
    height: auto;
    max-height: initial;
    position: static;
    top: auto;
	   -webkit-transform: none;
    transform: none;
	    padding: 0px 0px;
}

.entry-title {
    max-height: none;
 }
	
	.entry-title a{color :white !important}
 
.entry-content {
    -webkit-line-clamp: inherit;
    display: block;
    height: auto;
    max-height: inherit;
}

#entry-content blockquote > p {
    font-size: 1.4rem;
}
	.entry-content>p {
    font-size: 1.2rem;
    margin-top: 6px;
}

.detail-btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-top: 10px;
    width: 80%
}
	
	#topbar-menu-btn {
    right: 25px;
}
	
#gnav {
   position: static;
background-color: #ffffffe6; 
}
	
.entry-top > header > .entry-title {
  font-size: 1.7rem;
}
	
#entry-content h2 {
    font-size: 1.87rem;
}
article .post #entry-content{
    margin: 10px 10px;
}
article .post #entry-content > p{
	font-size : 1.45rem ;
	text-align : justify ;
}
	
	.archive-head, .search-head {
    margin: 20px 0px 10px 0px;
    padding: 20px 20px 20px 20px;
    background-color: #005590;
    color: #fff;
    border: 1px solid #808080;
    box-sizing: border-box;

}

	.archive-head h1, .search-head h1{
color : white ;font-weight : 600 ;
		}
	
	.widget-wrap .textwidget p{
		    font-size: 1.4rem;
		
	}
	
	.social-share > li {


}
	
	.prev , .next{
    width: 100%;
    display: block;
    float: none;
    padding: 40px;
    box-sizing: border-box;
    text-align: left;
    padding: 20px;
    background: none;
    background-size: 30px 30px;
    font-size: 18px;
}
	
body .entry-meta {
    font-size: 1.2rem;
    padding-right: 2px;
}
	
	
	

}


@media (max-width: 25.875em){
.entry-top-page.entry-top.no-img {
    height: auto;
	}}


.entry-content>p {
    color: #383838;
}

/* Migration  */

/*------------------------------------------------------------
追加1: align・・・文字の横位置
-------------------------------------------------------------*/

body   .al-c{ text-align: center !important ; }/*中央寄せ*/
body  .al-r{ text-align: right !important  ; }/*右寄せ*/
body  .al-l{ text-align: left !important  ; }/*左寄せ*/



/*------------------------------------------------------------
追加2: padding・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/
body   .p20-t{ padding-top: 20px !important; }
body   .p20-b{ padding-bottom: 20px !important; }
body   .p30-t{ padding-top: 30px !important; }
body   .p30-b{ padding-bottom: 30px !important; }
body   .p40-t{ padding-top: 40px !important; }
body   .p40-b{ padding-bottom: 40px !important; }
body   .p60-t{ padding-top: 60px !important; }
body   .p60-b{ padding-bottom: 60px !important; }


/*------------------------------------------------------------
追加3: font-size・・・フォントサイズの設定
-------------------------------------------------------------*/


body   .b{ font-weight: bold!important; }
body  .small{ font-size: 80% !important; }


/*  Web story */

@media (max-width : 481px){
.sz-story-wrap-v{
	width: 90vw; 
    height: 150vw;
	
}
}

@media (min-width : 482px){
.sz-story-wrap-v{
	width: 100%;
	max-width : 360px ; 
	height: 600px;
	
}
}

@media (max-width : 481px){
.sz-story-wrap-h{
	width: 90vw; 
    height: 53vw;
	
}
}

@media (min-width : 482px){
.sz-story-wrap-h{
	width: 100%;
	max-width : 700px ;
	height: 420px;
	
}
}

/*------------------------------------------------------------
追加4: color・・・フォントカラーの設定
-------------------------------------------------------------*/

body   .red{ color: #ff0000!important; }/*赤*/
body   .blue{ color: #0000dd!important; }/*青*/
body   .green{ color: #008000!important; }/*緑*/



.widget-wrap .sb-fl img {
    display: inline-block;
    max-width: initial;
    width: auto;
}

.sb-fl {
    margin: -16px -11px -16px -22px;
    padding: 0;
    background-color: #124e6f;
}

#entry-content li p {
    display: inline;
}

.widget-wrap .sb-fl img:hover{
	opacity: 0.75;
}

.vhauto {
	height : auto !important ;
	display: block;
	margin-top : 10px ;
	margin-bottom : 10px ;
	
}

body #side .search-submit {
    padding: 6px 12px 6px 12px;
}

body #side .search-field {
    background-color: #fff;
    height: 35px;
    width: calc(100% - 65px);
}

.ft-dev{
	    font-size: 12px;
    color: #222;
	background-color: #fff;
}

body.search-results .entry-title a {
    color: white !important;
}

.archive-head, .search-head {
    margin: 20px 0px 10px 0px;
    padding: 0px 10px 0px 10px;
    background-color: #005590;
    color: #fff;
    border: 1px solid #808080;
    box-sizing: border-box;
    border-radius: 5px;
}

body.search-results ol#breadcrumb {
	margin : 10px 0px 0px 0px ;
	padding: 0px 5px 0px 5px;
}

body.search-results ol#breadcrumb li, body.search-results ol#breadcrumb li span {
    font-size: 14px;
    color: black;
    display: inline;
    padding: 0px 0px 0px 0px;
    /* margin-top: 0; */
}

html body.archive #breadcrumb>li:nth-of-type(n+2)::before, body.search #breadcrumb>li:nth-of-type(n+2)::before {
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='10' width='10' viewBox='0 0 20 20'%3E%3Ctitle%3EArrow Right%3C/title%3E%3Cpath d='M5 20c-0.128 0-0.256-0.049-0.354-0.146-0.195-0.195-0.195-0.512 0-0.707l8.646-8.646-8.646-8.646c-0.195-0.195-0.195-0.512 0-0.707s0.512-0.195 0.707 0l9 9c0.195 0.195 0.195 0.512 0 0.707l-9 9c-0.098 0.098-0.226 0.146-0.354 0.146z' fill='%23000'%3E%3C/path%3E%3C/svg%3E") no-repeat ;
}

html body #godios-wrapper article div#entry-content ul li ul li:before{
	background-color: #fff  ;
    border: 1px solid #808080;
}

/*hide the reCAPTCHA badge
https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed*/
.grecaptcha-badge { visibility: hidden; }