/*===========================================================================
   SORACHI1984 CSS
===========================================================================*/
/* ===========================
    共通部分
=========================== */

/* common
=========================== */
/*PC-SP view-change*/
.pc-mode .sp-menu {display: none!important;}

/*img*/
.img-box {font-size: 0;}

/*contents-column*/
.inner {position: relative; width: 100%; max-width: 1200px; height: 100%; margin: 0 auto;}
main {position: relative; display: block; width: 100%; height: 100%; background: #f7f8f8;}

/*new-contents*/
.new-content {position: relative;}
.icn-new {display: block; width: 22.39836777575988%; position: absolute; top: -16.608524433468553%; right: -3.192989676234264%;}

/* css animation
=========================== */
/*[common] Animation-Add-Motion-Class*/
.animated-c {opacity: 0; transition: transform 1s ease, opacity 1s ease; transform: translateY(10vw); will-change: transform; perspective: 1000;}
.animated-c.is-show {opacity: 1; transform: translateY(0);}

/*[Individually] History-Graph-Area */
.bar-graph-area li,
.bar-graph-area-auto li {opacity: 0;}
.bar-graph-area li.animated,
.bar-graph-area-auto li.animated {opacity: 1;}

/*base code*/
.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated.infinite {-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.animated.hinge {-webkit-animation-duration: 2s; animation-duration: 2s;}

/*fadeOut*/
@-webkit-keyframes fadeOut {
  0% {opacity: 1}
  100% {opacity: 0}
}
@keyframes fadeOut {
  0% {opacity: 1}
  100% {opacity: 0}
}
.fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut}
/*fadeIn*/
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn}
/*fadeInUp*/
@-webkit-keyframes fadeInUp {
  0% {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)}
  100% {opacity: 1; -webkit-transform: none; transform: none}
}
@keyframes fadeInUp {
  0% {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)}
  70%{opacity: 0;}
  100% {opacity: 1;-webkit-transform: none; -ms-transform: none; transform: none}
}
.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp}

/*pulse*/
@-webkit-keyframes pulse {
  0% {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}
  50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05)}
  100% {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}
}
@keyframes pulse {
  0% {-webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}
  50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05)}
  100% {-webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)}
}
.pulse {-webkit-animation-name: pulse; animation-name: pulse}

.scroll-down,
.scroll-down span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.scroll-down {
  bottom: -24%;
  height: 50px;
  width: auto;
  z-index: 2;
}
/*Scrollテキストの描写*/
.scroll-down span{
  top: -48%;
  color: #eee;
  font-size: 1em;
  letter-spacing: 0.05em;
}

/* 線の描写 */
.scroll-down::after{
  content: "";
  /*描画位置*/
  position: absolute;
  top: 0;
  /*線の形状*/
  width: 1px;
  height: 30px;
  background: #eee;
  /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 1.4s ease-in-out infinite;
  opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:30px;
    opacity: 1;
  }
  100%{
    height:0;
    top:50px;
    opacity: 0;
  }
}

/* remodal - custome
=========================== */
.remodal {background: none;}
.remodal .close-btn {width: 4.2%; float: right; margin-bottom: 1%;}
/*modal movie contents*/
.movie-area {position: relative; padding-top: 56.2105%; margin-top: 4.17%;}

/* slick - custome
=========================== */
.slick-slide img {display: inline-block;}

/* brightcove - custome
=========================== */
.l-wrapper .video-js .vjs-dock-shelf, .l-wrapper .video-js .vjs-dock-text,
.video-js .vjs-dock-shelf, .video-js .vjs-dock-text {display: none;}
.bc-player-HJXbNbVS3_default .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    width: 1em;
    height: 1em;
    line-height: 2em;
    border: none;
    border-radius: 50%;
    font-size: 3.5em;
    background: url(/sorachi1984/media/images/story/movie_play_btn.png) no-repeat center center;
    background-size: contain;
    -webkit-transition: opacity .2s liner;
    -moz-transition: opacity .2s liner;
    -ms-transition: opacity .2s liner;
    -o-transition: opacity .2s liner;
    transition: opacity .2s liner;
}
.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {content: none;}
.bc-player-HJXbNbVS3_default .vjs-big-play-button:active,
.bc-player-HJXbNbVS3_default .vjs-big-play-button:focus,
.bc-player-HJXbNbVS3_default:active .vjs-big-play-button,
.bc-player-HJXbNbVS3_default:hover .vjs-big-play-button {background-color: rgba(0,0,0,0); opacity: .6;}

/* header
=========================== */
/*Outline*/
.page-header {width: 100%; position: relative; background: #fff; z-index: 4;}
.fixed {position: fixed;}
.page-header.fixed {top: 0; left: 0; z-index: 4;}
/*logo*/
/*Menu-Area*/
.menu-btn-area {height: 0; padding-top: 7.423%;}
.menu-btn-item {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size: 0;
}
.menu-btn-item a {display: block;}
#navItem01 {width: 10.179%; left: 3.254%;}
#navItem02 {width: 8.984%; left: 19.463%;}
#navItem03 {width: 3.874%; left: 33.9%;}
#navItem04 {width: 15.366%; left: 43.41%;}
#navItem05 {width: 15.355%; left: 63.839%;}
#navItem06 {width: 12.07%; left: 84.677%;}
#navItem06 a::after {display: none;}

.nav-modal {
    width: 49.255%;
    max-width: 600px;
    padding: 4% 0;
}
#navModal02 {padding-bottom: 0;}
.nav-modal .modal-body {background: #fff;}
#navModal02 .modal-body {
    max-height: 680px;
    height: 56.667vw;
    overflow-y: scroll;
    -ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
    background: #000;
}
#navModal02 .modal-body::-webkit-scrollbar {display:none; /* Chrome, Safari 対応 */}
.nav-modal .close-btn {
    width: 100%;
    background: #000;
    cursor: pointer;
    float: none;
    margin: 0 auto;
    display: block;
    z-index: 2;
}
#navModal01 .close-btn {margin: 0 auto 1.89%;}
#navModal02 .close-btn {position: fixed; top: 0; left: 0; background: #00769f;}
.nav-btn-list {background: #fff;}
.nav-btn-list li {background: #00769f; margin: 0 auto 1.89%;}

/*nav open時*/
.news-list {
    width: 100%;
    padding: 9.394% 9.81%;
    box-sizing: border-box;
}
.news-list li {
    /*width: 100%;*/
    position: relative;
    margin-bottom: 10.441269937907057%;
    text-align: left;
}
.news-main-txt {
    color: #fff;
    font-family: 'Zen Old Mincho', serif;
    font-weight: 600;
    line-height: 1.5;
}
.news-main-txt time,
.news-main-txt span {width: 100%; font-size: 1.125rem;}
.news-main-txt time {
    letter-spacing: .14em;
    word-break: break-all;
    display: block;
}
.news-main-txt span {letter-spacing: .07em;}
.news-main-txt span a {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","MS Pゴシック",sans-serif;
    font-weight: normal;
    font-size: 1.03125rem;
    color: #fff;
    text-decoration: underline;
    padding: 0 1%;
}
.news-list li .news-sub-list li {
    position: static;
    font-size: 1.125rem;
    line-height: 1.4;
    color: #fff;
    margin: 4% 0 0;
}
.news-list li:first-child .news-sub-list li { width: 100%;}
.news-list li:last-child {margin-bottom: 0;}
.news-list li .news-sub-list li a {
    font-size: 1.03125rem;
    letter-spacing: .06em;
    color: rgba(255,255,255,.9);
    text-decoration: underline;
}
.news-list li .news-sub-list li a::after {display: none;}
.font-mincho {font-family: 'Zen Old Mincho', serif;}

.page-header .close-btn {
    width: 9.085936842105264%;
    cursor: pointer;
    margin-left: 1.1605416666666666%;
    padding-top: 1.245475%;
    position: fixed;
}
.page-header .close-btn .icn-humberger {
    width: 27.386535816685704%;
    padding: 20.136552981297978% 0 0;
}
.page-header .close-btn .close-btn-txt {width: 57.640154782162746%;}
.page-header .close-btn .icn-humberger span {background: #fff;}
.page-header .close-btn .close-btn-txt svg {max-height: 14.86px;}


/* fixed line btn
=========================== */
.fixed-btn {
    position: fixed;
    width: 90px;
    bottom: 80px;
    right: 3.62%;
    opacity: 0;
    transition: opacity .2s linear;
}
.fixed-btn.is-active {opacity: 1;}
.fixed-btn.ab-item {bottom: 46px; opacity: 1;}
/*.hop-history .fixed-btn.ab-item {bottom: 46px;}
.hop-calender .fixed-btn.ab-item {bottom: 6%;}*/
.fixed-btn a {display: block;}
.fixed-btn a::after {display: none !important;}

/* fixed cart-btn
=========================== */
/*購入ボタン*/
.p-absolute {position: absolute !important;}
.conductor-cart-area,
.conductor-bnr-list button {transition: opacity .2s linear;}
.conductor-cart-area:hover,
.conductor-bnr-list button:hover {opacity: .8;}
.conductor-cart-area {
  width: 70px;
  position: fixed;
  right: 4.2%;
  bottom: 220px;
  z-index: 2;
  opacity: 0;
}
/*.hop-history .conductor-cart-area {bottom: 23%;}*/
.conductor-cart-area button,
.conductor-bnr-list.current li button {width: 100%;}
.conductor-cart-area.p-absolute {
  top: auto !important;
  bottom: 180px;
  left: auto !important;
  /*right: 30px;*/
  opacity: 1;
}
/*.hop-history .conductor-cart-area.p-absolute {bottom: 190px;}*/
/*.hop-history .conductor-bnr-list.current.p-absolute {bottom: 180px;}*/
.hop-calender .conductor-cart-area,
.hop-calender .fixed-btn { opacity: 1; }
/*.hop-calender .conductor-cart-area.p-absolute {bottom: 30%;}
.hop-calender .conductor-bnr-list.current.p-absolute {bottom: 30%;}*/

.cart-icon {
  background: none;
  border: none;
  line-height: 0;
}
.conductor-bnr-list {display: none;}
.conductor-bnr-list.current {
  position: fixed !important;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  background: #f1f1f1;
  border: 2px solid #dfb43a;
  padding: 2% 0 2% 2%;
  letter-spacing: -1em;
  z-index: 1;
  bottom: 200px;
  right: 12%;
}
/*.hop-history .conductor-bnr-list.current {bottom: 21%;}*/
.conductor-bnr-list.current.p-absolute {
  top: auto !important;
  /*left: auto !important;*/
  bottom: 160px;
  position: absolute !important;
}
.conductor-bnr-list.current li {
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  position: relative;
  width: auto;
  height: 60px;
  /*margin-bottom: 2%;
  margin-right: 4%*/
}
.conductor-bnr-list.current li a {display: block; width: 100%; height: 100%;}

/*.bnr-amazon {width: 12.63%;}
.bnr-rakuten {width: 13.295%;}
.bnr-yahoo {width: 22.697%;}
.bnr-lohaco {width: 18.708%;}
.bnr-kanpai-plus {width: 18.99%;}*/

.conductor-bnr-list.current li a[target="_blank"]:not(.m-no-icon):after {
    position: absolute;
    margin: 0;
    right: -16px;
    bottom: 0;
}

.opacity-1 {opacity: 1;}

.anim-slideout-x {
  opacity: 1;
  animation: SlideOutX 1s;
}
@keyframes SlideOutX {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;/*初期状態では透明に*/
    transform: translateX(1000px);
  }
}
.anim-slidein-x-right {
  opacity: 0;
  animation: SlideInX 1s;
}
@keyframes SlideInX {
  0% {
    opacity: 0;/*初期状態では透明に*/
    transform: translateX(1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*======================================
    TOP
======================================*/
#brandTop .mainvisual-area {
  padding: 6.514% 0;
  background-color: #000;
  position: relative;
}
#brandTop .mainvisual-area .btn_tvcm {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 14%;
    cursor: pointer;
}
#brandTop .mv_animation_item {opacity: 0; transition: opacity .8s linear;}
#brandTop .mv_animation_item.is-show {opacity: 1;}
#brandTop .mv_item_wrap {position: relative;}
#brandTop .mv_ab_item { position: absolute; font-size: 0; line-height: 0;}
#brandTop .ab_item_02 .mv_ab_item_text {font-size: 0;}
#brandTop #mvItem01 .ab_item_01 { width: 19.988%; bottom: 40.209%; left: 40.06%; }
#brandTop #mvItem01 .ab_item_02 { width: 39.793%; bottom: 9.425%; left: 31.597%; }

#brandTop #mvItem02 .ab_item_01 { width: 18.764%; bottom: 25.865%; left: 41.283%; }
#brandTop #mvItem02 .ab_item_02 { 
  width: 7.552%;
  top: 34.348%; right: 17.955%;
  display: flex; flex-wrap: wrap; justify-content: space-between;
  flex-direction: row-reverse;
}
#brandTop #mvItem02 .ab_item_02 .mv_ab_item_text:nth-child(1) {width: 17.805%;}
#brandTop #mvItem02 .ab_item_02 .mv_ab_item_text:nth-child(2) {width: 17.856%;}
#brandTop #mvItem02 .ab_item_02 .mv_ab_item_text:nth-child(3) {width: 18.042%;}

#brandTop #mvItem03 .ab_item_01 .mv_animation_item {opacity: 1;}
#brandTop #mvItem03 .ab_item_01,
#brandTop #mvItem03 .ab_item_02 { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; }

#brandTop #mvItem03 .ab_item_01 { width: 7.552%; top: 34.35%; right: 17.955%;}
#brandTop #mvItem03 .ab_item_02 { width: 16.867%; top: 34.327%; right: 30.37%;}
#brandTop #mvItem03 .ab_item_01 .mv_ab_item_text:nth-child(1) {width: 17.805%;}
#brandTop #mvItem03 .ab_item_01 .mv_ab_item_text:nth-child(2) {width: 17.856%;}
#brandTop #mvItem03 .ab_item_01 .mv_ab_item_text:nth-child(3) {width: 18.042%;}

#brandTop #mvItem03 .ab_item_02 .mv_ab_item_text:nth-child(1) {width: 7.946%;}
#brandTop #mvItem03 .ab_item_02 .mv_ab_item_text:nth-child(2) {width: 7.408%;}
#brandTop #mvItem03 .ab_item_02 .mv_ab_item_text:nth-child(3) {width: 8.03%;}
#brandTop #mvItem03 .ab_item_02 .mv_ab_item_text:nth-child(4) {width: 8.022%;}
#brandTop #mvItem03 .ab_item_02 .mv_ab_item_text:nth-child(5) {width: 8.072%;}
#brandTop #mvItem03 .ab_item_02 .mv_ab_item_text:nth-child(6) {width: 8.038%;}

#brandTop #mvItem04 .mv_ab_item_text { display: inline-block; width: 100%; /*opacity: 1;*/ }
#brandTop #mvItem04 .ab_item_01,
#brandTop #mvItem04 .ab_item_02 {
    width: 3.968%;
    right: 43.009%;
    background: url(/sorachi1984/media/images/top/bg_revers_animation.png) repeat;
    background-size: cover;
}
#brandTop #mvItem04 .ab_item_01 { top: 15.302%; padding: .907% 0; }
#brandTop #mvItem04 .ab_item_01 .mv_ab_item_text:not(:last-child) { margin-bottom: 29.663%; }
#brandTop #mvItem04 .ab_item_02 { top: 34.837%; }
#brandTop #mvItem04 .ab_item_03 {
    width: 4.285%; top: 15.302%; right: 47.858%;
    background: url(/sorachi1984/media/images/top/bg_revers_animation.png) repeat;
    background-size: 100%;
}
#brandTop #mvItem04 .ab_item_03 li:first-child {margin-bottom: 26.473%;}
#brandTop #mvItem04 .ab_item_03 li:last-child {margin-top: 23.344%;}
#brandTop #mvItem04 .ab_item_04,
#brandTop #mvItem04 .ab_item_05 {
    width: 3.968%;
    left: 43.009%;
    background: url(/sorachi1984/media/images/top/bg_revers_animation.png) repeat;
    background-size: cover;
}
#brandTop #mvItem04 .ab_item_04 .mv_ab_item_text:nth-child(2) {margin: 31.252% 0;}
#brandTop #mvItem04 .ab_item_04 {top: 15.302%;}
#brandTop #mvItem04 .ab_item_05 {top: 44.979%;}
#brandTop #mvItem04 .revers_animation_item {transform-origin:center;}
#brandTop #mvItem04 .revers_animation_item.revers {
    animation-name: revers-animation;
    -webkit-animation-name: revers-animation;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;
}

@keyframes revers-animation {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        opacity: 1;
    }
    40%{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        opacity: 0;
    }
    50%{
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
}

#brandTop .conducter_items {
    width: 93.98%;
    margin: 2.852% auto;
    display: flex; flex-wrap: wrap; justify-content: space-between;
}
#brandTop .conducter_items .conducter_item { width: 48.098%; }
#brandTop .conducter_items .conducter_item .conducter_item_title { width: 100%; font-size: 0; display: block; }
#brandTop .conducter_items .conducter_item.brand-story .conducter_item_title {background-color: #0077a1;}
#brandTop .conducter_items .conducter_item.brand-action .conducter_item_title {background-color: #f08300;}
#brandTop .conducter_items .conducter_item .conducter_item_image { position: relative; }
#brandTop .conducter_items .conducter_item .conducter_item_image i { display: block; width: 100%; height: 100%; font-size: 0; }
#brandTop .conducter_items .conducter_item .conducter_item_image .conducter_item_image_text {
    width: 100%;
    position: absolute; left: 0; bottom: 10.801%;
}

.brandbook_items {
    width: 100%;
    height: 640px;
    position: relative;
}
.brandbook-bg {background: rgba(255,255,255,.7);}
.brand_book {margin-right: 0; width: 90%; max-width: 1500px;}
.brand_book .close-btn {
    width: 2%; padding: 1%;
    position: absolute; top: -20%; right: 0;
    background: #000;
    border-radius: 100vw;
}
.brand_book .slick-prev,
.brand_book .slick-next {width: 24px;}
.brand_book .slick-prev {left: -32px;}
.brand_book .slick-next {right: -32px;}

.brand_book .slick-prev::before,
.brand_book .slick-next::before {color: #000; font-size: 24px;}
/*======================================
    BRAND ACTION TOP
======================================*/
#brandactionTop .bnr_area {
  background: #fff;
  padding: 2.215% 0;
  display: flex; flex-wrap: wrap; justify-content: space-between;
}
#brandactionTop .bnr_area .bnr_item_img {width: 38.014%;}
#brandactionTop .bnr_area .bnr_item_text {
  width: 61.986%;
  background: #ea5504;
  position: relative;
}
#brandactionTop .bnr_area .bnr_item_text .bnr_item_text_01 {
    width: 100%;
    padding: 4.338% 0 0 6.519%;
    color: #fff;
    font-weight: 600;
    font-size: 1.459vw;
    line-height: 2.072;
    letter-spacing: .22em;
}
#brandactionTop .bnr_area .bnr_item_text .bnr_item_text_01 b {
    font-size: 1.5em;
    display: block;
}
#brandactionTop .bnr_area .logo_sub_text {
    padding-left: 7.519%;
    color: #fff;
    font-weight: 600;
    margin-top: 1em;
    display: block;
    letter-spacing: .14em;
}
#brandactionTop .logo_repohappy {
    width: 44.792%;
    position: absolute;
    right: 12.821%;
    bottom: 9.688%;
    font-size: 1.459vw;
    color: #fff;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#brandactionTop .logo_repohappy .icon_glass { display: block; width: 4%; }
#brandactionTop .logo_repohappy p { width: 92%;}
#brandactionTop .brandaction_articles { width: 93.75%; margin: 18.242% auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
#brandactionTop .brandaction_articles::after {
    content: "";
    display:block;
    width:28.598%; /* 子要素と同じ幅 */
}
#brandactionTop .brandaction_articles .brandaction_article { width: 28.598%; margin-bottom: 2.627%; }
#brandactionTop .brandaction_articles .brandaction_article a {
  display: block; width: 100%; height: 100%;
  text-decoration: none;
  color: #4c4948;
  font-weight: 500;
}
#brandactionTop .bnr_item_text a[target="_blank"]:not(.m-no-icon):after { right: -25px; bottom: 36%; position: absolute; }
#brandactionTop .brandaction_article_img {width: 100%; display: block; font-size: 0; margin-bottom: 6.604%;}
#brandactionTop .brandaction_article_title {
    width: 100%;
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
    margin-bottom: 4.275%;
}
#brandactionTop .brandaction_article_tag.icon_talk { width: 58.726%; }
#brandactionTop .brandaction_article_tag.icon_voice { width: 61.364%; }
#brandactionTop .brandaction_article_tag.icon_meal { width: 51.894%; }
#brandactionTop .brandaction_article_tag.icon_birthday { width: 53.571%; }
#brandactionTop .brandaction_article_tag.icon_discussion { width: 51.26%; }
#brandactionTop .brandaction_article_tag.icon_connect { width: 57.242%; }
#brandactionTop .brandaction_article_tag.icon_person { width: 46.545%; }
#brandactionTop .brandaction_article_title time { 
  width: auto;
  font-size: 1rem;
  font-weight: 700;
  color: #ea5504;
  text-align: right;
}
#brandactionTop .brandaction_article_text {
  line-height: 1.742;
  letter-spacing: .15em;
}


/*======================================
    BRAND ACTION ARTICLE
======================================*/
.font_mincho {
    font-family :YuMincho,'Yu Mincho',serif;
}

.article_wrap {
    display: flex; flex-wrap: wrap; justify-content: space-between;
    width: 100%; padding: 4.248% 0 10.046%;
}

.article_wrap .archive_items { width: 14.812%; }
.article_wrap .article_item { width: 81.144%; }

#archiveNewContent {margin-bottom: 9.178%;}
#archiveCategory .archive_item {
    margin-bottom: 9.178%;
}

/*ARCHIVE*/
.article_wrap .archive_items .archives_item_title {
    width: 86.998%;
    margin: 0 0 24.03% .937%;
}
.article_wrap .archive_items .brandaction_article_img {
    display: block; width: 100%; font-size: 0; margin-bottom: 5.26%;
}
.article_wrap .archive_items .brandaction_article_title { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; margin-bottom: 4.274%;}
.article_wrap .archive_items .brandaction_article_tag {
    background: none;
    font-size: 0;
}
.article_wrap .archive_items .brandaction_article_tag.icon_talk { width: 60.027%; }
.article_wrap .archive_items .brandaction_article_tag.icon_voice { width: 55.773%; }
.article_wrap .archive_items .brandaction_article_tag.icon_meal { width: 54.672%; }
.article_wrap .archive_items .brandaction_article_tag.icon_birthday { width: 55.987%; }
.article_wrap .archive_items .brandaction_article_tag.icon_discussion { width: 54.175%; }
.article_wrap .archive_items time {
    width: auto;
    font-size: .733em;
    font-weight: 700;
    color: #ea5504;
}
.article_wrap .archive_items .brandaction_article_text {
    font-size: .8em;
    font-weight: 500;
    line-height: 1.741;
    color: #4c4948;
}
.article_wrap .archive_items .archive_ornament {
    display: block;
    width: 65.495%;
    margin: 31.636% auto 0;
}

/*記事エリア*/
.article_item .mainvisual-area {
    width: 100%; margin-bottom: 10.502%;
}
.article_item_inner { width: 75.619%; margin: 0 auto;}
.article_item .page_catch_area {
    font-size: 2.568em; font-weight: bold; line-height: 1.667; letter-spacing: .15em;
    margin-bottom: 6.235%;
}
#articleDiscussion .article_item .page_catch_area {
    font-size: 0; margin-bottom: 8%;
}
.article_item .article_category_item {
    display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 9.259%;
}
.article_item .brandaction_article_tag {margin-right: 4.445%;}
.article_item time {
    font-size: 1.327em; font-weight: bold;
    color: #ea5504;
    letter-spacing: .04em;
}
/*タグごとの横幅*/
.article_item .brandaction_article_tag.icon_talk { width: 29.392%; }
.article_item .brandaction_article_tag.icon_voice { width: 30.712%; }
.article_item .brandaction_article_tag.icon_meal { width: 25.972%; }
.article_item .brandaction_article_tag.icon_birthday { width: 26.812%; }
.article_item .brandaction_article_tag.icon_discussion { width: 25.655%; }

.article_block {
    width: 100%;
    margin: 0 auto 19.221%;
}
.article_block .article_block_title { font-size: 1.873em; font-weight: bold; letter-spacing: .15em; margin-bottom: 4.799%; line-height: 1.667;}
.article_block .article_block_content_text {
    font-size: 1.171em; font-weight: 500;
    line-height: 2;
    letter-spacing: .15em;
}
.article_block .article_block_content_text small {
    font-size: 80%;
    line-height: 1.8;
    display: inline-block;
    text-indent: -2.5em;
    padding-left: 2.5em;
}
.article_block .article_block_content_img {
    display: block; width: 100%; font-size: 0;
    margin: 6.031% auto;
}
.article_block .column2_article_item { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.article_block .column2_article_item .column2_article_item_child { width: 49%; }

.article_block .article_block_content_img.movie_item {
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 56.25%;
}
.article_block .article_block_content_img.movie_item iframe {
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
}
/*profile*/
.article_block .profile {
    margin: 0 0 100px;
    display: flex; 
}
.sorachi1984-voice .article_block .profile {flex-wrap: wrap; justify-content: space-between;}
.article_block .profile .propic{
  margin-right: 50px;
}
.sorachi1984-voice .article_block .profile .propic { width: 22.756%; margin-right: 0;}
.article_block .profile .protext{
  font-size: 15px;
  line-height: 31px;
}
.sorachi1984-voice .article_block .profile .protext { width: 70.455%;}
/* 3カラム画像 */
.article_block .column3_article_item{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}

/* 5枚画像 */
.article_block .column3_article_item .column3_article_item_child{width: 32.5%;}
.article_block .article_block_content_img.column5_article_first_item{margin-bottom: 2%;}
.article_block .article_block_content_img.column5_article_last_item{margin-top: 2%;}

/*プロフィール ※共通*/
.article_block .profile {
  margin: 0 0 100px;
  display: flex;
}
.article_block .profile .propic{
  margin-right: 50px;
}
.article_block .profile .protext{
  font-size: 15px;
  line-height: 31px;
}

.article_item .page_catch_area2{
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: .15em;
    margin-bottom: 6.235%;
    line-height: 1.667;
}
#articleDiscussion .article_item .page_catch_area2 {margin-bottom: 10%;}
/*ヘッダー動画*/
.article_item .mainvisual-area .movie_item iframe{
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}
.article_item .mainvisual-area { position: relative; }
.article_item .mainvisual-area p { 
    position: absolute;
    color: #fff;
    font-size: 1.4em;
    font-weight: 700;
    bottom: 7%;
    line-height: 1.4;
}
.article_item .mainvisual-area p.text-left {left: 4%;}
.article_item .mainvisual-area p.text-right {right: 4%;}

/*SORACHIの集い*/
.discussion_guest_item .discussion_guest_item_title,
.discussion_recipe_item .discussion_recipe_item_title { font-size: 1.171em; font-weight: 600; margin-bottom: 3%; }
.discussion_guest_item .discussion_guest_item_text,
.discussion_recipe_item .discussion_recipe_item_text { padding-left: 3%; }
.discussion_guest_item .discussion_guest_item_text .discussion_guest_item_text_list li { margin-bottom: 3%; }
.discussion_guest_item .discussion_guest_item_text .discussion_guest_item_text_list .discussion_guest_item_name { font-size: 1.6em; font-weight: 600; margin-bottom: 1.8%; line-height: 1.7; }
.discussion_guest_item .discussion_guest_item_text .discussion_guest_item_text_list .discussion_guest_item_career { display: block; line-height: 2; font-size: 1.171em; }
.discussion_recipe_item .discussion_recipe_item_text .discussion_recipe_name { font-size: 1.873em; margin-bottom: 0.5em; }

.recipe_block {
    position: relative; width: 100%;
    background: url(/sorachi1984/media/images/brand_action/sorachi_discussion01/bg_recipe_01_text_pc.png) repeat-y;
    background-size: 100%;
    padding-bottom: 18.042%;
}
.recipe_block:nth-of-type(n+2) {margin-top: 5%;}
#recipe_02.recipe_block {padding-bottom: 32%;}
.recipe_block::before {
    content: "";
    width: 100%;
    height: 0;
    top: 0; left: 0;
    padding-top: 33.699%;
    position: absolute;
    background: url(/sorachi1984/media/images/brand_action/sorachi_discussion01/bg_recipe_top_pc.png) no-repeat;
    background-size: 100%;
}
.recipe_block::after {
    content: "";
    width: 100%;
    height: 0;
    bottom: 0; left: 0;
    padding-top: 9%;
    position: absolute;
    background: url(/sorachi1984/media/images/brand_action/sorachi_discussion01/bg_recipe_bottom_pc.png) no-repeat;
    background-size: 100%;
}
.recipe_block .recipe_logo {
    width: 13.334%;
    display: block;
    z-index: 2;
    position: relative;
    margin: 0 auto 1.5em;
    padding-top: 4%;
}
.recipe_block .recipe_introduction {
    position: relative;
    width: 90%; margin: 0 auto 0;
}
.recipe_block .recipe_introduction:nth-of-type(n+2) {margin-top: 2em;}
.recipe_block .recipe_introduction_title { 
    font-size: 1.25em;
    line-height: 1;
    margin-bottom: 1em;
}

/*作り方*/
.recipe_introduction_item_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.recipe_block .redipe_making,
.recipe_block .recipe_ingredients { width: 47%;}
.recipe_block .recipe_introduction_item_title {font-size: 1.125em; line-height: 1.778; font-weight: 600; margin-bottom: .5em;}
.recipe_block .recipe_introduction_item_text { font-size: .938em; line-height: 1.8; }

ol.recipe_introduction_item_list li { text-indent: -1em; padding-left: 1em; }
.recipe_introduction_item_list li {font-weight: 400;}
.recipe_introduction_item_list li:nth-child(n+2) { margin-top: .5em; }

.recipe_block .recipe_image {
    position: absolute;
    z-index: 2;
    border: 8px solid #fff;
    transform: rotate(8deg);
    width: 28%;
    bottom: 3%;
    right: 3%;
}
#recipe_01 .recipe_image_01 { width: 24%; bottom: 3%; right: 3%; }
#recipe_02 .recipe_image_01,
#recipe_02 .recipe_image_02 {
    width: 26%; right: -2%;
}
#recipe_02 .recipe_image_01 {bottom: -1%;}
#recipe_02 .recipe_image_02 {bottom: -63%;}

