@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

File Name:
Note:


New Creation:	.
Last Change:	2018/12/06 16:12:24.


Created By		Yoshiaki Murakami

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

1.	共通使用変数定義
2.	Function
3.	Layout
4.	Object

------------------------------------------------------------------------
----------------------------------------------------------------------*/
html {
  scroll-padding-top: 78px;
}

.p-anchor .anchor-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -2px;
}
.p-anchor .anchor-item {
  overflow: hidden;
  flex-basis: 172px;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 2px 5px;
  border-radius: 4px;
}
.p-anchor .anchor-item a {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 60px;
  background: linear-gradient(#f2efed, #e5dfdb);
  text-align: center;
  line-height: 1.2307692308;
  font-size: 1.3em;
  color: #7f7875;
  transition: opacity 0.1s linear;
}
.p-anchor .anchor-item a::after {
  content: "";
  display: block;
  position: absolute;
  right: 50%;
  bottom: 9px;
  margin-right: -4px;
  width: 7px;
  height: 7px;
  border-right: 1px solid #7f7875;
  border-bottom: 1px solid #7f7875;
  transform: rotate(45deg);
}
.p-anchor .anchor-item a:hover {
  opacity: 0.5;
  color: #7f7875 !important;
}
.p-anchor .p-anchor__list {
  margin: 0;
  gap: 5px;
}
.p-anchor .p-anchor__item {
  flex-basis: auto;
  margin: 0;
  width: 0;
}
.p-anchor .p-anchor__item a {
  color: #7e7774;
}
.p-anchor .p-anchor__item a::after {
  border-right: 1px solid #7e7774;
  border-bottom: 1px solid #7e7774;
}
.p-anchor .p-anchor__item a:hover {
  text-decoration: none;
}

.p-last-update {
  display: flex;
  justify-content: flex-end;
  margin: 15px 80px 34px;
  font-size: 1.1em;
}

.p-anchor {
  margin-right: 80px;
  margin-bottom: 70px;
  margin-left: 80px;
}

.p-intro {
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-rows: min-content 1fr min-content;
  gap: 20px;
  margin: 0 80px 66px;
}
.p-intro__title {
  grid-column: 1/2;
  grid-row: 1/2;
  margin-top: 15px;
  margin-bottom: 20px;
}
.p-intro__text {
  grid-column: 1/2;
  grid-row: 2/3;
  margin-bottom: 8px;
  align-self: center;
  line-height: 1.7857142857;
  font-size: 1.4em;
}
.p-intro__name {
  grid-column: 1/2;
  grid-row: 3/4;
  text-align: right;
}
.p-intro__pic {
  grid-column: 2/3;
  grid-row: 1/4;
}

.p-box {
  margin-right: 80px;
  margin-bottom: 80px;
  margin-left: 80px;
}
.p-box__title {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 18px;
  box-sizing: border-box;
  height: 62px;
  border-top: solid 3px #cb9a3b;
  border-bottom: 1px solid #c7bdb4;
  background: linear-gradient(to bottom, #cac0b8 1px, #ddd6d0 2px, #fefdfd 3px, #f5f3f1 45%, #f5f3f1 50%, #f5f3f1 100%);
  box-shadow: inset 0 -1px 0 #fff;
  line-height: 1.1666666667;
  letter-spacing: 2px;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.8em;
  font-weight: bold;
}
.p-box__title::before {
  content: attr(data-en);
  position: absolute;
  right: 8px;
  bottom: 8px;
  letter-spacing: 0;
  font-size: 0.6666666667em;
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: normal;
  color: #c8bdb5;
}
.p-box__text {
  line-height: 1.7857142857;
  font-size: 1.4em;
}

.p-recommendation__title {
  margin-bottom: 42px;
}
.p-recommendation__contents {
  box-sizing: border-box;
  padding-right: 13px;
  padding-left: 13px;
  border-radius: 5px;
  background: #f6f4f2;
}
.p-recommendation__contents:has(.p-recommendation__comment) {
  width: calc((100% - 44px) / 3);
}
.p-recommendation__contents:not(:has(.p-recommendation__comment)) {
  display: flex;
  align-items: center;
  width: calc((100% - 22px - 2px - 2px) / 2);
}
.p-recommendation__contents:not(:has(.p-recommendation__comment)):nth-last-child(1) {
  margin-left: 2px;
}
.p-recommendation__contents:not(:has(.p-recommendation__comment)):nth-last-child(2) {
  margin-right: 2px;
}
.p-recommendation__contents__wrapper {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}
.p-recommendation__comment {
  position: relative;
  padding-top: 16.5px;
  padding-bottom: 10.5px;
  border-bottom: 1px solid #c8bdb5;
}
.p-recommendation__comment__text {
  line-height: 1.7857142857;
  font-size: 1.4em;
}
.p-recommendation__comment__text .emphasis {
  font-weight: bold;
}
.p-recommendation__comment__bg {
  position: absolute;
  top: -13px;
  left: 14px;
}
.p-recommendation__commenter {
  display: flex;
  align-items: center;
  column-gap: 12px;
  padding: 7.5px 2px;
}
.p-recommendation__commenter__pic {
  flex-shrink: 0;
}
.p-recommendation__commenter__name {
  line-height: 1.4166666667;
  font-size: 1.2em;
}
.p-recommendation__commenter__name a {
  text-decoration: underline;
  color: #6d9cd0;
}

.p-background {
  margin-bottom: 74.5px;
}
.p-background__title {
  margin-bottom: 50px;
}
.p-background__lead {
  margin-bottom: 30px;
}
.p-background__contents {
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  grid-template-rows: auto auto auto;
  gap: 24px 20px;
}
.p-background__contents .text1,
.p-background__contents .text2 {
  margin-top: 9.5px;
  margin-bottom: 9.5px;
}
.p-background__contents .text1 {
  grid-column: 1/3;
  grid-row: 1/2;
}
.p-background__contents .pic1 {
  grid-column: 3/4;
  grid-row: 1/2;
}
.p-background__contents .text2 {
  grid-column: 2/4;
  grid-row: 2/3;
}
.p-background__contents .pic2 {
  grid-column: 1/2;
  grid-row: 2/3;
}
.p-background__contents .text3 {
  grid-column: 1/4;
  grid-row: 3/4;
}

.p-editors {
  margin-bottom: 80px;
}
.p-editors__title {
  margin-bottom: 40px;
}
.p-editors__contents {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
}
.p-editors__profile__position {
  margin-bottom: 10px;
  font-size: 1.4em;
  text-align: center;
}
.p-editors__profile.large {
  margin-bottom: 6px;
}
.p-editors__profile:not(.large) {
  position: relative;
  margin-top: 24px;
  padding-top: 25px;
}
.p-editors__profile:not(.large)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #d4d1d0;
}
.p-editors__profile:not(.large):nth-child(3n+2)::before {
  left: -20px;
  right: -20px;
}

.p-profile {
  display: flex;
  flex-direction: column;
}
.p-profile__name {
  display: flex;
}
.p-profile__name__text {
  text-align: center;
  line-height: 1.5625;
  font-size: 1.6em;
  font-weight: bold;
}
.p-profile__name__text .small {
  font-size: 0.875em;
  font-weight: bold;
}
.p-profile__license {
  line-height: 1.5833333333;
  font-size: 1.2em;
}
.p-profile__license__title {
  font-weight: bold;
  color: #cb9b3b;
}
.p-profile__license__item {
  line-height: 1.5833333333;
}
.p-profile__link {
  margin-top: auto;
  margin-bottom: 0;
  text-align: right;
}
.p-profile__link a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 5px;
  color: #6d9cd0;
}
.p-profile.large .p-profile__name {
  flex-direction: column;
  margin-bottom: 8px;
}
.p-profile.large .p-profile__name__text {
  order: 2;
}
.p-profile.large .p-profile__name__text .small {
  margin-left: 0.5em;
}
.p-profile.large .p-profile__name__pic {
  order: 1;
  margin-bottom: 11.5px;
}
.p-profile.large .p-profile__license {
  margin-bottom: 12.5px;
}
.p-profile:not(.large) .p-profile__name {
  align-items: center;
  margin-bottom: 8.5px;
}
.p-profile:not(.large) .p-profile__name__text {
  flex: 1;
  order: 2;
}
.p-profile:not(.large) .p-profile__name__text .small {
  display: block;
}
.p-profile:not(.large) .p-profile__name__pic {
  order: 1;
}
.p-profile:not(.large) .p-profile__license {
  margin-bottom: 8.5px;
}

