@charset "UTF-8";
/* =====================
  リセット
 ======================= */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ul, ol {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

i, address {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

small {
  font-size: 100%;
}

/* =====================
	日本臨床細胞学会中国四国連合会
 ======================= */
/** -------------------- 変数定義 -------------------- **/
:root {
  /* カラー定義 */
  --c_text: #000000;
  --c_wht: #fff;
  --c_blue: #0056be;
  --c_sky: #00a2ee;
  --c_gray: #808080;
  --c_green: #44aab5;
  --c_orange: #ff7300;
  /* フォント定義 */
  --font_ja: 'Noto Sans JP', sans-serif;
  /* transition定義 */
  --anim: all 0.4s ease-out;
}

body {
  font-family: var(--font_ja);
  font-size: clamp(10px, 0.83333vw, 0.83333vw);
  line-height: 1.5625;
  letter-spacing: 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #000000;
  -webkit-transition: font-size 0.4s ease;
  transition: font-size 0.4s ease;
}

body.is-large {
  font-size: clamp(12px, 0.9375vw, 0.9375vw);
}

body.is-large .p-inner {
  width: 58.59375%;
}

body * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  max-width: 100%;
  display: block;
}

.clearfix {
  clear: both;
}

a {
  color: #000000;
  -webkit-transition: var(--anim);
  transition: var(--anim);
  text-decoration: none;
}

a:hover {
  opacity: 0.7;
}

/** -------------------- COMMON STYLE -------------------- **/
.c-t_center {
  text-align: center !important;
}

.c-t_right {
  text-align: right !important;
}

.c-t_left {
  text-align: left !important;
}

.c-t_bold {
  font-weight: 700 !important;
}

.c-c_blue {
  color: var(--c_blue) !important;
}

.c-c_black {
  color: var(--c_text) !important;
}

.c-req {
  color: #ff0000;
}

.p-inner {
  width: 52.08333%;
  margin: 0 auto;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}

.p-section {
  margin-bottom: 5em;
}

/** heading **/
.c-heading01 {
  font-size: 206.25%;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.21212;
}

.c-heading02 {
  color: var(--c_blue);
  font-size: 125%;
  font-weight: 500;
}

.c-heading03 {
  color: var(--c_blue);
  font-size: 112.5%;
  font-weight: 500;
  margin: 1.75em 0 0.5em;
}

.c-heading03:first-child {
  margin-top: 0;
}

.c-heading04 {
  font-size: 125%;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.35;
  border-bottom: 2px dotted var(--c_blue);
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}

.p-pageHeader {
  background: url(../img/common/header_bg.jpg) no-repeat center/cover;
  height: 13.75em;
  position: relative;
}

.p-pageHeader__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-pageHeader__name {
  font-size: 206.25%;
  font-weight: 600;
  letter-spacing: 0.04em;
  border-left: 3px solid var(--c_blue);
  padding-left: 0.5em;
}

/** リスト **/
.p-list--disc {
  margin: 1.75em 0;
}

.p-list--disc:first-child {
  margin-top: 0;
}

.p-list--disc:last-child {
  margin-bottom: 0;
}

.p-list--disc > * {
  padding-left: 1.25em;
  text-indent: -1.25em;
  margin-bottom: 1.75em;
}

.p-list--disc > *:last-child {
  margin-bottom: 0;
}

.p-list--disc > *:before {
  content: "●";
  color: var(--c_blue);
  margin-right: 0.25em;
}

.p-list--num > * {
  padding-left: 1.25em;
  text-indent: -1.25em;
}

/** ボタン **/
.c-btn01 {
  display: block;
  letter-spacing: 0.04em;
  margin: 0 auto;
  background: var(--c_sky);
  color: var(--c_wht);
  padding: 0.375em 1.25em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-btn01:after {
  content: "〉〉";
  display: inline-block;
  margin-left: 0.5em;
}

/** パンくず **/
.p-breadcrumb {
  padding: 2em 0;
}

.p-breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 93.75%;
}

.p-breadcrumb__item:after {
  content: ">";
  padding: 0 1em;
  display: inline-block;
}

.p-breadcrumb__item:last-child:after {
  display: none;
}

/** スライドカンファレンス **/
.p-conferenceBlock {
  border: 4px solid #40c1c5;
  border-top: 0;
  background: var(--c_wht);
  position: relative;
}

.p-conferenceBlock__title {
  background: #40c1c5;
  color: var(--c_wht);
  text-align: center;
  font-size: 118.75%;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.p-conferenceBlock__body {
  font-size: 87.5%;
  letter-spacing: 0.04em;
  padding: 1em 1em 3em;
}

.p-conferenceBlock__btn {
  position: absolute;
  right: 0;
  bottom: -4px;
  width: 54.46809%;
}

/** 事務局 **/
.p-officeBlock__title {
  text-align: center;
  background: var(--c_gray);
  color: var(--c_wht);
  font-weight: 700;
  letter-spacing: 0.09em;
}

.p-officeBlock__body {
  border: 2px solid #bfbfbf;
  border-top: 0;
  font-size: 87.5%;
  padding: 0.5em;
}

/** バナー **/
.p-bnrBlock__list__item {
  margin-bottom: 1em;
}

.p-bnrBlock__list__item:last-child {
  margin-bottom: 0;
}

/** サイドナビ **/
.l-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.l-col2__main {
  width: 66%;
}

.l-col2__sidenav {
  width: 23.5%;
}

.p-sidenav__title {
  font-weight: 600;
  color: var(--c_blue);
  border-bottom: 2px solid currentColor;
  padding-bottom: 0.5em;
  margin: 4em 0 1em;
}

.p-sidenav__title:first-child {
  margin-top: 0;
}

.p-sidenav__category {
  margin-top: -0.5em;
}

.p-sidenav__category__item {
  border-bottom: 2px dotted var(--c_blue);
  padding: 0.75em 0;
}

.p-sidenav__category__link {
  position: relative;
  display: block;
  padding-right: 3em;
}

.p-sidenav__category__link:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent currentColor;
  position: absolute;
  right: 0.5em;
  top: 0;
  bottom: 0;
  margin: auto;
}

.p-sidenav__archive__item {
  margin-bottom: 0.75em;
}

/** ページネーション **/
.wp-pagenavi {
  margin-top: 3.75em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em 1em;
}

.wp-pagenavi a, .wp-pagenavi span {
  font-size: 93.75%;
  color: var(--c_blue);
}

.wp-pagenavi .current {
  background: var(--c_blue);
  color: var(--c_wht);
  width: 2em;
  height: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wp-pagenavi .previouspostslink {
  background: var(--c_blue);
  color: var(--c_wht);
  padding: 0.5em;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.wp-pagenavi .previouspostslink:before {
  content: "〈〈";
  margin-right: 0.5em;
}

.wp-pagenavi .nextpostslink {
  background: var(--c_blue);
  color: var(--c_wht);
  padding: 0.5em;
  -webkit-box-ordinal-group: 1000;
      -ms-flex-order: 999;
          order: 999;
}

.wp-pagenavi .nextpostslink:after {
  content: "〉〉";
  margin-left: 0.5em;
}

/** -------------------- HEADER -------------------- **/
.l-header {
  background: var(--c_wht);
  position: relative;
}

.l-header__container {
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 45.5% auto;
  row-gap: 0.5em;
  padding: 0.75em 0;
}

.l-header__logo {
  grid-row: span 2;
}

.l-header__gnav {
  background: var(--c_sky);
}

.p-header__support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-column-gap: 1.8em;
     -moz-column-gap: 1.8em;
          column-gap: 1.8em;
  font-size: 87.5%;
  letter-spacing: 0.04em;
}

.p-header__support__contact__link {
  text-decoration: underline;
}

.p-header__support__contact__link:before {
  content: "〉";
  display: inline-block;
}

.p-header__support__font {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
}

.p-header__support__font__btn {
  padding: 0.25em 0.5em;
  line-height: 1.0;
  display: block;
  background: var(--c_sky);
  border: 1px solid var(--c_sky);
  color: var(--c_wht);
  cursor: pointer;
}

.p-header__support__font__btn--current {
  background: none;
  color: var(--c_sky);
}

.p-header__search {
  font-size: 87.5%;
  letter-spacing: 0.04em;
}

.p-header__search__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
}

.p-header__search__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid var(--c_gray);
  font-family: var(--font_ja);
  font-size: 100%;
  width: 146px;
  padding: 0 4px;
}

