@charset "utf-8";
/* ---------------------
  - gaImg

  - html
  - body

  - a

  - wrapper
    - wrapper__header
    - wrapper__main

  - header
    - header__item
      - header__item--logo
  - headerLogo

  - slideMenu
    - slideMenu__inner
  - slideMenuOpen
  - slideMenuClose
  - slideMenuOverlay

  - main

  - searchForm
  - searchNone

  - globalNav
    - globalNav__item

  - articleSection
  - articleSectionTitle
    - articleSectionTitle__main
    - articleSectionTitle__date
  - articleSectionMain
    - articleSectionMain__thumb
    - articleSectionMain__text
  - articleSectionInner

  - commentCaption
    - commentCaption__text
    - commentCaption__btn
  - commentList
    - commentList__item
  - commentListContents
    - commentListContents__user
    - commentListContents__text

  - footer

  - comSectionTab
  - comSectionTabList
    - comSectionTabList__item
      - isCurrent

  - comSectionArea
    - comSectionArea__item
      - isCurrent

  - comSection
  - comSectionTitle
    - comSectionTitle__main
      - comSectionTitle__main--latestNews
      - comSectionTitle__main--comment
      - comSectionTitle__main--newsRanking
      - comSectionTitle__main--note
  - comSectionBody

  - comArticleList
    - comArticleList__item
      - comArticleList__item--thumbNone
  - comArticleListContents
    - comArticleListContents__thumb
    - comArticleListContents__detail
  - comArticleListRank
  - comArticleListText

  - comBtn
    - comBtn__item
      - comBtn__item--bg
  - comBtn--large
  - comBtn--middle
  - comBtn--external

  - comPager
    - comPager__total
    - comPager__list
  - comPagerList
    - comPagerList__item
      - comPagerList__item--prev
      - comPagerList__item--next
      - comPagerList__item--count

  - comList
    - comList__item
  - comListStyleType
    - comListStyleType--disc
    - comListStyleType--mark
  - comListMargin
    - comListMargin--1r

  - comForm
    - comForm__item
  - comFormContents
    - comFormContents__label
    - comFormContents__input
  - comFormInput
    - comFormInput--65p
  - comFormTextarea

  - comMarginTop
    - comMarginTop--1re
    - comMarginTop--05re
    - comMarginTop--025re

  - comFontSize
    - comFontSize--075r

  - notes

  - error
--------------------- */


.gaImg {
  position: absolute;
  bottom: 100%;
  z-index: -1;
}

.gaImg img {
  display: block;
}

/* -----------------------------------
  html
----------------------------------- */
html {
  font-size: 16px;
}



/* -----------------------------------
  body
----------------------------------- */
body {
  color: #212121;
  line-height: 1.5;
  font-family: 'Noto Sans JP', sans-serif;
  -ms-word-break: break-word;
      word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  -webkit-text-size-adjust: 100%;
}

@media screen and (max-width:768px) {
  body.isLock {
    overflow: hidden;
  }
}



/* -----------------------------------
  a
----------------------------------- */
a {
  color: #36a8f1;
}

a:hover {
  opacity: .8;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}



/* -----------------------------------
  wrapper
----------------------------------- */
#wrapper {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  max-width: 930px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  #wrapper {
    display: block;
    overflow: hidden;
  }
}


/*  wrapper__header
------------------------ */
#wrapper__header {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 270px;
  min-height: 100vh;
  margin-right: 1rem;
  background-color: #4d4d4d;
}
@media screen and (max-width:768px) {
  #wrapper__header {
    width: auto;
    min-height: auto;
    margin-right: 0;
    background-color: #fff;
  }
}


/*  wrapper__main
------------------------ */
#wrapper__main {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* -----------------------------------
  header
----------------------------------- */
#header {
  position: sticky;
  top: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:768px) {
  #header {
    display: -webkit-flex;
    display:    -moz-flex;
    display:     -ms-flex;
    display:      -o-flex;
    display:         flex;
    justify-content: space-between;
    -ms-align-items: center;
        align-items: center;
    position: static;
    padding: 3%;
  }
}


