@charset "utf-8";

/* ======================================================
 * pomera_anniversary_campaign.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Common
 * - Header
 * - Gnav
 * - Main
 * - Assist
 * - Footer
 * - Page Component
 * - Clearfix
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Common
 * - Header
 * - Gnav
 * - Main
 * - Assist
 * - Footer
 * - Page Component
 * - Clearfix
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  /* -js-hero-animation- */
  .pomera-anniv-hero-layout .js-hero-animation {
    opacity: 0;
  }
  .pomera-anniv-hero-layout .js-hero-animation.show {
    opacity: 1;
  }
  .pomera-anniv-hero-layout .hero_visual.js-hero-animation.show {
    transition: all 1.0s linear 0s;
  }
  .pomera-anniv-hero-layout .hero_heading.js-hero-animation.show {
    transition: all 1.2s linear 1.7s;
  }
  .pomera-anniv-hero-layout .hero_lead.js-hero-animation.show {
    transition: all 1.0s linear 2.5s;
  }
  .pomera-anniv-hero-layout .hero_entry.js-hero-animation.show {
    transition: all 1.0s linear 2.5s;
  } 
  .pomera-anniv-hero-layout .hero_close.js-hero-animation.show {
    transition: all 1.0s linear 2.5s;
  }
  .pomera-anniv-hero-layout .js-flashing{
    opacity: 0;
  }
  .pomera-anniv-hero-layout .js-flashing.show{
    animation: flashing 1.2s infinite alternate;
  }
  /* -js-scroll-animation- */
  .js-fadein {
    opacity : 0;
    transform : translate(0, 30px);
    transition : all 0.5s linear;
  }
  .js-fadein.scroll_in {
    opacity : 1;
    transform : translate(0, 0);
  }
  /* -js-typing-animation- */
  .js-type-chara {
    opacity : 0;
  }
  .js-type-chara.typing {
    opacity : 1;
  }
  /* ----- font ----- */
  .YuGo {
    font: 1.4rem/2.1 "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 500;
    letter-spacing: 0.2em
  }
  .YuMincho {
    font: 1.8rem/2.2 "游明朝体", "Yu Mincho", "YuMincho", 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', "HG明朝E", "メイリオ", Meiryo, serif;
    font-weight: 100;
    letter-spacing: 0.2em
  }

  /* ----- a ----- */
  a {
    color: #ffffff;
    opacity: 1;
    text-decoration: none;
  }
  a:link {
    color: #ffffff;
  }
  a:hover {
    opacity: 0.8;
  }
  a:visited {
    color: #ffffff;
  }
  .footer-wrap a {
    text-decoration: underline;
  }
  .footer-wrap a:hover {
    text-decoration: none;
    opacity: 1;
  }
  
  /* ----- opacity ----- */
  
  /* ----- animation ----- */
  
  /* ----- transition ----- */
  
  /* ----- sprite ----- */
  
  /* ------------------------------------------------------
   * Header
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Gnav
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Main
  ------------------------------------------------------ */
  div[class*="pomera-anniv"][class*="-layout"] > div[class$="_inner_wrap"] {
    max-width: 1440px;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
  }
  *[class*="pomera-anniv-box-layout"] > div[class$="_inner_wrap"],
  *[class*="pomera-anniv-product-layout"] > div[class$="_inner_wrap"],
  *[class*="pomera-anniv-entry-layout"] > div[class$="_inner_wrap"],
  *[class*="pomera-anniv-pomera10th-layout"] > div[class$="_inner_wrap"] {
    padding-right:50px;
    padding-left:50px;
  }

  /* ------------------------------------------------------
   * Assist
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Footer
  ------------------------------------------------------ */
  .pomera-anniv-footer {
    background: #000000;
    color: #ffffff;
  }
   .pomera-anniv-footer .footer-wrap-v2 {
    border-top: 1px solid #1b1b1b;
  }
  .pomera-anniv-footer .footer-wrap .wrap-inner,
  .pomera-anniv-footer .footer-wrap-v2 .wrap-inner {
    max-width: 1440px;
    margin: 0 auto;
  }
  .pomera-anniv-footer .footer-wrap .wrap-inner {
    padding: 50px 50px 45px;
  }
  .pomera-anniv-footer .footer-wrap-v2 .wrap-inner {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 50px 36px;
    letter-spacing: normal;
  }
  .pomera-anniv-footer .footer-wrap-v2 .footer_logo {
    width: 171px;
    margin-left: 2px;
  }
  .pomera-anniv-footer .footer-wrap-v2 .footer-copyright {
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: normal;
  }
  
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  /* ----- pomera-anniv-hero-layout ----- */
  .pomera-anniv-hero-layout {
    background: #000000;
  }
  .pomera-anniv-hero-layout .hero_inner_wrap {
    position: relative;
    width: 100%;
    height: auto;
  }
  .pomera-anniv-hero-layout .hero_inner_wrap::before {
    content: "";
    display: block;
    padding-top: 60.55%;
  }
  .pomera-anniv-hero-layout .hero_inner_wrap > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .pomera-anniv-hero-layout .hero_visual {
    top: -50px;
    padding: 0 8.3%;
  }
  .pomera-anniv-hero-layout .hero_heading {
    top: -50px;
    padding: 11.5% 27% 0 28.4%;
  }
  .pomera-anniv-hero-layout .hero_lead {
    top: -50px;
    padding: 9.8% 9.6% 0 86.5%;
  }
  .pomera-anniv-hero-layout .hero_entry {
    top: -50px;
    padding: 22.5% 83.5% 0 6%;
  }
  .pomera-anniv-hero-layout .hero_close {
    padding: 46% 30% 9.7% 30%;
  }
  .pomera-anniv-hero-layout .scroll_icon {
    padding: 53.2% 48% 0;
  }
  
  /* ----- pomera-anniv-box-layout ----- */
  .pomera-anniv-box-layout-v1 {
    background: #0d1013;
  }
  .pomera-anniv-box-layout-v1 .box_inner_wrap {
    min-height: 681px;
    background: url(/pomera/10th/campaign/img/campaign_bg01.jpg) center 0  no-repeat;
  }
  .pomera-anniv-box-layout-v1 .text_box {
    padding-top: 150px;
  }
  .pomera-anniv-box-layout-v1 .text_box .text-paragraph {
    margin-top: 25px;
  }
  .pomera-anniv-box-layout-v1 .social_box {
    margin-top: 100px;
  }
  
  /* ----- pomera-anniv-product-layout ----- */
  /* pomera-anniv-product-layout-v1 */
  .pomera-anniv-product-layout-v1 {
    background: #000000;
  }
  .pomera-anniv-product-layout-v1 > .product_inner_wrap {
    position: relative;
    padding-top: 37px;
    padding-bottom: 120px;
  }
  .pomera-anniv-product-layout-v1 > .product_inner_wrap::before {
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    left: 50px;
    width: calc(100% - 100px);
    height: 50px;
    background: #000000;
  }
  .pomera-anniv-product-layout-v1 .product_title {
    height: 686px;
    padding-top: 98px;
    background: url(/pomera/10th/campaign/img/campaign_bg02.png) center 0 no-repeat;
  }
  .pomera-anniv-product-layout-v1 .product_description {
    width: 505px;
    margin: 0 auto;
  }
  .pomera-anniv-product-layout-v1 .product_description > img {
    margin-top: 70px;
  }
  .pomera-anniv-product-layout-v1 .product_description > p {
    margin-top: 50px;
    text-align: left;
  }
  
  /* pomera-anniv-product-layout-v2 */
  .pomera-anniv-product-layout-v2 {
    background: #000000;
  } 
  .pomera-anniv-product-layout-v2 .product_inner_wrap{
    max-width: 100vw!important;
    padding-right: 0!important;
    padding-left: 0!important;
  }
  .pomera-anniv-product-layout-v2 .product_title {
    position: relative;
    width: 100%;
    min-height: 680px;
    background: #0d1013 url(/pomera/10th/campaign/img/campaign_bg03.jpg) center 0 no-repeat;
    overflow: hidden;
  }
  .pomera-anniv-product-layout-v2 .product_title .product_title_inner {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
  }
  .pomera-anniv-product-layout-v2 .product_title .product_title_inner::before {
    content: "";
    display: block;
    position: absolute;
    top: -172px;
    left: 50px;
    width: calc(100% - 100px);
    max-width: 1440px;
    height: 50px;
    background: #000000;
  }
  .pomera-anniv-product-layout-v2 .product_heading ul {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 172px;
  }
  .pomera-anniv-product-layout-v2 .product_description {
    margin-top: 60px;
  }
  .pomera-anniv-product-layout-v2 .product_images {
    position: relative;
    max-width: 1440px;
    height: auto;
    margin: 0 auto;
    padding: 0 120px;
  }
  .pomera-anniv-product-layout-v2 .product_images::before {
    content: "";
    display: block;
    padding-top: 168.66%; /* 1:1 */
  }
  .pomera-anniv-product-layout-v2 .product_images > ul {
    position: absolute;
    top: -186px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 120px;
  }
  
  /* pomera-anniv-product-layout-v3 */
  .pomera-anniv-product-layout-v3 {
    background: #c9cbd0;
  } 
  .pomera-anniv-product-layout-v3 > .product_inner_wrap {
    padding-top: 113px;
    padding-bottom: 120px;
    background: url(/pomera/10th/campaign/img/campaign_bg04.png) center 0 no-repeat;
  }
  .pomera-anniv-product-layout-v3 .product_heading{
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
  }
  .pomera-anniv-product-layout-v3 .sub_heading {
    display: block;
  }
  .pomera-anniv-product-layout-v3 .product_heading ul {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .pomera-anniv-product-layout-v3 .product_description {
    margin-top: 40px;
    color: #000000;
  }
  .pomera-anniv-product-layout-v3 .product_images {
    margin-top: 50px;
  }
  
  /* ----- pomera-anniv-entry-layout ----- */
  .pomera-anniv-entry-layout {
    background: #000000;
  } 
  .pomera-anniv-entry-layout .entry_inner_wrap {
    max-width: 100vw!important;
    padding-right: 0!important;
    padding-left: 0!important;
  }
  .pomera-anniv-entry-layout .entry_title {
    position: relative;
    width: 100%;
    min-height: 661px;
    padding: 0 120px;
    background: #0d1013 url(/pomera/10th/campaign/img/campaign_bg05.jpg) center 0 no-repeat;
    overflow: hidden;
  }
  .pomera-anniv-entry-layout .entry-period {
    margin-top: 76px;
  }
  .pomera-anniv-entry-layout .entry_heading {
    margin-top: 65px;
    font-size: 5.8rem;
    line-height: 1;
  }
  .pomera-anniv-entry-layout .entry_heading + p {
    margin-top: 40px;
  }
  .pomera-anniv-entry-layout .entry-button a {
    display: inline-block;
    position: relative;
    max-width: 800px;
    width: 100%;
    margin-top: 47px;
    padding: 44px 30px 68px 10px;
    background-color: #ffffff;
    background-image: url(/pomera/10th/campaign/img/campaign_tx04.png);
    background-repeat: no-repeat;
    background-position: calc(50% - 12px) calc(50% + 24px);
    background-size: 182px 14px;
    font-size: 3rem;
    line-height: 1;
    font-weight: 500;
    color: #0d1013;
  }
  .pomera-anniv-entry-layout .entry-button a:visited {
    color: #0d1013;
  }
  .pomera-anniv-entry-layout .entry-button a::after {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    right: 25px;
    width: 57px;
    height: 57px;
    background: url(/pomera/10th/campaign/img/campaign_ic01.png);
    background-size: 57px 57px;
    transform: rotate(-90deg);
  }
  .pomera-anniv-entry-layout .close-button {
    margin-top: 68px;
  }
  .pomera-anniv-entry-layout .entry_guidelines {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    padding-right: 120px;
    padding-left: 120px;
    text-align: left;
  }
  .pomera-anniv-entry-layout .entry_guidelines::before {
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    left: 50px;
    width: calc(100% - 100px);
    max-width: 1440px;
    height: 50px;
    background: #000000;
  }
  .pomera-anniv-entry-layout .guidelines_inner {
    padding: 45px 7.22% 90px;
  }
  .pomera-anniv-entry-layout .guidelines_heading {
    display: inline-block;
    font-size: 3rem;
    line-height: 1.5;
    vertical-align: top;
    border-bottom: 3px solid #ffffff;
  }
  .pomera-anniv-entry-layout .list-bullet {
    letter-spacing: normal;
  }
  .pomera-anniv-entry-layout .list-bullet > li > h4 {
    text-indent: 1em;
    margin: 1.5em 0;
  }
  .pomera-anniv-entry-layout .list-bullet > li:first-of-type > h4 {
    margin: 4em 0 1.5em 0;
  }
  
  /* ----- pomera-anniv-campbanner-layout ----- */
  .pomera-anniv-campbanner-layout .campbanner_inner a {
    display: inline-block;
    position: relative;
    max-width: 800px;
    width: 100%;
    margin-top: 70px;
    padding: 44px 30px 44px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: calc(50% - 12px) calc(50% + 24px);
    background-size: 182px 14px;
    font-size: 3rem;
    line-height: 1;
    font-weight: 500;
    color: #0d1013;
  }
  .pomera-anniv-campbanner-layout .campbanner_inner a:visited {
    color: #0d1013;
  }
  .pomera-anniv-campbanner-layout .campbanner_inner a::after {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    right: 25px;
    width: 57px;
    height: 57px;
    background: url(/pomera/10th/campaign/img/campaign_ic01.png);
    background-size: 57px 57px;
    transform: rotate(-90deg);
  }
  
  /* ----- pomera-anniv-pomera10th-layout ----- */
  .pomera-anniv-pomera10th-layout {
    background: #7f7154;
  }
  .pomera-anniv-pomera10th-layout .pomera10th_inner_wrap {
    padding: 155px 0 143px
  }
  .pomera-anniv-pomera10th-layout .pomera10th_text {
    margin-top: 80px;
    letter-spacing: normal;
  }
  .pomera-anniv-pomera10th-layout .pomera10th_text p {
    margin-top: 2.3em;
  }
  .pomera-anniv-pomera10th-layout .pomera10th_text p:first-of-type {
    margin-top: 0;
  }
  .pomera-anniv-pomera10th-layout .social_box {
    margin-top: 75px;
  }
  
  /* ----- pomera-anniv-entry-layout ----- */
  .pomera-anniv-entry-layout {
    background: #000000;
  } 
  .pomera-anniv-entry-layout .entry_inner_wrap {
    max-width: 100vw!important;
    padding-right: 0!important;
    padding-left: 0!important;
  }
  .pomera-anniv-entry-layout .entry_title {
    position: relative;
    width: 100%;
    min-height: 661px;
    padding: 0 120px;
    background: #0d1013 url(/pomera/10th/campaign/img/campaign_bg05.jpg) center 0 no-repeat;
    overflow: hidden;
  }
  .pomera-anniv-entry-layout .entry-period {
    margin-top: 76px;
  }
  .pomera-anniv-entry-layout .entry_heading {
    margin-top: 65px;
    font-size: 5.8rem;
    line-height: 1;
  }
  .pomera-anniv-entry-layout .entry_heading + p {
    margin-top: 40px;
  }
  .pomera-anniv-entry-layout .entry-button a {
    display: inline-block;
    position: relative;
    max-width: 800px;
    width: 100%;
    margin-top: 47px;
    padding: 44px 30px 68px 10px;
    background-color: #ffffff;
    background-image: url(/pomera/10th/campaign/img/campaign_tx04.png);
    background-repeat: no-repeat;
    background-position: calc(50% - 12px) calc(50% + 24px);
    background-size: 182px 14px;
    font-size: 3rem;
    line-height: 1;
    font-weight: 500;
    color: #0d1013;
  }
  .pomera-anniv-entry-layout .entry-button a:visited {
    color: #0d1013;
  }
  .pomera-anniv-entry-layout .entry-button a::after {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    right: 25px;
    width: 57px;
    height: 57px;
    background: url(/pomera/10th/campaign/img/campaign_ic01.png);
    background-size: 57px 57px;
    transform: rotate(-90deg);
  }
  .pomera-anniv-entry-layout .entry_guidelines {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    padding-right: 120px;
    padding-left: 120px;
    text-align: left;
  }
  .pomera-anniv-entry-layout .entry_guidelines::before {
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    left: 50px;
    width: calc(100% - 100px);
    max-width: 1440px;
    height: 50px;
    background: #000000;
  }
  .pomera-anniv-entry-layout .guidelines_inner {
    padding: 45px 7.22% 90px;
  }
  .pomera-anniv-entry-layout .guidelines_heading {
    display: inline-block;
    font-size: 3rem;
    line-height: 1.5;
    vertical-align: top;
    border-bottom: 3px solid #ffffff;
  }
  .pomera-anniv-entry-layout .list-bullet {
    letter-spacing: normal;
  }
  .pomera-anniv-entry-layout .list-bullet > li > h4 {
    text-indent: 1em;
    margin: 1.5em 0;
  }
  .pomera-anniv-entry-layout .list-bullet > li:first-of-type > h4 {
    margin: 4em 0 1.5em 0;
  }
  


  /* ------------------------------------------------------
   * social_box
  ------------------------------------------------------ */
  .social_title {
    font-size: 0;
  }
  .social_button {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 21px;
  }
  .social_button > li:first-of-type {
    margin: 0 34px 0 -3px;
  }
  .social_button > li img {
    max-height: 39px;
  }
  /* ------------------------------------------------------
   * list
  ------------------------------------------------------ */
  .list-bullet > li {
    position: relative;
    line-height: 1.64;
  }
  .list-bullet > li > h4 {
    text-indent: 1em;
  }
  .list-bullet > li::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 0.78em;
    height: 0.78em;
    background: #ffffff;
  }
  .list-bullet-v2 > li {
    position: relative;
    text-indent: 0.7em;
  }
  .list-bullet-v2 > li::before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 0.21em;
    height: 0.21em;
    border-radius: 50%;
    background: #ffffff;
  }
  .list-order > li > .list_mark {
    margin-right: 0.35em;
  }
  .list-note {
    font-size: 1.3rem;
    line-height: 1.77;
    letter-spacing: normal;
  }
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * PC Media Queries
====================================================== */
/***
@media screen and (min-width: 1921px) {
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
}
***/


