@charset "UTF-8";

/* ===============================
  メインビジュアル
=============================== */

.page-read {
  position:relative;
  width:100%;
  height:336px;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
}
.page-archive .page-read {
	background-image:url(../img/mv-archive.jpg);
}
.page-case .page-read {
	background-image:url(../img/mv-case.jpg);
}
.page-single .page-read {
	background-image:url(../img/mv-single.jpg);
}
.page-kotei .page-read {
	background-image:url(../img/mv-single.jpg);
}
.page-about .page-read {
	background-image:url(../img/mv-about.jpg);
}
  .page-read * {
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    width:90%;
    font-size:180%;
    color:var(--color-white);
    text-align:center;
    font-weight:bold;
  }

@media screen and (max-width: 1023px) {
  .page-read {
    height:135px;
    background-position:center center;
  }
      .page-read * {
        font-size:120%;
        text-align:center;
      }
}

/* ===============================
  ２カラムレイアウト
=============================== */

.page-clm2 .inner > .flex {
  align-items: flex-start;
}

/* ===============================
  メインコンテンツ
=============================== */

.page-clm1 main {
  margin:0 auto;
  max-width:100%;
  width:1385px;
}

.page-clm2 main {
  max-width:100%;
  width:950px;
}

@media screen and (min-width:1024px) and (max-width:1385px) {
  .page-clm2 main {
    width:75%;
  }
}

@media screen and (max-width:1023px) {
  .page-clm2 main {
    margin:0 auto 40px;
    width:600px;
  }
}

main .cat-list .cmn-title {text-align:center;}


/* ===============================
  サイド
=============================== */

.page-clm2 aside {
  max-width:100%;
  width:314px;
}

@media screen and (min-width:1024px) and (max-width:1385px) {
  .page-clm2 aside {
    width:23%;
  }
}

@media screen and (max-width:1023px) {
  .page-clm2 aside {
    margin:0 auto 40px;
    width:600px;
  }
}

aside .ttl {
	margin-bottom:20px;
	padding-bottom:10px;
	font-weight:bold;
  text-align:center;
	border-bottom:3px solid var(--color-base);
}

aside .sec:not(:last-child) {
	margin-bottom:40px;
}

aside .entry-list-B a {
	font-size:90%;
}

aside .cat-list ul:not(:last-child) {
	margin-bottom:30px;
}
aside .cat-list .sTtl {
	margin-bottom:5px;
	font-size:90%;
	font-weight:bold;
}

aside .entry-list > ul > li {
	margin-bottom:20px;
}
aside .entry-list .txt {
	font-size:80%;
}
aside .entry-list .date {
	font-size:60%;
}
aside .entry-list .cat-list li * {
	font-size:60%;
}

@media screen and (max-width: 1023px) {
	aside .entry-list li div {
		width:67%;
	}
}

/* ===============================
  記事一覧
=============================== */

.tmpl-archive main .entry-list > ul > li {
	margin-bottom:40px;
}
.tmpl-archive main .entry-list li a {
	padding:40px;
	background: #fff;
	filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.16));
}
@media screen and (max-width: 1023px) {
	.tmpl-archive main .entry-list > ul > li {
		margin-bottom:20px;
	}
	.tmpl-archive main .entry-list li a {
		padding:4vw;
		filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.16));
	}
	.tmpl-archive main .entry-list li .txt {
		font-size:80%;
	}
	.tmpl-archive main .entry-list li .date {
		font-size:60%;
	}
	.tmpl-archive main .entry-list li .cat-list li * {
		font-size:60%;
	}
}

/* ===============================
  記事詳細
=============================== */

.entry-detail article {
	padding:50px;
	background: #fff;
	filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.16));
}
  .entry-detail .date {
    margin-bottom:40px;
    font-size:80%;
    text-align:right;
  }
  .entry-detail .date li {
    display:inline-block;
    margin-left:20px;
    color:#9898A1;
  }
  .entry-detail .ttl {
    margin-bottom:40px;
    font-size:200%;
    color:var(--color-base);
    font-weight:bold;
    text-align:left;
  }
  .entry-detail .img {
    margin-bottom:40px;
    text-align:center;
  }
    .entry-detail .img img {
      width:100%;
    }

@media screen and (max-width: 767px) {
  .entry-detail article {
		padding:5vw;
		filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.16));
  }
    .entry-detail .date {
      margin-bottom:20px;
      font-size:80%;
    }
    .entry-detail .date li {
      margin-left:3vw;
    }
    .entry-detail .ttl {
      margin-bottom:20px;
      font-size:120%;
    }
    .entry-detail .img {
      margin-bottom:20px;
    }
}