/*  header__item
------------------------ */
.header__item {
  padding: 3%;
}
@media screen and (max-width:768px) {
  .header__item {
    padding: 0!important;
  }
}

#header__item--logo {
  padding: 2em 1em calc(2em - 3%);
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* -----------------------------------
  headerLogo
----------------------------------- */
#headerLogo a {
  margin-top: -3.92%;
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

#headerLogo a span {
  display: block;
  position: absolute;
  right: 100%;
  white-space: nowrap;
}

#headerLogo a::before {
  content: "";
  display: block;
  padding-bottom: 11.7879%;
  background: url("/images/sp/header/logo.png") no-repeat 0 0;
  -webkit-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
}
@media screen and (max-width:768px) {
  #headerLogo {
    display: table;
  }

  #headerLogo a {
    margin-top: -1.96%;
    width: 50%;
    min-width: 200px;
  }

  #headerLogo a::before {
    background: url("/images/sp/header/logo_sp.png") no-repeat 0 0;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
  }
}

/* -----------------------------------
  slideMenu
----------------------------------- */
@media screen and (max-width:768px) {
  #slideMenu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
    width: 85%;
    max-width: 270px;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #4d4d4d;
    -webkit-transition: all .25s;
         -o-transition: all .25s;
            transition: all .25s;
  }
}

@media screen and (max-width:768px) {
  #slideMenu.isActive {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
}


/*  slideMenu__close
------------------------ */
@media screen and (max-width:768px) {
  .slideMenu__close {
    padding: 3%;
  }
}


/*  slideMenu__inner
------------------------ */
@media screen and (max-width:768px) {
  .slideMenu__inner {
    padding: 3%;
  }
}



/* -----------------------------------
  slideMenuOpen
----------------------------------- */
#slideMenuOpen {
  display: none;
}
@media screen and (max-width:768px) {
  #slideMenuOpen {
    display: table;
  }
}

#slideMenuOpen a {
  display: block;
  min-width: 3em;
  color: #36a8f1;
  font-size: .75rem; /* 12/16 */
  text-decoration: none;
  text-align: center;
}

#slideMenuOpen a:before {
  display: block;
  font-size: 1.5em; /* 18/12 */
  line-height: 1;
  font-family: 'icon';
  content: "\e904";
}

#slideMenuOpen span {
  display: block;
  font-weight: 500;
}



/* -----------------------------------
  slideMenuClose
----------------------------------- */
#slideMenuClose {
  display: none;
}
@media screen and (max-width:768px) {
  #slideMenuClose {
    display: table;
    margin-left: auto;
  }
}

#slideMenuClose a {
  display: block;
  min-width: 3em;
  color: #fff;
  font-size: .75em; /* 12/16 */
  text-decoration: none;
  text-align: center;
}

#slideMenuClose a:before {
  display: block;
  font-size: 1.16666667em; /* 14/12 */
  line-height: 1.2857142857; /* 18/14 */
  font-family: 'icon';
  content: "\e903";
}

#slideMenuClose span {
  display: block;
  font-weight: 500;
}



/* -----------------------------------
  slideMenuOverlay
----------------------------------- */
#slideMenuOverlay {
  display: none;
}
@media screen and (max-width:768px) {
  #slideMenuOverlay {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgba(51,51,51,.75);
    -webkit-transition: all .25s;
         -o-transition: all .25s;
            transition: all .25s;
  }
}

@media screen and (max-width:768px) {
  #slideMenuOverlay.isActive {
    visibility: visible;
    opacity: 1;
  }
}



/* -----------------------------------
  main
----------------------------------- */



/* -----------------------------------
  searchForm
----------------------------------- */
#searchForm {
  position: relative;
  z-index: 0;
  overflow: hidden;
  border: 1px solid #a6a6a6;
  border-radius: 10px;
  background-color: #fff;
}

