/*
Template:ystandard
Theme Name:ystandard-child
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「自分色に染めた、自分だけのサイトを作る楽しさ」を感じてもらうために作った一風変わったWordPressテーマ「ystandard」の子テーマ
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .25em;
    padding: 0;
    letter-spacing: .05em;
    line-height: 1.4;
}

section{margin:120px auto;}

.flexb{display:flex; width:100%;margin:0 auto;}
.flexb img{width:100%;height: 100%;}
.flexbtxt h3{text-align:center;}
.flexbtxt{width:50%;padding:40px;width: 50%;
    padding: 0 120px;
    align-self: center;}
.flexbimg{width:50%;height:auto;}
.flexb table,.flexb table tr,.flexb table th,.flexb table td{border:none;background:none;}
.flexb table{max-width:400px;margin:0 auto;}
.flexb2{display:flex;margin:0 auto;text-align:center;justify-content:space-between;}
.flexb2 img{border-radius: 50%;
    width:  300px;
    height: 300px;	object-fit:cover;

}

.flexb2 .inner{width:33.3333%;margin:0 2%;}
.white{background:#000000;color: #ffffff;}
.grey{background:#000000;color: #ffffff;}
.grey2{background:#000000;padding: 40px 0 80px;color: #ffffff;}
.container2{position: relative;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0rem;
    padding-left: 0rem;}
.contentsin{max-width:calc(1200px + 2rem);margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;color: #ffffff;}

.contentsin h2{text-align:center;margin-bottom:16px;    font-size: 2em;}
.contentsin .archive__excerpt {
  text-align:center;
}
.flexbtxt h2{text-align:center;font-size: 2em;}
.contentsin_in{width:100%;max-width:640px;margin:0 auto;}

.parab{
	background: url(http://temp4.mathgraphics.net/wp-content/uploads/2020/07/3558768_m.jpg) no-repeat 100% 100% fixed;
	filter: grayscale(100%);
	background-size: cover;
	-webkit-background-size: cover;
	color: #fff;
}

.parab div{margin:0 auto;text-align:center;}

.flexb2,flexb{display:flex;}


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#3f98ef;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#3f98ef;
}


.gmb {
  position: relative;
  width: 50%;
}
.gm {
  height: 0;
  padding-top: 56.25%;
}
.gm-Iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



#pagetop {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 50%;
}
#pagetop a {
    position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
  text-align: center;
}

#pagetop a:before{
 font-family: "Font Awesome 5 Free";
    content: '\f106';
    font-weight: 900;
    font-size: 30px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -15px;
    bottom: 10px;
    right: 0;
    left: 0;
    margin: auto;
}

.archive__main {
    margin-right: auto;
    margin-bottom: 2em;
    margin-left: auto;
    max-width: calc(1200px + 2rem);
    padding-right: 1rem;
    padding-left: 1rem;
}

.breadcrumbs{
max-width: calc(1200px + 2rem);
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;}


@media (min-width:600px){}
@media (min-width:769px){}
@media (min-width:1025px){}
@media (max-width:599px){
	
	.flexb,.flexb2 {
flex-direction: column;
}
	.flexb3{flex-direction: column-reverse;}
	
	.flexb{height: auto;}
	.flexb img,.flexbtxt{width:100%;}


.flexb2 .inner{width:100%;margin: 0 auto;}
	
.gmb {
    width: 100%;
}	
	.flexbimg {
    width: 100%;
    height: auto;
}
	
	section {
    margin: 0px auto 60px;
}
	.grey2 {
    background: #efefef;
    padding: 20px 0px;
}
	
	.flexbtxt {
    padding: 0px 24px 2em;
}
	
	
}
@media (max-width:768px){}