/* css/editable_in_console/v2_style.css */
/* ACFのbody_classに何か指定された時のみ読み込まれます。エディタ/フロント、両方で読み込まれます。 */

@import url("../style.css");

.v2-style article p {
    font-weight: normal;
}

/* headline */

.v2-style .myred{
	color:red;
}
.v2-style .mycolor{
	color:red;
}

.v3-style .myyellow{
	color:yellow;
}
.v3-style .mycolor{
	color:yellow;
}


.v2-style h2 {
	background: #F7F7F7;
	color: #132045;
	border-left: 3px solid #55B7D2;
	padding: 12px 16px;
}

.v2-style h3 {
	padding: 0px 8px;
	background: transparent;
	border-bottom: none;
	border-left: solid 3px #55B7D2;
	border-right: none;
}
.v2-style h4 {
    display: inline-block;
    margin: 1em 0;
    padding: 0;
    border-bottom: none;
    text-align: center;
    width: 100%;
}

/* supervisor */

.v2-style .mup-v2.mup-supervisor {
	background-color: #f1f8fb;
	padding: 24px;
	margin-bottom : 32px;
}
.v2-style .mup-v2.mup-supervisor .supervisor-top .marker  {
	font-size: 13px;
	background: #FFE9A9;
	padding: 4px 8px;
	margin-bottom: 4px !important;
	display: block;
	width: max-content;
}
.v2-style .mup-v2.mup-supervisor p.supervisor-name a {
	color: inherit;
	text-decoration: none;
}
.v2-style .mup-v2.mup-supervisor p.supervisor-name a::after {
	content: "";
	display: inline-block;
	margin-left: 8px;
	border: solid #55B7D2;
	border-width: 0 2px 2px 0;
	padding: 3px;
	transform: rotate(-45deg);
	vertical-align: middle;
	margin-bottom: 3px;
}
.v2-style .mup-v2 .supervisor-top {
	gap: 16px;
	margin-bottom: 0;
}
.v2-style .mup-v2.mup-supervisor .supervisor-top p {
	margin: 0;
}

@media (max-width: 599px) {
	.v2-style .mup-v2.mup-supervisor  {
		padding: 16px;
	}
	.v2-style .mup-v2 .wp-block-column.is-vertically-aligned-center.comment-image {
		flex-basis: 88px !important;
	}
.v2-style h2 {
    font-size: 21px;
}
}

/* kuchikomi */

@media screen and (max-width: 600px) {
	.v2-style .TaidanCommentRight {
		margin: 5px 85px 0 0;
		width: calc(100% - 124px);
	}
	.v2-style .TaidanCommentLeft {
		margin: 5px 0 0 85px;
		width: calc(100% - 128px);
	}
	.v2-style .FukidashiCommentLeftF ,.v2-style .FukidashiCommentLeftM{
		margin: 5px 0 0 85px;
		width: calc(100% - 132px);
	}
	
}

.v2-style .mup-fukidashi.mup-writerfukidashi .mup-fukidashi-text {
	background-color:#f7f7f7;
}
.v2-style .mup-fukidashi.mup-writerfukidashi .mup-fukidashi-text:before {
    border-top: 13px solid #f7f7f7;;
}


/* mup-kuchikomistar */
.v2-style .mup-v2.mup-kuchikomistar {
	padding: 24px;
	border: 1px solid #DDDDDD;
	margin-bottom : 32px;
}

.v2-style .mup-kuchikomistar .Evaluation ,.v2-style .mup-iconcta .Evaluation{
	display: block;
	padding: 0;
	padding-bottom: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
}
.v2-style .mup-kuchikomistar .Evaluation .EvaIcon ,.v2-style .Evaluation p.EvaTitle ,.v2-style .Evaluation .EvaComment{
	display: none;
}
.v2-style .mup-kuchikomistar .Evaluation .EvaStars {
	margin-bottom: 0;
}
.v2-style p.u-mb-ctrl.u-mb-0.mup-kuchikomistar-name {
	margin: 0;
}

@media (max-width: 599px) {
	.v2-style .mup-v2.mup-kuchikomistar  {
		padding: 16px;
	}
}

