@charset "utf-8";
/* CSS Document */
/*==================================================
 posts common
==================================================*/
.archivePage img,
.singlePage img{
	width: 100%;
	height: auto;
}

.singlePage iframe{
	max-width:100%;
}

.secTtl01{
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	padding-bottom:1em;
	position: relative;
	margin-bottom:3%;
}
.secTtl01::after{
	content: "";
    display: block;
    width: 30px;
    height: 3px;
    background: var(--color-main);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/*==================================================
 optionBox
==================================================*/
.archivePage .optionBox{
	margin-top: calc( 3% + 40px );
	padding:2%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:1.2em;
}
.archivePage .optionBox__ttl{
	margin-bottom:1%;
}

.archivePage .optionBox__itemList{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:2%;
}
.archivePage .optionBox__itemList__item {
	min-width:19%;
	margin:0 1% 1% 0;
}
.archivePage .optionBox__itemList__item:nth-of-type(5n){
	margin-right:0;
}
.archivePage .optionBox__itemList__item input{
	display:none;
}
.archivePage .optionBox__itemList__item label{
	display: block;
    padding: 1em 0.25em;
    background: #eee;
	color:#999;
    text-align: center;
    line-height: 1;
	border-radius:2em;
    transition: .3s;
	font-weight:bold;
}
.archivePage .optionBox__itemList__item input:checked + label{
	background: var(--color-main);
	color:#fff;
}

.archivePage .optionBox .btn_search,
.indexPage .optionBox .btn_search {
	font-size:1.2em;
	line-height:100%;
	width:90%;
	max-width:300px;
	padding:1em;
	font-weight:bold;
	background: var(--color-main) linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,.2) 50%, transparent 50%);
	color:#fff;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
.archivePage .optionBox .btn_search:hover,
.indexPage .optionBox .btn_search:hover {
	opacity:0.7 !important;
}

/*==================================================
 recordPage
==================================================*/
/*archive*/
.recordPage .itemList{
	display:flex;
	flex-wrap: wrap;
	padding-top: 0;
}

/*single*/
.recordPage .mainimgBox {
	margin-bottom:4%;
  text-align: center;
}

.recordPage .mainimgBox img {
	max-height: 600px;
	width: auto;
}

.recordPage .infoBox{
	margin-bottom:4%;
}
.recordPage .infoBox h3{
	font-size: 1.6em;
	font-weight: bold;
	padding:0.5em 0;
	border-bottom: 2px solid var(--color-main);
}
.recordPage .infoBox__inner{
	display:flex;
	flex-wrap:wrap;
	font-size:1.2em;
}
.recordPage .infoBox__inner__item{
	display:flex;
	width:50%;
	margin-top:1%;
}
.recordPage .infoBox__inner__item dt{
	padding:0.5em;
	background:var(--color-main);
	color:#fff;
	width:180px;
	text-align:center;
	flex-shrink: 0;
}
.recordPage .infoBox__inner__item dd{
	padding:0.5em;
}
.recordPage .infoBox__inner__price,
.recordPage .infoBox__inner__text{
	width:100%;
}
.recordPage .infoBox__inner__price{
	font-size:1.2em;
}
.recordPage .infoBox__inner__price .price{
	font-weight:bold;
}
.recordPage .infoBox__inner__price .unit{
	font-size:0.75em;
}
.recordPage .voiceBox{
	margin:4% auto;
	letter-spacing:0.06em;
}
.recordPage .voiceBox dt{
	padding:0 0 0.5em 1em;
	border-bottom:1px solid #ccc;
	color: var(--color-main);
	min-height:2.5em;
	position:relative;
	font-size:1.2em;
}
.recordPage .voiceBox dt::before{
	content:"";
	font-weight:bold;
	display:flex;
	width:5px;
	height:100%;
	justify-content: center;
	align-items: center;
	color:#fff;
	background: var(--color-main) linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,.2) 50%, transparent 50%);
	position:absolute;
	top:0;
	left:0;
}
.recordPage .voiceBox dd{
	padding:2%;
	margin-bottom:3%;
	line-height:180%;
}
.recordPage-single .otherBox{
	margin-top:4%;
}
.recordPage-single .otherBox .itemList .item{
	margin-top:0;
}

