/*===========================================================================
   innovativebrewer CSS
===========================================================================*/

.pc-mode .sp-menu {
    display: none!important;
}

.scroll-lock {
    overflow: hidden;
}
.scroll-lock main {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/*コンテンツカラム*/
.inner {
    position: relative;
    width: 100%;
    max-width: 950px;
    height: 100%;
    margin: 0 auto;
}
main {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
}
#contentsWrapper {
    position: relative;
    /*max-width: 950px;*/
    width: 100%;
    height: 100%;
    margin: 0 auto;
    top: 0;
    right: 0;
    z-index: 1;
    overflow: hidden;
}
#contentsWrapper img {
    width: 100%;
}

#contentsWrapper {
    padding-top: 35px;
}
#sapporo-topicpath-area {
    position: relative;
    z-index: 10;
}


/*header
--------------------*/
#headerWrap {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 35px;
    top: 0;
    left: 0;
    background: #fff;
    transition: background .3s linear;
    z-index: 9;
}
.menu-fixed #headerWrap {
    position: fixed;
}
#headerWrap.opened {
    background: #fff;
}
#headerWrap .header-inner {
    position: relative;
    width: 100%;
    max-width: 950px;
    height: 100%;
    margin: 0 auto;
}


#headerWrap .def-menu {display: block;}
#headerWrap .link-menu {display: block;}
/*
#headerWrap.opened  .def-menu {display: none;}
#headerWrap.opened  .link-menu {display: block;}
*/

#headerWrap .def-menu {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 35px;
    z-index: 2;
}
#headerWrap .def-menu .iv-logo {
    position: absolute;
    width: 10%;
    margin-left: -5%;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
}
#headerWrap .def-menu .sns-btn {
    position: absolute;
    display: block;
    width: 2.31%;
    top: 50%;
    transform: translateY(-50%);
    right: 4.2%;
    z-index: 3;
}

#headerWrap .link-menu {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 81px;
    top: 0;
    left: 0;
    z-index: 2;
}
#headerWrap .link-list {
    position: relative;
    /*height: 11%;*/
    width: 100%;
    /*padding: 0 4.2%;*/
    top: 50%;
    left: 0;
    /*transform: translateY(-50%);*/
    font-size: 0;
}
#headerWrap .link-list li {
    display: inline-block;
    /*height: 100%;*/
}
/*
#headerWrap .link-menu .link-list li img {
    height: 100%;
    width: auto;
}
*/
#headerWrap .link-list li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
#headerWrap .link-list li a:hover {
    opacity: 1;
}
#headerWrap .link-list li a:hover img {
    opacity: 1;
}
/*#headerWrap .link-list li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 110%;
    height: 1px;
    left: 50%;
    margin-left: -55%;
    top: 50%;
    transform: translateY(-50%);
    background: #312624;
    opacity: 0;
    transform: scaleX(0);
    transition: opacity .2s linear, transform .2s ease;
}
#headerWrap .link-list li a:hover::after,
#headerWrap .link-list li.current a::after {
    opacity: 1;
    transform: scaleX(1);
}*/
#headerWrap .link-list li.current a {
    cursor: default;
}

#headerWrap .link-list li:nth-child(1){ width: 20.83114150447133%;}
#headerWrap .link-list li:nth-child(2){ width: 20.98895318253551%;}
#headerWrap .link-list li:nth-child(3){ width: 30.14203051025776%;}
#headerWrap .link-list li:nth-child(4){ width: 28.0378748027354%;}

.pc-mode #headerWrap .def-menu .iv-logo,
.pc-mode #headerWrap .link-list,
.pc-mode #headerWrap .def-menu .sns-btn
{
    display: block!important;
    opacity: 1!important;
}


/*  anime-screen
--------------------*/
.pc-contents,.sp-contents {position: relative;}

.anime-screen {
    position: relative;
    overflow: hidden;
    font-size: 0;
}
.anime-screen .anime-scene {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
/* #mainArea
--------------------*/
.scene-box,.anime-item {
    position: absolute;
}
.anime-item {display: none;}


/*スクロールアクションオブジェ*/

/*基本*/
.scroll-action-obj,
.scroll-action-obj2 {
    transition: transform 2s ease, opacity 2s ease;
    transform: translateY(10vw);
    opacity: 0;
}
.scroll-action-obj.is-show,
.scroll-action-obj2.is-show {
    opacity: 1;
    transform: translateY(0) scale(1);
}


/*======================================
    TOP
======================================*/
#topPage .bx-wrapper .bx-pager {
    display: none;
}

/*ニュース*/
#newsArea {
    display: none;
    position: relative;
    padding: 10px 1.68%;
    background: #000;
    color: #fff;
    font-size: .5635rem;
    max-height: 30px;
    font-weight: 200;
}
#newsArea .ttl {
    position: relative;
    float: left;
    font-weight: 200;
}
#newsArea .arrow-obj {
    position: relative;
    display: block;
    width: 1.473%;
    margin: 0 0.7%;
    height: .8em;
    float: left;
    background: no-repeat url('/sorachi1984/asset/img/top/news_arrow.gif') center center;
    background-size: contain;
}
#newsArea .news-dl {
    letter-spacing: .05rem;
}
#newsArea dt,#newsArea dd {
    display: inline-block;
}
#newsArea dt {
    margin-right: .5em;
}
.news-dl dd .link-item {
    cursor: pointer;
    transition: opacity .2s linear;
}
.news-dl dd a,
.news-dl dd .link-item {
    color: #fff;
    text-decoration: underline;
}
.news-dl dd a:hover,
.news-dl dd .link-item:hover {
    color: #fff;
}
.news-dl dd .link-item:hover {
    opacity: .6;
}
#newsArea .news-dl:nth-of-type(n+2) {
    display: none;
}

#newsArea .ex-link,
.news-container .ex-link {
    display: inline-block;
    width: 1.4em;
    margin-left: .5em;
    background: no-repeat url('/sorachi1984/asset/img/icn_ex_link_w.gif') center center;
    background-size: 100%;
    height: 1em;
    vertical-align: bottom;
}

/*スライダ*/
#mainSliderWrap {
    font-size: 0;
}
#mainSliderWrap .main-slider li a {
    position: relative;
    display: block;
}
#mainSliderWrap .main-slider li a:hover {opacity: 1;}
#mainSliderWrap .main-slider li {
    transition: opacity 200ms linear;
    cursor: pointer;
}
#mainSliderWrap .main-slider li:hover,
#mainSliderWrap .main-slider li a:hover {
    opacity: 1;
}
#mainSliderWrap .main-slider li.to-customer {
    background-image: url(/sorachi1984/asset/img/top/main_ph1.jpg);
    background-size: 100%;
    background-position: top center;
}
#mainSliderWrap .main-slider li.product-pride {
    background-image: url(/sorachi1984/asset/img/top/main_ph2.jpg);
    background-size: 100%;
    background-position: top center;
}
#mainSliderWrap .main-slider li.story-movie {
    background-image: url(/sorachi1984/asset/img/top/main_ph3.jpg);
    background-size: 100%;
    background-position: top center;
}
#mainSliderWrap .main-slider li.shop-area {
    background-image: url(/sorachi1984/asset/img/top/main_ph4.jpg);
    background-size: 100%;
    background-position: top center;
}
.bx-wrapper .bx-viewport {
    width: 100%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: 0;
}
#mainSliderWrap .bx-wrapper {
    margin: 0 auto;
}
.bx-wrapper .bx-pager {
    bottom: 4%;
}
.bx-wrapper img.sp-obj {
    display: none;
}
.circle-btn {
    display: block;
    width: 9.47%;
    background: no-repeat url(/sorachi1984/asset/img/close_btn.png);
    background-size: contain;
}


#mainSliderWrap .main-slider li .circle-btn {
    position: absolute;
    right: 2.63%;
    top: 78.4%;
}