.recipe_block .recipe_image.frame_reset {
    border: none;
    transform: none;
    bottom: auto;
}
.brandaction-article-2 #recipe_01 .recipe_image_01 { top: 12%; bottom: auto; }
.brandaction-article-3 #recipe_01 .recipe_image_01 {
    bottom: auto;
    top: 18%;
    right: -4%;
    width: 28%;
    transform: rotate(-10deg);
}
.brandaction-article-2 #recipe_01 .recipe_image_02,
.brandaction-article-3 #recipe_01 .recipe_image_02 { 
    bottom: 0;
    right: -5%;
    transform: rotate(12deg);
}


#finish_image {
    padding-bottom: 10%;
}
.finish_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.finish_wrap .recipe_introduction_text { width: 43%; }
.finish_wrap .recipe_introduction_img { width: 54%; position: relative; }
.finish_wrap .recipe_introduction_img .finish_img_01 {
    width: 80%;
    border: 8px solid #fff;
}
.finish_wrap .recipe_introduction_img .finish_img_02 {
    width: 43%;
    border: 6px solid #fff;
    position: absolute;
    right: -4%;
    bottom: -7%;
    transform: rotate(8deg);
    z-index: 2;
}
.finish_wrap .recipe_introduction_text .finish_image_ingredients { margin-bottom: 1em; line-height: 1.5; }
.finish_wrap .recipe_introduction_text .recipe_introduction_item_list li {
    font-size: .938em;
    line-height: 1.8;
}
.finish_wrap .recipe_ingredients { width: 100%; }

.brandaction-article-2 .finish_wrap .recipe_introduction_img,
.brandaction-article-3 .finish_wrap .recipe_introduction_img {
    padding-top: 57.344%;
    height: 0;
}
.brandaction-article-2 .recipe_block .recipe_image_03,
.brandaction-article-3 .recipe_block .recipe_image_03 {
    width: 90%; bottom: 5%; right: 15%;
}
.brandaction-article-2 .recipe_block .recipe_image_04,
.brandaction-article-3 .recipe_block .recipe_image_04 {
    width: 60%;
    top: 46%;
    right: -8%;
}
.brandaction-article-2 #recipe_02.recipe_block,
.brandaction-article-3 #recipe_02.recipe_block {padding-bottom: 12%;}
/*======================================
    BRAND STORY TOP
======================================*/

#brandstoryTop .mainvisual-area {
  position: relative;
  opacity: 1;
}
#brandstoryTop .mainvisual-area.animated {opacity: 1;}
#brandstoryTop .mainvisual-area .inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
#brandstoryTop .mainvisual-area i.icn-scroll-btn {
  position: absolute;
  width: 5.554599999999999%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  top: 100%;
  margin-top: -2.747833333333333%;
}
#brandstoryTop .mainvisual-area img {width: 100%;}
#brandstoryTop .mainvisual-area i.icn-scroll-btn svg {max-height: 66.6552px;}

#brandstoryTop .mainvisual-area .modal-c-wrapper {position: relative;}
#brandstoryTop .mainvisual-area .modal-c-wrapper .btn-modal {
  width: 21.41%;
  left: 3.755%;
  bottom: 8.227%;
}
#brandstoryTop .mainvisual-area .modal-c-wrapper .btn-modal a {
  display: block;
  width: 100%;
}
#brandstoryTop .mainvisual-area .slick-arrow:before {
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}
#brandstoryTop .mainvisual-area .slick-prev,
#brandstoryTop .mainvisual-area .slick-next {
    z-index: 2;
    width: 48px; height: 48px;
}

#brandstoryTop .mainvisual-area .slick-next {
    right: 0;
    background: url(/sorachi1984/media/svg/common/icon_arrow_next.svg) no-repeat;
    background-size: contain;
}
#brandstoryTop .mainvisual-area .slick-prev {
    left: 0;
    background: url(/sorachi1984/media/svg/common/icon_arrow_prev.svg) no-repeat;
    background-size: contain;
}
/*.conducter-area {background: #f9f9f9;}*/
.conducter-area .conducter-list {
    width: 91.11616842105263%;
    margin: 0 auto 0;
    padding: 4.537021052631579% 0 0;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.conducter-area .conducter-list.conducter-reverse-wrap {
    flex-direction: row-reverse;
    padding: 0;
}
.conducter-area .conducter-list li {
    width: 48.36262233659841%;
    margin-bottom: 4.908078016311392%;
    position: relative;
}
.conducter-area .conducter-list li a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.2s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.conducter-area .conducter-list li a:hover {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
    cursor: pointer;
}
.push-animation {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.2s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.push-animation:hover {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
    cursor: pointer;
    opacity: 1;
}
.conducter-list li .conducter-box { display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
.conducter-list li .conducter-box .conducter-ttl {
    width: 100%;
    background: #0077a1;
}
.conducter-list li .conducter-box .thumbnail-box {width: 100%;}

.icon_thumbnail {
    position: absolute; bottom: 5.013%; right: 4.255%;
    width: 16.165%;
    display: block;
}


/*======================================
    MESSAGE
======================================*/
.sorachi1984 .content-area {
    background: #f8f8f8;
}
.content-area .txt-list.device_text {width: 76.378%; padding: 12.598% 0 0; margin: 0 0 0 11.812%;}
.content-area .txt-list.device_text li { font-size: 1.25em; font-weight: 600; line-height: 2.813; width: 100%;}
.sorachi1984-message .content-area .txt-list li.txt-01,
.sorachi1984-message .content-area .txt-list li.txt-06,
.sorachi1984-message .content-area .txt-list li.txt-07,
.sorachi1984-message .content-area .txt-list li.txt-08 { line-height: 3.75; margin-bottom: 1em; }

.sorachi1984-message .staff_review_items {
    width: 76.378%; margin: 9.77% auto 0; padding: 7.365% 0 6.772%;
    background: #b3b5bd;
}
.sorachi1984-message .staff_review_items .staff_review_title {
    width: 80.863%; margin: 0 auto;
    border-bottom: dotted 2px #fff;
    padding-bottom: 5.035%;
}
.sorachi1984-message .staff_review_items .staff_review_title p { width: 85.102%; }
.sorachi1984-message .staff_review_item_list {
    width: 79.364%; margin: 5.532% auto 0;
    /*display: flex; flex-wrap: wrap; justify-content: space-between;*/
    color: #fff;
}
.staff_review_item_list .staff_review_item:nth-child(odd) { width: 46.204%; float: left; }
.staff_review_item_list .staff_review_item:nth-child(even) { width: 43.803%; float: right; }
.staff_review_item_list .staff_review_item:nth-child(n+3) {margin-top: 10.555%;}

.staff_review_item_list .staff_review_item:nth-child(odd) .staff_review_item_comment {margin-bottom: 7.933%;}
.staff_review_item_list .staff_review_item:nth-child(odd) .staff_review_item_comment_text { width: 92.308%; margin-bottom: 7.96%; }
.staff_review_item_list .staff_review_item:nth-child(even) .staff_review_item_comment {margin-bottom: 9.391%;}
.staff_review_item_list .staff_review_item:nth-child(even) .staff_review_item_comment_text { width: 97.369%; margin-bottom: 8.401%; }

.staff_review_item_list .staff_review_item .staff_review_item_comment_career {
    display: block;
    font-size: .853em; font-weight: 600; line-height: 1.663;
}

.staff_review_item_list .staff_review_item .staff_review_item_profile {
    width: 100%;
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
}

.staff_review_item_list .staff_review_item:nth-child(odd) .staff_review_item_profile .staff_review_item_profile_img { width: 24.737%; }
.staff_review_item_list .staff_review_item:nth-child(odd) .staff_review_item_profile .staff_review_item_profile_text { width: 69.304%; }
.staff_review_item_list .staff_review_item:nth-child(even) .staff_review_item_profile .staff_review_item_profile_img { width: 26.093%; }
.staff_review_item_list .staff_review_item:nth-child(even) .staff_review_item_profile .staff_review_item_profile_text { width: 66.433%; }

.staff_review_item_profile .staff_review_item_profile_text .staff_role { font-size: .901em; line-height: 1.693; }
.staff_review_item_profile .staff_review_item_profile_text .staff_name { font-size: 1.525em; font-weight: 400 ;}

.staff_review_item_list .staff_review_item:nth-child(odd) .staff_review_item_profile .staff_review_item_profile_text .staff_name {margin-top: 6.518%;}
.staff_review_item_list .staff_review_item:nth-child(even) .staff_review_item_profile .staff_review_item_profile_text .staff_name {margin-top: 8.05%;}

.staff_review_caption { font-size: .743em; color: #fff; margin: 5.228% 0 0 8.943%; text-indent: -1em; padding-left: 1em; }

.product-info-area {
    /*float: right;*/
    width: 29.937%;
    position: relative;
    padding: 31.734% 0 6.606%;
    margin: 0 0 0 25.916%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-flow: row-reverse;
    align-items: flex-start;
}
.sorachi1984-message .product-info-area {padding-top: 20.767%;}
.product-info-area::after {
    content: "";
    clear: both;
}
.product-info-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 54.457%;
    flex-flow: row-reverse;
}
.product-info-box .product-info-ttl {
    width: 15.052%;
}
.product-info-box .product-info-txt {
    width: 64.984%;
}

.product-fix-img {
    width: 32.792%;
    position: absolute;
    bottom: 0;
    right: 4.591%;
    font-size: 0;
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
    transform: translateY(10vw);
    will-change: transform;
}
.product-fix-img.is-show {
    opacity: 1;
    transform: translateY(0);
}
.sorachi1984 .product-fixed-area.absolute figure {top: auto !important;}
/*.product-info-btn {
    position: absolute;
    width: 13.796189392519114%;
    left: 0;
    bottom: 21.97774938136384%;
}*/
.product-info-btn a {display: block;}

.conducter-list {
    width: 33.11%;
    margin-top: 41.43%;
}

.movie_modal_item { position: relative; height: 0; padding-top: 56.25%; }
.movie_modal_item iframe { 
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
}
.movie_modal_text_item {
    color: #fff;
    text-align: left;
    background: rgba(0,0,0,.5);
    padding: 3%;
}
.movie_modal_text_item dt {
    font-weight: 700;
    font-size: 1.2em;
    margin-bottom: 1.5%;
}
.movie_modal_text_item dd { font-size: 1em; line-height: 1.667; }
.movie_modal .close-btn { position: absolute; top: -15%; right: 0; }
.top_movie_modal .close-btn { top: -10%; }
/*======================================
    JOURNEY
======================================*/
.sorachi1984-journey .txt-list.device_text li.txt-02,
.sorachi1984-journey .txt-list.device_text li.txt-05 { margin-bottom: 1em;}

.sorachi1984-journey .journey_chronology { width: 54.15%; margin: 11.893% 0 0 11.857%; }
.sorachi1984-journey .journey_chronology .journey_chronology_title {
    width: 99.798%; margin: 0 0 10.676%;
}
.sorachi1984-journey .journey_chronology .journey_chronology_text {width: 100%; margin: 0 0 0 .46%;}
.sorachi1984-journey .journey_chronology .journey_chronology_text .journey_chronology_text_items li:nth-child(n+2) {margin-top: 4.228%;}
.sorachi1984-journey .product-info-area { padding-top: 21.229%; }
/*======================================
    LEGEND
======================================*/
.sorachi1984-legend .txt-list {
    padding: 12.543041666666669% 0 20.767%;
    margin-left: 13.444383333333334%;
}
.sorachi1984-legend .content-area .txt-list li.txt-01 {
    width: 54.0615498666564%;
    margin-bottom: 5.995041736066315%;
}
.sorachi1984-legend .content-area .txt-list li.txt-02 {
    width: 55.66825844589716%;
    margin-bottom: 5.987272184620716%;
}
.sorachi1984-legend .content-area .txt-list li.txt-03 {
    width: 50.18194421712382%;
    margin-bottom: 5.983873607594327%;
}
.sorachi1984-legend .content-area .txt-list li.txt-04 {
    width: 55.71840911935456%;
    margin-bottom: 6.11966264549857%;
}
.sorachi1984-legend .content-area .txt-list li.txt-05 {
    width: 22.43455572992384%;
    margin-bottom: 7.566609221408147%;
}
.sorachi1984-legend .content-area .txt-list li.txt-06 {
    width: 38.40944669625579%;
}
.sorachi1984-legend .product-info-area {padding-top: 0;}
.sorachi1984-legend .product-fixed-area figure {
    bottom: -28.400119018637238%;
}

/*======================================
    ORIGIN
======================================*/
.sorachi1984-origin .txt-list {
    padding: 12.562433333333335% 0 6.588759166666668%;
    margin-left: 13.444883333333335%;
}
.sorachi1984-origin .content-area .txt-list li.txt-01 {
    width: 48.3394052008819%;
    margin-bottom: 6.176177226645613%;
}
.sorachi1984-origin .content-area .txt-list li.txt-02 {
    width: 47.18144357688197%;
    margin-bottom: 6.224103902105577%;
}
.sorachi1984-origin .content-area .txt-list li.txt-03 {
    width: 48.02202817064129%;
    margin-bottom: 6.005439648781614%;
}
.sorachi1984-origin .content-area .txt-list li.txt-04 {
    width: 46.26221995436472%;
    margin-bottom: 6.045288686493303%;
}
.sorachi1984-origin .content-area .txt-list li.txt-05 {
    width: 45.6086052355416%;
    margin-bottom: 5.985163718986781%;
}
.sorachi1984-origin .content-area .txt-list li.txt-06 {
    width: 32.51626599401157%;
    margin-bottom: 8.379928177380688%;
}
.sorachi1984-origin .content-area .txt-list li.txt-07 {
    width: 43.03051017166183%;
}
.sorachi1984-origin .product-info-area {padding-top: 22.432%;}
/*======================================
    DETERMINATION
======================================*/
.sorachi1984-determination .txt-list {
    padding: 12.53844166666666% 0 0;
    margin-left: 13.4412%;
}
.sorachi1984-determination .content-area .txt-list li.txt-01 {
    width: 42.78260365593485%;
    margin-bottom: 5.999120443752306%;
}
.sorachi1984-determination .content-area .txt-list li.txt-02 {
    width: 45.10458016207865%;
    margin-bottom: 5.997223852456365%;
}
.sorachi1984-determination .content-area .txt-list li.txt-03 {
    width: 43.96363127338488%;
    margin-bottom: 5.985767285744881%;
}
.sorachi1984-determination .content-area .txt-list li.txt-04 {
    width: 37.88619219921409%;
    margin-bottom: 6.069342458536855%;
}
.sorachi1984-determination .content-area .txt-list li.txt-05 {
    width: 41.75576794810772%;
}
.sorachi1984-determination .product-info-area {padding-top: 14.902%;}

/*======================================
    PROMISE
======================================*/
.sorachi1984-promise .txt-list {
    padding: 12.576758333333334% 0 0;
    margin-left: 13.498983333333333%;
}
.sorachi1984-promise .content-area .txt-list li.txt-01 {
    width: 50.36448511876834%;
    margin-bottom: 5.995584637637199%;
}
.sorachi1984-promise .content-area .txt-list li.txt-02 {
    width: 58.957197227547034%;
    margin-bottom: 6.007222265788404%;
}
.sorachi1984-promise .content-area .txt-list li.txt-03 {
    width: 33.39348998017556%;
}
.sorachi1984-promise .product-info-area {padding-top: 20.529%;}
/*======================================
    STORY
======================================*/
.sorachi1984-story .content-area {background: #000;}
.sorachi1984-story .movie-list {
    padding: 14.259916666666669% 0 0;
    margin-left: 13.390383333333332%;
    position: relative;
    z-index: 1;
}

.sorachi1984-story .movie-list .movie-c-box {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row-reverse;
    justify-content: space-between;
    margin-bottom: 9.201037529127346%;
    /*animation*/
    transition: opacity .8s linear,transform .8s ease;
    opacity: 0;
}
.sorachi1984-story .movie-list .movie-c-box.is-show {opacity: 1;}
.sorachi1984-story .movie-list .movie-c-box .movie-ttl {
    transform: translateY(100%);
    transition: transform .8s ease;
}
.sorachi1984-story .movie-list .movie-c-box.is-show .movie-ttl {
    transform: translateY(0);
}

.sorachi1984-story .movie-list .movie-ttl {position: relative;}
.sorachi1984-story .movie-list .movie-ttl::after {
    position: absolute;
    content: "";
    border-left: 1px solid #dbdcdc;
    width: 1px;
    top: 100%;
}
.sorachi1984-story .movie-list .movie-block {
    position: relative;
    transition: transform .8s ease;
    transform: translateX(-100%);
}
.sorachi1984-story .movie-list .movie-block .icn-player {
    position: absolute;
    display: block;
    width: 49px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.sorachi1984-story .movie-list .movie-c-box.is-show .movie-block {
    transform: translateX(0);
    transition: transform .8s ease;
}
.sorachi1984-story .movie-list .movie-block .bc-player-HJXbNbVS3_default {
    position: absolute !important;
    top: 0;
}
.sorachi1984-story .movie-list #moviePrologue {width: 57.51277234995268%;}
.sorachi1984-story .movie-list #moviePrologue .movie-ttl {
    width: 29.69879333642387%;
    padding-top: 3.66912587782863%;
}
.sorachi1984-story .movie-list #moviePrologue .movie-ttl::after {
    height: 49.79470157367108%;
    margin-top: -1.2763178037455496%;
    left: 36.778121836647266%;
}
.sorachi1984-story .movie-list #moviePrologue .movie-block {
    width: 57.694703257658745%;
}

.sorachi1984-story .movie-list #movie1975 {width: 54.33918327391281%;}
.sorachi1984-story .movie-list #movie1975 .movie-ttl {
    width: 25.43789303512759%;
    padding-top: 5.341373390785927%;
}
.sorachi1984-story .movie-list #movie1975 .movie-ttl::after {
    height: 49.79878331700779%;
    margin-top: -.17609527290384058%;
    left: 44.83666163401715%;
}
.sorachi1984-story .movie-list #movie1975 .movie-block {
    width: 61.064265863723335%;
}

.sorachi1984-story .movie-list #movie1994 {width: 55.43933054393305%;}
.sorachi1984-story .movie-list #movie1994 .movie-ttl {
    width: 26.91751585198967%;
    padding-top: 5.710499757458257%;
}
.sorachi1984-story .movie-list #movie1994 .movie-ttl::after {
    height: 49.79470157367108%;
    margin-top: 2.799042398928709%;
    left: 41.53120746583247%;
}
.sorachi1984-story .movie-list #movie1994 .movie-block {
    width: 59.852496444312166%;
}

.sorachi1984-story .movie-list #movie2002 {width: 58.76596461181723%;}
.sorachi1984-story .movie-list #movie2002 .movie-ttl {
    width: 31.05555048911026%;
    padding-top: 6.058002302985921%;
}
.sorachi1984-story .movie-list #movie2002 .movie-ttl::after {
    height: 50.92798017609533%;
    left: 33.9591108543026%;
    margin-top: -1.015243145382168%;
}
.sorachi1984-story .movie-list #movie2002 .movie-block {
    width: 56.46356260753803%;
}

.sorachi1984-story .movie-list #movie2019 {width: 58.90322610441451%;}
.sorachi1984-story .movie-list #movie2019 .movie-ttl {
    width: 31.215244671468987%;
    padding-top: 5.020383367720764%;
}
.sorachi1984-story .movie-list #movie2019 .movie-ttl::after {
    height: 49.795217075055454%;
    left: 33.707123147600186%;
    margin-top: .4147638342262141%;
}
.sorachi1984-story .movie-list #movie2019 .movie-block {
    width: 56.33277756932772%;
}

.sorachi1984-story .movie-list #movieEpilogue {width: 54.25024067962241%; margin-bottom: 0;}
.sorachi1984-story .movie-list #movieEpilogue .movie-ttl {
    width: 26.05533479629657%;
    padding-top: 5.23981179882106%;
}
.sorachi1984-story .movie-list #movieEpilogue .movie-block {
    width: 61.45725109517305%;
}

.sorachi1984-story .product-info-area { padding-top: 30.348%; }
/*======================================
    SORACHI1984
======================================*/



/*======================================
    MOVIE
======================================*/
#sorachiMovie #contentsWrapper {
    background: #1a1311;
}
#sorachiMovie .mainimg-area {
    background: url(/sorachi1984/asset/img/movie/main_bg.png);
    background-size: cover;
    background-position: center;
}
#sorachiMovie .mainimg-area .scroll-btn {
    width: 5.116947368421053%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3.566398390342052%;
    margin: auto;
}
#sorachiMovie .book-link-btn {
    width: 10.54242105263158%;
    position: absolute;
    left: 3.157157894736842%;
    bottom: 5.31327967806841%;
}
/*======================================
    ホップの冒険者たち
======================================*/
.hop-history,
.hop-history .content-area {
    background: #00122a;
}
.hop-history .intro-box {
    width: 54.316347368421056%;
    margin: 0 0 0 22.688684210526315%;
    padding: 14.608389473684216% 0 12.944189473684242%;
}
.hop-history .ep-item-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 75.35851578947369%;
    margin: 0 0 0 13.1240105263158%;
    font-size: 0;
}
.hop-history .ep-item-list .select-item {
    box-shadow: 0 1px 10px rgb(0 0 0 / 40%), 0 0 50px rgb(0 18 42);
}
.ep-item-list .ep-item-box {position: relative;}
.ep-item-list .ep-item-box .bg-ep-item {display: block; width: 100%;}
.hop-history .ep-item-list .icn-hand {display: block; position: relative;}
.hop-history .ep-item-list .select-item .icn-hand::before,
.hop-history .ep-item-list .select-item .icn-hand::after {
    position: absolute;
    content: "";
    bottom: -40%;
    left: 1%;
}
.hop-history .ep-item-list .select-item .icn-hand::before {
    width: 80%;
    border-bottom: 1px solid #7f7f7f;
}
.hop-history .ep-item-list .select-item .icn-hand::after {
    width: 0;
    border-bottom: 1px solid #e60012;
    animation: border_anim 3s ease-in-out forwards infinite;
    z-index: 2;
}
@keyframes border_anim {
    0%{width: 0%;}
    100%{width: 80%;}
}
.hop-history .ep-item-list .in-writing .icn-writing {
    display: block;
    width: 69.1848472388336%;
    margin-top: 11.139698794256034%;
    margin-left: 10.063622760876417%;
}
.hop-history .ep-item-list li a {display: block; width: 100%;}
.hop-history .ep-item-list .ep01 {
    width: 60.09541198082039%;
    margin-left: -.004497797825119557%;
    margin-bottom: 5.5940312826028915%;
}
.hop-history .ep-item-list .ep01 .icn-hand-area {
    width: 13.623309204963153%;
    top: 35.01267610262824%;
    left: 4.382806641895169%;
}
.hop-history .ep-item-list .ep01 .ep-item-txt {
    width: 62.9649817096386%;
    top: 27.136266119956513%;
    left: 21.82798553134555%;
}
.hop-history .ep-item-list .ep02 {
    width: 44.50267835479495%;
    margin-top: .31870110303599936%;
}
.hop-history .ep-item-list .ep02 .icn-hand-area {
    width: 18.396609136361167%;
    top: 36.7858897268187%;
    left: 5.676978430137304%;
}
.hop-history .ep-item-list .ep02 .ep-item-txt {
    width: 60.82615891597324%;
    top: 25.9962293158191753%;
    left: 29.358001464544714%;
}
.hop-history .ep-item-list .ep03 {
    width: 49.90558116646336%;
}
.hop-history .ep-item-list .ep03 .icn-hand-area {
    width: 16.404946302168906%;
    top: 39.162%;
    left: 5.739916087517518%;
}
.hop-history .ep-item-list .ep03 .ep-item-txt {
    width: 61.51%;
    top: 28.188%;
    left: 25.145%;
}
.hop-history .ep-item-list .epSpecial .icn-hand-area {
    width: 10.325145246928587%;
    top: 35.86594723976016%;
    left: 3.180546600570059%;
}
.hop-history .ep-item-list .epSpecial .ep-item-txt {
    width: 71.68837002822141%;
    top: 23.57551092570096%;
    left: 16.312894826778273%;
}
.hop-history .ep-item-list.column01 {
    display: block;
    width: 59.75305263157895%;
    margin: 0 0 0 22.06055789473684%;
}
.hop-history .ep-item-list.column01 .ep01 {width: 75.79028774570425%; margin-bottom: 9.987228135448708%;}
.hop-history .ep-item-list.column01 .ep02 {width: 56.12526292424611%; margin-bottom: 9.853484693140548%;}
.hop-history .ep-item-list.column01 .ep03 {width: 62.93922001782776%; margin-bottom: 9.987228135448708%;}
.hop-history .ep-item-list.column01 .epSpecial {width: 100%;}
.hop-history .ep-item-end {
    display: block;
    text-align: center;
}
.hop-history .ep-item-end li {
    display: block;
    margin: 6% auto 0 !important;
}
.hop-history .ep-item-end li.epSpecial {width: 79.2920958095974%;}
.ep-item-box .icn-new {
    width: 19.48872541452221%;
    position: absolute;
    top: -25.09165173251343%;
    right: -6.9259532331253455%;
}
.ep-item-box.ep03 .icn-new {
    width: 20.2748%;
    top: -30.3944778%;
    right: -8.292335%;
}
.epSpecial.ep-item-box .icn-new {
    width: 12.76083670686721%;
    top: -31.271724187953108%;
    right: -3.415918851976732%;
}
.ep-content-box {
    padding: 24.919400000000007% 0 0;
}
.ep-content-box .ep-logo {
    display: block;
    font-size: 0;
}
.ep-content-box #epLogo01 {
    width: 22.783726315789472%;
    margin: 0 0 0 41.3268842105263%;
}
.modal-before-txt {
    width: 56.54524210526316%;
    margin: 0 0 0 21.518147368421044%;
    padding: 18.427884210526297% 0 14.426978947368394%;
}
.modal-after-txt {padding: 16.706378947368457% 0 0;}
.modal-after-txt .after-txt01 {
    width: 60.20847368421053%;
    margin: 0 0 0 20.21677894736843%;
}
.modal-after-txt .after-txt02 {
    width: 39.24971578947368%;
    margin: 0 0 0 20.562926315789472%;
    padding: 7.763778947368433% 0 ;
}
.history-column2-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.history-column2-box .history-t-box {position: relative;}
i.bg-history-t-box {display: block;}
.person-img {font-size: 0;}
.border-db {
    height: 1px;
    background: #003553;
    display: block;
}
.btn-m-open a { display: block; }
#hColumn01 {
    width: 75.84486315789474%;
    margin: 0 0 0 11.1415789473684%;
    padding: 0 0 0;
}
#hColumn02 {
    width: 76.1014947368421%;
    margin: 0 0 0 11.179915789473661%;
    padding: 4.938989473684208% 0 0;
}
#hColumn03 {
    width: 75.9802105263158%;
    margin: 0 0 0 11.492726315789456%;
    padding: 5.396968421052646% 0 0;
}
/*#history01*/
#history01 {
    width: 47.3075510647635%;
    margin-top: 0.597230190935435%;
}
#history01 .history-t-ttl {
    width: 48.46359229638392%;
    top: 17.685944465767196%;
    left: 24.424982096928634%;
}
#history01 .person-img {
    width: 33.29622168182964%;
    top: 25.74233857872517%;
    left: 33.08945257526999%;
}
#history01 .person-info-box {
    width: 74.91982856470615%;
    left: 14.080894012350456%;
    bottom: 24.48776239260726%;
}
#history01 .person-info-box .name-career .name-career-txt {
    width: 63.979329156978274%;
    margin: 0 0 0 3.564689164101474%;
}
#history01 .person-info-box .border-db {
    margin: 5.424821526676691% 0 5.028932042104451% .2639654812563179%;
    width: 97.90499670483679%;
}
#history01 .person-info-box .achievement {width: 99.73603451874365%;}
#history01 .btn-m-open {
    width: 35.484694304138934%;
    left: 32.76046438557634%;
    bottom: 14.698396120575074%;
}
/*#history02*/
#history02 {width: 47.855928070346366%;}
#history02 .history-t-ttl {
    width: 54.39858242620307%;
    top: 18.117314408367157%;
    left: 21.840293839151155%;
}
#history02 .person-img {
    width: 32.46043887365525%;
    top: 25.91141675840008%;
    left: 35.15272704599135%;
}
#history02 .person-info-box {
    width: 74.40739876078297%;
    left: 15.536933626631114%;
    bottom: 25.22477769164744%;
}
#history02 .person-info-box .name-career .name-career-txt {
    width: 73.03851812875754%;
    margin: 0 0 0 1.4370487298663697%;
}
#history02 .person-info-box .border-db {
    margin: 5.399592699776829% 0 5.005544349927387% .3431455659816652%;
    width: 98.12041665448665%;
}
#history02 .person-info-box .achievement {width: 100%;}
#history02 .btn-m-open {
    width: 35.07816521636996%;
    left: 34.37999272072375%;
    bottom: 15.59323383012573%;
}
/*#history03*/
#history03 {
    width: 48.80533503595338%;
    margin-top: 2.3318582026606958%;
}
#history03 .history-t-ttl {
    width: 48.43343438806434%;
    top: 16.535613505568346%;
    left: 25.170450149371543%;
}
#history03 .person-img {
    width: 33.411516838408694%;
    top: 28.220311478461046%;
    left: 32.645826738135305%;
}
#history03 .person-info-box {
    width: 60.5808611200779%;
    left: 17.00828493863176%;
    bottom: 28.13113858649656%;
}
#history03 .person-info-box .name-career .name-career-txt {
    width: 66.90731420690636%;
    margin: 0 0 0 1.081978287454013%;
}
#history03 .person-info-box .border-db {
    margin: 4.104387887906169% 0 3.5629777045481577% .9068725831155512%;
    width: 97.90018179555626%;
}
#history03 .person-info-box .achievement {width: 100%;}
#history03 .btn-m-open {
    width: 34.27971651016268%;
    left: 31.544777014049586%;
    bottom: 12.729406945084964%;
}
/*#history04*/
#history04 {width: 48.80533503595338%;}
#history04 .history-t-ttl {
    width: 71.1743645892507%;
    top: 15.921927254325254%;
    left: 17.59213341335147%;
}
#history04 .person-img04 {
    width: 29.56355023730553%;
    top: 28.090016334189915%;
    left: 17.030050301442163%;
}
#history04 .person-img05 {
    width: 28.607313179161096%;
    top: 28.616294209916838%;
    right: 17.23649007714721%;
}
#history04 .person-info-box {
    width: 71.46996573271518%;
    left: 14.639214280478683%;
    bottom: 22.202054109930746%;
}
#history04 .person-info-box .name-career .person-2-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 96.93912952902906%;
    margin-left: 1.19176962646025%;
}
#history04 .person-info-box .name-career .person4 {width: 46.807250599966856%;}
#history04 .person-info-box .name-career .person5 {width: 46.569536850797014%;}
#history04 .person-info-box .border-db {
    margin: 4.631832309209741% 0 5.5664035113725125% 0;
    width: 97.91688533955526%;
}
#history04 .person-info-box .achievement {
    width: 98.7305487961707%;
    margin: 0 0 0 1.269451203829284%;
}
#history04 .btn-m-open {
    width: 34.632233695552586%;
    left: 34.411849929449765%;
    bottom: 12.946277263419917%;
}
/*#history03*/
#history03 {
    width: 48.80533503595338%;
    margin-top: 2.3318582026606958%;
}
#history03 .history-t-ttl {
    width: 48.43343438806434%;
    top: 16.535613505568346%;
    left: 25.170450149371543%;
}
#history03 .person-img {
    width: 33.411516838408694%;
    top: 28.220311478461046%;
    left: 32.645826738135305%;
}
#history03 .person-info-box {
    width: 60.5808611200779%;
    left: 17.00828493863176%;
    bottom: 28.13113858649656%;
}
#history03 .person-info-box .name-career .name-career-txt {
    width: 66.90731420690636%;
    margin: 0 0 0 1.081978287454013%;
}
#history03 .person-info-box .border-db {
    margin: 4.104387887906169% 0 3.5629777045481577% .9068725831155512%;
    width: 97.90018179555626%;
}
#history03 .person-info-box .achievement {width: 100%;}
#history03 .btn-m-open {
    width: 34.27971651016268%;
    left: 31.544777014049586%;
    bottom: 12.729406945084964%;
}
/*#history05*/
#history05 {width: 46.8953411691687%;}
#history05 .history-t-ttl {
    width: 73.36123714239629%;
    top: 14.639228175488658%;
    left: 15.370689538021454%;
}
#history05 .person-img {
    width: 28.82407542536667%;
    top: 26.548996071485952%;
    left: 35.95963558822823%;
}
#history05 .person-info-box {
    width: 72.90495432445032%;
    left: 15.087761694222932%;
    bottom: 27.790963532603147%;
}
#history05 .person-info-box .name-career .name-career-txt {
    width: 98.61666429613709%;
    margin: 0 0 0 .21893968035531533%;
}
#history05 .person-info-box .border-db {
    margin: 5.5492273897066795% 0 2.2041872872346366% 0;
    width: 97.90018179555626%;
}
#history05 .person-info-box .achievement {width: 90.63940679219533%;}
#history05 .btn-m-open {
    width: 35.73283835978071%;
    left: 32.004052039579825%;
    bottom: 16.512980026546593%;
}
/*#history06*/
#history06 {
    width: 48.88324106554061%;
    margin-top: .5062398519281675%;
}
#history06 .history-t-ttl {
    width: 64.71100207994954%;
    top: 16.15436057686461%;
    left: 18.522320417656356%;
}
#history06 .person-img {
    width: 33.83331665934995%;
    top: 25.73785564167717%;
    left: 33.83014246194717%;
}
#history06 .person-info-box {
    width: 72.25776976922734%;
    left: 14.757155477006755%;
    bottom: 24.917360280369845%;
}
#history06 .person-info-box .name-career .name-career-txt {
    width: 80.44407314145859%;
    margin: 0 0 0 1.4918927823406847%;
}
#history06 .person-info-box .border-db {
    margin: 5.052910675483573% 0 5.568407345523702% 0;
    width: 98.99646216239539%;
}
#history06 .person-info-box .achievement {
    width: 99.5678896131912%;
    margin-left: .4321103868088722%;
}
#history06 .btn-m-open {
    width: 34.27980153330739%;
    left: 34.56363713142115%;
    bottom: 14.215116741289217%;
}