.p-header__search__btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  width: 1.65em;
  height: 1.65em;
  background: url(../img/common/icon_search.svg) no-repeat center/1em, var(--c_gray);
  cursor: pointer;
  -webkit-transition: var(--anim);
  transition: var(--anim);
}

.p-header__search__btn:hover {
  opacity: 0.7;
}

.p-header__gnav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid var(--c_wht);
}

.p-header__gnav__list__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-header__gnav__list__link {
  text-align: center;
  display: block;
  border-right: 1px solid var(--c_wht);
  background: var(--c_sky);
  color: var(--c_wht);
  letter-spacing: 0.04em;
  padding: 0.75em;
}

.p-header__gnav__list__link--current {
  background: var(--c_blue);
  pointer-events: none;
}

.p-header__gnav__list__link:hover {
  background: var(--c_blue);
}

/** -------------------- FOOTER -------------------- **/
.l-footer__container {
  width: 71.875%;
  margin: 0 auto;
  padding: 2.5em 0 3.75em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 7.5em;
     -moz-column-gap: 7.5em;
          column-gap: 7.5em;
}

.l-footer__info {
  width: 32.97101%;
}

.l-footer__guide {
  background: var(--c_gray);
  color: var(--c_wht);
}

.l-footer__guide a {
  color: var(--c_wht);
}

