.wordpress-sec {
    padding: 25px 15px;
    border-bottom: 1px solid #ea6da4;
}

.wordpress-sec .pink-btn {
    width: 240px;
    text-align: center;
    display: block;
    margin: 0 auto 15px;
    background-color: white;
    color: #ea6da4;
    border: 1px solid #ea6da4;
    border-radius: 10px;
    padding: 8px 0;
    font-size: 15px;
    font-weight: 600;
}

.wordpress-sec .pink-btn img {
    display: inline-block;
    width: 20px;
    margin-right: 5px;
    vertical-align: middle;
}



.wordpress-sec .post_block {
    margin-bottom: 20px;
}

.wordpress-sec .post_block h1 {
    position: relative;
    height: 260px;
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.wordpress-sec .post_block h1 div.gradient-overlay {
    height: 100%;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ed95bc+37,ed95bc+89&0+0,0+37,1+80 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(237,149,188,0) 37%, rgba(237,149,188,1) 80%, rgba(237,149,188,1) 89%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(237,149,188,0) 37%,rgba(237,149,188,1) 80%,rgba(237,149,188,1) 89%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(237,149,188,0) 37%,rgba(237,149,188,1) 80%,rgba(237,149,188,1) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ed95bc',GradientType=0 ); /* IE6-9 */
}

.wordpress-sec .post_block h1 a {
    font-size: 19px;
    padding: 0 15px;
    color: #222222;
    font-weight: bold;
    display:block;
    position: absolute;
    bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}

.wordpress-sec .post_block p {
    font-size: 14px;
    line-height: 1.3;
    padding: 10px 0;
    font-weight: 600;
}

.wordpress-sec .section-heading {
    background-color: #F4C1D8;
    padding: 10px 20px 10px;
    text-align: center;
    margin: -1px -15px 25px;
    position:relative;
}

.wordpress-sec .section-heading:after {
    display: block;
    content: " ";
    width: 100%;
    height: 25px;
    background-image: url(https://perfectworld.tokyo/halloween_assets/wordpress-sec-border-flip.png);
    background-repeat: no-repeat;
    background-size: 160%;
    background-position: top center;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.wordpress-sec .section-heading h2 {
    color: white;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: bold;
    text-shadow: rgb(1, 1, 1) 2px 0px 0px, rgb(1, 1, 1) 1.75517px 0.958851px 0px, rgb(1, 1, 1) 1.0806px 1.68294px 0px, rgb(1, 1, 1) 0.141474px 1.99499px 0px, rgb(1, 1, 1) -0.832294px 1.81859px 0px, rgb(1, 1, 1) -1.60229px 1.19694px 0px, rgb(1, 1, 1) -1.97998px 0.28224px 0px, rgb(1, 1, 1) -1.87291px -0.701566px 0px, rgb(1, 1, 1) -1.30729px -1.5136px 0px, rgb(1, 1, 1) -0.421592px -1.95506px 0px, rgb(1, 1, 1) 0.567324px -1.91785px 0px, rgb(1, 1, 1) 1.41734px -1.41108px 0px, rgb(1, 1, 1) 1.92034px -0.558831px 0px;
    margin: 0 0 0px;
    text-align: center;
}
.wordpress-sec .section-heading p {
    line-height: 1;
    padding-bottom: 5px
}

.wordpress-sec .section-heading p small {
    font-size: 10px;
    letter-spacing: -1px;
    font-weight: bold;
}

.wordpress-sec .section-heading .twin-border {
    border-top: 4px solid black;
    height: 4px;
    width: 100%;
    border-bottom: 1px solid black;
}

h2.dialouge-heading.news {
    margin: 0 -15px;
    background-image: url(https://perfectworld.tokyo/halloween_assets/wordpress-sec-border.png);
    background-repeat: no-repeat;
    background-size: 160%;
    background-position: bottom center;
    padding-bottom: 40px;
}

h2.dialouge-heading.news span {
    right: 20%;
    top: 28%;
}

h2.dialouge-heading.recommend span {
    left: 22%;
    bottom: 29%;
}

.section,
.wordpress-sec {
    border-bottom: none;
}

.top-banner {
    position: relative;
    width: 100%;
}

.top-banner img {
    display: block;
    width: 40%;
}

.top-banner #middle-asset {
    margin: 0 auto;
}

.top-banner #right-asset {
    float: right;
    margin-top: 15px;
}


.popular-tags{
    list-style: none;
    padding: 20px 10px;
    margin-bottom: 20px;
}

.popular-tags span {
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #ea6da4;
    margin: 0 0 8px;
    line-height: 1;
}

.popular-tags span:last-child {border-right:none;}

.popular-tags span a {
    letter-spacing: 0px;
    font-size: 14px;
    color: #ea6da4;
}

.popular-tags p {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    text-align: center;
}

.special-links {
    margin-bottom: 50px;
}

.special-links .dialouge-heading.special {
    margin-bottom: 0;
}

.special-links .dialouge-heading.special span {
    right: 20%;
    top: 40%;
}

.special-links .my-row .column-3 {
    padding: 5px 10px;
}

.special-links .my-row .column-3 img {
    border-radius: 0;
    border: none;
}

.special-links .my-row .column-3 p {
    text-align: left;
}





.halloween,
.halloween * {
    box-sizing:border-box;
}

.halloween {
    margin: 0 auto;
    padding-top: 0px;
}

.halloween  img {
    width: 100%;
}

img#halloween-heading {
    width: 60%;
    margin: 0 20px 0 auto;
    display: block;
}

.dialouge-sec {
    background: url(https://perfectworld.tokyo/halloween_assets/halloween-bg-header.png) no-repeat;
    background-position: bottom center;
    background-size: 100%;
    padding: 0 15px 230px;
}

.catalog-wrapper {
    padding-bottom: 30px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7b3d86+0,ed8e30+24,bfa1d3+53,ae6159+74,ef8d22+87,a95e6c+100 */
    background: rgb(123,61,134); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(123,61,134,1) 0%, rgba(237,142,48,1) 24%, rgba(191,161,211,1) 53%, rgba(174,97,89,1) 74%, rgba(239,141,34,1) 87%, rgba(169,94,108,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(123,61,134,1) 0%,rgba(237,142,48,1) 24%,rgba(191,161,211,1) 53%,rgba(174,97,89,1) 74%,rgba(239,141,34,1) 87%,rgba(169,94,108,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(123,61,134,1) 0%,rgba(237,142,48,1) 24%,rgba(191,161,211,1) 53%,rgba(174,97,89,1) 74%,rgba(239,141,34,1) 87%,rgba(169,94,108,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b3d86', endColorstr='#a95e6c',GradientType=0 ); /* IE6-9 */
}

.catalog-wrapper .inner {
    position: relative;
    padding: 20px 10px;
    max-width: 90%;
    margin: 0 auto;
    background-color: white;
    border: 3px solid black;
    border-top: 20px solid black;
    border-radius: 20px;

    -webkit-box-shadow: 2px 2px 5px 0px rgba(102,102,102,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(102,102,102,1);
    box-shadow: 2px 2px 5px 0px rgba(102,102,102,1);
}

.catalog-wrapper .inner > h3 {
    margin: 0;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 20px;
}

.catalog-wrapper .inner > h3 small {
    display: block;
    font-size: 14px;
    text-align: center;
}

.catalog-wrapper .text-box h5 {
    font-size: 15px;
    color: #eb93ba;
    margin: 0 0 10px;
}

.catalog-wrapper .text-box p {
    font-size: 13px;
    line-height: 1.1;
    font-weight: bold;
}

.catalog-wrapper .text-box p span {
    color: #eb93ba;
}

.catalog-wrapper .inner #bubble-one {
    width: 35%;
    position: absolute;
    left: -10px;
    top: 50px;
    z-index: 15;
}

.catalog-wrapper .inner #bubble-two {
    position: absolute;
    width: 35%;
    z-index: 15;
    right: -20px;
    top: 60px;
}

.catalog-wrapper .inner #bubble-three {
    position: absolute;
    width: 35%;
    z-index: 15;
    top: 250px;
    right: -20px;
}

.dialouge-sec > img {
    display: block;
    max-width: 70%;
    width: 100%;
}

.dialouge-sec > img.left-message {
    margin: 0 auto 0 0;
}

.dialouge-sec > img.right-message {
    margin: 0 0 0 auto;
}

.catalog-wrapper .catalog-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 60px;
}

.catalog-wrapper .catalog-row .col-img {
    width: 43%;
}

.catalog-wrapper .catalog-row .col-content {
    width: 52%;
    padding: 0 5px 0;
}

.catalog-wrapper .catalog-row .col-content h4 {
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    color: #eb93ba
}

.catalog-wrapper .catalog-row .col-content h3 {
    font-weight: bold;
    font-size: 15px;
    margin: 0;
}

.catalog-wrapper .catalog-row .col-content p {
    font-size: 13px;
    line-height: 1.1;
}

.catalog-wrapper .catalog-row .col-img img {
    width: 100%;
}

.halloween .bottom-sec h3 {
    font-size: 135.28571%;
    font-weight: 500;
    margin: 20px 0 30px;
    text-align: center;
    line-height: 25px;
}

.halloween .bottom-sec {
    padding-top: 15px;
    background-image: url(https://perfectworld.tokyo/halloween_assets/seperator-image.jpg);
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: top center;
}

.halloween .bottom-sec h3 small {
    font-size: 70%;
    font-weight: normal;
}

.halloween .catalog-gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.halloween .catalog-gallery .gallery-col {
    width: 30%;
    margin-bottom: 10px;
}

.halloween .catalog-gallery .gallery-col a {
    display: block;
    color: #222222;
}

.halloween .catalog-gallery .gallery-col img {
    display: block;
}

.halloween .catalog-gallery .gallery-col a h4 {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    margin: 5px 0 5px;
}

.halloween .bottom-sec .social-media-icons {
    display: block;
    text-align: center;
    margin: auto;
    width: 80%;
}

.halloween .bottom-sec .social-media-icons .twitter-button {
    background-color: #59adeb;
    padding: 10px;
    margin-bottom: 20px;
}

.halloween .bottom-sec .social-media-icons .facebook-button {
    background-color: #376398;
    padding: 10px;
    margin-bottom: 20px;
}

.halloween .bottom-sec .social-media-icons a {
    text-decoration: none;
    color: white;
    text-align: center;
    display: block;
}

.halloween .bottom-sec .social-media-icons img {
    width: 10%;
    margin-left: -50px;
    margin-right: 25px;
}

.halloween .bottom-sec .social-media-icons .facebook-button img {
    width: 6%;
    margin-right: 30px;
}

/*SLIDER OVERRIDE-----------*/
.flex-control-nav {display: none;}
.lucky-slider .flex-control-nav {
    display: block;
}

.lucky-slider .flex-control-nav li {
    margin: 0 15px;
}

.lucky-slider .flex-control-paging li a {
    background: rgba(255,204,204,0.6);
    box-shadow: none;
}

.lucky-slider .flex-control-paging li a.flex-active {
    background: rgba(255,204,204,1);
}

.home-slider {position: relative;}
.home-slider .flexslider.front { border: none; border-radius: 0; margin-bottom: 0; }
.home-slider > img {
    position: absolute;
    width: 110%;
    left: 0;
    bottom: 0;
}


.custom-slider {display: none; position: relative;}
.custom-slider #custom-frame {position: absolute; left: 0; top: 0;}

@media screen and (max-width: 1000px) {

    .custom-slider { display: block; max-width: 576px; margin: 0 auto;}
    .custom-slider .flexslider {overflow: hidden;}
    .custom-slider .flex-viewport {overflow: hidden; max-height: 480px; margin-top: -50px;}
}


@media screen and (max-width: 700px) {
    .custom-slider {  max-width: 400px; margin: 0 auto;}
    .custom-slider .flex-viewport { max-height: 350px; }
}

@media screen and (max-width: 510px) {
    .custom-slider { max-width: 330px;; margin: 0 auto;}
    .custom-slider .flex-viewport { max-height: 275px; margin-top: -30px; }
}

@media screen and (max-width: 510px) {
    .custom-slider { max-width: 330px;; margin: 0 auto;}
    .custom-slider .flex-viewport { max-height: 275px; margin-top: -30px; }
}

@media screen and (max-width: 425px) {
    .custom-slider { max-width: 330px;; margin: 0 -10px;}
    .custom-slider .flex-viewport { max-height: 265px; margin-top: -30px; }
}




.special-button {

    position: relative;
    max-width: 300px;
    line-height: 68px;
    color: black;
    text-align: center;
    width: 100%;
    display: block;
    margin: 50px auto 70px;
    height: 72px;
    font-size: 17px;
    font-weight: bold;
    border: 2px solid black;
    box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
    border-radius: 10px;
    background-color: #f4a330;
    background-size:cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: pulse-new 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse-new 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse-new 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse-new 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.special-button img {
    display: inline-block;
    width: 35%;
    vertical-align: middle;
}

.special-button img span {
    display: inline-block;
    vertical-align: middle;
}

.special-button:hover
{
    -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse-new {to {box-shadow: 0 0 0 45px rgba(159, 86, 103, 0);}}
@-moz-keyframes pulse-new {to {box-shadow: 0 0 0 45px rgba(159, 86, 103, 0);}}
@-ms-keyframes pulse-new {to {box-shadow: 0 0 0 45px rgba(159, 86, 103, 0);}}
@keyframes pulse-new {to {box-shadow: 0 0 0 45px rgba(159, 86, 103, 0);}}


.section.section--main .boxlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.section.section--main .boxlist .box {
    width: 33%;
    float: none;
    box-sizing: border-box;
}

.section.section--main .boxlist .box .box__inner {
    padding: 8px 8px 6px;
    box-sizing: border-box;
}

.section.section--main .boxlist .box .box__name {
    font-size: 12px;
    line-height: 1.2;
    color: #ea6da4;
}

.section.section--main .boxlist .box .box__price {
    font-size: 14px;
    color: #ea6da4;
}


section.open-sale {
    text-align: center;
}

section.open-sale .new-header {
    width: 100%;
    height: calc(100vh - 70px);
    max-height: 850px;
    min-height: 400px;
    background: url(https://perfectworld.tokyo/colorme_assets/images/top-cover.png) no-repeat center/cover;
    position: relative;
}

section.open-sale .new-header img {
    position: absolute;
    width: auto;
    height: 200px;
    bottom: 0;
}

section.open-sale .sec-header p {
    font-size: 19px;
    padding-top: 15px;
    font-weight: bold;
}

section.open-sale .sec-header h2 {
    font-size: 42px;
    display: inline-block;
    border-bottom: 1px solid grey;
    color: #e11e2e;
    padding: 5px 0 0;
    font-weight: normal;
    margin-bottom: 70px;
}

section.open-sale .anchor-row {
    display: flex;
    flex: row;
    margin-bottom: 60px;
}

section.open-sale .anchor-row > a {
    display: block;
    width: 25%;
    box-sizing: border-box;
    background-color: white;
    text-align: center;
    font-weight: bold;
    color: black;
    padding: 20px 0;
    border: 3px solid #fbcbe1;
}

section.open-sale .new-header img#mascot-right {right: 0;}
section.open-sale .new-header img#mascot-left {left: 0;}


section.open-sale section.section {
    margin-bottom: 40px;
}

section.open-sale .boxlist .box {
    width: 33.3%;
    box-sizing: border-box;
    margin-bottom: 15px;
}

section.open-sale .boxlist .box a {
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    line-height: 1.35;
    text-decoration: none;
    color: black;
}

section.open-sale .boxlist .box a span {
    color: #e11e2e;
}

section.open-sale .lucky-sec {
    margin-bottom: 60px;
}

section.open-sale .lucky-sec h2 {
    font-weight: bold;
    text-align: center;
    padding: 0 0 10px;
    font-size: 22px;
}

section.open-sale .lucky-sec h3 {
    text-align: left;
    font-weight: bold;
    font-size: 19px;
    padding: 0 10px;
}

section.open-sale .lucky-sec p {
    text-align: left;
    font-size: 17px;
    padding: 0 10px;
}

section.open-sale .pointers {
    margin-bottom: 75px;
    margin-top: -30px;
}

section.open-sale .pointers img {
    display: block;
    width: 8%;
    margin: 0 auto 15px;
}

section.open-sale > p {
    font-weight: bold;
    margin-bottom: 30px;
}



.snoopy-row {
    margin-bottom:0px;
    padding:30px 15px 0;
    border-radius:15px;
    background: url(#) no-repeat;
    background-size: cover;
}

#wordpress-feed {
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #e20d21;
    background-color: white;
}

#wordpress-feed h2 {
    color: white;
    font-size: 16px;
    padding: 10px;
    background-color: #e20d21;
    margin-bottom: 0;
}

#wordpress-feed > a {
    color: white;
    font-size: 16px;
    padding: 6px 10px;
    background-color: #e20d21;
    display: block;
    text-decoration:none;
}

.speech-bubble {
    padding:0 5px;
}

.speech-bubble .bubble p {
    font-size: 14px;
    line-height: 2;
    font-weight: 400;
    background-color: #F4C9DD;
    padding: 15px 30px;
    border-radius: 15px;
}

.speech-bubble .bubble {
    background: url(https://img21.shop-pro.jp/PA01418/427/etc/bubble_pink.png?cmsp_timestamp=20181226133037) no-repeat;
    background-size: 35px;
    background-position: 25px 0;
    padding-top: 25px;
}

.speech-bubble .col-3 {
    max-width: 15%;
}

.speech-bubble.right-align .col-3 {
    margin: 0 0 0 auto;
}

.speech-bubble.right-align .bubble {
    background: url(https://img21.shop-pro.jp/PA01418/427/etc/bubble_pink-right.png?cmsp_timestamp=20190127225654) no-repeat;
    background-size: 35px;
    background-position: 90% 0;
    padding-top: 25px;
}

.speech-bubble .col-3 img {width:100%;}

.speech-bubble .col-10 {
    max-width: 83%;
    margin: 0 auto;
}

.flexslider.snoopyslider {
    border: none;
    background-color: transparent;
}

.snoopy-row .block-heading {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 0px 0 10px;
    margin-bottom: 10px;
    background-size: 18%;
    background-position: left center;
    background-repeat: no-repeat;
}

.snoopy-row .flex-control-nav {
    display:block;
}


section.list-cat{
    padding: 0 10px;
}

section.list-cat .category{
    margin-bottom: 40px;
}

section.list-cat ul {
    list-style: none;
}

.category h3{
    font-size: 14px;
    font-weight: bold;
    border-left: solid 5px #e96da3;
    border-bottom: solid 1px #e96da3;
    padding: 0 0 5px 10px;
    margin: 0 0 10px;
}

.category ul{
    overflow: hidden;
    margin-bottom: -10px;
}

.category ul li{
    width: 100%;
    height: 40px;
    border: solid 1px #e9bacf;
    position: relative;
    margin-right: 2%;
    margin-bottom: 2%;
    float: center;
    box-sizing: border-box;
}

.category ul li a:hover .cat-name,
.category ul li a:hover .cat-dir{
    color: #e96da3;
}

.category ul li:nth-child(2n){
    margin-right: 0;
}

.category ul li:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.category ul li .cat-thumb,
.category ul li .cat-name{
    display: block;
    float: left;
}

.category ul li .cat-thumb{
    width: 40px;
    padding: 5px;
}

.category ul li .cat-name{
    font-size: 12px;
    font-weight: bold;
    padding: 8px 0 7px;
    letter-spacing: -1px;
}

.category ul li .cat-dir{
    width: 12px;
    height: 14px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    display: block;
    right: 2px;
    color: #e96da3;
}

.category ul li.more{
    width: 100%;
    height: 30px;
    border: solid 1px #e9bacf;
    position: relative;
    margin-right: 0;
    margin-bottom: 0;
    float: none;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    color: #e9bacf;
}

.category ul li.more .cat-name{
    width: 100%;
    text-align: center;
    color: #e9bacf;
}

.category ul li.more .cat-name,
.category ul li.more .cat-dir{
    color: #e9bacf;
}

a {
    color:#e9bacf;
}

.img-feature-row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
}

.img-feature-row img {
    width:25%;height:25%;
}



#headline-sec {
    display:block !important;
    background-color: rgba(255,255,255,0.7);
    padding: 30px 10px;
    margin: 0 0px 20px;
    box-sizing:border-box;
}

#headline-sec > h2, #headline-sec > a {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
    color: black;
}

#headline-sec .col-small {
    padding: 10px 20px 10px 0;
}

#headline-sec .col-small {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing:border-box;
}

#headline-sec .col-small img {
    border-radius: 50%;
    border:1px solid #ea6da4;
}