/*history modal*/
.m-history-box {
    max-width: 950px;
    height: auto;
    padding: 5% 0;
}
.m-history-box .modal-body {position: relative;}
.m-history-box .close-btn {
    display: block;
    width: 12.33118947368421%;
    right: 7.406947368421053%;
    bottom: 9.530751966221706%;
    cursor: pointer;
    margin: 0;
}
.m-history-box .border-db {
    left: 7.45957894736842%;
    height: 1px;
}
.m-history-box .source-txt {font-size: 0;}

/*#mHistoryContent01*/
#mHistoryContent01 .modal-body {
    background: url(/sorachi1984/media/images/hop_history/ep01/bg_history_modal.jpg) no-repeat 52.850496687389004% 42.570979044263055%;
    background-size: 124.47902105263158%;
}
#mHistoryContent01 .history-m-ttl {
    width: 47.141705263157895%;
    top: 10.069813599136161%;
    left: 7.298747368421046%;
}
#mHistoryContent01 .history-m-ttl {
    width: 47.141705263157895%;
    top: 10.069813599136161%;
    left: 7.298747368421046%;
}
#mHistoryContent01 .person-img01 .person-img {
    width: 18.066873684210528%;
    top: 21.135857282642153%;
    left: 7.692957894736836%;
}
#mHistoryContent01 .person-img01 .source-txt {
    width: 10.829610526315788%;
    top: 46.982512430382236%;
    left: 7.587252631578945%;
}
#mHistoryContent01 .border-db {
    width: 32.546873684210524%;
    top: 59.10556377469215%;
}
#mHistoryContent01 .name-career-txt {
    width: 27.117389473684213%;
    top: 50.77956629379422%;
    left: 7.667378947368422%;
}
#mHistoryContent01 .achievement {
    width: 32.286747368421054%;
    top: 62.02718337696359%;
    left: 7.61171578947368%;
}
#mHistoryContent01 .history-info-box .history-info-ttl {
    width: 44.28527368421053%;
    top: 22.20826997351604%;
    right: 9.657042105263159%;
}
#mHistoryContent01 .history-info-txt-list .h-info-txt01 {
    width: 46.61716842105263%;
    top: 32.67861435447151%;
    right: 7.5144631578947365%;
}
#mHistoryContent01 .history-info-img .h-info-img01 {
    width: 22.59796842105263%;
    right: 31.36562105263158%;
    bottom: 25.56628568082175%;
}
#mHistoryContent01 .history-info-img .h-info-img02 {
    width: 22.59796842105263%;
    right: 7.386484210526316%;
    bottom: 25.56628568082175%;
}
#mHistoryContent01 .history-info-img .img-cap-txt {
    width: 21.263547368421055%;
    right: 32.46435789473684%;
    bottom: 22.323053570289943%;
}
#mHistoryContent01 .history-info-comment {
    width: 42.56337894736843%;
    left: 28.61706315789473%;
    bottom: 10.073495827795693%;
}
/*#mHistoryContent02*/
#mHistoryContent02 .modal-body {
    background: url(/sorachi1984/media/images/hop_history/ep01/bg_history_modal.jpg) no-repeat 52.850496687389004% 37.54730788571509%;
    background-size: 124.47902105263158%;
}
#mHistoryContent02 .history-m-ttl {
    width: 53.605315789473686%;
    top: 10.802797395592473%;
    left: 7.502389473684209%;
}
#mHistoryContent02 .person-img02 .person-img {
    width: 18.085663157894736%;
    top: 23.115867946368507%;
    left: 7.674168421052626%;
}
#mHistoryContent02 .person-img02 .source-txt {
    width: 10.829610526315788%;
    top: 50.69646781822696%;
    left: 7.587252631578945%;
}
#mHistoryContent02 .border-db {
    width: 24.285673684210526%;
    top: 68.06508004858833%;
}
#mHistoryContent02 .name-career-txt {
    width: 21.657894736842106%;
    top: 55.646584136286606%;
    left: 7.4014421052631505%;
}
#mHistoryContent02 .achievement {
    width: 23.819915789473683%;
    top: 71.17749956395969%;
    left: 7.611663157894734%;
}
#mHistoryContent02 .history-info-box .history-info-ttl {
    width: 36.51506315789474%;
    top: 23.573593972071695%;
    right: 23.676778947368422%;
}
#mHistoryContent02 .history-info-txt-list .h-info-txt01 {
    width: 52.826431578947364%;
    top: 34.71438636212027%;
    right: 7.553221052631579%;
}
#mHistoryContent02 .history-info-txt-list .h-info-txt02 {
    width: 52.64288421052632%;
    top: 57.18701998161876%;
    right: 7.688094736842103%;
}
#mHistoryContent02 .history-info-comment {
    width: 39.728%;
    left: 29.986147368421044%;
    bottom: 10.787494428988829%;
}
#mHistoryContent02 .close-btn {bottom: 10.20919521022687%;}
/*#mHistoryContent03*/
#mHistoryContent03 .modal-body {
    background: url(/sorachi1984/media/images/hop_history/ep01/bg_history_modal.jpg) no-repeat 52.850496687389004% 49.673893012124864%;
    background-size: 124.47902105263158%;
}
#mHistoryContent03 .history-m-ttl {
    width: 52.27004210526316%;
    top: 9.609993035765834%;
    left: 7.2222736842105215%;
}
#mHistoryContent03 .person-img02 .person-img {
    width: 18.725294736842105%;
    top: 26.469832651521347%;
    left: 7.410326315789474%;
}
#mHistoryContent03 .person-img02 .source-txt {
    width: 19.220136842105262%;
    top: 51.94722745661636%;
    left: 7.475147368421044%;
}
#mHistoryContent03 .border-db {
    width: 23.798157894736843%;
    top: 62.201131417167446%;
}
#mHistoryContent03 .name-career-txt {
    width: 23.387389473684213%;
    top: 56.067522535257055%;
    left: 7.269042105263153%;
}
#mHistoryContent03 .achievement {
    width: 16.349894736842106%;
    top: 64.96789261485813%;
    left: 7.549989473684203%;
}
#mHistoryContent03 .history-info-box .history-info-ttl {
    width: 53.693073684210525%;
    top: 26.883657887660128%;
    right: 6.8677789473684205%;
}
#mHistoryContent03 .history-info-txt-list .h-info-txt01 {
    width: 52.88002105263158%;
    top: 41.25315828512381%;
    right: 7.513621052631578%;
}
#mHistoryContent03 .history-info-img .h-info-img01 {
    width: 25.607905263157893%;
    right: 34.873000000000005%;
    bottom: 25.596919582303563%;
}
#mHistoryContent03 .history-info-img .h-info-img02 {
    width: 25.00401052631579%;
    right: 7.307821052631577%;
    bottom: 25.797848081191006%;
}
#mHistoryContent03 .history-info-img .img-cap-txt01 {
    width: 15.951273684210527%;
    right: 44.49678947368422%;
    bottom: 21.68485215039203%;
}
#mHistoryContent03 .history-info-img .img-cap-txt02 {
    width: 21.917147368421052%;
    right: 10.130063157894737%;
    bottom: 21.68485215039203%;
}
#mHistoryContent03 .history-info-comment {
    width: 48.698136842105264%;
    left: 22.095210526315785%;
    bottom: 9.595069676818177%;
}
#mHistoryContent03 .close-btn {bottom: 9.095811904604771%;}
/*#mHistoryContent04*/
#mHistoryContent04 .modal-body {
    background: url(/sorachi1984/media/images/hop_history/ep01/bg_history_modal.jpg) no-repeat 52.85049668738901% 61.697886565653526%;
    background-size: 124.47902105263158%;
}
#mHistoryContent04 .history-m-ttl {
    width: 75.82987368421053%;
    top: 6.975093406231416%;
    left: 7.975915789473687%;
}
#mHistoryContent04 .person-img04 .person-img {
    width: 17.686989473684207%;
    top: 23.31748169691215%;
    left: 7.129494736842108%;
}
#mHistoryContent04 .person-img04 .source-txt {
    width: 15.430663157894736%;
    top: 44.8947114358016%;
    left: 7.180631578947369%;
}
#mHistoryContent04 .person-img05 .person-img {
    width: 17.114905263157894%;
    top: 23.736908993520032%;
    left: 29.62928421052632%;
}
#mHistoryContent04 .person-img05 .source-txt {
    width: 15.430663157894736%;
    top: 44.8947114358016%;
    left: 29.62928421052632%;
}
#mHistoryContent04 .border-db {
    width: 40.95738947368421%;
    top: 60.007544646286725%;
}
#mHistoryContent04 .person04.name-career-txt {
    width: 19.1104%;
    top: 48.58376475732902%;
    left: 7.361547368421055%;
}
#mHistoryContent04 .person05.name-career-txt {
    width: 19.1104%;
    top: 48.58376475732902%;
    left: 29.703242105263154%;
}
#mHistoryContent04 .achievement {
    width: 41.48386315789473%;
    top: 62.31907820898175%;
    left: 7.411000000000004%;
}
#mHistoryContent04 .history-info-box .history-info-ttl {
    width: 29.741178947368425%;
    top: 23.463444230696137%;
    right: 14.624610526315793%;
}
#mHistoryContent04 .history-info-txt-list .h-info-txt01 {
    width: 36.98945263157895%;
    top: 32.84631527289896%;
    right: 7.484347368421057%;
}
#mHistoryContent04 .history-info-txt-list .h-info-txt02 {
    width: 85.03237894736841%;
    left: 7.478494736842106%;
    bottom: 17.724097559667662%;
}
#mHistoryContent04 .history-info-comment {
    width: 54.871884210526325%;
    left: 19.81167368421053%;
    bottom: 8.262516646687873%;
}
#mHistoryContent04 .close-btn {bottom: 8.030479524276304%;}
/*#mHistoryContent05*/
#mHistoryContent05 .modal-body {
    background: url(/sorachi1984/media/images/hop_history/ep01/bg_history_modal.jpg) no-repeat 52.85049668738901% 47.222860577077526%;
    background-size: 124.47902105263158%;
}
#mHistoryContent05 .history-m-ttl {
    width: 75.75467368421053%;
    top: 8.267338020698615%;
    left: 7.377642105263159%;
}
#mHistoryContent05 .person-img06 .person-img {
    width: 19.27085263157895%;
    top: 24.850668030544025%;
    left: 7.4596%;
}
#mHistoryContent05 .person-img06 .source-txt {
    width: 18.27276842105263%;
    top: 49.28952038422238%;
    left: 7.660536842105264%;
}
#mHistoryContent05 .border-db {
    width: 24.254936842105263%;
    top: 65.39898575043111%;
}
#mHistoryContent05 .name-career-txt {
    width: 21.65522105263158%;
    top: 52.73173181318735%;
    left: 7.292526315789473%;
}
#mHistoryContent05 .achievement {
    width: 24.35153684210526%;
    top: 68.05967386494677%;
    left: 7.556894736842105%;
}
#mHistoryContent05 .history-info-box .history-info-ttl {
    width: 51.4639052631579%;
    top: 25.74026075154657%;
    right: 9.673757894736832%;
}
#mHistoryContent05 .history-info-txt-list .h-info-txt01 {
    width: 53.7470105263158%;
    top: 31.580309504035515%;
    right: 7.5212105263157785%;
}
#mHistoryContent05 .history-info-txt-list .h-info-txt02 {
    width: 53.61112631578947%;
    top: 45.3642648537885%;
    right: 7.6563894736842055%;
}
#mHistoryContent05 .history-info-txt-list .h-info-txt03 {
    width: 25.43951578947368%;
    top: 62.20346396172328%;
    right: 35.57478947368421%;
}
#mHistoryContent05 .history-info-txt-list .h-info-txt04 {
    width: 17.990547368421055%;
    top: 75.4512499267017%;
    right: 42.69436842105263%;
}
#mHistoryContent05 .history-info-img .h-info-img01 {
    width: 23.171400000000002%;
    right: 7.900031578947356%;
    bottom: 24.291062135266923%;
}
#mHistoryContent05 .history-info-img .img-cap-txt {
    width: 18.291378947368422%;
    right: 7.584221052631572%;
    bottom: 20.2270821667575%;
}
#mHistoryContent05 .history-info-comment {
    width: 28.45777894736842%;
    left: 35.470073684210526%;
    bottom: 9.284457946383835%;
}
#mHistoryContent05 .close-btn {bottom: 8.79017871902324%;}
/*#mHistoryContent06*/
#mHistoryContent06 .modal-body {
    background: url(/sorachi1984/media/images/hop_history/ep01/bg_history_modal.jpg) no-repeat 52.85049668738901% 76.73700943875463%;
    background-size: 124.47902105263158%;
}
#mHistoryContent06 .history-m-ttl {
    width: 82.47481052631579%;
    top: 8.531098026855652%;
    left: 7.661463157894739%;
}
#mHistoryContent06 .person-img07 .person-img {
    width: 17.799084210526313%;
    top: 22.05129561004962%;
    left: 7.661463157894739%;
}
#mHistoryContent06 .person-img07 .source-txt {
    width: 18.27276842105263%;
    top: 43.48430604871656%;
    left: 7.437536842105266%;
}
#mHistoryContent06 .border-db {
    width: 20.029757894736843%;
    top: 55.72267184079976%;
}
#mHistoryContent06 .name-career-txt {
    width: 16.489%;
    top: 46.98607793799769%;
    left: 7.468873684210525%;
}
#mHistoryContent06 .achievement {
    width: 19.65042105263158%;
    top: 58.17351775082976%;
    left: 7.577957894736845%;
}
#mHistoryContent06 .history-info-box .history-info-ttl {
    width: 34.243768421052636%;
    top: 23.51083115970183%;
    right: 31.978389473684217%;
}
#mHistoryContent06 .history-info-txt-list .h-info-txt01 {
    width: 58.7958%;
    top: 40.11942669879204%;
    right: 7.543052631578935%;
}
#mHistoryContent06 .history-info-txt-list .h-info-txt02 {
    width: 58.73355789473684%;
    bottom: 28.92914222967306%;
    right: 7.529536842105268%;
}
#mHistoryContent06 .history-info-txt-list .h-info-txt03 {
    width: 58.62911578947369%;
    bottom: 18.9397302846995%;
    right: 7.67272631578946%;
}
#mHistoryContent06 .history-info-comment {
    width: 48.644631578947376%;
    left: 23.300547368421054%;
    bottom: 8.447817659975303%;
}
#mHistoryContent06 .close-btn {bottom: 7.9926028465411125%;}
/*ホップの生産量年表*/
.border-dots {
    display: block;
    width: 76.2347894736842%;
    margin: 0 0 0 11.882705263157876%;
    font-size: 0;
}
.hop-chronology-area .h-chronology-ttl {
    width: 44.76488421052631%;
    margin: 0 0 0 11.9437894736842%;
    padding: 9.433536842105266% 0 4.610305263157898%;
}
.hop-chronology-area .year-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.chronology-list-block li {width: 100%;}
/*#yBlock01*/
.hop-chronology-area #yBlock01 {
    width: 75.04464210526315%;
    margin: 0 0 0 11.869210526315758%;
    padding: 4.0981684210526295% 0 4.65706315789473%;
}
.hop-chronology-area #yBlock01 .year-block-ttl {
    width: 2.1788434420999376%;
    padding: 7.928670106677554% 0 0;
}
.hop-chronology-area #yBlock01 .chronology-list-block {width: 90.85710526548338%;}
.hop-chronology-area #yBlock01 .chronology-list-block li {padding-bottom: 3.9621472863741127%;
}
/*.hop-chronology-area #yBlock01 .chronology-list-block .chronology-1871 {width: 58.42937205573452%;}
.hop-chronology-area #yBlock01 .chronology-list-block .chronology-1872 {width: 66.62701611844959%;}
.hop-chronology-area #yBlock01 .chronology-list-block .chronology-1876 {width: 39.841822873359185%;}
.hop-chronology-area #yBlock01 .chronology-list-block .chronology-1877 {width: 47.01004504569873%;}
.hop-chronology-area #yBlock01 .chronology-list-block .chronology-1878 {width: 32.70433823826825%;}
.hop-chronology-area #yBlock01 .chronology-list-block .chronology-1880 {width: 32.8091330161907%;}
.hop-chronology-area #yBlock01 .chronology-list-block .chronology-1881 {width: 100%;}
.hop-chronology-area #yBlock01 .chronology-list-block .chronology-1886 {width: 35.14762508911724%;}*/
/*#yBlock02*/
.hop-chronology-area #yBlock02 {
    width: 77.1457052631579%;
    margin: 0 0 0 11.867547368421057%;
    padding: 4.576326315789474% 0 7.042431578947368%;
}
.hop-chronology-area #yBlock02 .year-block-ttl {
    width: 2.121644865587224%;
    padding: 1.8679622237728764% 0 0;
}
.hop-chronology-area #yBlock02 .chronology-list-block {width: 91.13674438608446%;}
.hop-chronology-area #yBlock02 .chronology-list-block li {padding-bottom: 3.7259621862755052%;}
/*.hop-chronology-area #yBlock02 .chronology-list-block .chronology-1887 {width: 93.63424255472307%;}
.hop-chronology-area #yBlock02 .chronology-list-block .chronology-1889 {width: 100%;}
.hop-chronology-area #yBlock02 .chronology-list-block .chronology-1894 {width: 57.90188385912948%;}
.hop-chronology-area #yBlock02 .chronology-list-block .chronology-1897 {width: 76.10272562801792%;}
.hop-chronology-area #yBlock02 .chronology-list-block .chronology-1898 {width: 81.25423324831405%;}*/
/*#yBlock03*/
.hop-chronology-area #yBlock03 {
    width: 74.77117894736843%;
    margin: 0 0 0 11.868410526315769%;
    padding: 5.248094736842105% 0 4.647926315789511%;
}
.hop-chronology-area #yBlock03 .year-block-ttl {
    width: 2.1439304927792326%;
    padding: 12.168001123990656% 0 0;
}
.hop-chronology-area #yBlock03 .chronology-list-block {width: 91.0564611019557%;}
.hop-chronology-area #yBlock03 .chronology-list-block li {padding-bottom: 3.7259621862755052%;}
/*.hop-chronology-area #yBlock03 .chronology-list-block .chronology-1904 {width: 39.05553805910625%;}
.hop-chronology-area #yBlock03 .chronology-list-block .chronology-1906 {width: 44.34405244667615%;}
.hop-chronology-area #yBlock03 .chronology-list-block .chronology-1908 {width: 29.468787700145594%;}
.hop-chronology-area #yBlock03 .chronology-list-block .chronology-1910 {width: 71.43998148416993%;}
.hop-chronology-area #yBlock03 .chronology-list-block .chronology-1911 {width: 100%;}
.hop-chronology-area #yBlock03 .chronology-list-block .chronology-1912 {width: 65.4419719049799%;}
.hop-chronology-area #yBlock03 .chronology-list-block .chronology-1913 {width: 58.27203520605123%;}
.hop-chronology-area #yBlock03 .chronology-list-block .chronology-1917 {width: 45.44728732112457%;}
.hop-chronology-area #yBlock03 .chronology-list-block .chronology-1919 {width: 34.96914569450519%;}*/
/*#yBlock04*/
.hop-chronology-area #yBlock04 {
    width: 37.52326315789474%;
    margin: 0 0 0 11.877431578947355%;
    padding: 4.640115789473671% 0 4.703652631578926%;
}
.hop-chronology-area #yBlock04 .year-block-ttl {
    width: 4.248087502209156%;
    padding: 10.91625966768677% 0 0;
}
.hop-chronology-area #yBlock04 .chronology-list-block {width: 81.79136591756412%;}
.hop-chronology-area #yBlock04 .chronology-list-block li {padding-bottom: 8.677041800643078%;}
/*.hop-chronology-area #yBlock04 .chronology-list-block .chronology-1923 {width: 95.57508252947481%;}
.hop-chronology-area #yBlock04 .chronology-list-block .chronology-1925 {width: 78.2589667738478%;}
.hop-chronology-area #yBlock04 .chronology-list-block .chronology-1927 {width: 73.79285744908896%;}
.hop-chronology-area #yBlock04 .chronology-list-block .chronology-1933 {width: 73.68903751339765%;}
.hop-chronology-area #yBlock04 .chronology-list-block .chronology-1935 {width: 100%;}*/
/*#yBlock05*/
.hop-chronology-area #yBlock05 {
    width: 57.180747368421045%;
    margin: 0 0 0 11.869210526315758%;
    padding: 4.573810526315786% 0 4.641652631578932%;
}
.hop-chronology-area #yBlock05 .year-block-ttl {
    width: 2.790044716928094%;
    padding: 10.03422769433188% 0 0;
}
.hop-chronology-area #yBlock05 .chronology-list-block {width: 88.08130303703621%;}
.hop-chronology-area #yBlock05 .chronology-list-block li {padding-bottom: 5.350879997960169%;}
/*.hop-chronology-area #yBlock05 .chronology-list-block .chronology-1937 {width: 67.17541042571499%;}
.hop-chronology-area #yBlock05 .chronology-list-block .chronology-1938 {width: 56.180948254728015%;}
.hop-chronology-area #yBlock05 .chronology-list-block .chronology-1939 {width: 100%;}
.hop-chronology-area #yBlock05 .chronology-list-block .chronology-1940 {width: 84.82720121754073%;}
.hop-chronology-area #yBlock05 .chronology-list-block .chronology-1942 {width: 58.38565084277536%;}
.hop-chronology-area #yBlock05 .chronology-list-block .chronology-1943 {width: 59.81147931741978%;}*/
/*#yBlock06*/
.hop-chronology-area #yBlock06 {
    width: 77.74808421052632%;
    margin: 0 0 0 11.863747368421029%;
    padding: 4.590957894736867% 0 11.815978947368421%;
}
.hop-chronology-area #yBlock06 .year-block-ttl {
    width: 2.0595396630521137%;
    padding: 1.4801109331784839% 0 0;
}
.hop-chronology-area #yBlock06 .chronology-list-block {width: 91.3315582797234%;}
.hop-chronology-area #yBlock06 .chronology-list-block li {padding-bottom: 3.7481779340798784%;}
/*.hop-chronology-area #yBlock06 .chronology-list-block .chronology-1945 {width: 100%;}
.hop-chronology-area #yBlock06 .chronology-list-block .chronology-1946 {width: 45.31732359533939%;}
.hop-chronology-area #yBlock06 .chronology-list-block .chronology-1947 {width: 33.009062957737775%;}
.hop-chronology-area #yBlock06 .chronology-list-block .chronology-1948 {width: 50.659616760683036%;}*/

.hop-chronology-area .chronology-list-block li:last-child {padding: 0 !important;}

/*graph-area*/
.chronology-graph-area {
    width: 86.19204210526316%;
    margin: 0 0 0 6.864894736842104%;
    padding: 0 0 0;
}
.chronology-graph-area .no-slider {position: relative;}
.bg-graph {
    display: block;
    font-size: 0;
}
.bar-graph-area li {
    bottom: 23.792928885592517%;
}
.bar-graph-area .bar-1904 {
    width: 2.546589964832509%;
    left: 8.057954794703251%;
}
.bar-graph-area .bar-1906 {
    width: 2.546589964832509%;
    left: 11.594879195099688%;
}
.bar-graph-area .bar-1908 {
    width: 2.546589964832509%;
    left: 15.131803595496182%;
}
.bar-graph-area .bar-1910 {
    width: 2.546589964832509%;
    left: 18.668727995892624%;
}
.bar-graph-area .bar-1911 {
    width: 2.546589964832509%;
    left: 22.205652396289118%;
}
.bar-graph-area .bar-1912 {
    width: 2.546589964832509%;
    left: 25.742576796685558%;
}
.bar-graph-area .bar-1913 {
    width: 2.546589964832509%;
    left: 29.27950119708205%;
}
.bar-graph-area .bar-1917 {
    width: 2.546589964832509%;
    left: 32.81642559747854%;
}
.bar-graph-area .bar-1919 {
    width: 2.546589964832509%;
    left: 36.353349997874986%;
}
.bar-graph-area .bar-1923 {
    width: 2.546589964832509%;
    left: 41.47820949155886%;
}
.bar-graph-area .bar-1925 {
    width: 2.546589964832509%;
    left: 45.01513389195536%;
}
.bar-graph-area .bar-1927 {
    width: 2.546589964832509%;
    left: 48.55205829235179%;
}
.bar-graph-area .bar-1933 {
    width: 2.546589964832509%;
    left: 52.08898269274829%;
}
.bar-graph-area .bar-1935 {
    width: 2.546589964832509%;
    left: 55.62590709314472%;
}
.bar-graph-area .bar-1937 {
    width: 2.546589964832509%;
    left: 60.75075437419793%;
}
.bar-graph-area .bar-1938 {
    width: 2.546589964832509%;
    right: 33.16571904794239%;
}
.bar-graph-area .bar-1939 {
    width: 2.6081171982661973%;
    right: 29.62879464754589%;
}
.bar-graph-area .bar-1940 {
    width: 2.6652723099116242%;
    right: 26.09187024714946%;
}
.bar-graph-area .bar-1942 {
    width: 2.7164798704093336%;
    right: 22.55494584675296%;
}
.bar-graph-area .bar-1943 {
    width: 2.546589964832509%;
    right: 19.018021446356467%;
}
.bar-graph-area .bar-1945 {
    width: 2.58741678924077%;
    right: 14.008595737987257%;
}
.bar-graph-area .bar-1946 {
    width: 2.546589964832509%;
    right: 10.58637236506384%;
}
.bar-graph-area .bar-1947 {
    width: 2.546589964832509%;
    right: 7.326906721392254%;
}
.bar-graph-area .bar-1948 {
    width: 2.6273887295004887%;
    right: 4.038826884005864%;
}
.block-link-list .block-link01 {
    width: 12.680862954254907%;
    left: 16.33995029947815%;
    bottom: 6.32710655941793%;
}
.block-link-list .block-link02 {
    width: 8.765188238161931%;
    left: 45.28626650598102%;
    bottom: 6.32710655941793%;
}
.block-link-list .block-link03 {
    width: 12.680862954254907%;
    right: 22.977466230854837%;
    bottom: 6.32710655941793%;
}
.block-link-list .block-link04 {
    width: 10.649914682561976%;
    right: 4.920908561102963%;
    bottom: 6.32710655941793%;
}
.graph-caption-txt {
    text-align: right;
    width: 86.19204210526316%;
    padding: 1.4864359195939905% 0 0;
    margin: 0 0 4% 6.864894736842104%;
    line-height: 0;
}
.graph-caption-txt span {
    width: 22.967732764192178%;
    display: inline-block;
    line-height: 0;
}
.graph-caption-txt02 span {width: 42.9146%;}

