#logo, #logo img, .desktop-nav li a, #drawer__open {
    height: 70px;/*スマホ用サイズ*/
    line-height: 70px;/*スマホ用サイズ*/
}

/*アフィリエイトボタン用CSS*/
#inner-content .btn2{padding:0;margin:.5em .5em .5em 0}#inner-content .btn2 a{display:block;padding:.4em .8em}#inner-content .btn2 a:hover{display:block;text-decoration:none}.btn2.btntext a {color: inherit;}#inner-content .btn2.raised a{color:#fff}.btn2.flat1 a{color:#00bcd4}.btn2.flat1 a:hover{color:#fff}.btn2.flat2 a{color:#67c5ff}.btn2.flat2 a:hover{color:#fff}.btn2.flat3 a,.btn2.flat4 a,.btn2.flat5 a{color:#67c5ff}.btn2.flat4 a:hover{color:#679efd}.btn2.flat5 a:hover{color:#fff}.btn2.flat6 a{color:#668ad8}.btn2.flat6 a:hover{color:#fff}.btn2.flat7 a{color:#67c5ff}.btn2.flat8 a{color:#00bcd4}.btn2.flat9 a{color:#fff}.btn2.flat10 a{color:#ffa000}.btn2.flat10 a:hover{color:#fff}.btn2.flat11 a{color:#668ad8}.btn2.cubic1 a,.btn2.grad1 a,.btn2.grad2 a,.btn2.grad3 a,.btn2.grad4 a{color:#fff}#inner-content .btn2.emboss a{color:rgba(0,0,0,.4)}.btn2.text3d.blue-bc a{color:#4f9df4}.btn2.text3d.red-bc a{color:#f88080}.btn2.text3d.green-bc a{color:#90d581}.btn2.cubic2 a,.btn2.cubic3 a{color:#fff}.btn2 img{visibility:hidden;display:block;width:0;height:0;}/*END アフィリエイトボタン用CSS*/
 
@media only screen and (min-width: 768px) {
    #logo, #logo img, .desktop-nav li a {
       height: 100px;/*PC（768px〜）サイズ*/
       line-height: 100px;/*PC（768px〜）サイズ*/
    }
}

.entry-content h2 {
   position: relative;
   padding: 0.5em;
   background: #5ec99e;
   color: white;
}

.entry-content h2::before{
   position: absolute;
   content: '';
   top: 100%;
   left: 0;
   border: none;
   border-bottom: solid 15px transparent;
   border-right: solid 20px rgb(149, 158, 155);
}

.entry-content h3 {
  border-bottom: solid 5px #5ec99e;
  position: relative;
  border-left: none;
}

.entry-content h3::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #ffc778;
  bottom: -5px;
  left: -3px;
  width: 30%;
}

.entry-content h4 {
 position: relative;
  padding-left: 35px;
}

.entry-content h4:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";
  background: #ff938b;
  color: white;
  font-weight: 900;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.entry-content h4:after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ff938b;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*吹き出しの色*/
/*--------------------------------------
  ふきだしの色を変える（←左）
--------------------------------------*/
.sc {
 border: none;/*ふきだしの線の色*/
 background: #FFFACD;/*ふきだしの中の色*/
}
.sc:before {
 border: 12px solid transparent;
 border-right: none;/*ふきだしの線の色*/
 content: "";
}
.sc:after {
 display: inline-block;
 position: absolute;
 border: 12px solid transparent;
border-right: 12px solid #FFFACD;/*ふきだしの中の色*/
content: "";
}
.right .sc {
 background: #EEEEEE ;/*ふきだしの中の色*/
}
.right .sc:before,
.right .sc:after {
 right: -23px;
 left: auto;
 border: 12px solid transparent;
 border-left: 12px solid #EEEEEE;/*ふきだしの線の色*/
}
.right .sc:after {
 right: -20px;
 border-left-color: #EEEEEE ;/*ふきだしの中の色*/
}

/*カバーの比率を固定*/
.image-size-fix {
  padding:0 0 calc(780/1360*100%) !important;
  min-height: 0 !important;
}
.image-size-fix .wp-block-cover__inner-container{
  position: absolute;
  padding: 0;
  bottom: 3%;
}

/*ウィジットメニューの文字を左寄せ*/
.sidebar .widget-menu__title {
  text-align: left;
	background-color:#FFCC66;
	line-height:80%;
}