#mainSliderWrap .bx-wrapper .bx-prev {
    background: url(/sorachi1984/asset/img/tri_black_grow_left.png) no-repeat center center;
    background-size: contain;
}
#mainSliderWrap .bx-wrapper .bx-next {
    background: url(/sorachi1984/asset/img/tri_black_grow_right.png) no-repeat center center;
    background-size: contain;
}

/*to Customer*/
#conceptArea {
    position: absolute;
    display: none;
    top: 110px;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}
#conceptArea .screen-box {
    position: relative;
    width: 100%;
}
#conceptArea .ib-logo,#conceptArea .ib-logo img,
#conceptArea .main-ttl,#conceptArea .main-ttl img,
#conceptArea .txt-box img,
#conceptArea .txt-1,#conceptArea .txt-2,#conceptArea .txt-3,#conceptArea .txt-4,#conceptArea .txt-5, #conceptArea .txt-6,#conceptArea .txt-7
{
    position: absolute;
    z-index: 1;
}
#conceptArea .ib-logo {
    width: 21.47%;
    left:39.78%;
    top:32.28%;
}
#conceptArea .main-ttl {
    width: 58%;
    left: 23.15%;
    top: 43.63%;
}
#conceptArea .txt-1,#conceptArea .txt-2,#conceptArea .txt-3,#conceptArea .txt-4,#conceptArea .txt-5, #conceptArea .txt-6,#conceptArea .txt-7 {
    width: 58%;
    left: 23.15%;
}
#conceptArea .txt-1 { top: 52.87%; }
#conceptArea .txt-2 { top: 56.95%; }
#conceptArea .txt-3 { top: 59.9%; }
#conceptArea .txt-4 { top: 62.8%; }
#conceptArea .txt-5 { top: 69.9%; }
#conceptArea .txt-6 { top: 72.7%; }
#conceptArea .txt-7 { top: 75.6%; }

#conceptArea .circle-btn {
    position: absolute;
    right: 2.63%;
    /*top: 90%;*/
    bottom: 1%;
    cursor: pointer;
    transition: opacity .2s linear;
    z-index: 20;
}
#conceptArea .circle-btn:hover {
    opacity: .6;
}

/*conceptArea表示時*/
.concept-show #mainSliderWrap {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.concept-show #conceptArea {
    position: relative;
    display: block;
    top: inherit;
}
.concept-show .circle-btn img {
    opacity: 0;
}

.ca-scroll-action-obj {
    transition: transform 2s ease, opacity 2s ease;
    transform: translateY(10vw);
    opacity: 0;
}
.ca-scroll-action-obj.is-show {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/*202004 Renewall*/
.mainimg-inner-contents {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}
.mainimg-inner-contents .inner {
    max-width: 950px;
}
.mainimg-inner-contents .scroll-btn {
    width: 5.116947368421053%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3.566398390342052vw;
    margin: auto;
}

#mainSliderWrap .main-slider li.to-customer .logo-area,
#conceptArea .logo-area {
    width: 22.73684210526316%;
    position: absolute;
    top: 24.07303822937626%;
    left: 38.57863157894737%;
}

.news-area {
    width: 18.28705263157895%;
    margin-top: 6.035684210526316%;
    margin-left: 5.858842105263158%
}
.news-area h3 {
    width: 34.87310550461356%;
    margin-bottom: 11.7308%;
}

.news-box dd {display: inline-block;}
.news-box dt,
.news-box dd a,
.news-box dd {
    font-size: 11.8px;
    font-weight: bold;
    color: #fff;
}
.news-box dd a:hover {
    opacity: 1;
    text-decoration: underline;
    color: #fff;
}
.news-box dt {
    /*margin-bottom: 5.1336%;*/
    margin-bottom: 1em;
}
.news-box dd {
    line-height: 1.3em;
    margin-bottom: 14.6601267157667%;
}
.latest.news-box dt {width: 70.28694445883484%;}
.latest.news-box dd .news-txt {width: 78.48268922925669%;}
.latest.news-box dd .link-box {margin-top: 12.89235407579398%;}
.latest.news-box dd .link-box p {width: 71.61189682663029%;}
.latest.news-box dd .link-box a {
    display: block;
    width: 55.77342612259465%;
    margin-top: 5.158783608765477%;
}
.news-box:nth-of-type(2n) dt {width: 47.21171723451162%;}
.news-box:nth-of-type(2n) dd {width: 99.13743977620059%;}
#mainSliderWrap .news-area {display: none;}
#mainSliderWrap .news-box dd {
    line-height: 1.915254237288136;
}
.icon-new {
    margin-left: 1em;
    color: #f3a715;
}


/*mainimg02*/
#mainSliderWrap .main-slider li.product-pride .catch-black {
    position: absolute;
    width: 12.36315789473684%;
    top: 36.7887323943662%;
    left: 16.88094736842105%;
}
#mainSliderWrap .main-slider li.product-pride .catch-white {
    position: absolute;
    width: 8.199157894736842%;
    top: 21.38672032193159%;
    left: 33.02736842105263%;
}
#mainSliderWrap .main-slider li.product-pride .product-area {
    position: absolute;
    width: 35.63031578947368%;
    top: 44.272px;
    right: 28.164%;
}
#mainSliderWrap .main-slider li.product-pride .label-area {
    position: absolute;
    width: 19.26315789473684%;
    right: 12.23789473684211%;
}

/*mainimg04*/
#mainSliderWrap .main-slider li.shop-area h3 {
    position: absolute;
    width: 17.69926315789474%;
    top: 14.47162977867203%;
    left: 10.50989473684211%;
}
#mainSliderWrap .main-slider li.shop-area .txt-area {
    position: absolute;
    width: 27.09242105263158%;
    top: 30.74366197183099%;
    left: 10.62294736842105%;
}
#mainSliderWrap .main-slider li.shop-area .btn-enter {
    position: absolute;
    width: 8.306421052631579%;
    left: 31.77105263157895%;
    bottom: 13.61448692152918%;
}

/*conceptArea*/
#conceptArea .screen-box {
    height: 1363px;
    max-height: 1363px;
}
#conceptArea .logo-area {
    top: 8.777916360968452%;
}
.news-area {
    position: absolute;
    /*margin-top: 0;
    padding-top: 6.03568%;*/
}

#conceptArea .mainimg-inner-contents .scroll-btn {
    bottom: unset;
    top: 32.1982391782832%;
}
#conceptArea .info-txt-area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 45.48077769625825%;
}
#conceptArea .info-txt-area .inner {height: unset;}
#conceptArea .info-txt-area .left-box {
    width: 38.10778947368421%;
    float: left;
    margin: 2.266% 0 0 18.63252631578947%;
}
#conceptArea .info-txt-area .left-box .txt-list li {
    margin-bottom: 11.5008949682894%;
}
#conceptArea .info-txt-area .left-box .txt-list li:first-child {
    width: 90.04237288135593%;
}
#conceptArea .info-txt-area .left-box .txt-list li:nth-of-type(2) {
    width: 96.05026186109208%;
}
#conceptArea .info-txt-area .left-box .txt-list li:nth-of-type(3) {
    width: 99.68399885090491%;
}
#conceptArea .info-txt-area .left-box .txt-list li:nth-of-type(4) {
    width: 68.08388394139615%;
}

#conceptArea .info-txt-area .right-box {
    width: 22.27747368421053%;
    float: right;
    margin-right: 17.14305263157895%;
}
#conceptArea .product-img {
    position: absolute;
    width: 39.66536842105263%;
    right: 6.636842105263158%;
    top: 36.724685056587172%;
}

/*======================================
    SORACHI1984
======================================*/

/* TOP
------------------------------*/
/*scene1*/
#mainArea .scene-1 {
    z-index: 5;
}
#mainArea .scene-1 .scene-box {
    width:  14.1%;
    margin-left: -7.05%;
    left: 50%;
    top: 25%;
}

/*scene2*/
#mainArea .scene-2 {
    z-index: 4;
}
#mainArea .scene-2 .scene-box {
    width:  26.1%;
    margin-left: -13.05%;
    left: 50%;
    top: 20.52%;
}