#headline-sec .col-wide {
    border-bottom: 1px solid #ea6da4;
    padding: 10px 0;
    box-sizing:border-box;
}

#headline-sec .col-wide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

#headline-sec .col-wide a big {
    display: block;
    font-size: 18px;
}

#headline-sec .headline-tags {
    list-style: none;
    margin: 30px 0 15px;
    padding: 0;
}

#headline-sec .headline-tags li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

#headline-sec .headline-tags li a {
    display: block;
    padding: 8px 25px;
    border: 1px solid #ea6da4;
    border-radius: 20px;
    font-size: 14px;
    color: black;
}

#headline-sec .col-wide a {
    color: black;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}

iframe#fetch-wp-mobile {
    border: 10px solid #ea6da4;
    border-right: none;
    display:block;
    margin:0 auto 30px;
}

iframe#fetch-keyword-mobile {
    border: none;
    display:block;
    width:100%;
}


body::before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: -2;
    background: url(https://perfectworld.tokyo/colorme/top_back_banner_now.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body #myVideo {
    /*
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      height: 100vh;
      z-index: -1;
      transform: translate(-40%);
    */
}

body > .outer {
    background-color:white;
    z-index:1;
    padding-top:0;
}

#top-arrow {
    position: absolute;
    left: 50%;
    background: url(https://perfectworld.tokyo/shop/img/index/arrow_new.png) no-repeat center center;
    background-size: contain;
    box-sizing: border-box;
    padding: 0.25%;
    bottom: -17px;
    margin-left: -60px;
    margin-top:-100px;
    width: 120px;
    height: 120px;
    display:block !important;
}

