@charset "UTF-8";

/*
Theme Name: hpsite2023
Author: Take-c Inc.
*/

strong{font-weight:bold}

/*****************************************************

blog

*****************************************************/

.wp-block-image{
margin:0 auto;
width:100%;
padding:0;
	}

.wp-block-image img{
	width:100%;
	display:block;
	margin:5% auto 1%;
	padding:0
	}

.wp-block-image figcaption{
	text-align: center;
	font-size:14px;
	}

/* --- wp-box --- */

#wp-box {
 margin:10% auto 0;
	width:100%;
	max-width:1400px;
	text-align:center;
	position:relative;
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-flow:row nowrap;
}


/* --- contents --- */

#contents {
	margin:0 auto 0;
	width:80%;
	padding-bottom:1%;
}
.pagenav{
	font-size:16px;
	text-align: center;
}

.entry {
   margin:5% auto;
    width:100%;

}


/***********single.php****************/
.single-article{
	margin:3% auto 10%;
	width:100%;
	max-width:1100px;
	padding:2% 5%
}

.single-title{
	margin:0% auto;
	font-size:26px;
	letter-spacing:0.05em;
	line-height:1.6;
	text-align:left;
	border-bottom:1px solid #de1d1e;
	padding:2%;
}

.goback{
	margin:0% 0 1% ;
	font-size:14px;
	letter-spacing:0.05em;
	line-height:1.4;
	text-align:left;
	padding:2%;
}
/**************************************/



/* ************************************************************
h2〜h6
************************************************************ */


/*h2*/
.article-text h2{
	margin:8% auto 3%;
	font-size:22px;
	color:#fff;
	letter-spacing:0.05em;
	line-height:1.5;
	font-weight:500;
	text-align:left;
	background-color:#101010;
	padding:13px 20px;
}

/*h3*/
.article-text h3{
	margin:6% auto 0;
	font-size:20px;
	border-bottom:1px solid #c61531;
	letter-spacing:0.05em;
	line-height:1.5;
	font-weight:600;
	text-align:left;
	padding:5px 5px 8px;
}
/* *********************************************************** */

.time-category{
	margin:0 auto;
	font-size:14px;
	letter-spacing:0.05em;
	line-height:1.4;
	font-weight:400;
	text-align:right;
	padding:1% 2%;
}

.contents{
	margin:1% auto 5%;
	font-size:16px;
	letter-spacing:0.06em;
	line-height:1.7;
	text-align:left;
	padding:0 2% 3% 2%;
}

.contents p{
	margin:2% auto 0;
	padding:0 2%
}


.contents p a{
border-bottom:1px solid #000;
padding-bottom:1px;
}


/* --- side --- */

#side {
margin:3% auto;
width: 20%;
}

#side li {
margin:1% auto;
padding:1%;
font-size:14px;
letter-spacing:0.05em;
line-height:1.4;
font-weight:400;
text-align:left;
}

.widget {
margin:5% auto;
padding-bottom:5%;
width:100%;
}

.widgettitle {
margin-bottom: 10px;
background-color:#101010;
font-size:14px;
letter-spacing:0.1em;
line-height:1.4;
text-align:center;
border-radius:0px;
color:#fff;
padding:8px;
}

#side li:nth-of-type(2) .widgettitle{
margin:50px auto 20px;
}
#side li .children{padding:0 0 0 10px}

#side ul li ul li a{padding:2% 0;}

/* *********** MaxWidth1200(pc)*********** */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */

#side li {font-size:13px;}

 /* ---------------------------------- */
}


/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

/* --- wp-box --- */

#wp-box {
 margin: 15% auto 30%;
	width:95%;
display:block
}

.article-text h2{font-size:16px;}

/* --- contents --- */
#contents {
margin:3% auto 8%;
width:100%;
}


/* --- side --- */

#side {
margin:8% auto;
width:100%;
}

#side li {
width:100%;
padding-left:0;
font-size:14px;
text-align:center;
}

#side li span{
display:block
}

widget{
width:95%
}

.widgettitle {
font-size:14px;
text-align:center;
padding:2%;
}
 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

.wp-block-image figcaption{
font-size:12px;
}
/* --- wp-box --- */


/* --- entry --- */

/*h3*/
.article-text h3{
	font-size:16px;
}
.entry {
   margin:8% auto;
}

.entry_main {
	font-size:14px;
}

.single-title{
	font-size:26px;
}
article h1{
	font-size:26px;
}

.time-category{
	font-size:14px;
}

.contents{
	font-size:14px;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

/* --- wp-box --- */

#wp-box {
   margin: 15% auto;
   width:93%;
}

/* --- entry --- */

.article-text h2{
padding:2% 3%;
font-size:14px;
}