/* mup-v2.mup-writer */

.v2-style .mup-v2.mup-writer {
	padding: 24px;
	margin-bottom : 32px;
}

@media (max-width: 599px) {
	.v2-style .mup-v2.mup-writer  {
		padding: 16px;
	}
}


/* mup-titleborder */

.v2-style .mup-v2.mup-titleborder {
	border: 1px solid #DDDDDD;
	padding: 27px 24px 24px;
	position: relative;
	margin-top: 32px;
	margin-bottom: 32px;
}

.v2-style .mup-v2.mup-titleborder .mup-titleborder-headline {
	position: absolute;
	top: -24px;
	padding: 4px 8px;
	border-radius: 4px;
}


@media (max-width: 599px) {
	.v2-style .mup-v2.mup-titleborder  {
		padding:24px 16px 16px;
	}
	
}

.v2-style .mup-v2.mup-border {
	border: 1px solid #DDDDDD;
	padding: 24px;
	margin-bottom: 32px;
}

@media (max-width: 599px) {
	
	.v2-style .mup-v2.mup-border {
		padding: 16px;
	}
}


/* mup-related-item */

.v2-style a.mup-related-item p {
	font-weight:bold;
}

.v2-style a.mup-related-item {
	display: flex;
	gap: 24px;
	border: 1px solid #DDDDDD;
	padding: 30px 24px 24px;
	position: relative;
	margin-top: 32px;
	margin-bottom: 32px;
	text-decoration:none;
}
.v2-style a.mup-related-item img {
	height: 104px;
	width: auto;
}
.v2-style a.mup-related-item::before {
	content: "あわせて読みたい";
	position: absolute;
	top: -16px;
	left: 24px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background: #3B4250;
	padding: 4px 8px;
	border-radius: 4px;
}

@media (max-width: 599px) {
	.v2-style a.mup-related-item p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
		line-height: 1.6;
		margin: 0;
		padding: 0;
	}
}



.v2-style #toc_container {
	padding:0;
	background:#FAFAFA;
}


.v2-style #toc_container {
	position: relative;
	padding-top: 56px;
}


.v2-style #toc_container::before {
	content: "目次";
	display: block;
	font-weight: bold;
	font-size: 24px;
	background: #CFF1FF;
	padding: 12px 16px 12px 56px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	height: 56px;
	line-height: 1.35;
	color: #38434D;
}

.v2-style #toc_container::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.164' height='20.97' viewBox='0 0 25.164 20.97'%3E%3Cg transform='translate(-499 -1019.931)'%3E%3Cg transform='translate(499 1019.931)'%3E%3Crect width='18.873' height='4.194' transform='translate(6.291)' fill='%23fff'/%3E%3Crect width='18.873' height='4.194' transform='translate(6.291 8.388)' fill='%23fff'/%3E%3Crect width='18.873' height='4.194' transform='translate(6.291 16.776)' fill='%23fff'/%3E%3Crect width='4.194' height='4.194' transform='translate(0)' fill='%23fff'/%3E%3Crect width='4.194' height='4.194' transform='translate(0 8.388)' fill='%23fff'/%3E%3Crect width='4.194' height='4.194' transform='translate(0 16.776)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 24px auto;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 18px;
	left: 24px;
}
.v2-style #toc_container ul.toc_list {
	padding: 0px 24px 24px!important;
}
.v2-style #toc_container ul.toc_list li {
	padding-left: 16px;
	margin: 16px 0 !important;
}
.v2-style #toc_container ul.toc_list li ul li {
	margin: 8px 0 !important;
}
.v2-style #toc_container ul.toc_list li a{
	color:#38434D;
	font-size:18px;
}
.v2-style #toc_container .toc_number.toc_depth_1 {
	display: inline-block;
	background-color: transparent;
	color: #5fbad2;
	font-size: 20px;
	margin-left: -18px;
	width: 30px;
	height: 16px;
	line-height: 12px;
	text-align: end;
	margin-right: 4px;
}
.v2-style #toc_container .toc_list > li > ul > li > a:before {
	color: #6CC6DF;
}
.v2-style .tocTitle {
	display: none;
}
.v2-style .tocHider {
	background: transparent;
}
.v2-style .tocHider input {
	color: #132045;
	background: transparent;
	box-shadow: none;
}
.v2-style .tocHider input:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.481' height='24.481' viewBox='0 0 24.481 24.481'%3E%3Cg transform='translate(-109.814)'%3E%3Cg transform='translate(109.814)'%3E%3Ccircle cx='12.241' cy='12.241' r='12.241' fill='%2358C1DD'/%3E%3Cpath d='M.3-.3H3.8V-3.941H6.319V-.3H9.836V2.121H6.319V5.809H3.8V2.121H.3Z' transform='translate(7.225 11.357)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}


