@charset "utf-8";
/* --------------------------------------------------------------------------------
 * ▽202106
 */
/* ---------------------
  - kentei_contentSection

  - kentei_contentHeader
  - kentei_contentHeaderTitle
    - kentei_contentHeaderTitle__main
      - kentei_contentHeaderTitle__main--news
      - kentei_contentHeaderTitle__main--rank
      - kentei_contentHeaderTitle__main--featureColumn
      - kentei_contentHeaderTitle__main--featureColumnRank
      - kentei_contentHeaderTitle__main--recommend
      - kentei_contentHeaderTitle__main--quiz
    - kentei_contentHeaderTitle__sub

  - kentei_contentMain
    - kentei_contentMain--wrap
    - kentei_contentMain--borderTop

  - kentei_contentSearch
    - kentei_contentSearch__item
  - kentei_contentSearchForm
    - kentei_contentSearchForm__item
  - kentei_contentSearchArchive
  - kentei_contentSearchInput
    - kentei_contentSearchInput__item
    - kentei_contentSearchInput--featureColumn
    - kentei_contentSearchInput--quiz

  - kentei_contentCategory
    - kentei_contentCategory__item
      - kentei_contentCategory__item--current
      - kentei_contentCategory__item--typeTag
    - kentei_contentCategory--featureColumn
    - kentei_contentCategory--featureGenreColumn
    - kentei_contentCategory--quiz

  - kentei_contentType
    - kentei_contentType__item
      - kentei_contentType__item--hidden
    - kentei_contentType--featureColumn

  - kentei_contentHashtag
    - kentei_contentHashtag__item
    - kentei_contentHashtag--featureColumn

  - kentei_contentTitle
    - kentei_contentTitle__main
    - kentei_contentTitle__sub
    - kentei_contentTitle--featureColumn
    - kentei_contentTitle--quiz

  - kentei_contentPager
    - kentei_contentPager__item
  - kentei_contentPagerArchive
    - kentei_contentPagerArchive__item
      - kentei_contentPagerArchive__item--news
      - kentei_contentPagerArchive__item--specialArticle

  - kentei_featureColumnRank
    - kentei_featureColumnRank__item
  - kentei_featureColumnRankNumber
  - kentei_featureColumnRankDetail
    - kentei_featureColumnRankDetail__item
  - kentei_featureColumnRankTitle
  - kentei_featureColumnRankText
  - kentei_featureColumnRankType
  - kentei_featureColumnRankChallenger
  - kentei_featureColumnRankThumb

  - kentei_contentFooter
    - kentei_contentFooter__item


  - kentei_articleSection
    - kentei_articleSection__item

  - kentei_articleHeader
    - kentei_articleHeader__item
  - kentei_articleHeaderTitle
    - kentei_articleHeaderTitle__main
    - kentei_articleHeaderTitle__sub
      - kentei_articleHeaderTitle__sub--featureColumn
  - kentei_articleHeaderTag
    - kentei_articleHeaderTag__item

  - kentei_articleMain
    - kentei_articleMain__item
  - kentei_articleOverview
    - kentei_articleOverview__item
  - kentei_articleDate
  - kentei_articleFigure
    - kentei_articleFigure__item
  - kentei_articleView
    - kentei_articleView__specialArticle
  - kentei_articleBack
  - kentei_articleWriter
    - kentei_articleWriter__item
    - kentei_articleWriter__thumb
    - kentei_articleWriter__name

  - kentei_articleFooter
    - kentei_articleFooter__item

  - kentei_newShareLinkWrap
    - kentei_newShareLinkWrap--w50
    - kentei_newShareLinkWrap--right

  - kentei_prefaceContainer
  - kentei_prefaceList
    - kentei_prefaceList__item
  - kentei_prefaceList--margin
  - kentei_prefaceListDetail
    - kentei_prefaceListDetail__item
    - kentei_prefaceListDetail__title
    - kentei_prefaceListDetail__type
    - kentei_prefaceListDetail__challenger
  - kentei_prefaceListThumb

  - kentei_recommendList
    - kentei_recommendList__item
  - kentei_recommendListDetail
    - kentei_recommendListDetail__item
    - kentei_recommendListDetail__title
    - kentei_recommendListDetail__type
  - kentei_recommendListThumb
--------------------- */

.lnk_more_kenei_list {
  color: #e80;
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  margin: 10px auto;
  padding: 10px;
  width: 80%;
  display: block;
  border: 1px solid #e80;
  border-radius: 50px;
  box-sizing: border-box;
}

.lnk_more_kenei_list:hover {
  color: #fff;
  background: #e80;
}

.kentei_free_space_link a {
  text-decoration: underline;
  color: #e80;
}

.kentei_quiz_total {
  font-size: 14px;
}

/* =====================
  kentei_contentSection
===================== */
.kentei_contentSection {
  border: 1px solid #ddd;
}



/* =====================
  kentei_contentHeader
===================== */
.kentei_contentHeader {
  margin: 10px;
}



/* =====================
  kentei_contentHeaderTitle
===================== */
.kentei_contentHeaderTitle {
  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;
}


/*  kentei_contentHeaderTitle__main
------------------------*/
.kentei_contentHeaderTitle__main {
  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;
  font-weight: bold;
  font-size: 130.769231%; /* 17px */
}

.kentei_contentHeaderTitle__main:before {
  display: block;
  margin-right: 10px;
  font-weight: normal;
  font-size: 2.294118em; /* 39px */
  font-family: utIcon;
  line-height: 1;
  content: " ";
}


/* kentei_contentHeaderTitle__main--news */
.kentei_contentHeaderTitle__main--news {
  color: #5467B2;
}

.kentei_contentHeaderTitle__main--news:before {
  content: "\e904";
}


/* kentei_contentHeaderTitle__main--rank */
.kentei_contentHeaderTitle__main--rank {
  color: #e80;
}

.kentei_contentHeaderTitle__main--rank:before {
  content: "\e900";
}


/* kentei_contentHeaderTitle__main--featureColumn */
.kentei_contentHeaderTitle__main--featureColumn {
  color: #e80;
}

.kentei_contentHeaderTitle__main--featureColumn:before {
  content: "\e903";
}


/* kentei_contentHeaderTitle__main--featureColumnRank */
.kentei_contentHeaderTitle__main--featureColumnRank {
  color: #e80;
}