#searchForm:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 3%;
  z-index: -1;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #212121;
  font-size: 1rem;
  line-height: 1;
  font-family: 'icon';
  content: "\e904";
}

#searchForm input {
  width: 100%;
  height: 47px;
  margin: 0;
  padding: 3%;
  padding-left: calc( 3% + 1.5rem);
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Noto Sans JP', sans-serif;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

#searchForm input::-webkit-input-placeholder {
  color: #7a7a7a;
  font-weight: 500;
}

#searchForm input::-moz-placeholder {
  color: #7a7a7a;
  font-weight: 500;
}

#searchForm input:-ms-input-placeholder {
  color: #7a7a7a;
  font-weight: 500;
}

#searchForm input::-ms-input-placeholder {
  color: #7a7a7a;
  font-weight: 500;
}

#searchForm input::placeholder {
  color: #7a7a7a;
  font-weight: 500;
}

#searchForm input:active::-webkit-input-placeholder ,
#searchForm input:focus::-webkit-input-placeholder {
  color: transparent;
}

#searchForm input:active::-moz-placeholder ,
#searchForm input:focus::-moz-placeholder {
  color: transparent;
}

#searchForm input:active:-ms-input-placeholder ,
#searchForm input:focus:-ms-input-placeholder {
  color: transparent;
}

#searchForm input:active::-ms-input-placeholder ,
#searchForm input:focus::-ms-input-placeholder {
  color: transparent;
}

#searchForm input:active::placeholder ,
#searchForm input:focus::placeholder {
  color: transparent;
}



/* -----------------------------------
  searchNone
----------------------------------- */
#searchNone {
  padding: 1rem;
  text-align: center;
}



/* -----------------------------------
  globalNav
----------------------------------- */
/*  globalNav__item
------------------------ */
.globalNav__item + .globalNav__item {
  border-top: 1px dashed #fff;
}

.globalNav__item a {
  display: block;
  position: relative;
  z-index: 0;
  padding: 1rem 0;
  color: #fff;
  text-decoration: none;
}

.globalNav__item a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 2px;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
       -o-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: .75em; /* 9/12 */
  height: .75em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: .75em; /* 12/16 */
  line-height: 1;
  content: " ";
}



/* -----------------------------------
  articleSectionTitle
----------------------------------- */
#articleSectionTitle {
  padding: 3%;
  background-color: #e9e9e9;
}


/*  articleSectionTitle__main
------------------------ */
#articleSectionTitle__main {
  font-weight: 700;
}


/*  articleSectionTitle__date
------------------------ */
#articleSectionTitle__date {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  color: #a6a6a6;
  font-size: .75rem; /* 12/16 */
}

#articleSectionTitle__date:before {
  display: block;
  margin-right: .5rem;
  font-family: 'icon';
  content: "\e906";
}



/* -----------------------------------
  articleSectionMain
----------------------------------- */
#articleSectionMain {
  padding: 1rem 3%;
  overflow: hidden;
}


/*  articleSectionMain__thumb
------------------------ */
#articleSectionMain__thumb {
  float: right;
  margin: 0 0 .5rem .5rem;
}
@media screen and (max-width:600px) {
  #articleSectionMain__thumb {
    float: none;
    margin: 0;
    margin-bottom: .5rem;
  }
}

#articleSectionMain__thumb img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}



/* -----------------------------------
  commentCaption
----------------------------------- */
#commentCaption {
  padding: 1rem 3%;
  background-color: #e9e9e9;
}

#commentCaption .comBtn {
  padding: 0;
}


/*  commentCaption__text
------------------------ */
#commentCaption__text {
  display: table;
  margin: 0 auto;
  font-weight: 700;
}


/*  commentCaption__btn
------------------------ */
#commentCaption__btn {
  margin-top: 1rem;
}