.p-information {
  margin-bottom: 80px;
}
.p-information__title {
  margin-bottom: 40px;
}
.p-information__pic {
  margin-right: -5px;
}
.p-information__contents__wrapper {
  display: flex;
  column-gap: 40px;
}
.p-information__contents__title {
  position: relative;
  margin-bottom: 12.5px;
  padding-bottom: 7px;
  border-bottom: 1px solid #d4d1d0;
  font-size: 2em;
  font-weight: bold;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #cb9b3b;
}
.p-information__contents__title::after {
  content: attr(data-en);
  position: absolute;
  right: 0;
  bottom: 7px;
  font-size: 0.5em;
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #c8bdb5;
}
.p-information__contents__list {
  font-size: 1.4em;
}

.p-toc {
  flex: 1;
}
.p-toc__details {
  display: flex;
  column-gap: 10px;
  line-height: 1.5;
}
.p-toc__sublist__item {
  line-height: 1.6153846154;
  font-size: 0.9285714286em;
}

.p-imprint {
  width: 283px;
}
.p-imprint__details {
  display: flex;
  line-height: 1.5;
  font-size: 1.4em;
}
.p-imprint__details__title {
  text-align: justify;
  text-align-last: justify;
  width: 4em;
}
.p-imprint__details__text::before {
  content: "：";
}
.p-imprint__shop {
  margin-top: 17px;
}
.p-imprint__shop__list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.p-imprint__shop__item a:hover > * {
  opacity: 0.5;
}
.p-imprint__shop__text {
  margin-top: 5px;
  font-size: 1.4em;
}