.kentei_contentHeaderTitle__main--featureColumnRank:before {
  content: "\e93c";
}


/* kentei_contentHeaderTitle__main--recommend */
.kentei_contentHeaderTitle__main--recommend {
  color: #e80;
}

.kentei_contentHeaderTitle__main--recommend:before {
  content: "\e93b";
}


/* kentei_contentHeaderTitle__main--quiz */
.kentei_contentHeaderTitle__main--quiz {
  color: #e80;
}

.kentei_contentHeaderTitle__main--quiz:before {
  font-family: 'quiz';
  content: "\e905";
}


/*  kentei_contentHeaderTitle__sub
------------------------*/
.kentei_contentHeaderTitle__sub {
  -ms-align-self: center;
      align-self: center;
  margin-left: auto;
  padding-left: 10px;
  white-space: nowrap;
}



/* =====================
  kentei_contentMain
===================== */
.kentei_contentMain {
  margin: 1px;
}

.kentei_contentMain .pager {
  padding: 0;
  padding-top: 1px;
  border-top: 1px solid #ddd;
}

.kentei_contentMain .pager__inner {
  padding: 10px;
  background-color: #eee;
}


/*  kentei_contentMain--wrap
------------------------*/
.kentei_contentMain--wrap {
  margin: 10px;
}


/*  kentei_contentMain--borderTop
------------------------*/
.kentei_contentMain--borderTop {
  border-top: 1px solid #ddd;
}



/* =====================
  kentei_contentSearch
===================== */
.kentei_contentSearch {
  padding: 1px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}


/*  kentei_contentSearch__item
------------------------*/
.kentei_contentSearch__item + .kentei_contentSearch__item {
  margin-top: 1px;
  border-top: 1px solid #ddd;
}



/* =====================
  kentei_contentSearchForm
===================== */
.kentei_contentSearchForm {
  padding: 10px;
  background-color: #eee;
}


/*  kentei_contentSearchForm__item
------------------------*/
.kentei_contentSearchForm__item + .kentei_contentSearchForm__item {
  margin-top: 5px;
}



/* =====================
  kentei_contentSearchArchive
===================== */
.kentei_contentSearchArchive {
  margin-bottom: -.3em;
  padding: 0 3px;
  text-align: right;
}

.kentei_contentSearchArchive a {
  color: #e80;
}



/* =====================
  kentei_contentSearchInput
===================== */
.kentei_contentSearchInput {
  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;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
}


/*  kentei_contentSearchInput__item
------------------------*/
.kentei_contentSearchInput__item {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  width: -webkit-calc( ( 100% - .01px ) - ( 100px + 5px ) );
  width:         calc( ( 100% - .01px ) - ( 100px + 5px ) );
}

