@charset "UTF-8";
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
img {
  border: none;
  outline: none;
  vertical-align: bottom;
}

#content {
  max-width: 1080px;
}

#gNav {
  max-width: 1080px;
}

/*---------- icon ----------*/
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}

/*---------- block link ----------*/
.bLink {
  background: #111;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 100;
  transition: all 0.5s ease;
}
.bLink:hover, .bLink:active, .headMenu li a.bLink:active {
  opacity: .4;
  cursor: pointer;
}

/*====================================================================
	ヘッダー
=====================================================================*/
/*---------- トグル ----------*/
.toggle {
  display: none;
}

/*---------- ロゴ ----------*/
.headLogo {
  background-image: url(/wp-content/uploads/2026/06/logo.png);
  background-size: 110px;
  background-position: 8px center;
  background-repeat: no-repeat;
  display: block;
  width: 130px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* &::after {
  	content: "";
  	background: #fff;
  	display: block;
  	width: 1px;
  	height: 30px;
  	position: absolute;
  	top: 50%;
  	right: 0;
  	margin-top: -15px;
  } */
}

/*---------- メニュー ----------*/
.headMenu {
  display: table;
  width: calc(100% - 130px);
  margin: 0 0 0 130px;
  padding: 0;
}
.headMenu li {
  display: table-cell;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  /* &::after {
  	@extend .headLogo::after;
  } */
}
.headMenu li a {
  font-family: futura, sans-selif;
  display: block;
  height: 100%;
  color: #fff;
  font-size: 1.5rem;
  line-height: 70px;
  transition: all 0.5s ease;
}
.headMenu li a:hover, .headMenu li a:active {
  background: #444444;
  color: #2bb6b2;
}

/*====================================================================
	フッター
=====================================================================*/
footer {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.footLogo {
  display: block;
  width: 180px;
  margin: 0 auto 30px;
}

#delete {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 1000;
}

/*====================================================================
	ページャー
=====================================================================*/
.pNav {
  width: 100%;
}
.pNav .pagenation {
  display: block;
  width: 100%;
  margin-top: -20px;
}
.pNav .pagenation li {
  display: block;
}
.pNav .pagenation li:first-child {
  float: left;
}
.pNav .pagenation li:last-child {
  float: right;
}
.pNav .pagenation li a {
  font-family: futura, sans-selif;
  font-style: italic;
  font-weight: bold;
  text-align: right;
  color: #333;
}
.pNav .pagenation li a:visited {
  color: #333;
}
.pNav .pagenation li a:hover, .pNav .pagenation li a.bLink:active, .pNav .pagenation .headMenu li a:active, .headMenu .pNav .pagenation li a:active, .pNav .pagenation li a :active {
  color: #0c766e;
}

/*====================================================================
	コンテンツ
=====================================================================*/
#container {
  display: none;
}

#topImage {
  width: 100%;
  height: auto;
  max-height: 520px;
  overflow: hidden;
}

