@charset "UTF-8";
.toc {
  padding: 20px;
  max-width: 560px;
}
.toc-title {
  background: url(../images/title_toc.png) no-repeat center top;
  background-size: contain;
  padding-top: 26.02339%;
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.toc-title__text {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  position: absolute;
}

.toc-item {
  position: relative;
}
.toc-item:nth-of-type(1) .toc-item__vol {
  background-image: url(../images/toc1.png);
}
.toc-item:nth-of-type(2) .toc-item__vol {
  background-image: url(../images/toc2.png);
}
.toc-item a {
  display: block !important;
}
.toc-item__vol {
  background: no-repeat center top;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  width: 19.6875%;
  padding-top: 19.375%;
}
.toc-item__vol__text {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  position: absolute;
  font-size: 0.875rem;
}

.toc-item__title {
  display: inline-block;
  vertical-align: middle;
  font-size: 160%;
  font-size: 0;
  letter-spacing: 0;
  width: 78.125%;
  padding-left: 3.125%;
}
.toc-item__title__text {
  display: block;
  vertical-align: middle;
  font-size: 1rem;
}

.toc-item__date {
  display: block;
  font-size: 0.75rem;
}
.toc-item a, .toc-item > span {
  line-height: 1.5;
  padding: .5em 0;
  display: block;
}
.toc-item a::after {
  font-family: "Material Design Icons";
  content: "\F142";
  font-size: 24px;
  position: absolute;
  top: calc(50% - .5em);
  right: 0;
  line-height: 1;
}
.toc-item.off a, .toc-item.off span {
  color: #CCC;
}
.toc-item.off a::after, .toc-item.off span::after {
  content: none;
}
.toc-item.current a {
  color: #000;
  cursor: default;
}
.toc-item.current a::after {
  content: none;
}
.device-pc .toc {
  margin: 40px auto;
  padding: 0px;
}
.device-pc .toc-title {
  width: 340px;
  padding-top: 89px;
}

.device-pc .toc-item__vol {
  width: 11.25%;
  padding-top: 11.07143%;
}

.device-pc .toc-item__title__text {
  display: block;
  padding-left: 0;
  font-weight: bold;
}

.device-pc .toc-item__date {
  padding-left: 0;
}

/* ----------------------------------------
 * 
 * 対談用 スタイルシート（定義リスト版）
 * 
 * ------------------------------------- */
.conv dl {
  width: 100%;
}
.conv dl + dl {
  margin-top: 0px;
}
.conv dl:first-child dt {
  padding-top: 0;
}
.conv dt, .conv dd {
  text-align: left;
}
.conv dt {
  width: 80px;
  padding: 2em 0 0 0;
  font-weight: bold;
  vertical-align: top;
  color: #000;
  letter-spacing: 0;
}
.conv dd {
  vertical-align: middle;
  color: #000;
}
.conv dt.talker0, .conv dt.talker1 {
  color: #000000;
}
.conv dt.talker2 {
  color: #333333;
}
.conv dt.talker3 {
  color: #333333;
}
.conv dd.talker0, .conv dd.talker1 {
  color: #000000;
}
.conv dd.talker2, .conv dd.talker3 {
  color: #333333;
}
.conv .photo {
  margin: 2em auto 0;
}
.conv .photo p {
  font-size: 87.5%;
}
.conv .continue {
  margin: 2em auto 0;
}
.device-pc .conv {
  width: 560px;
}
.device-pc .conv dl {
  display: table;
}
.device-pc .conv dl:first-child dt {
  padding-top: 2em;
}
.device-pc .conv dt, .device-pc .conv dd {
  display: table-cell;
}
.device-pc .conv dd {
  padding-top: 2em;
}

body {
  font-family: "-apple-system", BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YakuHanJP, "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

p {
  margin: 1em auto;
}

nav[role='breadcrumb'] {
  background-color: #fff;
}

#page {
  position: relative;
  background: url(../images/bg.jpg) repeat center top;
}
.device-pc #page {
  padding-top: 40px;
}

.article {
  margin: auto;
  padding-bottom: 1px;
}
.article a {
  color: #ff8c19;
}
.article-header {
  max-width: 600px;
  margin: 0 auto;
}

.article-title {
  background: url(../images/main_title_sp.jpg) no-repeat center top;
  background-size: cover;
  padding-top: 112.5%;
  width: 100%;
  position: relative;
}
.article-title__text {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  position: absolute;
}