.kentei_contentSearchInput input {
  width: 100%;
  height: 25px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 15px;
  line-height: 1.7;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.kentei_contentSearchInput button {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  background-color: #eee;
  color: #fff;
  font-size: 15px;
  line-height: 1.7;
  text-align: center;
  outline: none;
  cursor: pointer;
  -webkit-transition: all .5s;
     -moz-transition: all .5s;
      -ms-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.kentei_contentSearchInput button:before {
  display: inline-block;
  margin-right: 5px;
  font-size: .8em;
  font-family: utIcon;
  line-height: 1;
  content: "\e92c";
}

.kentei_contentSearchInput button:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.kentei_contentSearchInput__item + .kentei_contentSearchInput__item {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 100px;
  margin-left: 5px;
}


/*  kentei_contentSearchInput--featureColumn
------------------------*/
.kentei_contentSearchInput--featureColumn button {
  background-color: #e80;
}


/*  kentei_contentSearchInput--quiz
------------------------*/
.kentei_contentSearchInput--quiz button {
  background-color: #e80;
}



/* =====================
  kentei_contentCategory
===================== */
.kentei_contentCategory {
  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: stretch;
      align-items: stretch;
  margin:10px 5px 0 0;
}

/*.kentei_contentCategory:first-child {
  margin-top: 10px;
}*/


/*  kentei_contentCategory__item
------------------------*/
.kentei_contentCategory__item {
  margin: 0 0 10px 5px;
}

.kentei_contentCategory__item > a {
  display: block;
  padding: 8px 8px 6px;
  border: 1px solid #e80;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #e80;
  -webkit-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}

.kentei_contentCategory__item > a:hover {
  background-color: #e80;
  color: #fff;
}


/* kentei_contentCategory__item--current */
.kentei_contentCategory__item--current a {
  background-color: #e80;
  color: #fff;
}


/* kentei_contentCategory__item--typeTag */
.kentei_contentCategory__item--typeTag {
  margin-left: auto;
}


/*  kentei_contentCategory--featureColumn
------------------------*/
.kentei_contentCategory--featureColumn .kentei_contentCategory__item > a {
  border-color: #e80;
  color: #e80;
}

.kentei_contentCategory--featureColumn .kentei_contentCategory__item > a:hover {
  background-color: #e80;
  color: #fff;
}

.kentei_contentCategory--featureColumn .kentei_contentCategory__item--current a {
  background-color: #e80;
  color: #fff;
}


/*  kentei_contentCategory--featureGenreColumn
------------------------*/
.kentei_contentCategory--featureGenreColumn {
  width: 100%;
  margin: 0px;
}

.kentei_contentCategory--featureGenreColumn li {
  width: 15.5%;
  text-align: center;
  word-break: keep-all;
}


/*  kentei_contentCategory--quiz
------------------------*/
.kentei_contentCategory--quiz {
  margin: 10px 10px 0 0;
}

.kentei_contentCategory--quiz .kentei_contentCategory__item {
  width: -webkit-calc( ( ( 100% - .01px ) - ( 10px * 6 ) ) / 6 );
  width:         calc( ( ( 100% - .01px ) - ( 10px * 6 ) ) / 6 );
  margin: 0 0 10px 10px;
  text-align: center;
}



/* =====================
  kentei_contentType
===================== */
.kentei_contentType {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-end;
  -ms-align-items: stretch;
      align-items: stretch;
  font-size: 13px;
  margin-top: 5px;
}


/*  kentei_contentType__item
------------------------*/
.kentei_contentType__item + .kentei_contentType__item {
  margin-left: 10px;
}

.kentei_contentType__item a {
  color: #e80;
}

.kentei_contentType__item a:before {
  display: inline-block;
  margin-right: .5em;
  font-size: .825em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e64a";
}


/* kentei_contentType__item--hidden */
.kentei_contentType__item--hidden {
  display: none;
}


/*  kentei_contentType--featureColumn
------------------------*/
.kentei_contentType--featureColumn .kentei_contentType__item a {
  color: #e80;
}



/* =====================
  kentei_contentHashtag
===================== */
.kentei_contentHashtag {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-end;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-top: 7px;
  font-size: 13px;
}


/* kentei_contentHashtag__item
------------------------*/
.kentei_contentHashtag__item a {
  color: #e80;
}

.kentei_contentHashtag__item + .kentei_contentHashtag__item {
  margin-left: 10px;
}

.kentei_contentHashtag__item + .kentei_contentHashtag__item--archive {
  margin-left: 15px;
}



/*  kentei_contentHashtag--featureColumn
------------------------*/
.kentei_contentHashtag--featureColumn .kentei_contentHashtag__item a {
  color: #e80;
}



/* =====================
  kentei_contentTitle
===================== */
.kentei_contentTitle {
  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;
  padding: 20px 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid #e80;
}


/*  kentei_contentTitle__main
------------------------*/
.kentei_contentTitle__main {
  color: #e80;
  font-weight: bold;
  font-size: 115.384615%; /* 15px */
}


/*  kentei_contentTitle__sub
------------------------*/
.kentei_contentTitle__sub {
  -ms-align-self: flex-end;
      align-self: flex-end;
  margin-left: auto;
}


/*  kentei_contentTitle--featureColumn
------------------------*/
.kentei_contentTitle--featureColumn {
  border-bottom-color: #e80;
}

.kentei_contentTitle--featureColumn .kentei_contentTitle__main {
  color: #e80;
}


/*  kentei_contentTitle--quiz
------------------------*/
.kentei_contentTitle--quiz {
  border-bottom-color: #e80;
}

.kentei_contentTitle--quiz .kentei_contentTitle__main {
  color: #e80;
}


/* =====================
  kentei_contentPager
===================== */
.kentei_contentPager {
  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;
  position: relative;
  z-index: 0;
}


/*  kentei_contentPager__item
------------------------*/
.kentei_contentPager__item a {
  color: #04c;
}

.kentei_contentPager__item + .kentei_contentPager__item {
  position: relative;
  z-index: 0;
  margin-left: 1em;
}

.kentei_contentPager__item + .kentei_contentPager__item:before {
  display: block;
  position: absolute;
  top: .15em;
  bottom: .3em;
  left: -.5em;
  width: 1px;
  background-color: #343330;
  content: " ";
}



/* =====================
  kentei_contentPagerArchive
===================== */
/*  kentei_contentPagerArchive__item
------------------------*/
.kentei_contentPagerArchive__item {
  margin-bottom: -.3em;
  padding: 0 3px;
  text-align: right;
}


/* kentei_contentPagerArchive__item--news */
.kentei_contentPagerArchive__item--news {
  color: #e80;
}

.kentei_contentPagerArchive__item--news a {
  color: #e80;
}


/* kentei_contentPagerArchive__item--specialArticle */
.kentei_contentPagerArchive__item--specialArticle {
  color: #e80;
}

.kentei_contentPagerArchive__item--specialArticle a {
  color: #e80;
}



/* =====================
  kentei_featureColumnRank
===================== */
/*  kentei_featureColumnRank__item
------------------------*/
.kentei_featureColumnRank__item {
  overflow: hidden;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.kentei_featureColumnRank__item:first-of-type {
  border-top: none;
}

.kentei_featureColumnRank__item a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
  justify-content: flex-start;
  /*-ms-align-items: stretch;
      align-items: stretch;*/
  -ms-align-items: center;
      align-items: center;
  position: relative;
  z-index: 0;
  padding: 10px;
}

.kentei_featureColumnRank__item a:hover {
  color: #e80;
}

.kentei_featureColumnRank__item + .kentei_featureColumnRank__item {
  border-top: none;
}



/* =====================
  kentei_featureColumnRankNumber
===================== */
.kentei_featureColumnRankNumber {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 9;
  width: 4.5em;
  border: 1px solid #464646;
  border-right: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  color: #464646;
  line-height: 1.846154;
  letter-spacing: .06em;
  text-align: center;
  text-indent: .06em;
  -webkit-transition: all .5s;
     -moz-transition: all .5s;
      -ms-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}

.kentei_featureColumnRankNumber:before {
  display: block;
  position: absolute;
  top: -1px;
  right: -6px;
  bottom: -1px;
  z-index: 0;
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
       -o-transform: skewX(-20deg);
          transform: skewX(-20deg);
  width: .846154em;
  border: 1px solid #464646;
  border-left: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  content: " ";
}

.kentei_featureColumnRank__item:nth-of-type(1) .kentei_featureColumnRankNumber ,
.kentei_featureColumnRank__item:nth-of-type(1) .kentei_featureColumnRankNumber:before {
  border-color: #d5a90a;
  background-color: #d5a90a;
}

.kentei_featureColumnRank__item:nth-of-type(2) .kentei_featureColumnRankNumber ,
.kentei_featureColumnRank__item:nth-of-type(2) .kentei_featureColumnRankNumber:before {
  border-color: #909090;
  background-color: #909090;
}

.kentei_featureColumnRank__item:nth-of-type(3) .kentei_featureColumnRankNumber ,
.kentei_featureColumnRank__item:nth-of-type(3) .kentei_featureColumnRankNumber:before {
  border-color: #c1784d;
  background-color: #c1784d;
}

.kentei_featureColumnRank__item:nth-of-type(-n+3) .kentei_featureColumnRankNumber {
  color: #fff;
}

.kentei_featureColumnRank__item a:hover .kentei_featureColumnRankNumber {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}



/* =====================
  kentei_featureColumnRankDetail
===================== */
.kentei_featureColumnRankDetail {
  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;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-left: 10px;
}


/*  kentei_featureColumnRankDetail__item
------------------------*/
.kentei_featureColumnRankDetail__item + .kentei_featureColumnRankDetail__item {
  margin-top: 5px;
}



/* =====================
  kentei_featureColumnRankTitle
===================== */
.kentei_featureColumnRankTitle {
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
}



/* =====================
  kentei_featureColumnRankText
===================== */
.kentei_featureColumnRankText {
  line-height: 1.75;
}



/* =====================
  kentei_featureColumnRankType
===================== */
.kentei_featureColumnRankType {
  text-align: right;
}

.kentei_featureColumnRankDetail__item + .kentei_featureColumnRankType {
  margin-top: auto;
  padding-top: 5px;
}

.kentei_featureColumnRankType span {
  display: inline-block;
  color: #e80;
}

.kentei_featureColumnRankType span:before {
  display: inline-block;
  margin-right: .5em;
  font-size: .825em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e64a";
}



/* =====================
  kentei_featureColumnRankChallenger
===================== */
.kentei_featureColumnRankChallenger {
  text-align: right;
}

.kentei_featureColumnRankChallenger span {
  display: inline-block;
  padding: 3px 15px 1px;
  border-radius: 50px;
  background-color: #ffe2B5;
  color: #e80;
  font-weight: bold;
  text-align: center;
}



/* =====================
  kentei_featureColumnRankThumb
===================== */
.kentei_featureColumnRankThumb {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  align-items: center;
  width: 200px;
  height: 105px;
}

.kentei_featureColumnRankThumb img {
  display: block;
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}



/* =====================
  kentei_contentFooter
===================== */
.kentei_contentFooter {
  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;
  margin: 10px;
}


/*  kentei_contentFooter__item
------------------------*/
.kentei_contentFooter__item + .kentei_contentFooter__item {
  margin-left: 10px;
}



/* =====================
  kentei_articleSection
===================== */
.kentei_articleSection {
  border: 1px solid #ddd;
}

.kentei_articleSection .kentei_contentsBox {
  border: none;
  background-color: transparent;
}

.kentei_articleSection .kentei_artist_indexTtl {
  border: none;
}

.kentei_articleSection .kentei_relatedLink {
  margin: 10px;
  padding: 0;
  border: none;
}

.kentei_articleSection + .kentei_articleSection {
  margin-top: 20px;
}


/*  kentei_articleSection__item
------------------------*/
.kentei_articleSection__item + .kentei_articleSection__item {
  border-top: 1px solid #ddd;
}



/* =====================
  kentei_articleHeader
===================== */
.kentei_articleHeader {
  border-bottom: solid 1px #ddd;
  background-color: #f6f6f6;
}


/*  kentei_articleHeader__item
------------------------*/
.kentei_articleHeader__item {
  padding: 10px 20px;
}

.kentei_articleHeader__item + .kentei_articleHeader__item {
  border-top: 1px solid #ddd;
}



/* =====================
  kentei_articleHeaderTitle
===================== */
.kentei_articleHeaderTitle {
  padding: 20px;
}


/*  kentei_articleHeaderTitle__main
------------------------*/
.kentei_articleHeaderTitle__main {
  font-size: 192.307692%; /* 25px */
}


/*  kentei_articleHeaderTitle__sub
------------------------*/
.kentei_articleHeaderTitle__sub {
  margin-bottom: -10px;
  text-align: right;
}

.kentei_articleHeaderTitle__sub a {
  display: inline-block;
  color: #e80;
}

.kentei_articleHeaderTitle__sub a:before {
  display: inline-block;
  margin-right: .4em;
  font-size: .85em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e64a";
}


/* kentei_articleHeaderTitle__sub--featureColumn */
.kentei_articleHeaderTitle__sub--featureColumn a {
  color: #e80;
}



/* =====================
  kentei_articleHeaderTag
===================== */
.kentei_articleHeaderTag {
  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;
  flex-wrap: wrap;
}


/*  kentei_articleHeaderTag__item
------------------------*/
.kentei_articleHeaderTag__item {
  padding-right: 10px;
}

.kentei_articleHeaderTag__item a {
  color: #04c;
}



/* =====================
  kentei_articleMain
===================== */
.kentei_articleMain {
  margin: 20px;
}

.kentei_articleMain .kentei_article__body {
  margin: 20px 0;
  padding: 0;
}

.kentei_articleMain .kentei_relatedLink {
  margin: 0;
  padding: 0;
  border: none;
}


/*  kentei_articleMain__item
------------------------*/
.kentei_articleMain__item + .kentei_articleMain__item {
  margin-top: 20px;
}

.kentei_articleMain__item + .kentei_articleMain__item.kentei_article__body {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}



/* =====================
  kentei_articleOverview
===================== */
.kentei_articleMain .kentei_articleOverview {
  padding: 0;
}


/*  kentei_articleOverview__item
------------------------*/
.kentei_articleOverview__item + .kentei_articleOverview__item {
  margin-top: 10px;
}



/* =====================
  kentei_articleDate
===================== */
.kentei_articleDate {
  color: #888;
}



/* =====================
  kentei_articleFigure
===================== */
.kentei_articleFigure {
  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;
  height: 330px;
}

.kentei_articleFigure img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
}


/*  kentei_articleFigure__item
------------------------*/
.kentei_articleFigure__item  + .kentei_articleFigure__item {
  margin-left: 20px;
}



/* =====================
  kentei_articleView
===================== */
.kentei_articleView {
  text-align: center;
}

.kentei_articleView a {
  color: #04c;
  font-size: 107.692%; /* 14px */
}

.kentei_articleFigure + .kentei_articleView {
  margin-top: 20px;
}


/*  .kentei_articleView__specialArticle
------------------------*/
.kentei_articleView__specialArticle {
  margin-top: 20px;
}



/* =====================
  kentei_articleBack
===================== */
.kentei_articleBack {
  margin: 0 -20px;
}

.kentei_articleBack a {
  display: block;
  padding: 10px;
  background-color: #eee;
  color: #04c;
  font-size: 107.692%; /* 14px */
  text-align: center;
}

.kentei_articleFigure + .kentei_articleBack {
  margin-top: 20px;
}



/* =====================
  kentei_articleWriter
===================== */
.kentei_articleWriter {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-end;
  -ms-align-items: center;
      align-items: center;
  margin-top: 20px;
  font-size: 13px;
}


/*  kentei_articleWriter__item
------------------------*/
.kentei_articleWriter__item + .kentei_articleWriter__item {
  margin-left: 10px;
}


/*  kentei_articleWriter__thumb
------------------------*/
.kentei_articleWriter__thumb {
  position: relative;
  z-index: 0;
  width: 60px;
  overflow: hidden;
  border-radius: 50px;
}

.kentei_articleWriter__thumb:before {
  display: block;
  padding-top: 100%;
  content: " ";
}

.kentei_articleWriter__thumb img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  margin: auto;
}