/*==================================================
 newsPage
==================================================*/
.newsPage {
    margin-bottom: 0;
}
.newsPage .itemList {
    display: block;
    margin: 0 auto;
}
.newsPage .itemList .item h3 {
    font-size: 1.2em;
    font-weight: bold;
}

/*************** singleNews ****************/
.singleNews #dateBox {
    position: static;
}
.singleNews .ttlBox {
    border-bottom: 1px solid;
    margin-bottom: 40px;
}
.singleNews .ttlBox h3 {
    font-size: 1.6em;
    font-weight: bold;
    padding: 20px;
}
/*==================================================
 eventPage
==================================================*/
.eventPage {
    padding: 0 0 50px 0;
}

.eventPage .itemList {
    margin-bottom: 0;
	display:flex;
    flex-wrap: wrap;
}
.eventPage .itemList .item {
	margin:0 0 3%;
}
.eventPage .itemList .item:nth-of-type(3n-1){
	margin-right:3.3%;
	margin-left:3.3%;
}
.eventPage .itemList .item .end img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.eventBox__item__info__content{
	margin-top:0.5em;
	padding:0.5em;
	background:#eee;
}

/*************** eventPage-single ****************/
.eventPage-single {
    margin-top: 0;
    padding-bottom: 0;
}

.eventPage-single .ttlBox {
    margin-top:2%;
}
.eventPage-single .ttlBox__icon {
    margin-bottom: 1em;
}

/*---------- info ----------*/
.eventPage-single .infoBox__table {
    width: 80%;
    font-size: 1.2em;
    margin: 3% auto;
	border:2px solid #111;
}
.eventPage-single .infoBox__table td ul {
    display: flex;
    flex-wrap: wrap;
}
.eventPage-single .infoBox__table td ul li:not(:last-child):after {
    content: "・";
}
.eventPage-single .infoBox__table tr {
    border-bottom: 1px solid #111;
}
.eventPage-single .infoBox__table th {
    padding: 20px;
    width: 120px;
    font-weight: bold;
    text-align: center;
}
.eventPage-single .infoBox__table td {
    padding: 20px 0;
    max-width: 780px;
}
.eventPage-single .infoBox__table td .btn_access a {
    padding: 0.25em 1em;
    display: inline-block;
    border: 2px solid #111;
    box-sizing: border-box;
    font-size: 0.8em;
    margin-left: 1em;
}
.eventPage-single .infoBox__table td .btn_access a:hover{
	background:#ff0;
}

/*---------- btnBox ----------*/
.eventPage-single #btnBox {
    margin-bottom: 50px;
}
.eventPage-single #btnBox p.btn_reserve,
.eventPage-single #btnBox p.btn_end {
    width: 50%;
    text-align: center;
    margin: 0 auto;
    font-size: 1.2em;
    font-weight: bold;
}
.eventPage-single #btnBox p.btn_reserve a {
    text-align: center;
    margin: 0 auto;
    display: block;
    text-decoration: none;
	padding:1em;
	font-size: 1.2em;
	font-weight:bold;
	background: var(--color-main) linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,.2) 50%, transparent 50%);
	color:#fff;
}

.eventPage-single #btnBox p.btn_end {
    padding: 1.5em 0;
    background: #999;
    color: #fff;
}

/*---------- pointBox ----------*/
.eventPage-single .pointBox__pointList{
	width:80%;
	margin:0 auto;
	display:flex;
	flex-wrap: wrap;
	font-size:1.2em;
}
.eventPage-single .pointBox__pointList__item {
	width:50%;
	padding:0.5em 0.5em 0.5em 2em;	
	position:relative;
	font-weight: bold;
}

.eventPage-single .pointBox__pointList__item::before,
.eventPage-single .pointBox__pointList__item::after{
	content:"";
	display:block;
	position:absolute;
}
.eventPage-single .pointBox__pointList__item::before{
	width: 1.5em;
    height: 1.5em;
	background:#ffffff;
	border:2px solid var(--color-main);
	left: 0;
    top: 0.5em;
}
.eventPage-single .pointBox__pointList__item::after{
	border-left: 4px solid var(--color-main);
    border-bottom: 4px solid var(--color-main);
    width: 1.2em;
    height: 0.7em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 6px;
    top: 10px;
	box-shadow: 0 2px 0 0 #fff;
}

