@charset "UTF-8";
/* CSS Document */

#page{
	padding:25px 0;
	min-height: 500px;
	max-width: 1080px;
    margin: 0 auto;
    position: relative;
}
#page .inner-page{
	background: #FFF;
	padding:0;
	margin-top:5px;
	position: relative;
	min-height: 500px;
}
#page.notfound404 .inner-page{
	margin-top:30px;
}
#page.notfound404 .not-found-big{
	font-size: 2.5em;
	font-weight: 700;
}
.page-top-area{
	width: 90%;
	margin: 0 auto;
}

h3.cate-ttl{
	text-align: right;
	font-size: 1.2em;
	font-weight: 700;
}
h3.cate-ttl span{

}
#page h1.article_ttl{
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.2;
	padding:0.25em 0 0.5em 0;
}
@media screen and (max-width:599px){
	#page{
		padding: 5px 0;
	}
	#page h1.article_ttl{
		font-size: 1.3em;
	}
	.ttl-tag{
		padding: 0 5%;
	}
}
#page .bg_y{
	background: rgba(255,217,46,0.5);
    border-radius: 15px;
    padding: 3px 1em;
}
#page .bg_y02{
	background: rgba(255,217,46,0.2);
    padding: 3px 1em;
}
breadcrumbs .home{
	background: url("../img/i_home.png") no-repeat left top 3px/15px auto;
	padding-left: 20px;
}
#page .page-content p.share-sns{
	text-align: center;
	margin-bottom: 0.5em !important;
}
#page .page-content ul.sns{
	margin: 0 auto;
	padding-left: 0;
	display: flex;
	justify-content:space-between;
}
#page .page-content ul.sns li{
	background:#fff2e3;
	border-radius: 40px;
	width: 40px;
	height: 40px;
	position: relative;
	float: inherit;
}
#page .page-content ul.sns li img{
	width:65%;
	position: absolute;
	top: 50%;
  	left: 50%;
  	-webkit-transform : translate(-50%,-50%);
  	transform : translate(-50%,-50%);
}
#page .page-content ul.sns::after{
	content:inherit;
}
.page-content{
	border:1px solid #e30012;
	margin-top: 15px;
	padding:2.5% 5% 5% 5%;
	min-height: 300px;
}
@media screen and (max-width:599px){
	.page-content{
		border:none;
		margin-top: 15px;
		padding:0;
		min-height: 300px;
	}
	ul.move-post{
    	width: 90%;
	}
}
.page-contents{
	max-width: 780px;
	margin: 0 auto;
}
ul.move-post{
	display: flex;
	margin: 20px auto;
}
ul.move-post li{
	font-weight: 700;
	flex: 1;
}
ul.move-post li #text{
	display: none;
}
ul.move-post li{
	line-height: 15px;
	font-size: 15px;
	font-family: 'Libre Baskerville';
	color:#e30012;
}
ul.move-post li:nth-child(2){
	border-left:1px dotted #e30012;
}
ul.move-post li:nth-child(1)::before,
ul.move-post li:nth-child(2)::before{
	display: block;
	padding: 10px 0;
}
ul.move-post li:nth-child(1)::before{
	content:'REVIEW';
}
ul.move-post li:nth-child(2){
	text-align: right;
}
ul.move-post li:nth-child(2)::before{
	content:'NEXT';
}
h3.relate-ttl{
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	padding: 10px 0;
	color:#e30012;
}

ul.relate-cell{
	display: flex;
	margin-bottom: 15px;
}

ul.relate-cell li:nth-child(1){
	width: 30%;
}

ul.relate-cell li:nth-child(2){
	width: 65%;
	margin-left:5%
}
.relate-img img{
    overflow: hidden;
	border:1px solid #e30012;
	line-height:0.8;
	margin-bottom:10px;
}
.relate-cont time{
	display: block;
	text-align: right;
}
p.tag-list span{
	padding: 3px 5px;
    margin-right: 5px;
    font-size: 0.8em;
    white-space: nowrap;
    border: 1px solid #e30012;
    border-radius: 13px;
    line-height: 2.5em;
}
p.tag-list span a{
	color: #e30012;
}
ul.new-article li > ul.article-cell li.article-cont .tag-list,
ul.new-article li > ul.article-cell li.article-cont dl.writer-wrap{
	display: none;
}
ul.new-article li > ul.article-cell li.article-cont ul.category-name li.class_recommend{
	display: none;
}