/*  kentei_articleWriter__name
------------------------*/
.kentei_articleWriter__name a {
  text-decoration: none;
  font-size: 15px;
}



/* =====================
  kentei_articleFooter
===================== */
.kentei_articleFooter {
  margin: 20px;
}

.kentei_articleFooter .kentei_newShareLinkWrap {
  margin-left: -10px;
}

.kentei_articleFooter .kentei_newShareLink {
  width: 100%;
  padding: 0;
}

.kentei_articleFooter .kentei_newShareLink__item {
  padding: 0;
  padding-left: 10px;
}


/*  kentei_articleFooter__item
------------------------*/
.kentei_articleFooter__item + .kentei_articleFooter__item {
  margin-top: 20px;
}



/* =====================
  kentei_newShareLinkWrap
===================== */
/*  kentei_newShareLinkWrap--w50
------------------------*/
.kentei_newShareLinkWrap--w50 .kentei_newShareLink {
  width: 50%;
}


/*  kentei_newShareLinkWrap--right
------------------------*/
.kentei_newShareLinkWrap--right .kentei_newShareLink {
  margin: 0 auto;
  margin-right: 0;
}



/* =====================
  kentei_prefaceContainer
===================== */
.kentei_prefaceContainer {
  margin: 10px;
}



/* =====================
  kentei_prefaceList
===================== */
.kentei_prefaceList {
  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: flex-start;
  /*-ms-align-items: flex-start;
      align-items: flex-start;*/
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -10px -10px;
}

