@charset "utf-8";
/*-----------------------------------------------
 * 01. Template
 * 02. Header
 * 03. Top Contents
 * 04. Footer
 * 05. Modal
 * 06. Sub Page
 *     06 - 01. News
 *     06 - 02. Goods
 *     06 - 03. Lineup
 *     06 - 04. Donation
-------------------------------------------------*/
/*-----------------------------------------------
 * Breakpoint (max-width:768px)
-------------------------------------------------*/
/*-----------------------------------------------
 * 01. Template
-------------------------------------------------*/
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
body{
    -webkit-text-size-adjust: 100%;
    background-color: #fff;
    color: #000;
    font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-feature-settings: "palt";
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.07em;
    line-height: 1.8;
    word-wrap: break-word;
}
.pc{ display: block; }
.sp{ display: none; }
a{ color: #222; }
a:hover{ text-decoration: none; }
.ah { transition: opacity .3s ease; }
.ah:hover { opacity: .7; }
::selection{
	background: #009cdd;
	color: #fff;
}
::-moz-selection{
    background: #009cdd;
    color:#fff;
}
@media screen and (max-width:768px){ 
    html{ font-size: 62.5%; }
    body{
        font-size: 10px; 
        font-size: 1rem;
        min-width: 320px;
    }
    .sp{ display: block; }
    .pc{ display: none; }
    img{ max-width: 100%; height: auto; }
    .ah:hover { opacity: 1; }
}
/* fullWrap */
#fullWrap{ 
    padding-top: 90px;
    padding-left: 280px;
    position: relative;
    z-index: 1;
}
@media screen and (max-width:768px){
    #fullWrap{ 
        padding-top: 50px;
        padding-left: 0;
    }
}
/* main */
.main{
    position: relative;
    z-index: 1;
}
/* one section */
.oneSec{ min-width: 920px; }
.oneSec__comW{
    width: 800px;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .oneSec{ min-width: 100%; }
    .oneSec__comW{
        width: 100%;
        padding: 0 20px;
    }
}
/* loading */
#loading{
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
}
/*-----------------------------------------------
 * 02. Header
-------------------------------------------------*/
.header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
/**
 * headerNavWrap
 */