/* -----------------------------------
  commentList
----------------------------------- */
#commentList + .comBtn:before {
  display: block;
  position: absolute;
  top: 0;
  right: 3%;
  left: 3%;
  border-bottom: 1px dashed #d3d3d3;
  content: " ";
}


/*  commentList__item
------------------------ */
.commentList__item {
  position: relative;
  z-index: 0;
  padding: 3%;
}

.commentList__item:before {
  display: block;
  position: absolute;
  top: 0;
  right: 3%;
  left: 3%;
  border-top: 1px dashed #d3d3d3;
}

.commentList__item + .commentList__item:before {
  content: " ";
}



/* -----------------------------------
  commentListContents
----------------------------------- */
/*  commentListContents__user
------------------------ */
.commentListContents__user {
  font-weight: 500;
}

.commentListContents__user a {
  display: -webkit-inline-flex;
  display:    -moz-inline-flex;
  display:     -ms-inline-flex;
  display:      -o-inline-flex;
  display:         inline-flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
      align-items: flex-start;
  text-decoration: none;
}

.commentListContents__user a:before {
  display: block;
  margin-right: .5rem;
  font-weight: 400;
  font-size: 1.25em; /* 20/16 */
  line-height: 1.2; /* 24/20 */
  font-family: 'icon';
  content: "\e905";
}



/* -----------------------------------
  footer
----------------------------------- */
#footer {
  padding: 1rem;
  background-color: #36a8f1;
  color: #fff;
  font-weight: 500;
  font-size: .75em; /* 12/16 */
  text-align: center;
}



/* -----------------------------------
  comSectionTab
----------------------------------- */
.comSectionTab {
  padding: 3%;
  background-color: #e9e9e9;
}



/* -----------------------------------
  comSectionTabList
----------------------------------- */
.comSectionTabList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  list-style: none;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  background-color: #fff;
  font-weight: 500;
  text-align: center;
}

.comSectionTabList:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  border: 1px solid #a6a6a6;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}


/*  comSectionTabList__item
------------------------ */
.comSectionTabList__item {
  -webkit-flex: auto;
     -moz-flex: auto;
      -ms-flex: auto;
       -o-flex: auto;
          flex: auto;
  padding: .5rem 0;
  border-radius: 10px;
  color: #a6a6a6;
}

.comSectionTabList__item:hover {
  opacity: .8;
  cursor: pointer;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}


/* isCurrent */
.comSectionTabList__item.isCurrent {
  background-color: #36a8f1;
  color: #fff;
}



/* -----------------------------------
  comSectionArea
----------------------------------- */
/*  comSectionArea__item
------------------------ */
.comSectionArea__item {
  display: none;
}


/* isCurrent */
.comSectionArea__item.isCurrent {
  display: block;
}

/* -----------------------------------
  comSection
----------------------------------- */
.comSection--only {
  position: relative;
  min-height: calc(100vh - 8.625rem - 2px);
}

@media screen and (max-width:768px) {
  .comSection--only {
    position: static;
    min-height: auto;
  }
}

/* -----------------------------------
  comSectionTitle
----------------------------------- */
.comSectionTitle {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: center;
      align-items: center;
  padding: 3%;
  background-color: #7a7a7a;
  color: #fff;
  font-weight: 400;
  line-height: 1.375;
}


/*  comSectionTitle__main
------------------------ */
.comSectionTitle__main {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  font-weight: 500;
}

.comSectionTitle__main:before {
  display: block;
  width: 1em;
  margin-right: .5rem;
  border-radius: 50%;
  background-color: #fff;
  color: #7a7a7a;
  font-size: 1.5625rem; /* 25/16 */
  font-family: "icon";
  text-align: center;
  line-height: 1;
}

/*  comSectionTitle--error  */
.comSectionTitle--error {
  background-color: #E86BB6;
}


/*  comSectionTitle__main--latestNews  */
.comSectionTitle__main--latestNews:before {
  content: "\e900";
}


/*  comSectionTitle__main--comment  */
.comSectionTitle__main--comment:before {
  content: "\e901";
}