.kentei_prefaceList + .kentei_prefaceList {
  margin-top: 10px;
}


/*  kentei_prefaceList__item
------------------------*/
.kentei_prefaceList__item {
  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;
  width: -webkit-calc( ( ( 100% - .01px ) - ( 10px * 3 ) ) / 3 );
  width:         calc( ( ( 100% - .01px ) - ( 10px * 3 ) ) / 3 );
  margin: 0 0 10px 10px;
}

.kentei_prefaceList__item a {
  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;
  -webkit-flex-direction: column-reverse;
     -moz-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
       -o-flex-direction: column-reverse;
          flex-direction: column-reverse;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}

.kentei_prefaceList__item a:hover {
  color: #e80;
}



/* =====================
  kentei_prefaceList--margin
===================== */
.kentei_prefaceList--margin {
  margin: 10px 10px 0 0;
}



/* =====================
  kentei_prefaceListDetail
===================== */
.kentei_prefaceListDetail {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1 0 auto;
     -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
       -o-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-top: 10px;
}


/*  kentei_prefaceListDetail__item
------------------------*/
.kentei_prefaceListDetail__item + .kentei_prefaceListDetail__item {
  padding-top: 5px;
}


/*  kentei_prefaceListDetail__title
------------------------*/
.kentei_prefaceListDetail__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-weight: bold;
  -ms-word-break: break-all;
      word-break: break-all;
  word-wrap: break-word;
}


/*  kentei_prefaceListDetail__type
------------------------*/
.kentei_prefaceListDetail__type {
  margin-top: auto;
  text-align: right;
}

.kentei_prefaceListDetail__type span {
  display: inline-block;
  color: #e80;
}

.kentei_prefaceListDetail__type span:before {
  display: inline-block;
  margin-right: .4em;
  font-size: .9em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e64a";
}


/*  kentei_prefaceListDetail__challenger
------------------------*/
.kentei_prefaceListDetail__challenger {
  margin-top: auto;
  text-align: right;
}

.kentei_prefaceListDetail__challenger span {
  display: inline-block;
  padding: 3px 15px 1px;
  border-radius: 50px;
  background-color: #ffe2B5;
  font-weight: bold;
  color: #e80;
  text-align: center;
}



/* =====================
  kentei_prefaceListThumb
===================== */
.kentei_prefaceListThumb {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  height: 117px;
}

.kentei_prefaceListThumb img {
  display: block;
  -ms-align-self: center;
      align-self: center;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}



/* =====================
  kentei_recommendList
===================== */
.kentei_recommendList {
  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;
}


/*  kentei_recommendList__item
------------------------*/
.kentei_recommendList__item {
  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;
  width: -webkit-calc( ( ( 100% - .01px ) - (  10px * 2 ) ) / 3 );
  width:         calc( ( ( 100% - .01px ) - (  10px * 2 ) ) / 3 );
}

.kentei_recommendList__item a {
  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;
  -webkit-flex-direction: column-reverse;
     -moz-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
       -o-flex-direction: column-reverse;
          flex-direction: column-reverse;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}

.kentei_recommendList__item + .kentei_recommendList__item {
  margin-left: 10px;
}



/* =====================
  kentei_recommendListDetail
===================== */
.kentei_recommendListDetail {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1 0 auto;
     -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
       -o-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-top: 10px;
}


/*  kentei_recommendListDetail__item
------------------------*/
.kentei_recommendListDetail__item + .kentei_recommendListDetail__item {
  padding-top: 5px;
}


/*  kentei_recommendListDetail__title
------------------------*/
.kentei_recommendListDetail__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-weight: bold;
}


/*  kentei_recommendListDetail__type
------------------------*/
.kentei_recommendListDetail__type {
  margin-top: auto;
  text-align: right;
}

.kentei_recommendListDetail__type a ,
.kentei_recommendListDetail__type span {
  display: inline-block;
  color: #e80;
}

.kentei_recommendListDetail__type a:before ,
.kentei_recommendListDetail__type span:before {
  display: inline-block;
  margin-right: .4em;
  font-size: .9em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e64a";
}



/* =====================
  kentei_recommendListThumb
===================== */
.kentei_recommendListThumb img {
  display: block;
  width: 100%;
}


/*
 * ▲202106
 * --------------------------------------------------------------------------------/
/* --------------------------------------------------------------------------------
 * ▽202206
 */