/* mup-iconcta */
.v2-style .mup-v2.mup-iconcta {
	padding: 24px;
	border: 1px solid #DDDDDD;
	margin-bottom:32px;
}
.v2-style .mup-v2.mup-iconcta div .wp-block-columns {
	flex-wrap: nowrap !important;
	margin-bottom: 0;
	gap: 16px;
}
.v2-style .mup-iconcta .Evaluation .EvaIcon {
	display: none;
}
.v2-style .mup-iconcta p {
	margin:0;
}
.v2-style .mup-iconcta .Evaluation p.EvaStars {
	padding: 0;
}
.v2-style .mup-iconcta a.wp-block-button__link {
	font-weight: bold;
	margin-top:8px;
	width: 160px;
}

@media (max-width: 781px) {
	.v2-style .mup-v2.mup-iconcta .mup-iconimg {
		flex-basis: inherit !important;
		width: 104px !important;
		flex-grow: inherit;
	}
	.v2-style .mup-v2.mup-iconcta .mup-iconimg figure {
		width: 104px !important;
	}
}
@media (max-width: 599px) {
	.v2-style .mup-v2.mup-iconcta {
		padding: 16px;
		border: 1px solid #DDDDDD;
		margin-bottom:32px;
	}
	.v2-style .mup-v2.mup-iconcta .mup-iconimg {
		width: 80px !important;
	}
	.v2-style .mup-v2.mup-iconcta .mup-iconimg figure img {
		width: 80px !important;
		height:80px !important;
	}
}

/* readmore */
.v2-style .mup-readmore summary {
    font-weight: bold;
}

/* fukidashi */
.v2-style .mup-fukidashi {
	gap:12px;	
}
.v2-style .mup-fukidashi .mup-fukidashi-name {
	margin:0;	
}
.v2-style .mup-fukidashi .mup-fukidashi-img {
	flex-shrink:0;	
}

.v2-style .mup-fukidashi .mup-fukidashi-text {
    display: inline-block;
    position: relative;
    padding: 16px;
    border-radius: 12px;
    width: auto;
    box-sizing: content-box !important;
    background-color: #F1F8FB;
    pointer-events: all;
}
.v2-style .mup-fukidashi .mup-fukidashi-text:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: -13px;
    border: 13px solid transparent;
    border-top: 13px solid #F1F8FB;
    box-sizing: content-box !important;
}
.v2-style .mup-edfukidashi .mup-fukidashi-text {
    background-color:  #FFF7F7;
}
.v2-style .mup-edfukidashi .mup-fukidashi-text:before {
    border-top: 13px solid #FFF7F7;
}

/*  mup-writer-info */

.v2-style .mup-writer-info p.supervisor-name a::after {
    border: solid #FF8585!important;
    border-width: 0 2px 2px 0!important;
}