.wrapper {position:static;}
#fixed-cover{
    display:block !important;
    height:100vh;
    position:relative;
}

#perfect_world_insta {
    max-width: 600px;
    margin: 0 auto 60px;
}

#perfect_world_insta h2 {
    text-align: left;
    font-size: 26px;
    height: 60px;
    line-height: 60px;
    padding-left: 80px;
    background: url(https://img21.shop-pro.jp/PA01418/427/etc/icon-insta.png?cmsp_timestamp=20190208163548) 15px center / 50px no-repeat;
    margin: 0 0 10px;
    font-weight: normal;
}

#perfect_world_insta h2 a {
    text-decoration: none;
    color: #b89ec8;
}

.instagram_gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1px;
    background-color: #ed95bc;
    justify-content: space-between;
}

.instagram_gallery a.instagram-sidecar,
.instagram_gallery a.instagram-image,
.instagram_gallery a.instagram-video{
    display: block;
    width: 33.3%;
    margin-bottom: 0px;
    border: 1px solid #ed95bc;
    box-sizing: border-box;
    position: relative;
    line-height:1;
}

.instagram_gallery a.instagram-sidecar:after,
.instagram_gallery a.instagram-image:after,
.instagram_gallery a.instagram-video:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.6);
    background-image: url(https://www.perfectworld.tokyo/assets/img/insta-icon.png);
    background-size: 25%;
    background-position: center;
    content: " ";
    z-index: 1;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.4s linear opacity;
}