/*scene4*/
#mainArea .scene-4 {
    z-index: 3;
}
#mainArea .scene-4 .scene-box {
    width:  15.78%;
    left: 20.52%;
    top: 47.65%;
}


#mainArea .scene-3 {
    z-index: 1;
}
#mainArea .compass-box {
    z-index: 2;
}
#mainArea .compass-box .compass-e {
    position: absolute;
    width: 52.52%;
    top: 6.43%;
    left: -16.42%;
    opacity: .3;
}
#mainArea .compass-box .compass-c {
    position: absolute;
    width: 52.84%;
    top: 6.43%;
    right: -16.42%;
    opacity: .25;
}

/* #productArea
--------------------*/
#productArea .scene-1 .scene-box {
    width:  18.42%;
    right: 4.63%;
    top: 9.375%;
    z-index: 2;
}
#productArea .bg-box .bg-1 {
    position: absolute;
}


/*モーダル*/
#sorachi1980ModalBox {
    max-width: 850px;
    padding: 0;
    background: none;
}
#sorachi1980ModalBox .modal-body {
    padding: 4px;
    background: #000;
}
#sorachi1980ModalBox .txt-box {
    padding: 2% 2%;
    font-size: .9rem;
    color: #fff;
    text-align: left;
    line-height: 1.6;
}

#sorachi1980ModalBox .close-btn {
    position: relative;
    display: block;
    width: 7%;
    max-width: 40px;
    margin-bottom: 5px;
    float: right;
    background: #000;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    font-size: 0;
}
#sorachi1980ModalBox .close-btn img {
    position: relative;
    transform: scale(.4);
}
.remodal-overlay {
    background: rgba(0,0,0,.5);
}
#sorachi1980ModalBox .txt-box .main-ttl {
    font-size: 1.17em;
    padding: .125em 0;
    font-weight: bold;
    text-align: center;
    color: #000;
    background: rgb(211,133,0); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(211,133,0,1) 0%, rgba(242,200,3,1) 40%, rgba(242,200,3,1) 60%, rgba(211,133,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(211,133,0,1) 0%,rgba(242,200,3,1) 40%,rgba(242,200,3,1) 60%,rgba(211,133,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(211,133,0,1) 0%,rgba(242,200,3,1) 40%,rgba(242,200,3,1) 60%,rgba(211,133,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d38500', endColorstr='#d38500',GradientType=1 ); /* IE6-9 */
}
#sorachi1980ModalBox .data-box {
    width: 90%;
    margin: 0 auto;
}
#sorachi1980ModalBox .info-dl {
    display: table;
    width: 100%;
}
#sorachi1980ModalBox .info-dl dt,
#sorachi1980ModalBox .info-dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 1em;
}
#sorachi1980ModalBox .info-dl dt {
    vertical-align: top;
    font-size: 1.17em;
    font-weight: bold;
}
#sorachi1980ModalBox .info-dl dt {
    width: 40%;
    padding-top: 2em;
    text-align: center;
}
#sorachi1980ModalBox .info-dl dd {
    width:60%;
    text-align: left;
}
#sorachi1980ModalBox .info-dl dd ul {
    line-height: 1.7;
}
#sorachi1980ModalBox .info-dl dd .place-info {
    padding-top: 1em;
    margin-top: 1em;
    border-top: solid 1px #fff;
}
#sorachi1980ModalBox .info-dl dd .place-info .gm-link {
    text-align: right;
}
#sorachi1980ModalBox .intro-box {
    padding: 1em;
    border: solid 1px #fff;
    border-radius: 6px;
}
#sorachi1980ModalBox .intro-box .ttl {
    margin: 0 0 1em 0;
    font-size: 1.17em;
    font-weight: bold;
    text-align: center;
}
#sorachi1980ModalBox .txt-box .link-txt {
    margin-top: 1em;
    text-align: right;
}
#sorachi1980ModalBox .txt-box .link-txt a {
    color: #d4ab44;
}
#sorachi1980ModalBox .info-dl dd .place-info .gm-link  a{
    display: inline-block;
    width: 30%;
}

/* storyArea
------------------------------*/
#storyArea {
    position: relative;
    width: 100%;
}
#storyArea .story-slider {
    max-height: 574px;
    overflow-y: hidden;
}
#storyArea .story-slider li {
    position: relative;
    width: 100%;
    font-size: 0;
}

/*モーダル用*/
#storyArea .story-slider li .zoom-icn {
    position: absolute;
    display: block;
    right: 4%;
    bottom: 6%;
    font-size: 3rem;
    color: #000;
    cursor: pointer;
    transition: opacity .2s linear,transform .3s ease;
}
#storyArea .story-slider li .zoom-icn:hover {
    transform: scale(1.1);
    opacity: .6;
}

#theStoryModalBox.remodal {
    margin-bottom: 0;
    max-width: 900px;
    padding: 0;
    background: rgba(0,0,0,0);
}
#theStoryModalBox .book-list {
    position: relative;
    width: 100%;
    transform: translate3d(-900px, 0px, 0px);
}
#theStoryModalBox .book-list li {
    position: relative;
    width: 100%;
    display: block;
    font-size: 0;
}
/*#theStoryModalBox .book-list li.current {
    position: relative;
    width: 100%;
    display: block;
}*/
#theStoryModalBox .close-btn {
    float: right;
    font-size: 2.5rem;
    color: #fff;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: opacity .2s linear,transform .3s ease;
}
#theStoryModalBox .close-btn:hover {
    transform: scale(1.1);
    opacity: .6;
}


#storyArea .story-slider .page-content {
    position: absolute;
    top: 0;
}
#storyArea .story-slider .rayout-1 .page-content {
    width: 58.94%;
    top: 11.67%;
    left: 20.55%;
}
#storyArea .story-slider .rayout-1 .page-content .left,
#storyArea .story-slider .rayout-1 .page-content .right {
    width: 50%;
}

#storyArea .story-slider .rayout-2 .page-content {
    width: 59.05%;
    top: 11.67%;
    left: 20.526%;
}
#storyArea .story-slider .rayout-2 .page-content .left,
#storyArea .story-slider .rayout-2 .page-content .right {
    width: 50%;
}
#storyArea .bx-wrapper {
    margin-bottom: 0;
}
#storyArea .bx-wrapper .bx-pager {
    display:  none;
}
#storyArea .bx-wrapper .bx-prev,
#theStoryModalBox .bx-wrapper .bx-prev {
    display: none;
    background: url(/sorachi1984/asset/img/tri_black_left.png) no-repeat center center;
    background-size: contain;
}
#theStoryModalBox .bx-wrapper .bx-prev {display: none;}
#storyArea .bx-wrapper .bx-next,
#theStoryModalBox .bx-wrapper .bx-next {
    background: url(/sorachi1984/asset/img/tri_black_right.png) no-repeat center center;
    background-size: contain;
}

/*flumpoolTour2019Area*/
/*
#flumpoolTour2019Area .anime-item {

    display: block;
    opacity: 1;
}
*/

#flumpoolTour2019Area .pc-obj .ttl {
    width: 19.8947368%;
    left: 4.63157895%;
    top: 37.5652174%;
}
#flumpoolTour2019Area .pc-obj .message-box {
    position: absolute;
    width: 39.7894737%;
    left: 32.6315789%;
    top: 11.1304348%;
}
#flumpoolTour2019Area .pc-obj .copy-txt {
    width: 11.2631579%;
    right: 5.0263158%;
    bottom: 32.6956522%;
}
#flumpoolTour2019Area .pc-obj .can-ph {
    width: 15.2631579%;
    right: 2.84210526%;
    bottom: 4.17391304%;
    z-index: 2;
}
#flumpoolTour2019Area .pc-obj .link-area {
    width: 100%;
    height: 13.9130435%;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: #1e110f;
}
#flumpoolTour2019Area .pc-obj .info-txt {
    position: absolute;
    width: 76.2105263%;
    top: 42.5%;
    left: 3.15789474%;
}
/*0507*/
#flumpoolTour2019Area.ver-0507 .pc-obj .copy-txt {
    bottom: 40.5217391%;
}
#flumpoolTour2019Area.ver-0507 .pc-obj .can-ph {
    bottom: 11.3043478%;
}
#flumpoolTour2019Area.ver-0507 .pc-obj .info-txt {
    width: 66.3157895%;
    left: 9.05263158%;
}
#flumpoolTour2019Area.ver-0507 .pc-obj .buy-btn {
    position: absolute;
    width: 15.7894737%;
    bottom: 5.0%;
    right: 2.73684211%;
    z-index: 3;
}