.v2-style .mup-writer-info .mup-writer-info-top .mup-writerinfo-th {
    color: #ffffff;
    background: #3B4250;
}
.v2-style .mup-writer-info .supervisor-name {
    padding-left: 0;
}
.v2-style .mup-writer-info .mup-writer-info-top .wp-block-group-is-layout-flex {
	margin-bottom:4px;
}
.v2-style .mup-writer-info .supervisor-top .mup-writerinfo-th {
    width: 72px;
    text-align: center;
}
.v2-style .mup-writer-info .supervisor-top .supervisor-span {
    background-color: #FFD7D7 !important;
    margin-right: 8px !important;
}
@media (max-width: 599px) {
.v2-style .mup-writer-info .supervisor-top {
    flex-direction: column;
    margin-bottom: 16px;
}
.v2-style .mup-writer-info .supervisor-top .comment-image img {
    width:128px;
}
.v2-style .mup-writer-info .supervisor-top .comment-image figure {
    margin: 0;
    display: flex;
    justify-content: center;
}
.v2-style .mup-writer-info .supervisor-name {
    text-align: center;
}
.v2-style .mup-writer-info .mup-writer-text {
		padding:16px;
}
}

/* mup-information */
.v2-style .mup-v2.mup-information.has-background {
    padding: 40px;
}
.v2-style .mup-v2.mup-information .wp-block-flexible-table-block-table>table tr td {
    border: none;
}
.v2-style .mup-v2.mup-information .wp-block-flexible-table-block-table>table tr {
    border-bottom: 1px solid #DDDDDD;
}
.v2-style .mup-v2.mup-information .mup-information-open {
    text-align: center;
	margin-bottom:16px;
}
.v2-style .mup-v2.mup-information summary {
    font-weight:bold;
	margin-top:16px;
}

.v2-style .mup-v2.mup-information summary::marker {
    color: transparent;
}
.v2-style .mup-v2.mup-information summary:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24.481 24.481'%3E%3Cg transform='translate(-109.814)'%3E%3Cg transform='translate(109.814)'%3E%3Ccircle cx='12.241' cy='12.241' r='12.241' fill='%23B2B2B2'/%3E%3Cpath d='M.3-.3H3.8V-3.941H6.319V-.3H9.836V2.121H6.319V5.809H3.8V2.121H.3Z' transform='translate(7.225 11.357)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	position:relative;
	top:4px;
	margin-left:6px;
}
.v2-style .mup-v2.mup-information  .mup-information-open[open] > summary {
  display: none;
}

.v2-style .mup-v2.mup-information  figure.wp-block-flexible-table-block-table {
    margin-bottom: 0;
}
.v2-style  .mup-v2.mup-information .wp-block-flexible-table-block-table>table tr td {
    background-color: transparent;
}
@media (max-width: 599px) {
.v2-style .mup-v2.mup-information.has-background {
    padding: 16px;
}	
}

.v2-style .grayblock {
	padding:40px;
}
@media (max-width: 599px) {
.v2-style .grayblock {
	padding:16px!important;
}	
}
.v2-style .mup-v2.mup-editorblock {
	border:1px solid #DDDDDD;	
}
.v2-style .mup-v2.mup-editorblock .mup-editortd {
    background: #3B4250;
    color: #ffffff;
}
.v2-style .mup-v2.mup-editorblock .supervisor-top  .wp-block-group-is-layout-flex {
    margin-bottom: 4px;
}
.v2-style .mup-v2.mup-editorblock .supervisor-name {
    margin-bottom: 8px!important;
    padding-left: 0;
}
.v2-style .mup-v2.mup-editorblock .supervisor-top {
    margin-bottom: 16px;
}

.v2-style .mup-v2 .supervisor-top .supervisor-span {
	padding:4px 6px;
	background-color:#CDF2FC;	
}

.v2-style .mup-v2 .supervisor-top .is-layout-flex {
	gap:0;
	margin-bottom:8px;
}
@media (max-width: 781px) {
.v2-style .mup-mediacolumn ,.v2-style .mup-v2.mup-workflow .mup-workflowcolumn {
    flex-wrap: nowrap !important;
}
}
@media (max-width: 599px) {
.v2-style .mup-mediacolumn ,.v2-style .mup-v2.mup-workflow .mup-workflowcolumn {
    flex-wrap: wrap !important;
}
}

/* readmore */

.v2-style .mup-v2.readmore-parts a::after {
	content: "";
	display: inline-block;
	margin-left: 8px;
	border: solid #55B7D2;
	border-width: 0 2px 2px 0;
	padding: 3px;
	transform: rotate(-45deg);
	vertical-align: middle;
	margin-bottom: 3px;
}
.v2-style .mup-v2.readmore-parts a{
	text-decoration:none;
}