/************************************
** 横長テーブル
************************************/
.p-sticky-table{
  white-space: nowrap;
  line-height:1.6;
}
.p-sticky-table table{
  border:none;
  border: 1px solid #dedede;
  border-bottom: none;
  border-collapse: collapse;
  word-break: break-all;
  table-layout: fixed;
  display:block;
  overflow:scroll;
  max-height: 80vh;
}
.p-sticky-table thead th:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}
.p-sticky-table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  text-align:center;
}
.p-sticky-table tbody th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  border:none;
  white-space: normal;
  min-width: 130px;
}
.p-sticky-table th, .p-sticky-table td {
  min-width: 50px;
  text-align: left;
  font-size: 16px !important;
  position: relative;
  padding: 13px !important;
  color: #333;
  border: none !important;
  z-index: 0;
  vertical-align:middle !important;
  background:#fff;
}
.p-sticky-table th{
  background:#f0f9ff !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  color: #555 !important;
}
.p-sticky-table tr{
  border-bottom:none !important;
}
.p-sticky-table img{
  margin: 10px auto;
  display: block;
  padding: 0;
  max-width: 80% !important;
}
.p-sticky-table table th::before, .p-sticky-table table td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  z-index: -1;
}
/* スマホ */
@media screen and (max-width: 560px) {
  .p-sticky-table table {
    max-height: 60vh;
    }
  .p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
        min-width: 25vw;
    }
   .p-sticky-table th, .p-sticky-table td {
        font-size: 12px !important;
        padding: 7px !important;
    }
}
/* 中央寄せ */
.pst-center td {
  text-align: center;
}
/* イエローストライプ */
.pst-yellow thead th, .pst-yellow tbody th {
  background: #fff0bc !important;
}
.pst-yellow tr:nth-child(odd) td {
  background: #fff;
}
.pst-yellow tr:nth-child(even) td {
  background: #fffbed;
}
.pst-yellow table th::before {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.entry-content .box5 {
    border-color: #ffc0cb;
}
/* YES・NO チャート */
.yn-chart{
	margin:0 auto 2rem;
	padding: 2em;
	max-width: 600px;
	background:#fff8e3;
	box-shadow: 0 3px 5px rgba(0,0,0,.07);
	font-size:0.9rem;
}
.yn-chart__add{
	background: #fdc44f;
	color:#fff;
	padding: 0.2em 0.9em !important;
	margin:0 !important;
	text-align:center;
	display:inline-block;
	line-height: 1.5 !important;
}
.yn-chart__title{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	width: 100%;
	padding: 0.5em 0 0.3em!important;
	margin: 0 auto !important;
	font-size:1.35em !important;
	font-weight: 600 !important;
	color:#fdc44f;
	letter-spacing: 1px !important;
	line-height:1.5 !important;
}
.yn-chart__title:before,.yn-chart__title:after {
	content: "";
	flex: 1;
	height: 1px;
	background: #fdc44f;
	display: block;
}
.yn-chart__title:before {
	margin-right: 0.7em;
}
.yn-chart__title:after {
	margin-left: 0.7em;
}
.yn-chart__ex{
	text-align:center;
	margin: 0 !important;
	padding: 0 !important;
}
.yn-chart > div{
	display:none;
	padding-top: 100px;
	margin-top: -100px;
}
.yn-chart > div.yn-chart__display{
	display:block;
}
.yn-chart > div > figure{
	margin:1em 0 2em;
}
.yn-chart > div > figure img{
	display:block;
}
.yn-chart > div > p{
	margin:2em 0 0 !important;
	padding: 0.8em 1em 0.8em 4.3em !important;
	background:#fff;
	position:relative;
}
.yn-chart > div > p:before{
	content: "Q";
	background: #fdc44f;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 600;
	font-size: 1.1em;
	min-width: 48px;
}
.yn-chart > div ul{
	margin:2em 0 0 !important;
	padding:0 !important;
	list-style:none !important;
	border:none;
}
.yn-chart > div ul li {
	margin: 0 0 1em 1em!important;
	padding: 0 !important;
}
.yn-chart > div ul li:last-child{
	margin:0 0 0 1em !important;
}
.yn-chart > div ul li a{
	background: #fff;
	display: block;
	padding: 0.8em !important;
	text-decoration: none;
	color: #333;
	box-shadow: 0 3px 5px rgba(0,0,0,.07);
}
.yn-chart > div ul li a:hover{
	box-shadow: inset 2px 2px 0 0 #ee8f81, 2px 2px 0 0 #ee8f81, 2px 0 0 0 #ee8f81, 0 2px 0 0 #ee8f81;
	transition: 0.1s ease-in-out;
	opacity:1;
}
.yn-chart > div ul li:before{
	content:unset !important;
}
.yn-chart__result{
	background:#fff;
	padding:1em;
}
.yn-chart__result-title{
	color: #fdc44f;
	font-size: 1.1em !important;
	font-weight:600 !important;
	padding: 0 !important;
	margin: 0 0 1em !important;
	border-bottom: 1px dashed #fdc44f;
}
@media screen and (max-width: 560px) {
	.yn-chart{
		padding:1.8em 1.3em;
	}
	.yn-chart > div > figure {
		margin: 0.5em 0;
	}
	.yn-chart > div > p {
		margin: 1em 0 0 !important;
		padding: 0.8em 1em 0.8em 3.3em !important;
	}
	.yn-chart > div ul {
		margin: 1em 0 0 !important;
	}
	.yn-chart__title{
		font-size:1em !important;
	}
	.yn-chart__title:before {
		margin-right:0.3em;
	}
	.yn-chart__title:after {
		margin-left:0.3em;
	}
	.yn-chart__ex,.yn-chart__add{
		font-size:0.9em !important;
	}
	.yn-chart > div > p:before{
		min-width: 30px;
	}
}
/* Twitterシェアボタンなど */
.p-tw-btn,.p-check-btn{
	text-align:center;
	margin:1.5em 5em !important;
	padding:0 !important;
}
.p-tw-btn a,.p-check-btn a{
	display:block;
	box-shadow: 0 3px 5px rgba(0,0,0,.15);
	color:#fff !important;
	font-weight:600 !important;
	text-decoration:none !important;
	padding:0.5em 0;
	border-radius:30px;
}
.p-tw-btn a{
	background:	#00acee;
}
.p-check-btn a{
	background:#fbc55e;
}
.p-tw-btn a:hover,.p-check-btn a:hover{
	transform: translateY(3px);
	box-shadow: 0 2px 2px rgba(0,0,0,.22);
}
.yn-chart > div > p.p-check-btn{
	background: none !important;
	padding: 0 5em !important;
}
.yn-chart > div > p.p-check-btn:before{
	content:unset !important;
}
@media screen and (max-width: 800px) {
	.p-tw-btn,.p-check-btn{
		margin:1.5em 3em !important;
	}
}
@media screen and (max-width: 560px) {
	.p-tw-btn,.p-check-btn{
		margin:1.5em 1em !important;
	}
	.yn-chart > div > p.p-check-btn{
		padding: 0 3em !important;
	}
}
/*
	Jetpack から移行された CSS
*/