/*==================== セクション ====================*/
.section {
  display: block;
  width: 100%;
  height: auto;
  margin: -100px auto 30px;
  padding: 100px 20px 0;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.section:last-child {
  margin-bottom: 0;
}
.section h2 {
  background-image: url(/wp-content/uploads/2026/06/headline_bg.png);
  background-color: #666666;
  background-position: center 44.8%;
  background-size: 100%;
  display: block;
  height: 60px;
  color: #fff;
  font-size: 2.6rem;
  line-height: 55px;
  margin: 0 auto 20px;
  padding: 0 20px;
}

.mainBox {
  background: #faf6ec;
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.mainBox p {
  margin-bottom: 15px;
}

.bordered {
  border: #222 3px solid;
}

/* インナーラップ */
.innerWrap {
  display: block;
  width: auto;
  height: auto;
  margin: 20px;
  position: relative;
}

/* ボックスラップ */
.boxWrap {
  display: block;
  position: relative;
}

/* 全て見る・ウィークリースケジュール */
.showAll {
  display: block;
  float: right;
  font-family: futura, sans-selif;
  font-style: italic;
  font-weight: bold;
  text-align: right;
  z-index: 100;
  transition: color .1s ease-in;
}

a.showAll:visited {
  color: #333;
}

a.showAll:hover, a.showAll.bLink:active, .headMenu li a.showAll:active,
a.showAll:active {
  color: #3caba3;
}

/* イメージトリミング */
.trim {
  width: auto;
  min-width: 100%;
  min-height: 100%;
  vertical-align: bottom;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*====================================================================
	トップページ
=====================================================================*/
/*==================== ニュース ====================*/
#news {
  z-index: 10;
}
#news h2 {
  background-color: #004079;
  margin-bottom: 0px;
  z-index: 10;
}

/*------ インフォメーション ------*/
.newsBox {
  display: block;
  float: left;
  width: 70%;
  height: 450px;
  margin-right: 2%;
  overflow: hidden;
}
.newsBox .innerWrap {
  width: 100%;
  height: 384px;
  margin: 0;
  padding: 10px 20px 20px;
  overflow-y: scroll;
}

/* 一覧 */
.newsList {
  width: 100%;
  height: auto;
  padding: 10px 10px 30px;
}
.newsList dt {
  display: inline-block;
  font-size: 1.8rem;
  margin-bottom: 10px;
  border-bottom: #ccc 1px solid;
}
.newsList dd {
  margin-bottom: 40px;
}
.newsList dd a {
  color: #082e2b;
  text-decoration: underline;
}
.newsList dd a:first-child {
  color: #3caba3;
  line-height: 1.6;
  text-decoration: none;
}
.newsList dd strong {
  font-weight: bold;
}
.newsList dd:last-child {
  margin-bottom: 0;
}

/*------ Twitter ------*/
.twiBox {
  display: block;
  float: left;
  width: 28%;
  height: 450px;
}

.sp_twiBox {
  display: none;
}

/*==================== ウィークリースケジュール ====================*/
#schedule {
  z-index: 9;
}
#schedule h2 {
  background-color: #840c09;
}
#schedule .scheduleTable .dateList {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 20px;
  padding-bottom: 8px;
  border-bottom: #ccc 1px solid;
}
#schedule .scheduleTable .dateList:last-child {
  margin-bottom: 0;
  border: none;
}
#schedule .scheduleTable .dateList .date {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 18%;
  flex: 1 0 18%;
  font-size: 1.4rem;
  font-weight: bold;
  padding-right: 10px;
}
#schedule .scheduleTable .dateList .listDetail {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 82%;
  flex: 0 1 82%;
  overflow: hidden;
}
#schedule .scheduleTable .dateList .listDetail .title {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
}
#schedule .scheduleTable .dateList .listDetail .memberList {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px 0 0;
}
#schedule .scheduleTable .dateList .listDetail .memberList .member {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(100% / 6);
  margin-bottom: 10px;
  padding: 0 10px 0 0;
}
#schedule .scheduleTable .dateList .listDetail .memberList .member a .profImage {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 3px;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
#schedule .scheduleTable .dateList .listDetail .memberList .member a .profImage img {
  width: 100%;
}
#schedule .scheduleTable .dateList .listDetail .memberList .member a:hover .profImage img, #schedule .scheduleTable .dateList .listDetail .memberList .member a.bLink:active .profImage img, #schedule .scheduleTable .dateList .listDetail .memberList .member .headMenu li a:active .profImage img, .headMenu li #schedule .scheduleTable .dateList .listDetail .memberList .member a:active .profImage img {
  opacity: .6;
}
#schedule .scheduleTable .dateList .listDetail .memberList .member a:hover p, #schedule .scheduleTable .dateList .listDetail .memberList .member a.bLink:active p, #schedule .scheduleTable .dateList .listDetail .memberList .member .headMenu li a:active p, .headMenu li #schedule .scheduleTable .dateList .listDetail .memberList .member a:active p {
  text-decoration: underline;
}
#schedule .scheduleTable .dateList .listDetail .memberList .member a p {
  font-size: 1.4rem;
  margin-bottom: 0;
}

/*==================== ダイアリー・コラム====================*/
/*------ ダイアリーのタイトル ------*/
#diaryList {
  z-index: 8;
}
#diaryList h2 {
  background-color: #026538;
}
#diaryList a.showAll:hover, #diaryList a.showAll.bLink:active, #diaryList .headMenu li a.showAll:active, .headMenu li #diaryList a.showAll:active {
  color: #0c766e;
}
#diaryList .articleWrap:hover .articleText, #diaryList .articleWrap.bLink:active .articleText, #diaryList .headMenu li a.articleWrap:active .articleText, .headMenu li #diaryList a.articleWrap:active .articleText {
  color: #026538;
}