/* =============
  投稿要素
================ */

.entry-detail .txt h1,
.entry-detail .txt h2,
.entry-detail .txt h3,
.entry-detail .txt h4,
.entry-detail .txt h5,
.entry-detail .txt h6 {
  font-weight: bold;
}

.entry-detail .txt h1 { font-size: 2rem; }
.entry-detail .txt h2 { font-size: 1.6rem; margin: 70px 0 20px; background: #00b16b; color: #fff; padding:15px;}
.entry-detail .txt h3 { font-size: 1.3rem; border-left: solid 3px #00b16b; background: #f7f7f7; border-bottom: 1px solid #e5e5e5; padding: 10px; margin: 40px 0 20px;}

.entry-detail .txt p {
  margin: 0 0 15px;
}

.entry-detail .txt a {
  color: var(--color-base);
}

.entry-detail .txt img {
  max-width: 100%;
  height: auto;
  display: block;
}

.wp-block-image {
  margin: 2em 0;
}

.alignleft {
  float: left;
  margin: 0 1.5em 1em 0;
}

.alignright {
  float: right;
  margin: 0 0 1em 1.5em;
}

.aligncenter {
  display: block;
  margin-inline: auto;
}

.entry-detail .txt::after {
  content: "";
  display: block;
  clear: both;
}

.entry-detail .txt ul,
.entry-detail .txt ol {
	list-style: disc;
	margin: 20px 10px;
	background: #f7f7f7;
	padding: 20px 20px 20px 50px;
	line-height: 1.4em;
}

.entry-detail .txt li + li {
  margin-top: 0.5em;
}

.entry-detail .txt blockquote {
  border-left: 4px solid #ddd;
  padding-left: 1em;
  color: #555;
  margin: 2em 0;
}

.entry-detail .txt table {
  width: 100%;
  border-collapse: collapse;
}

.entry-detail .txt th,
.entry-detail .txt td {
  border: 1px solid #ddd;
  padding: 0.75em;
}

.entry-detail .txt iframe {
  max-width: 100%;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption-text {
  font-size: 0.9rem;
  color: #666;
  text-align: center;
}

.p-post-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 3em;
}

.alignwide {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
}

.alignfull {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
}


/* ===============================
  固定ページ
=============================== */

.page-detail .cont {
  margin-bottom:100px;
}
.page-detail .cont .block {
  margin-bottom:40px;
}
.page-detail .cont .sTtl {
  margin-bottom:10px;
  font-size:120%;
  color:var(--color-base);
  font-weight:bold;
}
.page-detail .cont p {
  margin-bottom:20px;
}
.page-detail .cont iframe {
  width:100%;
}
@media screen and (max-width: 1023px) {
  .page-detail .cont {
    margin-bottom:40px;
  }
}

.page-about .page-detail .flex {
  align-items: flex-start;
}
.page-about .page-detail .flex img {
  width:25%;
}
.page-about .page-detail .flex .txt {
  width:73%;
  text-align:left;
}
@media screen and (max-width: 1023px) {
  .page-about .page-detail .flex img {
    width:100%;
  }
  .page-about .page-detail .flex .txt {
    width:100%;
    text-align:left;
  }
}

.page-about .page-detail table {
  margin-bottom:20px;
  width:100%;
}
.page-about .page-detail th {
  padding-right:10px;
  width:13%;
  vertical-align: top;
  white-space:nowrap;
}
.page-about .page-detail td {
  vertical-align: top;
}

.page-question .qa {
  padding:0;
}

.page-sitemap main .footer-body {
    padding:  0;
    background: var(--color-white);
}


.page-download .flex-sp {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.page-download .flex-sp div {
  padding:1%;
	width:12.5%;
  font-size:80%;
  text-align:center;
}
@media screen and (max-width: 1023px) {
  .page-download .flex-sp div {
    width:24.5%;
    font-size:72%;
  }
}
.sp-button a {display:block;width:100%;padding-top:142%;background-position:center 0;background-repeat:no-repeat;background-size:100% auto;}
.sp-table td {padding-bottom:20px;}
#sp-button-10 > a{background-image : url(/img/tokkyo137.PNG);}
#sp-button-11 > a{background-image : url(/img/tokkyo138.PNG);}
#sp-button-12 > a{background-image : url(/img/tokkyo139.PNG);}
#sp-button-13 > a{background-image : url(/img/tokkyo140.PNG);}
#sp-button-14 > a{background-image : url(/img/tokkyo167.PNG);}
#sp-button-15 > a{background-image : url(/img/tokkyo142.PNG);}
#sp-button-16 > a{background-image : url(/img/tokkyo143.PNG);}
#sp-button-17 > a{background-image : url(/img/tokkyo144.PNG);}
#sp-button-18 > a{background-image : url(/img/tokkyo163.PNG);}
#sp-button-19 > a{background-image : url(/img/tokkyo13-8.PNG);}
#sp-button-20 > a{background-image : url(/img/tokkyo146.PNG);}
#sp-button-21 > a{background-image : url(/img/tokkyo147.PNG);}
#sp-button-22 > a{background-image : url(/img/tokkyo148.PNG);}
#sp-button-23 > a{background-image : url(/img/tokkyo149.PNG);}
#sp-button-24 > a{background-image : url(/img/tokkyo150.PNG);}
#sp-button-25 > a{background-image : url(/img/tokkyo151.PNG);}
#sp-button-26 > a{background-image : url(/img/tokkyo152.PNG);}
#sp-button-27 > a{background-image : url(/img/tokkyo153.PNG);}
#sp-button-28 > a{background-image : url(/img/tokkyo154.PNG);}
#sp-button-29 > a{background-image : url(/img/tokkyo155.PNG);}
#sp-button-30 > a{background-image : url(/img/tokkyo156.PNG);}
#sp-button-31 > a{background-image : url(/img/tokkyo157.PNG);}
#sp-button-32 > a{background-image : url(/img/tokkyo158.PNG);}
#sp-button-33 > a{background-image : url(/img/tokkyo159.PNG);}
#sp-button-34 > a{background-image : url(/img/tokkyo160.PNG);}
#sp-button-35 > a{background-image : url(/img/tokkyo161.PNG);}
#sp-button-36 > a{background-image : url(/img/tokkyo162.PNG);}
#sp-button-5 > a{background-image : url(/img/tokkyo135.PNG);}
#sp-button-6 > a{background-image : url(/img/tokkyo145.PNG);}
#sp-button-7 > a{background-image : url(/img/image741.PNG);}
#sp-button-8 > a{background-image : url(/img/tokkyo33-14.PNG);}
#sp-button-9 > a{background-image : url(/img/tokkyo.PNG);}


/* ===============================
  フォーム
=============================== */
.page-cotact td {
  padding-bottom:20px;
  width:85%;
}
.page-cotact td:first-child {
  padding-top:7px;
  width:15%;
  white-space: nowrap;
  vertical-align: top;
}

.page-cotact input[type="text"],
.page-cotact input[type="tel"],
.page-cotact input[type="email"],
.page-cotact textarea {
	border: 1px solid #e3e3e3;
  border-radius: 5px;
  padding: 10px 10px;
  width:70%;
  background: #fbfbfb;
  margin: 0 0 20px;
}
.page-cotact input.mid{
  width: 50%;
}
.page-cotact input[type="text"]:focus,
.page-cotact input[type="tel"]:focus,
.page-cotact input[type="email"]:focus,
.page-cotact textarea:focus
{
  outline: none;
	border-color: #90a9d2 !important;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
  background: #ffffff;
}

.page-cotact input[type="submit"],
.page-cotact input[type="reset"] {
  display: inline-block;
  border-radius: 100px;
  font-size: 1.0rem;
  font-weight: bold;
  text-align: center;
  padding: 15px 5px;
  margin: 0 4px;
  width: 250px;
  max-width: 45%;
  border:0;
  cursor:pointer;
}
.page-cotact input[type="submit"]{
  background: var(--color-base);
  color: var(--color-white);
}
.page-cotact input[type="reset"]{
  background: #CCC;
  color: var(--color-black);
}
@media screen and (max-width: 1023px) {
  .page-cotact td {
    width:70%;
  }
  .page-cotact td:first-child {
    padding-top:7px;
    width:30%;
  }
  .page-cotact td span {
    display:block;
    font-size:85%;
  }

  .page-cotact input[type="text"],
  .page-cotact input[type="tel"],
  .page-cotact input[type="email"],
  .page-cotact textarea {
    margin-bottom:0;
    padding: 5px 5px;
    width:100%;
  }
  .page-cotact input.mid{
    width: 60%;
  }
}