/*
Template:easel
Theme Name:canvas on EASEL
Version: 1.1.0
*/

/* ここから下に書いたCSSが、親テーマCSSに上書きされます。 */
@import url('https://fonts.googleapis.com/css2?family=Arima:wght@500&family=Kaisei+Opti:wght@500&family=Noto+Serif+JP:wght@500&display=swap');

@media only screen and (min-width: 1030px)
{
	.wrap{
		width: 1100px;
	}
}

@media screen and (min-width: 768px)
{
	section.entry-content.cf > p, form {
		text-align: left;
		margin: 0.5rem auto 1rem auto;
		width: 80%;
	}
	hr{
		width: 80%;
	}
	h2{
		width: 80%;
		margin: 0.5rem auto 1rem auto;
	}
	h3{
		width: 80%;
		margin: 0.5rem auto 1rem auto;
	}
	section.entry-content.cf h6 {
		width: 80%;
		margin: 0.5rem auto 1rem auto;
	}
	section.entry-content.cf div.adjuster {
		width: 80%;
		margin: 0.5rem auto 1rem auto;
	}

}
body {
	background-color: #ffffff;
	color: #004278;
	font-family:  "メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
	letter-spacing: -0.04em;
}

.header, header nav, header nav ul.nav {
	background-color: #e9e9e9;
	color: #09B2BF;
	font-family: 'Kaisei Opti', sans-serif;
}

ul.nav li ul.sub-menu, ul.nav li ul.children {
	background-color: #e9e9e9;
}

.header .nav li a{
	color: #09B2BF;
}
.header .nav li a:hover {
	color: #34D6D4;
}

.selector {
  font-feature-settings: "palt";
}

#logo a{
	color: #09B2BF;
}
#logo a:hover {
    color: #34D6D4;
}

article h2 {
	border-bottom: 3px dashed;
	border-left: 3px dashed;
}

/*------------------------------
 * コンタクトフォーム
 *-----------------------------*/
/*input(名前、メールアドレス)*/
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	padding:5px;
	border:1px solid gray;
	font-size:15px;
	background:white;
}

/*本文*/
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	padding:5px;
	border:1px solid gray;
	font-size:15px;
	background:white;
	width: 80%;
}

/*フィールドにフォーカスしたときに背景色を変更*/
.contact-form input:focus,.contact-form textarea:focus {
      background:#fff;
}

/*送信ボタン*/
/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 200; /* 好みで60〜80%でもOK */
	height: 40px;
	border:1px solid gray;
	border-color: #ffbf7f; /* 枠線の色 */
	background: #ffbf7f; /* ボタンの色 */
	color: #fff;
	font-size: 15px;
	border-radius: 2px;
}

/*次記事と前記事を非表示*/
div.pagination.single {
display: none;
}

/*hr線のデザイン変更*/
hr {
	border-top: 3px dotted #8c8b8b;
	border-bottom: 2px dotted #fff;
}

/*web拍手デザイン*/
.maroyaka-webclap .btn-xs,
.maroyaka-webclap .btn-group-xs > .btn{
padding: 3px 16px;
color: #bbbbbb;
font-size: 14px;
border-radius: 0;
border-color: #e9e4e2;
box-shadow: none;
text-shadow: none;
background-image: none;
background-color: #e9e4e2;
}

.grecaptcha-badge { visibility: hidden; }

img.bbb{border:1px solid #67c1ec; }

a.my-share-twitter-button {
    display: inline-block;
    color: #1DA1F2;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid;
    padding: 5px 7px;
    line-height: 1em;
    border-radius: 2px;
}

/*WP Ulikeデザイン*/
.wpulike {
    display: block;
    position: relative;
    line-height: normal;
    margin: 0;
    padding: 10px 0;
	text-align: right;
}

article.works .wpulike{
	display: none;
}