/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  /* -js-hero-animation- */
  .pomera-anniv-hero-layout .js-hero-animation {
    opacity: 0;
  }
  .pomera-anniv-hero-layout .js-hero-animation.show {
    opacity: 1;
  }
  .pomera-anniv-hero-layout .hero_visual.js-hero-animation.show {
    transition: all 1.0s linear 0s;
  }
  .pomera-anniv-hero-layout .hero_heading.js-hero-animation.show {
    transition: all 1.2s linear 1.7s;
  }
  .pomera-anniv-hero-layout .hero_lead.js-hero-animation.show {
    transition: all 1.0s linear 2.5s;
  }
  .pomera-anniv-hero-layout .hero_entry.js-hero-animation.show {
    transition: all 1.0s linear 2.5s;
  }
  .pomera-anniv-hero-layout .hero_close.js-hero-animation.show {
    transition: all 1.0s linear 2.5s;
  }
  .pomera-anniv-hero-layout .js-flashing{
    opacity: 0;
  }
  .pomera-anniv-hero-layout .js-flashing.show{
    animation: flashing 1.2s infinite alternate;
  }
  /* -js-scroll-animation- */
  .js-fadein {
    opacity : 0;
    transform : translate(0, 20px);
    transition : all 1s linear;
  }
  .js-fadein.scroll_in {
    opacity : 1;
    transform : translate(0, 0);
  }
  /* -js-typing-animation- */
  .js-type-chara {
    opacity : 0;
  }
  .js-type-chara.typing {
    opacity : 1;
  }
  /* ----- font ----- */
  .YuGo {
    font: 1.2rem/1.92 "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 500;
    letter-spacing: 0.2em
  }
  .YuMincho {
    font: 1.2rem/2.08 "游明朝体", "Yu Mincho", "YuMincho", 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', "HG明朝E", "メイリオ", Meiryo, serif;
    font-weight: 100;
    letter-spacing: 0.2em
  }
  
  /* ----- a ----- */
  a {
    color: #ffffff;
    opacity: 1;
    text-decoration: none;
  }
  a:link {
    color: #ffffff;
  }
  a:hover {
    opacity: 0.8;
  }
  a:visited {
    color: #ffffff;
  }
  .footer-wrap a {
    text-decoration: underline;
  }
  .footer-wrap a:hover {
    text-decoration: none;
    opacity: 1;
  }
  
  /* ----- opacity ----- */
  
  /* ----- transition ----- */
  
  /* ----- sprite ----- */
  
  /* ------------------------------------------------------
   * Header
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Gnav
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Main
  ------------------------------------------------------ */
  div[class*="pomera-anniv"][class*="-layout"] > div[class$="_inner_wrap"] {
    max-width: 100%;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
  }
  *[class*="pomera-anniv-box-layout"] > div[class$="_inner_wrap"],
  *[class*="pomera-anniv-product-layout"] > div[class$="_inner_wrap"],
  *[class*="pomera-anniv-entry-layout"] > div[class$="_inner_wrap"],
  *[class*="pomera-anniv-pomera10th-layout"] > div[class$="_inner_wrap"] {
    padding-right:25px;
    padding-left:25px;
  }

  /* ------------------------------------------------------
   * Assist
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Footer
  ------------------------------------------------------ */
  .pomera-anniv-footer {
    background: #000000;
    color: #ffffff;
  }
   .pomera-anniv-footer .footer-wrap-v2 {
    border-top: 1px solid #1b1b1b;
  }
  .pomera-anniv-footer .footer-wrap .wrap-inner,
  .pomera-anniv-footer .footer-wrap-v2 .wrap-inner {
    max-width: 1440px;
    margin: 0 auto;
  }
  .pomera-anniv-footer .footer-wrap .wrap-inner {
    padding: 42px 42px 30px;
  }
  .pomera-anniv-footer .footer-wrap-v2 .wrap-inner {
    padding: 27px 41px 25px;
    letter-spacing: normal;
  }
  .pomera-anniv-footer .footer-wrap-v2 .footer_logo {
    width: 127px;
  }
  .pomera-anniv-footer .footer-wrap-v2 .footer-copyright {
    margin-top: 15px;
    font-size: 0.9rem;
    line-height: 2.1;
    letter-spacing: normal;
  }
  
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  /* ----- pomera-anniv-hero-layout ----- */
  .pomera-anniv-hero-layout {
    background: #000000;
  }
  .pomera-anniv-hero-layout .hero_inner_wrap {
    position: relative;
    width: 100%;
    padding: 15.5px 0 23.5px;
  }
  .pomera-anniv-hero-layout .hero_visual {
  }
  .pomera-anniv-hero-layout .hero_heading {
    position: absolute;
    top: 15.5px;
    right: 0;
    border: 0;
    left: 0;
    margin: auto;
  }
  .pomera-anniv-hero-layout .hero_lead {
    padding: 0 44px;
  }
  .pomera-anniv-hero-layout .hero_entry {
    margin-top: 20.5px;
    padding: 0 44px;
  }
  .pomera-anniv-hero-layout .hero_close {
    margin-top: 20.5px;
    padding: 0 20px;
  }
  .pomera-anniv-hero-layout .scroll_icon {
    width: 42px;
    margin: 30px auto 0;
  }
  
  /* ----- pomera-anniv-box-layout ----- */
  .pomera-anniv-box-layout-v1 {
    background: #0d1013;
  }
  .pomera-anniv-box-layout-v1 .box_inner_wrap {
    min-height: 449px;
    background: url(/pomera/10th/campaign/img/campaign_bg01.jpg) center 0  no-repeat;
  }
  .pomera-anniv-box-layout-v1 .text_box {
    padding-top: 80px;
  }
  .pomera-anniv-box-layout-v1 .text_box .text-paragraph {
    margin-top: 13px;
  }
  .pomera-anniv-box-layout-v1 .social_box {
    margin-top: 59px;
  }
  
  /* ----- pomera-anniv-product-layout ----- */
  /* pomera-anniv-product-layout-v1 */
  .pomera-anniv-product-layout-v1 {
    background: #000000;
  }
  .pomera-anniv-product-layout-v1 > .product_inner_wrap {
    position: relative;
    padding-top: 27.5px;
    padding-bottom: 90px;
  }
  .pomera-anniv-product-layout-v1 > .product_inner_wrap::before {
    content: "";
    display: block;
    position: absolute;
    top: -24px;
    left: 26px;
    width: calc(100% - 52px);
    height: 24px;
    background: #000000;
  }
  .pomera-anniv-product-layout-v1 .product_title {
    padding: 41.5px 17px 65px;
    background: url(/pomera/10th/campaign/img/campaign_bg02.png) center 0 no-repeat;
    background-size:71.7%;
  }
  .pomera-anniv-product-layout-v1 .product_description {
    max-width: 536px;
    margin: 0 auto;
    padding: 0 15px 0 9px;
  }
  .pomera-anniv-product-layout-v1 .product_description > img {
    margin-top: 61.5px;
  }
  .pomera-anniv-product-layout-v1 .product_description > p {
    margin-top: 35px;
    text-align: left;
  }
  .pomera-anniv-product-layout-v1 .product_images {
    width: 100vw;
    margin-left: -25px;
  }
  
  /* pomera-anniv-product-layout-v2 */
  .pomera-anniv-product-layout-v2 {
    background: #000000;
  }
  .pomera-anniv-product-layout-v2 .product_inner_wrap{
    position: relative;
    background: #0d1013 url(/pomera/10th/campaign/img/campaign_bg03.jpg) center 0 no-repeat;
    background-size: auto 448px;
    padding-bottom: 25px;
  }
  .pomera-anniv-product-layout-v2 .product_inner_wrap::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 26px;
    width: calc(100vw - 52px);
    height: 24px;
    background: #000000;
  }
  .pomera-anniv-product-layout-v2 .product_title {
    width: 100%;
    padding: 0 29px;
    overflow: hidden;
  }
  .pomera-anniv-product-layout-v2 .product_title .product_title_inner {
    margin: 0 auto;
  }
  .pomera-anniv-product-layout-v2 .product_heading ul {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 85.5px;
  }
  .pomera-anniv-product-layout-v2 .product_description {
    margin-top: 44px;
  }
  .pomera-anniv-product-layout-v2 .product_images {
    width: 100%;
    height: auto;
    margin: 50px auto 0;
  }
  
  /* pomera-anniv-product-layout-v3 */
  .pomera-anniv-product-layout-v3 {
    background: #c9cbd0;
  } 
  .pomera-anniv-product-layout-v3 > .product_inner_wrap {
    padding-top: 52px;
    padding-bottom: 25px;
    background: url(/pomera/10th/campaign/img/campaign_bg04.png) center 0 no-repeat;
  }
  .pomera-anniv-product-layout-v3 .sub_heading {
    display: block;
    padding: 0 27.5px 0 30px;
  }
  .pomera-anniv-product-layout-v3 .product_heading {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 24px;
  }
  .pomera-anniv-product-layout-v3 .product_heading ul {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .pomera-anniv-product-layout-v3 .product_heading ul:nth-of-type(n+2) {
    margin-top: 13px;
  }
  .pomera-anniv-product-layout-v3 .product_heading ul >li >img {
    width: auto;
    max-height: 62px;
  }
  .pomera-anniv-product-layout-v3 .product_description {
    margin-top: 32px;
    color: #000000;
  }
  .pomera-anniv-product-layout-v3 .product_images {
    margin-top: 50px;
  }
  
  /* ----- pomera-anniv-entry-layout ----- */
  .pomera-anniv-entry-layout {
    background: #000000;
  }
  .pomera-anniv-entry-layout .entry_inner_wrap {
  }
  .pomera-anniv-entry-layout .entry_title {
    position: relative;
    width: 100vw;
    margin-left: -25px;
    padding: 0 25px 64px;
    background: url(/pomera/10th/campaign/img/campaign_bg05.jpg) center 0 no-repeat;
    background-size: cover;
    overflow: hidden;
  }
  .pomera-anniv-entry-layout .entry-period {
    margin-top: 66.5px;
  }
  .pomera-anniv-entry-layout .entry_heading {
    margin-top: 28px;
    font-size: 2.9rem;
    line-height: 1;
  }
  .pomera-anniv-entry-layout .entry_heading + p {
    margin-top: 19px;
  }
  .pomera-anniv-entry-layout .entry-button a {
    display: inline-block;
    position: relative;
    max-width: 650px;
    width: 100%;
    margin-top: 33px;
    padding: 18px 13px 36px 12px;
    background-color: #ffffff;
    background-image: url(/pomera/10th/campaign/img/campaign_tx04.png);
    background-repeat:no-repeat;
    background-position: calc(50% - 1px) calc(50% + 11px);
    background-size: 95px 8px;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 500;
    color: #0d1013;
  }
  .pomera-anniv-entry-layout .entry-button a:visited {
    color: #0d1013;
  }
  .pomera-anniv-entry-layout .entry-button a::after {
    content: "";
    display: block;
    position: absolute;
    top: 18.5px;
    right: 17.5px;
    width: 33.5px;
    height: 33.5px;
    background: url(/pomera/10th/campaign/img/campaign_ic01.png);
    background-size: 33.5px 33.5px;
    transform: rotate(-90deg);
  }
  .pomera-anniv-entry-layout .close-button {
    margin-top: 20px;
  }
  .pomera-anniv-entry-layout .entry_guidelines {
    position: relative;
    width: 100vw;
    margin-left: -25px;
    text-align: left;
  }
  .pomera-anniv-entry-layout .entry_guidelines::before {
    content: "";
    display: block;
    position: absolute;
    top: -25px;
    left: 26px;
    width: calc(100% - 52px);
    height: 25px;
    background: #000000;
  }
  .pomera-anniv-entry-layout .guidelines_inner {
    padding: 30px 41px 65px;
  }
  .pomera-anniv-entry-layout .guidelines_heading {
    display: inline-block;
    padding-bottom: 3px;
    font-size: 1.5rem;
    line-height: 1.5;
    vertical-align: top;
    border-bottom: 2px solid #ffffff;
  }
  .pomera-anniv-entry-layout .list-bullet {
    letter-spacing: normal;
  }
  .pomera-anniv-entry-layout .list-bullet > li > h4 {
    text-indent: 1em;
    margin: 1.5em 0;
  }
  .pomera-anniv-entry-layout .list-bullet > li:first-of-type > h4 {
    margin: 3.5em 0 1.5em 0;
  }
  
  /* ----- pomera-anniv-campbanner-layout ----- */
  .pomera-anniv-campbanner-layout .campbanner-item a {
    display: inline-block;
    position: relative;
    max-width: 650px;
    width: 100%;
    margin-top: 33px;
    padding: 15px 50px 15px 12px;
    background-color: #ffffff;
    background-repeat:no-repeat;
    background-position: calc(50% - 1px) calc(50% + 11px);
    background-size: 95px 8px;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 500;
    color: #0d1013;
  }
  .pomera-anniv-campbanner-layout .campbanner-item a:visited {
    color: #0d1013;
  }
  .pomera-anniv-campbanner-layout .campbanner-item a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 33.5px;
    height: 33.5px;
    margin-top: -17px;
    background: url(/pomera/10th/campaign/img/campaign_ic01.png);
    background-size: 33.5px 33.5px;
    transform: rotate(-90deg);
  }
  
  /* ----- pomera-anniv-pomera10th-layout ----- */
  .pomera-anniv-pomera10th-layout {
    background: #7f7154;
  }
  .pomera-anniv-pomera10th-layout .pomera10th_inner_wrap {
    padding: 66.5px 0 64px
  }
  .pomera-anniv-pomera10th-layout .pomera10th_logo {
    width: 169px;
    margin: 0 auto;
  }
  .pomera-anniv-pomera10th-layout .pomera10th_text {
    margin-top: 50px;
    letter-spacing: normal;
  }
  .pomera-anniv-pomera10th-layout .pomera10th_text p {
    margin-top: 2.3em;
  }
  .pomera-anniv-pomera10th-layout .pomera10th_text p:first-of-type {
    margin-top: 0;
  }
  .pomera-anniv-pomera10th-layout .social_box {
    margin-top: 43px;
  }


  /* ------------------------------------------------------
   * social_box
  ------------------------------------------------------ */
  .social_title {
    font-size: 0;
  }
  .social_title img {
    max-width: 52px;
  }
  .social_button {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16.5px;
  }
  .social_button > li:first-of-type {
    margin: 0 22.5px 0 -3px;
  }
  .social_button > li img {
    max-height: 26px;
  }
  /* ------------------------------------------------------
   * list
  ------------------------------------------------------ */
  .list-bullet > li {
    position: relative;
    line-height: 1.64;
  }
  .list-bullet > li > h4 {
    text-indent: 1em;
  }
  .list-bullet > li::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 0.78em;
    height: 0.78em;
    background: #ffffff;
  }
  .list-bullet-v2 > li {
    position: relative;
    text-indent: 0.7em;
  }
  .list-bullet-v2 > li::before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 0.21em;
    height: 0.21em;
    border-radius: 50%;
    background: #ffffff;
  }
  .list-order > li > .list_mark {
    margin-right: 0.35em;
  }
  .list-note {
    font-size: 1.3rem;
    line-height: 1.77;
    letter-spacing: normal;
  }
  

  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}


/* ======================================================
 * SP Media Queries
====================================================== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
  .pomera-anniv-product-layout-v3 .product_heading ul >li >img {
    width: auto;
    max-height: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .pomera-anniv-product-layout-v3 .product_heading ul >li >img {
    width: auto;
    max-height: 32px;
  }
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {
  .w375-hidden {
    display: none !important;
  }
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}


/* ======================================================
 * Print
====================================================== */
@media print {
  .pomera-anniv-hero-layout .js-hero-animation,
  .pomera-anniv-hero-layout .js-flashing,
  .js-fadein,
  .js-type-chara {
    opacity : 1;
  }
}
/* ======================================================
 * animation
====================================================== */
@-moz-keyframes flashing{
  from{opacity: 0;}
  to{opacity:1;}
}
@-webkit-keyframes flashing{
  from{opacity: 0;}
  to{opacity:1;}
}
@keyframes flashing{
  from{opacity: 0;}
  to{opacity:1;}
}
@-o-keyframes flashing{
  from{opacity: 0;}
  to{opacity:1;}
}