/*h3*/
.article-text h3{
	font-size:15px;
}

.entry {
   margin:8% auto;
}

.entry_main {
font-size:14px;
}

.single-title{
	font-size:18px;
}
.article-text h1{
	font-size:18px;
}

.time-category{
padding:2%;
font-size:12px;
}

.contents{
	font-size:13px;
}

.contents p{
	line-height:1.6;
	padding:4% 2%
}

/***********single.php****************/
.single-article{
	margin:1% auto 15%;
}
.goback{
	font-size:12px;
}

/* --- side --- */

#side {
margin:8% auto;
width:100%;
float:none;
}

#side li {
width:100%;
font-size:13px;
text-align:left;
padding-left:0;
padding:1% 2%;
}
	
widget{
width:100%
}

 /* *************** */
}

/***********記事一覧****************/
#all-list{
	margin:2% auto 0;
	width:100%;
	padding-bottom:1%;
	position:relative;
}

#all-list article {
  margin:1% auto;
  width:33%;
	padding:2%;
	display:inline-block;
		vertical-align:top
}

.case-list .eyecatch{
	margin:0 auto;
	width:100%;
	padding:1%;
}

.case-list h1{
	margin:2% auto 0;
	font-size:16px;
	color:#000;
	letter-spacing:0.05em;
	line-height:1.6;
	text-align:left;
	padding:0 1%;
}

/* ***********MaxWidth1024(tablet)*********** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */

#all-list article {
	width:33%;
}


 /* ---------------------------------- */
}

/* ***********MaxWidth768(tablet)*********** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */


#all-list article {
  width:49%;
	padding:2%;
}
.case-list h1{
	font-size:14px;
	margin:4% auto 0;
}

 /* ---------------------------------- */
}

/* ***********MaxWidth600(mobile)*********** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */



 /* ---------------------------------- */
}

/* ***********MaxWidth480(mobile)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */

#all-list article {
  margin:3% auto;
  width:93%;
	padding:3% 2%;
	display:block;
}

.case-list h1{
	font-size:14px;
	margin:2% auto 0;
}

 /* ---------------------------------- */
}
/* ***********MaxWidth380(mobile)*********** */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */


 /* ---------------------------------- */
}


/**************************************/


/*****************************************************
YARPP カスタマイズ
*****************************************************/

.contents .yarpp-related h3 /* 一応リセット */
	{
	margin:0;
	padding:0;
	font-size:1rem;
	text-align: center;
	font-weight: normal;
	background: none;
	}
	
.contents .yarpp-related h3 /* タイトル部分の調整 */
	{
	margin:8% auto 0;
	padding:0.2% 1% 1%;
	border-bottom: solid 1px #252525;
	font-size:32px;
	text-align: justify;
	text-justify: inter-character;
font-family: bilo,sans-serif;

	}
	
.contents .yarpp-related h3 span /* タイトル部分の調整 */
	{
	vertical-align:text-top;
	font-size: -webkit-calc(1em - 6px); /* Chrome 19以降、Safari 6 */
    font-size:    -moz-calc(1em - 6px); /* Firefox 4以降 */
    font-size:         calc(1em - 6px);
	}
	
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail, .yarpp-thumbnail-default,.contents .yarpp-thumbnail-title /* リセット */
	{
	display: block;
	}
	
.contents .yarpp-thumbnails-horizontal /* フレックスで横並びに */
	{
	margin:4% auto 0;
	padding:0 0 2%;
	display: flex;
	flex-flow: row wrap;
	justify-content:flex-start;
	align-items: stretch;
	}
		
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail  /* 横に３つ並べる＋箱の調整 */
	{
	margin:0 2.6% 5% 0;
	width: 31.6%;
	height: auto;
	transition: all .4s;
	border:none;
	}
	
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail:hover
	{
	filter: opacity(85%);
	transition: all .4s;
	}
	
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-child(3n)  /* ３個目のマージンをリセット */
	{
	margin-right: 0;
	}
	
.contents .yarpp-thumbnail > img, .yarpp-thumbnail-default   /* 画像サイズをリセット */
	{
	margin:0 auto 0;
	width: 100%;
	height: auto;
	}
	
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail-title  /* タイトル文字の装飾 */
	{
	margin:0 auto 0;
	padding:10px 4px;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	max-height: inherit;
	text-align: justify;
	text-justify: inter-character;
	}
	
	
.contents .yarpp-related .related-post /* フレックスで横並びに */
	{
	margin:4% auto 0;
	padding:0 0 2%;
	display: flex;
	flex-flow: row wrap;
	justify-content:flex-start;
	align-items: stretch;
	}
		