/*  comSectionTitle--error  */
.comSectionTitle--error .comSectionTitle__main--comment:before {
  color: #E86BB6;
}

/*  comSectionTitle__main--newsRanking  */
.comSectionTitle__main--newsRanking:before {
  content: "\e902";
}


/* comSectionTitle__main--note */
.comSectionTitle__main--note:before {
  content: "\e907";
}


/*  comSectionTitle__main--search  */
.comSectionTitle__main--search:before {
  width: 1.4705882352em; /* 25/17 */
  height: 1.4705882352em;
  font-size: 1.0625rem; /* 17/16 */
  line-height: 1.4705882352em;
  content: "\e904";
}



/* -----------------------------------
  comSectionBody
----------------------------------- */
.comSectionBody {
  padding: 1rem 3%;
}



/* -----------------------------------
  comArticleList
----------------------------------- */
.comArticleList {
  overflow: hidden;
}


/*  comArticleList__item
------------------------ */
.comArticleList__item {
  position: relative;
  z-index: 0;
}

.comArticleList__item:before {
  display: block;
  position: absolute;
  top: 0;
  right: 3%;
  left: 3%;
  border-bottom: 1px dashed #d3d3d3;
}

.comArticleList__item + .comArticleList__item:before {
  content: " ";
}

.comArticleList__item a {
  display: block;
  padding: 3%;
  color: #212121;
  font-weight: 500;
  text-decoration: none;
}


/* comArticleList__item--thumbNone */
.comArticleList__item--thumbNone a {
  padding: 1rem 3%;
}



/* -----------------------------------
  comArticleListContents
----------------------------------- */
.comArticleListContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
}

.comArticleListContents:after {
  display: block;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: .6875rem; /* 11/16 */
  height: .6875rem;
  margin-left: .5rem;
  margin-right: 2px;
  border-top: 2px solid #7a7a7a;
  border-right: 2px solid #7a7a7a;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}


/*  comArticleListContents__thumb
------------------------ */
.comArticleListContents__thumb {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  margin-right: .5rem;
  -webkit-flex-basis: 72px;
          flex-basis: 72px;
}

.comArticleListContents__thumb img {
  display: block;
  width: 100%;
}


/*  comArticleListContents__detail
------------------------ */
.comArticleListContents__detail {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* -----------------------------------
  comArticleListRank
----------------------------------- */
.comArticleListRank {
  display: table;
  margin-bottom: .4rem;
  padding: 0 .5rem;
  border-radius: 10px;
  background-color: #36a8f1;
  color: #fff;
  font-size: .75rem; /* 12/16 */
  line-height: 1.66666667em; /* 20/12 */
}

.comArticleList__item:first-of-type .comArticleListRank {
  background-color: #b3ab51;
}

.comArticleList__item:nth-of-type(2) .comArticleListRank {
  background-color: #a6a6a6;
}

.comArticleList__item:nth-of-type(3) .comArticleListRank {
  background-color: #996864;
}



/* -----------------------------------
  comArticleListText
----------------------------------- */
.comArticleListText {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.4;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.comArticleListRank + .comArticleListText {
  -webkit-line-clamp: 2;
}


/* -----------------------------------
  comBtn
----------------------------------- */
.comBtn {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  gap: 1rem;
  position: relative;
  z-index: 0;
  padding: 1rem 3%;
}

#slideMenu .comBtn {
  padding: 0;
  padding-top: 1rem;
}

#globalNav + .comBtn {
  border-top: 1px dashed #fff;
}

.comArticleList + .comBtn:before {
  display: block;
  position: absolute;
  top: 0;
  right: 3%;
  left: 3%;
  border-bottom: 1px dashed #d3d3d3;
  content: " ";
}

#comForm .comBtn {
  padding: 0;
}