/* ---------------------
  - quizSection

  - quizHeader
  - quizTitle
    - quizTitle__main
  - quizSubTitle
    - quizSubTitle__main

  - quizMain
    - quizMain__item

  - quizBoard
    - quizBoard__figcaption

  - quizFlame
    - quizFlame__title
    - quizFlame__body

  - quizContents
    - quizContents__item

  - quizName
    - quizName__title
    - quizName__input
  - quizName--entered
    - quizName__title
    - quizName__text

  - quizQuestion
    - quizQuestion__item
    - quizQuestion__title
    - quizQuestion__figure
    - quizQuestion__quote
    - quizQuestion__description
  - quizQuestionNumber
    - quizQuestionNumber__number
    - quizQuestionNumber__rate

  - quizChoice
    - quizChoice__item
  - quizChoiceDetail
    - quizChoiceDetail__number
     - quizChoiceDetail__number--slectedCorrect
     - quizChoiceDetail__number--slected
     - quizChoiceDetail__number--correctAnswer
  - quizChoice--figure
    - quizChoiceDetail__thumb
  - quizChoice--text
    - quizChoiceDetail__text

  - quizRate
    - quizRate__item

  - quizAgain

  - quizCaution
    - quizCaution__title
      - answerErrorMessage
    - quizCaution__body

  - quizCorrect
    - quizCorrect--correct
    - quizCorrect--incorrect

  - quizTotal
    - quizTotal__title
    - quizTotal__body

  - quizGraf
    - quizGraf__item
  - quizGrafDetail
    - quizGrafDetail__count
    - quizGrafDetail__number
    - quizGrafDetail__bar

  - quizAnswer
    - quizAnswer__title
    - quizAnswer__body
  - quizAnswerList
    - quizAnswerList__item

  - quizResult
    - quizResult__sub
    - quizResult__main

  - quizComment
    - quizComment__thumb
    - quizComment__text

  - quizBtn
    - quizBtn__item
      - quizBtn__item--request
      - quizBtn__item--challenge
      - quizBtn__item--challenger
      - quizBtn__item--check
      - quizBtn__item--next
      - quizBtn__item--result
      - quizBtn__item--tweet
      - quizBtn__item--again

  - quizFree

  - quizFooter
--------------------- */



/* =====================
  quizSection
===================== */
.quizSection {
  margin-bottom: 20px;
  border: 1px solid #ddd;
}



/* =====================
  quizHeader
===================== */
.quizHeader {
  margin: 20px;
}



/* =====================
  quizTitle
===================== */
/*  quizTitle__main
------------------------*/
.quizTitle__main {
  padding-left: 20px;
  border-left: 5px solid #e80;
  font-weight: bold;
  font-size: 22px;
  -ms-word-break: break-all;
      word-break: break-all;
  word-wrap: break-word;
}



/* =====================
  quizSubTitle
===================== */
/*  quizSubTitle__main
------------------------*/
.quizSubTitle__main {
  padding: 10px;
  background-color: #222;
  color: #fff;
  font-weight: bold;
  font-size: 1.3em;
}



/* =====================
  quizMain
===================== */
.quizMain {
  margin: 20px;
}


/*  quizMain__item
------------------------*/
.quizMain__item + .quizMain__item {
  margin-top: 20px;
}



/* =====================
  quizBoard
===================== */
/* .quizBoard img {
  display: block;
  max-width: 100%;
  height: 330px;
  max-height: 100%;
  margin: 0 auto;
} */

.quizBoardFigure {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 330px;
}

.quizBoardFigure img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}


/*  quizBoard__figcaption
------------------------*/
.quizBoard__figcaption {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.75;
}



/* =====================
  quizFlame
===================== */
.quizFlame {
  border: 2px solid #e80;
  background-color: #fff4e3;
}


/*  quizFlame__title
------------------------*/
.quizFlame__title {
  padding: 5px;
  background-color: #e80;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}


/*  quizFlame__body
------------------------*/
.quizFlame__body {
  padding: 20px;
}



/* =====================
  quizContents
===================== */
/*  quizContents__item
------------------------*/
.quizContents__item + .quizContents__item {
  margin-top: 20px;
}



/* =====================
  quizName
===================== */
.quizName {
  font-weight: bold;
  font-size: 16px;
}


/*  quizName__title
------------------------*/
.quizName__title {
  text-align: center;
}


/*  quizName__input
------------------------*/
.quizName__input {
  margin-top: 8px;
  border-radius: 5px;
  border: 1px solid #707070;
  background-color: #fff;
}

.quizName__input input[type="text"] {
  width: 100%;
  margin: 0;
  padding: 15px;
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  font-size: 1em;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}



/* =====================
  quizName--entered
===================== */
.quizName--entered {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  line-height: 1.25;
}

.quizName--entered:before {
  display: block;
  -ms-align-self: stretch;
      align-self: stretch;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
       -o-transform: rotate(15deg);
          transform: rotate(15deg);
  border-left: 2px solid #343330;
  margin: 0 15px;
  content: " ";
}


/*  quizName__title
------------------------*/
.quizName--entered .quizName__title {
  -webkit-order: -1;
     -moz-order: -1;
      -ms-order: -1;
       -o-order: -1;
          order: -1;
}


/*  quizName__text
------------------------*/



/* =====================
  quizQuestion
===================== */
/*  quizQuestion__item
------------------------*/
.quizQuestion__item + .quizQuestion__item {
  margin-top: 10px;
}


/*  quizQuestion__title
------------------------*/
.quizQuestion__title {
  font-weight: bold;
  font-size: 20px;
}


/*  quizQuestion__figure
------------------------*/
.quizQuestion__figure {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 330px;
}

.quizQuestion__figure img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}


/*  quizQuestion__quote
------------------------*/
.quizQuestion__quote {
  text-align: right;
}


/*  quizQuestion__description
------------------------*/
.quizQuestion__description {
  padding: 20px;
  border: 1px solid #e80;
  background-color: rgba(255,255,255,.75);
  font-size: 14px;
  line-height: 1.75;
}



/* =====================
  quizQuestionNumber
===================== */
.quizQuestionNumber {
  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;
}


/*  quizQuestionNumber__number
------------------------*/
.quizQuestionNumber__number {
  color: #e80;
  font-weight: bold;
  font-size: 20px;
}


