@charset "UTF-8";
/*
Theme Name: chijounosoratheme
Author: Sora Shido
Description: The Theme for chijounosora
Version: 1.0
*/

/*cssリセット*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,
summary,time,mark,audio,video {
font-size: 100%;
margin:0;
padding:0;
vertical-align:baseline;
border:0;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul{
list-style:none;
}
blockquote,
q{
quotes:none;
}
/*blockquote:before,
blockquote:after,
q:before,
q:after{
content:'';
content:none;
}*/
a{
font-size: 100%;
margin:0;
padding:0;
vertical-align:baseline;
background:transparent;
}
ins{
text-decoration:none;
color:#000;
background-color:#ff9;
}
mark{
font-weight:bold;
font-style:italic;
color:#000;
background-color:#ff9;
}
del{
text-decoration:line-through;
}
abbr[title],
dfn[title]{
cursor:help;
border-bottom:1px dotted;
}
table{
border-spacing:0;
border-collapse:collapse;
}
hr{
display:block;
height:1px;
margin:1em 0;
padding:0;
border:0;
border-top:1px solid #ccc;
}
/*サイト全体基準CSS*/

/*サイトフォント指定*/
body {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
/*行間指定*/
line-height:1.4;
margin:0;
padding:0;
/*デフォルトの文字色*/
color:#565d63;
}
/*見出し全体の文字太さ*/
h1,h2,h3,h4,h5,h6{
font-weight:normal;
}
/*画像をhamidasanakusuru*/
img{
max-width;100%;
height:auto;
}