/*------ コラムのタイトル ------*/
#colmunList {
  z-index: 7;
}
#colmunList h2 {
  background-color: #a10a5b;
}
#colmunList a.showAll:hover, #colmunList a.showAll.bLink:active, #colmunList .headMenu li a.showAll:active, .headMenu li #colmunList a.showAll:active {
  color: #0c766e;
}
#colmunList .articleWrap .articleText h3 {
  color: #a10a5b;
}
#colmunList .articleWrap:hover .articleText, #colmunList .articleWrap.bLink:active .articleText, #colmunList .headMenu li a.articleWrap:active .articleText, .headMenu li #colmunList a.articleWrap:active .articleText {
  color: #a10a5b;
}

/*------ 記事一覧 ------*/
.articleList {
  width: auto;
  margin: 0 -10px;
}
.articleList li {
  display: block;
  float: left;
  width: calc(100% / 3);
  height: auto;
  letter-spacing: normal;
  margin: 0 0 20px;
  padding: 0 10px;
  position: relative;
}

.articleWrap {
  background: #faf6ec;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.articleWrap > div {
  display: block;
  width: 100%;
  position: relative;
}
.articleWrap:hover, .articleWrap.bLink:active, .headMenu li a.articleWrap:active {
  overflow: hidden;
  box-shadow: 0 2px 2px rgba(34, 25, 25, 0.6);
}
.articleWrap:hover .articleImage::before, .articleWrap.bLink:active .articleImage::before, .headMenu li a.articleWrap:active .articleImage::before {
  content: "";
  background: rgba(34, 34, 34, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.articleWrap:hover .articleText p, .articleWrap.bLink:active .articleText p, .headMenu li a.articleWrap:active .articleText p {
  text-align: justify;
  text-decoration: underline;
}

/* 記事のイメージ */
.articleImage {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 240px;
  letter-spacing: -0.5em;
  border-radius: 6px 6px 0 0 / 6px 6px 0 0;
  overflow: hidden;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

/* 記事のテキスト */
.articleText {
  color: #333;
  padding: 10px 15px 20px;
  border-radius: 0 0 6px 6px / 0 0 6px 6px;
  /* 日記のタイトル */
  /* 日記の日付 */
  /* 日記の本文 */
}
.articleText h3 {
  color: #026538;
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.articleText h3 span {
  font-size: smaller;
  vertical-align: baseline;
}
.articleText h4 {
  width: 100%;
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.articleText .articleDate {
  display: block;
  font-size: 1.0rem;
  position: absolute;
  top: 16px;
  right: 15px;
}
.articleText p {
  display: block;
  width: 100%;
  height: 58px;
  font-size: 1.4rem;
  overflow: hidden;
}

/*==================== システム・コンセプト ====================*/
#system {
  text-align: center;
  z-index: 6;
}
#system h2 {
  background-image: none;
  background-color: #004a8b;
}
#system .mainBox .innerWrap p {
  line-height: 2.2;
}
#system .mainBox .innerWrap p .resizeHide {
  display: inline-block;
}
#system .mainBox .innerWrap p .resizeShow {
  display: none;
}

#concept {
  text-align: center;
  z-index: 6;
}
#concept h2 {
  background-image: none;
  background-color: #111;
}
#concept p {
  line-height: 2.2;
}
#concept .mainBox {
  background: #171717;
  color: #fff;
}
#concept .bordered {
  border: #faf6ec 3px solid;
}

/*====================================================================
	グーグル・マップ
=====================================================================*/
#access {
  display: block;
  width: 100%;
  height: auto;
}

#gMap {
  height: 0;
  padding-top: 30px;
  padding-bottom: 32%;
  position: relative;
  overflow: hidden;
}
#gMap iframe, #gMap object, #gMap embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: hue-rotate(160deg);
}

.route {
  background-color: #111;
  color: #fff;
  text-align: center;
  padding: 40px 10px 20px;
}
.route p {
  margin-bottom: 15px;
}
.route p:last-child {
  margin-bottom: 0;
}
.route .gothic {
  margin-top: 1.4em;
  font-size: 1.8rem;
  font-weight: bold;
}
.route .gothic .resizeHide {
  display: inline-block;
}
.route .gothic .resizeShow {
  display: none;
}
.route .gothic a {
  display: inline-block;
  padding-top: .8em;
  color: #fff;
  font-size: 2rem;
}
.route .gothic a:hover, .route .gothic a.bLink:active, .route .gothic .headMenu li a:active, .headMenu li .route .gothic a:active {
  color: #3caba3;
}