.contents .yarpp-related .related-post .related-entry  /* 横に３つ並べる＋箱の調整 */
	{
	margin:0 2.6% 5% 0;
	width: 31.6%;
	height: auto;
	transition: all .4s;
	border:none;
	}
	
.contents .yarpp-related .related-post .related-entry:hover
	{
	filter: opacity(85%);
	transition: all .4s;
	}
	
.contents .yarpp-related .related-post .related-entry:nth-child(3n)  /* ３個目のマージンをリセット */
	{
	margin-right: 0;
	}
	
.contents .yarpp-thumbnail > img, .yarpp-thumbnail-default   /* 画像サイズをリセット */
	{
	margin:0 auto 0;
	width: 100%;
	height: auto;
	}
	
.contents .yarpp-related .related-post .related-entry a img  /* タイトル文字の装飾 */
	{
	margin:0 auto 10px;
	width: 100%;
	}
	
.contents .yarpp-related .related-post .related-entry a[title]  /* タイトル文字の装飾 */
	{
	margin:0 auto 0;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	line-height: 140%;
	max-height: inherit;
	text-align: justify;
	text-justify: inter-character;
	}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1680px) {
 /* ************** */
	
.contents .yarpp-related h3 /* タイトル部分の調整 */
	{
	margin:8% auto 0;
	padding:0.2% 1% 1%;
	font-size:30px;
	}
	
.contents .yarpp-thumbnails-horizontal /* フレックスで横並びに */
	{
	margin:4% auto 0;
	padding:0 0 2%;
	display: flex;
	}
		
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail  /* 横に３つ並べる＋箱の調整 */
	{
	margin:0 2.6% 5% 0;
	width: 31.6%;
	}
	
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-child(3n)  /* ３個目のマージンをリセット */
	{
	margin-right: 0;
	}
	
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail-title  /* タイトル文字の装飾 */
	{
	margin:0 auto 0;
	padding:10px 4px;
	font-size: 15px;
	}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1280px) {
 /* ************** */
	
.contents .yarpp-related h3 /* タイトル部分の調整 */
	{
	margin:14% auto 0;
	padding:0.2% 1% 1%;
	font-size:28px;
	}
	
.contents .yarpp-thumbnails-horizontal /* フレックスで横並びに */
	{
	margin:4% auto 0;
	padding:0 0 3%;
	display: flex;
	justify-content: space-between;
	}
		
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail  /* 横に３つ並べる＋箱の調整 */
	{
	margin:0 0 4%;
	width: 48.2%;
	}

.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-child(3n)  /* ３個目のマージンをリセット */
	{
	margin-right: 0;
	}
	
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail-title  /* タイトル文字の装飾 */
	{
	margin:0 auto 0;
	padding:12px 4px;
	font-size: 17px;
	}
	
.contents .yarpp-related .related-post /* フレックスで横並びに */
	{
	margin:4% auto 0;
	padding:0 0 3%;
	display: flex;
	justify-content: space-between;
	}
		
.contents .yarpp-related .related-post .related-entry  /* 横に３つ並べる＋箱の調整 */
	{
	margin:0 0 4%;
	width: 48.2%;
	}
	
.contents .yarpp-related .related-post .related-entry:nth-child(3n)  /* ３個目のマージンをリセット */
	{
	margin-right: 0;
	}
	
.contents .yarpp-related .related-post .related-entry a img  /* タイトル文字の装飾 */
	{
	margin:0 auto 16px;
	}
	
.contents .yarpp-related .related-post .related-entry a[title]  /* タイトル文字の装飾 */
	{
	font-size: 14px;
	}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */	
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail-title  /* タイトル文字の装飾 */
	{
	font-size: 15px;
	}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */	
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail-title  /* タイトル文字の装飾 */
	{
	font-size: 15px;
	}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
	
.contents .yarpp-related h3 /* タイトル部分の調整 */
	{
	margin:18% auto 0;
	padding:0.2% 2% 1%;
	font-size:20px;
	}
	
.contents .yarpp-thumbnails-horizontal /* フレックス解除 */
	{
	margin:10% auto 0;
	padding:0 0 3%;
	display: block;
	}
		
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail  /* 解除後 */
	{
	margin:0 auto 5%;
	width: 100%;
	}
	
.contents .yarpp-thumbnails-horizontal .yarpp-thumbnail-title  /* タイトル文字の装飾 */
	{
	margin:0 auto 0;
	padding:6px 4px;
	font-size: 13px;
	}
	
.contents .yarpp-related .related-post /* フレックス解除 */
	{
	margin:10% auto 0;
	padding:0 0 8%;
	display: block;
	}
		
.contents .yarpp-related .related-post .related-entry  /* 解除後 */
	{
	margin:0 auto 10%;
	width: 100%;
	}
	
.contents .yarpp-related .related-post .related-entry a img  /* タイトル文字の装飾 */
	{
	margin:0 auto 12px;
	}
	
.contents .yarpp-related .related-post .related-entry a[title]  /* タイトル文字の装飾 */
	{
	font-size: 13px;
	}
 /* *************** */
}