/*==================================================
 columnPage
==================================================*/
.columnPage .catList{
	display:flex;
	flex-wrap:wrap;
	margin-top: calc( 3% + 40px );
	background:#eee;
	padding:1em;
}
.columnPage .catList .cat-item{
	margin-right:1%;
	margin-bottom:0.5em;
}
.columnPage .catList .cat-item a{
	display:block;
	border:1px solid var(--color-main);
	background:#fff;
	color:var(--color-main);
	padding:0.5em;
	font-weight:bold;
	text-align:center;
}
.columnPage .catList .cat-item.current-cat a{
	background: var(--color-main);
	color:#fff;
}

.columnPage .itemList {
	padding-top:0;
	margin-top:3%;
}

/*single*/
.columnPage-single .ttlBox__icon {
    margin-bottom: 1em;
}
.columnPage-single .mainimgBox{
	margin-bottom: 4%;
	text-align: center;
}

.columnPage-single .mainimgBox img {
	width: min(100%, 750px);
}

/* ----- 目次(TOC)用CSS ----- */
/*layout.cssで指定するためこちらは不使用*/
/*
.singlePage #toc_container {
  min-width: 30%;
  padding: 1em 1.5em .5em;
  border: 1px solid var(--color-gray);
	margin-bottom: 2em;
}
.singlePage #toc_container .toc_title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 1.4em;
  position: relative;
  padding-left: 1.3em;
  margin-bottom: .5em;
}
.singlePage #toc_container .toc_title::before {
	content: "";
	display: block;
	aspect-ratio: 169 / 150;
	width: 18px;
	background-color: var(--color-main);
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M64%2080c-8.8%200-16%207.2-16%2016l0%20320c0%208.8%207.2%2016%2016%2016l448%200c8.8%200%2016-7.2%2016-16l0-320c0-8.8-7.2-16-16-16L64%2080zM0%2096C0%2060.7%2028.7%2032%2064%2032l448%200c35.3%200%2064%2028.7%2064%2064l0%20320c0%2035.3-28.7%2064-64%2064L64%20480c-35.3%200-64-28.7-64-64L0%2096zm96%2064a32%2032%200%201%201%2064%200%2032%2032%200%201%201%20-64%200zm104%200c0-13.3%2010.7-24%2024-24l224%200c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024l-224%200c-13.3%200-24-10.7-24-24zm0%2096c0-13.3%2010.7-24%2024-24l224%200c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024l-224%200c-13.3%200-24-10.7-24-24zm0%2096c0-13.3%2010.7-24%2024-24l224%200c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024l-224%200c-13.3%200-24-10.7-24-24zm-72-64a32%2032%200%201%201%200-64%2032%2032%200%201%201%200%2064zM96%20352a32%2032%200%201%201%2064%200%2032%2032%200%201%201%20-64%200z%22%2F%3E%3C%2Fsvg%3E');
  margin-right: 3px;
  position: absolute;
  left: 0;
	top: 25%;
}
.singlePage #toc_container .toc_title .toc_toggle {
  font-size: 1rem;
}
.singlePage #toc_container .toc_toggle a {
	color: var(--color-gray);
}
.singlePage #toc_container .toc_list {
  padding: 0;
}
.singlePage #toc_container .toc_list li {
  list-style: none;
  border-bottom: 1px dotted var(--color-gray);
  padding-bottom: .5em;
  margin-bottom: .5em;
  position: relative;
}
.singlePage #toc_container .toc_list li:last-child {
  border: 0;
  padding-bottom: 0;
}
.singlePage #toc_container .toc_list li ul {
  border-top: 1px dotted var(--color-lightgray);
  padding: 1em 0 0 0;
  margin: 0;
}
.singlePage #toc_container .toc_list li ul li {
  margin-left: 1.5em;
}
.singlePage #toc_container .toc_list a {
	color: var(--color-black);
}
/* .singlePage #toc_container .toc_list li::before {
  font-family: "Font Awesome 5 Free";
  content: '\f078';
  font-size: 1em;
  margin-right: 3px;
  color: var(--color-main);
} 
.singlePage #toc_container .toc_list li .toc_number {
  color: var(--color-main);
}*/