/*====================================================================
	モーダル年齢認証
=====================================================================*/
.modal {
  background-color: #3caba3;
  background-image: url(https://dolce.officehey.jp/wp-content/uploads/2020/06/modal_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

.modal.hide {
  display: none;
}

.ageCheck {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 600px;
  max-height: 300px;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ageCheck_logo {
  display: block;
  width: 46%;
  height: auto;
  margin: 0 auto 50px;
}

.ageCheck_button {
  display: block;
  width: auto;
  text-align: center;
}
.ageCheck_button a {
  background: #fff;
  display: inline-block;
  width: 220px;
  color: #999;
  font-size: 2.8rem;
  padding: 10px 20px;
}
.ageCheck_button a:first-child {
  margin-right: 30px;
}
.ageCheck_button a.overAge {
  color: #3caba3;
  cursor: pointer;
}

#remove_cookie {
  background-color: #3caba3;
  display: inline-block;
  color: #fff;
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 9999;
}

/*====================================================================
	スタッフ一覧
=====================================================================*/
/*==================== スタッフ一覧 ====================*/
#staff {
  z-index: 9;
}
#staff h2 {
  background-color: #7e318c;
}

/*------ スタッフ一覧 ------*/
.staffList li {
  background: #faf6ec;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.staffList li:hover, .staffList li.bLink:active {
  box-shadow: 0 2px 2px rgba(34, 25, 25, 0.6);
}
.staffList li .bLink {
  background: #faf6ec;
}

/* スタッフ写真 */
.staffImage {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
  min-height: 240px;
  position: relative;
  overflow: hidden;
}
.staffImage img {
  height: 101%;
}

/* プロフィール */
.staffProf {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 60%;
  flex: 1 0 60%;
  padding: 10px 20px;
}
.staffProf .profWrap {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.staffProf .profWrap .staffName {
  flex: 0 0 100%;
  width: 100% !important;
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 15px !important;
}
.staffProf .profWrap .staffName span {
  font-size: 1.2rem;
  padding-left: 15px;
}
.staffProf .profWrap dt {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  margin-bottom: .8em;
  width: 25%;
}
.staffProf .profWrap dd {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  width: 75%;
  margin-bottom: .8em;
  padding-left: .5em;
}

/*====================================================================
	スタッフ個別ページ・ギャラリー
=====================================================================*/
/*==================== プロフィール ====================*/
.profBox {
  background: none;
}
.profBox h3 {
  display: block;
  width: 70%;
  margin: 0 auto;
  padding: 10px 40px;
  background-color: #333;
  border-radius: 6px 6px 0 0;
  color: #fff;
  font-size: 3.0rem;
  text-align: center;
  font-weight: normal;
}

.tableWrap {
  background: #F2C4C5;
  display: block;
  width: 70%;
  height: auto;
  margin: 0 auto 40px;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}

.profTable {
  background: #faf6ec;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  word-wrap: break-word;
}
.profTable tr:last-of-type th {
  border-bottom: none;
}
.profTable tr:last-of-type td {
  border-bottom: none;
}
.profTable th {
  min-width: 220px;
  padding: 8px 20px;
  background: #555;
  border-bottom: #ccc 1px solid;
  color: #fff;
  text-align: left;
}
.profTable td {
  text-align: left;
  padding: 8px 20px;
  border-bottom: #ccc 1px solid;
}

/*------ ギャラリー ------*/
.staffGallery {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: auto;
}
.staffGallery .items {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(100% / 4);
  margin: 0 0 10px;
  padding: 0 5px;
  position: relative;
  overflow: hidden;
}
.staffGallery .items .imageClip {
  background: #082e2b;
  display: block;
  width: 100%;
  height: 100% !important;
  border-radius: 6px;
}
.staffGallery .items .imageClip img {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  -webkit-transition: transform .8s ease;
  transition: transform .8s ease;
}
.staffGallery .items .imageClip:hover img, .staffGallery .items .imageClip.bLink:active img, .staffGallery .items .headMenu li a.imageClip:active img, .headMenu li .staffGallery .items a.imageClip:active img {
  opacity: .6;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.tos-slide > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  font-family: 'object-fit: contain;';
}

/*------ もっと見る ------*/
.moreBtn {
  margin: 1em 0 0;
}
.moreBtn .showAll:hover, .moreBtn .showAll.bLink:active, .moreBtn .headMenu li a.showAll:active, .headMenu li .moreBtn a.showAll:active {
  color: #077152;
}
.moreBtn.empty {
  display: none;
}

/*====================================================================
	記事ページ
=====================================================================*/
.gallery {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: .8em -5px .5em;
}

.gallery-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  margin: 0;
  padding: 5px;
}