/*  comBtn__item
------------------------ */
.comBtn__item a ,
.comBtn__item input ,
.comBtn__item button {
  display: block;
  width: 100%;
  padding: .5rem 1rem;
  border: 1px solid #a6a6a6;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  color: #212121;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375;
  font-family: 'Noto Sans JP', sans-serif;
  text-decoration: none;
  text-align: center;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.comBtn__item input:hover ,
.comBtn__item button:hover {
  opacity: .8;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

#slideMenu .comBtn__item a ,
#slideMenu .comBtn__item input ,
#slideMenu .comBtn__item button {
  border-color: #fff;
  color: #fff;
}


/* comBtn__item--bg */
.comBtn__item--bg a ,
.comBtn__item--bg input ,
.comBtn__item--bg button {
  border-color: #36a8f1;
  background-color: #36a8f1;
  color: #fff;
}

#slideMenu .comBtn__item--bg a ,
#slideMenu .comBtn__item--bg input ,
#slideMenu .comBtn__item--bg button {
  border-color: #36a8f1;
  background-color: #36a8f1;
}



/* -----------------------------------
  comBtn--large
----------------------------------- */
.comBtn--large .comBtn__item {
  flex-basis: 100%;
}



/* -----------------------------------
  comBtn--middle
----------------------------------- */
.comBtn--middle .comBtn__item {
  width: 232px;
}



/* -----------------------------------
  comBtn--external
----------------------------------- */
.comBtn--external {
  background-color: #e9e9e9;
}



/* -----------------------------------
  comPager
----------------------------------- */
.comPager {
  position: relative;
  z-index: 0;
  padding: 1rem;
  text-align: center;
}

.comArticleList + .comPager:before {
  display: block;
  position: absolute;
  top: 0;
  right: 3%;
  left: 3%;
  border-bottom: 1px dashed #d3d3d3;
  content: " ";
}


/*  comPager__list
------------------------ */
.comPager__list {
  margin-top: 1rem;
}



/* -----------------------------------
  comPagerList
----------------------------------- */
.comPagerList {
  display: -webkit-inline-flex;
  display:    -moz-inline-flex;
  display:     -ms-inline-flex;
  display:      -o-inline-flex;
  display:         inline-flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  gap: 0 .5rem;
  text-transform: capitalize;
}


/*  comPagerList__item
------------------------ */


/*  comPagerList__item--prev  */
.comPagerList__item--prev a ,
.comPagerList__item--prev span {
  display: block;
  position: relative;
  z-index: 0;
  width: .55rem;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.comPagerList__item--prev a:before ,
.comPagerList__item--prev span:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 3px;
  -webkit-transform: translateY(-35%) rotate(-45deg);
      -ms-transform: translateY(-35%) rotate(-45deg);
       -o-transform: translateY(-35%) rotate(-45deg);
          transform: translateY(-35%) rotate(-45deg);
  width: .5rem;
  height: .5rem;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}


.comPagerList__item--prev a:before {
  border-color: #36a8f1;
}

.comPagerList__item--prev span:before {
  cursor: text;
}


/*  comPagerList__item--next  */
.comPagerList__item--next a ,
.comPagerList__item--next span {
  display: block;
  position: relative;
  z-index: 0;
  width: .55rem;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.comPagerList__item--next a:before ,
.comPagerList__item--next span:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 3px;
  -webkit-transform: translateY(-35%) rotate(45deg);
      -ms-transform: translateY(-35%) rotate(45deg);
       -o-transform: translateY(-35%) rotate(45deg);
          transform: translateY(-35%) rotate(45deg);
  width: .5rem;
  height: .5rem;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}

.comPagerList__item--next a:before {
  border-color: #36a8f1;
}

.comPagerList__item--next span:before {
  cursor: text;
}


/* comPagerList__item--count */
.comPagerList__item--count span {
  margin: 0 .25rem;
  font-weight: 500;
}



/* -----------------------------------
  comList
----------------------------------- */
.comList {
  list-style: none;
}


/*  comList__item
------------------------ */
.comList__item {
  position: relative;
  z-index: 0;
}