.instagram_gallery a.instagram-sidecar:hover:after,
.instagram_gallery a.instagram-image:hover:after,
.instagram_gallery a.instagram-video:hover:after {
    opacity: 1;
}

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

.miffy-news #wordpress-feed {
    border: 1px solid rgb(255, 87, 34);
}

.miffy-news #wordpress-feed h2 {
    background-color: rgb(255, 87, 34);
}

.miffy-news #wordpress-feed > a {
    background-color: rgb(255, 87, 34);
}

.ghost_button_list {
    padding: 0 15px;
    position:relative;
}

.ghost_button_list a {
    display: inline-block;
    padding: 15px 40px;
    border: 1px solid #ea6da4;
    border-radius: 30px;
    margin: 0px 20px 10px 0;
    color: black;
    font-size: 16px;
    font-weight: bold;
}

button.close_banner_list {
    background-color: #ea6da4;
    border: none;
    position: absolute;
    bottom: 10px;
    right: 11px;
    padding:5px;
}

button.close_banner_list .fa-close {
    color: white;
    font-size: 30px;
}

img.open_banner_list {
    display: block;
    margin-bottom: 10px;
}

@media screen and (min-width: 350px){
    .embedsocial-stories {height:555px;margin-top:20px;}
}

@media screen and (min-width: 370px){
    .embedsocial-stories {height:570px;}
}