/*==================
hophistory - #epC02
==================*/
#epC02.ep-content-box {padding-top: 24.48102105263158%;}
#epC02.ep-content-box #epLogo02 {
    width: 22.877347368421052%;
    margin-left: 41.22488421052633%;
}
#epC02.ep-content-box .modal-before-txt {
    width: 62.71186315789473%;
    margin: 0 0 0 19.661926315789465%;
    padding: 19.410673684210522% 0 23.80258947368421%;
}

#epC02.ep-content-box .history-t-list {
    width: 83.16183157894737%;
    margin: 0 auto;
}
#epC02.ep-content-box .history-t-list li {
    float: left;
    position: relative;
}

#epC02 .m-history-box .close-btn {
    width: 12.436473684210526%;
    right: 7.406926315789478%;
}

/*history07 thumbnail*/
#epC02.ep-content-box .history-t-list li#history07 {
    width: 46.70664958393109%;
    margin: 3.9242572566817744% 0 0 1.3037990353368007%;
}
#epC02.ep-content-box .history-t-list li#history07 .history-t-ttl {
    width: 50.768157181571816%;
    top: 11.826831683168313%;
    left: 23.57227642276424%;
}
#epC02.ep-content-box .history-t-list li#history07 .person-img {
    width: 30.757344173441737%;
    top: 21.0349702970297%;
    left: 34.350298102981036%;
}
#epC02.ep-content-box .history-t-list li#history07 .person-info-box {
    width: 67.75728997289974%;
    top: 56.487148514851484%;
    left: 16.791111111111114%;
}
#epC02.ep-content-box .history-t-list li#history07 .person-info-box .border-db {margin: 4.891922548359277% 0 6.798296486262941%;}
#epC02.ep-content-box .history-t-list li#history07 .btn-m-open {
    width: 32.6079674796748%;
    top: 80.77467326732673%;
    left: 33.6960162601626%;
}

/*history07 modal*/
#mHistoryContent07 .history-m-ttl {
    width: 43.19428421052632%;
    top: 6.4916257998811675%;
    left: 7.3987894736841735%;
}
#mHistoryContent07 .history-m-info {
    width: 28.32992631578947%;
    top: 12.431734098170576%;
    left: 7.459589473684182%;
}
#mHistoryContent07 .history-m-info .person-img-box {
    width: 63.77310510031609%;
    margin: 0 0 22.5293097163758% 0;
}
#mHistoryContent07 .history-m-info .border-db {margin: 7.201892880445074% auto 9.062707609718291%;}
#mHistoryContent07 .history-info-box .history-info-ttl {
    width: 48.819799999999994%;
    top: 12.667367504573601%;
    right: 8.312252631578973%;
}
#mHistoryContent07 .history-info-box .history-info-txt-list li.h-info-txt01,
#mHistoryContent07 .history-info-box .history-info-txt-list li.h-info-txt02 {
    width: 50.315063157894734%;
    right: 7.492557894736867%;
}
#mHistoryContent07 .history-info-box .history-info-txt-list li.h-info-txt01 {top: 19.05327003901046%;}
#mHistoryContent07 .history-info-box .history-info-txt-list li.h-info-txt02 {top: 35.900482143965206%;}
#mHistoryContent07 .history-info-box .history-info-txt-list li.h-info-txt03,
#mHistoryContent07 .history-info-box .history-info-txt-list li.h-info-txt04 {
    width: 85.0438105263158%;
    left: 7.485631578947362%;
}
#mHistoryContent07 .history-info-box .history-info-txt-list li.h-info-txt03 {top: 51.50093838075055%;}
#mHistoryContent07 .history-info-box .history-info-txt-list li.h-info-txt04 {top: 70.88620905041854%;}

#mHistoryContent07 .history-info-comment {
    width: 45.84703157894737%;
    left: 27.523799999999987%;
    bottom: 8.328663360945928%;
}
#mHistoryContent07 .close-btn {bottom: 8.233171379254314%;}

/*history08 thumbnail*/
#epC02.ep-content-box .history-t-list li#history08 {
    width: 50.503938167990526%;
    margin: 0 0 0 1.4856258703701977%;
}
#epC02.ep-content-box .history-t-list li#history08 .history-t-ttl {
    width: 46.274385964912284%;
    top: 15.800245283018869%;
    left: 26.891704260651633%;
}
#epC02.ep-content-box .history-t-list li#history08 .person-img {
    width: 27.47932075471698%;
    top: 27.47932075471698%;
    left: 34.01192982456139%;
}
#epC02.ep-content-box .history-t-list li#history08 .person-info-box {
    width: 62.66263157894737%;
    top: 58.43643396226415%;
    left: 17.93646616541351%;
}
#epC02.ep-content-box .history-t-list li#history08 .person-info-box .border-db {margin: 5.419401905177867% 0 5.136548945920772%;}
#epC02.ep-content-box .history-t-list li#history08 .btn-m-open {
    width: 30.314436090225566%;
    top: 87.85277358490566%;
    left: 33.89418546365911%;
}

/*history08 modal*/
#mHistoryContent08 .history-m-ttl {
    width: 71.75071578947369%;
    top: 6.712922965686399%;
    left: 7.757852631578939%;
}
#mHistoryContent08 .history-m-info {
    width: 34.85618947368421%;
    top: 13.11529829077775%;
    left: 7.459547368421035%;
}
#mHistoryContent08 .history-m-info .person-img-box {
    width: 51.81850961756245%;
    margin: 0 0 14.333601704205371% 0;
}
#mHistoryContent08 .history-m-info .border-db {
    width: 97.99603664742168%;
    margin: 9.84366440393581% 0 7.365602665750215%;
}
#mHistoryContent08 .history-info-box .history-info-ttl {
    width: 31.293178947368418%;
    top: 13.367154731573768%;
    right: 18.975905263157937%;
}
#mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt01,
#mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt02 {
    width: 42.95902105263158%;
    right: 7.521336842105292%;
}
#mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt01 {top: 20.26558784500282%;}
#mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt02 {top: 34.28461959446982%;}
#mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt03,
#mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt04,
#mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt05,
#mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt06 {
    width: 84.94770526315789%;
    left: 7.5142000000000015%;
}
#mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt03 {top: 48.90258816379291%;}
#mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt04 {top: 61.630432881323514%;}
#mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt05 {top: 74.2941129428328%;}
#mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt06 {top: 84.2986614624081%;}

#mHistoryContent08 .history-img {
    width: 28.446105263157897%;
    right: 7.459600000000041%;
    bottom: 28.982686515604865%;
}

#mHistoryContent08 .history-info-comment {
    width: 48.69542105263157%;
    left: 24.7225894736842%;
    bottom: 6.768309437200252%;
}
#mHistoryContent08 .close-btn {bottom: 6.637333760710427%;}

/*history09 thumbnail*/
#epC02.ep-content-box .history-t-list li#history09 {
    width: 49.30146344970503%;
    margin: 5.696973796596237% 0 0 0;
}
#epC02.ep-content-box .history-t-list li#history09 .history-t-ttl {
    width: 39.119409499358156%;
    top: 6.9549209486165955%;
    left: 31.554249037227194%;
}
#epC02.ep-content-box .history-t-list li#history09 .person-img {
    width: 29.138536585365856%;
    top: 17.528260869565216%;
    left: 38.18564826700899%;
}
#epC02.ep-content-box .history-t-list li#history09 .person-info-box {
    width: 64.19098844672658%;
    top: 51.0150790513834%;
    left: 21.718048780487813%;
}
#epC02.ep-content-box .history-t-list li#history09 .person-info-box .border-db {margin: 5.419401905177867% 0 5.136548945920772%;}
#epC02.ep-content-box .history-t-list li#history09 .btn-m-open {
    width: 31.053684210526317%;
    top: 84.07855731225297%;
    left: 38.065109114249005%;
}

/*history09 modal*/
#mHistoryContent09 .history-m-ttl {
    width: 79.57791578947368%;
    top: 6.591983872881865%;
    left: 7.553399999999974%;
}
#mHistoryContent09 .history-m-info {
    width: 34.15768421052631%;
    top: 12.62036272822461%;
    left: 7.459547368421035%;
}
#mHistoryContent09 .history-m-info .person-img-box {
    width: 52.878168740639396%;
    margin: 0 0 5.9462616102410335% 0;
}
#mHistoryContent09 .history-m-info .border-db {
    width: 100%;
    margin: 8.198201529747436% 0 7.545470234022991%;
}
#mHistoryContent09 .history-info-box .history-info-ttl {
    width: 29.473063157894735%;
    top: 12.861826306720989%;
    right: 21.122284210526328%;
}
#mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt01,
#mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt02 {
    width: 42.73161052631579%;
    right: 7.492557894736867%;
}
#mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt01 {top: 19.69827107799571%;}
#mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt02 {top: 30.288551602160354%;}
#mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt03,
#mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt04,
#mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt05,
#mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt06 {
    width: 85.00507368421052%;
    left: 7.492084210526293%;
}
#mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt03 {top: 48.88981000258167%;}
#mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt04 {top: 61.628720575429064%;}
#mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt05 {top: 76.1988463008301%;}
#mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt06 {top: 84.1442353884978%;}

#mHistoryContent09 .history-img {
    width: 28.446105263157897%;
    right: 7.459600000000041%;
    bottom: 27.45917128331852%;
}

#mHistoryContent09 .history-info-comment {
    width: 54.46981052631579%;
    left: 18.97112631578947%;
    bottom: 6.757355234092286%;
}
#mHistoryContent09 .close-btn {bottom: 6.62414101647188%;}

/*TOPICS*/
#ep02Topics {padding-top: 25.75391578947368%;}
#ep02Topics .topics-ttl {
    width: 66.19449473684212%;
    margin: 0 0 10.796726315789472% 17.950936842105254%;
    position: relative;
}
#ep02Topics .topics-ttl .topics-ttl-txt {width: 22.0526687145393%;}
#ep02Topics .topics-ttl .ttl-border {
    position: absolute;
    width: 72.18040234543277%;
    right: 0;
    top: 50.00162580477374%;
}
#ep02Topics .topics-sub-ttl-area {
    width: 63.62685263157894%;
    margin: 0 0 3.4173263157894755% 18.12846315789473%;
}
#ep02Topics .topics-sub-ttl-area .topics-sub-txt {
    width: 90.20246499698654%;
    margin: 6.725412689875562% 0 0 4.024153324208865%;
}
#ep02Topics .topics-main-visual {
    width: 79.63157894736842%;
    margin: 0 0 0 11.234252631578952%;
    position: relative;
}
#ep02Topics .topics-main-visual .mainvisual-obj-2 {
    width: 36.48380700594845%;
    top: -12.18867775138557%;
    right: -33.019603436880374%;
}
#ep02Topics .topics-main-visual .mainvisual-obj-3 {
    width: 75.47918043621942%;
    top: 57.28120348376882%;
    left: -49.01384005287508%;
}
#ep02Topics .topics-main-txt-area {
    width: 65.29924210526316%;
    margin: 12.267442105263184% 0 12.611221052631565% 17.585494736842115%;
}
#ep02Topics .topics-main-txt-area .topics-main-area-ttl {
    width: 92.6917826724192%;
    margin: 0 0 3.146421623657094% 1.267105864692844%;
}
#ep02Topics .topics-main-txt-area .topics-main-area-sub-ttl {
    width: 71.76664257246155%;
    margin: 0 0 5.991832257906414% 1.2247583110499234%;
}
#ep02Topics .topics-main-txt-area .topics-main-txt-list li.main-txt-01 {margin: 0 0 10.615501622651212% 0;}
#epC02 .separation-border {
    display: block;
    width: 66%;
    margin: 0 0 0 17.7635894736842%;
}
#epC02 .tobe-continued-txt {
    width: 68.82215789473685%;
    margin: 14.449884210526331% 0 0 17.489126315789473%;
}
#epC02 .tobe-continued-txt .tobe-continued-txt-1 {margin-bottom: 7.5210171754659365%;}
#epC02 .tobe-continued-txt .tobe-continued-txt-2 {margin-bottom: 7.531570692119456%;}
#epC02 .tobe-continued-txt .tobe-continued-txt-3 {margin-bottom: 15.69704065627574%;}
#epC02 .tobe-continued-txt .tobe-continued-txt-4 {
    width: 57.03060749253797%;
    margin-bottom: 15.69704065627574%
}

/*ep02 chronology*/
#epC02 .hop-chronology-area .h-chronology-ttl {
    width: 45.46461052631579%;
    padding: 9.4334% 0 4.609863157894743%;
    margin-left: 11.9437894736842%;
}
#epC02 .hop-chronology-area #yBlock01 {
    width: 45.72217894736842%;
    /*padding: 3.7487157894736836% 0 3.5787157894736827%;*/
    padding: 8.7487157894736836% 0 3.5787157894736827%;
    margin-top: -5%;
}
#epC02 .hop-chronology-area #yBlock01 .year-block-ttl {
    width: 3.502135437206911%;
    padding: 0;
}
#epC02 .hop-chronology-area .chronology-list-block li {padding: 0 !important;}
#epC02 .hop-chronology-area #yBlock01 .chronology-list-block {width: 85.05744189103665%;}
#epC02 .hop-chronology-area #yBlock01 .chronology-list-block li.chronology-1952 {margin-top: 1.6996065297067864%;}
#epC02 .hop-chronology-area #yBlock01 .chronology-list-block li.chronology-1955 {margin-top: 7.103063124414515%;}
#epC02 .hop-chronology-area #yBlock01 .chronology-list-block li.chronology-1958 {margin-top: 7.004323382399172%;}

#epC02 .hop-chronology-area #yBlock02 {
    width: 60.78991578947368%;
    padding: 8.7933368421052625% 0 10.243452631578963%;
    margin-top: -5%;
}
#epC02 .hop-chronology-area #yBlock02 .year-block-ttl {
    width: 2.689763987863638%;
    padding: 0;
}
#epC02 .hop-chronology-area #yBlock02 .chronology-list-block {width: 88.94686826520051%;}
#epC02 .hop-chronology-area #yBlock02 .chronology-list-block li.chronology-1960 {margin-top: 1.1924927176277285%;}
#epC02 .hop-chronology-area #yBlock02 .chronology-list-block li.chronology-1964 {margin-top: 4.844882501846022%;}
#epC02 .hop-chronology-area #yBlock02 .chronology-list-block li.chronology-1965 {margin-top: 4.926607821062433%;}
#epC02 .hop-chronology-area #yBlock02 .chronology-list-block li.chronology-1967 {margin-top: 4.831839156473224%;}
#epC02 .hop-chronology-area #yBlock02 .chronology-list-block li.chronology-1968 {margin-top: 4.896179837752467%;}

#epC02 .hop-chronology-area #yBlock03 {
    width: 69.21892631578947%;
    padding: 5.5% 0 4.37942105263157%;
    margin-top: -5.5%;
}
#epC02 .hop-chronology-area #yBlock03 .year-block-ttl {
    width: 2.3047392879160826%;
    padding: 8.166339659460341% 0 0;
}
#epC02 .hop-chronology-area #yBlock03 .chronology-list-block {width: 90.26293082603814%;}
#epC02 .hop-chronology-area #yBlock03 .chronology-list-block li.chronology-1971 {margin-top: 4.294375477212766%;}
#epC02 .hop-chronology-area #yBlock03 .chronology-list-block li.chronology-1973 {margin-top: 4.190963941081387%;}
#epC02 .hop-chronology-area #yBlock03 .chronology-list-block li.chronology-1977 {margin-top: 4.275202729067184%;}
#epC02 .hop-chronology-area #yBlock03 .chronology-list-block li.chronology-1978 {margin-top: 4.313548225358308%;}
#epC02 .hop-chronology-area #yBlock03 .chronology-list-block li.chronology-1981 {margin-top: 4.313531377600715%;}

#epC02 .hop-chronology-area #yBlock04 {
    width: 43.668652631578944%;
    padding: 8.558178947368441% 0 2.650431578947399%;
    margin: -5% 0 0 10.362494736842084%;
}
#epC02 .hop-chronology-area #yBlock04 .year-block-ttl {
    width: 9.512906042200092%;
    padding: 0;
}
#epC02 .hop-chronology-area #yBlock04 .chronology-list-block {width: 81.11770890934169%;}
#epC02 .hop-chronology-area #yBlock04 .chronology-list-block li.chronology-1982 {margin-top: 2.8050455457736816%;}
#epC02 .hop-chronology-area #yBlock04 .chronology-list-block li.chronology-1984 {margin-top: 7.395044434393765%;}
#epC02 .hop-chronology-area #yBlock04 .chronology-list-block li.chronology-1985 {margin-top: 7.526181316575004%;}

#epC02 .hop-chronology-area #yBlock05 {
    width: 62.24118947368421%;
    padding: 9.354610526315762% 0 12.412221052631569%;
    margin-top: -5%;
}
#epC02 .hop-chronology-area #yBlock05 .year-block-ttl {
    width: 2.551229825299307%;
    padding: 5.979421648855695% 0 0;
}
#epC02 .hop-chronology-area #yBlock05 .chronology-list-block {width: 89.68214144195932%;}
#epC02 .hop-chronology-area #yBlock05 .chronology-list-block li.chronology-1993 {margin-top: 4.7054335357348025%;}
#epC02 .hop-chronology-area #yBlock05 .chronology-list-block li.chronology-1995 {margin-top: 4.773925304370708%;}
#epC02 .hop-chronology-area #yBlock05 .chronology-list-block li.chronology-1998 {margin-top: 4.697890389409274%;}
#epC02 .hop-chronology-area #yBlock05 .chronology-list-block li.chronology-2000 {margin-top: 5.075406005136546%;}

/*graph*/
#epC02 .bar-graph-area li {bottom: 27.000432746177623%;}

#epC02 .bar-graph-area li.bar-1952,
#epC02 .bar-graph-area li.bar-1955,
#epC02 .bar-graph-area li.bar-1958,
#epC02 .bar-graph-area li.bar-1960,
#epC02 .bar-graph-area li.bar-1995,
#epC02 .bar-graph-area li.bar-1998,
#epC02 .bar-graph-area li.bar-2000 {width: 2.547689101594921%;}

#epC02 .bar-graph-area li.bar-1952 {left: 11.865987383863978%;}
#epC02 .bar-graph-area li.bar-1955 {left: 15.402911784260473%;}
#epC02 .bar-graph-area li.bar-1958 {left: 18.93983618465691%;}
#epC02 .bar-graph-area li.bar-1960 {left: 23.909717394840712%;}
#epC02 .bar-graph-area li.bar-1964 {
    width: 2.6854720010786197%;
    left: 27.308858895753442%;
}
#epC02 .bar-graph-area li.bar-1965 {
    width: 2.6906379438619563%;
    left: 30.84061735336659%;
}
#epC02 .bar-graph-area li.bar-1967 {
    width: 2.6959138003215344%;
    left: 34.3722658973035%;
}
#epC02 .bar-graph-area li.bar-1968 {
    width: 2.6589950177351827%;
    left: 38.08411180712252%;
}
#epC02 .bar-graph-area li.bar-1969 {
    width: 2.7188857586559463%;
    left: 42.90321587876469%;
}
#epC02 .bar-graph-area li.bar-1971 {
    width: 2.691993545868931%;
    left: 46.46813162871064%;
}
#epC02 .bar-graph-area li.bar-1973 {
    width: 2.7219633415907%;
    left: 49.975098446016%;
}
#epC02 .bar-graph-area li.bar-1977 {
    width: 2.655563268510318%;
    left: 53.57841070686218%;
}
#epC02 .bar-graph-area li.bar-1978 {
    width: 2.630429674543162%;
    left: 57.140468701225785%;
}
#epC02 .bar-graph-area li.bar-1981 {
    width: 2.5709908009580564%;
    left: 60.78505965381586%;
}
#epC02 .bar-graph-area li.bar-1982 {
    width: 2.579002286692971%;
    left: 65.74691716563404%;
}
#epC02 .bar-graph-area li.bar-1984 {
    width: 2.618485721724951%;
    left: 69.24325899423613%;
}
#epC02 .bar-graph-area li.bar-1985 {
    width: 2.626033127493514%;
    left: 72.77263598886402%;
}
#epC02 .bar-graph-area li.bar-1990 {
    width: 2.6601796429124485%;
    left: 77.70838289625956%;
}
#epC02 .bar-graph-area li.bar-1993 {
    width: 2.5991409147064988%;
    left: 81.3063338122313%;
}
#epC02 .bar-graph-area li.bar-1995 {left: 84.94293770434784%;}
#epC02 .bar-graph-area li.bar-1998 {left: 88.36514886464055%;}
#epC02 .bar-graph-area li.bar-2000 {left: 91.62461450831213%;}

#epC02 .block-link-list li {bottom: 10.059455049521748%;}

#epC02 .block-link-list .block-link01 {
    width: 9.975948445112286%;
    left: 11.389499384727637%;
}
#epC02 .block-link-list .block-link02 {
    width: 16.695044749521387%;
    left: 24.370426675121056%;
}
#epC02 .block-link-list .block-link03 {
    width: 10.128374288797453%;
    left: 48.6850172027116%;
}
#epC02 .block-link-list .block-link04 {
    width: 11.023096038662258%;
    left: 65.72282164527586%;
    bottom: 6.444147718101288%;
}
#epC02 .block-link-list .block-link05 {
    width: 10.128374288797453%;
    left: 80.98885426472393%;
}

/*==================
hophistory - #epCSpecial
==================*/
.ep-content-box #epLogoSpecial {
    width: 44.989726315789476%;
    margin: 0 0 0 29.97032630526316%;
}
.ep-content-box .ep-content-image {
    position: relative;
    width: 100%;
}
#epCSpecial .ep-content-image {
    height: 0;
    padding-top: 79.65824210526316%;
    margin: 7.009778947368408% auto 8.0552%;
    overflow: hidden;
}
#epCSpecial .ep-content-image img {
    position: absolute;
    max-width: none;
    width: 132.12112631578947%;
    top: 0;
    left: -8.155147368421051%;
}
.special-person-intro-box {
    position: relative;
    width: 29.190842105263155%;
    margin: 0 0 11.13621052631579% 26.16833684%;
}
.special-person-intro-box .special-person-logo {
    width: 61.92205197736853%;
    position: absolute;
    top: .7361583353539134%;
    right: -59.00917014348407%;
}
.special-person-intro-box .special-person-profile {display: flex; flex-wrap: wrap;}
.special-person-intro-box .special-person-profile .person-image {width: 40.81813690667225%; margin: .7426986834371231% 15.326075589676622% 0 0;}
.special-person-intro-box .special-person-profile .person-name-txt {width: 14.905179346081866%; margin: 0 9.037441447029169% 0 0;}
.special-person-intro-box .special-person-profile .person-position-txt {
    width: 19.913202770876232%;
    margin: .13753412209308077% 0 0;
}