.l-footer__copyright {
  background: var(--c_sky);
  color: var(--c_wht);
}

.p-footer__logo {
  margin-bottom: 1.875em;
}

.p-footer__address {
  font-size: 87.5%;
  letter-spacing: 0.04em;
}

.p-footer__nav__list {
  font-size: 87.5%;
  letter-spacing: 0.04em;
  line-height: 1.75;
  display: grid;
  grid-template-rows: repeat(5, auto);
  grid-auto-flow: column;
  gap: 0 3em;
}

.p-footer__nav__list__link:before {
  content: "〉";
  margin-right: 0.5em;
}

.p-footer__nav__list__parent {
  grid-row: span 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1.5em;
     -moz-column-gap: 1.5em;
          column-gap: 1.5em;
}

.p-footer__nav__list__parent .p-footer__nav__list__link {
  width: 100%;
}

.p-footer__nav__list__children {
  padding-left: 1em;
}

.p-footer__nav__list__children__link:before {
  content: "・";
}

.p-footer__guide {
  padding: 1.125em 0;
}

.p-footer__guide__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  font-size: 87.5%;
  letter-spacing: 0.04em;
}

.p-footer__guide__list__link:before {
  content: "〉";
  margin-right: 0.5em;
}

.p-footer__copyright__txt {
  font-size: 87.5%;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 0.25em 0;
}

/** -------------------- ASIDE -------------------- **/
.l-aside {
  padding: 5em 0;
}

.p-aside__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
}

.p-aside__item {
  width: 14.6875em;
}

/* PCのみ
  ------------------------ */
@media (min-width: 700px) {
  .u-onlySP {
    display: none !important;
  }
  .c-t_center--pc {
    text-align: center !important;
  }
  .c-t_right--pc {
    text-align: right !important;
  }
  .c-t_left--pc {
    text-align: left !important;
  }
  .c-t_bold--pc {
    font-weight: 700 !important;
  }
}

/* タブレット
  ------------------------ */
@media (max-width: 1100px) {
  .p-inner {
    width: 90%;
  }
  body.is-large .p-inner {
    width: 94%;
  }
}

/* スマホ
  ------------------------ */