@media screen and (min-width: 390px){
    .embedsocial-stories {height:600px;}
}

.info_block.container_section {padding: 10px 20px;}

#perfect_world_twitter {
    padding: 0 20px;
    margin-bottom:20px;
}

.product_carousel {
    padding: 0 10px;
}

.product_carousel .flexslider {
    border: none;
}

.product_carousel h2 {
    text-align: center;
    margin: 0 0 10px;
    font-weight: 600;
    font-family: 'Lemon', cursive;
    font-weight: bold;
}

.product_carousel h3 {
    font-weight: 600;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    color: #ea6da4;
    margin: 10px 0 5px;
}

.product_carousel h3 a {
    color: #ea6da4;
}

.product_carousel h3 + p {
    color: #ea6da4;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.product_carousel .my-row .column-3 img {
    border: none;
    border-radius: 0;
}

.product_carousel .flex-direction-nav a:before {
    color: rgba(234,109,164,.7);
    font-size: 32px;
}

#new-arrival .new_slider {
    /* margin-bottom: 20px; */
  margin-bottom: 0;
}

#new-arrival .img_button {
    width: calc(100% + 20px);
    margin-left: -10px;
    display: block;
    margin-bottom: 50px;
}

/* wp rest api block snoopy, miffy*/
.scroll-wrapper {
    height: 500px;
    overflow: auto;
    font-family: unset;
}