/*  quizQuestionNumber__rate
------------------------*/
.quizQuestionNumber__rate {
  font-size: 16px;
}



/* =====================
  quizChoice
===================== */
.quizQuestion + .quizChoice {
  margin-top: 20px;
}


/*  quizChoice__item
------------------------*/
.quizChoice__item > a ,
.quizChoice__item > span {
  display: block;
  padding: 10px;
  border: 1px solid #707070;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}

.quizChoice__item > a:hover {
  border-color: #e80;
  background-color: #e80;
  color: #fff;
}

.quizChoice__item > a:hover .quizChoiceDetail__number {
  border-color: #e80;
  background-color: #e80;
  color: #fff;
}

.quizChoice__item.current_selected > a {
  border-color: #e80;
  background-color: #e80;
  color: #fff;
}

.quizChoice__item.current_selected > a .quizChoiceDetail__number {
  border-color: #e80;
  background-color: #e80;;
  color: #fff;
}



/* =====================
  quizChoiceDetail
===================== */
.quizChoiceDetail {
  font-size: 18px;
}


/*  quizChoiceDetail__number
------------------------*/
.quizChoiceDetail__number {
  position: relative;
  z-index: 0;
  width: 1.5em;
  height: 1.5em;
  /* border: 1px solid #343330;
  border-radius: 50px; */
  text-align: center;
}

.quiz_num {
  position: relative;
  z-index: 0;
  width: 1.5em;
  height: 1.5em;
  /* border: 1px solid #343330;
  border-radius: 50px; */
  text-align: center;
}

.quizChoiceDetail__number:before {
  display: block;
  position: absolute;
  top: -webkit-calc( 50% - ( 1px / 2 ) );
  top:         calc( 50% - ( 1px / 2 ) );
  left: -webkit-calc( 50% - ( 1px / 2 ) );
  left:         calc( 50% - ( 1px / 2 ) );
  z-index: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #ccc;
  font-size: 2em;
  line-height: 1;
  font-family: 'quiz';
}


/* quizChoiceDetail__number--slectedCorrect */
.quizChoiceDetail__number--slectedCorrect:before {
  color: #ff5757;
  content: "\e904";
}


/* quizChoiceDetail__number--slected */
.quizChoiceDetail__number--slected:before {
  color: #49c7ff;
  content: "\e903";
}

/* 
quizChoiceDetail__number--correctAnswer */
.quizChoiceDetail__number--correctAnswer:before {
  color: #ff5757;
  content: "\e902";
}



/* =====================
  quizChoice--figure
===================== */
.quizChoice--figure {
  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: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -10px -10px;
}

.quizChoice--figure .quizChoice__item {
  width: -webkit-calc( ( ( 100% - .01px ) - ( 10px * 2 ) ) / 2 );
  width:         calc( ( ( 100% - .01px ) - ( 10px * 2 ) ) / 2 );
  margin: 0 0 10px 10px;
}


/*  quizChoiceDetail__thumb
------------------------*/
.quizChoiceDetail__thumb {
  margin-top: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 150px;
}

.quizChoiceDetail__thumb img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}



/* =====================
  quizChoice--text
===================== */
.quizChoice--text .quizChoice__item + .quizChoice__item {
  margin-top: 5px;
}

.quizChoice--text .quizChoiceDetail {
  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;
}

.quizChoice--text .quizChoiceDetail__number {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
}

.quizChoice--text .quizChoiceDetail__text {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}


/*  quizChoiceDetail__text
------------------------*/
.quizChoiceDetail__text {
  margin-left: 10px;
}



/* =====================
  quizRate
===================== */
.quizRate {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: stretch;
      align-items: stretch;
  font-size: 16px;
}

.quizChoice + .quizRate {
  margin-top: 10px;
}


/*  quizRate__item
------------------------*/
.quizRate__item + .quizRate__item {
  margin-left: 10px;
}



/* =====================
  quizAgain
===================== */
.quizAgain {
  text-align: right;
}

.quizAgain a {
  color: #04c;
  text-decoration: underline;
}

.quizAgain a:hover {
  text-decoration: none;
}



/* =====================
  quizCaution
===================== */
/*  quizCaution__title
------------------------*/
.quizCaution__title {
  margin-bottom: 3px;
  color: #ff5757;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}


/* answerErrorMessage */
.quizCaution__title#answerErrorMessage {
  display: none;
}


/*  quizCaution__body
------------------------*/



/* =====================
  quizCorrect
===================== */
.quizCorrect {
  display: table;
  position: relative;
  z-index: 0;
  margin: 0 auto;
  font-weight: bold;
  font-size: 50px;
  text-align: center;
}

.quizCorrect:before {
  display: block;
  color: #333;
  font-weight: normal;
  font-size: 4em;
  font-family: 'quiz';
  line-height: 1;
}

.quizCorrect span {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-top: .15em;
  color: #fff;
  letter-spacing: .02em;
  text-indent: .02em;
}


/*  quizCorrect--correct
------------------------*/
.quizCorrect--correct:before {
  color: #ffd329;
  content: "\e902";
}

.quizCorrect--correct span {
  color: #ff5757;
}


/*  quizCorrect--incorrect
------------------------*/
.quizCorrect--incorrect:before {
  color: #49c7ff;
  content: "\e903";
}

.quizCorrect--incorrect span {
  color: #04c;
}



/* =====================
  quizTotal
===================== */
/*  quizTotal__title
------------------------*/
.quizTotal__title {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 18px;
}


/*  quizTotal__body
------------------------*/



/* =====================
  quizGraf
===================== */
.quizGraf {
  font-size: 16px;
}


/*  quizGraf__item
------------------------*/
.quizGraf__item + .quizGraf__item {
  margin-top: 5px;
}



/* =====================
  quizGrafDetail
===================== */
.quizGrafDetail {
  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: space-between;
  -ms-align-items: stretch;
      align-items: stretch;
  position: relative;
  z-index: 0;
  padding: 10px 15px;
  overflow: hidden;
  border-radius: 8px;
  background-color: #fff;
  font-weight: bold;
}


/*  quizGrafDetail__count
------------------------*/


/*  quizGrafDetail__number
------------------------*/
.quizGrafDetail__number {
  text-align: right;
}


/*  quizGrafDetail__bar
------------------------*/
.quizGrafDetail__bar {
  flex-basis: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0 8px 8px 0;
  background-color: #ffe2B5;
}