/*確認用カラー*/
/*.contents,#sidebar{height:800px;}*/
/*header{background-color:#c2d3dd;}*/
/*.header-inner{background-color;#a5a79a; height:150px;}*/
/*.container{background-color:#eff3f6;}*/
.container{background-color:#f7f6f5}
.contents{background-color:#fff}
.sidebar{background-color:#f7f6f5}
footer{background-color:#fff}
.footer-inner{background-color:#eae8e1}
.atarashiiuta{background-color:#fff}
.atarashiikotoba{background-color:#fff}
.sora-image{background:radial-gradient(ellipse at center,rgba(255,255,255,0) 30%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,1) 100%)}
/*.footer-inner{background-color:#dfe0d8}*/
/*.atarashiiuta{background-color:#dfe0d8}*/
/*.atarashiikotoba{background-color:#ebeddf}/*
/*コンテンツサイズ指定*/
.header-inner,
.container,
.footer-inner{
box-sizing:border-box;
max-width:1200px;
margin-right:auto;
margin-left:auto;
padding:1.25rem;
}
/*パソコン用レイアウト調整*/
.container{
padding:1rem 1.25rem;
}
.container:after{
display:block;
clear:both;
content:' ';
}
.contents{
float:left;
width:72%;
margin-right:3%;
}
.sidebar{
float:left;
width:25%;
}
.atarashiiuta{
float:left;
width:60%;
margin-right:3%;
margin-top:10px;
}
.atarashiikotoba{
float:left;
width:37%;
margin-top:10px;
}
.frontpagewidjet{float:left;width:37%}
.frontpagewidjet{margin-top:40px}
/*トップページイメージ画像の下余白*/
/*.sora-image{padding-bottom:5px}/*
/*トップページのあたらしいうたとあたらしい言葉タイトルのした余白*/
.wp-block-columns{padding-bottom:5px}
/*タブレット用レイアウト調整*/
@media(max-width:800px){
.contents,
.sidebar{
float:none;
width:100%;
margin-right:0;
}
.contents{
margin-bottom:1.5rem;
}
.atarashiiuta,
.atarashiikotoba{
float:none;
width:100%;
margin-right:0;
}
.song-list{width:100%}
.frontpagewidjet{margin-top:10px}
/*あたらしいうたと言葉の文字サイズ*/
.wp-block-cover__inner-container pre{font-size:0.9rem}
.wp-block-verse pre{font-size:0.9rem}
.atarashiikotoba pre{font-size:0.9rem}
#feelingpost pre{font-size:0.9rem}
}
/*スマホ用レイアウト調整*/
@media(max-width:600px){
html {
font-size:15px;
}
.header-inner,
.container,
.footer-inner{
padding: .8rem;
}
.contents{
margin-bottom:1rem;
}
.frontpagewidjet{margin-top:0px}
/*あたらしいうたと言葉の文字サイズ*/	
.wp-block-cover__inner-container pre{font-size:0.7rem}
.wp-block-verse pre{font-size:0.85rem}
.atarashiikotoba pre{font-size:0.85rem}
#feelingpost pre{font-size:0.85rem}
.singlesong{font-size:0.85rem}
.feeling-list{font-size:0.85rem}
}
/*タイトルを文字列にする場合*/
.site-title a {
font-size: 1.2rem;
font-weight: bold;
line-height: 1;
display: inline-block;
text-decoration: none;
color: #9cb1c2;
}
.site-title a:hover {
opacity: .6;
}
/*ヘッダーメニューのCSS*/
.header-inner{
position: relative;
}
	
.navbutton {
  display: none;
}
 
.gnav{
position: absolute;
top: 50%;
right: 0;
margin-left: 0;
/*タイトル分の余白をあけておく*/
transform: translateY(-50%);
}
 
.header-nav {
font-size: 0;
}
/*インラインブロックは横並びの意味*/
.gnav ul li{
font-size: 0.8rem;
display: inline-block;
margin-right: 1.2rem;
}
 
.gnav li a{
font-weight: normal;
display: block;
text-decoration: none;
color:  #9cb1c2;
}
 
.gnav li a:hover {
opacity: .6;
}

@media(max-width: 800px) {
.site-title a{
font-size: 1.2rem;
  }
.site-title a img {
    height: 40px;
  }
 /*タブレット用CSS*/
  .navbutton {
	color:  #9cb1c2;
    font-size: 2rem;
    position: absolute;
    z-index: 999;
    top: 50%;
    right: 1.25rem;
    display: block;
    cursor: pointer;
    transform: translateY(-50%);
    border: 0;
    background-color: transparent;
  }
.navbutton:hover {
opacity: .6;
}
.navbutton:focus {
outline: 0;
  }
 
.gnav {
 z-index: 999;
top: 50px;
/*ヘッダーの高さと合わせる*/
right: auto;
left: 0;
display: none;
width: 50%;
margin-left:50%;
transform: none;
background-color: #afc9ca;
 }
 
.gnav ul li {
display: block;
 margin-right: 1rem;
}
 
.gnav ul li a {
position: relative;
 padding: .8rem 1.25rem;
 color: #fff;
background-color: #9cb1c2;	
 border-bottom: 1px solid #b2d6d4;
}
 
.gnav ul li a:after {
font-family: 'Font Awesome 5 Free';
 font-weight: 900;
 position: absolute;
 top: 50%;
 right: 1.25rem;
display: block;
 content: '\f105';
transform: translateY(-50%);
}
}
 /*スマホ用CSS*/
@media(max-width: 600px) {
.site-title a {
font-size: 1rem;
}
 
  .site-title a img {
    height: 32px;
  }
 
  .navbutton {
    right: .8rem;
  }
 
  .gnav {
    top: 62px;
  }
 
  .gnav li a {
    padding: .8rem;
  }
 
  .gnav li a:after {
    right: .8rem;
  }
}	
.copyright p {
 font-size: 0.5rem;
color:#9cb1c2;
text-align: right;
}	
/*サイドバーのカテゴリーリスト*/
.sidebar-category-list{
margin-bottom:4px}
.sidebar-category-list a{
font-weight: normal;
/*display: block;*/
text-decoration: none;
font-size:15px;
color:#9cb1c2;
margin:0;
margin-left:10px;
}
 
.sidebar-category-list a:hover {
opacity: .6;
}
/*記事*/
.wp-block-gallery {display:block;margin-top:10px;float:left;max-width:100%}
article{color:#a5a79a}
article h1{margin:5px;font-size:18px;font-weight: normal}
artcle p{font-size:14px}


/*トップページ*/
.main-image {
float:left;
}
/*.clearfix::after{*/
/*content:"";*/
/*display: block;*/
/*clear:both;*/
/*}*/
/*.clearfix{zoom:1;}*/
.atarashiiuta p{
margin-bottom:10px;
color: #505946;
}
.atarashiiuta a{
text-decoration: none;
color: #9cb1c2;
}
.atarashiikotoba p{
margin-bottom:5px;
color: #505946;
}
.atarashiikotoba a{
text-decoration: none;
color: #9cb1c2;
}
.atarashiikotoba pre{color: #898880}
/*トップイメージ*/
.sora-image{
position:relative;
}
.sora-image p{
position:absolute;
top:75%;
left:5%;
color:#fff;
font-size:2em;
}
.sora-image img{
width:100%;
}
/*問い合わせイメージ オブジェクトポジションの数値は横、たて*/
.sora-toiawaseimg{position:relative}
.sora-toiawaseimg p{position:absolute;top:75%;left:5%;color:#fff;font-size:1.5em}
.sora-toiawaseimg img{
width:100%;height:250px;object-fit:cover;object-position:0 40%;font-family:'object-fit:cover;object-position:0 20%;';
}
/*記事のバック画像の扱い。右のパディングがもともと１６px付いているのを消す*/
.wp-block-cover{display:block;width:auto;max-width:100%}
#song-list .wp-block-cover,#atarashiiuta .wp-block-cover,#singlesong .wp-block-cover{width:auto}
#song-list .wp-block-cover-image{width:auto}
/*あたらしいうたの題名の下のマージンを消す*/
#atarashiiuta .wp-block-columns{margin-bottom:0px}
/*あたらしい言葉の題名の下のマージンを少しつける*/
.atarashiikotoba h4{margin-bottom:4px}
 /*タブレット用CSS*/
@media(max-width: 800px) {
#song-list .wp-block-cover{padding:5px,0px,5px,5px}
}
 /*スマホ用CSS*/
@media(max-width: 600px) {
.sora-image p {
font-size:1.1em;
}	
#song-list .wp-block-cover{padding:2px 0px 2px 2px}
.sora-toiawaseimg p {font-size:1.1em}
}
.frontpagewidjet {list-style: none}
 /*.newpost-widget ul{background-color:#c2d3dd} */
.newpost-widget ul li{
margin-top:5;
padding:0;
list-style:none;
}
.newpost-widget  li{
list-style:none;
}

.newpost-widget ul li a{
padding:5,0,5,0;
margin-top:5;
margin-bottom:5;
font-weight: normal;
display: block;
text-decoration: none;
font-size:15px;
color:  #9cb1c2;
}
.newpost-widget ul li a:hover {
opacity: .6;
}
/*記事1の付加情報*/
.postinfo {font-size:12px}
/*前後の記事へリンク*/
.pagenav a {color:#9aadbe;font-size:14px;text-decoration:none;margin-top:10}
.pagenav .old a{float:left}
.pagenav .new a{float:right}
.pagenav {overflow:hidden;margin-top:10px;margin-bottom: 10px}
/*ページなびと記事の間に余白*/
.feelingpost {margin-top:above10px}
/*カテゴリー別トップの記事タイトル*/
.feeling-list {color:#898880}
.feeling-list p a,.song-list p a,.story-list p a {color:#9cb1c2;font-size:18px;text-decoration:none}
/*記事試し*/
.song-a{max-width:300;float :left}
.song-b{float :left}
.image-kimie{max-width:50%}
/*問い合わせの文字*/
.koteipage{position:relative;height:750px}

.koteipage pre{color: #9cb1c2;margin-top:10px;margin-bottom:20px}
.koteipage p{color: #9cb1c2;margin-bottom:10px}
.wpcf7{position:absolute;width:50%;left:50%;transform:translateX(-50%);
-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}
.wpcf7 input,
.wpcf7 textarea{width:100%;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}

.wpcf7 input[type="submit"]{color:#9cb1c2;width:150px;padding:10px;border:none;background-color:#c2d3dd;-webkit-appearance:none;cursor:pointer}
.wpcf7 input[type="submit"]:hover {
opacity: .6;
}
@media(max-width: 600px) {
.koteipage pre,	.koteipage p{font-size:0.8em}
.wpcf7{width:90%}
.sora-toiawaseimg img{height:150px}
}
.category-name ul{list-style: none;padding-bottom:10px;color:#898880}
.category-name ul a {text-decoration: none;color:#898880}
.category-name p {margin-left:10px}
/*個別ページ文字title下線*/
/*.feelingtitle h1{border-bottom:solid 1px #c2d3dd}:*/
.feelingtitle{color:#9cb1c2}
.feelingpost{color:#898880}