/*****************************************************
pagenation
*****************************************************/
/*
.pagenation{
	margin:5% auto 0;
	width:100%;
}

.pagenation ul{
	margin:0 auto 0;
	width:100%;
	display:flex;
	justify-content: space-around;
	max-width:400px;
}

.pagenation ul li{
	margin:0 auto;
	text-align: center;
	font-size:16px;
}
.pagenation ul li span,
.pagenation ul li a{
	color:#de1d1e;
	border:1px solid #de1d1e;
	padding:10px 15px;
	border-radius: 10px;
}

.pagenation ul li span{
	color:#000;
	border:1px solid #f9b9b9;
}

.pagenation ul li span::before{
	content:' ';
	width:35px;
	height:35px;
	background:#f9b9b9;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	border-radius: 10px;
}
*/

.pagination {
	margin:0 auto 60px; 
	padding:0;
	text-align:center; 
	line-height:1;
}

.pagination:after {
	content:""; 
	display:block; 
	height:0; 
	visibility:hidden;
}

.pagination ul {
	text-align:center; 
	font-size:16px; 
}

.pagination ul li {
	display:inline-block;
	margin:0 2px 4px;}

.pagination span,
.pagination ul li a {
	padding:12px 12px 12px; 
	background-color:#fff; 
	color:#de1d1e; 
	border:1px solid #de1d1e;
	border-radius:2px;
	display:block;
}

.pagination ul li a:hover {
	color:#ddd; 
	border:1px solid #de1d1e;
}

.pagination span.current {
	border:1px solid #f9b9b9;;
	background-color:#f9b9b9;
	color:#fff;
}

.pagination span.dots {
	background:none; 
	border:0;
	color:#ddd
}


/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */

	.pagination ul {		font-size:13px; }

	.pagination ul li {		margin:0 2px 2px;
}
	
	.pagination span,
	.pagination ul li a {
		padding:10px 10px 10px; 
	}


 /* ---------------------------------- */
}  


/*****************************************************
引用
*****************************************************/

blockquote{
	margin:3% auto 0;
    position:relative;
    border-left:3px solid #ee7537;
    padding:20px 0 20px 15px;
	width:95%
}
blockquote:before{
    position:absolute;
    content:'”';
    font-size: 100px;
    color:#ee7537;
	top:-50px
}

blockquote p{
    position:relative;
	line-height:1.5;
	font-size:0.9rem;
}

blockquote cite{
    display: block;
    font-size:0.8rem;
    color:#ee7537;
    text-align:left;
	padding:20px 0 2% 20px;
	line-height:1.4

}

blockquote cite a{
    color:#ee7537;

}


/*****************************************************

目次プラグイン カスタマイズ
Easy Table Of Contents

*****************************************************/

div#ez-toc-container{
margin:5% auto 0;
padding:0 5% 5%
}

.ez-toc-title-container{
padding:4% 0 0;
}

div#ez-toc-container ul li{
font-size:16px;
line-height:1.5;
letter-spacing:0.03em;
}

div#ez-toc-container ul.ez-toc-list a {
font-size:16px;
line-height:1.8;
}

div#ez-toc-container .ez-toc-heading-level-2{
padding:5px 0;
}

.ez-toc-counter nav ul li a::before {
margin-right: 0.5em !important;
color:#de1d1e !important;
}

/* ******************************************* */
@media screen and (max-width: 1700px) {
/* ---------------------------------- */

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1500px) {
/* ---------------------------------- */

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
/* ---------------------------------- */

/* ---------------------------------- */
}
/* ******************************************* */
@media screen and (max-width: 1024px) {
/* ---------------------------------- */

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
/* ---------------------------------- */

div#ez-toc-container{
margin:5% auto 0;
padding:0 7% 5%
}

.ez-toc-title-container{
padding:4% 0 0;
}

div#ez-toc-container ul li{
font-size:13px;
}

div#ez-toc-container ul.ez-toc-list a {
font-size:13px;
}

div#ez-toc-container .ez-toc-heading-level-2{
padding:3px 0;
}


/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
/* ---------------------------------- */

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
/* ---------------------------------- */

/* ---------------------------------- */
}
/* ******************************************* */
@media screen and (max-width: 380px) {
/* ---------------------------------- */

/* ---------------------------------- */
}


/*****************************************************

contact form2024

*****************************************************/
.mw_wp_form mw_wp_form_input {
	margin :0 auto;
	width: 70%;
}