.p-clinic__title {
  margin-bottom: 34.5px;
}
.p-clinic__text {
  margin-bottom: 18.5px;
}
.p-clinic__pic {
  margin-bottom: 30px;
  text-align: center;
}
.p-clinic__contents {
  position: relative;
  width: 318px;
}
.p-clinic__contents__pic {
  text-align: center;
}
.p-clinic__contents__pic img,
.p-clinic__contents__pic object {
  width: 100%;
  height: auto;
}
.p-clinic__contents__tel, .p-clinic__contents__map {
  position: absolute;
}
.p-clinic__contents__tel {
  top: 120px;
  left: 102px;
  width: 182px;
}
.p-clinic__contents__tel .ja {
  margin-bottom: 13px;
}
.p-clinic__contents__tel .en {
  font-size: 1.2em;
}
.p-clinic__contents__tel .en a {
  color: #7e7774;
}
.p-clinic__contents__map {
  top: 200px;
  left: 50%;
  width: 266px;
  height: 263px;
  transform: translateX(-50%);
}
.p-clinic__contents__map iframe {
  width: 100%;
  height: 100%;
}
.p-clinic__contents__link {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: 239px;
}
.p-clinic__contents__link a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 33px;
  background: #a49489;
  font-weight: bold;
  color: #fff;
  transition: opacity 0.15s linear;
}
.p-clinic__contents__link a .icon {
  position: absolute;
  right: 10px;
}
.p-clinic__contents__link a:hover {
  opacity: 0.5;
  text-decoration: none;
}
.p-clinic__contents__link a:hover > * {
  opacity: 1;
}
.p-clinic__contents.osaka .p-clinic__contents__map {
  height: 285px;
}
.p-clinic__contents.osaka .p-clinic__contents__button {
  margin-top: 30px;
}
.p-clinic .swiper {
  margin: 0 -63px;
}
.p-clinic .swiper-wrapper {
  flex-wrap: wrap;
  justify-content: center;
}
/*# sourceMappingURL=liposuction-textbook.css.map */