﻿
.bloghead__wrapper , .blockeditor__wrapper {
 text-align: initial;
 width: 86%;
 max-width: 1000px;
 margin-left: auto;
 margin-right: auto;

}
.blockeditor__wrapper {
margin-top: 2em;

}


.bloghead__wrapper .bloghead__date {
 margin-top: 1em;
}

.bloghead__wrapper .bloghead__backbutton {
 color: var(--color-mossgreen);
 font-weight: 500;
 text-decoration: none;
}

.bloghead__wrapper .bloghead__title {
 margin-top: 1.56em;
 font-weight: 700;
}

@media screen and (min-width: 769px){
 .bloghead__wrapper { padding-top: 180px; }
 .bloghead__wrapper .bloghead__backbutton , .bloghead__wrapper .bloghead__date { font-size:20px; line-height: 1; }
 .bloghead__wrapper .bloghead__backbutton , .bloghead__wrapper .bloghead__date { font-size:20px; line-height: 1; }
 .bloghead__wrapper .bloghead__title { font-size: 32px; line-height: 1.25; }

}
@media screen and (max-width: 768px){
 .bloghead__wrapper { padding-top: 90px; }
 .bloghead__wrapper .bloghead__backbutton , .bloghead__wrapper .bloghead__date { font-size:16px; line-height: 1; }
 .bloghead__wrapper .bloghead__title { font-size: 20px; line-height: 1.25; }
}

/*
見出し
======================================== */

.blockeditor__wrapper h2 {
  position: relative;
  /* text-align: left; */
  font-weight: 700;
  line-height: 1.8;
  margin-top: 2.5em;
  padding-bottom: .5em;
}
.blockeditor__wrapper h2:after {
 content:""; 
 position: absolute;
 left: 0;
 bottom:0;
 display: block;
 width: 3em;
 height: 3px;
 background-color: var(--color-mossgreen);
 }
@media screen and (min-width: 769px){
 .blockeditor__wrapper h2 { font-size:24px;  line-height: 1.8; }
}
@media screen and (max-width: 768px){
 .blockeditor__wrapper h2 { font-size:18px;  line-height: 1.75; }
}

.blockeditor__wrapper h3 {
  position: relative;
  /* text-align: left; */
  font-weight: 700;
  color: var(--color-green);
  margin-top: 2em;
 }
@media screen and (min-width: 769px){
 .blockeditor__wrapper h3 { font-size:20px;  line-height: 1.8; }
}
@media screen and (max-width: 768px){
 .blockeditor__wrapper h3 { font-size:16px;  line-height: 1.75; }
}

/*
段落
======================================== */
  * + p  {  margin-top: 1.5em;  }

.blockeditor__wrapper h2 + p {
  margin-top: 2em;
}

.blockeditor__wrapper h3 + p,
.blockeditor__wrapper h4 + p {
  margin-top: 1em;
}

.wp-block {
  margin-top: 4em;	
}	

 .wp-block.-bg , p.-bg  {
 padding: 1.5em;
 background-color:#F4F4F4; 
 }	
	

.blockeditor__wrapper p.notice {
 margin-top: 1em;
 font-size: .875em;
}
.blockeditor__wrapper p.notice + p.notice {
 margin-top: .5em;
}

.blockeditor__wrapper p a:link { text-decoration:underline; color: var(--color-green);}
.blockeditor__wrapper p a:visited { text-decoration:underline; color: var(--color-green);}
.blockeditor__wrapper p a:hover { text-decoration:underline; color: var(--color-green);}
.blockeditor__wrapper p a:active { text-decoration:underline; color: var(--color-green);}

/*
リスト
======================================== */
.blockeditor__wrapper ul {
  /* text-align: left; */
  line-height: 1.6;
  margin-top: 2em;
 }
.blockeditor__wrapper ul.notice {
  margin-top: 1em;
 }	
	
.blockeditor__wrapper ul > li {
  position: relative;
  margin-top: 1em;
  padding-left:1rem;
 }
.blockeditor__wrapper ul:not(.normal) > li:before { 
  position: absolute;
  top:0;
  left:0;
  font-size: .875em;
  content: "●";
	color: #444;
 }
	
.blockeditor__wrapper ul.normal > li { 
  padding-left: 0;
  margin-top: 1.25em;
 }	
	
.blockeditor__wrapper ul.notice > li:before { 
  content: "※"; 
 }

/*
テーブル
======================================== */


 .wp-block-table table {
  margin-top: 2.5em;
  border-collapse: collapse; 
 }

.wp-block-table td {
   padding:1em;
   line-height: 1.7;
   vertical-align: middle;
  }	 
 .wp-block-table td:first-child {
  color: #5E8333;
  background-color: rgba(153, 202, 94, 0.30);
  font-weight: 700;
  min-width: 10em;
  }
 .wp-block-table td:not(:first-child) {
  background-color: #FFF;
 }

@media screen and (min-width: 769px){
 
}
@media screen and (max-width: 768px){
	
 .wp-block-table:not(.scrolltable) td {
  display: block;
  width: 100%;
  border-top: none;
 }
 .wp-block-table:not(.scrolltable) tr:first-child td:first-child { border-top: solid 1px var(--color-black); }
 .wp-block-table.scrolltable { overflow-x: scroll; padding-bottom: 10px; }
 .wp-block-table.scrolltable table { width: auto; }
 .wp-block-table.scrolltable td:first-child { white-space: nowrap; }
 .wp-block-table.scrolltable td:not(:first-child) { min-width: 20em; }
}


/*
画像
======================================== */
.wp-block-image {
  display: table;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
 }

.wp-block-image:not(.normal) {
  display: table;
  margin-left: auto;
  margin-right: auto;
 }
.wp-block-image:not(.normal) img {
  overflow: hidden;
 }	


* + .wp-block-image { margin-top: 3em; }	
.wp-element-caption { font-size: .875em; }

/* @media screen and (min-width: 769px){
 .wp-block-image:not(.normal) img { border-radius : 20px; }

}
@media screen and (max-width: 768px){
 .wp-block-image:not(.normal) img { border-radius : 10px; }
} */

/*
動画
======================================== */	
 .wp-block-embed {
 margin: 3em auto 0;
 max-width: 80%
 }	
.wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
	
 .googlemap iframe {
  width: 100%;
  height: 450px;
 }
	