.scroll-wrapper::-webkit-scrollbar {
    width: 10px;
}

.scroll-wrapper::-webkit-scrollbar-thumb {
    background: #f1f1f1;
    border: 1px solid #cccccc;
    border-radius: 0px;
}

.scroll-wrapper::-webkit-scrollbar-track {
    background: rgb(255, 87, 34);
    border-radius: 0px;
}

.post-first {
    position: relative;
}

.post-first img {
    width: 100%;
}

.post-first a {
    position: absolute;
    width: 90%;
    right: 0;
    bottom: 30px;
    background-color: rgba(72, 165, 60, 0.8);
    padding: 10px;
    color: white;
    font-size: 16px;
}

.post-row {
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 15px 0 12px 35%;
    border-bottom: 1px solid rgb(255, 87, 34);
}

.post-row a {
    color: black;
    font-size: 16px;
    text-decoration: none;
}

/* overwrite for snoopy scrollbar*/
#output_snoopy.scroll-wrapper::-webkit-scrollbar-track {
    background: #e20d21;
    border-radius: 0px;
}

#output_snoopy .post-row {
    border-bottom: 1px solid #e20d21;
}

/* 230318 added instagram feed originalfrom WP-japan*/
div#instagram-feed {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
}

div#instagram-feed .insta {
    width: 33%;
    margin-bottom: 4px;
}

.insta img {
    max-width: 100%;
}


.wrapper {
    height: 100%;
    /* height: 100vh;  */
    position: relative;
    width: 100%;
}

#myVideo {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateX(-50%)
    translateY(-50%);
    min-height: 100%;
    min-height: 100vh;
    min-width: 100%;
    min-width: 100vw;
    max-width: 100%;
    z-index: -1;
}

/* new item slider div height*/
li.flex-wrap-column div {
    height: 317px;
}

.masthead .bx-wrapper {padding-bottom:15px;}
.masthead .bx-wrapper .bx-pager.bx-default-pager a {opacity: .6;}

/* 2025-08-08 slider waku*/
.slider{
      position: relative;
}

img#nami-bottom {
 position: absolute;
    bottom: 30px;
    z-index: 100;
}
.bx-controls.bx-has-pager {
    margin-top: 52px;
}