@media (max-width: 699px) {
  body {
    font-size: 16px;
  }
  body.is-large {
    font-size: 100%;
  }
  body.is-large .p-inner {
    width: 92%;
  }
  .u-onlyPC {
    display: none !important;
  }
  .c-t_center--sp {
    text-align: center !important;
  }
  .c-t_right--sp {
    text-align: right !important;
  }
  .c-t_left--sp {
    text-align: left !important;
  }
  .c-t_bold--sp {
    font-weight: 700 !important;
  }
  .p-inner {
    width: 92%;
  }
  .p-section {
    margin-bottom: 2.25em;
  }
  .c-heading01 {
    font-size: 20px;
  }
  .c-heading02 {
    font-size: 18px;
  }
  .c-heading03 {
    font-size: 16px;
  }
  .c-heading04 {
    font-size: 18px;
  }
  .p-pageHeader {
    height: 7.5em;
  }
  .p-pageHeader__name {
    font-size: 20px;
  }
  /** パンくず **/
  .p-breadcrumb {
    padding: 1.25em 0;
  }
  .p-breadcrumb__list {
    font-size: 12px;
  }
  .p-conferenceBlock {
    border-width: 2px;
  }
  .p-conferenceBlock__title {
    font-size: 16px;
  }
  .p-conferenceBlock__body {
    font-size: 87.5%;
    padding-bottom: 56px;
  }
  .p-conferenceBlock__btn {
    bottom: -2px;
    width: 100px;
  }
  .p-officeBlock__body {
    border-width: 1px;
    font-size: 87.5%;
  }
  .p-bnrBlock__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .p-bnrBlock__list__item {
    margin: 0;
  }
  .l-col2 {
    row-gap: 2.25em;
  }
  .l-col2__main {
    width: 100%;
  }
  .l-col2__sidenav {
    width: 100%;
    max-width: 270px;
    margin: 0 auto;
  }
  .p-sidenav__title {
    margin: 2.5em 0 1em;
  }
  .p-sidenav__category, .p-sidenav__archive {
    font-size: 14px;
  }
  .wp-pagenavi {
    margin-top: 40px;
  }
  .wp-pagenavi a, .wp-pagenavi span {
    font-size: 12px;
  }
  .l-header__container {
    grid-template-columns: auto auto;
  }
  .l-header__mask {
    position: fixed;
    top: 65px;
    left: 0;
    width: 100%;
    height: calc(100% - 65px);
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--anim);
    transition: var(--anim);
  }
  .l-header__mask.is-open {
    opacity: 1.0;
    visibility: visible;
  }
  .l-header__logo {
    grid-row: auto;
    width: 280px;
  }
  .l-header__gnav {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    z-index: 1000;
  }
  .p-header__menuBtn {
    width: 32px;
    height: 20px;
    position: relative;
  }
  .p-header__menuBtn span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--c_text);
    -webkit-transition: var(--anim);
    transition: var(--anim);
  }
  .p-header__menuBtn span:first-child {
    top: 0;
  }
  .p-header__menuBtn span:nth-child(2), .p-header__menuBtn span:nth-child(3) {
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .p-header__menuBtn span:last-child {
    bottom: 0;
  }
  .p-header__menuBtn.is-open span:first-child, .p-header__menuBtn.is-open span:last-child {
    opacity: 0;
  }
  .p-header__menuBtn.is-open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .p-header__menuBtn.is-open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .p-header__gnav {
    padding: 4% 0;
  }
  .p-header__gnav__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 0;
  }
  .p-header__gnav__list__item {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
  .p-header__gnav__list__link {
    border: 0;
    padding: 8px;
  }
  .l-footer__container {
    width: 92%;
    padding: 2em 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 20px;
  }
  .l-footer__info {
    width: 100%;
  }
  .l-footer__nav {
    width: 100%;
  }
  .p-footer__logo {
    width: 280px;
    margin: 0 0 1.25em;
  }
  .p-footer__address {
    font-size: 14px;
  }
  .p-footer__nav__list {
    font-size: 14px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, auto);
    grid-auto-flow: row;
    gap: 0.5em 1em;
  }
  .p-footer__nav__list__parent {
    grid-row: auto;
    grid-column: 1 / 3;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
  }
  .p-footer__guide {
    padding: 0.625em 0;
  }
  .p-footer__guide__list {
    font-size: 12px;
    -webkit-column-gap: 1.5em;
       -moz-column-gap: 1.5em;
            column-gap: 1.5em;
  }
  .p-footer__copyright__txt {
    font-size: 10px;
    padding: 0.5em 0;
  }
  /** -------------------- ASIDE -------------------- **/
  .l-aside {
    padding: 2.25em 0;
  }
  .p-aside__container {
    gap: 1.25em 1em;
  }
  .p-aside__item {
    width: 21.5625em;
    max-width: 100%;
  }
}

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