/* -----------------------------------
  comListStyleType
----------------------------------- */
/*  comListStyleType--disc
------------------------ */
.comListStyleType--disc .comList__item {
  padding-left: 1.25em;
}

.comListStyleType--disc .comList__item:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}


/*  comListStyleType--mark
------------------------ */
.comListStyleType--mark .comList__item {
  padding-left: 1.25em;
}

.comListStyleType--mark .comList__item:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}



/* -----------------------------------
  comListMargin
----------------------------------- */
/*  comListMargin--1r
------------------------ */
.comListMargin--1r .comList__item + .comList__item {
  margin-top: 1rem;
}



/* -----------------------------------
  comForm
----------------------------------- */
#comForm form {
  padding: 1rem 3%;
}


/*  comForm__item
------------------------ */
.comForm__item + .comForm__item {
  margin-top: 1rem;
}



/* -----------------------------------
  comFormContents
----------------------------------- */
/*  comFormContents__label
------------------------ */
.comFormContents__label {
  font-weight: 500;
}


/*  comFormContents__input
------------------------ */
.comFormContents__input {
  margin-top: .5rem;
}



/* -----------------------------------
  comFormInput
----------------------------------- */
.comFormInput input {
  width: 100%;
  margin: 0;
  padding: 1rem;
  border: 1px solid #a6a6a6;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #212121;
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Noto Sans JP', sans-serif;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}



/* -----------------------------------
  comFormInput--65p
----------------------------------- */
.comFormInput--65p {
  width: 65%;
}



/* -----------------------------------
  comFormTextarea
----------------------------------- */
.comFormTextarea {
  line-height: 0;
}

.comFormTextarea textarea {
  width: 100%;
  height: 12rem;
  margin: 0;
  padding: 1rem;
  border: 1px solid #a6a6a6;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #212121;
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Noto Sans JP', sans-serif;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}



/* -----------------------------------
  comMarginTop
----------------------------------- */
/*  comMarginTop--1re
------------------------ */
.comMarginTop--1re {
  margin-top: 1rem;
}


/*  comMarginTop--05re
------------------------ */
.comMarginTop--05re {
  margin-top: .5rem;
}


/*  comMarginTop--025re
------------------------ */
.comMarginTop--025re {
  margin-top: .25rem;
}



/* -----------------------------------
  comFontSize
----------------------------------- */
/*  comFontSize--075r
------------------------ */
.comFontSize--075r {
  font-size: .75rem; /* 12/16 */
}


/* -----------------------------------
  notes
----------------------------------- */
.notes {
  margin: 0 3%;
  padding: 1rem 0;
  border-top: 1px dashed #d3d3d3;
}

/* -----------------------------------
  error
----------------------------------- */
.error {
  padding: 0 3%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}

@media screen and (max-width:768px) {
  .error {
    padding: 1rem 3%;
    position: static;
    transform: none;
    text-align: left;
  }
}

.serverError {
  padding: 1rem 3%;
}

.serverErrorMessage {
  padding: 1rem 3%;
  background-color: #fdefd1;
  font-size: 0.75rem;
}

/* -----------------------------------
/* -----------------------------------
  errorMessage
----------------------------------- */
.errorMessageTitle {
  padding: 3%;
  color: #fff;
  background-color: #e86bb6;
  font-weight: 500;
}

.errorMessage {
  padding: 1rem 3%;
  background-color: #fae1f0;
}

.errorMessage ul {
  list-style-type: none;
}

.errorMessage ul li {
  padding-left: 1rem;
  position: relative;
  color: #E86BB6;
}

.errorMessage ul li::before {
  content: "";
  -webkit-border-radius: 3em;
          border-radius: 3em;
  position: absolute;
  top: 0.65rem;
  left: 0.3rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #e86bb6;
}

/* -----------------------------------
  contents
----------------------------------- */
/*  contents
------------------------ */
/*  contents  */