@media screen and (max-width:599px){
	ul.article-cell{
		display: flex;
		margin-bottom: 15px;
	}
	ul.article li:nth-child(1){
		width: 30%;
	}
	ul.article li:nth-child(2){
		width: 65%;
		margin-left:5%;
	}
	ul.new-article li > ul.article-cell{
		display:inherit;
	}
	ul.new-article li > ul.article-cell li.article-cont,
	ul.new-article li > ul.article-cell li.list-img{
		width: 100%;
		margin-left:0
	}
	#ranking ul.ranking li{
		width: 40%;
	}
	#ranking ul.article-cell{
		display: inherit;
	}
	#ranking ul.article li:nth-child(1){
		width: 100%;
	}
	#ranking ul.article li:nth-child(2){
		width: 100%;
		margin-left:0;
	}
	ol.breadcrumbs,
	ul.bread{
		margin: 0 auto 10px auto;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media screen and (min-width:600px){
	ol.breadcrumbs,
	ul.bread{
		margin:10px auto;
	}
	body.post-template-default ol.breadcrumbs{
		margin:0 auto;
	}
	h3.cate-ttl{
		margin-top: 30px;
	}
}
@media screen and (min-width:600px) and  (max-width:1299px) {
	
	
}
@media screen and (min-width:1300px){
	#page .page-wrap{
		width: 90%;
		margin: 0 auto;
		max-width: 1080px;
	}
}
ul.relatedposts li{
	margin-bottom:20px;
}
@media screen and (max-width:899px){
	ul.relatedposts{
		width: 90%;
		margin:0 auto;
	}
}
@media screen and (min-width:900px){
	ul.relatedposts{
		display: flex;
		flex: 1;
		gap:0 2.5%;
		justify-content: center;
	}
	ul.relatedposts li{
		width: 30%;
	}
}
.small{
font-size:0.8em;
}
.big{
	font-size: 1.2em;
}

#page .page-content .mt15{margin-top: 15px}
#page .page-content .mt30{margin-top: 30px}
#page .page-content .mb15{margin-bottom: 15px}
#page .page-content .mb30{margin-bottom: 30px}
#page .page-content .pd20{padding:20px;}
#page .page-content{
	line-height: 1.8;
}
#page .page-content .wp-block-media-text__content p{
	margin: 0.5em 0;
}
#page .page-content .wp-block-media-text__content p.mt15{margin:15px 0 0 0;}
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
#page .page-content h2,
#page .page-content h3,
#page .page-content h4,
#page .page-content h5,
#page .page-content h6{
	font-weight: 700;
}
#page .page-content a.wp-block-button__link{
	background:#e30012;
	color: #FFF;
	line-height: 1.2;
    font-size: 1em;
}
#page .page-content p{
	margin: 1em 0;
	line-height: 1.8;
}
#page .page-content a{
	color:#FF9842;
}
#page .page-content strong{
	font-weight: 700;
}
#page .page-content h2{
	margin: 2em 0 1em 0;
	font-size: 1.35em;
	line-height: 1.3;
	padding: 0.5em 1em;
}
#page .page-content h2.mt0{
	margin: 0 0 1em 0;
}
@media screen and (max-width:599px){
	#page .page-content h2{
		margin: 1em 0 0.5em 0;
		font-size: 1.15em;
		line-height: 1.2;
		padding: 0.25em 0.5em;
	}
}
#page .page-content h3{
	margin: 1.5em 0 0.5em 0;
	font-size: 1.2em;
	line-height: 1.3;
	padding-bottom: 0.5em;
}
#page .page-content h3 a{
	color: #e30012;
}
#page .page-content h4{
	font-size: 1em;
	font-weight: 700;
}
#page .page-content h5{
	font-size: 0.8em;
	font-weight: 700;
	color: #e30012;
}
#page .page-content figcaption{
	font-size: 0.8em;
}
#page .page-content table.def th,
#page .page-content table.def td{
	border-color:#e30012;
}
#page .page-content table.def th{
	background:#fff2e3;
	color:#e30012;
}
#page .page-content table.tef td{
	color: #666;
}
#page .page-content ul{
	padding-left: 1em;
	margin: 1em 0;
}
#page .page-content ul li{
	text-indent: -1em;
	margin: 0.5em 0;
}
@media (max-width: 600px){
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__content{
		padding: 0;
	}
}
/*
#page .page-content .wp-block-media-text {
    margin: 20px 0;
}
#page .page-content .wp-block-media-text__media{
	text-align: center;
}
#page .page-content .wp-block-media-text__media img{
	max-width:150px;
}
/*吹き出し（会話形式）[say]*/
.chat_bg{
	background: #ECE9E9;
}
.say {
	display: table;
	width: 100%;
	margin: 1.5em auto;
	max-width: 620px;
}

.faceicon {
  display: table-cell;
  width: 100px;
  padding-right: 20px;
  text-align: center;
  vertical-align: top;
}