.headerNavWrap{
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 90px;
    min-width: 1200px;
    position: fixed;
    top: 0;
    left: 0;
}
@media screen and (max-width:768px){
    .headerNavWrap{
        background-color: transparent;
        height: auto;
        min-width: auto;
    }
    .headerNavWrap:after{
        content: "";
        background-color: #fff;
        width: 100%;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1; 
    }
}
/* logo */
.headerNavWrap__logo{
    margin-left: 38px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width:768px){
    .headerNavWrap__logo{
        width: 109px;
        margin-top: 7px;
        margin-right: auto;
        margin-left: auto;
    }
    .headerNavWrap__logo img{
        width: 100%;
    }
}
/* menu trigger */
@media screen and (max-width:768px){
    .mTrigger{
        display: block;
        width: 58px;
        height: 50px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
    }
    .mTrigger__in__lineWrap{
        display: block;
        width: 37px;
        height: 24px;
        margin-top: 14px;
        position: relative;
    }
    .mTrigger__in__lineWrap:before{
        content: "";
        background: url(../img/common/nav_menu.png) no-repeat 0 0 / 100%;
        width: 20px;
        height: 9px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .mTrigger__in__line{
        display: block;
        width: 100%;
        height: 2px;
        transition: transform .3s ease-in-out;
    }
    .mTrigger__in__line:first-child{
        background-color: #ed1e79;
        margin-bottom: 6px;
    }
    .mTrigger__in__line:last-child{
        background-color: #f29600;
    }
    .mTrigger.active .mTrigger__in__line:first-child{
        transform: rotate(12deg) translateY(4px);
    }
    .mTrigger.active .mTrigger__in__line:last-child{
        transform: rotate(-12deg) translateY(-4px);
    }
}
/* nav */
.headerNavWrap__nav{
    margin-right: 20px;
    margin-left: auto;
    position: relative;
    z-index: 0;
}
@media screen and (max-width:768px){
    .headerNavWrap__nav{
        -webkit-overflow-scrolling: touch;
        background-color: #f29600;
        width: 100%;
        height: calc(100vh - 50px);
        margin-right: 0;
        margin-left: 0;
        overflow: auto;
        position: fixed;
        top: 50px;
        left: 0;
        transform: translateX(-100%);
        transition: transform .4s ease-in-out;
    }
    .headerNavWrap__nav.active{
        transform: translateX(0);
    }
}
/**
 * gNavLists
 */
.gNavLists{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width:768px){
    .gNavLists{
        display: block;
        padding: 50px 0;
    }
    .gNavLists:after{
        content: "";
        background: url(../img/common/nav_deco_1.png) no-repeat 0 0 / 100%;
        display: block;
        width: 231px;
        height: 165px;
        margin-right: 20px;
        margin-left: auto;
        pointer-events: none;
    }
}
/* item */
.gNavLists__item{
    margin-right: 30px;
}
@media screen and (max-width:768px){
    .gNavLists__item{
        margin-right: 0;
        margin-bottom: 10px;
        padding-left: 50px;
    }
}
.stand_by{
    opacity: .4;
    pointer-events: none;
}
/* a */
.gNavLists__item__link{
    color: #000;
    font-size: 16px;
    font-weight: 700;
    padding: 6px 0; 
    position: relative;
    text-decoration: none;
}
.gNavLists__item__link:before{
    content: "";
    position: absolute; 
    left: 0;
    right: 0; 
    bottom: 0; 
    width: 100%;
    height: 2px;
    background-color: #000;
    transform: scale(0, 1);
    transform-origin: center; 
    transition: transform .3s ease-in-out;
}
.gNavLists__item__link:hover:before,
.gNavLists__item__link.active:before{
    transform: scale(1);
}
@media screen and (max-width:768px){
    .gNavLists__item__link{
        color: #fff;
        font-size: 20px;
        font-size: 2rem;
        letter-spacing: 0.1em;
    }
    .gNavLists__item__link:before{ content: none; }
}
/**
 * headerLeftWrap
 */
.headerLeftWrap{
    background-color: #f2f2f2;
    width: 280px;
    height: calc(100vh - 90px);
    min-height: 530px;
    position: absolute;
    top: 90px;
    left: 0;
}
.headerLeft{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: calc(100vh - 90px);
}
/* logo */
.headerLeft__logo{
    width: 208px;
    height: 461px;
    margin: auto auto 0;
}
.headerLeft__logo__link{
    background: url(../img/common/main_logo.png) no-repeat 0 0 / 100%;
    display: block;
    width: 100%;
    height: 100%;
}
/**
 * headerLeftWrap bottom
 */
.headerLeft__bottom{
    margin-top: auto;
}
/* copyRight */
.headerLeft__bottom__copyRight{
    color: #000;
    display: block;
    font-size: 10px;
    margin-bottom: 24px;
    padding: 0 38px;
}
/* share */
.headerLeft__bottom__shareWrap{
    background-color: #f29600;
    padding: 16px 0 12px;
}
.headerLeft__bottom__share__dt{
    background: url(../img/common/share_text.png) no-repeat 0 0 / 100%;
    width: 23px;
    height: 15px;
    margin: 0 auto 10px;
}
/**
 * ShareLists
 */
.shareLists{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.shareList{
    width: 30px;
    height: 30px;
    margin: 0 10px;
}
.shareList__link{
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 100%;
    height: 100%;
}
.shareList__link--tw{
    background-image: url(../img/common/sns_tw.svg);
    background-size: 20px;
}
.shareList__link--fb{
    background-image: url(../img/common/sns_fb.svg);
    background-size: 20px;
}
.shareList__link--li{
    background-image: url(../img/common/sns_line.svg);
    background-size: 20px;
}
.shareList__link--hatena{
    background-image: url(../img/common/sns_hatena.svg);
    background-size: 20px;
}
.shareList__link--pocket{
    background-image: url(../img/common/sns_pocket.svg);
    background-size: 20px;
}
/*-----------------------------------------------
 * 03. Top Contents
-------------------------------------------------*/
/**
 * First view
 */
.fView{
    width: 100%;
    height: calc(100vh - 90px);
    min-width: 920px;
    min-height: 530px;
    position: relative;
}
@media screen and (max-width:768px){
    .fView{
        height: auto;
        min-width: auto;
        min-height: auto;
    }
}
/* main contents */
.fView__main{
    background-color: #000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
/*.fView__main:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}*/
.fView__main iframe{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
@media screen and (max-width:768px){
    .fView__main{
        height: auto;
        padding-top: 56.25%;
        position: relative;
        top: auto;
        left: auto;
    }
    .fView__main iframe{
        position: absolute;
        top: 0;
        left: 0;
    }
    /* title */
    .fView__logo{
        background: url(../img/top/main_logo_sp.jpg) no-repeat 0 0 / 100%;
        width: 100%;
        height: auto;
        padding-top: 85.6%;
    }
    /* share */
    .fView__shareWrap{
        background-color: #f29600;
        padding: 16px 0 12px;
    }
    .fView__share__dt{
        background: url(../img/common/share_text.png) no-repeat 0 0 / 100%;
        width: 23px;
        height: 15px;
        margin: 0 auto 10px;
    }
}
/**
 * About
 */
#about{
    background-color: #fff;
    padding: 64px 0 40px;
}
@media screen and (max-width:768px){
    #about{
        padding: 40px 0 40px;
    }
}
.about__in{
    position: relative;
}
/* about title */
.about__title{
    position: absolute;
    top: 0;
    right: 0;
}
@media screen and (max-width:768px){
    .about__title{
        width: 47px;
    }
}
/* about__catch__title */
.about__catch__title{
    color: #f29600;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 60px;
    margin-bottom: 30px;
}
.about__catch__text{
    color: #333333;
    font-size: 16px;
    line-height: 33px;
}
@media screen and (max-width:768px){
    .about__catch__title{
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 30px;
        margin-bottom: 24px;
        padding-right: 47px;
    }
    .about__catch__text{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/**
 * about__report
 */
.about__report{
    padding-top: 40px;
}
/* title */
.about__report__title{
    background-color: #f29600;
    color: #fff;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.13em;
    margin-bottom: 34px;
    padding: 6px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease-in-out;
}
.about__report__title:hover{
    background-color: #ed1e79;
}
.about__report__title:before{
    content: "";
    border: 2px solid #fff;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    pointer-events: none;
    position: absolute;
    top: 2px;
    left: 2px;
}
@media screen and (max-width:768px){
    .about__report__title{
        font-size: 14px;
        font-size: 1.4rem;
    }
    .about__report__title:hover{
        background-color: #f29600;
    }
}
.about__report__title__pink{
    background-color: #ed1e79;
    color: #fff;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.13em;
    margin-bottom: 34px;
    padding: 6px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease-in-out;
}
.about__report__title__pink:before{
    content: "";
    border: 2px solid #fff;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    pointer-events: none;
    position: absolute;
    top: 2px;
    left: 2px;
}
@media screen and (max-width:768px){
    .about__report__title__pink{
        font-size: 14px;
        font-size: 1.4rem;
    }
    .about__report__title__pink:hover{
        background-color: #ed1e79;
    }
}
/* image */
.about__report__img{
    width: 332px;
    margin: 0 auto 40px;
}
@media screen and (max-width:768px){
    .about__report__img{
        width: 211px;
    }
}
/**
 * about__report__wrap
 */
.about__report__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
/* title */
.about__report__wrap__title{
    margin-left: 30px;
}
@media screen and (max-width:768px){
    .about__report__wrap__title{
        width: 47px;
        margin-left: 20px;
    }
}
/* text */
.about__report__wrap__text{
    color: #333333;
    font-size: 16px;
    line-height: 33px;
}
@media screen and (max-width:768px){
    .about__report__wrap__text{
        width: calc(100% - 67px);
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/**
 * online
 */
#online{
    background-color: #f29600;
    padding: 50px 0;
}
.online__in{
    position: relative;
}
.online__in__bottomImg{
    position: absolute;
    right: -20px;
    bottom: 54px;
}
@media screen and (max-width:768px){
    #online{
        padding: 40px 0;
    }
    .online__in__bottomImg{
        width: 183px;
        margin: 30px auto 0;
        position: relative;
        right: auto;
        bottom: auto;
    }
}
/* online__title */
.online__title{
    margin-bottom: 50px;
    text-align: center;
}
.online__catch__title{
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 60px;
    /*margin-bottom: 30px;*/
}
@media screen and (max-width:768px){
    .online__title{
        width: 72px;
        margin: 0 auto 34px;
    }
    .online__catch__title{
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 30px;
        margin-bottom: 24px;
    }
}
/* online__catch__text */
.online__catch__text{
    color: #fff;
    font-size: 16px;
    line-height: 33px;
}
.online__catch__text a{
    color: #fff;
}
@media screen and (max-width:768px){
    .online__catch__text{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/**
 * online__howto
 */
.online__howto{
    padding-top: 40px;
}
@media screen and (max-width:768px){
    .online__howto{
        padding-top: 0;
    }
}
.online__howto a{
    color: #fff;
}
/* title */
.online__howto__title{
    background-color: #fff;
    color: #f29600;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.13em;
    margin-bottom: 50px;
    padding: 6px 0;
    position: relative;
    text-align: center;
}
.online__howto__title:before{
    content: "";
    border: 2px solid #f29600;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    pointer-events: none;
    position: absolute;
    top: 2px;
    left: 2px;
}
@media screen and (max-width:768px){
    .online__howto__title{
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 40px;
    }
}
/**
 * howto__lists
 */
.online__howto__lists{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 70px;
}
@media screen and (max-width:768px){
    .online__howto__lists{
        margin-right: -20px;
        margin-bottom: 40px;
        margin-left: -20px;
        padding: 0 12px;
    }
}
/* item */
.online__howto__lists__item{
    margin: 0 25px;
}
@media screen and (max-width:768px){
    .online__howto__lists__item{
        width: calc(33.3% - 16px);
        margin: 0 8px;
    }
}
/* a */
.online__howto__lists__item__link{
    color: #fff;
    text-decoration: none;
}
/* logo */
.online__howto__lists__item__logo{
    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.online__howto__lists__item__logo img{
    position: relative;
    z-index: 1;
    transition: transform .3s ease-in-out;
}
.online__howto__lists__item__link:hover .online__howto__lists__item__logo img{
    transform: scale(1.15);
}
@media screen and (max-width:768px){
    .online__howto__lists__item__logo{
        border-radius: 0;
        width: 100%;
        height: auto;
        margin-bottom: 12px;
    }
    .online__howto__lists__item__link:hover .online__howto__lists__item__logo img{
        transform: scale(1);
    }
}
/* text */
.online__howto__lists__item__text{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
@media screen and (max-width:768px){
    .online__howto__lists__item__text{
        font-size: 12px;
        font-size: 1.2rem;
    }
}
/**
 * online__howto2__lists
 */
.online__howto2__lists{
    color: #fff;
    font-size: 16px;
    line-height: 33px;
    margin-bottom: 60px;
}
@media screen and (max-width:768px){
    .online__howto2__lists{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
        margin-bottom: 40px;
    }
}
.online__howto2__lists__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.online__howto2__lists__item:before {
    content: "※";
}
/**
 * online__howto__ptn__special
 */
.online__howto__ptn__special{
    border: 2px solid #fff;
    margin-bottom: 60px;
    padding: 40px;
}
@media screen and (max-width:768px){
    .online__howto__ptn__special{
        margin-bottom: 30px;
        padding: 20px;
    }
}
/* title */
.online__howto__ptn__special__title{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}
@media screen and (max-width:768px){
    .online__howto__ptn__special__title{
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 12px;
    }
}
/**
 * online__howto__ptn__special__lists
 */
.online__howto__ptn__special__lists{
    border-bottom: 1px solid #d78500;
    color: #fff;
    font-size: 16px;
    line-height: 33px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.online__howto__ptn__special__lists:last-of-type{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.online__howto__ptn__special__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.online__howto__ptn__special__item__dt{
    white-space: nowrap;
}
@media screen and (max-width:768px){
    .online__howto__ptn__special__lists{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/**
 * howto__ptn
 */
/* onlineTable__cont */
.onlineTable__cont{
    margin-bottom: 60px;
}
.onlineTableWrap{
    margin-bottom: 20px;
}
.onlineTable{
    font-size: 14px;
    table-layout: fixed;
    width: 100%;
}
.onlineTable .tcenter{
    text-align: center;
}
@media screen and (max-width:768px){
    .onlineTable__cont{
        margin-bottom: 40px;
    }
    .onlineTableWrap{
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .onlineTable{
        font-size: 12px;
        font-size: 1.2rem;
        width: 700px;
    }
}
.onlineTable--th,
.onlineTable--td{
    background-color: #fff;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    white-space: normal;
}
.onlineTable--th{
    background-color: #f5f5f5;
    font-size: 12px;
    font-weight: 700;
    width: 120px;
    padding: 6px;
}
.onlineTable--td{
    padding: 10px;
}
.onlineTable--td__img{
    width: 70%;
    margin: 0 auto;
}
.onlineTable--td__img img{
    width: 100%;
}
.onlineTable__cont__text{
    color: #fff;
    margin-bottom: 20px;
}
@media screen and (max-width:768px){
    .onlineTable--th{
        font-size: 10px;
        font-size: 1rem;
        width: 80px;
    }
    .onlineTable__cont__text{
        font-size: 12px;
        font-size: 1.2rem;
        margin-bottom: 10px;
    }
}
/* title */
.online__howto__ptn__title{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
}
@media screen and (max-width:768px){
    .online__howto__ptn__title{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
        margin-bottom: 20px;
    }
}
/* text */
.online__howto__ptn__text{
    color: #fff;
    font-size: 16px;
    line-height: 33px;
    margin-bottom: 34px;
}
@media screen and (max-width:768px){
    .online__howto__ptn__text{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
        margin-bottom: 24px;
    }
}
/**
 * online__howto__ptn__lists
 */
/* title */
.online__howto__ptn__lists__item{
    margin-bottom: 60px;
}
@media screen and (max-width:768px){
    .online__howto__ptn__lists__item{
        margin-bottom: 30px;
    }
}
/* dt */
.online__howto__ptn__lists__dt{
    background-color: #fff;
    width: 100%;
    margin-bottom: 24px;
    position: relative;
    text-align: center;
}
.online__howto__ptn__lists__dt.bg_b{
    background-color: #000;
}
.online__howto__ptn__lists__dt:before {
    content: "";
    border: 2px solid #f29600;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    pointer-events: none;
    position: absolute;
    top: 2px;
    left: 2px;
}
@media screen and (max-width:768px){
    .online__howto__ptn__lists__dt img{
        width: 160px;
        margin: 0 auto;
    }
}
/* dd */
.online__howto__ptn__lists__dd{
    color: #fff;
    font-size: 16px;
    line-height: 33px;
}
.online__howto__ptn__lists__dd__text{
    margin-bottom: 24px;
}
.online__howto__ptn__lists__dd__url{
    margin-bottom: 24px;
}
.online__howto__ptn__lists__dd__listsWrap{
    border: 2px solid #fff;
    padding: 24px;
}
.online__howto__ptn__lists__dd__lists--title{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}
@media screen and (max-width:768px){
    .online__howto__ptn__lists__dd{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
    .online__howto__ptn__lists__dd__text{
        margin-bottom: 20px;
    }
    .online__howto__ptn__lists__dd__url{
        margin-bottom: 20px;
    }
    .online__howto__ptn__lists__dd__listsWrap{
        border: 2px solid #fff;
        padding: 20px;
    }
    .online__howto__ptn__lists__dd__lists--title{
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 12px;
    }
}
/**
 * online__howto__ptn__lists__dd__lists
 */
/* item */
.online__howto__ptn__lists__dd__lists__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
}
@media screen and (max-width:768px){
    .online__howto__ptn__lists__dd__lists__item{
        margin-bottom: 20px;
    }
}
.online__howto__ptn__lists__dd__lists__item:last-of-type{
    margin-bottom: 0;
}
/* num */
.online__howto__ptn__lists__dd__lists__item__num{
    color: #fff;
    font-size: 16px;
    line-height: 33px;
    margin-right: 4px;
}
/* text */
.online__howto__ptn__lists__dd__lists__item__text{
    color: #fff;
    font-size: 16px;
    line-height: 33px;
}
@media screen and (max-width:768px){
    .online__howto__ptn__lists__dd__lists__item__num{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
    .online__howto__ptn__lists__dd__lists__item__text{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/**
 * howto__ptn__caution
 */
/* title */
.online__howto__ptn__caution__title{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}
.online__howto__ptn__caution{
    margin-bottom: 40px;
}
@media screen and (max-width:768px){
    .online__howto__ptn__caution__title{
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 12px;
    }
}
/* item */
.online__howto__ptn__caution__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.online__howto__ptn__caution__item:before{
    content: "※";
    color: #fff;
    font-size: 16px;
    line-height: 33px;
}
/* text */
.online__howto__ptn__caution__item__text{
    color: #fff;
    font-size: 16px;
    line-height: 33px;
}
@media screen and (max-width:768px){
    .online__howto__ptn__caution__item:before{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
    .online__howto__ptn__caution__item__text{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/**
 * online__howto__ptn__caution2
 */
.online__howto__ptn__caution2__title{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}
.online__howto__ptn__caution2__text{
    color: #fff;
    font-size: 16px;
    line-height: 33px;
    margin-bottom: 20px;
}
@media screen and (max-width:768px){
    .online__howto__ptn__caution2__title{
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 12px;
    }
    .online__howto__ptn__caution2__text{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/**
 * online__howto__ptn__lists__dd__lists
 */
/* item */
.howCaution2__lists__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
}
@media screen and (max-width:768px){
    .howCaution2__lists__item{
        margin-bottom: 20px;
    }
}
.howCaution2__lists__item:last-of-type{
    margin-bottom: 0;
}
/* num */
.howCaution2__lists__item__num{
    color: #fff;
    font-size: 16px;
    line-height: 33px;
    margin-right: 4px;
}
/* text */
.howCaution2__lists__item__text{
    color: #fff;
    font-size: 16px;
    line-height: 33px;
}
@media screen and (max-width:768px){
    .howCaution2__lists__item__num{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
    .howCaution2__lists__item__text{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/**
 * howCaution2__lists__item__lists
 */
.howCaution2__lists__item__lists{
    margin: 24px 0;
}
.howCaution2__lists__item__lists__item{
    color: #fff;
    font-size: 16px;
    line-height: 33px;
}
.howCaution2__lists__item__lists__item:before{
    content: "・";
}
@media screen and (max-width:768px){
    .howCaution2__lists__item__lists__item{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/**
 * online__howto__ptn__caution2__wrap
 */
.online__howto__ptn__caution2__wrap{
    margin-bottom: 40px;
}
.online__howto__ptn__caution2__wrap:last-of-type{
    margin-bottom: 0;
}
/**
 * online__howto__ptn__caution3
 */
/* title */
.online__howto__ptn__caution3__title{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}
@media screen and (max-width:768px){
    .online__howto__ptn__caution3__title{
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 12px;
    }
}
/**
 * howCaution3__lists
 */
.howCaution3__lists{
    margin-bottom: 24px;
}
.howCaution3__lists__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 16px;
    line-height: 33px;
}
.howCaution3__lists__item:before{
    content: "・";
}
@media screen and (max-width:768px){
    .howCaution3__lists__item{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/* text */
.howCaution3__lists__item__in__text{
    color: #fff;
    font-size: 16px;
    line-height: 33px;
}
@media screen and (max-width:768px){
    .howCaution3__lists__item__in__text{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/**
 * howCaution3__lists__item__in__lists
 */
.howCaution3__lists__item__in__lists__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.howCaution3__lists__item__in__lists__item__dt{
    white-space: nowrap;
}
/**
 * acCaution2__wrap
 */
.acCaution2__wrap{
    display: none;
}
/**
 * lineup
 */
#lineup{
    overflow: hidden;
    padding: 60px 0 50px;
}
@media screen and (max-width:768px){
    #lineup{
        padding: 40px 0 40px;
    }
}
/* title */
.lineup__title{
    width: 302px;
    margin: 0 auto 56px;
    position: relative;
}
.lineup__title:after{
    content: "";
    background: url(../img/top/lineup_img_1.png) no-repeat 0 0 / 100%;
    width: 142px;
    height: 105px;
    position: absolute;
    top: -35px;
    right: -160px;
}
@media screen and (max-width:768px){
    .lineup__title{
        width: 152px;
        margin: 0 auto 30px;
    }
    .lineup__title:after{
        width: 70px;
        height: 50px;
        top: -18px;
        right: -76px;
    }
}
/**
 * lineup__lists
 */
.lineup__lists{
    margin-bottom: 60px;
    margin-left: 60px;
}
@media screen and (max-width:768px){
    .lineup__lists{
        margin-bottom: 30px;
        margin-left: 20px;
    }
}
/* item */
.lineup__lists__item{
    width: 100%;
}
/* a */
.lineup__lists__item__link{
    color: #333;
    text-decoration: none;
}
/* image */
.lineup__lists__item__image{
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .lineup__lists__item__image{
        margin-bottom: 12px;
    }
}
.lineup__lists__item__image img{
    transition: all .3s ease-in-out;
}
.lineup__lists__item__link:hover .lineup__lists__item__image img{
    transform: scale(1.15);
}
/* name */
.lineup__lists__item__name{
    color: #333;
    font-size: 16px;
    font-weight: 700;
}
@media screen and (max-width:768px){
    .lineup__lists__item__name{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/* more */
.lineup__more{
    display: table;
    height: 56px;
    margin: 0 auto;
}
.lineup__more__link{
    border: 2px solid #ed1e79;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1em;
    height: 100%;
    padding: 0 70px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
@media screen and (max-width:768px){
    .lineup__more{
        width: 100%;
        height: 30px;
        padding: 0 20px;
    }
    .lineup__more__link{
        justify-content: center;
        font-size: 14px;
        font-size: 1.4rem;
        width: 100%;
        padding: 0; 
    }
}
.lineup__more__link:after{
    content: "";
    background-color: #ed1e79;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: height .3s ease-in-out;
}
.lineup__more__link:hover:after{
    height: 100%;
}
@media screen and (max-width:768px){
    .lineup__more__link:hover:after{
        height: 0;
    }
}
.lineup__more__link__in{
    color: #ed1e79;
    position: relative;
    z-index: 1;
    transition: color .3s ease-in-out;
}
.lineup__more__link:hover .lineup__more__link__in{
    color: #fff;
}
/**
 * partner
 */
#partner{
    background-color: #535353;
    padding: 54px 0 90px;
}
@media screen and (max-width:768px){
    #partner{
        padding: 40px 0 40px;
    }
}
/* title */
.partner__title{
    text-align: center;
    margin-bottom: 50px;
}
@media screen and (max-width:768px){
    .partner__title{
        width: 90px;
        margin-right: auto;
        margin-bottom: 30px;
        margin-left: auto;
    }
}
/* text */
.partner__text{
    color: #fff;
    font-size: 16px;
    line-height: 33px;
    margin-bottom: 30px;
}
@media screen and (max-width:768px){
    .partner__text{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
        margin-bottom: 24px;
    }
}
/**
 * partner__lists
 */
/* item */
.partner__lists__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}
@media screen and (max-width:768px){
    .partner__lists__item{
        margin-bottom: 10px;
    }
}
.partner__lists__item:last-of-type{
    margin-bottom: 0;
}
/* dt */
.partner__lists__item__dt{
    color: #fff;
    font-size: 16px;
    line-height: 52px;
    width: 170px;
}
@media screen and (max-width:768px){
    .partner__lists__item__dt{
        font-size: 10px;
        font-size: 1rem;
        line-height: 26px;
        width: 100px;
    }
}
.partner__lists__item__dt:before{
    content: "■";
}
/* dd */
.partner__lists__item__dd{
    width: calc(100% - 170px);
}
@media screen and (max-width:768px){
    .partner__lists__item__dd{
        width: calc(100% - 20px);
    }
}
/* in lists */
.partner__lists__item__lists{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* item */
.partner__lists__item__lists__item{
    margin-right: 10px;
    margin-bottom: 10px;
}
@media screen and (max-width:768px){
    .partner__lists__item__lists__item{
        width: 95px;
        margin-right: 6px;
        margin-bottom: 6px;
    }
    .partner__lists__item__lists__item img{
        width: 100%;
    }
}
/*-----------------------------------------------
 * 04. Footer
-------------------------------------------------*/
.footer{
    position: relative;
    z-index: 2;
}
/* pagetop */
.pagetop{
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    bottom: 0;
    transition: all .3s ease-in-out;
}
.pagetop.active{
    pointer-events: auto;
    opacity: 1;
}
.pagetop__in{
    background: url(../img/common/pagetop.jpg) no-repeat 0 0 / 100%;
    display: block;
    width: 70px;
    height: 70px;
}
@media screen and (max-width:768px){
    .pagetop__in{
        width: 50px;
        height: 50px;
    }
}
/* copyright */
@media screen and (max-width:768px){
    .fullWrap__copyRight{
        color: #333;
        display: block;
        width: calc(100% - 50px);
        height: 50px;
        font-size: 10px;
        font-size: 1rem;
        line-height: 50px;
        text-align: center;
    }
}
/*-----------------------------------------------
 * 05. Modal
-------------------------------------------------*/
.modalBox{
    -webkit-overflow-scrolling: touch;
    background: rgba(0,0,0,.75);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
.modalBox__goods{
    background: transparent;
}
.modalBox__goods:after{
    content: "";
    background-color: #f29600;
    width: 0;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    transition: width .3s ease-in-out;
}
.modalBox__goods.active:after{
    width: 100%;
}
.js-modalBox{
    display: none;
}
.closeBtn{
    width: 100%;
    height: 100%;
    min-width: 1200px;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.closeBtn a{
    background: url(../img/common/close.png) no-repeat center;
    display: block;
    width: 140px;
    height: 40px;
    pointer-events: auto;
    position: absolute;
    top: 45px;
    right: 45px;
}
.oneModal{
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.oneModalIn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
    width: 100%;
    min-width: 1200px;
    min-height: 100vh;
    margin: 0 auto;
    position: relative;
}
@media screen and (max-width:768px){
    .oneModalIn{
        min-width: 100%;
    }
    .closeBtn{
        min-width: 100%;
    }
    .closeBtn a{
        width: 70px;
        height: 20px;
        top: 20px;
        right: 20px;
    }
    .oneModalIn__cont{
        width: 100%;
    }
}
/* youtube iframe */
.ytIframeWrap{
    width: 920px;
    height: 520px;
    margin: 30px 0;
}
.ytIframe{
    width: 100%;
    height: 100%;
    display: block;
}
@media screen and (max-width:768px){
    .ytIframeWrap{
        width: 100%;
        height: auto;
        padding-top: 56.25%;
        position: relative;
    }
    .ytIframe{
        position: absolute;
        top: 0;
        left: 0;
    }
}
/**
 * goods iframe
 */
.goodsIframe__cont{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.goodsIframeWrap{
    width: 100%;
    height: 100%;
}
.goodsIframe{
    width: 100%;
    height: 100%;
    display: block;
}
/*-----------------------------------------------
 * 06. Sub Page
-------------------------------------------------*/
.sub__title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 34px 0;
}
.sub2__title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 50px 0;
}
.sub__title__en{
    margin: 0 auto;
    padding-left: 97px;
}
.sub2__title__en{
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .sub__title,
    .sub2__title{
        background-color: #f2f2f2;
        margin: 0;
        padding: 30px 0;
    }
    .sub__title img, .sub2__title img{ width: 100%; }
    .sub__title__en{ padding-left: 0; }
    .sub__title__logo{
        width: 106px;
        margin-left: 20px;
    }
    .sub__title__jp{
        width: 46px;
    }
}
/*-----------------------------------------------
 * 06 - 01. News
-------------------------------------------------*/
.newsWrap{ padding-bottom: 120px; }
@media screen and (max-width:768px){
    .newsWrap{ padding-bottom: 40px; }
    .sub__title__en--news{ width: 60px; }
}
/**
 * newsLists
 */
.newsLists{
    margin-bottom: 50px;
}
@media screen and (max-width:768px){
    .newsLists{
        margin-bottom: 40px;
    }
}
/* item */
.newsLists__item:nth-child(odd){
    background-color: #f2f2f2;
}
.newsLists__item:nth-child(even){
    background-color: #fff;
}
@media screen and (max-width:768px){
    .newsLists__item:nth-child(odd){
        background-color: #fff;
    }
    .newsLists__item:nth-child(even){
        background-color: #f2f2f2;
    }
}
/* a */
.newsLists__item__link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    padding: 20px 60px;
    transition: all .3s ease-in-out;
}
.newsLists__item__link:hover{
    background-color: #f29600;
}
@media screen and (max-width:768px){
    .newsLists__item__link{
        padding: 12px 20px;
    }
}
/* date */
.newsLists__item--date{
    color: #ed1e79;
    font-size: 16px;
    font-weight: 700;
    width: 156px;
}
@media screen and (max-width:768px){
    .newsLists__item--date{
        font-size: 12px;
        font-size: 1.2rem;
        width: 90px;
    }
}
/* title */
.newsLists__item--title{
    color: #333;
    font-size: 16px;
    font-weight: 700;
    width: calc(100% - 156px);
    transition: all .3s ease-in-out;
}
.newsLists__item__link:hover .newsLists__item--title{
    color: #fff;
}
@media screen and (max-width:768px){
    .newsLists__item--title{
        font-size: 12px;
        font-size: 1.2rem;
        width: calc(100% - 90px);
    }
}
/**
 * Pager
 */
.pagingLists__prev,.pagingLists__next{
    display: none;
}
/* lists */
.pagingLists{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 0 60px;
}
@media screen and (max-width:768px){
    .pagingLists{
        padding: 0 10px;
    }
}
.pagingLists__item{
    margin: 0 12px;
}
@media screen and (max-width:768px){
    .pagingLists__item{
        margin: 0 5px;
    }
}
.pagingLists__item__link,
.pagingLists__item__active{
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 3px 6px;
    position: relative;
    text-decoration: none;
}
@media screen and (max-width:768px){
    .pagingLists__item__link,
    .pagingLists__item__active{
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.pagingLists__item__link{
    color: #000;
    transition: all .3s ease-in-out;
}
.pagingLists__item__link:hover{
    color: #f29600;
}
.pagingLists__item__link:before{
    content: "";
    background-color: #f29600;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transform: translateY(10px);
    transition: all .3s ease-in-out;
}
.pagingLists__item__link:hover:before{
    opacity: 1;
    transform: translateY(0);
}
.pagingLists__item__active{
    color: #f29600;
}
.pagingLists__item__active:before{
    content: "";
    background-color: #f29600;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}
/**
 * newsDetai
 */
/* title */
.newsDetail__title{
    background-color: #f29600;
    margin-bottom: 50px;
}
.newsDetail__title__in{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
}
@media screen and (max-width:768px){
    .newsDetail__title{
        margin-bottom: 30px;
    }
    .newsDetail__title__in{
        padding: 12px 20px;
    }
}
/* date */
.newsDetail__title--date{
    color: #ed1e79;
    font-size: 16px;
    font-weight: 700;
    width: 156px;
}
@media screen and (max-width:768px){
    .newsDetail__title--date{
        font-size: 12px;
        font-size: 1.2rem;
        width: 90px;
    }
}
/* title */
.newsDetail__title--text{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    width: calc(100% - 156px);
    transition: all .3s ease-in-out;
}
@media screen and (max-width:768px){
    .newsDetail__title--text{
        font-size: 12px;
        font-size: 1.2rem;
        width: calc(100% - 90px);
    }
}
/**
 * newsText
 */
.newsDetail__textWrap{
    color: #333;
    font-size: 16px;
    line-height: 32px;
}
@media screen and (max-width:768px){
    .newsDetail__textWrap{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/* p */
.newsDetail__text{
    color: #333;
    font-size: 16px;
    line-height: 32px;
}
@media screen and (max-width:768px){
    .newsDetail__text{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/* image */
.newsDetail__textWrap img {
    height: auto;
    max-width: 100%;
}
@media screen and (max-width:768px){
    .newsDetail__textWrap img {
        height: auto;
        max-width: 100%;
    }
}
/* iframe */
.newsDetail__textWrap iframe[src*="youtube"]{
    width: 100%;
    height: 100%;
}
.newsDetail__textWrap .ytWrap{
    display: block;
    width: 640px;
    height: 360px;
}
@media screen and (max-width:768px){
    .newsDetail__textWrap iframe[src*="youtube"]{
        position: absolute;
        top: 0;
        left: 0;
    }
    .newsDetail__textWrap .ytWrap{
        width: 100%;
        height: auto;
        padding-top: 56.25%;
        position: relative;
    }
}
/* Back to */
.backto{
    display: table;
    height: 36px;
    margin: 80px auto 0;
}
.backto__link{
    border: 2px solid #f29600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
    height: 100%;
    padding: 0 130px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
@media screen and (max-width:768px){
    .backto{
        height: 30px;
        margin: 40px auto 0;
    }
    .backto__link{
        justify-content: center;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0 80px;
    }
}
.backto__link:after{
    content: "";
    background-color: #f29600;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: height .3s ease-in-out;
}
.backto__link:hover:after{
    height: 100%;
}
.backto__link__in{
    color: #f29600;
    position: relative;
    z-index: 1;
    transition: color .3s ease-in-out;
}
.backto__link:hover .backto__link__in{
    color: #fff;
}
@media screen and (max-width:768px){
    .backto__link:hover:after{
        height: 0;
    }
    .backto__link:hover .backto__link__in{
        color: #f29600;
    }
}
/*-----------------------------------------------
 * 06 - 02. Goods
-------------------------------------------------*/
.goodsWrap { padding-bottom: 120px; }
@media screen and (max-width:768px){
    .goodsWrap { padding-bottom: 40px; }
    .sub__title__en--goods{ width: 66px; }
}
/* catch */
.goodsWrap__catch{
    color: #333;
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 34px;
    margin-bottom: 40px;
    text-align: center;
}
@media screen and (max-width:768px){
    .goodsWrap__catch{
        background-color: #f2f2f2;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
        margin-bottom: 24px;
        padding-bottom: 24px;
    }
}
/**
 * goodsLists
 */
.goodsLists{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
@media screen and (max-width:768px){
    .goodsLists{
        margin-bottom: 40px;
    }
}
/* item */
.goodsLists__item{
    width: calc(50% - 10px);
    margin-bottom: 30px;
}
.goodsLists__item:nth-child(odd){ margin-right: 10px; }
.goodsLists__item:nth-child(even){ margin-left: 10px; }
@media screen and (max-width:768px){
    .goodsLists__item{
        width: calc(50% - 5px);
        margin-bottom: 20px;
    }
    .goodsLists__item:nth-child(odd){ margin-right: 5px; }
    .goodsLists__item:nth-child(even){ margin-left: 5px; }
}
/* a */
.goodsLists__item__link{ text-decoration: none; }
/* thumb */
.goodsLists__item__thumb{
    background-color: #fff;
    border: 5px solid #f2f2f2;
    width: 100%;
    margin-bottom: 14px;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}
.goodsLists__item__thumb__in{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform .3s ease-in-out;
}
.goodsLists__item__link:hover .goodsLists__item__thumb__in{
    transform: scale(1.1);
}
@media screen and (max-width:768px){
    .goodsLists__item__thumb{
        border: 3px solid #f2f2f2;
        margin-bottom: 10px;
    }
    .goodsLists__item__link:hover .goodsLists__item__thumb__in{
        transform: scale(1);
    }
}
/* title */
.goodsLists__item__title{
    color: #333;
    font-size: 16px;
    font-weight: 700;
}
.goodsLists__item__price{
    color: #333;
    font-size: 14px;
}
@media screen and (max-width:768px){
    .goodsLists__item__title{
        font-size: 12px;
        font-size: 1.2rem;
        text-align: center;
    }
    .goodsLists__item__price{
        font-size: 12px;
        font-size: 1.2rem;
        text-align: center;
    }
}
/**
 * freeArea
 */
.goods__freeArea{
    color: #333;
    font-size: 16px;
    margin-bottom: 40px;
}
.goods__freeArea:last-of-type{ margin-bottom: 0; }
@media screen and (max-width:768px){
    .goods__freeArea{
        font-size: 12px;
        font-size: 1.2rem;
        margin-bottom: 30px;
    }
}
/**
 * goodsModal
 */
body#goods__modal{
    background-color: transparent;
}
#goodsDetail{
    padding: 134px 0;
}
@media screen and (max-width:768px){
    #goodsDetail{
        padding: 70px 0 160px;
    }
}
/* main image */
.goodsImage__main{
    border: 5px solid #f2f2f2;
    background-color: #fff;
    padding: 30px 0;
}
.goodsImage__main .photo{
    text-align: center;
}
#mainImage{
    max-width: 600px;
    height: auto;
}
@media screen and (max-width:768px){
    .goodsImage__main{
        border: 3px solid #f2f2f2;
        padding: 20px 0;
    }
    #mainImage{
        max-width: 320px;
    }
}
/* caption */
.mainImageCaption{
    color: #333;
    font-size: 16px;
    margin-top: 30px;
    text-align: center;
}
@media screen and (max-width:768px){
    .mainImageCaption{
        font-size: 12px;
        font-size: 1.2rem;
    }
}
/**
 * image lists
 */
.goodsImage__thumbnail{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 960px;
    margin: 4px auto 0;
}
@media screen and (max-width:768px){
    .goodsImage__thumbnail{
        width: 100%;
    }
}
/* item */
.item_image{
    background-color: #fff;
    cursor: pointer;
    width: 80px;
    height: 80px;
    margin: 4px;
    overflow: hidden;
    position: relative;
}
@media screen and (max-width:768px){
    .item_image{
        width: 50px;
        height: 50px;
    }
}
.item_image:before{
    content: "";
    background-color: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    transition: opacity .3s ease-in-out;
}
.item_image:hover:before{
    opacity: .4;
}
.item_image .photo{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.item_image .photo img{
    max-width: 100%;
    height: auto;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
/**
 * goodsDetailText
 */
.goodsDetailText{
    width: 960px;
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    margin: 40px auto 0;
}
@media screen and (max-width:768px){
    .goodsDetailText{
        width: 100%;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
        margin: 24px auto 0;
        padding: 0 20px;
    }
}
/* title */
.goodsDetailText__title{
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 30px;
}
@media screen and (max-width:768px){
    .goodsDetailText__title{
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 24px;
        margin-bottom: 24px;
    }
}
.goodsDetailText a{
    color: #fff;
}
/*-----------------------------------------------
 * 06 - 03. Lineup
-------------------------------------------------*/
.subLineupWrap{ padding-bottom: 50px; }
@media screen and (max-width:768px){
    .subLineupWrap{
        overflow: hidden;
        padding-bottom: 30px; 
    }
    .sub2__title__en--lineup{ width: 151px; }
}
/**
 * subLineupLists
 */
.subLineupLists{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 750px;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .subLineupLists{
        width: 80%;
    }
}
/* item */
.subLineupLists__item{
    width: 230px;
    margin-right: 10px;
    margin-bottom: 50px;
    margin-left: 10px;
}
@media screen and (max-width:768px){
    .subLineupLists__item{
        width: 42%;
        margin-right: 4%;
        margin-bottom: 20px;
        margin-left: 4%;
    }
}
/* a */
.subLineupLists__item__link{
    color: #333;
    text-decoration: none;
}
/* image */
.subLineupLists__item__image{
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}
.subLineupLists__item__image img{
    width: 100%;
    transition: all .3s ease-in-out;
}
.subLineupLists__item__link:hover .subLineupLists__item__image img{
    transform: scale(1.15);
}
@media screen and (max-width:768px){
    .subLineupLists__item__image{
        margin-bottom: 12px;
        overflow: unset;
        position: relative;
    }
    .subLineupLists__item:nth-child(1) .subLineupLists__item__image:after,
    .subLineupLists__item:nth-child(2) .subLineupLists__item__image:after{
        content: "";
        background-color: #f2f2f2;
        width: 150%;
        height: 50%;
        position: absolute;
        top: 0;
        z-index: 0;
    }
    .subLineupLists__item:nth-child(1) .subLineupLists__item__image:after{
        left: -40%;
    }
    .subLineupLists__item:nth-child(2) .subLineupLists__item__image:after{
        right: -40%;
    }
    .subLineupLists__item__image img{
        position: relative;
        z-index: 1;
    }
    .subLineupLists__item__link:hover .subLineupLists__item__image img{
        transform: scale(1);
    }
}
/* name */
.subLineupLists__item__name{
    color: #333;
    font-size: 16px;
    font-weight: 700;
}
@media screen and (max-width:768px){
    .subLineupLists__item__name{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/**
 * mcLineup
 */
.mcLineup{
    padding-top: 50px;
}
/* title */
.mcLineup__title{
    margin: 0 auto 50px;
    text-align: center;
}
@media screen and (max-width:768px){
    .mcLineup{
        padding-top: 30px;
    }
    .mcLineup__title{
        width: 112px;
        margin: 0 auto 30px;
    }
}
/**
 * mcLineupLists
 */
.mcLineupLists{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 750px;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .mcLineupLists{
        width: 80%;
    }
}
/* item */
.mcLineupLists__item{
    width: 230px;
    margin-right: 10px;
    margin-bottom: 50px;
    margin-left: 10px;
}
.mcLineupLists__item:nth-child(3n){
    margin-right: 0;
}
.mcLineupLists__item.noLink{
    pointer-events: none;
}
@media screen and (max-width:768px){
    .mcLineupLists__item{
        width: 42%;
        margin-right: 4%;
        margin-bottom: 20px;
        margin-left: 4%;
    }
}
/* a */
.mcLineupLists__item__link{
    color: #333;
    text-decoration: none;
}
/* image */
.mcLineupLists__item__image{
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .mcLineupLists__item__image{
        margin-bottom: 12px;
    }
}
.mcLineupLists__item__image img{
    width: 100%;
    transition: all .3s ease-in-out;
}
.mcLineupLists__item__link:hover .mcLineupLists__item__image img{
    transform: scale(1.15);
}
/* name */
.mcLineupLists__item__name{
    color: #333;
    font-size: 16px;
    font-weight: 700;
}
@media screen and (max-width:768px){
    .mcLineupLists__item__name{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
}
/*-----------------------------------------------
 * 06 - 04. Donation
-------------------------------------------------*/
@media screen and (max-width:768px){
    .sub__title__en--donation{ width: 100px; }
}
/* period */
.donation__period{
    background-color: #f29600;
    color: #fff;
    width: 100%;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.13em;
    /*margin-bottom: 34px;*/
    padding: 26px 0;
    position: relative;
    text-align: center;
}
.donation__period:before{
    content: "";
    border: 2px solid #fff;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    pointer-events: none;
    position: absolute;
    top: 2px;
    left: 2px;
}
.donation__period_price {
    border: #f29600 3px solid;
    padding:20px;
    margin-bottom: 18px;
    text-align: center;
}
.donation__period_price span{
    font-size: 26px;
    font-weight: bold;
    color: #f29600;
    margin: 0 210px 0 270px;
}
.donation__period_pricetxt{
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.13em;
    margin-bottom: 70px;
    text-align: center;
}
@media screen and (max-width:768px){
    .donation__period{
        font-size: 12px;
        font-size: 1.2rem;
        /*margin-bottom: 16px;*/
        padding: 14px 7px;
    }
    .donation__period_price span{
    font-size: 26px;
    font-weight: bold;
    color: #f29600;
    margin:0;
    }
    .donation__period_pricetxt{
    font-size: 12px;
    letter-spacing: 0.13em;
    margin-bottom: 70px;
    text-align: center;
    }
}
/* text */
.donation__topText{
    color: #009a62;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.13em;
    margin-bottom: 34px;
    text-align: center;
}
.donation__topText a{
    color: #009a62;
}
@media screen and (max-width:768px){
    .donation__topText{
        font-size: 12px;
        font-size: 1.2rem;
        margin-bottom: 16px;
    }
    .donation__topText:first-of-type{
        margin-top: 16px;
    }
}
/**
 * donation__lists
 */
.donation__listsWrap{
    margin-bottom: 66px;
}
.donation__lists{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .donation__listsWrap{
        margin-bottom: 26px;
    }
}
/* item */
.donation__lists__item{
    border-right: 1px solid #efefef;
    width: calc(100% / 3);
}
.donation__lists__item:nth-child(n + 4){
    border-top: 1px solid #efefef;
}
.donation__lists__item:nth-child(3n){
    border-right: none;
}
.donation__lists__item.standBy{
    filter: grayscale(100%);
    pointer-events: none;
}
@media screen and (max-width:768px){
    .donation__lists__item{
        width: 50%;
    }
    .donation__lists__item:nth-child(n + 3){
        border-top: 1px solid #efefef;
    }
    .donation__lists__item:nth-child(3n){
        border-right: 1px solid #efefef;
    }
    .donation__lists__item:nth-child(even){
        border-right: none;
    }
}
/* link */
.donation__lists__item__link{
    display: block;
    width: 100%;
    height: 100%;
    padding: 40px 30px;
    position: relative;
    text-decoration: none;
}
.donation__lists__item__link:after{
    content: "";
    background-color: #d4ffef;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translate(30px, 30px);
    transition: all .3s ease-in-out;
    z-index: 0;
}
.donation__lists__item__link:hover:after{
    opacity: 1;
    transform: translate(0, 0);
}
@media screen and (max-width:768px){
    .donation__lists__item__link{
        padding: 20px 10px;
    }
}
/* text */
.donation__lists__item__link__text{
    color: #009a62;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.13em;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    z-index: 1;
}
.donation__lists__item__link__text--num:after{
    content: ".";
}
/* icon */
.donation__lists__item__link__icon{
    position: relative;
    text-align: center;
    z-index: 1;
}
@media screen and (max-width:768px){
    .donation__lists__item__link__text{
        font-size: 10px;
        font-size: 1rem;
        margin-bottom: 10px;
    }
    .donation__lists__item__link__icon img{
        width: 14%;
    }
}
/**
 * donation common
 */
.donation__one{
    padding: 46px 0;
}
.donation__one:nth-of-type(even){
    background-color: #d4ffef;
}
.donation__one__in{
    color: #333;
    font-size: 16px;
    line-height: 34px;
}
.donationIn__lists{
    margin-top: 20px;
}
.donationIn__lists__item:before{
    content: "※";
}
.donationIn__lists__item__bullets:before{
    content: "・";
}
.donationIn__img{
    margin: 20px 0;
}
@media screen and (max-width:768px){
    .donation__one{
        padding: 24px 0;
    }
    .donation__one__in{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
    .donationIn__img{
        margin: 10px 0;
    }
}
/* title */
.donation__one__title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}
.donation__one__title__text{
    color: #009a62;
    font-size: 22px;
    font-weight: 700;
}
.donation__one__title__icon{
    margin-left: auto;
}
@media screen and (max-width:768px){
    .donation__one__title{
        margin-bottom: 15px;
    }
    .donation__one__title__text{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 32px;
    }
    .donation__one__title__icon{
        width: 7%;
    }
    .donation__one__title__icon img{
        width: 100%;
    }
}
/**
 * donation bank
 */
/* bank__text__top */
.bank__text__top{
    margin-bottom: 30px;
}
@media screen and (max-width:768px){
    .bank__text__top{
        margin-bottom: 15px;
    }
}
/* bank__one */
.bank__one{
    margin-bottom: 30px;
}
.bank__one:last-of-type{
    margin-bottom: 0;
}
@media screen and (max-width:768px){
    .bank__one{
        margin-bottom: 15px;
    }
}
/* lists */
.bank__one__lists__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}
.bank__one__lists__item:before{
    content: "◆";
    margin-right: 8px;
}
@media screen and (max-width:768px){
    .bank__one__lists__item{
        margin-bottom: 30px;
    }
}
.bank__one__lists__item__title{
    font-weight: 700;
    margin-bottom: 10px;
}
.bank__one__lists__item__wrap__box{
    border: 1px solid #333;
    width: 100%;
    margin-top: 20px;
    padding: 20px;
}
.bank__one__lists__item__wrap__box__title{
    font-weight: 700;
    margin-bottom: 10px;
}
.bank__one__lists__item__wrap__box__lists__item:before{
    content: "■";
}
.bank__one__lists__item__lists{
    margin-bottom: 20px;
}
/**
 * donation youtube
 */
.yt__text{
    margin-bottom: 30px;
}
/* lists */
.yt__lists__item__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}
.yt__lists__item__wrap:before{
    content: "◆";
    margin-right: 8px;
}
.yt__lists__item__wrap:last-of-type{
    margin-bottom: 0;
}
@media screen and (max-width:768px){
    .yt__text{
        margin-bottom: 15px;
    }
    .yt__lists__item__wrap{
        margin-bottom: 15px;
    }
}
/**
 * donation cfunding
 */
.cFunding__text{
    margin-bottom: 30px;
}
@media screen and (max-width:768px){
    .cFunding__text{
        margin-bottom: 0;
    }
}
/**
 * donation sponsoring
 */
#donation__sponsoring{
    /*margin-bottom: -46px;*/
    padding-bottom: 0;
}
.sponsoring__text{
    margin-bottom: 46px;
}
.sponsoring__lists__wrap{
    background-color: #535353;
    padding: 50px 0;
}
@media screen and (max-width:768px){
    #donation__sponsoring{
        /*margin-bottom: -24px;*/
    }
    .sponsoring__text{
        margin-bottom: 24px;
    }
    .sponsoring__lists__wrap{
        padding: 24px 0;
    }
}
/**
 * donation goods
 */
.donation__one__goodsText{
    margin-bottom: 30px;
}
.goodsLists__linkNone{
    pointer-events: none;
}
@media screen and (max-width:768px){
    .donation__one__goodsText{
        margin-bottom: 24px;
    }
}
/**
 * donation__carrier__lists
 */
.donation__carrier__lists{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0;
}
.donation__carrier__lists__item{
    width: calc(50% - 10px);
    margin: 0 5px 10px;
}
.donation__carrier__lists__item img{
    width: 100%;
}
@media screen and (max-width:768px){
    .donation__carrier__lists{
        margin: 10px 0;
    }
}

/**
 * donation__organination
 */
#organization.donation__one{
    background-color: #f29600;
    padding-bottom: 90px;
}
#organization .donation__one__title__text{
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    line-height: 42px;
}
/*.organizationTableWrap{
    margin-bottom: 20px;
}*/
.organizationTable{
    font-size: 14px;
    table-layout: fixed;
    width: 100%;
}
.organizationTable .tcenter{
    text-align: center;
}
@media screen and (max-width:768px){
    .organizationTable__cont{
        margin-bottom: 40px;
    }
    /*.organizationTableWrap{
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
    }*/
    .organizationTable{
        font-size: 12px;
        font-size: 1.2rem;
        width: 100%;
    }
    #organization .donation__one__title{
        line-height: 24px;
        margin-bottom: 20px;
    }
    #organization .donation__one__title__text{
        line-height: 24px;
    }
}
.organizationTable--th,
.organizationTable--td{
    background-color: #fff;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    white-space: normal;
}
..organizationTable--th{
    position: relative;
}
.organizationTable--th_l{
    background-color: #f5f5f5;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    width: 240px;
    padding: 20px;
    text-align: center;
}
.organizationTable--th_r{
    background-color: #f5f5f5;
    font-size: 12px;
    font-weight: 700;
    width: calc(100% - 240px);
    padding: 6px;
    text-align: center;
}
.organizationTable--body .organizationTable--th a{
    display: block;
    padding: 10px;
}
.organizationTable--td{
    padding: 10px;
}
.organizationTable--td__img{
    width: 70%;
    margin: 0 auto;
}
.organizationTable--td__img img{
    width: 100%;
}
.organizationTable__cont__text{
    color: #fff;
    margin-bottom: 20px;
}
.organizationTable--body .organizationTable--th{position: relative;}
.organizationName{
    position: absolute;
    width: 100%;
    bottom: 10px;
    font-size: 10px;
    line-height: 18px;
}
@media screen and (min-width: 769px){
    .tMini .partner__lists__item__lists__link{
        position: absolute;
        top: 0px;
    }
    .tMini .organizationName{
        bottom: 0px;
    }
}
@media screen and (max-width:768px){
    .organizationTable--th,
    .organizationTable--th_r,
    .organizationTable--th_l{
        font-size: 10px;
        font-size: 1rem;
    }
    .organizationTable--th_r{
        width: 60%;
        padding: 10px;
    }
    .organizationTable--th_l{
        width: 40%;
        padding:10px;
    }
    .organizationTable__cont__text{
        font-size: 12px;
        font-size: 1.2rem;
        margin-bottom: 10px;
    }
    .organizationName{
        padding: 10px;
        font-size: 1rem;
        line-height: 1.8rem;
        bottom: 0px;
    }
}
/**
 * bridge
 */
#bridge.donation__one{
    background-color: #d4ffef;
    padding-bottom: 90px;
}
#bridge .donation__one__title__text{
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #009a62;
    line-height: 42px;
}
#bridge ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center; 
    width: 100%;    
}
#bridge li{
    font-size: 14px;
    margin-right: 10px;
    margin-left: 10px;
    width: 380px;
}
#bridge p{
    text-align: center;
    margin: 30px 0 0 0;
}
@media screen and (max-width:768px){
    #bridge .donation__one__title{
        line-height: 24px;
        margin-bottom: 20px;
    }
    #bridge .donation__one__title__text{
        line-height: 24px;
    }
    #bridge li{
    font-size: 12px;
    }
}
/**
 * themesong
 */
/* THEME SONG */
@media screen and (min-width:769px){
    .subthemesongWrap{
        padding-bottom: 50px;
        position: relative;
    }
    .subthemesongWrap .sub2__title{
        position: relative;
        width: 920px;
        margin: 0 auto;
        padding: 22.5px 0;
    }
    .subthemesongWrap h1{margin-bottom: 34px!important;}
    .sub2__title__ja--themesong{
        position: absolute;
        width: 96px;
        height: 96px;
        right: 0;
        top: calc(50% - 48px);
    }
    #themesong_s1{
        background: #f29600;
        padding: 34px 0 48px;
    }
    .themesong_In{
        width: 798px;
        margin: 0 auto;
    }
    #themesong_s1 h2{
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        margin-bottom: 32px;
    }
    #themesong_s1 h2 .ttl{
        font-size: 30px;
        letter-spacing: 0.03em;
    }
    #themesong_s1 h2 .ttl .pc{display: inline;}
    #themesong_s1 h2 .st{
        display: block;
        line-height: 22px;
        margin-bottom: 36px;
    }
    .themesong_video{
        width: 800px;
        height: 450px;
        margin-top: 32px;
    }
    .themesong_video iframe{
        width: 100%;
        height: 100%;
    }
    #themesong_s1 p{
        font-size: 16px;
        color: #fff;
    }
    #themesong_s1 p.ts_s1{margin-top: 36px;}
    span.bold{font-weight: 700;}
    #themesong_s1 p.ts_s2{width: 100%;}
    #themesong_s1 p.ts_s2 span.bold{
        font-size: 18px;
        display: block;
        text-align: center;
        text-decoration: underline;
    }
    .themesong_productInfo{
        margin-top: 50px;
    }
    .themesong_white_title {
        background-color: #fff;
        color: #f29600;
        width: 100%;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 0.13em;
        margin-bottom: 32px;
        padding: 6px 0;
        position: relative;
        text-align: center;
    }
    .themesong_white_title:before{
        content: "";
        border: 2px solid #f29600;
        width: calc(100% - 8px);
        height: calc(100% - 8px);
        pointer-events: none;
        position: absolute;
        top: 2px;
        left: 2px;
    }
    .themesong_productInfoWrap{
        display: flex;
        flex-wrap: wrap;
    }
    .themesong_productInfo--L{
        width: 350px;
    }
    .themesong_productInfo--L img{width: 100%;}
    .themesong_productInfo--R{
        width: 448px;
        padding-left: 38px;
    }
    .themesong_productInfo--R p{line-height: 32px;}
    .themesong_productInfo--R span{display: block;}
    .themesong_productInfo--R_top{margin-bottom: 18px;}
    .ts_pI_ttl{padding-left: 5.9em;text-indent: -5.9em;margin-bottom: 10px;}
    .ts_pI_art{padding-left: 9.3em;text-indent: -9.3em;}
    .ts_pI_price{padding-left: 1em;text-indent: -1em;margin-bottom: 18px;}
    .ts_pI_cdprice{padding-left: 3.8em;text-indent: -3.8em;}
    .ts_pI_cdday{padding-left: 8.8em;text-indent: -8.6em;}
    .ts_pI_bikou{padding-left: 3.8em;text-indent: -3.8em;}
    .ts_pI_bikou span{font-weight: 500;display: inline;}
    .ts_pI_bikou span a{color: #fff;}
    .themesong_productInfo--btn{
        width: 100%;
        margin-top:34px;
    }
    .themesong_productInfo--btn .about__report__title{
        background-color:#fff;
        color: #000;
    }
    .themesong_productInfo--btn .about__report__title:before{
        border: 2px solid #f29600;
    }
    .themesong_productInfo--btn .about__report__title:after{
        content: '▶';
        position: absolute;
        color: #000;
        font-size: 14px;
        width: 14px;
        height: 32px;
        line-height: 32px;
        right: 24px;
        transition: all .3s ease-in-out;
    }
    .themesong_productInfo--btn .about__report__title:hover {
        color: #fff;
        background-color: #ed1e79;
    }
    .themesong_productInfo--btn .about__report__title:hover::after{
        color: #fff;
    }
    #themesong_s2{
        margin-top: 40px;
        position: relative;
    }
    .sub2__title__ja--joinartists{
        position: absolute;
        width: 145px;
        height: 96px;
        right: 0;
        top: calc(50% - 48px);
    }
    #themesong_s2 .sub2__title{margin-bottom: 56px;}
    #themesong_s2 .subLineupLists{width: 730px;}
    #themesong_s2 .subLineupLists__item{
        margin-left: 0px;
        margin-right: 20px;
        margin-bottom: 40px;
    }
    #themesong_s2 .subLineupLists__item:nth-child(3n){
        margin-right: 0px;
    }
    .themesong_musicprovider{
        width: 920px;
        margin: 0 auto;
    }
    .themesong_musicprovider h3{
        font-size: 24px;
        line-height: 24px;
        color: #f29600;
        font-weight: bold;
        padding: 40px 0 54px;
        text-align: center;
    }
    .themesong_mpWrap{
        width: 920px;
        margin: 0 auto;
        position: relative;
        margin-bottom: 56px;
    }
    .ts_mpRside{
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .themesong_mpInWrap{
        width: 730px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    .themesong_mpWrap--L{
        width: 230px;
    }
    .themesong_mpWrap--L img{
        width: 100%;
        margin-bottom: 14px;
    }
    .themesong_mpWrap--L p{
        font-size: 16px;
        color: #333;
        font-weight: 700;
    }
    .themesong_mpWrap--R{
        width: 500px;
        padding-left: 34px;
        padding-right: 34px;
    }
    .themesong_mpWrap--R h5{
        font-size: 16px;
        line-height: 16px;
        color: #f29600;
        font-weight: 700;
        margin-bottom: 26px;
    }
    .themesong_mpWrap--R p{
        font-size: 16px;
        line-height: 32px;
    }
} /*PC*/


/* SP START */
@media screen and (max-width:768px){
    .subthemesongWrap{
        padding-bottom: 30px;
        position: relative;
        overflow: hidden;
    }
    .sub2__title__en--themesong{
        width: 126.5px;
        margin: 0 15px 0 auto;
    }
    .sub2__title__ja--themesong{
        width: 48px;
    }
    #themesong_s1{
        background: #f29600;
        padding: 40px 0 62px;
    }
    .themesong_In{
        width: 89.333%;
        margin: 0 auto;
    }
    #themesong_s1 h2{
        font-size: 1.2rem;
        font-weight: 700;
        color: #fff;
        text-align: center;
        margin-bottom: 24px;
    }
    #themesong_s1 h2 .st{
        display: block;
        margin-bottom: 1.6rem;
    }
    #themesong_s1 h2 .ttl{
        font-size: 1.6rem;
    }
    .themesong_video{
        width: 100%;
        height: auto;
        padding-top: 56.25%;
        margin-top: 32px;
        position: relative;
    }
    .themesong_video iframe{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    #themesong_s1 p{
        font-size: 1.2rem;
        color: #fff;
    }
    #themesong_s1 p.ts_s1{margin-top: 24px;}
    span.bold{font-weight: 700;}
    #themesong_s1 p.ts_s2{width: 100%;}
    #themesong_s1 p.ts_s2 span.bold{
        font-size: 1.6rem;
        display: block;
        text-align: center;
        text-decoration: underline;
    }
    .themesong_productInfo{
        margin-top: 36px;
    }
    .themesong_white_title {
        background-color: #fff;
        color: #f29600;
        width: 100%;
        font-size: 1.4rem;
        font-weight: 700;
        letter-spacing: 0.13em;
        margin-bottom: 30px;
        padding: 6px 0;
        position: relative;
        text-align: center;
    }
    .themesong_white_title:before{
        content: "";
        border: 2px solid #f29600;
        width: calc(100% - 8px);
        height: calc(100% - 8px);
        pointer-events: none;
        position: absolute;
        top: 2px;
        left: 2px;
    }
    .themesong_productInfo--L{
        width: 65.56vw;
        margin: 0 auto 30px;
    }
    .themesong_productInfo--L img{
        margin: 0 auto;
        display: block;
    }
    .themesong_productInfo--R p{
        font-size: 1.2rem;
        line-height: 2.2rem;
        display: block;
        color: #fff;
        z-index: 1000;
    }
    .themesong_productInfo--R_top{margin-bottom: 24px;}
    .themesong_productInfo--R span{display: block;}
    .ts_pI_price{
        padding-left: 1.5rem;
        text-indent: -1.5rem;
    }
    .ts_pI_cdprice{
        padding-left: 4.5rem;
        text-indent: -4.5rem;
    }
    .ts_pI_cdday{
        padding-left: 9.5rem;
        text-indent: -9.5rem;
    }
    .ts_pI_bikou{
        padding-left: 4.5rem;
        text-indent: -4.5rem;
    }
    .ts_pI_bikou span{
        display: inline;
        color: #fff;
        font-weight: 500;
    }
    .ts_pI_bikou span a{color: #fff;}
    .themesong_productInfo--btn{
        width: 100%;
        margin-top: 34px;
    }
    .themesong_productInfo--btn .about__report__title{
        background-color:#fff;
        color: #000;
    }
    .themesong_productInfo--btn .about__report__title:before{
        border: 2px solid #f29600;
    }
    .themesong_productInfo--btn .about__report__title:after{
        content: '▶';
        position: absolute;
        color: #000;
        font-size: 1rem;
        width: 1rem;
        height: 1rem;
        top: calc(50% - 1rem);
        right: 2rem;
    }

    #themesong_s2 .sub2__title{
        background-color: unset;
    }
    #themesong_s2 .sub2__title__en--themesong{
        width: 136px;
    }
    .sub2__title__ja--joinartists{
        width: 72.5px;
    }
    #themesong_s2 .subLineupLists__item:nth-child(1) .subLineupLists__item__image:after,
    #themesong_s2 .subLineupLists__item:nth-child(2) .subLineupLists__item__image:after{
        background-color: unset;
    }

    .themesong_musicprovider{
        width: 89.333%;
        margin: 0 auto;
    }
    .themesong_musicprovider h3{
        font-size: 1.6rem;
        line-height: 1.6rem;
        color: #f29600;
        font-weight: bold;
        padding: 40px 0 26px;
        text-align: center;
    }
    .themesong_mpWrap{
        margin-bottom: 48px;
    }
    .ts_mpRside{
        width: 48px;
        height: 48px;
    }
    .themesong_mpInWrap{
        display: flex;
        flex-wrap: wrap;
    }
    .themesong_mpWrap--L{
        width: 34.328358%;
    }
    .themesong_mpWrap--L p{
        font-size: 1.2rem;
        line-height: 24px;
        font-weight: 700;
        color: #333;
        margin-top: 12px;
    }
    .themesong_mpWrap--R{
        width: calc(100% - 34.328358%);
        padding-left: 4vw;
        position: relative;
        top: -48px;
        margin-bottom: -48px;
    }
    .themesong_mpWrap--R h5{
        font-size: 1.2rem;
        line-height: 1.2rem;
        color: #f29600;
        font-weight: 700;
        margin-bottom: 12px;
    }
    .themesong_mpWrap--R p{
        font-size: 1.2rem;
        line-height: 2.4rem;
    }
}


/*
** TOP_Carousel
*/
.fVlist{
    display: block;
    width: 100%;
    height: 100%;
}
/*.fView .owl-carousel .owl-stage-outer{
    height: calc(100vh - 90px)!important;
    min-height: 530px;
}*/
.fView .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    box-shadow: 0 10px 25px 0 rgb(254 254 254);
    background: #868686;
    opacity: 0.8;
}
.fView .swiper-pagination-bullet-active{
    background: #ed1e79;
    opacity: 1;
}
.fView .swiper-pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.fView .swiper-pagination span{
    margin: 16px 8px;
}
@media screen and (min-width:769px){
    .fVlist{overflow: hidden;}
    .fView .owl-carousel.owl-drag .owl-item{
        height: calc(100vh - 90px);
        overflow: hidden;
    }
}
@media screen and (max-width: 768px){
    .fView .owl-carousel.owl-drag .owl-item{
        height: 56.25vw;
    }
    .fView__main{
        padding-top: 0;
    }
    .fView__main ul{
        height: 56.25vw;
    }
    .fView .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 6px;
    }
    .fView__logo{
        margin-top: 48px;
    }
}

.modal {
    background:rgba(255,255,255,0.85);
    bottom:0;
    display: none;
    left:0;
    overflow: auto;
    position: fixed;
    right:0;
    top:0;
    z-index:9999;
}
.modal__inner {
    align-items: center;
    display: flex;
    height:100%;
    justify-content: center;
    min-height:620px;
    min-width: 1200px;
    width:100%;
}
.modal__box {
    height:auto;
    padding:100px 0;
    width:960px;
    pointer-events: none;
}
.modal__content {
    background:#f29600;
    padding:50px;
    position: relative;
    pointer-events: auto;
}
.modal__content:before {
    bottom:3px;
    border:3px solid #FFF;
    content:'';
    left:3px;
    position: absolute;
    right:3px;
    top:3px;
    pointer-events: none;
}
.modal__content h2 {
    color:#FFF;
    font-weight: bold;
    font-size:26px;
    text-align: center;
    margin-bottom:1em;
}
.modal__content p {
    color:#FFF;
    font-weight: 600;
    font-size:16px;
    line-height: 2;
    margin-bottom:1em;
}
.modal__content p.c {
    text-align: center;
}
.modal__content p.r {
    text-align: right;
}
.modal__content img {
    max-width: 100%;
    height:auto;
}
.modal__content a {
    color:#FFF;
    text-decoration: underline;
}
.modal__closearea {
    bottom:0;
    left:0;
    position: absolute;
    right:0;
    top:0;
}
.modal__closearea a {
    background: url(../img/common/close_k.png);
    height:40px;
    position: absolute;
    right:30px;
    top:30px;
    width:140px;
}
@media screen and (max-width: 768px){
    .modal__inner {
        min-height:100%;
        min-width: 100%;
    }
    .modal__box {
        padding:15% 0;
        width:90%;
    }
    .modal__content {
        padding:7.5%;
    }
    .modal__content h2 {
        font-size:16px;
        font-size:1.6rem;
    }
    .modal__content p {
        font-size:13px;
        font-size:1.3rem;
    }
    .modal__closearea a {
        background: url(../img/common/close_k.png) no-repeat right top / contain;
        height:40px;
        position: absolute;
        right:2%;
        top:2%;
        width:18%;
    }
}