/* ----- ビジュアルエディタ用CSS ----- */
/*wysiwyg style*/
/*.content-wysiwyg p {
 	margin: 1em 0;
}
.content-wysiwyg img,
.content-wysiwyg iframe {
 	max-width: 100%;
}
.content-wysiwyg img {
 	width: auto !important;
}
.content-wysiwyg h1 {
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 2px var(--color-main);
	padding-bottom: 5px;
	margin-bottom: 1em;
}
.content-wysiwyg h2 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: dotted 1px var(--color-main);
	padding-bottom: 5px;
	margin-bottom: 1em;
}
.content-wysiwyg h3 {
	font-weight: bold;
	padding-left: 10px;
	border-left: 3px solid var(--color-main);
	margin-bottom: 1em;
}
.content-wysiwyg h4,
.content-wysiwyg h5, 
.content-wysiwyg h6 {
	font-weight: bold;
	margin-bottom: 1em;
}
.content-wysiwyg blockquote {
  padding: 1em;
  background: var(--color-palegray);
  margin: 1em 0;
}
.content-wysiwyg blockquote p {
  margin-bottom: 0;
}
.content-wysiwyg ul,
.content-wysiwyg ol {
  padding-left: 1.5em;
}
.content-wysiwyg ul li {
  list-style: disc;
  line-height: 1.6;
  margin-bottom: 1em;
}
.content-wysiwyg ol li {
  list-style: decimal;
  line-height: 1.6;
  margin-bottom: 1em;
}
.content-wysiwyg table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid var(--color-lightgray);
  border-left: 1px solid var(--color-lightgray);
}
.content-wysiwyg table th {
  border-right: 1px solid var(--color-lightgray);
  border-bottom: 1px solid var(--color-lightgray);
}
.content-wysiwyg table td {
  border-right: 1px solid var(--color-lightgray);
  border-bottom: 1px solid var(--color-lightgray);
}
.content-wysiwyg table th,
.content-wysiwyg table td {
  padding: .5em;
}
.content-wysiwyg a {
  text-decoration: underline;
  color: var(--color-main);
}*/

/*==================================================
 staffPage
==================================================*/
.staffPage .itemList{
	display:flex;
	flex-wrap:wrap;
}
.staffPage .itemList .item {
	width: 31%;
	max-width:350px;
	margin:0 0 3%;
}
.staffPage .itemList .item:nth-of-type(3n-1){
	margin-right:3.3%;
	margin-left:3.3%;
}
.staffPage .itemList .item a{
	display:block;
}

.staffBox__item__photo{
	width: 24vw;
	max-width:240px;
    height: 24vw;
	max-height:240px;
    margin: 0 auto 3%;
    overflow: hidden;
    display:flex;
	align-items:center;
	justify-content: center;
	background:#eee;
}
.staffBox__item__photo img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.staffBox__item__info{
	text-align:center;
}
.staffBox__item__info__title .name{
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
.staffBox__item__info__title .phonetic{
	color:#666;
}

/*single*/
.staffPage .mainimgBox{
	background:#eee;
	margin-top:-3%;
}
.staffPage .mainimgBox__inner{
	display:flex;
	align-items: center;
}
.staffPage .mainimgBox__photo,
.staffPage .mainimgBox__title{
	width:50%;
}
.staffPage .mainimgBox__photo{
	display:flex;
	align-items: center;
	justify-content: center;
	height:50vw;
	max-height:480px;
	overflow:hidden;
}
.staffPage .mainimgBox__photo img{
	object-fit:cover;
}

.staffPage .mainimgBox__title{
	padding-left:3%;
	font-size:1.2em;
}
.staffPage .mainimgBox__title .name{
	font-size:1.2em;
	font-weight:bold;
	margin-top:2%;
}
.staffPage .mainimgBox__title .phonetic{
	color:#666;
}

.staffPage .infoBox__inner{
	margin-top:4%;
	font-size:1.2em;
}
.staffPage .infoBox__inner dl{
	display:flex;
	margin-top:1%;
}
.staffPage .infoBox__inner dt{
	padding: 0.5em;
    background: var(--color-main);
    color: #fff;
	font-weight:bold;
    width: 240px;
    text-align: center;
    flex-shrink: 0;
}
.staffPage .infoBox__inner dd{
	padding:0.5em;
}

.staffPage .infoBox__message{
	margin-top:4%;
}
.staffPage .infoBox__message p{
	text-align:center;
	font-size:1.2em;
}

/* 執筆スタッフ一致で表示 */
.staffPage #columnlinkBox {
  margin: 30px auto;
  padding: 10px;
  border: 4px solid #ccc;
  text-align: center;
  position: relative;
}