.book-modal-thumbnail-area {
    width: 78.55257894736842%;
    margin: 0 0 21.161915789473685% 11.816631578947348%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.book-modal-thumbnail-area .book-modal-thumbnail-box {width: 43.752123117000416%; position: relative;}
.book-modal-thumbnail-area .book-modal-thumbnail-box a {display: block;}
.is-continued {opacity: .4;}
.book-modal-thumbnail-box .bg-area {position: relative; z-index: 1;}
.book-modal-thumbnail-box .bg-area i {display: block;}
.book-modal-thumbnail-box .bg-area i.book-img {
    position: relative;
    z-index: 1;
    box-shadow: 14px 15px 30px 11px #000c1b;
}
.book-modal-thumbnail-box .bg-area i.book-shadow {
    width: 168.65558958652372%;
    top: -13.429505178365938%;
    left: -35.30116385911178%;
    opacity: 0;
}
.book-modal-thumbnail-box .part-num-txt,
.book-modal-thumbnail-box .book-title,
.book-modal-thumbnail-box .book-person-name,
.book-modal-thumbnail-box .book-status-area {z-index: 1;}
.book-modal-thumbnail-box .part-num-txt {
    left: 14.557059693721285%;
}
.bookModalPart01.book-modal-thumbnail-box .part-num-txt {
    width: 33.660949464012255%;
    top: 7.609113924050632%;
}
.bookModalPart02.book-modal-thumbnail-box .part-num-txt {
    width: 33.97022970903522%;
    top: 7.564533924050633%;
}
.bookModalPart01.book-modal-thumbnail-box .book-title {
    width: 33.49779479326187%;
    top: 15.152243958573072%;
    right: 15.889647779479327%;
}
.bookModalPart02.book-modal-thumbnail-box .book-title {
    width: 26.187993874425725%;
    top: 15.272059838895283%;
    right: 15.347381316998469%;
}
.book-modal-thumbnail-box .book-person-name {
    width: 7.005819295558958%;
    top: 35.88614499424626%;
    left: 15.560796263399695%;
}
.book-modal-thumbnail-box .book-status-area {
    width: 8.168728943338438%;
    top: 66.25118527042576%;
    left: 15.083859081163858%;
}
.hop-history .ep-item-list.common-conductor-btn-list {margin-bottom: 16.129621052631578%;}

/*modal*/
.m-special-book-box {
    max-width: 950px;
    width: 100%;
    background: #00122a;
    margin: 0 auto;
}
.m-special-book-box .modal-body {background: #00122a;}
.modal-book-frontcover-area .book-modal-thumbnail-box {
    width: 34.41674736842105%;
    margin: 19.41455789473684% 0 10.316957894736813% 34.0547894736842%;
    position: relative;
}
.modal-book-box {
    position: relative;
    background: #00122a;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","MS Pゴシック",sans-serif;
    font-weight: 500;
    color: #003553;
    overflow: hidden;
    text-align: left;
    padding-bottom: 18.032642105263157%;
}
.bg-area {overflow: hidden;}
.modal-book-box .book-img {
    display: block;
    width: 200.16137894736846%;
    top: 0;
}
.modal-book-box .book-img.from-right {left: -10.0008%;}
.modal-book-box .book-img.from-left {right: -8.238789463157895%; margin-top: 134.2757894736842%;}
.book-content-ttl {
    position: relative;
    font-size: 24px;
    margin: 23.461042105263157% 0 5.305652631578948% 19.70814736842105%;
}
.book-content-txt {
    position: relative;
    width: 61.23808421052631%;
    margin: 0 0 0 19.76242105263158%;
    padding-bottom: 50px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 2.07143;
    height: 783px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.modal-bottom-book-title {
    position: relative;
    width: 21.95543157894737%;
    margin: 9.762178947368422% 0 0 13.06928420736842%;
    font-size: 0;
}
.book-content-float-column {
    width: 61.23808421052631%;
    margin: 32.96047368421053% 0 0 19.76242105263158%;
    scrollbar-width: none;
    position: relative;
}
.scroll-area {padding-right: 2%;}
.book-content-float-column .book-content-txt {
    overflow-y: visible;
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
}
.ie .book-content-float-column,
.firefox .book-content-float-column {
    height: 812px;
    overflow-y: scroll;
}
.book-content-image {
    float: right;
    width: 29.40820452631988%;
    margin: 2% 0 0 2%;
    height: 0;
    padding-top: 31.907784251217592%;
    position: relative;
    overflow: hidden;
}
.book-content-image img {
    position: absolute;
    max-width: none;
    max-height: none;
    width: 195.74406277088033%;
    height: auto;
    bottom: 0;
    left: -49.425930980789154%;
}
.modal-end-comment {
    position: relative;
    font-size: 20px;
    margin: 5.467431574736842% 0 0 19.76242105263158%;
}
.modal-bottom-book-title.from-right {
    margin: 5.825294735263158% 0 0 66.31253683157894%;
}
.m-special-book-box .close-btn {
    float: none;
    display: block;
    width: 12.627105263157896%;
    margin: 0 0 0 44.65078947368421%;
    padding-bottom: 11.190631578947368%;
    cursor: pointer;
}
.book-content-float-column .book-content-txt.float-txt {width: auto;}

#mSpecialBookPart2 .modal-book-box {padding: 0;}
.scroll_box03 {height: 878.4902px; top: 15.54%; left: 20.3795%; margin: 0;}
/*absolute指定用*/
#mSpecialBookPart2 .modal-book-box .book-img {margin-top: 0;}
#mSpecialBookPart2 .modal-book-box .book-img.from-right {margin-left: -10%;}
#mSpecialBookPart2 .modal-book-box .book-img.from-left {margin-left: -91.922589%;}
.open-book-area01,.open-book-area02 {position: relative;}
.open-book-area02 {margin-top: -8.7%;}
.scroll_box03 .book-content-float-column {
    width: 100%;
    margin: 11.81755% 0 8.522%;
    overflow-y: hidden;
    height: auto;
}
.scroll_box03 .book-content-float-column .book-catch-txt {
    float: left;
    width: 63.45532%;
    font-size: 1.5rem;
    line-height: 1.917;
    white-space: nowrap;
}
.scroll_box03 .book-content-float-column .book-content-image {
    float: right;
    width: 31.505222%;
    margin: 6.304145% 0 0;
    padding: 23.0826% 0 0;
}
.scroll_box03 .book-content-float-column .book-content-image img {
    width: 105.6%;
    top: -4.4366%;
    left: -0;
    bottom: auto;
}
#mSpecialBookPart2 .book-title01 {bottom: 13.72765%; left: 12.6%; margin: 0;}
#mSpecialBookPart2 .book-title02 {bottom: 13.63%; right: 11.5686%; margin: 0;}
#mSpecialBookPart2 .scroll_box04 {height: 800px; margin: 0; top: 16.9%; left: 20.3795%;}
.scroll_box04 p {line-height: 2.143;}
#mSpecialBookPart2 .modal-end-comment {margin: 0; left: 20.4713%; bottom: 18.569%;}
#mSpecialBookPart2 .m-special-book-box .close-btn {margin-top: -2.36461%;}

.scroll_box04 .book-content-float-column {
    width: 100%;
    margin: 1.60877% auto 0;
    height: auto;
    /* IE, Edge 対応 */
    -ms-overflow-style: none;
    /* Firefox 対応 */
    scrollbar-width: none;
}
.scroll_box04 .book-content-float-column::-webkit-scrollbar {display:none;}
.book-content-float-left {float: left;}
.book-content-float-right {float: right;}

.scroll_box04 .book-content-float-column .book-content-float-left {width: 60.05188%; margin-top: 6.4468415%;}
.scroll_box04 .book-content-float-column .book-content-float-right {width: 32.875855%; margin: 0; padding-top: 29.93111%;}
.scroll_box04 .book-content-float-column .book-content-float-right.book-content-image img {width: 167.86%; top: -33.213%; left: -30.73%;}

/*==================
hophistory - #epC03
==================*/
.mask-img {position: relative; overflow: hidden; height: 0;}
.mask-img img {max-width: none; max-height: none;}
.f-ygothic {font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","MS Pゴシック",sans-serif;}
.f-mincho {font-family: '游明朝','Yu Mincho', '游明朝体', 'YuMincho',serif;}
.hop-chronology-ttl-column2 {display: flex; flex-wrap: wrap; justify-content: space-between;}
#epLogo03 { width: 24.315%; margin: 0 0 0 41%;}
#epC03 .modal-before-txt {width: 68.42%; margin: 0 0 0 16.556%; padding: 17.517% 0 15.85%; text-align: center;}
#epC03 .modal-before-txt p,
#epC03 .modal-after-txt p { 
    /*block*/
    width: auto; display: inline-block;
    /*font*/
    text-align: left; letter-spacing: .1em; font-size: 1.25rem; line-height: 2; color: #fff;
}
/*thumbnail-block*/
#epC03 .history-t-list {display: flex; flex-wrap: wrap; justify-content: space-between; width: 82.3398%; margin: 0 0 0 9.675%;}
#epC03 .history-t-list li .btn-m-open a {
    /*block*/
    display: block; padding: 1rem; border: 1px solid #3E3A39;
    /*font*/
    color: #3E3A39; font-size: 1.047rem; font-weight: 500; text-align: center;
    /*hover*/
    text-decoration: none;
}
/*thumbnail-10*/
#epC03 .history-t-list li#history10 {width: 48.515%; margin: 1.595% 0 0;}
#epC03 .history-t-list li#history10 .history-t-ttl {width: 55.74%; top: 14.045%; left: 17.276%;}
#epC03 .history-t-list li#history10 .person-img {width: 67.05%; top: 23.25%; left: 13.786%;}
#epC03 .history-t-list li#history10 .person-img .mask-img {width: 100%; padding: 51.5117% 0 0;}
#epC03 .history-t-list li#history10 .person-img .mask-img img {width: 131.386%; top: -9.986%; left: -14.147%;}
#epC03 .history-t-list li#history10 .person-info-box {width: 71.5%; bottom: 20.9%; left: 15.6%;}
#epC03 .history-t-list li#history10 .btn-m-open {width: 68.64%; bottom: 8.828%; left: 15.025%;}
/*thumbnail-11*/
#epC03 .history-t-list li#history11 {width: 47.4925%;}
#epC03 .history-t-list li#history11 .history-t-ttl {width: 61.85%; top: 15.7%; left: 19.526%;}
#epC03 .history-t-list li#history11 .person-img {width: 68.49%; top: 24.7286%; left: 16.222%;}
#epC03 .history-t-list li#history11 .person-img .mask-img {width: 100%; padding: 51.5117% 0 0;}
#epC03 .history-t-list li#history11 .person-img .mask-img img {width: 117.637%; top: -2.02%; left: -12.87%;}
#epC03 .history-t-list li#history11 .person-info-box {width: 64.8566%; bottom: 24.44%; left: 18.084%;}
#epC03 .history-t-list li#history11 .btn-m-open {width: 69.98%; bottom: 8.65%; left: 18.176%;}

#epC03 .modal-after-txt {width: 69.278%; margin: 0 0 0 16.198%; padding: 18.4376% 0 0;}

/*ep-item-end*/
#epC03 .ep-item-end {display: flex; width: 75.3177%; justify-content: space-between; margin: 16.644% 0 0 13.189%;}
#epC03 .ep-item-end li {display: flex; margin-left: 0 !important; margin-right: 0 !important;}
#epC03 .ep-item-end li:first-child {margin-top: 0 !important;}

/*graph-area*/
#epC03 .hop-chronology-ttl-column2 {width: 85.697%; margin: 0 0 3.328% 7.016%; padding: 14.39% 0 0; align-items: center;}
#epC03 .hop-chronology-ttl-column2 .h-chronology-ttl {padding: 0; margin: 0; width: 46%;}
#epC03 .hop-chronology-ttl-column2 .graph-caption-txt {width: 46.2122%; padding: 0; margin: 0;}
#epC03 .hop-chronology-ttl-column2 .graph-caption-txt span {width: 100%;}

#epC03 .chronology-graph-area {padding-bottom: 8.434%;}
#epC03 .bar-graph-area li { width: 2.54768%; bottom: 19.476%;}
#epC03 .bar-graph-area li.bar-2000 {left: 11.67%;}
#epC03 .bar-graph-area li.bar-2001 {left: 14.938%;}
#epC03 .bar-graph-area li.bar-2002 {left: 18.19%;}
#epC03 .bar-graph-area li.bar-2003 {left: 21.469%;}
#epC03 .bar-graph-area li.bar-2004 {left: 24.737%;}
#epC03 .bar-graph-area li.bar-2005 {left: 28%;}
#epC03 .bar-graph-area li.bar-2006 {left: 31.264%;}
#epC03 .bar-graph-area li.bar-2007 {left: 34.537%;}
#epC03 .bar-graph-area li.bar-2008 {left: 37.8%;}
#epC03 .bar-graph-area li.bar-2009 {left: 41.07%;}
#epC03 .bar-graph-area li.bar-2010 {left: 44.337%;}
#epC03 .bar-graph-area li.bar-2011 {left: 47.6%;}
#epC03 .bar-graph-area li.bar-2012 {left: 50.87%;}
#epC03 .bar-graph-area li.bar-2013 {left: 54.136%;}
#epC03 .bar-graph-area li.bar-2014 {left: 57.399%;}
#epC03 .bar-graph-area li.bar-2015 {left: 60.669%;}
#epC03 .bar-graph-area li.bar-2016 {left: 63.936%;}
#epC03 .bar-graph-area li.bar-2017 {left: 67.2%;}
#epC03 .bar-graph-area li.bar-2018 {left: 70.469%;}
#epC03 .bar-graph-area li.bar-2019 {left: 73.735%;}
#epC03 .bar-graph-area li.bar-2020 {left: 77%;}

/*mHistory10*/
#mHistoryContent10 .history-m-ttl { width: 81.417%; top: 6.863%; left: 7.455%;}
#mHistoryContent10 .history-m-info {width: 30.688%; top: 23.917%; left: 7.304%;}
#mHistoryContent10 .history-m-info .person-img-box {width: 97.006%; padding-top: 52.25%; margin-bottom: 15.74%;}
#mHistoryContent10 .history-m-info .person-img-box img {width: 132.153%; top: -9.84%; left: -14.689%;}
#mHistoryContent10 .history-info-box .history-info-ttl {
    /*block*/
    width: auto; top: 15.0366%; left: 7.0077%;
    /*font*/
    text-align: left; font-size: 1.8125rem; line-height: 1.62; letter-spacing: .15em;
}
#mHistoryContent10 .h-info-txt01 {width: 48.44%; top: 23.815%; right: 7.497%;}
#mHistoryContent10 .h-info-txt02 {width: 84.916%; top: 56.22%; right: 7.5222%;}
#mHistoryContent10 .h-info-txt03 {width: 84.847%; top: 71.89%; right: 7.498%;}
#mHistoryContent10 .history-info-comment {width: 50.965%; bottom: 8.69%; right: 24.8366%;}
#mHistoryContent10 .close-btn {width: 12.4638%; bottom: 8.5859%; right: 7.406%;}

/*mHistory11*/
#mHistoryContent11 .history-m-ttl { width: 85.089%; top: 8.404%; left: 7.455%;}
#mHistoryContent11 .history-m-info {width: 30.688%; top: 29.33%; left: 7.3046%;}
#mHistoryContent11 .history-m-info .person-img-box {width: 97.006%; padding-top: 52.25%; margin-bottom: 15.74%;}
#mHistoryContent11 .history-m-info .person-img-box img {width: 128.699%; top: -7.058%; left: -17.997%;}
#mHistoryContent11 .history-info-box .history-info-ttl {
    /*block*/
    width: auto; top: 18.38%; left: 6.936%;
    /*font*/
    text-align: left; font-size: 1.8125rem; line-height: 1.62; letter-spacing: .15em;
}
#mHistoryContent11 .h-info-txt01 {width: 48.423%; top: 29.243%; right: 7.504%;}
#mHistoryContent11 .h-info-txt02 {width: 84.964%; top: 65.82%; right: 7.5%;}
#mHistoryContent11 .history-info-comment {width: 41.233%; bottom: 10.677%; right: 29.6555%;}
#mHistoryContent11 .close-btn {width: 12.4638%; bottom: 10.529%; right: 7.406%;}