/* STORY
------------------------------*/
#sorachiMovie #contentsWrapper {
    background: url(/sorachi1984/asset/img/SORACHI1984/STORY/main_bg2.jpg) repeat-y center bottom;
    background-size: 100%;
    overflow: hidden;
}
#movieArea {
    position: relative;
    width: 71.55936842105263%;
    max-width: 858px;
    margin: 0 0 0 12.97831578947368%;
    padding: 137px 0 60px;
    font-size: 0;
}
#movieArea .movie-list li  {
    position: relative;
    margin-top: 80px;
}
#movieArea .movie-list li:first-child {
    margin-top: 0;
}
#movieArea .movie-list li .movie-box {
    width: 49.65269912064182%;
    overflow: hidden;
}
#movieArea .movie-list li:nth-child(odd) .movie-box {
    float: right;
}
#movieArea .movie-list li:nth-child(even) .movie-box {
    float: left;
}
#movieArea .movie-list li .ttl {
    width: 22.48350284048284%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#movieArea .movie-list li:nth-child(odd) .ttl {
    left: 19.56755818503296%;

}
#movieArea .movie-list li:nth-child(even) .ttl {
    right: 0;
}
#movieArea .movie-list li:first-child .ttl {width: 23.08499089456822%;}
#movieArea .movie-list li:nth-child(2) .ttl {right: 20.02459496273981%;}
#movieArea .movie-list li:nth-child(4) .ttl {right: 20.08152229874642%;}
#movieArea .movie-list li:nth-child(5) .ttl {width: 22.54440185109456%;}
#movieArea .movie-list li:last-child .ttl {
    width: 29.92347906927483%;
    right: 13.17580985387179%;
}

/*brightcoveカスタム*/
.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/asset/img/movie/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;
}

#songArea {
    position: relative;
    padding-bottom: 50px;
}
#songArea .pc-contents {
    position: relative;
    width: 78.03%;
    max-width: 936.36px;
    margin: 0 auto;
    padding: 5.578947368421053% 5.488684210526316%;
    font-size: 0;
    background: rgba(255,255,255,.9);
}

#songArea .ttl {
    /*width: 86.35%;*/
}
#songArea .song-info {
    width: 50.94536891679749%;
    margin: 3.402668759811617% 0 0;
}
#songArea .lyric-box {
    margin-top: 43px;
}
#songArea .lyric-column {
    width: 31.45%;
    float: left;
}
#songArea .lyric-column p {
    margin-top: 40px;
}
#songArea .lyric-column p:nth-child(1) {
    margin-top: 0;
}
#songArea .lyric-column:nth-child(1) {
    width: 31.26483516483516%;
    margin: 0 3.443799058084772% 0 .767032967032967%;
}
#songArea .lyric-column:nth-child(2) {
    margin-right: 1.202080237741456%;
    width: 31.49215070643642%;
}
#songArea .lyric-column:nth-child(3) {
    width: 31.76232339089482%;
}

#songArea .flumpool-box {
    position: relative;
    width: 100%;
    margin-top: 2.285714285714286%;
}
#songArea .flumpool-box .flumpool-intro {
    width: 55.08492935635793%;
    float: right;
}
#songArea .flumpool-box .flumpool-intro p {
    margin-top: 9px;
}
#songArea .flumpool-box .flumpool-intro p:nth-child(1) {
    margin-top: 0;
}
#songArea .flumpool-box .flumpool-ph {
    position: absolute;
    width: 38.21679748822606%;
    left: 0;
    bottom: 0;
}
#songArea .flumpool-box .flumpool-ph .ttl {
    margin-bottom: 5.391860861563993%;
}
#songArea .flumpool-box .flumpool-ph .ph {
    width: 98.02334035762259%;
    margin: 0 auto;
}

#boardArea {
    position: relative;
    width: 100%;
    padding-top: 50px;
    background: url(/sorachi1984/asset/img/SORACHI1984/STORY/bord_box_bg.png) no-repeat center bottom;
    background-size: cover;
}
#boardArea .board-box {
    position: relative;
    max-width: 620px;
    width: 65.26%;
    margin: 0 auto;
}
#boardArea .board-box .message-1,#boardArea .board-box .message-2 {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
#boardArea .board-box .message-1 {
    display: block;
}
#boardArea .circle-btn {
    position: absolute;
    right: 2.63%;
    top: 78.4%;
    cursor: pointer;
    transition: opacity .2s linear;
    z-index: 1;
}
#boardArea .circle-btn:hover {
    opacity: .6;
}
#hideContents {
    /*height: 0;
    overflow: hidden;*/
}

/*アニメーション用*/
#movieArea .movie-list li,
#spmovieArea .movie-list li {
    opacity: 0;
    /*transform: translateY(10vw);*/
    transition: opacity .8s linear,transform .8s ease;
}
#movieArea .movie-list li.is-show,
#spmovieArea .movie-list li.is-show {
    opacity: 1;
    /*transform: translateY(0);*/
}
#movieArea .movie-list li .ttl,
#spmovieArea .movie-list li .ttl {
    overflow: hidden;
}
#movieArea .movie-list li .ttl img,
#spmovieArea .movie-list li .ttl img {
    transform: translateY(100%);
    transition: transform .8s ease;
}
#movieArea .movie-list li.is-show .ttl img,
#spmovieArea .movie-list li.is-show .ttl img {
    transform: translateY(0);
}

#movieArea .movie-list li .movie-box .movie-block,
#spmovieArea .movie-list li .movie-box .movie-block {
    transition: transform .8s ease;
}
#movieArea .movie-list li:nth-child(odd) .movie-box .movie-block,
#spmovieArea .movie-list li:nth-child(odd) .movie-box .movie-block {
    transform: translateX(-100%);
}
#movieArea .movie-list li:nth-child(even) .movie-box .movie-block,
#spmovieArea .movie-list li:nth-child(even) .movie-box .movie-block {
    transform: translateX(100%);
}
#movieArea .movie-list li.is-show .movie-box .movie-block,
#spmovieArea .movie-list li.is-show .movie-box .movie-block {
    transform: translateX(0);
    transition: transform .8s ease;
}

#songArea .sa-obj {
    opacity: 0;
    transition: opacity .8s linear,transform .8s ease;
}
#songArea .sa-obj.is-show {
    opacity: 1;
}


/*======================================
    That's WOW!
======================================*/
#thatsWowTop #contentsWrapper {
    font-size: 0;
    max-width: 950px;
}
#thatsWowTop .bx-wrapper {
    margin-bottom: 0;
}
#thatsWowTop .bx-wrapper .bx-pager {
    display: none;
}
#thatsWowTop .bx-wrapper .bx-prev {
    background: url(/sorachi1984/asset/img/tri_black_left.png) no-repeat center center;
    background-size: contain;
}
#thatsWowTop .bx-wrapper .bx-next {
    background: url(/sorachi1984/asset/img/tri_black_right.png) no-repeat center center;
    background-size: contain;
}
#thatsWowTop .acord-btn {
    background: #231815;
}


/*======================================
    PRODUCT
======================================*/
.mainimg-area,
.mainimg-area .inner {
    min-height: 497px;
    /*min-height: 565px;*/
}
.mainimg-area {
    height: 497px;
}