/* =====================
  quizAnswer
===================== */
.quizAnswer {
  margin: 0 -20px;
  margin-bottom: -20px;
}


/*  quizAnswer__title
------------------------*/
.quizAnswer__title {
  margin: 10px 20px;
  font-weight: bold;
  font-size: 18px;
}


/*  quizAnswer__body
------------------------*/



/* =====================
  quizAnswerList
===================== */
/*  quizAnswerList__item
------------------------*/
.quizAnswerList__item {
  padding: 20px;
}

.quizAnswerList__item {
  border-top: 1px dashed #e80;
}

.quizAnswerList__item:nth-of-type(2n+1) {
  background-color: #ffe2b5;
}



/* =====================
  quizResult
===================== */
.quizResult {
  padding-top: .25em;
  color: #555;
  font-weight: bold;
  font-size: 60px;
  line-height: 1.3;
  text-align: center;
  text-indent: .1em;
}


/*  quizResult__sub
------------------------*/
.quizResult__sub {
  font-size: .666667em;
  letter-spacing: .08em;
  text-indent: .08em;
}


/*  quizResult__main
------------------------*/
.quizResult__main {
  color: #e80;
  letter-spacing: .15em;
  text-indent: .15em;
}



/* =====================
  quizComment
===================== */
/*  quizComment__thumb
------------------------*/
.quizComment__thumb {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 330px;
}

.quizComment__thumb img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}


/*  quizComment__text
------------------------*/
.quizComment__text {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.75;
}



/* =====================
  quizBtn
===================== */
.kentei_prefaceContainer + .quizBtn {
  margin: 10px;
}


/*  quizBtn__item
------------------------*/
.quizBtn__item a ,
.quizBtn__item button {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  border: none;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 5px solid #000;
  background-color: #666;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: .1em;
  line-height: 1.5;
  text-align: center;
  text-indent: .1em;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.quizBtn__item button {
  -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
      -ms-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

.quizBtn__item a:hover ,
.quizBtn__item button:hover {
  opacity: .8;
  -ms-filter: alpha(opacity=80);
}

.quizBtn__item button:hover {
  cursor: pointer;
}

.quizBtn__item span {
  display: inline-block;
  position: relative;
  z-index: 0;
}

.quizBtn__item span:before ,
.quizBtn__item span:after {
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: normal;
  letter-spacing: 0;
  text-align: center;
  text-indent: 0;
}

.quizBtn__item + .quizBtn__item {
  margin-top: 15px;
}


/* quizBtn__item--request */
.quizBtn__item--request a {
  border: none;
  border-radius: 50px;
  background-color: #e80;
  width: 80%;
}

.quizBtn__item--request span {
  padding-left: 2.5em;
}

.quizBtn__item--request span:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.5em;
  line-height: 1;
  font-family: utIcon;
  content: "\e929";
}


/* quizBtn__item--challenge */
.quizBtn__item--challenge button {
  padding: 15px;
  border-bottom-color: #00769d;
  background-color: #03a9f4;
  font-size: 20px;
}

.quizBtn__item--challenge span {
  padding-right: 1em;
}

.quizBtn__item--challenge span:after {
  display: block;
  position: absolute;
  top: 50%;
  right: .15em;
  -webkit-transform: translateY(-55%) rotate(45deg);
      -ms-transform: translateY(-55%) rotate(45deg);
       -o-transform: translateY(-55%) rotate(45deg);
          transform: translateY(-55%) rotate(45deg);
  width: .6em;
  height: .6em;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  content: " ";
}


/* quizBtn__item--challenger */
.quizBtn__item--challenger {
  color: #e80;
  font-weight: bold;
  font-size: 16px;
  text-align: right;
}

.quizBtn__item + .quizBtn__item--challenger {
  margin-top: 10px;
}


/* quizBtn__item--check */
.quizBtn__item--check button {
  padding: 15px;
  border-bottom-color: #b66800;
  background-color: #e80;
  font-size: 20px;
}


/* quizBtn__item--next */
.quizBtn__item--next button {
  padding: 15px;
  border-bottom-color: #b66800;
  background-color: #e80;
  font-size: 20px;
}

.quizBtn__item--restart a {
  padding: 15px;
  border-bottom-color: #00769d;
  background-color: #03a9f4;
  font-size: 20px;
}

.quizBtn__item--next span {
  padding-right: 1em;
}

.quizBtn__item--next span:after {
  display: block;
  position: absolute;
  top: 50%;
  right: .15em;
  -webkit-transform: translateY(-55%) rotate(45deg);
      -ms-transform: translateY(-55%) rotate(45deg);
       -o-transform: translateY(-55%) rotate(45deg);
          transform: translateY(-55%) rotate(45deg);
  width: .6em;
  height: .6em;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  content: " ";
}


/* quizBtn__item--next */
.quizBtn__item--result button {
  background-color: #03a9f4;
  border-bottom-color: #00769d;
  font-size: 24px;
}

/* quizBtn__item--tweet */
.quizBtn__item--tweet a {
  border-bottom-color: #00769d;
  background-color: #03a9f4;
  font-size: 24px;
}

.quizBtn__item--tweet span {
  position: relative;
  z-index: 0;
  padding-left: 1.75em;
}

.quizBtn__item--tweet span:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-60%);
      -ms-transform: translateY(-60%);
       -o-transform: translateY(-60%);
          transform: translateY(-60%);
  font-size: 1.25em;
  line-height: 1;
  font-family: 'quiz';
  content: "\e901";
}


/* quizBtn__item--again */
.quizBtn__item--again a {
  border-bottom-color: #b66800;
  background-color: #e80;
}



/* =====================
  quizFree
===================== */
.quizFree {
  line-height: 1.75;
}

.quizContents__item + .quizFree {
  padding-top: 20px;
  border-top: 1px dashed #707070;
}



/* =====================
  quizFooter
===================== */
.quizFooter {
  margin: 20px;
}

.quizFooter .newShareLink {
  padding: 0;
}



/*
 * ▲202206
 * -------------------------------------------------------------------------------- */

.horizontal_btn {
  display: flex;
  justify-content:center;
  gap: 10px;
  margin: 5px;
}

.horizontal_btn a {
  flex-grow: 1;
  display: block;
}