/*======================================
    CALENDER
======================================*/
.ab-item {position: absolute;}
.calender-font {font-family: 'Bree Serif', serif;}
.mirror-font {transform: scaleX(-1);}
/*ティザーページ*/
.hop-calender .caption-area {
    background: #fff;
    position: relative;
}
.hop-calender .mainvisual-area {
    background: url(/sorachi1984/media/images/brand_story/calender/bg_teaser_page.jpg) no-repeat bottom;
    background-size: 100%;
    position: relative;
}
.hop-calender .mainvisual-area .img-box img {width: auto;}
.hop-calender .mainvisual-area .logo-calender {
    width: 12.40635658880457%;
    left: 3.579283833759608%;
    bottom: 7.362019495869116%;
    display: block;
    position: absolute;
    font-size: 0;
}
.hop-calender .teaser-content .te-c-01 {
    width: 44.94732631578947%;
    top: 25.24035202501488%;
    left: 28.58487067527679%;
}
.hop-calender .teaser-content .te-c-02 {
    width: 27.66971287687233%;
    top: 71.57125130685608%;
    left: 28.7024285576391%;
}
.mainvisual-area .product-img-area {
    width: 16.695945610953096%;
    right: -1.7571050781994768%;
    bottom: 0;
}
.hop-calender .caption-txt {
    width: 56.17639408669536%;
    padding: 1.9152419036587696% 0 1.9152419036587696% 1.3638209090714652%;
}
/*カレンダーページ*/
.calender-content {
    width: 58.45875174118403%;
    left: 20.770618866250615%;
    bottom: 19.486863528177967%;
}
.calender-movie-list::before {
    display: block;
    content:"";
    width: 28.2291501232898%;
    height: 0;
    order: 1;
}
.calender-movie-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.calender-movie-box {
    width: 28.2291501232898%;
    margin-top: 4.818223625760805%;
}
#movie05.calender-movie-box {margin-top: 3.496416258911816%;}
.calender-movie-box .movie-ttl {
    display: block;
    width: 100%;
    font-size: .97125em;
    letter-spacing: 0.087em;
    font-weight: normal;
    margin-bottom: 5.558103473240619%;
    color: #000;
}
.calender-movie-box .movie-ttl span {
    display: inline-block;
    vertical-align: middle;
}
.calender-movie-box .movie-ttl span.icn-arrow {
    width: 2.585523390841147%;
    margin-left: 3.6394683009630073%;
    margin-right: 3.0384077860394365%;
    font-size: 0;
}
.calender-movie-list li#movie01 .movie-ttl {
    width: 47.17211967119318%;
    margin-left: .7772389233087792%;
    margin-bottom: 5.5580396867061%;
}
.calender-movie-list li#movie02 .movie-ttl {
    width: 47.17211967119318%;
    margin-left: .7772389233087792%;
    margin-bottom: 5.5580396867061%;
}
.calender-movie-list li#movie03 .movie-ttl {
    width: 46.92233160195416%;
    margin-left: .7771113502400314%;
    margin-bottom: 5.558103473240619%;
}
.calender-movie-list li#movie04 .movie-ttl {
    width: 46.92979462649476%;
}
.calender-movie-box .movie-thumbnail {background: #fff;}
.calender-movie-box .movie-thumbnail a {display: block;}
.mainvisual-area .cal-c-01 {
    width: 18.412882272328183%;
    right: 19.19890324222071%;
    bottom: 20.543347022976324%;
}

/*-----------------------------
    1400px以上
-----------------------------*/
@media screen and (min-width: 1400px) {
    .firefox .sorachi1984-message .content-area .txt-list li.txt-04 {margin-left: -1.38563681932103056%;}
    /*==================
    hophistory - #epCSpecial
    ==================*/
    .book-content-txt:not(.ie .book-content-txt):not(.firefox .book-content-txt) {height: auto; padding: 0;}
    /* fixed line btn
    =========================== */
    .fixed-btn {width: 87.8809px; bottom: 10%;}
    .fixed-btn {right: 2.62%; bottom: 9%;}

    .conductor-cart-area { right: 3.2%; }
}
/*-----------------------------
    1200px以上
-----------------------------*/
@media screen and (min-width: 1200px) {
  .menu-btn-area {padding-top: 95.268px;}
  .page-header .close-btn {width: 109.02px;}
  .page-header .close-btn .icn-humberger {width: 29.84px; padding: 21.938px 0 0;}
  .page-header .close-btn .close-btn-txt {width: 62.83px;}

  /*======================================
      TOP
  ======================================*/
  #brandTop .mainvisual-area { padding: 78.1654px 0; }
  /*======================================
      BRAND STORY TOP
  ======================================*/
  .conductor-bnr-list.current {
      width: 900px;
      padding: 24px 0 24px 24px;
  }
  .mainvisual-area i.icn-scroll-btn {margin-top: -32.969px;}
}
/*-----------------------------
    1000px以下
-----------------------------*/
@media screen and (max-width: 1000px) {
    /*==================
    hophistory - #epCSpecial
    ==================*/
    .book-content-ttl,
    .scroll_box03 .book-content-float-column .book-catch-txt {font-size: 2.526315789473684vw;}
    .book-content-txt {height: 78.42105263157895vw; font-size: 1.4736842105263157vw;}
    .scroll_box03 {height: 86.199vw;}
    .book-content-float-column,
    .ie .book-content-float-column,
    .firefox .book-content-float-column {
        height: 82.47368421052632vw;
        overflow-y: scroll;
    }

    #mSpecialBookPart2 .scroll_box04 {height: 80vw;}
}
/*-----------------------------
    768px以下(for SP)
-----------------------------*/
@media screen and (max-width: 768px) {
    /*header
    --------------------*/
    .menu-btn-area {padding-top: 11.38%;}
    #navItem01 {width: 18.028%; left: 3.751%;}
    #navItem02 {width: 15.912%; left: 32.46%;}
    #navItem03 {width: 6.861%; left: 58.03%;}
    #navItem06 {width: 21.378%; left: 74.873%;}

    .nav-modal {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 0;
        vertical-align: top;
    }
    #navModal01 .modal-body {height: 100vh;}
    #navModal02 .modal-body {
        max-height: none;
        height: 100vh;
    }
    #navModal02 .close-btn {
        position: fixed;
        width: 100%;
        top: 0; left: 0;
        z-index: 2;
    }

    .news-list {margin-top: 13.477%;}
    .news-main-txt {line-height: 1.8;}
    .news-main-txt time,
    .news-main-txt span,
    .news-main-txt span a {font-size: 3.847vw;}
    .news-main-txt time {
        width: 24.647882999%;
        letter-spacing: .03em;
        word-break: inherit;
    }
    .news-main-txt span {letter-spacing: .03em; }
    .news-main-txt span a { font-weight: 100; letter-spacing: 0.03em; }
    .news-list li .news-sub-list {margin-left: 0; justify-content: space-between;}
    .news-list li .news-sub-list li {font-size: 3.4666vw; font-weight: 600; margin-right: 0;}
    .news-list li .news-sub-list li a,
    .news-gothic-txt {
        font-size: 3.4666vw;
        font-weight: 100;
        letter-spacing: 0.03em;
    }

    .mainvisual-area i.icn-scroll-btn {display: none;}

    /* fixed cart-btn
    =========================== */
    /*購入ボタン*/
    .hop-calender .conductor-cart-area,
    .hop-calender .fixed-btn { opacity: 0; }
    .hop-calender .opacity-1,
    .hop-calender .fixed-btn.is-active {opacity: 1;}
    .conductor-cart-area,
    .hop-history .conductor-cart-area {width: 14%; bottom: 47vw;}
    .conductor-cart-area.p-absolute,
    .hop-calender .conductor-cart-area.p-absolute,
    .hop-history .conductor-cart-area.p-absolute {bottom: 38vw;}
    .hop-history .conductor-bnr-list.current {bottom: 5vw;}
    .conductor-bnr-list.current {width: 100%; left: 0; bottom: 5vw; padding: 5% 0 0 5%; justify-content: flex-start;}
    .conductor-bnr-list.current.p-absolute,
    .hop-history .conductor-bnr-list.current.p-absolute {bottom: -4vw;}
    .conductor-bnr-list.current li {margin-bottom: 5%; margin-right: 5%; height: 12vw;}

    /*.bnr-amazon {width: 21.6145%;}
    .bnr-rakuten {width: 22.7864%;}
    .bnr-yahoo {width: 39.0625%;}
    .bnr-lohaco {width: 32.014%;}
    .bnr-kanpai-plus {width: 32.5%;}*/

    .conductor-bnr-list.current li a[target="_blank"]:not(.m-no-icon):after {
      right: -2.9333vw;
    }
    /*======================================
    TOP
    ======================================*/
    #brandTop .mainvisual-area {padding: 10.513% 0; width: 92.395234375%; margin: 0 auto;}

    #brandTop #mvItem01 .ab_item_01 { width: 30.712%; bottom: 48.229%; left: 34.709%; }
    #brandTop #mvItem01 .ab_item_02 { width: 61.151%; bottom: 29.885%; left: 21.695%; }

    #brandTop #mvItem02 .ab_item_01 { width: 27.456%; bottom: 14.432%; left: 36.831%; }
    #brandTop #mvItem02 .ab_item_02 { 
      width: 15.16%;
      top: 12.057%; right: 20.902%;
    }
    #brandTop #mvItem02 .ab_item_02 .mv_ab_item_text:nth-child(2) {width: 17.87%;}
    #brandTop #mvItem02 .ab_item_02 .mv_ab_item_text:nth-child(3) {width: 18.029%;}

    #brandTop #mvItem03 .ab_item_01 { width: 15.156%; top: 12.059%; right: 20.902%;}
    #brandTop #mvItem03 .ab_item_02 { width: 33.854%; top: 12.041%; right: 45.82%;}

    #brandTop #mvItem03 .ab_item_01 .mv_ab_item_text:nth-child(2) {width: 17.87%;}
    #brandTop #mvItem03 .ab_item_01 .mv_ab_item_text:nth-child(3) {width: 18.029%;}

    #brandTop #mvItem04 .ab_item_01,
    #brandTop #mvItem04 .ab_item_02 {
        width: 8.869%;
        right: 34.372%;
    }
    #brandTop #mvItem04 .ab_item_01 {top: 20.146%; padding: 2.046% 0;}
    #brandTop #mvItem04 .ab_item_02 {top: 37.076%;}
    #brandTop #mvItem04 .ab_item_03 { width: 9.577%; top: 20.146%; right: 45.212%;}
    #brandTop #mvItem04 .ab_item_03 li:first-child {margin-bottom: 27.102%;}
    #brandTop #mvItem04 .ab_item_03 li:last-child {margin-top: 23.422%;}

    #brandTop #mvItem04 .ab_item_04,
    #brandTop #mvItem04 .ab_item_05 {
        width: 8.869%;
        left: 34.372%;
    }
    #brandTop #mvItem04 .ab_item_04 {top: 20.146%;}
    #brandTop #mvItem04 .ab_item_05 {top: 45.865%;}

    #brandTop .conducter_items {
      width: 100%;
      margin: 3.78% auto;
    }
    #brandTop .conducter_items .conducter_item { width: 100%; }
    #brandTop .conducter_items .conducter_item:first-child {margin-bottom: 3.78%;}

    /*======================================
    BRAND STORY ACTION
    ======================================*/
    /*レポハピ バナー*/
    #brandactionTop .bnr_area { padding: 5.671% 0; }
    #brandactionTop .bnr_area .bnr_item_img {width: 100%;}
    #brandactionTop .bnr_area .bnr_item_text { width: 100%; padding-bottom: 12.073%; }
    #brandactionTop .bnr_area .bnr_item_text .bnr_item_text_01 { 
        padding: 6.696% 0 0; 
        text-align: center;
        font-size: 3.074vw;
        line-height: 2.218;
    }
    #brandactionTop .sohp_link {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }
    #brandactionTop .logo_repohappy { position: relative; bottom: auto; right: auto; width: 66.177%; margin: 5.758% auto 2.931%; letter-spacing: .08em; }
    #brandactionTop .logo_sub_text { padding-bottom: 6.906%; }
    #brandactionTop .brandaction_articles { width: 100%; margin: 5.671% auto 56%;}
    #brandactionTop .brandaction_articles .brandaction_article { width: 100%; margin-bottom: 10.93%; }
    #brandactionTop .bnr_item_text a[target="_blank"]:not(.m-no-icon):after { right: -16px; bottom: 34%; position: absolute; }
    #brandactionTop .logo_repohappy p {font-size: 3.18vw;}
    /*サムネイル設定*/
    #brandactionTop .inner {width: 92.395234375%;}
    #brandactionTop .brandaction_article_img { margin-bottom: 6.149%;}
    #brandactionTop .brandaction_article_img img{width: 100%;}
    #brandactionTop .brandaction_article_introduction { width: 89.465%; margin: 0 auto; }
    #brandactionTop .brandaction_article_title { margin-bottom: 4.301%; }
    #brandactionTop .brandaction_article_tag.icon_talk { width: 46.302%; }
    #brandactionTop .brandaction_article_tag.icon_voice { width: 48.382%; }
    #brandactionTop .brandaction_article_tag.icon_meal { width: 40.915%; }
    #brandactionTop .brandaction_article_tag.icon_birthday { width: 42.238%; }
    #brandactionTop .brandaction_article_tag.icon_discussion { width: 40.415%; }
    #brandactionTop .brandaction_article_tag.icon_connect { width: 45.132%; }
    #brandactionTop .brandaction_article_tag.icon_person { width: 36.698%; }
    #brandactionTop .brandaction_article_title time { font-size: 4.06vw;}
    #brandactionTop .brandaction_article_text { font-size: 3.536vw; line-height: 1.741; }

    .btn_tvcm {
        display: block;
        width: 100%;
        background: #e6e3e2;
        font-size: 0;
    }

    /*======================================
    BRAND STORY ACTION ARTICLE
    ======================================*/
    .article_wrap { display: block; padding: 0; }
    .article_wrap .article_item { width: 100%; }
    .article_wrap .article_item .article_item_inner {width: 82.092%; position: relative; padding-top: 17.356%;}

    /*ARCHIVE*/
    .article_wrap .archive_items { width: 82.092%; margin: 0 auto; }
    .article_wrap .archive_items .archive_item_list li {width: 46%;}
    .article_wrap .archive_items .archive_item_list li#archivePrev {float: right;}
    .article_wrap .archive_items .archive_item_list li#archiveNext {float: left;}
    .article_wrap .archive_items::after{
        content: " ";
        clear: both;
        display: block;
        height: 0;
    }

    .article_wrap .archive_items .brandaction_article_img {margin-bottom: 5.334%;}
    .article_wrap .archive_items .brandaction_article_title {display: block;}

    .article_wrap .archive_items .brandaction_article_tag.icon_talk { width: 58.726%; }
    .article_wrap .archive_items .brandaction_article_tag.icon_voice { width: 61.364%; }
    .article_wrap .archive_items .brandaction_article_tag.icon_meal { width: 51.894%; }
    .article_wrap .archive_items .brandaction_article_tag.icon_birthday { width: 53.571%; }
    .article_wrap .archive_items .brandaction_article_tag.icon_discussion { width: 51.26%; }
    .article_wrap .archive_items .brandaction_article_tag.icon_person { width: 46.545%; }
    .article_wrap .archive_items .brandaction_article_tag {display: block;}
    .article_wrap .archive_items time {font-size: 2.267vw; display: block; margin-top: .5em;}

    .article_wrap .archive_items .brandaction_article_text {
        font-size: 2.4vw;
        line-height: 1.6667;
    }

    /*記事エリア*/
    .article_item .mainvisual-area {
        width: 100%; margin-bottom: 10.502%;
    }
    .article_item .page_catch_area { font-size: 5.318vw; margin-bottom: 9.912%;}
    #articleDiscussion .article_item .page_catch_area {font-size: 0; margin-bottom: 12%;}
    .article_item .article_category_item { position: absolute; top: 0; left: 0; width: 100%; margin: 0; }
    .article_item .brandaction_article_tag {margin-right: 5.687%;}
    .article_item time { font-size: 3.772vw; }
    /*タグごとの横幅*/
    .article_item .brandaction_article_tag.icon_talk { width: 46.836%; }
    .article_item .brandaction_article_tag.icon_voice { width: 48.939%; }
    .article_item .brandaction_article_tag.icon_meal { width: 41.387%; }
    .article_item .brandaction_article_tag.icon_birthday { width: 42.725%; }
    .article_item .brandaction_article_tag.icon_discussion { width: 40.881%; }

    .article_block {
        width: 100%;
        margin: 0 auto 18.503%;
    }
    .article_block .article_block_title { font-size: 4.934vw; margin-bottom: 10.212%;}
    .article_block .article_block_content_text { font-size: 4.267vw; }
    .article_block .article_block_content_img {
        margin: 12.195% auto;
    }

    .article_block .article_block_content_img.movie_item {
        width: 100%;
        height: 0;
        position: relative;
        padding-top: 56.25%;
    }
    .article_block .article_block_content_img.movie_item iframe {
        position: absolute;
        width: 100%; height: 100%;
        top: 0; left: 0;
    }
    #brandactionArticle .top-conducter-btn a {
        padding: 0;
    }
    #brandactionArticle .product_info_area,
    .product_info_area {position: relative;}
    .categorytop_link_btn {
        width: 100%; margin: 4.608% auto 0;
    }
    /*profile*/
    .article_block .profile {
        margin: 0 0 50px;
        display: block;
    }
    .article_block .profile .propic {
        text-align: center;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .sorachi1984-voice .article_block .profile .protext {width: 92.44791666%;}
    .sorachi1984-voice .article_block .profile .propic {margin: 0 auto 30px; width: 100%;}
    .article_block .profile .propic img{width: 100%;}
    .article_block .profile .protext{
      width: 92.44791666666666%;
      margin: 0 auto 30px;
      font-size: 15px;
      line-height: 28px;
    }
    /* 5枚画像 */
    .article_block .article_block_content_img.column5_article_first_item{margin-bottom: 2%;}
    .article_block .article_block_content_img.column5_article_last_item{margin-top: 2%;}

    #archiveNext.link_count_2 a:nth-of-type(1) {display: none;}

    .article_item .page_catch_area2 { font-size: 5vw; margin-bottom: 9.912%;}
    #articleDiscussion .article_item .page_catch_area2 {margin-bottom: 14%; font-size: 0;}

    .discussion_guest_item .discussion_guest_item_text,
    .discussion_recipe_item .discussion_recipe_item_text {padding-left: 1em;}
    .discussion_guest_item .discussion_guest_item_title,
    .discussion_recipe_item .discussion_recipe_item_title {margin-bottom: 1em;}
    .discussion_guest_item .discussion_guest_item_text
    .discussion_guest_item_text_list .discussion_guest_item_name { font-size: 5.6vw; margin-bottom: .5em;}
    .discussion_recipe_item {margin-top: 2em;}
    .discussion_guest_item .discussion_guest_item_title, .discussion_recipe_item .discussion_recipe_item_title,
    .discussion_guest_item .discussion_guest_item_text .discussion_guest_item_text_list .discussion_guest_item_career {font-size: 4.267vw;}
    .discussion_recipe_item .discussion_recipe_item_text .discussion_recipe_name {font-size: 7vw;}

    .recipe_block {
        background: url(/sorachi1984/media/images/brand_action/sorachi_discussion01/bg_recipe_01_text_sp.png) repeat-y;
        background-size: 100%;
        padding-bottom: 18.042%;
    }
    .recipe_block::before {
        padding-top: 30.134%;
        background: url(/sorachi1984/media/images/brand_action/sorachi_discussion01/bg_recipe_top_sp.png) no-repeat;
        background-size: 100%;
    }
    .recipe_block::after {
        padding-top: 28.5%;
        background: url(/sorachi1984/media/images/brand_action/sorachi_discussion01/bg_recipe_bottom_sp.png) no-repeat;
        background-size: 100%;
    }
    .recipe_block:nth-of-type(n+2) {margin-top: 3em;}
    #recipe_02.recipe_block {padding-bottom: 53%;}
    .recipe_block .recipe_logo { width: 28%; margin-bottom: 2.5em; }
    .recipe_block .recipe_introduction {width: 80%;} 
    .recipe_block .recipe_introduction_title {margin-bottom: 2em; font-size: 1.5em; line-height: 1.4;}
    .recipe_introduction_item_wrap {position: relative; z-index: 2; display: block;}
    .recipe_block .redipe_making, .recipe_block .recipe_ingredients {width: 100%;}
    .recipe_block .recipe_ingredients {margin-top: 3em;}
    .recipe_block .recipe_introduction_item_title {font-size: 1.2em; margin-bottom: 1em;}
    .recipe_block .recipe_introduction_item_text {font-size: 1em; line-height: 1.8;}
    .recipe_introduction_item_list li:nth-child(n+2) {margin-top: .5em;}
    ol.recipe_introduction_item_list li:nth-child(n+2) {margin-top: 1em;}
    .recipe_block .recipe_introduction:nth-of-type(n+2) {margin-top: 4em;}
    .recipe_block .recipe_image {
        border: 1.25vw solid #fff;
    }
    #recipe_01 .recipe_image_01 {
        width: 40%;
        bottom: 2%;
        right: 4%;
    }
    #recipe_02 .recipe_image_01, #recipe_02 .recipe_image_02 {width: 52%; right: -6%;}
    #recipe_02 .recipe_image_01 {bottom: -3%;}
    #recipe_02 .recipe_image_02 {bottom: -23%;}

    .brandaction-article-2 #recipe_01 .recipe_image_01,
    .brandaction-article-3 #recipe_01 .recipe_image_01 {
        bottom: auto;
        top: 38%;
    }
    .brandaction-article-3 #recipe_01 .recipe_image_01 { width: 45%; }
    .brandaction-article-2 #recipe_01 .recipe_image_02,
    .brandaction-article-3 #recipe_01 .recipe_image_02 {
        width: 45%;
    }
    .brandaction-article-2 .finish_wrap .recipe_introduction_img,
    .brandaction-article-3 .finish_wrap .recipe_introduction_img {padding-top: 105.344%;}
    .brandaction-article-2 .recipe_block .recipe_image_03,
    .brandaction-article-3 .recipe_block .recipe_image_03 {
        width: 90%;
        bottom: 5%;
        right: 15%;
        transform: rotate(-10deg);
    }
    .brandaction-article-2 .recipe_block .recipe_image_04,
    .brandaction-article-3 .recipe_block .recipe_image_04 {
        width: 60%;
        top: auto;
        right: -22%;
        bottom: 0;
        transform: rotate(15deg);
    }

    .finish_wrap .recipe_introduction_text,
    .finish_wrap .recipe_introduction_img {width: 100%; z-index: 2;}

    .finish_wrap .recipe_introduction_text .finish_image_ingredients,
    .finish_wrap .recipe_introduction_text .recipe_introduction_item_list li {font-size: 1em;}

    .finish_wrap .recipe_introduction_img {margin-top: 2em;}
    #finish_image {padding-bottom: 14%;}
    .finish_wrap .recipe_introduction_img .finish_img_01 {border: 2vw solid #fff;}
    .finish_wrap .recipe_introduction_img .finish_img_02 {border: 1.25vw solid #fff;}
    /*======================================
    TOP
    ======================================*/
    #brandstoryTop {
        background: #f9f9f9;
    }
    #brandstoryTop .mainvisual-area {
        width: 100%;
        margin: 0 auto;
    }
    #brandTop .mainvisual-area .btn_tvcm {
        width: 100%;
        bottom: -13.1%;
    }
    .conducter-area {
        width: 92.395234375%;
        margin: 0 auto;
    }
    #brandTop .conducter-area {
        margin: 20.052% auto 0;
    }
    .conducter-area .conducter-list {
        display: block;
        width: 100%;
        padding: 4.120257499358789% 0;
    }
    .conducter-area .conducter-list li {
        width: 100%;
        margin-bottom: 4.145762%;
    }
    /*.conducter-area .conducter-list li:last-child {margin-bottom: 18.011496715022954%;}*/
    .conducter-area .conducter-list li:last-child {margin-bottom: 0;}
    .conducter-area .conducter-list:last-of-type li:last-child {margin-bottom: 18.011496715022954%;}
    .conducter-list li .conducter-box .conducter-ttl {
        width: 100% !important;
        margin: 0;
    }

    .icn-new {
        width: 21.154333843369045%;
        top: -14.057870991356772%;
        left: 3.336257101878078%;
        right: auto;
    }
    .mainvisual-area .modal-c-wrapper .btn-modal {
        width: 100%;
        background: #E6E3E2;
        bottom: 0;
        left: 0;
    }

    .brand_book .close-btn { width: 5%; padding: 2%; top: -40%; }

    /*======================================
    MESSAGE
    ======================================*/
    .sorachi1984-message .page-ttl {
        width: 67.183%;
        padding: 8.19% 0 0 7.477%;
    }
    .content-area .txt-list.device_text {
        width: 82.092%;
        padding: 13.963% 0 0;
        margin: 0 auto;
    }
    .content-area .txt-list.device_text li {font-size: 3.737vw; line-height: 2.143 !important;}
    .product-info-area {
        width: 100%;
        float: none;
        display: block;
        margin: 0;
        padding: 34.272% 0 0;
    }
    .sorachi1984-message .content-area .txt-list li.txt-02,
    .sorachi1984-message .content-area .txt-list li.txt-03,
    .sorachi1984-message .content-area .txt-list li.txt-05 {margin-bottom: 1em;}

    .sorachi1984-message .content-area .txt-list li.txt-06,
    .sorachi1984-message .content-area .txt-list li.txt-07 {margin-bottom: 0;}

    .sorachi1984-message .staff_review_items {
        width: 100%;
        margin: 14.413% auto 0;
        padding: 11.316% 0 16.224%;
    }
    .sorachi1984-message .staff_review_items .staff_review_title {width: 83.652%; border: none; padding: 0; margin-bottom: 13.59%;}
    .sorachi1984-message .staff_review_items .staff_review_title p {width: 100%;}
    .sorachi1984-message .staff_review_items .staff_review_title::after {
        content: "";
        display: block;
        width: 80.876%;
        border-bottom: dotted 2px #fff;
        margin-top: 10.482%;
    }
    .sorachi1984-message .staff_review_item_list {width: 70.102%; margin: 0 auto;}
    .staff_review_item_list .staff_review_item {float: none !important; width: 100% !important;}
    .staff_review_item_list .staff_review_item:nth-child(n+2) {margin-top: 19.186% !important;}
    .staff_review_item_list .staff_review_item:nth-child(odd) .staff_review_item_comment,
    .staff_review_item_list .staff_review_item:nth-child(even) .staff_review_item_comment { width: 92.378%; margin-bottom: 7.688%; }
    .staff_review_item_list .staff_review_item:nth-child(odd) .staff_review_item_comment_text,
    .staff_review_item_list .staff_review_item:nth-child(even) .staff_review_item_comment_text {width: 100%; margin-bottom: 8.597%;}
    .staff_review_item_list .staff_review_item .staff_review_item_comment_career {font-size: 2.912vw; letter-spacing: .15em;}

    .staff_review_item_list .staff_review_item:nth-child(odd) .staff_review_item_profile .staff_review_item_profile_img,
    .staff_review_item_list .staff_review_item:nth-child(even) .staff_review_item_profile .staff_review_item_profile_img {width: 24.756%;}
    .staff_review_item_list .staff_review_item:nth-child(odd) .staff_review_item_profile .staff_review_item_profile_text,
    .staff_review_item_list .staff_review_item:nth-child(even) .staff_review_item_profile .staff_review_item_profile_text {width: 69.356%;}

    .staff_review_item_profile .staff_review_item_profile_text .staff_role {font-size: 3.078vw; line-height: 1.693;}

    .staff_review_item_list .staff_review_item:nth-child(odd) .staff_review_item_profile .staff_review_item_profile_text .staff_name,
    .staff_review_item_list .staff_review_item:nth-child(even) .staff_review_item_profile .staff_review_item_profile_text .staff_name {
        font-size: 5.209vw;
        margin-top: 8.519%;
    }

    .staff_review_caption { font-size: 2.536vw; margin: 12.168% 0 0 15.195%; line-height: 1.844; }

    .sorachi1984-message .product-info-area {padding-top: 28.84%;}

    .sorachistalk .product-info-area {padding-top: 6%;}
    .conducter-list {width: 100%; margin: 0;}
    .product-fix-img { width: 41.536%; margin-bottom: 40.934%; right: 5.815%;}
    .product-info-box {
        width: 30.259%;
        margin-left: 12.575%;
        padding-bottom: 10.14%;
    }
    .conducter-list li {
        width: 100%;
        position: relative;
    }
    .product-info-btn {
        position: relative;
        background: #0077a1;
    }
    .product-info-btn a {
        padding: 8.125% 28.88408854166667% 8.125% 27.893033854166667%;
    }
    .top-conducter-btn {background: #000;}
    .top-conducter-btn a {
        display: block;
        padding: 0;
    }
    .sorachi1984 .product-fixed-area figure,
    .sorachi1984 .product-fixed-area.absolute figure {
        width: 47.222981770833336%;
        right: -5.496822916666667%;
        bottom: 30.289570312499997vw;
    }
    .movie_modal_text_item { padding: 5%; }
    .movie_modal_text_item dt { margin-bottom: 3.5%; }
    .movie_modal {width: 95%;}
    /*======================================
        LEGEND
    ======================================*/
    .sorachi1984-legend .page-ttl {
        padding: 8.126588541666667% 25.406562500000003% 0 7.5398828125%;
    }
    .sorachi1984-legend .txt-list {
        padding: 14.032825520833333% 0 30.569%;
        margin-left: 9.598059895833334%;
    }
    .sorachi1984-legend .content-area .txt-list li.txt-01 {
        width: 74.50500290221619%;
        margin-bottom: 13.846365460314534%;
    }
    .sorachi1984-legend .content-area .txt-list li.txt-02 {
        width: 67.31106428516902%;
        margin-bottom: 13.800909409085737%;
    }
    .sorachi1984-legend .content-area .txt-list li.txt-03 {
        width: 69.03950326733373%;
        margin-bottom: 13.772132099087278%;
    }
    .sorachi1984-legend .content-area .txt-list li.txt-04 {
        width: 73.30056157523366%;
        margin-bottom: 13.85880970247603%;
    }
    .sorachi1984-legend .content-area .txt-list li.txt-05 {
        width: 47.91515734620774%;
        margin-bottom: 15.79518563381377%;
    }
    .sorachi1984-legend .content-area .txt-list li.txt-06 {
        width: 43.153146276017324%;
    }
    /*======================================
        ORIGIN
    ======================================*/
    .sorachi1984-origin .page-ttl {padding: 8.126601562500001% 32.974101562499996% 0 7.458177083333332%;}
    .sorachi1984-origin .txt-list {
        padding: 15.570480453040519% 0 0;
        margin-left: 9.613033854166668%;
    }
    .sorachi1984-origin .content-area .txt-list li.txt-01 {
        width: 88.29003305953466%;
        margin-bottom: 14.02628081027192%;
    }
    .sorachi1984-origin .content-area .txt-list li.txt-02 {
        width: 84.1107944588365%;
        margin-bottom: 14.079869842037684%;
    }
    .sorachi1984-origin .content-area .txt-list li.txt-03 {
        width: 77.09283536253771%;
        margin-bottom: 13.795271747531121%;
    }
    .sorachi1984-origin .content-area .txt-list li.txt-04 {
        width: 84.13957695493004%;
        margin-bottom: 13.989027789802497%;
    }
    .sorachi1984-origin .content-area .txt-list li.txt-05 {
        width: 79.86134270200219%;
        margin-bottom: 13.708578523561672%;
    }
    .sorachi1984-origin .content-area .txt-list li.txt-06 {
        width: 65.05011222724515%;
        margin-bottom: 17.281151829971797%;
    }
    .sorachi1984-origin .content-area .txt-list li.txt-07 {
        width: 53.82931806948682%;
    }
    .sorachi1984-origin .product-info-area {padding-top: 31.914%;}

    /*======================================
        DETERMINATION
    ======================================*/
    .sorachi1984-determination .page-ttl {padding: 8.077565104166668% 43.92408854166667% 0 7.504466145833326%;}
    .sorachi1984-determination .txt-list {
        padding: 14.085546875000002% 0 0;
        margin-left: 9.612994791666669%;
    }
    .sorachi1984-determination .content-area .txt-list li.txt-01 {
        width: 85.94684431326982%;
        margin-bottom: 13.700303757482654%;
    }
    .sorachi1984-determination .content-area .txt-list li.txt-02 {
        width: 77.51385030976465%;
        margin-bottom: 13.836494748709319%;
    }
    .sorachi1984-determination .content-area .txt-list li.txt-03 {
        width: 88.53749833254632%;
        margin-bottom: 13.704394961365498%;
    }
    .sorachi1984-determination .content-area .txt-list li.txt-04 {
        width: 75.72740596641583%;
        margin-bottom: 13.696198147952337%;
    }
    .sorachi1984-determination .content-area .txt-list li.txt-05 {
        width: 83.84686105263219%;
    }
    .sorachi1984-determination .product-info-area {padding-top: 29.24%;}
    /*======================================
        PROMISE
    ======================================*/
    .sorachi1984-promise .page-ttl {padding: 8.122786458333325% 43.90709635416667% 0 7.547942708333337%;}
    .sorachi1984-promise .txt-list {
        padding: 14.052825520833334% 0 0;
        margin-left: 9.793398437499985%;
    }
    .sorachi1984-promise .content-area .txt-list li.txt-01 {
        width: 86.09455118003851%;
        margin-bottom: 13.861741283428211%;
    }
    .sorachi1984-promise .content-area .txt-list li.txt-02 {
        width: 77.66940387279374%;
        margin-bottom: 13.72535009693458%;
    }
    .sorachi1984-promise .content-area .txt-list li.txt-03 {
        width: 67.00473608976615%;
    }
    .sorachi1984-promise .product-info-area {padding-top: 28.636%;}
    /*======================================
    STORY
    ======================================*/
    .sorachi1984-story .page-ttl {
        background: #f8f8f8;
        padding: 8.123398437499992% 16.384739583333342% 8.123411458333345% 7.577434895833335%;
    }
    .sorachi1984-story .movie-list {
        margin-left: 9.01473958333332%;
        padding: 9.554648437499996% 0 0;
        position: relative;
    }
    .sorachi1984-story .movie-list .movie-c-box {margin-bottom: 15.13183672710049%;}
    .sorachi1984-story .movie-list #moviePrologue {width: 90.26935477638919%;}
    .sorachi1984-story .movie-list #moviePrologue .movie-ttl {
        width: 31.11917196522238%;
        padding-top: 3.8436228122699796%;
    }
    .sorachi1984-story .movie-list #moviePrologue .movie-ttl::after,
    .sorachi1984-story .movie-list #movie1994 .movie-ttl::after,
    .sorachi1984-story .movie-list #movie2002 .movie-ttl::after,
    .sorachi1984-story .movie-list #movie2019 .movie-ttl::after,
    .sorachi1984-story .movie-list #movie1975 .movie-ttl::after {
        height: 13.90729166666667vw;
    }
    .sorachi1984-story .movie-list #moviePrologue .movie-ttl::after {
        margin-top: 1.4089500960543784%;
        left: 36.710544481242856%;
    }
    .sorachi1984-story .movie-list #moviePrologue .movie-block {
        width: 60.45252178594579%;
    }
    .sorachi1984-story .movie-list #movie1975 {width: 85.05003713609844%;}
    .sorachi1984-story .movie-list #movie1975 .movie-block {
        width: 64.16234865941965%;
    }
    .sorachi1984-story .movie-list #movie1975 .movie-ttl {
        width: 26.729562923178396%;
        padding-top: 5.611583785325409%;
    }
    .sorachi1984-story .movie-list #movie1975 .movie-ttl::after {
        margin-top: .23750920639323717%;
        left: 44.75377226058666%;
    }
    .sorachi1984-story .movie-list #movie1994 {width: 86.8575991619692%;}
    .sorachi1984-story .movie-list #movie1994 .movie-block {
        width: 62.82708926880287%;
    }
    .sorachi1984-story .movie-list #movie1994 .movie-ttl {
        width: 28.25428490649226%;
        padding-top: 5.993662681458154%;
    }
    .sorachi1984-story .movie-list #movie1994 .movie-ttl::after {
        margin-top: 2.7987996813766505%;
        left: 41.45746811143426%;
    }
    .sorachi1984-story .movie-list #movie2002 {
        width: 92.32991452257575%;
    }
    .sorachi1984-story .movie-list #movie2002 .movie-ttl {
        width: 32.50660780592944%;
        padding-top: 6.340719289492504%;
    }
    .sorachi1984-story .movie-list #movie2002 .movie-ttl::after {
        margin-top: -1.0149365318980763%;
        left: 33.89852732642476%;
    }
    .sorachi1984-story .movie-list #movie2019 {
        width: 92.55414786606964%;
    }
    .sorachi1984-story .movie-list #movie2019 .movie-ttl {
        width: 32.67012580425103%;
        padding-top: 5.2537391526999135%;
    }
    .sorachi1984-story .movie-list #movie2019 .movie-block {
        width: 58.96018992168235%;
    }
    .sorachi1984-story .movie-list #movie2019 .movie-ttl::after {
        margin-top: 0.40867990237559904%;
        left: 33.647145237708806%;
    }
    .sorachi1984-story .movie-list #movieEpilogue {
        width: 84.47855622863244%;
        margin-bottom: 0;
    }
    .sorachi1984-story .movie-list #movieEpilogue .movie-ttl {
        width: 27.386988855707266%;
        padding-top: 5.506436253822283%;
    }
    .sorachi1984-story .movie-list #movieEpilogue .movie-block {
        width: 64.59639439687044%;
    }
    .sorachi1984-story .product-info-area {padding-top: 32.27%;}
    /*======================================
    MOVIE
    ======================================*/
    #sorachiMovie .mainimg-area {
        background: none;
        min-height: unset;
        font-size: 0;
        line-height: 0;
    }
    #sorachiMovie .mainimg-area .inner {min-height: unset;}
    .acord-btn-wrap {
        background: #fff;
        cursor: pointer;
        font-size: 0;
    }
    #spFlumpoolArea .acord-box {
        padding: 17.3337333vw 10.0759333vw 13.43386667vw;
    }
    /*======================================
    ホップの冒険者たち
    ======================================*/
    .hop-history .page-ttl {
        width: 58.87766027572447%;
        margin: 0 0 0 7.398172547432978%;
        padding: 8.140578488708792% 0 0;
    }
    .hop-history .intro-box {
        width: 72.54671244816622%;
        margin: 0 0 0 9.579447857181366%;
        padding: 14.12386037745719% 0 14.278714538330457%;
    }
    .hop-history .ep-item-list,
    .hop-history .ep-item-list.column01 {
        display: block;
        width: 100%;
        margin: 0 0 0 0;
    }
    .hop-history .ep-item-end {margin-bottom: 10%; width: 100% !important;}
    .ep-item-list .ep-item-box {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
        background: #fff;
    }
    .ep-item-list .ep-item-box:not(:first-child) {
        margin-top: 2.4735599999999978% !important;
    }
    .ep-item-list .ep-item-box .bg-ep-item {
        opacity: 0;
        height: 0;
        padding-top: 20.466666666666665%;
    }
    .hop-history .ep-item-list .ep01 .icn-hand-area,
    .hop-history .ep-item-list .ep02 .icn-hand-area,
    .hop-history .ep-item-list .ep03 .icn-hand-area,
    .hop-history .ep-item-list .epSpecial .icn-hand-area {
        width: 12.585826666666666%;
        top: 36.13895765472305%;
        left: 9.66204000000004%;
    }
    .hop-history .ep-item-list .epSpecial .icn-hand-area {top: 30.772609360147246%;}
    .hop-history .ep-item-list .ep01 .ep-item-txt {
        width: 58.170706666666675%;
        top: 28.84840390879469%;
        left: 25.778693333333347%;
    }
    .hop-history .ep-item-list .in-writing.icn-hand-area {position: static;}
    .hop-history .ep-item-list .in-writing.icn-hand-area .icn-hand {
        position: absolute;
        width: 12.585826666666666%;
        top: 28.557719869706833%;
        left: 9.66204000000004%;
    }
    .hop-history .ep-item-list .in-writing .icn-writing {
        position: absolute;
        width: 8.707546666666667%;
        top: 61.88169381107475%;
        left: 10.928826666666707%;
        margin: 0;
        z-index: 1;
    }
    .bg-gray-filter {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.5);
    }
    .ep-item-box .icn-new {
        width: 13.18116%;
        top: 18.973289902280147%;
        right: 12.729466666666728%;
        left: auto;
    }
    .ep-item-box.ep03 .icn-new {
        width: 13.18114666%;
        top: 19.40169%;
        right: 3.5096%;
    }
    .epSpecial.ep-item-box .icn-new {
        width: 13.18116%;
        top: 15.077168415895503%;
        right: 3.50781333%;
    }
    .hop-history .ep-item-list .ep02 .ep-item-txt {
        width: 41.6138%;
        top: 28.84814332247554%;
        left: 25.685333333333375%;
    }
    .hop-history .ep-item-list .ep03 .ep-item-txt {
        width: 50.679946666666666%;
        top: 28.84814332247554%;
        left: 25.778693333333347%;
    }
    .hop-history .ep-item-list .epSpecial {background: #e2eec5;}
    .hop-history .ep-item-list .epSpecial .bg-ep-item {padding-top: 27.32378666%;}
    .hop-history .ep-item-list .epSpecial .ep-item-txt {
        width: 54.3332%;
        top: 20.63857425325138%;
        left: 25.844386664%;
    }
    .hop-history .ep-item-list .epSpecial .ep-item-txt.sp-only {
        width: 73.9758666%;
        top: 69.68697354783427%;
        left: 12.634906664%;
    }
    .ep-content-box {padding: 21.572746666666657% 0 0;}
    .ep-content-box #epLogo01 {
        width: 49.695386666666664%;
        margin: 0 0 0 30.91344000000002%;
    }
    .modal-before-txt {
        width: 78.4112%;
        padding: 16.55449333333333% 0 7.9083200000000335%;
        margin: 0 0 0 9.549573333333319%;
    }
    .history-column2-box {
        display: block;
        width: 100%;
    }
    #hColumn01,
    #hColumn02,
    #hColumn03 {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .border-db {height: 1.2px;}
    /*#history01*/
    #history01 {
        width: 85.56036%;
        margin: 0 0 6.8866666666667395% 5.86841333333335%;
    }
    #history01 .history-t-ttl {
        width: 48.657548113791634%;
        top: 17.6228320753267%;
        left: 24.32832213422195%;
    }
    #history01 .person-img {
        width: 33.29621333991582%;
        top: 25.742326499375007%;
        left: 33.0894820919407%;
    }
    #history01 .person-info-box {
        width: 74.91982856470615%;
        left: 12.047693333333337%;
        bottom: 24.48768836773829%;
    }
    #history01 .person-info-box .name-career .name-career-txt {
        width: 63.97760780502742%;
        margin: 0 0 0 3.564837772445417%;
    }
    #history01 .person-info-box .border-db {
        width: 97.9061346610178%;
        margin: 5.4246970609672145% 0 5.030027656395124% 0;
    }
    #history01 .person-info-box .achievement {
        width: 99.73614517776971%;
        margin: 0 0 0 .263875622768077%;
    }
    #history01 .btn-m-open {
        width: 35.29960213662806%;
        left: 32.76048238537872%;
        bottom: 14.698417546330312%;
    }
    /*#history02*/
    #history02 {
        width: 86.55216%;
        margin: 0 0 9.729706666666607% 6.4095733333333555%;
    }
    #history02 .history-t-ttl {
        width: 54.590526683562835%;
        top: 18.05549442935884%;
        left: 21.74488385577741%;
    }
    #history02 .person-img {
        width: 32.46044158035262%;
        top: 25.911404405813993%;
        left: 35.15273718568465%;
    }
    #history02 .person-info-box {
        width: 74.40667762268053%;
        left: 15.537235966535413%;
        bottom: 25.224594730112575%;
    }
    #history02 .person-info-box .name-career .name-career-txt {
        width: 73.0380302953762%;
        margin: 0 0 0 1.4370262465518029%;
    }
    #history02 .person-info-box .border-db {
        width: 98.12130075833679%;
        margin: 5.3993503992924134% 0 5.0067245764221395 .34279190831393086%;
    }
    #history02 .person-info-box .achievement {
        width: 100%;
        margin: 0;
    }
    #history02 .btn-m-open {
        width: 35.07797687159589%;
        left: 34.38011637529706%;
        bottom: 15.593278907208424%;
    }
    /*#history03*/
    #history03 {
        width: 88.56793333333334%;
        margin: 0 0 8.40518666666673% 5.959840000000016%;
    }
    #history03 .history-t-ttl {
        width: 48.43357151835992%;
        top: 16.53537055690082%;
        left: 25.170720177882266%;
    }
    #history03 .person-img {
        width: 33.411505593822895%;
        top: 28.22030202427634%;
        left: 32.64582591592587%;
    }
    #history03 .person-info-box {
        width: 60.57993901479768%;
        left: 17.00835291027071%;
        bottom: 28.130903220056062%;
    }
    #history03 .person-info-box .name-career .name-career-txt {
        width: 66.9072682451641%;
        margin: 0 0 0 1.0819864416215057%;
    }
    #history03 .person-info-box .border-db {
        width: 97.901731575913%;
        margin: 4.103844853979178% 0 3.564640862010683% .9067911174728986%;
    }
    #history03 .person-info-box .achievement {width: 100%;}
    #history03 .btn-m-open {
        width: 34.27969039208321%;
        left: 31.544780315524235%;
        bottom: 12.72946761258294%;
    }
    /*#history04*/
    #history04 {
        width: 87.66662666666666%;
        margin: 0 0 6.574360000000039% 5.998493333333317%;
    }
    #history04 .history-t-ttl {
        width: 71.1746484447065%;
        top: 15.921555369908697%;
        left: 17.59243388247934%;
    }
    #history04 .person-img04 {
        width: 29.56355721531128%;
        top: 28.090027693013802%;
        left: 17.030061002309214%;
    }
    #history04 .person-img05 {
        width: 28.60732864212714%;
        top: 28.616289660372406%;
        right: 17.236494556575423%;
    }
    #history04 .person-info-box {
        width: 71.4691885030518%;
        left: 14.639200595832975%;
        bottom: 22.201916499283165%;
    }
    #history04 .person-info-box .name-career .person-2-box {
        width: 97.07039458857733%;
        margin-left: 1.0605867467728318%;
    }
    #history04 .person-info-box .name-career .person4 {width: 46.87841449790329%;}
    #history04 .person-info-box .name-career .person5 {width: 46.642348280101515%;}
    #history04 .person-info-box .border-db {
        width: 97.91796168497905%;
        margin: 4.631464300481651% 0 5.567239833525475% 0;
    }
    #history04 .person-info-box .achievement {
        width: 98.72996875782731%;
        margin: 0 0 0 1.2700312421726658%;
    }
    #history04 .btn-m-open {
        width: 34.632046219945046%;
        left: 34.411970073902715%;
        bottom: 12.946361992814168%;
    }
    /*#history05*/
    #history05 {
        width: 84.96619999999999%;
        margin: 0 0 11.161533333333258% 6.705773333333309%;
    }
    #history05 .history-t-ttl {
        width: 73.36143862696774%;
        top: 14.638724739849282%;
        left: 15.370990660599976%;
    }
    #history05 .person-img {
        width: 28.82405788027082%;
        top: 26.549010220866055%;
        left: 35.95963257546334%;
    }
    #history05 .person-info-box {
        width: 72.90499045502801%;
        left: 15.087709387183764%;
        bottom: 27.790758863448545%;
    }
    #history05 .person-info-box .name-career .name-career-txt {
        width: 98.61530033825925%;
        margin: 0 0 0 .2193357720716539%;
    }
    #history05 .person-info-box .border-db {
        margin: 5.54867844278058% 0 2.204378320843371% 0;
        width: 100%;
    }
    #history05 .person-info-box .achievement {
        width: 90.63847373298076%;
        margin: 0 0 0 0.27325491918054406%;
    }
    #history05 .btn-m-open {
        width: 35.73281296954946%;
        left: 32.00405180726767%;
        bottom: 16.513018688446078%;
    }
    /*#history06*/
    #history06 {
        width: 88.56793333333334%;
        margin: 0 0 0 5.5539199999999855%;
    }
    #history06 .history-t-ttl {
        width: 64.71147194733383%;
        top: 16.154275487626865%;
        left: 18.522610515920356%;
    }
    #history06 .person-img {
        width: 33.83331363721558%;
        top: 25.737843198452122%;
        left: 33.83013716777856%;
    }
    #history06 .person-info-box {
        width: 72.25724283958303%;
        left: 14.757109232160051%;
        bottom: 24.917454905373184%;
    }
    #history06 .person-info-box .name-career .name-career-txt {
        width: 80.44415174438035%;
        margin: 0 0 0 1.4919716752267835%;
    }
    #history06 .person-info-box .border-db {
        width: 98.99724069306856%;
        margin: 5.053152701928953% 0 5.568887251768436% 0;
    }
    #history06 .person-info-box .achievement {
        width: 99.56743634468086%;
        margin: 0 0 0 .43256365531913943%;
    }
    #history06 .btn-m-open {
        width: 34.27961512029561%;
        left: 34.56373600979739%;
        bottom: 14.215135236433902%;
    }

    .modal-after-txt {padding: 41.921279999999875% 0 0;}
    .modal-after-txt .after-txt01 {
        width: 81.15729333333334%;
        margin: 0 0 0 9.504786666666648%;
    }
    .modal-after-txt .after-txt02 {
        width: 79.55142666666667%;
        margin: 0 0 0 10.142026666666668%;
        padding: 12.283453333333455% 0 17.664400000000025%;
    }

    .border-dots {
        width: 84.93730666666667%;
        margin: 0 auto;
    }
    .hop-chronology-area .h-chronology-ttl {
        width: 85.05332%;
        padding: 5.64701333333334% 0 5.596053333333339%;
        margin: 0 0 0 7.623359999999957%;
    }
    .hop-chronology-area .year-block {display: block;}

    /*#yBlock01*/
    .hop-chronology-area #yBlock01 {
        width: 81.46953333333332%;
        margin: 0 0 0 6.946079999999953%;
        padding: 0 0 12.19322666666667%;
    }
    .hop-chronology-area #yBlock01 .year-block-ttl {
        width: 50.291732778633815%;
        margin: 0 0 0 1.1178002738037742%;
        padding: 9.717415835612984% 0 13.045072882050802%;
    }
    .hop-chronology-area #yBlock01 .chronology-list-block {width: 100%;}
    .hop-chronology-area #yBlock01 .chronology-list-block li {padding-bottom: 8.906298714529685%;}
    /*#yBlock02*/
    .hop-chronology-area #yBlock02 {
        width: 80.27748%;
        margin: 0 0 0 7.13221333333331%;
        padding: 0 0 10.58678666666668%;
    }
    .hop-chronology-area #yBlock02 .year-block-ttl {
        width: 45.57548808623955%;
        margin: 0 0 0 1.303977155237079%;
        padding: 13.92212776650853% 0 13.001454455222087%;
    }
    .hop-chronology-area #yBlock02 .chronology-list-block {width: 100%;}
    .hop-chronology-area #yBlock02 .chronology-list-block li {padding-bottom: 8.732893292946734%;}
    /*#yBlock03*/
    .hop-chronology-area #yBlock03 {
        width: 86.71763999999999%;
        margin: 0 0 0 6.946079999999953%;
        padding: 0 0 11.467120000000069%;
    }
    .hop-chronology-area #yBlock03 .year-block-ttl {
        width: 37.154070767301015%;
        margin: 0 0 0 1.0636205813104416%;
        padding: 12.844737625854927% 0 12.23863257041292%;
    }
    .hop-chronology-area #yBlock03 .chronology-list-block {width: 100%;}
    .hop-chronology-area #yBlock03 .chronology-list-block li {padding-bottom: 7.776226382544438%;}
    /*#yBlock04*/
    .hop-chronology-area #yBlock04 {
        width: 77.75078666666667%;
        margin: 0 0 0 7.336826666666639%;
        padding: 0 0 11.576440000000002%;
    }
    .hop-chronology-area #yBlock04 .year-block-ttl {
        width: 29.273615923971786%;
        margin: 0 0 0 .324249666755805%;
        padding: 14.60010093788551% 0 13.574276376024585%;
    }
    .hop-chronology-area #yBlock04 .chronology-list-block {width: 100%;}
    .hop-chronology-area #yBlock04 .chronology-list-block li {padding-bottom: 8.677074049754447%;}
    /*#yBlock05*/
    .hop-chronology-area #yBlock05 {
        width: 76.54134666666667%;
        margin: 0 0 0 6.911826666666639%;
        padding: 0 0 12.55051999999996%;
    }
    .hop-chronology-area #yBlock05 .year-block-ttl {
        width: 41.96320211071976%;
        margin: 0 0 0 .9211753264162084%;
        padding: 14.774324151774387% 0 13.72488699353952%;
    }
    .hop-chronology-area #yBlock05 .chronology-list-block {width: 100%;}
    .hop-chronology-area #yBlock05 .chronology-list-block li {padding-bottom: 9.388145944997802%;}
    /*#yBlock06*/
    .hop-chronology-area #yBlock06 {
        width: 80.94543999999999%;
        margin: 0 0 0 6.9324666666666115%;
        padding: 0 0 20.088133333333218%;
    }
    .hop-chronology-area #yBlock06 .year-block-ttl {
        width: 33.88188389611571%;
        margin: 0 0 0 .8455572049519475%;
        padding: 13.972077982404072% 0 13.025629773997585%;
    }
    .hop-chronology-area #yBlock06 .chronology-list-block {width: 100%;}
    .hop-chronology-area #yBlock06 .chronology-list-block li {padding-bottom: 9.46746351616608%;}

    .slider-graph-area,
    .chronology-graph-area,
    .slider-graph {
        width: 100%;
        margin: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        position: relative;
    }
    .chronology-graph-area .no-slider {width: 242%;}
    .slider-graph-box {position: relative;}
    .bar-graph-area {
        width: 100%;
        height: 61.53189058016342%;
        position: absolute;
        bottom: 23.792928885592517%;
        overflow: hidden;
    }
    .bar-graph-area li {
        bottom: 0%;
        right: auto;
    }
    .slider-graph-area .slick-arrow {
        position: absolute;
        display: block;
        width: 2.9862%;
        z-index: 1;
        bottom: 10.557131437441768%;
        opacity: 0;
        transition: opacity .3s linear;
    }
    .slider-graph{
        opacity: 0;
        transition: opacity .3s linear;
    }
    .slider-graph.slick-initialized{
        opacity: 1;
    }
    .slider-graph-area .next-arrow {transform: scale(-1, 1);}
    #sliderGraph01 .slick-arrow,
    #sliderGraph02 .slick-arrow,
    #sliderGraph03 .slick-arrow,
    #sliderGraph04 .slick-arrow {opacity: 1;}
    #sliderGraph00 .prev-arrow,
    #sliderGraph01 .prev-arrow {left: 24.490586666666665%;}
    #sliderGraph00 .next-arrow,
    #sliderGraph01 .next-arrow {right: 24.01798666666667%;}
    #sliderGraph02 .prev-arrow {left: 24.490573333333426%;}
    #sliderGraph02 .next-arrow {right: 24.01799999999991%;}
    #sliderGraph03 .prev-arrow {left: 24.490586666666665%;}
    #sliderGraph03 .next-arrow {right: 24.01798666666667%;}
    #sliderGraph04 .prev-arrow {left: 24.490573333333305%;}
    #sliderGraph04 .next-arrow {
        opacity: 0;
        right: 24.01798666666667%;
    }
    /*.bar-graph-area .bar-1904,
    .bar-graph-area .bar-1906,
    .bar-graph-area .bar-1908,
    .bar-graph-area .bar-1910,
    .bar-graph-area .bar-1911,
    .bar-graph-area .bar-1912,
    .bar-graph-area .bar-1913,
    .bar-graph-area .bar-1917,
    .bar-graph-area .bar-1919,
    .bar-graph-area .bar-1923,
    .bar-graph-area .bar-1925,
    .bar-graph-area .bar-1927,
    .bar-graph-area .bar-1933,
    .bar-graph-area .bar-1935,
    .bar-graph-area .bar-1937,
    .bar-graph-area .bar-1938,
    .bar-graph-area .bar-1943,
    .bar-graph-area .bar-1946,
    .bar-graph-area .bar-1947 {width: 6.297573333333334%;}

    .bar-graph-area .bar-1904 {left: 15.665733333333264%;}
    .bar-graph-area .bar-1906 {left: 24.4123599999999%;}
    .bar-graph-area .bar-1908 {left: 33.15898666666666%;}
    .bar-graph-area .bar-1910 {left: 41.905613333333285%;}
    .bar-graph-area .bar-1911 {left: 50.65223999999993%;}
    .bar-graph-area .bar-1912 {left: 59.398866666666564%;}
    .bar-graph-area .bar-1913 {left: 68.14550666666668%;}
    .bar-graph-area .bar-1917 {left: 76.8921333333333%;}
    .bar-graph-area .bar-1919 {left: 85.63875999999993%;}
    .bar-graph-area .bar-1923 {left: 15.665733333333387%;}
    .bar-graph-area .bar-1925 {left: 24.412360000000017%;}
    .bar-graph-area .bar-1927 {left: 33.15898666666666%;}
    .bar-graph-area .bar-1933 {left: 41.905613333333406%;}
    .bar-graph-area .bar-1935 {left: 50.65224000000005%;}
    .bar-graph-area .bar-1937 {left: 15.665733333333387%;}
    .bar-graph-area .bar-1938 {left: 24.412360000000017%;}
    .bar-graph-area .bar-1939 {
        width: 6.4498%;
        left: 33.00675999999997%;
    }
    .bar-graph-area .bar-1940 {
        width: 6.591093333333334%;
        left: 41.61209333333342%;
    }
    .bar-graph-area .bar-1942 {
        width: 6.7178%;
        left: 50.232013333333335%;
    }
    .bar-graph-area .bar-1943 {left: 59.398866666666684%;}
    .bar-graph-area .bar-1945 {
        width: 6.3984933333333345%;
        left: 15.564800000000103%;
    }
    .bar-graph-area .bar-1946 {left: 24.128693333333405%;}
    .bar-graph-area .bar-1947 {left: 32.18917333333338%;}
    .bar-graph-area .bar-1948 {
        width: 6.498693333333333%;
        left: 40.12053333333339%;
    }*/

    /*.block-link-txt {bottom: 10.174256478595513%;}
    .block-link01 {
        width: 31.358853333333332%;
        left: 35.108733333333355%;
    }
    .block-link02 {
        width: 21.675906666666666%;
        left: 39.06042666666666%;
    }
    .block-link03 {
        width: 31.358853333333332%;
        left: 34.55686666666661%;
    }
    .block-link04 {
        width: 26.336586666666665%;
        left: 36.14973333333328%;
    }*/
    .remodal-wrapper {padding: 0;}
    .m-history-box {padding: 0 0 20.466666666666665%;}
    .m-history-box .close-btn {
        width: 100%;
        background: #000;
        right: 0;
    }
    .m-history-box .border-db {height: 1.6px;}
    /*#mHistoryContent01*/
    #mHistoryContent01 .modal-body {
        background: url(/sorachi1984/media/images/hop_history/ep01/bg_history_modal.jpg) no-repeat 47.06694780716879% 19.24764576564541%;
        background-size: 524.4552266666667%;
    }
    #mHistoryContent01 .history-m-ttl {
        width: 55.19094666666666%;
        top: 4.386642236978636%;
        left: 22.395639999999972%;
    }
    #mHistoryContent01 .person-img01 .person-img {
        width: 37.91801333333334%;
        top: 7.941671279978407%;
        left: 31.00198666666662%;
    }
    #mHistoryContent01 .person-img01 .source-txt {
        width: 24.691013333333334%;
        top: 19.730288176661553%;
        left: 37.08217333333335%;
    }
    #mHistoryContent01 .name-career-txt,
    #mHistoryContent01 .achievement {
        width: 80.83249333333333%;
        left: 9.640693333333305%;
    }
    #mHistoryContent01 .name-career-txt {top: 23.162652969535444%;}
    #mHistoryContent01 .achievement {top: 28.52130724099847%;}
    #mHistoryContent01 .border-db {
        width: 80.64641333333334%;
        top: 26.805821767598502%;
        left: 9.640693333333305%;
    }
    #mHistoryContent01 .history-info-box .history-info-ttl,
    #mHistoryContent01 .history-info-txt-list .h-info-txt01 {
        width: 81.85521333333334%;
        right: auto;
        left: 9.542199999999987%;
    }
    #mHistoryContent01 .history-info-box .history-info-ttl {top: 37.56500944453871%;}
    #mHistoryContent01 .history-info-txt-list .h-info-txt01 {top: 45.002708292184444%;}
    #mHistoryContent01 .history-info-img .h-info-img01,
    #mHistoryContent01 .history-info-img .h-info-img02 {
        width: 80.00928%;
        right: auto;
    }
    #mHistoryContent01 .history-info-img .h-info-img01 {
        bottom: 25.258762742245217%;
        left: 10.540826666666666%;
    }
    #mHistoryContent01 .history-info-img .h-info-img02 {
        bottom: 12.82098449463602%;
        left: 9.826773333333342%;
    }
    #mHistoryContent01 .history-info-img .img-cap-txt {
        width: 44.89161333333333%;
        right: auto;
        left: 10.002333333333324%;
        bottom: 11.050376900614875%;
    }
    #mHistoryContent01 .history-info-comment {
        width: 53.76002666666667%;
        left: 23.315826666666606%;
        bottom: 3.7198274343217403%;
    }
    #mHistoryContent01 .close-btn {bottom: -4.448136639339177%;}
    /*#mHistoryContent02*/
    #mHistoryContent02 .modal-body {
        background: url(/sorachi1984/media/images/hop_history/ep01/bg_history_modal.jpg) no-repeat 47.066950948450256% 19.24764576564541%;
        background-size: 524.4552266666667%;
    }
    #mHistoryContent02 .history-m-ttl {
        width: 62.888733333333334%;
        top: 5.145666536800001%;
        left: 18.241026666666706%;
    }
    #mHistoryContent02 .person-img02 .person-img {
        width: 37.39472%;
        top: 9.368510619445514%;
        left: 30.93835999999998%;
    }
    #mHistoryContent02 .person-img02 .source-txt {
        width: 24.69114666666667%;
        top: 23.275127840380293%;
        left: 37.546493333333274%;
    }
    #mHistoryContent02 .border-db {
        width: 80.64641333333334%;
        top: 31.62188625533153%;
        left: 9.826760000000043%;
    }
    #mHistoryContent02 .name-career-txt,
    #mHistoryContent02 .achievement {
        width: 81.23938666666666%;
        left: 9.233799999999974%;
    }
    #mHistoryContent02 .name-career-txt {top: 27.38976793589708%;}
    #mHistoryContent02 .achievement {top: 33.64558420359209%;}
    #mHistoryContent02 .history-info-box .history-info-ttl,
    #mHistoryContent02 .history-info-txt-list .h-info-txt01,
    #mHistoryContent02 .history-info-txt-list .h-info-txt02 {
        width: 81.9112%;
        right: auto;
        left: 9.508533333333375%;
    }
    #mHistoryContent02 .history-info-box .history-info-ttl {top: 42.372384638732576%;}
    #mHistoryContent02 .history-info-txt-list .h-info-txt01 {top: 51.11094451897221%;}
    #mHistoryContent02 .history-info-txt-list .h-info-txt02 {top: 69.19774706807806%;}
    #mHistoryContent02 .history-info-comment {
        width: 52.86666666666666%;
        left: 24.209120000000013%;
        bottom: 4.38813607359851%;
    }
    #mHistoryContent02 .close-btn {bottom: -5.247310531153966%;}
    /*#mHistoryContent03*/
    #mHistoryContent03 .modal-body {
        background: url(/sorachi1984/media/images/hop_history/ep01/bg_history_modal.jpg) no-repeat 47.066950948450256% 19.24764576564541%;
        background-size: 524.4552266666667%;
    }
    #mHistoryContent03 .history-m-ttl {
        width: 56.925000000000004%;
        top: 3.6870625848172494%;
        left: 21.127679999999962%;
    }
    #mHistoryContent03 .person-img02 .person-img {
        width: 37.631240000000005%;
        top: 8.172030159881864%;
        left: 30.81325333333334%;
    }
    #mHistoryContent03 .person-img02 .source-txt {
        width: 48.69101333333333%;
        top: 20.30259177930582%;
        left: 21.575079999999918%;
    }
    #mHistoryContent03 .border-db {
        width: 80.64636%;
        top: 27.583360759025062%;
        left: 9.826773333333282%;
    }
    #mHistoryContent03 .name-career-txt,
    #mHistoryContent03 .achievement {
        width: 81.04140000000001%;
        left: 9.431720000000011%;
    }
    #mHistoryContent03 .name-career-txt {top: 23.098333546685684%;}
    #mHistoryContent03 .achievement {top: 29.34860620085124%;}
    #mHistoryContent03 .history-info-box .history-info-ttl,
    #mHistoryContent03 .history-info-txt-list .h-info-txt01 {
        width: 81.83294666666667%;
        right: auto;
        left: 9.549559999999959%;
    }
    #mHistoryContent03 .history-info-box .history-info-ttl {top: 35.39575131530755%;}
    #mHistoryContent03 .history-info-txt-list .h-info-txt01 {top: 47.57264215163177%;}
    #mHistoryContent03 .history-info-img .h-info-img01 {
        width: 81.02488%;
        right: 9.448266666666678%;
        bottom: 27.011290200853278%;
    }
    #mHistoryContent03 .history-info-img .h-info-img02 {
        width: 81.47496%;
        right: 8.998199999999997%;
        bottom: 13.226429343709981%;
    }
    #mHistoryContent03 .history-info-img .img-cap-txt01 {
        width: 65.78412%;
        right: 24.377493333333284%;
        bottom: 25.66736719591467%;
    }
    #mHistoryContent03 .history-info-img .img-cap-txt02 {
        width: 79.22189333333334%;
        right: 11.122933333333277%;
        bottom: 11.688279662320637%;
    }
    #mHistoryContent03 .history-info-comment {
        width: 62.545359999999995%;
        left: 19.309066666666574%;
        bottom: 3.8321809473637605%;
    }
    #mHistoryContent03 .close-btn {bottom: -4.577160838121983%;}
    /*#mHistoryContent04*/
    #mHistoryContent04 .modal-body {
        background: url(/sorachi1984/media/images/hop_history/ep01/bg_history_modal.jpg) no-repeat 38.092502437195655% 19.24764576564541%;
        background-size: 524.4552266666667%;
    }
    #mHistoryContent04 .history-m-ttl {
        width: 78.45417333333333%;
        top: 3.080491000075569%;
        left: 10.247973333333357%;
    }
    #mHistoryContent04 .person-img04 .person-img {
        width: 37.21910666666667%;
        top: 8.69041415746885%;
        left: 8.715186666666705%;
    }
    #mHistoryContent04 .person-img05 .person-img {
        width: 33.43432%;
        top: 9.362495432124794%;
        left: 56.74566666666675%;
    }
    #mHistoryContent04 .person-img04 .source-txt,
    #mHistoryContent04 .person-img05 .source-txt {
        width: 39.09101333333333%;
        top: 20.73071510227077%;
    }
    #mHistoryContent04 .person-img04 .source-txt {left: 7.354360000000088%;}
    #mHistoryContent04 .person-img05 .source-txt {left: 53.70670666666665%;}
    #mHistoryContent04 .person04.name-career-txt {
        width: 37.83737333333333%;
        top: 23.575287260814914%;
        left: 9.181306666666691%;
    }
    #mHistoryContent04 .person05.name-career-txt {
        width: 37.64584%;
        top: 23.575287260814914%;
        left: 52.375186666666686%;
    }
    #mHistoryContent04 .border-db {
        width: 80.64636%;
        top: 29.357451511407213%;
        left: 9.826746666666683%;
    }
    #mHistoryContent04 .achievement {
        width: 79.99708000000001%;
        top: 31.15992090732845%;
        left: 10.003626666666726%;
    }
    #mHistoryContent04 .history-info-box .history-info-ttl,
    #mHistoryContent04 .history-info-txt-list .h-info-txt01,
    #mHistoryContent04 .history-info-txt-list .h-info-txt02 {
        width: 81.90013333333333%;
        left: 9.519853333333351%;
        right: auto;
        bottom: auto;
    }
    #mHistoryContent04 .history-info-box .history-info-ttl {top: 38.22406797229698%;}
    #mHistoryContent04 .history-info-txt-list .h-info-txt01 {top: 44.189199944536966%;}
    #mHistoryContent04 .history-info-txt-list .h-info-txt02 {top: 71.33077603366121%;}
    #mHistoryContent04 .history-info-comment {
        width: 75.20013333333333%;
        left: 13.075706666666761%;
        bottom: 3.908435697074669%;
    }
    #mHistoryContent04 .close-btn {bottom: -4.673680008140424%;}
    /*#mHistoryContent05*/
    #mHistoryContent05 .modal-body {
        background: url(/sorachi1984/media/images/hop_history/ep01/bg_history_modal.jpg) no-repeat 47.06694780716879% 19.24764576564541%;
        background-size: 524.4552266666667%;
    }
    #mHistoryContent05 .history-m-ttl {
        width: 78.86510666666666%;
        top: 3.1456816895738657%;
        left: 10.217760000000029%;
    }
    #mHistoryContent05 .person-img06 .person-img {
        width: 39.107306666666666%;
        top: 8.255214011047478%;
        left: 30.58648000000006%;
    }
    #mHistoryContent05 .person-img06 .source-txt {
        width: 46.29101333333333%;
        top: 20.5092537396516%;
        left: 27.220760000000034%;
    }
    #mHistoryContent05 .name-career-txt,
    #mHistoryContent05 .achievement {
        width: 81.63516%;
        left: 8.83794666666666%;
    }
    #mHistoryContent05 .name-career-txt {top: 23.345391034788506%;}
    #mHistoryContent05 .achievement {top: 29.077521377247994%;}
    #mHistoryContent05 .border-db {
        width: 80.64636%;
        top: 27.86413434051407%;
        left: 9.826746666666683%;
    }
    #mHistoryContent05 .history-info-box .history-info-ttl,
    #mHistoryContent05 .history-info-txt-list .h-info-txt01,
    #mHistoryContent05 .history-info-txt-list .h-info-txt02,
    #mHistoryContent05 .history-info-txt-list .h-info-txt03,
    #mHistoryContent05 .history-info-txt-list .h-info-txt04 {
        width: 81.91510666666666%;
        right: 8.457200000000013%;
    }
    #mHistoryContent05 .history-info-box .history-info-ttl {top: 37.32993703925514%;}
    #mHistoryContent05 .history-info-txt-list .h-info-txt01 {top: 43.69182242887901%;}
    #mHistoryContent05 .history-info-txt-list .h-info-txt02 {top: 53.98521953605481%;}
    #mHistoryContent05 .history-info-txt-list .h-info-txt03 {top: 67.78681857715789%;}
    #mHistoryContent05 .history-info-txt-list .h-info-txt04 {top: 73.91704645193136%;}
    #mHistoryContent05 .history-info-img .h-info-img01 {
        width: 80.00928%;
        right: 9.371879999999996%;
        bottom: 11.512067571484257%;
    }
    #mHistoryContent05 .history-info-img .img-cap-txt {
        width: 51.58150666666666%;
        right: auto;
        left: 10.0374266666667%;
        bottom: 8.91849201458419%;
    }
    #mHistoryContent05 .history-info-comment {
        width: 73.32022666666667%;
        left: 13.26889333333335%;
        bottom: 3.9950965936471183%;
    }
    #mHistoryContent05 .close-btn {bottom: -4.623752181823647%;}
    /*#mHistoryContent06*/
    #mHistoryContent06 .modal-body {
        background: url(/sorachi1984/media/images/hop_history/ep01/bg_history_modal.jpg) no-repeat 47.06694780716879% 19.24764576564541%;
        background-size: 524.4552266666667%;
    }
    #mHistoryContent06 .history-m-ttl {
        width: 76.50494666666667%;
        top: 3.4218598800809366%;
        left: 11.478133333333487%;
    }
    #mHistoryContent06 .person-img07 .person-img {
        width: 34.87176%;
        top: 8.021007260258688%;
        left: 31.533679999999976%;
    }
    #mHistoryContent06 .person-img07 .source-txt {
        width: 45.091146666666674%;
        top: 18.934499269964025%;
        left: 27.940240000000145%;
    }
    #mHistoryContent06 .name-career-txt,
    #mHistoryContent06 .achievement {
        width: 81.05312%;
        left: 9.420053333333394%;
    }
    #mHistoryContent06 .name-career-txt {top: 21.47982934096925%;}
    #mHistoryContent06 .achievement {top: 27.37094695717119%;}
    #mHistoryContent06 .border-db {
        width: 80.64636%;
        top: 25.724652784836316%;
        left: 9.826826666666845%;
    }
    #mHistoryContent06 .history-info-box .history-info-ttl,
    #mHistoryContent06 .history-info-txt-list .h-info-txt01,
    #mHistoryContent06 .history-info-txt-list .h-info-txt02,
    #mHistoryContent06 .history-info-txt-list .h-info-txt03 {
        width: 81.92240000000001%;
        right: 8.45738666666657%;
    }
    #mHistoryContent06 .history-info-box .history-info-ttl {top: 35.5030384863818%;}
    #mHistoryContent06 .history-info-txt-list .h-info-txt01 {top: 44.686939112388714%;}
    #mHistoryContent06 .history-info-txt-list .h-info-txt02 {bottom: 20.998186082460645%;}
    #mHistoryContent06 .history-info-txt-list .h-info-txt03 {bottom: 11.396247640415224%;}
    #mHistoryContent06 .history-info-comment {
        width: 74.31380000000001%;
        left: 13.208986666666656%;
        bottom: 3.569788716302167%;
    }
    #mHistoryContent06 .close-btn {bottom: -4.268728322472919%;}
    .hop-history .product-info-area {padding: 0;}
    .graph-caption-txt {
        width: 100%;
        padding-top: 3%;
        padding-right: 3%;
        margin: 0 0 10%;
    }
    .graph-caption-txt span {
        width: 44%;
    }
    .graph-caption-txt02 {width: 84.93730666666667%; padding: 6.383% 0 0; margin: 0 auto 4.74224%;}
    .graph-caption-txt02 span {width: 100%;}
    .btn-graph-scroll {
        display: block;
        font-size: 0;
        width: 17.793960000000002%;
        top: 4%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }

    /*==================
    hophistory - #epC02
    ==================*/
    #epC02.ep-content-box {padding-top: 21.360240000000005%;}
    #epC02.ep-content-box #epLogo02 {
        width: 49.69529333333333%;
        margin: 0 0 0 30.91353333333336%;
    }
    #epC02.ep-content-box .modal-before-txt {
        width: 81.81784%;
        padding: 16.344% 0 23.074853333333326%;
        margin: 0 0 0 9.542173333333327%;
    }
    #epC02.ep-content-box .history-t-list {
        width: 100%;
        margin: 0;
    }
    #epC02.ep-content-box .history-t-list li {float: none;}

    /*history07 thumbnail*/
    #epC02.ep-content-box .history-t-list li#history07 {
        width: 84.68332000000001%;
        margin: 0 0 9.941760000000006% 7.283266666666653%;
    }
    #epC02.ep-content-box .history-t-list li#history07 .history-t-ttl {
        width: 50.868435484107145%;
        top: 11.918734380193301%;
        left: 26.522751666640698%;
    }
    #epC02.ep-content-box .history-t-list li#history07 .person-img {
        width: 30.818064289401974%;
        top: 21.144721366750844%;
        left: 34.46089107827455%;
    }
    #epC02.ep-content-box .history-t-list li#history07 .person-info-box {
        width: 67.89096128966129%;
        top: 56.66780448290395%;
        left: 16.867139046193955%;
    }
    #epC02.ep-content-box .history-t-list li#history07 .person-info-box .border-db {margin: 4.891737423943441% 0 6.799540066105099%;}
    #epC02.ep-content-box .history-t-list li#history07 .btn-m-open {
        width: 32.84357139831866%;
        top: 80.88793154326882%;
        left: 34.156431278320234%;
    }
    /*history07 modal*/
    #mHistoryContent07 .history-m-ttl {
        width: 62.63676671450844%;
        top: 2.5861404356252895%;
        left: 18.44595276207521%;
    }
    #mHistoryContent07 .history-m-info {
        width: 81.43542134476127%;
        top: 4.669258990010014%;
        left: 9.657068421920703%;
    }
    #mHistoryContent07 .history-m-info .person-img-box {
        width: 46.59842359956946%;
        margin: 0 0 17.69449921356943% 26.24058007917886%;
    }
    #mHistoryContent07 .history-m-info .border-db {
        width: 99.1083897778938%;
        margin: 5.671459641012761% 0 9.428990293288882% .2177820314994854%;
    }
    #mHistoryContent07 .history-info-box .history-info-ttl {
        width: 79.54805333333333%;
        top: 20.71610917675887%;
        right: 10.207231028797496%;
    }
    #mHistoryContent07 .history-info-box .history-info-txt-list li {
        width: 82.01620784644233% !important;
        right: auto !important;
        left: 9.519721254504187%;
    }
    #mHistoryContent07 .history-info-box .history-info-txt-list li.h-info-txt01 {top: 25.786245141267855%;}
    #mHistoryContent07 .history-info-box .history-info-txt-list li.h-info-txt02 {top: 38.996045375421%;}
    #mHistoryContent07 .history-info-box .history-info-txt-list li.h-info-txt03 {top: 50.78690832584493%;}
    #mHistoryContent07 .history-info-box .history-info-txt-list li.h-info-txt04 {top: 72.70162246552108%;}

    #mHistoryContent07 .history-info-comment {
        width: 58.02241962662066%;
        left: 21.25525143084977%;
        bottom: 2.3518390708894006%;
    }
    #mHistoryContent07 .close-btn {bottom: -2.61525581452721670%;}

    /*history08 thumbnail*/
    #epC02.ep-content-box .history-t-list li#history08 {
        width: 91.77901333333332%;
        margin: 0 0 13.92528000000002% 5.272453333333336%;
    }
    #epC02.ep-content-box .history-t-list li#history08 .history-t-ttl {
        width: 46.259217430390045%;
        top: 15.820256320462054%;
        left: 26.869686693806262%;
    }
    #epC02.ep-content-box .history-t-list li#history08 .person-img {
        width: 28.435433169471136%;
        top: 27.494975062881444%;
        left: 33.98755212883818%;
    }
    #epC02.ep-content-box .history-t-list li#history08 .person-info-box {
        width: 62.642120362737984%;
        top: 58.467147552802565%;
        left: 17.917313268131306%;
    }
    #epC02.ep-content-box .history-t-list li#history08 .person-info-box .border-db {margin: 5.419204976711124% 0 5.138263104822812%;}
    #epC02.ep-content-box .history-t-list li#history08 .btn-m-open {
        width: 30.146368973822053%;
        top: 87.90813874666726%;
        left: 33.948908581279156%;
    }

    /*history08 modal*/
    #mHistoryContent08 .history-m-ttl {
        width: 53.0362%;
        top: 2.980474475502332%;
        left: 23.184973333333257%;
    }
    #mHistoryContent08 .history-m-info {
        width: 80.86328%;
        top: 6.2439614223593916%;
        left: 9.609839999999895%;
    }
    #mHistoryContent08 .history-m-info .person-img-box {
        width: 46.891510378175774%;
        margin: 0 0 18.365253878728012% 26.454710551769196%;
    }
    #mHistoryContent08 .history-m-info .border-db {
        width: 99.73174474248387%;
        margin: 10.713160946888761% 0 9.48829514047247% .2682552575161771%;
    }
    #mHistoryContent08 .history-info-box .history-info-ttl {
        width: 72.20377333333332%;
        top: 25.675950661407427%;
        right: 18.035453333333376%;
    }
    #mHistoryContent08 .history-info-box .history-info-txt-list li {
        width: 82.02376040611955% !important;
        right: auto !important;
        left: 9.512306666666579%;
    }
    #mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt01 {top: 30.011563524060218%;}
    #mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt02 {top: 46.84291608418158%;}
    #mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt03 {display: none;}
    #mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt04 {top: 69.74533863717195%;}
    #mHistoryContent08 .history-info-box .history-info-txt-list li.h-info-txt05 {top: 79.69758398788187%;}

    #mHistoryContent08 .history-info-comment {
        width: 57.64024%;
        left: 21.3756%;
        bottom: 2.7097585299197187%;
    }
    #mHistoryContent08 .history-img {
        width: 81.61829737016136%;
        right: 8.925510945340328%;
        bottom: 32.34152940748295%;
    }
    #mHistoryContent08 .close-btn {bottom: -3.0132769891760343%;}

    /*history09 thumbnail*/
    #epC02.ep-content-box .history-t-list li#history09 {
        width: 89.47718666666667%;
        margin: 0 0 18.70621333333335% 4.8294933333333265%;
    }
    #epC02.ep-content-box .history-t-list li#history09 .history-t-ttl {
        width: 35.03672%;
        top: 9.237885440892276%;
        left: 31.72063672393812%;
    }
    #epC02.ep-content-box .history-t-list li#history09 .person-img {
        width: 29.166942963040565%;
        top: 17.69412577089115%;
        left: 38.358574528270864%;
    }
    #epC02.ep-content-box .history-t-list li#history09 .person-info-box {
        width: 64.25360713919035%;
        top: 51.2402565039324%;
        left: 21.874953898863485%;
    }
    #epC02.ep-content-box .history-t-list li#history09 .person-info-box .border-db {margin: 5.419204976711018% 0 5.165652270309064%;}
    #epC02.ep-content-box .history-t-list li#history09 .btn-m-open {
        width: 33.73299324416249%;
        top: 84.32085588486802%;
        left: 37.04977164384102%;
    }

    /*history09 modal*/
    #mHistoryContent09 .history-m-ttl {
        width: 76.7750116490894%;
        top: 2.919762928163869%;
        left: 12.093956511133728%;
    }
    #mHistoryContent09 .history-m-info {
        width: 81.21793164479806%;
        top: 6.11526705957158%;
        left: 9.325916701938622%;
    }
    #mHistoryContent09 .history-m-info .person-img-box {
        width: 46.723207338359465%;
        margin: 0 0 18.358187964627838% 26.71858077558004%;
    }
    #mHistoryContent09 .history-m-info .border-db {
        width: 99.37378749881707%;
        margin: 10.723652907899869% 0 9.482515010041755% .6262125011828944%;
    }
    #mHistoryContent09 .history-info-box .history-info-ttl {
        width: 68.26733339133413%;
        top: 25.882753676062325%;
        right: 21.37574544831517%;
    }
    #mHistoryContent09 .history-info-box .history-info-txt-list li {
        width: 82.00486566318146% !important;
        right: auto !important;
        left: 9.519814660719222%;
    }
    #mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt01 {top: 30.144005190675983%;}
    #mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt02 {top: 48.171812482292985%;}
    #mHistoryContent09 .history-info-box .history-info-txt-list li.h-info-txt03 {top: 72.89391798215163%;}

    #mHistoryContent09 .history-info-comment {
        width: 54.163328506455976%;
        left: 22.95245570276959%;
        bottom: 2.6539172777159306%;
    }
    #mHistoryContent09 .history-img {
        width: 81.61829737016136%;
        right: 8.925497601595287%;
        bottom: 29.215334380861%;
    }
    #mHistoryContent09 .close-btn {bottom: -2.951170301483099%;}

    #epC02 .separation-border {
        font-size: 0;
        width: 82.23568%;
        margin: 0 0 0 9.361573333333338%;
    }

    /*TOPICS*/
    #ep02Topics {padding-top: 17.564066666666623%;}
    #ep02Topics .topics-ttl {
        width: 40.36770666666666%;
        margin: 0 0 0 28.764706666666704%;
    }
    #ep02Topics .topics-ttl .topics-ttl-txt {width: 100%;}
    #ep02Topics .topics-sub-ttl-area {
        width: 71.65742666666667%;
        margin: 11.691799999999967% 0 14.277599999999923% 14.713786666666662%;
    }
    #ep02Topics .topics-sub-ttl-area .topics-sub-txt {
        width: 87.37645616448782%;
        margin: 11.592527185365514% 0 0 6.181764458189727%;
    }
    #ep02Topics .topics-main-visual {
        width: 87.35213333333333%;
        margin: 0 0 0 7.492213333333347%;
    }
    #ep02Topics .topics-main-visual .mainvisual-obj-2 {
        width: 33.12264077503927%;
        top: -29.44816955543073%;
        right: -25.46636525572351%;
    }
    #ep02Topics .topics-main-visual .mainvisual-obj-3 {
        width: 68.84014280895258%;
        top: 61.93611500688444%;
        left: -40.401974536779086%;
    }
    #ep02Topics .topics-main-txt-area {
        width: 82.26783999999999%;
        margin: 25.527693333333325% 0 20.077079999999963% 9.196866666666695%;
    }
    #ep02Topics .topics-main-txt-area .topics-main-area-ttl {
        width: 92.10847560034802%;
        margin: 0 0 6.386181201953675% 0;
    }
    #ep02Topics .topics-main-txt-area .topics-main-area-sub-ttl {
        width: 99.21258821592173%;
        margin: 0 0 12.223148194969081% .6838962426467989%;
    }
    #ep02Topics .topics-main-txt-area .topics-main-txt-list li.main-txt-01 {
        width: 99.39887405171531%;
        margin: 0 0 24.87539885978937% .6011259482846651%;
    }
    #ep02Topics .topics-main-txt-area .topics-main-txt-list li.main-txt-02 {
        width: 99.48940760650416%;
        margin: 0 0 24.40453037298653% .40612062583222613%;
    }
    #epC02 .tobe-continued-txt {
        width: 81.9638%;
        margin: 20.55117333333328% 0 19.28856000000002% 9.501026666666682%;
    }
    #epC02 .tobe-continued-txt .tobe-continued-txt-1 {margin-bottom: 15.234579167876475%;}
    #epC02 .tobe-continued-txt .tobe-continued-txt-2 {margin-bottom: 15.13466514078987%;}
    #epC02 .tobe-continued-txt .tobe-continued-txt-3 {margin-bottom: 21.419358302079708%;}
    #epC02 .tobe-continued-txt .tobe-continued-txt-4 {
        width: 97.05694465117527%;
        margin-bottom: 23.53302311508254%;
    }

    /*chronology*/
    #epC02 .hop-chronology-area .h-chronology-ttl {
        width: 86.45014750175737%;
        padding: 5.650822481755104% 0 5.51837246875829%;
        margin: 0 0 0 7.629259523564285%;
    }

    #epC02 .hop-chronology-area #yBlock01 {
        width: 83.4361958157218%;
        padding: 21.087337479857617% 0 11.678245479005769%;
        margin: -11% 0 0 7.2392485443308505%;
    }
    #epC02 .hop-chronology-area #yBlock01 .year-block-ttl {
        width: 32.896038147194744%;
        margin-left: .8224273417229797%;
    }
    #epC02 .hop-chronology-area .chronology-list-block {width: 100% !important;}
    #epC02 .hop-chronology-area #yBlock01 .chronology-list-block li.chronology-1952 {margin-top: 12.652091084487834%;}
    #epC02 .hop-chronology-area #yBlock01 .chronology-list-block li.chronology-1955 {margin-top: 8.056205572131155%;}
    #epC02 .hop-chronology-area #yBlock01 .chronology-list-block li.chronology-1958 {margin-top: 8.100873332275702%;}

    #epC02 .hop-chronology-area #yBlock02 {
        width: 84.29285090179697%;
        padding: 22.318337988521185% 0 11.372179999647718%;
        margin: -11% 0 0 6.965074615553399%;
    }
    #epC02 .hop-chronology-area #yBlock02 .year-block-ttl {
        width: 54.5422841838199%;
        margin-left: 1.0887234841811058%;
    }
    #epC02 .hop-chronology-area #yBlock02 .chronology-list-block li.chronology-1960 {margin-top: 12.53384699236081%;}
    #epC02 .hop-chronology-area #yBlock02 .chronology-list-block li.chronology-1964 {margin-top: 8.085934674058102%;}
    #epC02 .hop-chronology-area #yBlock02 .chronology-list-block li.chronology-1965 {margin-top: 6.943040171878185%;}
    #epC02 .hop-chronology-area #yBlock02 .chronology-list-block li.chronology-1967 {margin-top: 7.833648433892446%;}
    #epC02 .hop-chronology-area #yBlock02 .chronology-list-block li.chronology-1968 {margin-top: 8.289843757296692%;}

    #epC02 .hop-chronology-area #yBlock03 {
        width: 87.1867756014426%;
        padding: 22.31795101991576% 0 12.32168086352181%;
        margin: -11% 0 0 6.9606444922091155%;
    }
    #epC02 .hop-chronology-area #yBlock03 .year-block-ttl {
        width: 31.241511585872217%;
        margin-left: .998958356609392%;
    }
    #epC02 .hop-chronology-area #yBlock03 .chronology-list-block li.chronology-1969 {margin-top: 11.921689721278502%;}
    #epC02 .hop-chronology-area #yBlock03 .chronology-list-block li.chronology-1971 {margin-top: 8.113814309541663%;}
    #epC02 .hop-chronology-area #yBlock03 .chronology-list-block li.chronology-1973 {margin-top: 8.03276018969362%;}
    #epC02 .hop-chronology-area #yBlock03 .chronology-list-block li.chronology-1977 {margin-top: 7.183375457192076%;}
    #epC02 .hop-chronology-area #yBlock03 .chronology-list-block li.chronology-1978 {margin-top: 8.410160782845663%;}
    #epC02 .hop-chronology-area #yBlock03 .chronology-list-block li.chronology-1981 {margin-top: 7.52684535100439%;}

    #epC02 .hop-chronology-area #yBlock04 {
        width: 76.25455221861111%;
        padding: 22.318084457365977% 0 11.756039512430322%;
        margin: -11% 0 0 7.272474469412694%;
    }
    #epC02 .hop-chronology-area #yBlock04 .year-block-ttl {
        width: 75.9709685440647%;
        margin-left: .8003669179574245%;
    }
    #epC02 .hop-chronology-area #yBlock04 .chronology-list-block li.chronology-1982 {margin-top: 13.925348434692772%;}
    #epC02 .hop-chronology-area #yBlock04 .chronology-list-block li.chronology-1984 {margin-top: 10.126659140952125%;}
    #epC02 .hop-chronology-area #yBlock04 .chronology-list-block li.chronology-1985 {margin-top: 9.809350703256396%;}

    #epC02 .hop-chronology-area #yBlock05 {
        width: 77.58683175192162%;
        padding: 22.31847142597128% 0 15.661193240379012%;
        margin: -11% 0 0 6.180475752547236%;
    }
    #epC02 .hop-chronology-area #yBlock05 .year-block-ttl {
        width: 35.33763684819533%;
        margin-left: 1.8975411696882973%;
    }
    #epC02 .hop-chronology-area #yBlock05 .chronology-list-block li.chronology-1990 {margin-top: 13.652383225854422%;}
    #epC02 .hop-chronology-area #yBlock05 .chronology-list-block li.chronology-1993 {margin-top: 9.711423496406923%;}
    #epC02 .hop-chronology-area #yBlock05 .chronology-list-block li.chronology-1995 {margin-top: 8.824498595917222%;}
    #epC02 .hop-chronology-area #yBlock05 .chronology-list-block li.chronology-1998 {margin-top: 8.701529562787604%;}
    #epC02 .hop-chronology-area #yBlock05 .chronology-list-block li.chronology-2000 {margin-top: 10.302294000211877%;}

    /*graph*/
    #epC02 .chronology-graph-area .no-slider {width: 250.58557690614066%;}
    #epC02 .bar-graph-area {
        width: 100%;
        bottom: 27.000451502257818%;
        height: 60.12325013518647%;
        overflow: visible;
    }
    #epC02 .bar-graph-area li {bottom: 0;}

    /*==================
    hophistory - #epCSpecial
    ==================*/
    .ep-content-box #epLogoSpecial {
        width: 66.181332420977%;
        margin: 0 0 0 21.59461333%;
    }
    #epCSpecial .ep-content-image {
        padding-top: 79.67%;
        margin: 20.68022666% auto 16.1508%;
    }
    #epCSpecial .ep-content-image img {
        width: 132.14064%;
        left: -8.198%;
    }
    .special-person-intro-box {width: 100%; margin: 0 auto 21.72365333%;}
    .special-person-intro-box .special-person-logo {
        position: static;
        width: 34.61050666%;
        margin: 0 0 0 34.212879986666664%;
    }
    .special-person-intro-box .special-person-profile {
        width: 61.47434666666667%;
        margin: 19.389173333333325% 0 0 20.7654665333%;
    }
    .special-person-intro-box .special-person-profile .person-image {
        width: 42.27617113349829%;
        margin: 0 8.1268666% 0 0;
    }
    .special-person-intro-box .special-person-profile .person-name-txt {
        width: 8.03737333%;
        margin: 0 6.55962666% 0 0;
    }
    .book-modal-thumbnail-area .book-modal-thumbnail-box {
        width: 69.19134666%;
        margin: 0 0 0 15.15010666%;
    }
    .book-modal-thumbnail-area .bookModalPart02 {margin-top: 24.69022665333%;}
    .book-modal-thumbnail-box .bg-area i.book-img {box-shadow: 14px 12px 20px 0px #000c1b;}
    .book-modal-thumbnail-box .bg-area i.book-shadow {
        width: 168.8810990044805%;
        top: -13.34949840327358%;
        left: -35.26080621642282%;
        /*opacity: 1;*/
    }
    .book-modal-thumbnail-box .part-num-txt {left: 14.62396741326613%;}
    .bookModalPart01.book-modal-thumbnail-box .part-num-txt {width: 33.70513962150566%; top: 7.707722062498119%;}
    .bookModalPart02.book-modal-thumbnail-box .part-num-txt {width: 34.0150434996592%; top: 7.707577329495323%;}
    .bookModalPart01.book-modal-thumbnail-box .book-title {
        width: 33.54278791317065%;
        top: 15.256813587111326%;
        right: 15.72967409604785%;
    }
    .bookModalPart02.book-modal-thumbnail-box .book-title {
        width: 26.22164120330268%;
        top: 15.42211644118744%;
        right: 15.12520502082052%;
    }
    .book-modal-thumbnail-box .book-person-name {
        width: 7.018025953534458%;
        top: 36.00670184810373%;
        left: 16.279415287191018%;
    }
    .book-modal-thumbnail-box .book-status-area {
        width: 8.179693375915408%;
        top: 66.40024165105449%;
        left: 15.151374420423668%;
    }
    /*modal*/
    .modal-book-frontcover-area .book-modal-thumbnail-box {
        width: 69.191346667%;
        margin: 15.657306653333332% 0 14.65728% 15.54812%;
    }
    .modal-book-box {
        background: #e9e9e7;
        padding-bottom: 13.5452666%;
    }
    .modal-book-box .bg-area {display: none;}
    .book-content-ttl {
        font-size: 6vw;
        width: 82.02698666%;
        margin: 13.918973330666667% 0 9.5629333% 9.44881333%;
    }
    .book-content-txt,
    .book-content-float-column {
        width: 82.02698666%;
        height: auto !important;
        padding: 0;
        overflow-y: visible;
        font-size: 3.7333vw;
        line-height: 2.071428571428571;
        letter-spacing: .03em;
        margin-left: 9.44881333%;
    }
    #mSpecialBookPart2 .book-content-txt {margin-left: 9.44881333%;}
    .book-content-float-column {
        margin: 8.47654666% 0 0 9.44881333%;
        position: relative;
    }
    .book-content-image {
        float: none !important;
        position: absolute;
        top: 0;
        width: 100%;
        margin: 0 0 0 0;
        padding-top: 63.25339433006113%;
    }
    .book-content-image img {
        width: 100%;
        bottom: -1.2339632067316133%;
        left: -0.11825376493979275%;
    }
    .book-content-float-column p:nth-child(1) {padding-top: 73.58726168818586%;}
    .modal-end-comment {
        font-size: 6.4vw;
        line-height: 1.6458333;
        letter-spacing: -.01em;
        text-align: center;
        width: 80.59505333%;
        margin: 12.08429333% 0 0 11.31071998666%;
        white-space: nowrap;
    }
    .m-special-book-box .close-btn {
        width: 100%;
        padding: 0;
        margin: 0;
        background: #000;
    }
    .m-special-book-box {overflow-x: hidden;}
    .scroll-area {
        padding-right: 0;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .scroll-area::-webkit-scrollbar {display: none;}
    .hop-history .ep-item-list .select-item .icn-hand::before,
    .hop-history .ep-item-list .select-item .icn-hand::after {
        bottom: -40%;
        left: 0;
    }
    .hop-history .ep-item-list .select-item .icn-hand::after {width: 0;}
    .hop-history .ep-item-list .select-item .icn-hand::before {border-color: #7f7f7f;}

    .hop-history .ep-item-list .select-item {
        box-shadow: 0 1px 10px rgb(0 0 0 / 40%), 0 0 10px rgb(0 18 42);
    }

    #mSpecialBookPart2 .modal-book-box .ab-item {position: static;}
    .scroll_box03 {margin-top: 12.7%;}
    .scroll_box03 .book-content-float-column {
        margin: 17.222% 0 15.3244%;
    }
    .scroll_box03 .book-content-float-column .book-catch-txt,
    .scroll_box03 .book-content-float-column .book-content-image {width: 100%; padding: 63.25339% 0 0; margin: 0;}
    .scroll_box03 .book-content-float-column .book-content-image img {width: 104.04%; top: -21.3064%; left: -2.2864%;}
    .scroll_box03 .book-content-float-column .book-catch-txt {font-size: 6vw; white-space: normal; padding-top: 80.421%;}
    .open-book-area02 {margin-top: 9.3987%;}
    #mSpecialBookPart2 .modal-end-comment {margin: 9.62825332% auto 15.15794666%;}
    .scroll_box04 .book-content-float-column {margin: 0;}
    .scroll_box04 .book-content-float-column .book-content-float-left {width: 100%; padding: 0; margin: 14.5683% auto 9.45835%;}
    .scroll_box04 .book-content-float-column .book-content-float-right {position: relative; width: 100%; padding-top: 63.253394%; margin: 0 auto;}
    .scroll_box04 .book-content-float-column .book-content-float-right.book-content-image img {width: 145.99%; top: -46.876%; left: -20.3714%;}

    /*==================
    hophistory - #epC03
    ==================*/
    #epC03 {padding-top: 26.436%;}
    #epLogo03 {width: 54.626%; margin-left: 29.8%;}

    #epC03 .modal-before-txt {width: 81.814%; padding: 17.578666% 0 15.882%; margin-left: 9.464%;}
    #epC03 .modal-before-txt p,
    #epC03 .modal-after-txt p {font-size: 3.73334vw; line-height: 2.14;}
    #epC03 .modal-after-txt {width: 81.769%; padding: 32.4% 0 0; margin: 0 0 0 9.464%;}

    /*thumbnail-list*/
    #epC03 .history-t-list {width: 100%; display: block; margin: 0;}
    #epC03 .history-t-list li .btn-m-open a {font-size: 3.109333vw; padding: 2.9333vw 0;}
    /*history10*/
    #epC03 .history-t-list li#history10 {width: 77.0666%; margin: 0 0 8.668% 11.383%;}
    #epC03 .history-t-list li#history10 .history-t-ttl {width: 55.843%; top: 14.068%; left: 17.25%;}
    #epC03 .history-t-list li#history10 .person-img {width: 67.173%; top: 23.28%; left: 13.757%;}
    #epC03 .history-t-list li#history10 .person-img .mask-img img {width: 135.88%; }
    #epC03 .history-t-list li#history10 .person-info-box {width: 71.638%; bottom: 20.846%; left: 15.584%;}
    #epC03 .history-t-list li#history10 .btn-m-open {width: 68.499%; bottom: 8.768%; left: 14.999%;}
    /*history11*/
    #epC03 .history-t-list li#history11 {width: 75.4666%; margin: 0 0 0 13.266%;}
    #epC03 .history-t-list li#history11 .history-t-ttl {width: 61.942%; top: 15.694%; left: 19.316%;}
    #epC03 .history-t-list li#history11 .person-img {width: 68.597%; top: 24.719%; left: 16%;}
    #epC03 .history-t-list li#history11 .person-img .mask-img img {width: 113.49%; top: 0; left: -10.8%;}
    #epC03 .history-t-list li#history11 .btn-m-open {width: 69.95%; bottom: 8.719%; left: 18.098%;}

    #epC03 .ep-item-end {margin-left: 0;}
    #epC03 .separation-border {width: 84.8%; margin: 0 0 0 7.48%; padding: 15.4913% 0 0;}

    /*graph-area*/
    #epC03 .chronology-graph-area {padding: 0;}
    #epC03 .chronology-graph-area .no-slider {width: 238.976%;}
    #epC03 .hop-chronology-ttl-column2 {width: 100%; margin: 0; padding: 14.62% 0 10.434%;}
    #epC03 .hop-chronology-ttl-column2 .h-chronology-ttl {width: 74.9%; margin-left: 13.052%;}
    #epC03 .bar-graph-area {bottom: 20.686%; height: 0; padding-top: 54.2133%;}
    #epC03 .bar-graph-area li {width: 2.98%; bottom: 0;}

    #epC03 .bar-graph-area li.bar-2000 {left: 13.687%;}
    #epC03 .bar-graph-area li.bar-2001 {left: 17.517%;}
    #epC03 .bar-graph-area li.bar-2002 {left: 21.348%;}
    #epC03 .bar-graph-area li.bar-2003 {left: 25.179%;}
    #epC03 .bar-graph-area li.bar-2004 {left: 29%;}
    #epC03 .bar-graph-area li.bar-2005 {left: 32.84%;}
    #epC03 .bar-graph-area li.bar-2006 {left: 36.67%;}
    #epC03 .bar-graph-area li.bar-2007 {left: 40.5%;}
    #epC03 .bar-graph-area li.bar-2008 {left: 44.33%;}
    #epC03 .bar-graph-area li.bar-2009 {left: 48.16%;}
    #epC03 .bar-graph-area li.bar-2010 {left: 51.993%;}
    #epC03 .bar-graph-area li.bar-2011 {left: 55.8235%;}
    #epC03 .bar-graph-area li.bar-2012 {left: 59.65%;}
    #epC03 .bar-graph-area li.bar-2013 {left: 63.484%;}
    #epC03 .bar-graph-area li.bar-2014 {left: 67.314%;}
    #epC03 .bar-graph-area li.bar-2015 {left: 71.145%;}
    #epC03 .bar-graph-area li.bar-2016 {left: 74.976%;}
    #epC03 .bar-graph-area li.bar-2017 {left: 78.8%;}
    #epC03 .bar-graph-area li.bar-2018 {left: 82.637%;}
    #epC03 .bar-graph-area li.bar-2019 {left: 86.468%;}
    #epC03 .bar-graph-area li.bar-2020 {left: 90.298%;}

    #epC03 .graph-caption-txt {
        width: 72.31732%;
        margin: 0 auto;
        padding: 10.344% 0 14%;
    }
    #epC03 .graph-caption-txt span {width: 100%;}

    /*modal*/
    #mHistoryContent10 .history-container,
    #mHistoryContent11 .history-container {background: #fff;}
    #mHistoryContent10 .history-container .ab-item:not(.mask-img img),
    #mHistoryContent11 .history-container .ab-item:not(.mask-img img) {position: static;}
    #mHistoryContent10 .history-info-box .history-info-ttl,
    #mHistoryContent11 .history-info-box .history-info-ttl {font-size: 4.9333vw; line-height: 1.78;}
    #mHistoryContent10 .history-info-txt-list,
    #mHistoryContent11 .history-info-txt-list {width: 82.026%; margin-left: 9.4488%; text-align: left;}
    #mHistoryContent10 .history-info-txt-list li,
    #mHistoryContent11 .history-info-txt-list li {width: 100%; font-size: 4.2666vw; line-height: 1.8125;}
    #mHistoryContent10 .history-info-txt-list li:not(:last-child),
    #mHistoryContent11 .history-info-txt-list li:not(:last-child) {margin-bottom: 9.4277%;}
    #mHistoryContent10 .history-info-comment,
    #mHistoryContent11 .history-info-comment {width: 100%; font-size: 6.4vw; line-height: 1.64; padding: 16.5% 0 19.834%;}
    #mHistoryContent10 .close-btn,
    #mHistoryContent11 .close-btn {width: 100%; left: 0; bottom: -20vw;}

    /*mHistoryContent10*/
    #mHistoryContent10 .history-m-ttl {width: 74.766%; padding: 13.7578% 0 11.845% 9.66%; margin: 0;}
    #mHistoryContent10 .history-m-info {width: 100%;}
    #mHistoryContent10 .history-m-info .person-img-box {width: 100%; padding-top: 53.84%; margin-bottom: 10.439%;}
    #mHistoryContent10 .history-m-info .person-img-box img {width: 123.25%; top: -6.85%; left: -12%;}
    #mHistoryContent10 .history-m-info .person-info-txt {width: 80.63528%; margin: 0 0 0 9.7028%;}
    #mHistoryContent10 .history-info-box .history-info-ttl {width: 82.026%; margin: 16.356% 0 12.314% 9.4488%;}
    /*mHistoryContent11*/
    #mHistoryContent11 .history-m-ttl {width: 79.7988%; padding: 13.84% 0 11.993%; margin-left: 9.316%;}
    #mHistoryContent11 .history-m-info {width: 100%;}
    #mHistoryContent11 .history-m-info .person-img-box {width: 100%; margin: 0 0 10.439%; padding-top: 53.84%;}
    #mHistoryContent11 .history-m-info .person-img-box img {width: 106.5164%; top: -2.2849%; left: -5.9984%;}
    #mHistoryContent11 .history-m-info .person-info-txt {width: 80.63528%; margin: 0 0 0 9.7%;}
    #mHistoryContent11 .history-info-box .history-info-ttl {width: 82.026%; margin: 16.356% 0 12.5788% 9.4488%;}
    #mHistoryContent11 .history-info-comment {padding-bottom: 31.43%;}



    /*======================================
    CALENDER
    ======================================*/
    .hop-calender .page-ttl {
        width: 59.55121249273433%;
        padding: 8.189683470355844% 0 0 0;
        margin: 0 0 0 7.476260143247858%;
    }
    .hop-calender .txt-list {
        margin: 14.292338501988509% 0 0 0;
    }
    .hop-calender .txt-list .txt-01 {
        width: 80.49470066510563%;
        margin: 0 0 0 9.540230590588923%;
    }
    .hop-calender .txt-list .txt-02 {
        width: 71.65799234282535%;
        margin: 14.327525957587131% 0 0 9.304313178763051%;
    }
    .hop-calender .txt-list .txt-03 {
        width: 51.70050017693806%;
        margin: 15.736491993486224% 0 0 8.705205715179428%;
    }
    .hop-calender .product-info-area {padding-top: 25.552511105999017%;}
    .calender-content {
        width: 90.45089581897768%;
        margin: 0 auto 0;
    }
    .calender-movie-list,
    .calender-movie-box {
        display: block;
        width: 100%;
    }
    .calender-movie-box,
    #movie05.calender-movie-box {
        margin-top: 14.018364729386168%;
    }
    .calender-movie-box .movie-ttl {
        font-size: 6.650309014447006vw;
    }
    .calender-movie-box .movie-ttl span.icn-arrow {
        width: 2.585518617327312%;
        margin-left: 3.639361607335162%;
        margin-right: 3.03899491983803%;
    }
    .calender-movie-list li#movie01 .movie-ttl {
        font-size: 0;
        width: 47.28268277872882%;
    }
    .calender-movie-list li#movie02 .movie-ttl {
        font-size: 0;
        width: 47.28268277872882%;
    }
    .calender-movie-list li#movie03 .movie-ttl {
        font-size: 0;
        width: 47.28268277872882%;
    }
    .hop-calender .caption-txt {
        width: 51.70056689566312%;
        margin: 6.607795842836308% 0 0 8.70519237143439%;
        padding: 0;
    }
    .calender-main .product-info-area {
        padding-top: 29.207%;
    }

    /*======================================
    JOURNEY
    ======================================*/
    .sorachi1984-journey .page-ttl { padding: 8.141% 11.071% 0 7.399%; }
    .sorachi1984-journey .journey_chronology { width: 80.132%; margin: 16.449% auto 0; }
    .sorachi1984-journey .journey_chronology .journey_chronology_title {
        width: 100%;
        margin-bottom: 11.417%;
        padding-bottom: 8.853%;
        border-bottom: 1px solid #000;
    }
    .sorachi1984-journey .journey_chronology .journey_chronology_text .journey_chronology_text_items li:nth-child(n+2) {margin-top: 6.956%;}
    .sorachi1984-journey .product-info-area {padding-top: 30.577%;}

    /* fixed line btn
    =========================== */
    .fixed-btn {
        width: 19.53%;
        right: 1.62%;
        bottom: 18vw;
    }
    .fixed-btn.ab-item,
    .hop-history .fixed-btn.ab-item,
    .hop-calender .fixed-btn.ab-item {bottom: 9vw;}
}

/*-----------------------------
    400px以下(for SP)
-----------------------------*/
@media screen and (max-width: 400px) {
    .conductor-bnr-list.current li a[target="_blank"]:not(.m-no-icon):after {
    width: 8px;
    height: 8px;
    right: -3.2vw;
  }
  #brandactionTop .logo_repohappy p { width: 93%; }
}