#product .mainimg-area {
    background: url(/sorachi1984/asset/img/product/main_bg.jpg);
    background-size: 100%;
}
#product .mainimg-area .product-img {
    position: absolute;
    width: 35.63031578947368%;
    top: 44.272px;
    right: 28.164%;
}
#product .mainimg-area .label-img {
    position: absolute;
    width: 19.26315789473684%;
    right: 12.23789473684211%;
}
#product .mainimg-area .catch-black {
    position: absolute;
    width: 12.36315789473684%;
    top: 36.7887323943662%;
    left: 16.88094736842105%;
}
#product .mainimg-area .catch-white {
    position: absolute;
    width: 8.199157894736842%;
    top: 21.38672032193159%;
    left: 33.02736842105263%;
}

#product .mainimg-area .scroll-btn {
    width: 5.116947368421053%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3.566398390342052%;
    margin: auto;
}

#product .product-info-box {
    background: url(/sorachi1984/asset/img/product/productinfo_bg.jpg);
    background-size: 100%;
    min-height: 1020px;
}
#product .product-info-box .catch-txt {
    width: 16.20210526315789%;
    position: absolute;
    top: 8.35078431372549%;
    right: 14.01715789473684%;
}
#product .product-info-box .txt-box {
    width: 31.87336842105263%;
    margin: 0 auto 0;
    padding: 14.424% 0 0;
}
.point-box:not(:last-of-type) {
    margin-bottom: 10.73953837059152%;
}
.point-box dt {
    margin-bottom: 5.614322466867241%;
}
.point-box.c-dev dt {
    width: 30.22982394145252%;
}
.point-box.c-dev dd {
    width: 99.75924464245022%;
}
.point-box.c-sace dt {
    width: 35.15787805031093%;
}
.point-box.c-sace dd {
    width: 97.73676753732699%;
}
.point-box.c-s1984 dt {
    width: 42.54599616244547%;
}
.point-box.c-s1984 dd .txt-list li:not(:last-child) {
    margin-bottom: 11.55889919649138%;
}
.point-box.c-s1984 dd .txt-list li:first-child {
    width: 99.21399485463859%;
}
.point-box.c-s1984 dd .txt-list li:nth-child(2) {
    width: 95.6204982215808%;
}
.point-box.c-s1984 dd .txt-list li:nth-child(3) {
    width: 95.43621634296245%;
}
.point-box.c-s1984 dd .txt-list li:nth-child(4) {
    width: 67.1687632308114%;
}

#product .product-info-box .caption-area {
    width: 95.94447765334531%;
    margin-top: 15.0341648034822%;
}

.product-img-area {
    background: url(/sorachi1984/asset/img/product/bg_productimg_area.png);
}
.product-img-area .catch-white,
.product-img-area .catch-black {
    position: absolute;
}
.product-img-area .catch-white {
    width: 5.055157894736842%;
    top: 40.60708416638726%;
    left: 17.71463157894737%;
}
.product-img-area .catch-black {
    width: 5.887157894736842%;
    top: 14.53570438072531%;
    right: 16.94821052631579%;
}

/*======================================
    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%;
}

/*======================================
    SHOP
======================================*/
#shop .mainimg-area {
    background: url(/sorachi1984/asset/img/restaurant_bar/main_bg.png);
    background-size: cover;
}
#shop .mainimg-area .txt-box {
    width: 100%;
    height: 100%;
}
.shop-ttl {
    position: absolute;
    width: 17.69915789473684%;
    top: 13.28209255533199%;
    left: 10.50989473684211%;
}
.shop-txt {
    position: absolute;
    top: 30.17323943661972%;
    left: 10.61757894736842%;
    width: 31.56084210526316%;
}

#shop .mainimg-area .conducter-area {
    width: 25.94694736842105%;
    position: absolute;
    left: 10.69242105263158%;
    bottom: 14.84989939637827%;
}
#shop .mainimg-area .conducter-area dt {
    width: 52.87428599247047%;
    float: left;
}
#shop .mainimg-area .conducter-area dd {
    width: 39.30854861742178%;
    float: right;
    margin-top: 1.72660002596391%;
}
.w100per {width: 100%;}
.h100per {height: 100%;}
/*-----------------------------
    950px以下
-----------------------------*/
@media screen and (max-width: 950px) {
    .inner {
        max-width: 950px;
        /*width: 100%;*/
    }

    /* STORY
    ------------------------------*/
    #movieArea {
        padding: 14.21vw 0 6.135vw;
    }
    #movieArea .movie-list li  {
        margin-top: 8.421vw;
    }
    #movieArea .movie-list li:first-child {
        margin-top: 0;
    }
    #songArea {
        padding-bottom: 5.26vw;
    }
    #songArea .pc-content {
        padding: 6.105vw 6.26%;
    }
    #songArea .song-info {
        margin: 2.3157vw 0 0;
    }
    #songArea .lyric-column p {
        margin-top: 4.21vw;
    }
    #songArea .flumpool-box {
        margin-top: 1.578vw;
    }
    #songArea .flumpool-box .flumpool-intro p {
        margin-top: 2.105vw;
    }
    #songArea .flumpool-box .flumpool-ph .ttl {
        margin-bottom: 2.631vw;
    }


}