.v2-style .grayblock {
    padding: 24px;
    margin-top: 24px;
}

.v2-style .mup-v2.mup-Chief .supervisor-top {
	margin-top:16px;
}
.v2-style .mup-v2.mup-Chief .grayblock {
	margin-top:24px;
}
.v2-style .mup-v2.mup-workflow {
	padding:24px;
}

@media (max-width: 599px) {
.v2-style .mup-v2.mup-workflow  {
	padding:24px;
}
.v2-style .supervisor-top p {
    flex-shrink: 0;
}
}
.v2-style .mup-v2 .mup-workphase {
    background: #3B4250;
    color: #ffffff;
    border-radius: 4px;
    width: max-content;
	margin: 0;
}
.v2-style .mup-v2 .mup-workphase + p {
    padding-left:0;
}

.v2-style .mup-v2.mup-workflow .mup-workflowcolumn {
	margin-bottom:0;
}

.v2-style .mup-v2.acordionBlock {
    padding: 16px;
    background: #EDEDED;
	margin-bottom:8px;
}

.v2-style .mup-v2.acordionBlock summary::marker {
    color: #55B7D2;
}

.v2-style .mup-v2.acordionBlock summary {
    position: relative;
    cursor: pointer;
    padding-right: 1.5em;
    font-weight: bold;
    justify-content: space-between;
    align-items: center;
	display:flex;
    padding-right: 0;
}

.v2-style .mup-v2.acordionBlock summary::after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 10px;
  height: 10px;
  border-right: 3px solid #55B7D2;
  border-bottom: 3px solid #55B7D2;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
  vertical-align: middle;
}

.v2-style .mup-v2.acordionBlock[open] summary::after {
  transform: rotate(225deg); 
}

.v2-style .mup-v2.acordionBlock .grayblock {
    padding: 16px;
    margin-top: 24px;
}

.v2-style .editorbottomColumn {
	margin-bottom:0!important;
}

@media (max-width: 781px) {
.v2-style .editorbottomColumn {
    gap: 0;
}
}

.v2-style .eyecatch {
    height: auto;
}

.v2-style .mup-v2.mup-titleborder .head-icon{
    flex-shrink: 0;
}
.v2-style .mup-v2.mup-titleborder .head-title {
    padding-left: 0;
}

/* small-supervisor */
.v2-style .mup-v2.mup-supervisor-small p.mup-supervisor-small-text {
  font-size: 12px;
  line-height: 1.6;
}

.v2-style .mup-v2.mup-supervisor-small .supervisor-top .is-layout-flex {
  gap: 0;
  margin-bottom: 0;
}

.v2-style .mup-v2.mup-supervisor-small .mup-supervisor-small-text {
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.6;
  transition: all 0.3s ease;
  pointer-events: none; 
}

.v2-style .mup-v2.mup-supervisor-small .mup-supervisor-small-text.expanded {
  -webkit-line-clamp: unset;
  overflow: visible;
  pointer-events: auto; 
}

.v2-style .mup-v2.mup-supervisor-small .mup-supervisor-small-text::after {
  content: "…続きを見る";
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 4px;
  background: #f1f8fb;
  color: #757A88;
  font-weight: bold;
  cursor: pointer;
  pointer-events: auto;
}

.v2-style .mup-v2.mup-supervisor-small .mup-supervisor-small-text.expanded::after {
  content: "";
}

.v2-style .mup-v2.mup-supervisor-small .supervisor-top .supervisor-span {
  padding: 2px 4px;
  background-color: #CDF2FC;
}

.v2-style .mup-v2.mup-writer-small .supervisor-top p.supervisor-span {
    background-color: #FFD7D7;
}

.v2-style .mup-v2.mup-writer-small  p.supervisor-name a::after {
    border-color: #FF8585;
    border-width: 0 2px 2px 0;
}

.v2-style .mup-v2.mup-writer-small  .mup-supervisor-small-text::after {
    background: #fff7f7;
}