.staffPage #columnlinkBox a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.staffPage #columnlinkBox:after,
.staffPage #columnlinkBox:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.staffPage #columnlinkBox:after {
  border-bottom-color: #FFF;
  border-width: 10px;
  margin-left: -10px;
}

.staffPage #columnlinkBox:before {
  border-bottom-color: #ccc;
  border-width: 16px;
  margin-left: -16px;
}

.staffPage #columnlinkBox .photo {
  width: 80px;
  height: 80px;
  margin-right: 20px;
  overflow: hidden;
  border-radius: 100%;
  vertical-align: middle;
  display: inline-block;
}

.staffPage #columnlinkBox .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.staffPage #columnlinkBox .info {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

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

スマホ版（0px～767px）

///////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px) {
	/*==================================================
	 スマホ版 posts common
	==================================================*/
	.singlePage .secTtl01{
		font-size:1.2em;
		margin-bottom:4%;
	}
	
	/*==================================================
	 スマホ版 optionBox
	==================================================*/
	.archivePage .optionBox{
		margin-top: calc( 4% + 46px );
		padding:4%;
		font-size:1em;
	}
	.archivePage .optionBox__itemList__item{
		margin:0 0 2%;
		width:50%;
	}
	.archivePage .optionBox__itemList__item:first-of-type{
		width:100%;
	}
	.archivePage .optionBox__itemList__item input{
		display:none;
	}
	.archivePage .optionBox__itemList__item label{
		width:96%;
		min-width:auto;
		max-height:4em;
		margin:0 auto;
	}

	/*==================================================
	 スマホ版 recordPage
	==================================================*/
	/*archive*/
	.recordPage .itemList{
		display:block;
		padding-top: 3%;
	}
	.recordPage .itemList .item,
	.recordPage .itemList .item:nth-of-type(3n-1){
		width:96%;
		margin:4% auto;
	}
	.recordPage .recordBox__item__photo{
		height:58.5vw;
	}

	/*single*/
	.recordPage .infoBox{
		margin:4% auto;
	}
	.recordPage .infoBox h3{
		font-size: 1.2em;
	}
	
	.recordPage .infoBox__inner{
		display:block;
		font-size:1em;
	}
	.recordPage .infoBox__inner__item{
		width:100%;
	}
	.recordPage .infoBox__inner__item dt{
		width:30%;
		flex-shrink:0;
	}
	.recordPage .infoBox__inner__price{
		font-size:1em;
	}

	.recordPage .voiceBox{
		margin:4% auto;
		letter-spacing:0.06em;
	}
	.recordPage .voiceBox dt{
		font-size:1em;
	}

    /*==================================================
      スマホ版 newsPage
    ==================================================*/
    .newsPage .preparationBox {
        padding-bottom: 2%;
    }
    .newsPage .itemList .item {
        display: block;
    }
    .newsPage .itemList .item:first-of-type {
        padding-top: 0;
    }
    .newsPage .itemList .item h3 {
        margin: 0;
    }
    .newsPage .itemList .item h3 a {
        font-size: 1.1em;
    }
    .singleNews .ttlBox h3 {
        font-size: 1.1em;
    }
    /*==================================================
      スマホ版 eventPage
    ==================================================*/
    .eventPage {
        margin: 0;
        padding-bottom: 7%;
    }
	.eventPage .itemList{
		display:block;
	}
	.eventPage .itemList .item,
	.eventPage .itemList .item:nth-of-type(3n-1){
		width:96%;
		margin:0 auto 8%;
	}
	.eventPage .eventBox__item__photo {
    height: 58.5vw;
	}
	
	/*single*/
    /*---------- info ----------*/
  .eventPage-single .infoBox__table {
		font-size: 1em;
		margin-bottom:4%;
		width:100%;
  }
  .eventPage-single .infoBox__table th,
	.eventPage-single .infoBox__table td {
		padding: 4% 1%;
  }
  .eventPage-single .infoBox__table th {
		width: 70px;
  }
  /*---------- btnBox ----------*/
  .eventPage-single #btnBox p.btn_reserve,
	.eventPage-single #btnBox p.btn_end {
    width: 100%;
		font-size:1em;
  }
	/*---------- pointBox ----------*/
	.eventPage-single .pointBox__pointList{
		width:80%;
		margin:0 auto;
		display:block;
		font-size:1em;
	}
	.eventPage-single .pointBox__pointList__item{
		width:100%;
	}
	
	/*==================================================
	 スマホ版 columnPage
	==================================================*/
	.columnPage .catList{
		margin-top: calc(4% + 46px );
		margin-bottom:4%;
	}
	.columnPage .catList .cat-item:first-child{
		width:100%;
		margin-right:0;
	}
	
	.columnPage .itemList{
		display:block;
	}
	.columnPage .itemList .item,
	.columnPage .itemList .item:nth-of-type(3n-1) {
		width: 96%;
		margin: 0 auto 8%;
	}

	.columnPage .columnBox__item__photo {
		height: 58.5vw;
	}
	
	/*single*/
	.columnPage-single .otherBox .itemList .item{
		max-width:none;
	}
	.columnPage-single .otherBox .itemList .item a{
		display:flex;
	}
	.columnPage-single .otherBox .itemList .item .columnBox__item__photo{
		width:50%;
		height:inherit;
		flex-shrink: 0;
	}

	/*==================================================
	 スマホ版 staffPage
	==================================================*/
	.staffPage .itemList{
		display:flex;
		flex-wrap:wrap;
	}
	.staffPage .itemList .item,
	.staffPage .itemList .item:nth-of-type(3n-1){
		width: 50%;
		min-width:240px;
		margin:0 auto 4%;
	}
	.staffBox__item__photo{
		width: 200px;
		height: 200px;
	}
	.staffBox__item__info__title{
		text-align:center;
	}
	.staffBox__item__info__title .name{
		font-size:1em;
	}

	/*single*/
	.staffPage .mainimgBox__inner{
		flex-direction: column;
	}
	.staffPage .mainimgBox__photo,
	.staffPage .mainimgBox__title{
		width:80%;
		margin: 0 auto;
	}
	.staffPage .mainimgBox__photo{
		height:75vw;
		max-height:320px;
	}

	.staffPage .mainimgBox__title{
		padding: 4% 0;
		text-align:center;
	}
	.staffPage .mainimgBox__title .name{
		text-align:center;
	}

	.staffPage .infoBox__inner{
		font-size:1em;
	}
	.staffPage .infoBox__inner dl{
		flex-wrap:wrap;
	}
	.staffPage .infoBox__inner dt{
		width: 100%;
		text-align: left;
	}

	.staffPage .infoBox__message p{
		font-size:1em;
	}

	/* 執筆スタッフ一致で表示 */
	.staffPage #columnlinkBox {
    margin: 10px;
    padding: 10px;
    border: 4px solid #E0E0E0;
    text-align: center;
    position: relative;
  }

  .staffPage #columnlinkBox:after,
  .staffPage #columnlinkBox:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .staffPage #columnlinkBox:after {
    border-bottom-color: #FFF;
    border-width: 10px;
    margin-left: -10px;
  }

  .staffPage #columnlinkBox:before {
    border-bottom-color: #E6E6E6;
    border-width: 16px;
    margin-left: -16px;
  }

  .staffPage #columnlinkBox a {
    display: block;
  }

  .staffPage #columnlinkBox .photo {
    width: 50px;
    height: 50px;
    margin-right: 5px;
    overflow: hidden;
    border-radius: 100%;
    vertical-align: middle;
    display: inline-block;
  }

  .staffPage #columnlinkBox .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .staffPage #columnlinkBox .info {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
  }

}