.article-navi ul li span {
  font-size: 160%;
  font-weight: bold;
}
.article-navi ul li span.mdi-arrow-right {
  padding-right: 1.5em;
}
.article-navi ul li span.mdi-arrow-right::before {
  right: 0;
}
.article-navi ul li span.mdi-arrow-left {
  padding-left: 1.5em;
}
.article-navi ul li span.mdi-arrow-left::before {
  left: 0;
}
.article-navi ul li span::before {
  font-size: 150%;
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -.5em;
}

.article-lead {
  background-image: url(../images/ph_y1.png), url(../images/ph_y2.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 3.125% 3.125%, 96.875% 96.875%;
  background-size: 52.66667px 48px, 89.33333px 40.66667px;
  background-color: #ffea80;
  margin: 20px auto;
  max-width: 800px;
}
.article-lead__text {
  padding: 40px 20px;
  text-align: left;
  font-size: 180%;
  font-family: YakuHanJP, "Midashi Go MB31";
}
.article-lead__text > p:first-of-type {
  margin-top: 0;
}
.article-lead__text > p:last-of-type {
  margin-bottom: 0;
}

.profile {
  background-color: #ff8c19;
  overflow: hidden;
  padding: 20px;
  max-width: 800px;
}
.profile .profile__photo {
  width: 50%;
  float: left;
  padding: 0 20px 20px 0;
}
.profile .profile__photo img {
  width: 100%;
}
.profile .profile__title {
  font-size: 114.28571%;
}
.profile .profile__title small {
  font-size: 87.5%;
  display: block;
}
.profile .profile__content {
  color: #fff;
  font-size: 140%;
}
.profile .profile__content a {
  color: #583b00;
}
.profile .profile__content p:last-of-type {
  margin-bottom: 0;
}

.article-content {
  max-width: 600px;
  margin: 20px auto;
  padding: 20px;
  background-color: #fff;
}
.article-content__title {
  background: url(../images/title1_sp.png) center top no-repeat;
  background-size: contain;
  padding-top: 32.14286%;
  margin-bottom: 20px;
}
.article-content__title__text {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  display: block;
  position: absolute;
}

.article-content__text {
  font-size: 160%;
  font-weight: normal;
  letter-spacing: 0.075em;
}

.article-footer {
  max-width: 600px;
  margin: 0 auto;
  padding: 1px 0;
  background-color: #fff;
}

.article-credit {
  font-size: 120%;
  text-align: center;
}
.article .column {
  margin: 20px auto;
  padding: 20px;
  background-color: #fff;
  position: relative;
}
.article .column canvas {
  z-index: 0;
}
.article .column canvas ~ div {
  position: relative;
  z-index: 1;
}
.article .column__title {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 17.85714%;
  margin-bottom: 20px;
}
.article .column__title__text {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  display: block;
  position: absolute;
}

.article .column__template {
  font-size: 0;
  letter-spacing: 0;
  margin-bottom: 20px;
}
.article .column__template.twin .column__template__photo {
  position: relative;
  padding-top: 73.4375%;
}
.article .column__template.twin .column__template__photo img {
  position: absolute;
  width: 75%;
  top: 5%;
  z-index: 2;
}
.article .column__template.twin .column__template__photo img + img {
  transform: rotateZ(3deg) translate(70%, -25%);
  z-index: 1;
}
.article .column__template.twin .column__template__balloon img {
  position: relative;
  z-index: 2;
}
.article .column__template__photo {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
}
.article .column__template__photo img {
  transform: rotateZ(-5deg);
  width: 100%;
}

.article .column__template__balloon {
  width: 60%;
  display: inline-block;
  vertical-align: middle;
}
.article .column__template__balloon img {
  transform: rotateZ(5deg) translateX(5%);
  width: 100%;
}

.article .column__body {
  font-size: 160%;
  font-weight: normal;
}

.article .column--left {
  margin-bottom: 20px;
}

.article .column--1 .column__title {
  background-image: url(../images/subtitle1_1_sp.png);
}

.article .column--2 .column__title {
  background-image: url(../images/subtitle1_2_sp.png);
}

.article .column--3 .column__title {
  background-image: url(../images/subtitle1_3_sp.png);
}

.article .column--4 .column__title {
  background-image: url(../images/subtitle1_4_sp.png);
}
.article .column--4 .column__template.twin .column__template__photo {
  padding-top: 48.4375%;
}
.article .column--4 .column__template.twin .column__template__photo img + img {
  transform: rotateZ(3deg) translate(80%, -25%);
  z-index: 2;
}
.device-sp .article .device-sp .article-content__title {
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0;
}
.device-pc .article-header {
  max-width: 960px;
}

.device-pc .article-title {
  background: url(../images/main_title_pc.jpg) no-repeat center top;
  padding-top: 56.25%;
}

.device-pc .article-lead {
  border-radius: 16px;
  margin: 40px auto;
}
.device-pc .article-lead__text {
  max-width: 560px;
  margin: 0 auto;
}

.device-pc .article .profile {
  border-radius: 16px;
  padding: 40px;
  margin: 40px auto;
}
.device-pc .article .profile__photo {
  padding: 0;
  width: 27.77778%;
}

.device-pc .article .profile__content {
  margin-left: 33.33333%;
  font-size: 160%;
}

.device-pc .article .profile__title small {
  display: inline;
}

.device-pc .article-content {
  max-width: 800px;
  border-radius: 16px;
  padding: 40px 0;
  margin: 40px auto;
}
.device-pc .article-content__title {
  max-width: 530px;
  margin: 0 auto;
  text-align: center;
  background-image: url(../images/title1_pc.png);
  padding-top: 12.5%;
}

.device-pc .article-content__text {
  padding: 20px 0;
}

.device-pc .article-footer {
  max-width: 960px;
  border-radius: 16px 16px 0 0;
}
.device-pc .article .column {
  max-width: 960px;
  margin: 40px auto;
  padding: 40px 80px;
  border-radius: 16px;
  font-size: 0;
  letter-spacing: 0;
}
.device-pc .article .column__title {
  padding-top: 14.20455%;
  max-width: 704px;
  margin: 0 auto;
}

.device-pc .article .column__photo img {
  width: 100%;
}

.device-pc .article .column--right {
  font-size: 0.625rem;
  display: inline-block;
  width: 50%;
  max-width: 360px;
  vertical-align: top;
  margin-left: 80px;
}

.device-pc .article .column--left {
  font-size: 0.625rem;
  display: inline-block;
  width: 50%;
  max-width: 360px;
  vertical-align: top;
  margin-bottom: 0;
}

.device-pc .article .column--1 .column__title {
  background-image: url(../images/subtitle1_1_pc.png);
}

.device-pc .article .column--2 .column__title {
  background-image: url(../images/subtitle1_2_pc.png);
}

.device-pc .article .column--3 .column__title {
  background-image: url(../images/subtitle1_3_pc.png);
}

.device-pc .article .column--4 .column__title {
  background-image: url(../images/subtitle1_4_pc.png);
}
.device-pc .article .column--4 .column__template.twin .column__template__photo {
  padding-top: 48.4375%;
}
#vol2 .article-content__title {
  background-image: url(../images/title2_sp.png);
}