.gallery.gallery-columns-3 .gallery-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333%;
  flex: 0 0 33.333%;
}

.gallery.gallery-columns-4 .gallery-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}

.gallery.gallery-columns-5 .gallery-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
}

.gallery.gallery-columns-6 .gallery-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666%;
  flex: 0 0 16.666%;
}

.gallery.gallery-columns-7 .gallery-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14.285%;
  flex: 0 0 14.285%;
}

.gallery.gallery-columns-8 .gallery-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14.285%;
  flex: 0 0 14.285%;
}

.gallery.gallery-columns-9 .gallery-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 11.111%;
  flex: 0 0 11.111%;
}

.gallery-icon {
  margin: 0;
}
.gallery-icon a img {
  margin-bottom: 0;
}

.entry-content p {
  line-height: 1.65;
  text-align: justify;
}

#main.m-all {
  width: 77%;
}

#sidebar1 {
  width: 23%;
}

/*====================================================================
	レスポンシブ/メディアサイズ
=====================================================================*/
/*---- 0-960 ----*/
@media screen and (max-width: 960px) {
  /*================== ヘッダー ==================*/
  .headLogo {
    background-size: 120px;
    background-position: center center;
    width: 180px;
  }
  .headLogo::after {
    height: 70px;
    margin-top: -35px;
  }

  .headMenu {
    display: -webkit-inline-flex;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: calc(100% - 180px);
    margin: 0 0 0 180px;
  }
  .headMenu li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    height: 40px;
  }
  .headMenu li::after {
    height: 30px;
    margin-top: -15px;
  }
  .headMenu li:nth-child(4n)::after {
    display: none;
  }
  .headMenu li.logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 50px;
  }
  .headMenu li a {
    line-height: 40px;
  }

  /*================== コンテンツ ==================*/
  /*---------- セクション ----------*/
  .section {
    padding: 100px 0 0;
  }

  /*================== ダイアリー・コラム ==================*/
  /*------ 記事一覧 ------*/
  /* 記事のイメージ */
  .articleImage {
    height: 180px;
  }

  /*================== システム・コンセプト ==================*/
  #system p {
    font-feature-settings: "palt";
    letter-spacing: .1em;
  }

  #concept p {
    font-feature-settings: "palt";
    letter-spacing: .1em;
  }

  /*================== グーグル・マップ ==================*/
  .route p {
    font-feature-settings: "palt";
    letter-spacing: .1em;
  }

  /*================== スタッフ一覧 ==================*/
  /*---------- スタッフ一覧 ----------*/
  /* プロフィール */
  .staffProf {
    padding: 16px;
  }
  .staffProf .profWrap .staffName {
    font-size: 1.8rem;
  }
  .staffProf .profWrap dt {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .staffProf .profWrap dd {
    font-size: 1.4rem;
  }

  /*================== スタッフ個別ページ ==================*/
  /*---------- プロフィール ----------*/
  .tableWrap {
    width: 90%;
  }
}
/*---- 0-768----*/
@media screen and (max-width: 768px) {
  /*================== ヘッダー ==================*/
  #gNav {
    height: 50px;
    overflow: hidden;
  }
  #gNav.open {
    overflow: visible !important;
  }
  #gNav.open .headMenu {
    height: auto;
  }

  /*---------- トグル ----------*/
  .toggle {
    display: block;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
  }
  .toggle .material-icons {
    display: block;
    color: #fff;
    font-size: 3.4rem;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }

  /*---------- ロゴ ----------*/
  .headLogo {
    background-size: 100px;
    background-position: center center;
    width: 140px;
  }
  .headLogo::after {
    display: none;
  }

  /*---------- メニュー ----------*/
  .headMenu {
    background: rgba(0, 0, 0, 0.9);
    width: calc(100%);
    height: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    transition: all .3s ease;
    overflow: hidden;
  }

  /*================== フッター ==================*/
  .footLogo {
    display: block;
    width: 120px;
    margin: 0 auto 20px;
  }

  /*================== ページャー ==================*/
  .pNav {
    margin-top: 35px;
  }

  /*================== コンテンツ ==================*/
  /*---------- セクション ----------*/
  .section {
    margin: -70px auto 20px;
    padding: 70px 0 0;
  }
  .section h2 {
    background-position: center 43%;
    height: 45px;
    font-size: 2.2rem;
    line-height: 40px;
    margin: 0 auto 15px;
    padding: 0 15px;
  }

  /* インナーラップ */
  .innerWrap {
    margin: 15px;
  }

  /*================== トップページ ==================*/
  /*------ インフォメーション ------*/
  .newsBox {
    display: block;
    float: none;
    width: 100%;
    height: 380px;
    margin-right: 0;
    margin-bottom: 15px;
    overflow: hidden;
  }
  .newsBox .innerWrap {
    width: 100%;
    height: 344px;
    margin: 0;
    padding: 0 10px 30px;
    overflow-y: scroll;
  }

  /* 一覧 */
  .newsList {
    padding: 0 5px 30px;
  }
  .newsList dt {
    font-size: 1.6rem;
  }
  .newsList dd {
    margin-bottom: 25px;
  }
  .newsList dd a strong {
    color: #3caba3;
  }

  /*------ Twitter ------*/
  .twiBox {
    display: none;
  }

  .sp_twiBox {
    display: block;
    width: 100%;
    height: auto;
  }

  /*==================== ウィークリースケジュール ====================*/
  #schedule .scheduleTable .dateList {
    margin-bottom: 10px;
  }
  #schedule .scheduleTable .dateList .date {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    font-size: 1.2rem;
  }
  #schedule .scheduleTable .dateList .listDetail {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 75%;
    flex: 0 1 75%;
  }
  #schedule .scheduleTable .dateList .listDetail .title {
    font-size: 1.4rem;
    margin-bottom: 8px;
  }
  #schedule .scheduleTable .dateList .listDetail .memberList .member {
    width: calc(100% / 4);
  }
  #schedule .scheduleTable .dateList .listDetail .memberList .member a:hover .profImage img, #schedule .scheduleTable .dateList .listDetail .memberList .member a.bLink:active .profImage img, #schedule .scheduleTable .dateList .listDetail .memberList .member .headMenu li a:active .profImage img, .headMenu li #schedule .scheduleTable .dateList .listDetail .memberList .member a:active .profImage img {
    opacity: 1;
  }
  #schedule .scheduleTable .dateList .listDetail .memberList .member a p {
    font-size: 1.2rem;
  }

  /*================== ダイアリー・コラム ==================*/
  /*------ 記事一覧 ------*/
  /*------ ダイアリーのタイトル ------*/
  #diaryList .articleWrap:hover .articleText, #diaryList .articleWrap.bLink:active .articleText, #diaryList .headMenu li a.articleWrap:active .articleText, .headMenu li #diaryList a.articleWrap:active .articleText {
    color: #333;
  }

  /*------ コラムのタイトル ------*/
  #colmunList .articleList li:nth-child(n + 3) {
    display: none;
  }
  #colmunList .articleWrap:hover .articleText, #colmunList .articleWrap.bLink:active .articleText, #colmunList .headMenu li a.articleWrap:active .articleText, .headMenu li #colmunList a.articleWrap:active .articleText {
    color: #333;
  }

  /*------ 記事一覧 ------*/
  .articleList {
    width: auto;
    margin: 0 -8px;
  }
  .articleList li {
    width: calc(100% / 2);
    height: auto;
    letter-spacing: normal;
    margin: 0 0 16px;
    padding: 0 8px;
    position: relative;
  }

  .articleWrap:hover, .articleWrap.bLink:active, .headMenu li a.articleWrap:active {
    overflow: hidden;
    box-shadow: none;
  }
  .articleWrap:hover .articleImage::before, .articleWrap.bLink:active .articleImage::before, .headMenu li a.articleWrap:active .articleImage::before {
    background: rgba(34, 34, 34, 0);
  }
  .articleWrap:hover .articleText p, .articleWrap.bLink:active .articleText p, .headMenu li a.articleWrap:active .articleText p {
    text-decoration: none;
  }

  /* 記事のイメージ */
  .articleImage {
    height: 160px;
  }

  /* 記事のテキスト */
  .articleText {
    padding: 10px;
    /* 日記のタイトル */
    /* 日記の日付 */
  }
  .articleText h3 {
    font-size: 1.4rem;
  }
  .articleText h4 {
    font-size: 1.5rem;
  }
  .articleText .articleDate {
    top: 11px;
    right: 10px;
  }

  /*================== システム・コンセプト ==================*/
  #system p {
    line-height: 1.8;
  }

  #concept p {
    line-height: 1.8;
  }

  /*================== グーグル・マップ ==================*/
  #gMap {
    height: 360px;
  }

  .route .gothic {
    font-size: 1.6rem;
  }
  .route .gothic a:hover, .route .gothic a.bLink:active, .route .gothic .headMenu li a:active, .headMenu li .route .gothic a:active {
    color: #fff;
  }

  /*================== 年齢認証モーダル ==================*/
  #ageCheck {
    width: 100%;
    height: 320px;
    margin: -160px 0 0 0;
    padding: 20px;
    top: 50%;
    left: 0;
  }

  .ageCheck_logo {
    display: block;
    height: auto;
    margin: 0 auto 50px;
  }

  .ageCheck_button a {
    width: auto;
    min-width: 180px;
    font-size: 2.4rem;
    padding: 8px 16px;
  }
  .ageCheck_button a:first-child {
    margin-right: 30px;
  }

  /*================== スタッフ一覧 ==================*/
  /*------ スタッフ一覧 ------*/
  .staffList li {
    width: 100%;
    height: auto;
  }
  .staffList li:hover, .staffList li.bLink:active {
    box-shadow: 0 2px 2px rgba(34, 25, 25, 0);
  }
  .staffList li .bLink {
    background: none;
  }
  .staffList li .bLink:hover, .staffList li .bLink:active {
    opacity: 1;
  }

  /* プロフィール */
  .staffProf {
    padding: 10px;
  }
  .staffProf .profWrap .staffName {
    font-size: 1.6rem;
    margin-bottom: 1em !important;
  }
  .staffProf .profWrap dt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: .6em;
    width: 100%;
  }
  .staffProf .profWrap dd {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 1em;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }

  /*================== スタッフ個別ページ ==================*/
  /*---------- プロフィール ----------*/
  .profBox h3 {
    width: 100%;
    font-size: 2.6rem;
  }

  .tableWrap {
    width: 100%;
    margin: 0 auto 30px;
  }

  .profTable {
    text-align: left;
  }
  .profTable th {
    min-width: 140px;
    padding: 8px 15px;
  }
  .profTable td {
    padding: 8px 15px;
  }

  .staffGallery .items {
    width: calc(100% / 3);
  }
  .staffGallery .items .imageClip img {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .staffGallery .items .imageClip:hover img, .staffGallery .items .imageClip.bLink:active img, .staffGallery .items .headMenu li a.imageClip:active img, .headMenu li .staffGallery .items a.imageClip:active img {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  /*====================================================================
      記事ページ
  =====================================================================*/
  .gallery {
    margin: 0 -2px 10px;
  }

  .gallery-item {
    padding: 4px;
  }

  .gallery.gallery-columns-3 .gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
  }

  #main.m-all {
    width: 72%;
  }

  #sidebar1 {
    width: 28%;
  }
}
/*---- 0-480 ----*/
@media screen and (max-width: 480px) {
  /*================== ヘッダー ==================*/
  .headMenu {
    display: -webkit-inline-flex;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .headMenu li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border-bottom: #fff 1px solid;
  }
  .headMenu li:first-child {
    border-top: #fff 1px solid;
  }
  .headMenu li:last-child {
    border-bottom: none;
  }
  .headMenu li::after {
    display: none;
  }

  /*================== トップページ ==================*/
  /*==================== ウィークリースケジュール ====================*/
  #schedule .scheduleTable {
    margin-bottom: 10px;
  }
  #schedule .scheduleTable .dateList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #schedule .scheduleTable .dateList .date {
    -webkit-box-flex: 0;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: 1.2rem;
  }
  #schedule .scheduleTable .dateList .listDetail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  #schedule .scheduleTable .dateList .listDetail .title {
    font-size: 1.2rem;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #schedule .scheduleTable .dateList .listDetail .memberList {
    margin: 0 -8px 0 0;
  }
  #schedule .scheduleTable .dateList .listDetail .memberList .member {
    width: calc(100% / 4);
    margin-bottom: 5px;
    padding: 0 8px 0 0;
  }
  #schedule .scheduleTable .dateList .listDetail .memberList .member a p {
    display: none;
    margin-bottom: 0;
  }

  /*================== ダイアリー・コラム ==================*/
  /*------ 記事一覧 ------*/
  /*------ ダイアリーのタイトル ------*/
  #diaryList .articleList li:nth-child(4) {
    display: none;
  }
  #diaryList .articleList li:first-child {
    width: calc(100%);
  }
  #diaryList .articleList li:first-child .articleImage {
    height: 180px;
  }

  /*------ 記事一覧 ------*/
  .articleList {
    width: auto;
    margin: 0 -8px;
  }
  .articleList li {
    height: auto;
    margin: 0 0 16px;
    padding: 0 8px;
  }

  /* 記事のイメージ */
  .articleImage {
    height: 140px;
  }

  /*================== システム・コンセプト ==================*/
  #system .mainBox .innerWrap p {
    line-height: 1.6;
  }
  #system .mainBox .innerWrap p .resizeHide {
    display: none;
  }
  #system .mainBox .innerWrap p .resizeShow {
    display: block;
  }

  #concept p {
    text-align: left;
    line-height: 1.6;
  }
  #concept p .resizeHide {
    display: none;
  }

  /*================== グーグル・マップ ==================*/
  #gMap {
    height: 280px;
  }

  .route {
    margin-top: 20px;
    padding: 16px 16px 10px;
  }
  .route p {
    text-align: left;
    margin: 16px 0 8px;
  }
  .route .gothic {
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .route .gothic .resizeHide {
    display: none;
  }
  .route .gothic .resizeShow {
    display: block;
  }
  .route .gothic a {
    font-size: 1.4rem;
  }

  /*================== 年齢認証モーダル ==================*/
  #ageCheck {
    width: 100%;
    height: 180px;
    margin: -90px 0 0 0;
    padding: 16px;
    position: fixed;
    top: 50%;
    left: 0;
  }

  .ageCheck_logo {
    margin-bottom: 30px;
  }

  .ageCheck_button a {
    width: auto;
    min-width: 120px;
    font-size: 1.6rem;
    padding: 8px 16px;
  }
  .ageCheck_button a:first-child {
    margin-right: 10px;
  }

  /*================== スタッフ一覧 ==================*/
  /*------ スタッフ一覧 ------*/
  #staff .staffList li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #staff .staffList li .staffImage {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
  }
  #staff .staffList li .staffProf {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  #staff .staffList li .staffProf .profWrap {
    margin: 0;
    padding: 8px 8px 2px;
  }

  /*================== スタッフ個別ページ ==================*/
  /*---------- プロフィール ----------*/
  .profBox h3 {
    width: 100%;
    font-size: 2.2rem;
  }

  .tableWrap {
    margin: 0 auto 20px;
  }

  .profTable {
    text-align: left;
  }
  .profTable th {
    width: 130px;
    padding: 8px 10px;
  }
  .profTable td {
    padding: 8px 10px;
  }

  /*------ ギャラリー ------*/
  .staffGallery .items {
    width: calc( 100% / 2);
  }

  /*====================================================================
      記事ページ
  =====================================================================*/
  #main.m-all {
    width: 100%;
  }

  #sidebar1 {
    width: 100%;
  }
}

/*
     FILE ARCHIVED ON 05:26:27 Dec 09, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:09:49 Jun 26, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.414
  captures_list: 0.44
  exclusion.robots: 0.057
  exclusion.robots.policy: 0.048
  esindex: 0.008
  cdx.remote: 29.863
  LoadShardBlock: 56.147 (3)
  PetaboxLoader3.datanode: 74.764 (6)
  PetaboxLoader3.resolve: 117.725 (4)
  load_resource: 147.283 (2)
  loaddict: 17.368
*/