@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* フォームパーツのデザイン */
	
  body {
  padding-top:25px;
  } 

img {
    border-radius: 5px;
}



a {
  text-decoration: none;
	color:#c72a2a;
}

h1.entry-title {
  padding: 0 20px;
  font-size: 1.5em;
	color: #aa4444;
}


h2 {
  text-align:center;
  padding: 0;
  font-size: 1.4em;
}

h3.widget-sidebar-title  {
color:#35704d;
}







p {
	padding:0px 15px 0px 15px;
	margin:0px;
}

.comment-area
{
 background-color: rgb(999 999 999/ 0.3);
  text-align:left;
	margin:0px;
  padding: 20px 40px;
  font-size: 12px;
	color:#565656;
	 border-radius: 10px;
  border: 0px;
}





@media screen and (max-width: 834px) {
  .navi-in > .menu-header {
    display: none;
  }
  main.main,
  div.sidebar {
    padding: 0px 0px;
    margin: 0px 0;
    border-width: 0;
  }
}

.children
{
text-align:left;
margin:0px 0px 0 30px;
  padding: 0px 0px;
	color:#222222;
border-radius: 0px;
}

.st-comment-content
{
text-align:left;
margin:0px 15px;
  padding: 0px 0px;
	color:#565656;
border-radius: 0px;
}


.st-comment-meta {
  padding: 0 15px;
}

.copyright
{
	background-color: transparent;
	padding-top:100px;
		padding-bottom:50px;
	margin:0px;
}

.comment-author {
	font-style: normal;
}

.reply-link
{
margin:0px 
  padding: 0px;
  font-size: 0.9em;
	color:#999999;
	 border-radius: 10px;
}





.tag-link, .comment-reply-link {
  color: #aaaaaa;
  text-decoration: none;
  display: inline-block;
  margin: 0px 10px;
  padding: 0px 10px;
  font-size: 9px;
  border: 1px solid #bbbbbb;
  border-radius: var(--cocoon-badge-border-radius);
  word-break: break-all;
}

li.depth-1 {
  padding:15px 0 0 0 ;
  margin: 20px 0 0 0;
 border-top: 1px solid #dfcdcd;
border-bottom: 0px solid #dfcdcd;
height: 100%;
}

li.depth-2
{
  padding:0 ;
  margin:0;
 border-top: 1px dashed #dfcdcd;
border-bottom: 0px solid #dfcdcd;
height: 100%;
}

.logged-in-as
{
  text-align:center;
}

.commets-list .avatar {
float: right;
	 margin: 5px;
	width: 20px;
	border-radius: 50px;
}

.st-comment-body {
  padding:0px;
  margin: 0px;

}

.reply
{
margin:0px 40px;
  padding: 0px;
  font-size: 0.9em;
 color:#999999;
}

.st-comment-meta
{
color:#999;
 font-size: 0.8em;
}

h2.comment-title{
  text-align:left;
  padding: 0;
	margin:10px 0 10px 0;
  font-size: 1.4em;
}


ul{
	margin:10px; }

li{

  padding:5px 0px 0 0px;  	  
  border-top:0px dashed #dfcdcd;
  border-bottom:1px dashed #aa8989;
  height: 100px;
}


.bold-red{
	color:#4745d6; }


input#author{
  margin-bottom:5px;
}

textarea {
  height:100px;
  margin-bottom:0px;
}

input#author:first-of-type
{
  margin-top:35px;
}
input#author, textarea {
  font-size: 1em;
  margin:5px 0 0 0;
  padding: 5px 10px 10px;
  border: 1px solid #dddddd;
  background: #969696;
  color:#FAFAFA;
  width: 100%;
  max-width: 600px;
}
::-webkit-input-placeholder {
   color: #FAFAFA;
}
:-moz-placeholder {
   color: #FAFAFA;  
}
::-moz-placeholder {
   color: #FAFAFA; 
}
:-ms-input-placeholder {  
   color: #FAFAFA;  
}

input#submit {
  margin-top:15px;
  margin-bottom:25px;
  padding: 5px 45px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
 font-size:1em;
 background: #dd3434;
  border: 0px solid #ff9999;
  -webkit-transition: .5s;
  transition: .5s;
  display: inline-block;
  cursor: pointer;
  width:50%;
	   margin:auto;
  color:#fff;
}
label.error {

    font-size:1em;
    display:block;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#d89c9c;
    width: 80%;
    margin:auto;
    color: #FAFAFA;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
/* media queries */
@media (max-width: 700px) {
  label.error {
    width: 90%;
  }
  input, textarea {
    width: 100%;
  }
  button {
    width:90%;
  } 
}
.message {
    font-family:'Source Sans Pro',arial,sans-serif;
    font-size:1.1em;
    display:none;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#2ABCA7;
    width: 100%;
    margin:auto;
    color: #FAFAFA;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}

.form-submit
{
  text-align: center;
}

.comment-form-author
{
  text-align: center;
}

.comment-form-comment

{
  text-align: center;
}



#content
{
	padding:0px;
	margin:0px 0 20px 0;
}

.widget-above-page-content-title
{
	padding:0px 0px 0px 0px;
	margin:0px;
}

.sns-share-message
{
 color:#565656;
	font-size:9px;
}

.sns-share
{
	width: auto;
	padding:0px;
	margin:0px 0 0 0;
}

.sns-share-buttons
{
	 transform: scale(0.6);
	padding:0px;
	margin:0px 0 0 0;
}

.wp-block-columns{
	padding:0px 5px 0px 5px;
	margin:0px;
}



footer
{
	background-color: transparent;
	padding-top:0px;
	margin:0px;
}


h2.wp-block-heading{
	background-color: transparent;
	padding:0px;
	margin:0px;
}

.mobile-footer-menu-buttons 
{
	display:none;
}

.mobile-menu-buttons
{
	display:none;
}
@media all and (-ms-high-contrast: none) {
  .main-scroll {
    position: static;
    top: auto;
  }
  .logo {
    height: 100%;
  }
}
.publisher {
  display: none;
}

#wpadminbar {
  font-size: 13px;
}

.wp-caption {
  margin: 1em 0;
}

/************************************
** ヘッダー
************************************/
.header {
  height: 100%;
  flex-shrink: 0;
}

.header-in {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tagline {
  text-align: center;
	 font-family: "Kaisei Decol", serif;
  font-weight: 400;
  font-style: normal;
 color:#444;
  font-size: 14px;
  margin: 0em 1em;
}

.logo {
  text-align: center;
}

.logo-image span,
.logo-image a {
  display: inline-block;
  max-width: 100%;
}

.site-name-text-link {
  color: var(--cocoon-text-color);
  text-decoration: none;
  font-weight: normal;
  padding: 0 1em;
}
.site-name-text-link:hover {
  color: inherit;
}

.site-name-text {
  font-size: 28px;
}

.logo-text {
  padding: 0px 0 0px;
  font-size: 1em;
}

.logo-image {
  padding: 0px 0;
  font-size: inherit;
}


.pagination-next {
  margin-top: 0px;
}



/*-----------------------------
ギャラリー
------------------------------*/
.wp-block-gallery{ 
	
	margin-bottom: 20px !important;
    　　　　　　　overflow: hidden;
}
 



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
 body {
  padding:0px;
margin:0px;
  } 
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	 body {
  padding:0px;
margin:0px;
  } 
	.widget-above-page-content-title
{
	padding:0px 0px 0px 0px;
	margin:0px;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	 body {
  padding:0px;
margin:0px;
  } 
	.widget-above-page-content-title
{
	padding:0px 0px 0px 0px;
	margin:0px;
}

		
}