#vol2 .article .column--1 .column__title {
  background-image: url(../images/subtitle2_1_sp.png);
}

#vol2 .article .column--2 .column__title {
  background-image: url(../images/subtitle2_2_sp.png);
}

#vol2 .article .column--3 .column__title {
  background-image: url(../images/subtitle2_3_sp.png);
}

#vol2 .article .column--4 .column__title {
  background-image: url(../images/subtitle2_4_sp.png);
}
.device-pc #vol2 .article-content__title {
  background-image: url(../images/title2_pc.png);
}

.device-pc #vol2 .article .column--1 .column__title {
  background-image: url(../images/subtitle2_1_pc.png);
}

.device-pc #vol2 .article .column--2 .column__title {
  background-image: url(../images/subtitle2_2_pc.png);
}

.device-pc #vol2 .article .column--3 .column__title {
  background-image: url(../images/subtitle2_3_pc.png);
}

.device-pc #vol2 .article .column--4 .column__title {
  background-image: url(../images/subtitle2_4_pc.png);
}

.info {
  border: 1px solid #ccc;
  padding: 20px;
  margin: 2em auto;
}
.info .device-pc {
  padding: 40px;
}

.accordion {
  padding: 0 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.accordion#profile {
  max-width: 520px;
  margin: 0 20px 40px 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
}
.accordion#profile .accordion-header {
  padding: 0 20px;
}
.accordion#profile .accordion-content {
  padding: 0 20px;
  font-size: 160%;
}
.accordion-header .btn-permeate {
  color: #ff8c19;
  font-size: 160%;
  font-weight: bold;
}

.accordion-content__inner {
  padding-top: 0;
}
.device-pc .accordion#profile {
  margin: 0 auto 40px auto;
}

.conv dt {
  color: #ff8c19;
}
.conv dt.p1 {
  color: #583b00;
}
.conv .photo a {
  display: block;
}
.conv .photo a.mdi-plus-circle {
  position: relative;
}
.conv .photo a.mdi-plus-circle::before {
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #fff;
}
.conv .photo img {
  overflow: hidden;
}
.conv .photo img:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.conv .photo img:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.conv .continue {
  text-align: center;
}
.device-pc .conv dt {
  width: 120px;
}

footer {
  background-color: #fff;
}

/*# sourceMappingURL=mizutama.css.map */