/*-----------------------------
    768px以下(for SP)
-----------------------------*/
@media screen and (max-width: 768px) {
    .inner {
        max-width: 100%;
        width: 100%;
    }
    #sapporo-navigation-area {
        width: 100%;
        min-width: 100%;
    }
    #sapporo-topicpath-area div.topicpath {
        width: 100%;
        padding-left: 1em;
    }
    #sapporo-topicpath-area {
        min-width: 100%;
        overflow: hidden;
    }

    body.sp-mode.sp-menu-opened {
        overflow: hidden;
    }

    #contentsWrapper {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        top: 0;
        right: 0;
        z-index: 1;
        overflow: hidden;
    }

    .inner {
        overflow: hidden;
    }

    #contentsWrapper {
        padding-top: 0;
    }

    /*header
    --------------------*/
    #headerWrap {
        width: 100%;
        height: auto;
        min-height: 20.46667vw;
        background: rgba(255,255,255,.5);
    }
    #headerWrap .inner {
        width: 100%;
        height: auto;
        min-height: 20.46667vw;
    }
    #headerWrap .header-inner {
        width: 100%;
    }

    #headerWrap .def-menu {
        width: 100%;
        height: 20.46667vw;
        max-height: 153.5px;
    }

    #headerWrap .def-menu .iv-logo {
        width: 37.84986667%;
        margin-left: 0;
        left: 30.678%;
        opacity: 1;
        transition: opacity .2s linear;
    }
    #headerWrap .buger-btn {
        display: block;
        position: absolute;
        width: 7.90506667%;
        left: 6.46146667%;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        transition: opacity .2s linear;
        z-index: 5;
    }
    #headerWrap .buger-btn::after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: no-repeat url(/sorachi1984/asset/img/sp_gnavi_btn_close.png);
        background-size: contain;
        opacity: 0;
        transition: opacity .2s linear;
    }
    #headerWrap.opened .buger-btn img {
        opacity:1;
        transition: opacity .2s linear;
    }
    #headerWrap .buger-btn:hover {
        opacity: .6;
    }
    #headerWrap .def-menu .sns-btn {
        width: 7.8%;
        right: 6.2%;
    }
    #headerWrap .link-list {
        display: none;
    }
    #headerWrap .link-list li:nth-child(1),
    #headerWrap .link-list li:nth-child(2),
    #headerWrap .link-list li:nth-child(3),
    #headerWrap .link-list li:nth-child(4),
    #headerWrap .link-list li:nth-child(5),
    #headerWrap .link-list li:nth-child(6)
     {
        display: block;
        width: 100%;
        margin-left: 0;
    }
    #headerWrap .link-list li {
        /*height: 3.7vw;*/
    }
    #headerWrap .link-list li a,
    #headerWrap .link-list li img {
        height: auto;
        width: auto;
    }
    /*#headerWrap .link-list li a::before {
        content: "";
        display: inline-block;
        width: 1.598%;
        height: 100%;
        margin-right: 7.0776%;
        background: no-repeat url(/sorachi1984/asset/img/tri_black_right.gif) center center;
        background-size: contain;
    }*/
    #headerWrap .link-list li a::after {
        width: 103.178%;
        left: -1.598%;
        margin-left: 0;
    }

    #headerWrap.opened,
    #headerWrap.opened .inner {
        overflow: visible;
        background: #06223b;
    }
    #headerWrap.opened .link-inner {
        height: 100vh;
    }
    #headerWrap.opened .link-list {
        position: absolute;
        display: block;
        padding: 8.3806667% 15.8505333%;
        top: 20.46667vw;
        transform: translateY(0);
        background: #06223b;
    }
    #headerWrap.opened .link-list li {
        margin-top: 8.08826667vw;
    }
    #headerWrap.opened .link-list li:nth-child(2) {
        margin-top: 10.90546667vw;
    }
    #headerWrap.opened .link-list li:first-child {
        margin-top: 0;
    }
    #headerWrap.opened .buger-btn img { opacity:0; }
    #headerWrap.opened .buger-btn::after { opacity: 1; }

    #headerWrap.opened .link-inner .sns-btn {
        display: block !important;
        left: 14.28026667%;
        width: 8.6667%;
        top: 115.4288vw;
    }


    #headerWrap .page-navi {
        position: relative;
        width: 100%;
        padding: 2vw 0 4.7vw;
        background: #fff;
        display: none;
    }
    #headerWrap .page-navi .page-nav-wrap {
        position: relative;
        width: 51%;
        margin: 0 auto;
    }
    #headerWrap .page-navi .page-navi-list {
        height: 3.3vw;
        overflow-y: hidden;
        text-align: center;
    }
    #headerWrap .page-navi .page-navi-list li {
        height: 3.3vw;
    }
    :not(#topPage) .page-navi .page-navi-list li {
        display: none;
    }
    :not(#topPage) .page-navi .page-navi-list li.current {
        display: block;
    }
    #headerWrap .page-navi .page-navi-list li img {
        height: 100%;
        width: auto;
        margin: 0 auto;
    }
    #headerWrap .page-navi .bx-wrapper {
        margin: 0 auto;
    }
    #headerWrap .page-navi .bx-wrapper .bx-pager {
        display: none;
    }
    #headerWrap .page-navi .bx-wrapper .bx-viewport {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        left:0;
        background: #fff;
    }
    #headerWrap .page-navi .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -1vw;
        outline: 0;
        width: 2.74%;
        height: 2.7vw;
        z-index: 1;
    }
    #headerWrap .page-navi .bx-wrapper .bx-prev {
        left: 0;
        background: url(/sorachi1984/asset/img/tri_black_left.gif) no-repeat center center;
        background-size: contain;
    }
    #headerWrap .page-navi .bx-wrapper .bx-next {
        right: 0;
        background: url(/sorachi1984/asset/img/tri_black_right.gif) no-repeat center center;
        background-size: contain;
    }


    #headerWrap .page-navi .page-navi-list.sec-layer-mode li {
        display: none;
    }

    .gnavi-opened {
        overflow: hidden;
    }

    .sp-contents .main-img {
        font-size: 0;
    }

    /*アコーディオンコンテンツ*/
    .acord-btn {
        background: #fff;
        cursor: pointer;
        font-size: 0;
    }
    .acord-box,
    .acord-box-wrap {
        display: none;
    }

    .news-box dt,
    .news-box dd a,
    .news-box dd {
        font-size: 4vw;
        font-weight: normal;
    }
    .news-box dt {margin-bottom: 0;}


    /*======================================
        TOP
    ======================================*/
    .main-img-box dt {position: relative;}
    .main-img-box dt .news-link-area {
        position: absolute;
        top: 33.34502761380284%;
        left: 5.396733333%;
        width: 22.305466667%;
        height: 3.052830168882897%;
    }
    .main-img-box dt .news-link-area a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .bx-wrapper img.sp-obj {
        display: block;
    }
    /*ニュース*/
    .news-container {
        position: relative;
    }
    .news-container .news-box  {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        padding: 20.9305740987984vw 16vw 16vw;
        z-index: 1;
        top: 0;
        left: 0;
        background: #000;
        color: #fff;
    }
    .news-dl .link-box {margin-top: 6%;}
    .news-dl .link-box a {
        display: block;
        width: 60%;
        margin: 3% 0;
    }
    .news-container .news-box .news-dl {
        font-size: 4vw;
        line-height: 1.6;
        margin-top: 1em;
    }
    .news-container .ex-link {
        display: inline-block;
        width: 1em;
        background: no-repeat url('/sorachi1984/asset/img/icn_ex_link_w.gif') center bottom;
        background-size: contain;
        height: 1em;
        vertical-align: baseline;
    }

    /*to Customer*/
    #conceptArea .ib-logo {
        width: 21.35%;
        left:66.4%;
        top: 23.73%;
    }
    #conceptArea .main-ttl {
        width: 64.9%;
        left: 19.27%;
        top: 30.81%;
    }
    #conceptArea .txt-1,#conceptArea .txt-2,#conceptArea .txt-3,#conceptArea .txt-4,#conceptArea .txt-5, #conceptArea .txt-6,#conceptArea .txt-7 {
        width: 64.9;
        left: 19.27%;
    }
    #conceptArea .txt-1 { top: 50%; }
    #conceptArea .txt-2 { top: 53%; }
    #conceptArea .txt-3 { top: 56.2%; }
    #conceptArea .txt-4 { top: 59.4%; }
    #conceptArea .txt-5 { top: 65.6%; }
    #conceptArea .txt-6 { top: 71.9%; }
    #conceptArea .txt-7 { top: 78.2%; }

    /*to Customer*/
    #conceptArea {
        top: 29vw;
    }

    /*product-info-area 202004*/
    .product-info-area {
        margin: 15.2464% 0 0;
    }
    .product-info-area .img-box {
        width: 45.46667%;
        margin: 0 auto;
    }
    .product-info-area .txt-box {
        width: 77.22253333%;
        margin: 14.0672% auto 0;
    }
    .product-info-area .txt-box .txt-list li {
        margin-bottom: 15.7366848018454%;
    }
    .product-info-area .txt-box .txt-list li:first-child {
        width: 99.90210111383724%;
    }
    .product-info-area .txt-box .txt-list li:nth-of-type(2) {
        width: 99.86014444833891%;
    }
    .product-info-area .txt-box .txt-list li:nth-of-type(3) {
        width: 99.77225991031979%;
    }
    .product-info-area .txt-box .txt-list li:last-child {
        width: 99.31643440860958%;
        margin-bottom: 17.56447599923338%;
    }


    /*======================================
        SORACHI1984
    ======================================*/

    /* TOP
    ------------------------------*/
    /*scene1*/
    #mainArea .scene-1 {
        z-index: 5;
    }
    #mainArea .scene-1 .scene-box {
        width:  39.6%;
        margin-left: -19.8%;
        left: 50%;
        top: 20.7461328%;
    }

    /*scene2*/
    #mainArea .scene-2 {
        z-index: 4;
    }
    #mainArea .scene-2 .scene-box {
        width:  70.4%;
        margin-left: -35.2%;
        left: 50%;
        top: 18.9262966%;
    }

    /*scene4*/
    #mainArea .scene-4 {
        z-index: 3;
    }
    #mainArea .scene-4 .scene-box {
        width:  60.6666667%;
        left: 50%;
        margin-left: -30.33333335%;
        top: 37.7616015%;
    }


    #mainArea .scene-3 {
        z-index: 1;
    }
    #mainArea .compass-box {
        z-index: 2;
    }
    #mainArea .compass-box .compass-e {
        position: absolute;
        width: 73.0666667%;
        top: 13.06666667;
        left: -50%;
        opacity: .3;
    }
    #mainArea .compass-box .compass-c {
        position: absolute;
        width: 72.6666667%;
        top: inherit;
        bottom: 10.1333333%;
        right: -49.8666667%;
        opacity: .2;
    }

    /* #storyArea
    --------------------*/
    #storyArea .sp-contents {
        background: #e4e8eb;
        background-size: contain;
    }
    #storyArea .txt-box {
        padding: 5.06666667vw 11.6% 18.9333333vw 11.6%;
    }
    #storyArea .txt-box .txt-1{ margin-top: 11.4666667vw; }
    #storyArea .txt-box .txt-2{ margin-top: 14.9333333vw; }
    #storyArea .txt-box .txt-3{ margin-top: 14.8vw; }

    /* #productArea
    --------------------*/
    #productArea {
        position: relative;
        background: #fff;
    }
    #productArea .sp-contents .scene-1 .scene-box {
        width: 62.1333333%;
        margin-left: -31.0666667%;
        left: 50%;
        top: 13.0355515%;
        z-index: 2;
    }
    /*スクロールアクションオブジェ*/
    #productArea .sp-contents .anime-item {
        display: block;
        transition: transform 2s ease, opacity 2s ease;
        transform: translateY(10vw);
        opacity: 0;
    }
    #productArea .sp-contents .anime-item.is-show {
        opacity: 1;
        transform: translateY(0) scale(1);
    }


    /* #flumpoolTour2019Area
    --------------------*/
    #flumpoolTour2019Area {
        background: #1e110f;
    }
    #flumpoolTour2019Area .sp-obj .content-box {
        padding: 15.8854167vw 0;
    }
    #flumpoolTour2019Area .sp-obj .info-txt {
        width: 70.5729167%;
        margin: 0 auto;
    }
    #flumpoolTour2019Area .sp-obj .message-box {
        position: relative;
        width: 70.9635417%;
        margin: 12.2395833vw auto 0 auto;
    }
    #flumpoolTour2019Area .sp-obj .message-box.scroll-action-obj {
        transform: translateY(0) translateX(-4%);
    }
    #flumpoolTour2019Area .sp-obj .message-box.scroll-action-obj.is-show {
        transform: translateY(0) translateX(0);
    }
    #flumpoolTour2019Area .sp-obj .message-box .sub-anime-obj {
        transform: translateY(0) translateX(-4%);
        opacity: 0;
        transition: transform 1s ease, opacity 1s ease;
    }
    #flumpoolTour2019Area .sp-obj .message-box .sub-anime-obj.is-show {
        transform: translateY(0) translateX(0);
        opacity: 1;
    }
    #flumpoolTour2019Area .sp-obj .message-box .synbol1,
    #flumpoolTour2019Area .sp-obj .message-box .name-txt {
        position: absolute;
        top: 0;
        left: 0;
    }
    #flumpoolTour2019Area .sp-obj .can-ph {
        width: 69.0104167%;
        margin: 10.8072917vw auto 0 auto;
    }
    #flumpoolTour2019Area .sp-obj .buy-btn {
        width: 69.921875%;
        margin: 11.71875vw auto 0 auto;
        border: solid 1px #fff;
    }

    /* storyArea
    ------------------------------*/
    #storyArea .story-book {
        font-size: 0;
        background: #fff;
        text-align: center;
    }
    #storyArea .story-book .story-block-body {
        padding: 14.1vw 6% 13.4vw;
    }
    #storyArea .story-book .story-block-body hr {
        height: .4vw;
        width: 100%;
        margin: 15.5vw 0;
        background: url(/sorachi1984/asset/img/book_border_sp.gif) repeat-x;
        background-size: contain;
    }
    #storyArea .story-book .story-block {
        display: none;
        background: #fff;
    }
    #storyArea .story-book .story-block.current {
        display: block;
    }
    #storyArea .story-book .story-box .ttl {
        margin: 15.7vw 0 14.2vw;
    }
    #storyArea .story-book .pager-area {
        position: relative;
        width: 100%;
        padding: 0 14.1% 18vw 14.1%;
    }
    #storyArea .story-book .pager-area .prev-btn,#storyArea .story-book .pager-area .next-btn,
    #storyArea .story-book .pager-area .pager-btn-list,#storyArea .story-book .pager-area .pager-btn-list li {
        display: inline-block;
        height: 9.2vw;
        cursor: pointer;
        transition: background-color .2s linear,border-color .2s linear;
    }
    #storyArea .story-book .pager-area .prev-btn,#storyArea .story-book .pager-area .next-btn,
    #storyArea .story-book .pager-area .pager-btn-list li {
        display: inline-block;
        height: 9.2vw;
        border: solid 1px #898989;
        cursor: pointer;
        transition: background-color .2s linear,border-color .2s linear;;
    }
    #storyArea .story-book .pager-area .pager-btn-list {
        width: 50%;
        margin: 0 6%;
        white-space: nowrap;
    }
    #storyArea .story-book .pager-area .pager-btn-list li {
        margin-left: 4%;
    }
    #storyArea .story-book .pager-area .pager-btn-list li:first-child {
        margin-left: 0;
    }
    #storyArea .story-book .pager-area .prev-btn img,#storyArea .story-book .pager-area .next-btn img,
    #storyArea .story-book .pager-area .pager-btn-list li img {
        height: 100%;
        width: auto;
    }
    #storyArea .story-book .page-num-list {
        position: relative;
        display: block;
        width: 6.1%;
        margin:  5vw auto 0 auto;
    }
    #storyArea .story-book .page-num-list li {
        position: absolute;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity .2s linear;
    }
    #storyArea .story-book .page-num-list li.current {
        display: block;
        opacity: 1;
    }
    #storyArea .story-book .pager-area .prev-btn:hover,#storyArea .story-book .pager-area .next-btn:hover {
        background: #dcdddd;
    }
    #storyArea .story-book .pager-area .prev-btn.lock,#storyArea .story-book .pager-area .next-btn.lock {
        background: none;
        transition: none;
        cursor: default;
        opacity: .4;
    }

    #storyArea .story-book .pager-btn-list li {
        position: relative;
    }
    #storyArea .story-book .pager-btn-list li:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: 0;
        transition: opacity .2s linear;
    }
    #storyArea .story-book .pager-btn-list li:hover,
    #storyArea .story-book .pager-btn-list li.current {
        background: #1e313a;
    }
    #storyArea .story-book .pager-btn-list li.current {
        background: #1e313a;
        cursor: default;
    }
    #storyArea .story-book .pager-btn-list li:hover:before,
    #storyArea .story-book .pager-btn-list li.current:before {
        opacity: 1;
    }
    #storyArea .story-book .pager-btn-list li:nth-child(1):before { background: url(/sorachi1984/asset/img/book_story_pager_1_white.png) no-repeat; background-size: contain; }
    #storyArea .story-book .pager-btn-list li:nth-child(2):before { background: url(/sorachi1984/asset/img/book_story_pager_2_white.png) no-repeat; background-size: contain; }
    #storyArea .story-book .pager-btn-list li:nth-child(3):before { background: url(/sorachi1984/asset/img/book_story_pager_3_white.png) no-repeat; background-size: contain; }
    #storyArea .story-book .pager-btn-list li:nth-child(4):before { background: url(/sorachi1984/asset/img/book_story_pager_4_white.png) no-repeat; background-size: contain; }

    /*モーダル*/
    #sorachi1980ModalBox .txt-box {
        text-align: center;
        font-size: 1rem;
    }
    #sorachi1980ModalBox .txt-box .link-txt {
    }

    #sorachi1980ModalBox .txt-box .main-ttl {
        word-break: break-all;
        letter-spacing: -.05em;
    }

    #sorachi1980ModalBox .info-dl {
        display: block;
    }
    #sorachi1980ModalBox .info-dl dt,
    #sorachi1980ModalBox .info-dl dd {
        display: block;
        vertical-align: middle;
        padding: .5em 0;
    }
    #sorachi1980ModalBox .info-dl dt {
        vertical-align: top;
        font-size: 1.17em;
    }
    #sorachi1980ModalBox .info-dl dt {
        width: 100%;
        padding-top: 2em;
        text-align: center;
    }
    #sorachi1980ModalBox .info-dl dd {
        width:100%;
        text-align: left;
    }
    #sorachi1980ModalBox .intro-box .ttl {
        letter-spacing: -.05em;
        word-break: break-all;
    }
    #sorachi1980ModalBox .intro-box p {
        text-align: left;
    }


    /* STORY
    ------------------------------*/
    #spmovieArea {
        position: relative;
        width: 87.4%;
        max-width: auto;
        padding: 10.25vw 0 9vw;
        margin: 0 auto;
    }
    #spmovieArea .movie-list li {
        margin-top: 12.5vw;
    }
    #spmovieArea .movie-list li:first-child {
        margin-top: 0;
    }
    #spmovieArea .movie-list li .ttl {
        position: relative;
        width: 40% !important;
        left: auto !important;
        right: auto !important;
        margin: 0 auto;
        top: inherit;
        transform: translateY(0);
    }
    #spmovieArea .movie-list li:last-child .ttl {
        width: 51.54% !important;
        right: 0;
    }

    #spmovieArea .movie-list li .movie-box {
        width: 100%;
        float: none;
        margin-top: 11.5vw;
    }

    #songArea,
    #spSongArea {
        position: relative;
        width: 100%;
        max-width: auto;
        padding: 0;
    }
    #spLyricArea {
        position: relative;
        width: 100%;
        padding: 10.25vw 0 0;
        max-width: auto;
    }
    #spLyricArea .ttl {
        width: 87.4%;
        margin: 0 auto 13vw;
    }
    #spLyricArea .lyric-column {
        width: 100%;
        float: none;
    }
    #spLyricArea .acord-box,#spFlumpoolArea .acord-box {
        position: relative;
        width: 100%;
        padding: 12.5vw 6.3%;
        background: #fff;
    }
    #spLyricArea .song-info {
        width: 100%;
        margin: 0!important;
    }
    #songArea .lyric-column p,
    #songArea .lyric-column p:nth-child(1),
    #spSongArea .lyric-column p,
    #spSongArea .lyric-column p:nth-child(1) {
        margin-top: 10.6vw;
    }

    #spFlumpoolArea .ph {
        padding: 7vw 6.5%;
    }
    #spFlumpoolArea .flumpool-intro p {
        margin-top: 11.1584vw;
    }


    /*======================================
        That's WOW!
    ======================================*/
    #thatsWowTop {
        font-size: 0;
    }
    #thatsWowTop #spMainArea .content-box .txt-box {
        padding: 9vw 9%;
    }
    #thatsWowTop #spMainArea .content-box .txt-box p {
        margin-top: 6.6vw;
    }
    #thatsWowTop #spMainArea .content-box .txt-box p:nth-child(1) {
        margin-top: 0;
    }
    #thatsWowTop #spMainArea .content-box:nth-child(2) .txt-box p:nth-child(4) {
        margin-top: 18.6vw;
    }

    #thatsWowTop .product-info {
        padding: 12.2vw  10.9%;
    }
    #thatsWowTop .product-info .blurb-txt {
        margin-top: 9vw;
    }
    #thatsWowTop .product-info .intro-txt {
        margin-top: 8vw;
    }

    /*======================================
    PRODUCT
    ======================================*/
    #product .mainimg-area {
        background: none;
    }
    #product .mainimg-area .product-img {
        width: 88.0445333%;
    }
    #product .mainimg-area .catch-white {
        width: 15.45906667%;
        top: 22.42456621004566%;
        left: 14.73346667%;
    }
    #product .mainimg-area .catch-black {
        width: 23.31013333%;
        top: unset;
        left: 5.3873333%;
        bottom: 4.673059360730594%;
    }
    .bg-area i {
        display: block;
        font-size: 0;
        line-height: 0;
    }
    #product .product-info-box {
        margin: 0;
        background: none;
    }
    #product .product-info-box .img-box {
        width: 100%;
        margin: 0;
        background: url(/sorachi1984/asset/img/product/productinfo_bg_sp.png) no-repeat;
        background-size: 100%;
        position: relative;
    }
    #product .product-info-box .img-box i {
        display: block;
    }
    #product .product-info-box .catch-txt {
        position: absolute;
        width: 26.4726667%;
        top: 23.12730600155718%;
        left: 38.326667%;
    }

    #product .product-img-area {background: none;}
    #product .product-info-box .txt-box {
        width: 77.1906667%;
        margin: 14.7548% auto 16.15706667%;
        padding: 0;
    }

    .point-box:not(:last-of-type) {margin-bottom: 14.00946573851761%;}
    .point-box dt {margin-bottom: 6.94332648161263%;}

    .point-box.c-dev dt {width: 43.41198417770715%;}
    .point-box.c-dev dd {width: 99.81344894892301%;}

    .point-box.c-sace dt {width: 50.92843694401741%;}
    .point-box.c-sace dd {width: 99.5077125041024%;}

    .point-box.c-s1984 dt {width: 55.99588896757812%;}
    .point-box.c-s1984 dd .txt-list li:first-child {width: 99.01542500820479%;}
    .point-box.c-s1984 dd .txt-list li:nth-child(2) {width: 99.81362168137771%;}
    .point-box.c-s1984 dd .txt-list li:nth-child(3) {width: 99.39370908399979%;}
    .point-box.c-s1984 dd .txt-list li:nth-child(4) {width: 84.17580709239459%;}

    #product .product-info-box .caption-area {width: 99.7979030279993%;}

    #product .product-img-area .point-box {
        width: 77.0548%;
        margin: 14.7608% auto 14.4077333%;
    }
    #product .product-img-area .point-box dt {width: 69.05959568168801%;}

    .mainimg-area {height: auto;}

    /*======================================
    SHOP
    ======================================*/
    #shop .mainimg-area {
        height: auto;
        min-height: unset;
        background: none;
    }
    #shop .mainimg-area .inner {
        min-height: unset;
    }
    #shop .mainimg-area i {
        display: block;
        font-size: 0;
        line-height: 0;
    }
    .shop-ttl,
    .shop-txt {position: unset;}

    .shop-txt-box {
        width: 77.0985333%;
        margin: 15.65346667% auto 19.4564%;
    }
    .shop-txt-box .shop-ttl {
        width: 59.66667761946185%;
        margin-bottom: 6.909945541549429%;
    }
    .shop-txt-box .shop-txt {width: 100%;}
    #shop .conducter-area {
        width: 69.46506667%;
        margin: 0 auto 17.9386667%;
    }
    #shop .conducter-area dd {
        width: 83.24318410404846%;
        margin: 13.15577326157224% auto 0;
    }
    /*======================================
    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;
    }
}

/*-----------------------------
	1200px以上
-----------------------------*/
@media screen and (min-width: 1200px) {
    #contentsWrapper {padding-top: 44px;}
    .inner,
    #headerWrap .header-inner {max-width: 1200px;}
    .mainimg-inner-contents .inner {max-width: 1200px;}

    #headerWrap,
    #headerWrap .def-menu {
        height: 44px;
        max-height: 44px;
    }

    .mainimg-space {width: 1200px !important;}
    #mainSliderWrap li {
        height: 628px;
        max-height: 628px;
    }
    #mainSliderWrap .main-slider li.story-movie {
        background-position: center;
    }
    #conceptArea .screen-box {
        height: 1722px;
        max-height: 1722px;
    }

    /*======================================
        PRODUCT
    ======================================*/
    .mainimg-area {
        min-height: unset;
        max-height: 628px;
        height: 628px;
    }
    #product .product-info-box {
        height: 1288px;
        max-height: 1288px;
        background-position: center;
    }

    /*======================================
        mainimg-area
    ======================================*/
    #shop .mainimg-area {background-size: 100%;}

}
/*-----------------------------
	580px以下(for SP)
-----------------------------*/
@media screen and (max-width: 580px) {

}

/*-----------------------------
	580px以下(for SP) & 横向き
-----------------------------*/
@media screen and (orientation: landscape) and (max-width: 580px) {

}
/*-----------------------------
	360px以下(for SP)
-----------------------------*/
@media screen and (max-width: 360px) {

}