@charset "utf-8";
/*SDオーナーズ感謝お茶会inソウル2025*/
:root {
  --c-brw01: #694A44;/*overwrite*/
  --bs-cmn:0 0.2rem 0.3rem 0.1rem rgba(50,50,50,0.1);
  --c-red-1: #a20005;
  --c-red-2: #a01f28;
  --c-red-3: #b03335;
  --c-brw-1: #957d71;
  --c-brw-2: #8a7569;
  --c-brw-3: #5e433a;
  --c-brw-4: #43201a;
  --c-brw-5: #573724;
  --c-gld-1: #e1be69;
  --c-gld-2: #ac8828;
  --c-ylw-1: #fff800;
  --c-ylw-2: #e9c864;
  --c-pnk-1: #F091A0;
  --c-pnk-2: #dd6164;
  --c-link-nml: #0095d9;
  --c-link-nml-hover: #19448e;
  /*font family*/
  --ff-mincho: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", serif;
  --ff-notoserif: 'Noto Serif JP', cursive, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  --ff-metal: 'Metal', cursive, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  --ff-NtSns:  "Noto Sans", sans-serif;
  --ff-NtSnsJP:  "Noto Sans JP", sans-serif;
  --ff-NtSrfJP: "Noto Serif JP", serif;
  --ff-YuMc: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  --ff-YuGtc: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif --ff-SwMc: 'Sawarabi Mincho', sans-serif;
  --ff-SwMc: 'Sawarabi Mincho', sans-serif;
  --ff-zenmaruG: "Zen Maru Gothic", "Noto Sans JP", "sans-serif";
  --ff-kaiseiHarunoUmi: "Kaisei HarunoUmi", serif;
  --ff-m-plus-rounded: "M PLUS Rounded 1c", sans-serif;
  /*font-size*/
  --fs: min(2.114vw,1rem);
  --rs: clamp(0.5rem, 1.042vw, 1rem);
  /*higth*/
  --h-header: 0;
}
/* 全ての要素 _ box sizing = border-box 指定 */
*, *::before, *::after { /* box-sizing all */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*-------------------------------
 base
---------------------------------*/
html {
  font-size: 62.5%;
}
body {
  background: #f5eddf;
  color: #271f1c;
  font-family: var(--ff-m-plus-rounded);
  font-size: calc(var(--fs) * 1.6);
  font-feature-settings: "palt";
  line-height: 1.6;
  text-align: center;
  -webkit-text-size-adjust: 100%; /* SmartPhone表示用 */
}
body::before {
  content: "";
  width: 100%;
  height: 100vh;
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
}
@media screen and (max-width:960px) {                                                  
  body {
    background-size: auto 80%;
    background-position-y: 20%;
  }
}
/*image*/
img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  vertical-align: middle;
}
figure {
  margin: 0;
}
/*link*/
a {
  color: var(--c-link-nml);
  text-decoration: none;
  text-underline-offset: 3px;
}
a:hover {
  color: var(--c-link-nml-hover);
  text-decoration: underline;
  filter: brightness(1.2);
}
a:hover > img {
  filter: opacity(0.8);
  transition: all 0.5s;
}
a:focus, *:focus {
  outline: none;
}
a.link-btn-arr--dwn {
  padding-right: 1.5em;
  position: relative;
}
a.link-btn-arr--dwn::after {
  content: "";
  width: 1em;
  height: 0.5em;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  display: block;
  position: absolute;
  right: 0.75em;
  top: calc(50% - 0.25em);
}
a.link-btn-arr--dwn:hover::after {
  background: #e6c95b
}
/*ffont*/
@font-face {
  font-family: "wf-tegaki";
  src: url("/assets/fonts/HuiFontP29.eot");/*For IE*/
  src: url("/assets/fonts/HuiFontP29.woff") format("woff"),/*For Modern browser*/
    url("/assets/fonts/HuiFontP29.ttf") format("truetype");/*For iOS Android*/
}
.font-mincho {
  font-family: var(--ff-mincho);
}
.font-notoserif {
  font-family: var(--ff-notoserif);
}
.wf-sawarabi { /*@Google Fonts*/
  font-family: "Sawarabi Mincho";
}
.wf-tegaki {
  font-family:"wf-tegaki";
}
.wf-tegaki sup {
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica,sans-serif;
}
/*display*/
.dsp-block {
  display: block;
}
.dsp-inline-block {
  display: inline-block;
}
.dsp-inline {
  display: inline;
}
/*Font_Size*/
b {
  font-size: 112.5%;
}
em {
  font-style: normal;
}
small {
  font-size: 87.5%;
}
small,em {
  font-weight: inherit;
}
.dsp-inlineblock {
  display: inline-block;
}
/*Font_Color*/
.fc-red,
.tc--red {
  color: #EC0003;
}
.fc-note {
  color: #ba2636;
}
.tc-green {
  color: #8a902d;
}
.tc-brwn {
  color: #8c6450;
}
.tc-pnk {
  color: var(--c-pnk-2);
}
/*Link - Text _ Deco -- Triangle*/
.link-text__deco--triangle::before {
  content:"";
  width: 0;
  height: 0;
  border: 0.4em solid transparent;
  border-left-color: var(--color-sc-light);
  margin: 0;
  display: inline-block;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
a:hover .link-text__deco--triangle::before {
  border-left-color: var(--color-link-cmn-hover);
}
/*Link - Text _ Deco -- More*/
.link-text__deco--more {
  padding-right: 1em;
}
.link-text__deco--more::after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  margin: 0 0 0 1rem;
  border:  0;
  border-top: 0.2em solid;
  border-right: 0.2em solid;
  display: inline-block;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  top: -0.1em;
}
.link-text__deco--more:hover::after {
 
}
/*Link - Text _ Deco -- SP Website*/
.link-text__deco--spsite {
  padding: 0.5rem 2.6rem 0.5rem 2rem;
  margin: 1rem;
  background: #68b7bb;
  border-radius: 5px;
  color: var(--color-white);
  text-align: center;
  display: inline-block;
  position: relative;
} 
.link-text__deco--spsite:hover {
  color:  var(--color-white);
  text-decoration: none;
  filter: brightness(1.2);
}
.link-text__deco--spsite::after {
  content:"";
  width: 0;
  height: 0;
  border: 0.5rem solid transparent;
  border-left-color: var(--color-white);
  position: absolute;
  top: 50%;
  right: 0.5rem;
  margin-top: -0.5rem;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
p.lnkPtop {
  padding: 0 2%;
  margin: calc(var(--fs) * 4) auto calc(var(--rs) * 2);
  font-size: calc(var(--fs) * 1.4);
  font-weight: bold;
  font-style: normal;
  filter: drop-shadow(2px 2px 4px rgb(0 0 0 / 60%));
}
/*-------------------------------
  共通：特設サイト関連リンク
---------------------------------*/
.rerated-link {
  width: min(90%, 80rem);
  padding: 0;
  margin: calc(var(--rs) * 6) auto calc(var(--rs) * 2);
  background: var(--color-white);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
  color: var(--color-link-cmn);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rerated-link::hover {
  color: var(--color-link-cmn-hover);
  text-decoration: none;
}
.rerated-link__banner {
  max-width: 50%;
  object-fit: contain;
}
.rerated-link__text {
  margin: 0 auto;
  padding: 0 1em;
  color: var(--color-link-cmn);
  font-size: calc(var(--fs) * 1.6);
  line-height: 1.5;
  text-align: center;
}
.txt--read {
  line-height: 1.6;
  margin: 2rem auto 1rem;
  padding: 0;
}
/*link banner*/
.ar-banner {
  max-width: 80rem;
  padding: 0 0 1rem;
  margin: 2rem auto;
  font-size: calc(var(--fs) * 2);
  text-align: center;
  display: block;
}
/*link shop link*/
.ar-shoplink {
  max-width: 90%;
  padding: 0;
  margin: 2rem auto;
  background: var(--color-white);
  box-shadow: 0 0 .5rem 0 rgba(166,154,152,0.9);;
  /*Flex - parent*/
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ar-shoplink__banner {
  max-width: 40%;
}
.ar-shoplink__text {
  margin: 0 auto;
  line-height: 1.2;
  padding: 0.8rem;
}
/*-------------------------------
 a link  _ event only design
---------------------------------*/
a.link-btn-blu	{
  width: 100%;
  padding: 1em 1.5em;
  background: rgb(0 0 0 / 50%);
  border-radius: 5px;
  border: 1px solid #6fb8e3;
  box-shadow:0 0px 3px 1px rgb(35 150 220 / 60%);
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
a.link-btn-blu:hover {
  background: rgb(0 0 0 / 80%);
  box-shadow:0 0px 3px 1px #e6c95b;
  color: #e6c95b;
  filter: brightness(1.1);
}
/*-------------------------------
 header
---------------------------------*/
header {
  width: 100%;
  height: var(--h-header);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
#sdOSlink {
  width: calc(var(--rs) * 20);
  margin: calc(var(--rs) * 1) auto 0;
  text-align: center;
  filter:drop-shadow(0px 1px 3px #452921/*#df696b*/);
}

a[id]:not([href]) {
  height: var(--h-header);
  margin-top: calc(var(--h-header) * -1);
  display: block;
}
/*-------------------------------
 main
---------------------------------*/
main {
  min-height: 100vh;
  padding-bottom: 10vmin;
  background: 
    linear-gradient(180deg, rgb(248 236 214 / 70%) 0%, rgb(248 236 214 / 70%) 100%), 
    url(/event/owners/teaparty2025/image/bg_noise.png) 50% 50% / calc(var(--rs) * 9) repeat
  ;
  font-family: var(--ff-YuGtc);
  overflow: hidden;
  position: relative;
}
hr.tp2025line {
  width: min(90%, 69rem);
  height: calc(var(--rs) * 2.5);
  margin: calc(var(--rs) * 0) 5% calc(var(--rs) * 1) auto;
  background: url("/event/owners/teaparty2025/image/hr-img.png") 50% 50% / contain no-repeat;
  border: none;
}
/*-------------------------------
 event top 
---------------------------------*/
#teaparty2025 {
  width: min(100%, 108rem);
  padding-bottom: calc(var(--rs) * 5);
  margin: 0 auto;
  background: 
    url("/event/owners/teaparty2025/image/bg_main-bottom.jpg") 50% bottom / contain no-repeat,
    url("/event/owners/teaparty2025/image/bg_main-middle.jpg") 50% bottom / contain repeat-y
    ;
  box-shadow: 0 0 10px rgb(70 35 4 / 50%);
  position: relative;
}
/*@media screen and (orientation: landscape) {
  #teaparty2025 {
    min-height: 90vh;
  }
}*/
/*event header*/
.teaparty2025EventHeader {
  background: url("/event/owners/teaparty2025/image/bg_header.jpg") 50% 0 / contain no-repeat;
}
/*event title*/
.teaparty2025Event-title {
  width: min(100%, 134rem); 
  margin: 0 auto;
  /*filter: drop-shadow(0 0 calc(var(--rs) * 4) rgb(1 25 50)) drop-shadow(0 0 calc(var(--rs) * 1) rgb(1 25 50)) drop-shadow(0 0 1px #ff9)  drop-shadow(0 5px calc(var(--rs) * 1) rgb(0 0 0));*/
  position: relative;
}
.teaparty2025Event-title::before {
  content: "";
  width: min(30%, calc(var(--rs) * 46));
  height: min(110.4%,calc(var(--rs) * 53));
  background: url("/event/owners/teaparty2025/image/deco_flower-score.png") 50% 0 / cover no-repeat;
  display: block;
  position: absolute;
  left: -12.68%;
  top: 0;
  z-index: 0;
}
.teaparty2025Event-title img {
  position: relative;
  z-index: 1;
}
/*-------------------------------
 event outline
---------------------------------*/
.teaparty2025EventOutline {
  width: min(90%, 96rem);
  margin: 1em auto;
  text-align: center;
  position: relative;
}
.outline-date {
  color: var(--c-brw-5);
  font-family: var(--ff-NtSnsJP);
  font-size: calc(var(--fs) * 0.8 + var(--rs) * 2.6);
}
.outline-hours {
  color: var(--c-brw-5);
  font-family: var(--ff-NtSnsJP);
  font-size: calc(var(--fs) * 1.2 + var(--rs) * 1.2);
}
.outline-organizer {
  margin-top: 0.8em;
  font-size: calc(var(--fs) * 0.8 + var(--rs) * 1.0);
  line-height: 1.4;
}
.outline-organizer > span {
  display: inline-block;
}
/*-------------------------------
 event intro
---------------------------------*/
.teaparty2025EventIntro {
  width: min(90%, 82rem);
  margin: 0 auto;
  font-size: calc(var(--fs) * 2);
  text-align: left;
}
.intro-text + .intro-text {
  margin-top: 1em;
}
.intro-text > b {
  color: var(--c-red-3);
  font-size: 112.5%;
  display: inline-block;
}
/*-------------------------------
 event image photo
---------------------------------*/
.imgPhoto01 {
  width: min(50%, calc(var(--fs) * 26));
  margin: calc(var(--rs) * -3) auto 0;
}
.imgPhoto02 {
  width: min(116%, calc(var(--fs) * 55));
  margin: 1em -8% calc(var(--fs) * -6);
}
@media screen and (min-width:768px) {
  .imgPhoto01 {
    width: min(30%, calc(var(--rs) * 26));
    margin: calc(var(--rs) * -3) 1% 5em 0.5em;
    float: right;
  }
  .imgPhoto02 {
    width: min(50%, calc(var(--fs) * 55));
    margin: calc(var(--rs) * -28) calc(var(--rs) * -4) calc(var(--fs) * -6) -5em;
    float: right;
  }
}
/*-------------------------------
 event program
---------------------------------*/
.teaparty2025EventProgram {
  width: min(94%, 94rem);
  margin: calc(var(--fs) * 3) 2% calc(var(--fs) * 6) auto;
  padding: calc(var(--fs) * 3) calc(var(--fs) * 2);
  background: #fff;
  box-shadow: 2px 5px 10px rgb(70 35 4 / 50%);
  clear: both;
  line-height: 1.5;
  text-align: left;
  position: relative;
}
.program-title {
  color: var(--c-brw-5);
  font-size: calc(var(--fs) * 3);
  font-weight: bold;
  line-height: 1;
}
.program-cont {
  margin-top: 0.25em;
  font-size: calc(var(--fs) * 2);
}
.program-title +.program-cont {
  margin-top: 0.75em;
}
.program-cont::before {
  content: "\0025cf";
  margin-right: 1em;
  font-size: 25%;
  position: relative;
  top: -1em;
}
/*-------------------------------
 event data
---------------------------------*/
.teaparty2025EventData {
  width: min(90%, 82rem);
  margin: calc(var(--fs) * 3) auto 0;
  font-size: calc(var(--fs) * 1.2 + var(--rs) * 0.8);
  text-align: left;
}
.event-dataCont {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}
.event-dataCont-wrap {
  flex-wrap: wrap;
}
.event-dataCont > dt {
  min-width: 5em;
  margin-right: 1em;
  color: var(--c-brw-5);
  font-size: 112.5%;
  font-weight: bold;
}
.event-dataCont > dt::before {
  content: "◆";
  margin-right: 0.5em;
  font-size: 50%;
  position: relative;
  top: -0.5em;
}
.event-dataCont > dd {
  padding: 0.15em 0;
  margin-bottom: 0.5em;
  line-height: 1.4;
}
.event-dataCont > dd:has(.event-entry) {
  width: 100%;
}
/*event-entry*/
.event-entry {
  margin-left: 0.5em;
  border-collapse: separate;
  border-spacing: 0.5em;
  font-size: calc(var(--fs) * 2);
}
.event-entry th,
.event-entry td {
  padding: 0.25em 0.5em;
  font-weight: bold;
  line-height: 1.4;
}
.event-entry th {
  background: var(--c-red-3);
  color: #fff;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
}
/*event eligibility*/
.event-eligibility {
  width: 100%;
  margin: 1em auto;
  background: #fff;
  border: 2px solid var(--c-red-3);
  border-collapse: separate;
  border-spacing: 0.5em;
  border-radius: calc(var(--fs) * 1);
}
.event-eligibility th {
  width: 4.5em;
  color: var(--c-red-3);
  font-size: calc(var(--fs) * 2);
}
.event-eligibility td {
  padding-bottom: 0.5em;
}
.eligibility-text {
  color: #333;
  font-size: calc(var(--fs) * 1.6);
  font-weight: bold;
}
.eligibility-check {
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
}
.eligibility-check {
}
.eligibility-check li {
  margin-top: 0.5em;
  margin-right: 0.5em;
  line-height: 1.4;
  display: inline-block;
}
.event-entryLink {
  margin: calc(var(--rs) * 2) auto calc(var(--rs) * 4);
  text-align: center;
}
/*-------------------------------
 navi loacl
---------------------------------*/
.navi-local {
  width: min(100%, 96rem);
  padding: 0.5em 1em;
  margin: calc(var(--rs) * 2) auto;
  background: rgb(255 255 255 / 70%);
  border-radius: calc(var(--fs) * 1);
  box-shadow: 2px 5px 10px rgb(70 35 4 / 50%);
}
.navi-local li {
  padding: 0.5em 1em;
  padding-left: 2em;
  text-indent: -1em;
}
/*-------------------------------
 common element
---------------------------------*/
.contWrap {
  width: min(100%, 108rem);
  padding: 0;
  padding-bottom: 1px;
  margin: calc(var(--fs) * 4) auto;
  background: url(/event/owners/teaparty2025/image/bg_main-bottom.jpg) 50% bottom / contain no-repeat, url(/event/owners/teaparty2025/image/bg_main-middle.jpg) 50% bottom / contain repeat-y;
  box-shadow: 0 0 10px rgb(70 35 4 / 50%);
  position: relative;
}
.contWrap hr.tp2025line {
  width: min(90%, 90rem);
  margin: 0 auto;
}
.contContainer {
  margin: calc(var(--rs) * 4) auto;
  position: relative;
}
/*cont text*/
.contTitle {
  padding: calc(var(--rs) * 8) 2%;
  background: 
    url("/event/owners/teaparty2025/image/hr-img-wht.png")  50% calc(50% + 1.5em) / calc(var(--rs) * 90) no-repeat,
    linear-gradient(0deg, rgb(45 25 20 / 80%) 0%, rgb(45 25 20 / 20%) 100%),
    url("/event/owners/teaparty2025/image/bg_header.jpg") 50% 50% / cover no-repeat
      ;
  color: #fff;
  font-size: calc(var(--fs) * 0.8 + var(--rs) * 2.4);
  text-shadow: 0 calc(var(--rs) * 0.2) calc(var(--rs) * 0.5) rgb(0 0 0 / 100%);
}
.contText {
  width: 94%;
  padding: 0.5em;
  margin: 1em auto;
  font-size: calc(var(--fs) * 1.8);
  text-align: left;
}
/*entry link bottn*/
a.entryLink {
  width: min(100%, 72rem);
  padding: 1.5em 2em;
  margin: 0 auto;
  background: var(--c-link-nml);
  border-radius: calc(var(--rs) * 1.4);
  box-shadow: 0 calc(var(--rs) * 0.4) calc(var(--rs) * 1) rgb(70 35 4 / 50%);
  color: #fff;
  font-size: calc(var(--fs) * 1.8);
  display: block;
  position: relative;
}
a.entryLink i {
  position: absolute;
  right: 1em;
  top: calc(50% - 0.5em);
}
a.entryLink small {
  font-size: calc(var(--fs) * 1.4);
}
/*ic*/
.contNotes > p:not([class]):has(.ic-members) {
  min-height: calc(var(--rs) * 6);
  padding-top: 1em;
}
.ic-members {
  width: min(15%, calc(var(--fs)* 8));
  margin: calc(var(--rs)* -1) calc(var(--fs)* 1) calc(var(--rs)* 2) calc(var(--fs)* -2);
  display: inline-block;
  float: left;
  position: relative;
  z-index: 1;
}
/*note list*/
.noteList {
  margin: 1em auto;
  font-size: 75%;
  font-weight: bold;
  text-align: left;
}
.noteList > li {
  padding-left: 1em;
  margin: 0.5em 0;
  line-height: 1.4;
  text-indent: -1em;
}
/*-------------------------------
 entry flow
---------------------------------*/
.contEntryFlow {
  width: 94%;
  margin: calc(var(--fs) * 4) auto calc(var(--fs) * 1);
  background: rgb(255 255 255 / 90%);
  text-align: left;
  position: relative;
}
.contEntryFlow + .contEntryFlow {
  margin-top: calc(var(--fs) * 7);
}
.contEntryFlow + .contEntryFlow::before {
  content: "";
  width: calc(var(--fs)* 5);
  height: calc(var(--fs)* 2.5);
  background: var(--c-brw01);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  display: block;
  position: absolute;
  left: calc(50% - var(--fs)* 2.5);
  top: calc(var(--fs)* -4.5);
}
.contEntryFlow b {
  text-indent: 0;
}
/*entyr flow title*/
.entryFlowTitle {
  background: var(--c-brw-2);
  color: #fff;
  font-size: calc(var(--fs) * 2.4);
  font-weight: normal;
  text-align: center;
}
.entryFlowTitle-step {
  padding-bottom: calc(var(--rs)* 0.5);
  background: rgb(0 0 0 / 10%);
  box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%);
  font-family: var(--ff-notoserif);
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.05em;
  display: block;
  overflow: hidden;
}
.entryFlowTitle-text {
  padding: calc(var(--fs)* 1.5) calc(var(--fs)* 1);
  line-height: 1.4;
  display: block;
}
/*entry flow outline*/
.entryFlowOutline {
  padding: 0 1em 1em;
  margin: calc(var(--fs) * 2) auto;
  font-size: calc(var(--fs) * 1.8);
  text-align: left;
}
.entryFlowOutline div ~ div {
  padding-top: 1em;
  border-top: 1px var(--c-brw-1) dashed;
}
.entryFlowOutline dt {
  padding-left: 1em;
  color: var(--c-brw-5);
  font-size: calc(var(--fs) * 2.4);
  font-weight: bold;
  text-indent: -1em;
}
.entryFlowOutline dd {
  padding: 0.5em 0.25em 0.5em calc(var(--fs) * 2);
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.entryFlowOutline dd p + p {
  margin-top: 1em;
}
.entryFlowOutline-points {
  padding: 0.5em 1em;
  margin-top: 0.5em;
  background: #ebe4d5;
}
.entryFlowOutline-points > li {
  margin: 0.5em;
  font-weight: bold;
  list-style: disc;
}
.entryFlowOutline-points > li b {
  display: inline-block;
}
.entryFlowOutline-points .noteList {
  margin-top: 0.5em;
  color: var(--c-brw-4);
}
.entryFlowOutline-points + P {
  margin-top: 1em;
}
/*entry flow text*/
.contEntryFlow p {
  font-size: calc(var(--fs) * 1.8);
}
.contEntryFlow p:not([class]) {
  margin-bottom: 1em;
  text-align: left;
}
.contEntryFlow p:has(.ic-members) {
  padding: 1em 0 0;
}
.contEntryFlow p.entryPeriod {
  font-size: calc(var(--fs) * 2.2);
}
.contEntryFlow p.entryLink {
  text-align: center;
}
.contEntryFlow :is(em,b) {
  color: var(--c-red-3);
}
/*-------------------------------
 infomation notes
---------------------------------*/
.contNotes {
  width: 94%;
  padding: calc(var(--fs) * 2);
  margin: calc(var(--fs) * 2) auto;
  background: rgb(255 255 255 / 90%);
  font-size: calc(var(--fs) * 1.8);
  text-align: left;
}
.contNotes > p:not([class]) {
  margin: calc(var(--fs) * 1.5) calc(var(--rs)* 0.5) 0.5em;
}
.contNotes > :is(ul, ol, dl) {
  margin: 1em calc(var(--rs)* 0.5) 0.5em;
}
.contNotes b {
  margin-bottom: 0.5em;
  color: var(--c-red-3);
  font-size: calc(var(--fs) * 1.8);
  line-height: 1.5;
}
.contNotes b.indent {
  margin-left: 1em;
  text-indent: -1em;
  display: inline-block;
}
.contNotes .noteList {
  margin: 0 calc(var(--rs)* 0.5);
  color: var(--c-red-3);
  font-size: calc(var(--fs) * 1.5);
}
/*notes title*/
.contNotesTitle {
  padding: calc(var(--rs)* 0.5) 1em;
  background: var(--c-red-3);
  border-bottom: 4px double #fff;
  color: #fff;
  font-size: calc(var(--fs) * 2.2);
  font-weight: normal;
}
.contNotesTitle-second {
  padding-left: calc(var(--rs)* 0.5 + 1em);
  margin: 1em auto 0.5em;
  color: var(--c-brw-3);
  font-size: calc(var(--fs) * 2.0);
  line-height: 1.3;
  text-indent: -1em;
}
/*notes list*/
.contNotesList {
  padding: 0.5em 1em;
  margin-top: 0.5em;
  background: #ebe4d5;
  clear: both;
}
.contNotesList > li {
  margin: 0.5em;
  list-style: disc;
}
ol.contNotesList {
  background: none;
}
ol.contNotesList > li {
  list-style: decimal;
}
.contTextInfo {
  margin: 2em 10%;
  color: var(--c-red-3);
  font-size: calc(var(--fs) * 2);
  text-align: center;
}
/*-------------------------------
 infomation inquiry
---------------------------------*/
.inquiryWrap {
  width: min(96%, 102rem);
  padding: 4%;
  margin: calc(var(--rs) * 2) auto calc(var(--fs) * 4);
  background: var(--c-brw-3);
  position: relative;
}
.inquiryTitle {
  padding: 0.5em;
  margin-bottom: calc(var(--rs) * 2);
  color: #fff;
  font-size: calc(var(--fs) * 2.4);
  font-weight: normal;
}
.inquryCont {
  /*border-top: 1px solid #553311;*/
  border-bottom: 1px solid #5c443b;
  font-weight: bold;
  text-align: left;
  position: relative;
}
/*.inquiryWrap > .inquryCont:first-of-type::before,
.inquiryWrap > .inquryCont:last-of-type::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
}
.inquiryWrap > .inquryCont:first-of-type::before {
  background: #2e1a0a;
  top: -2px;
}
.inquiryWrap > .inquryCont:last-of-type::before {
  background: #553311;
  bottom: -2px;
}*/
.inquryCont summary {
  padding: 1em 2em;
  background: rgb(255 255 255 / 100%);
  cursor: pointer;
  color: var(--c-pnk-2);
  font-size: calc(var(--fs) * 1.8);
  list-style: none;
  position: relative;
}
.inquryCont summary::-webkit-details-marker {
  display: none;
}
.inquryCont summary:hover,
.inquryCont[open] summary,
.inquryCont > div {
  background: rgb(255 255 255 / 100%);
}
.inquryCont > div {
  padding: 0em 1em 1.5em 2em;
  margin-top: -0.5em;
  font-size: calc(var(--fs) * 1.6);
  position: relative;
}
.inquryCont summary::after {
  content: "\f0fe";
  color: var(--c-pnk-2);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 0.5em;
  position: absolute;
  right: 0.5em;
}
.inquryCont[open] summary::after {
  content: "\f146";
}
.inquryCont[open] summary,
.inquryCont[open] summary::after {
  color: var(--c-pnk-2);
}
.inquryCont summary::before {
  content: "Q.";
}
.inquryCont > div::before {
  content: "A.";
  font-size: calc(var(--fs) * 1.6);
}
.inquryCont summary::before,
.inquryCont > div::before {
  font-weight: bold;
  position: absolute;
  left: 0.75em;
}
.inquryCont summary::after,
.inquryCont summary::before {
  top: 1em;
  right: 1em;
}
.inquryCont > div::before {
  top: 0;
}
.inquryCont * + p {
  margin-top: 1em;
}
.inquryCont a {
  padding: 0 0.1em;
  color: var(--c-pnk-1);
}
.inquryCont b {
  padding: 0.1em 0.4em;
  margin: 0 0.2em;
  background: var(--c-red-1);
  border-radius: 3px;
  font-size: 112.5%;
  font-weight: normal;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.inquryCont small {
  font-size: 87.5%;
}
.inquryCont ul {
  margin: 1em 1.25em;
  list-style: disc;
}
.inquryCont ul li {
  margin: 0.5em 0;
  line-height: 1.3;
}
/* contact us*/
.contacts {
  padding: 1em 2em;
  margin: 1em auto 0;
  background: #fff;
  color: #5c443b;
  font-size: calc(var(--fs) * 1.6);
  font-weight: bold;
  text-align: left;
}
.contacts-title {
  font-size: calc(var(--fs) * 1.8);
  text-indent: -1em;
}
.contacts-address {
  /*width: fit-content;*/
  padding: 0.5em;
  margin: 0.5em 0;
  background: #ebe4d5;
  /*border: 1px solid #5c443b;*/
}
.contacts-address dd {
  padding-left: 1em;
}
.contacts-text {
  margin: 0;
}
.contacts-info {
  margin: 0.5em 0;
}
/*-------------------------------
 Footer
---------------------------------*/
.event-notice {
  width: min(90%, 82rem);
  margin: 1em auto;
  font-size: calc(var(--fs) * 1.2);
  font-weight: bold;
  text-align: left;
}
.event-notice li {
  padding-left: 1em;
  margin-top: 0.25em;
  text-indent: -1em;
}
/*-------------------------------
 Footer
---------------------------------*/
footer {
  width: 100%;
  padding: calc(var(--fs) * 2) 2% calc(var(--fs) * 4);
  margin: 0 auto;
  background: var(--c-brw-5);
  color: #fff;
  position: relative;
}
.footer-inner {
  width: min(94%, 96rem);
  margin: 0 auto;
  position: relative;
}
/*footer logo*/
.footer-logo {
  width: min(15rem, calc(100vw / 3));
  margin: calc(var(--fs) * 1) auto;
}
/*footer copylight & note*/
footer :is(.footer__copylight,.footer__note) {
  margin: 1em auto 0;
}
footer :is(.footer__copylight,.footer__note) li {
  margin: 0.25em 0;
  font-size: calc(var(--fs) * 1.2);
}
.footer__copylight {
  line-height: 1.2;
}
.footer__note {
  line-height: 1.4;
  text-align: left;
  display: inline-block;
}
.footer__note  li {
  padding-left: 1em;
  text-indent: -1em;
}
.footer__copylight-sd {}
.footer__copylight-dd { display: none;}