.faceicon img {
  width: 100%;
  height: auto;
  border: solid 3px #eaedf2;
  border-radius: 50%;
}
.faceicon span {
  font-size: 11px;
  font-weight: bold;
  margin-top: 8px;
  line-height: 1.4;
  display: block;
}
.chatting {
  display: table-cell;
  position: relative;
  width: calc(100% - 100px);
  font-size: 0.95em;
  vertical-align: top;
}

.sc {
  display: inline-block;
  text-align: left;
  padding: 13px;
  border: solid 2px #d5d5d5;
  border-radius: 12px;
  background: #fff;
  word-break: break-word;
}
.sc:before {
  display: inline-block;
  position: absolute;
  top: 18px;
  left: -23px;
  border: 12px solid transparent;
  border-right: 12px solid #d5d5d5;
  content: "";
}
.sc:after {
  display: inline-block;
  position: absolute;
  top: 18px;
  left: -20px;
  border: 12px solid transparent;
  border-right: 12px solid #fff;
  content: "";
}
.sc p {
  margin: 5px 0;
  padding: 0;
}

/*吹き出し（右）*/
.right .faceicon {
  padding: 0 0 0 20px;
}
.right .sc:before,
.right .sc:after {
  right: -23px;
  left: auto;
  border: 12px solid transparent;
  border-left: 12px solid #d5d5d5;
}
.right .sc:after {
  right: -20px;
  border-left-color: #fff;
}

#page .page-content figure.colum2 table td{
	border:none;
	padding: 0;
}
#page .page-content figure.colum2 table td img{
	width: 100% !important;
}
#page .page-content .border{
	border:1px solid #CCC;
	padding:5%;
}

.wp-block-media-text.alignwide.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 0;
}
.wp-block-image.size-medium{
	max-width: 375px;
	margin: 0 auto;
}
#page .page-content figure.tb_company table th,
#page .page-content figure.tb_company table td{
	padding: 0.5em;
}
#page .page-content figure.tb_company table tr{
	border-bottom: 1px solid #CCC;
}
#page .page-content figure.tb_company table th{
	white-space: nowrap;
}
#page .page-content ul.writer-time{
	padding-left:0;
    margin:0;
	border-bottom: 1px solid #CCC;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}
#page .page-content ul.writer-time li{
	text-indent:0;
	margin:0;
	flex: 1;
}
#page .page-content ul.writer-time li:nth-child(2){
	text-align: right;
}
@media screen and (min-width: 600px){
	#page .page-content ul.writer-time{
		display: flex;
		padding-left:0;
    	margin:0;
		width: 100%;
	}
}
dl.writer-page-top{
	display: flex;
	color: #e30012;
}
dl.writer-page-btm{
	display: flex;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 1em 0;
	margin-top: 20px;
}
#page .page-content dl.writer-page-top p,
#page .page-content dl.writer-page-btm p{
	margin:0 0 !important;
	line-height: 1.3;
	color:#e30012 !important;
}

#page .page-content dl.writer-page-top dd:nth-child(1){
	width: 20%;
	max-width: 70px;
}
#page .page-content dl.writer-page-top dd:nth-child(2){
	width: 78%;
	padding-left: 2%;
	padding-top:0.5vh;
}

@media screen and (min-width:600px){
	#page .page-content dl.writer-page-btm dd:nth-child(1){
		width: 10%;
		max-width: 70px;
	}
	#page .page-content dl.writer-page-btm dd:nth-child(2){
		width: 88%;
		padding-left: 2%;
	}
}
@media screen and (max-width:599px){
	#page .page-content dl.writer-page-btm dd:nth-child(1){
		width: 20%;
		max-width: 70px;
	}
	#page .page-content dl.writer-page-btm dd:nth-child(2){
		width: 78%;
		padding-left: 2%;
	}
}
.w-name span{
	font-family: 'Libre Baskerville', serif;
    font-size: 0.8em;
}
#page .page-content dl.writer-page-btm p.w-other-article{
	text-align: right;
	border-top:1px dotted #CCC;
	margin-top: 0.5em !important;
	background: url("../img/i_arrow.png") no-repeat top 12px right 3px/13px auto;
	padding-top: 0.5em;
	padding-right: 25px;
}
#page .page-content dl.writer-page-btm p.w-other-article a{
	color:#e30012;
}
dl.writer-page-top .thum-writer img,
dl.writer-page-btm .thum-writer img{
	width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
						}
#page .page-content ul.colum50per{
display:flex;
padding-left:0;
margin: 0 auto;
}
#page .page-content ul.colum50per li {
    text-indent:0;
	margin: 0;
	line-height: 0.8;
}
#page .ad-bnr{
	max-width: 780px;
	margin: 20px auto;
}
/*img space reset*/
#page .page-content .cava95 img{
	vertical-align: bottom;
}