@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'FGKAWAII';
    src: url('./font/FGKAWAII.woff2') format('woff2'),
    url('./font/FGKAWAII.woff') format('woff'),
    url('./font/FGKAWAII.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'jiyuchoregular';
    src: url('./font/jiyucho-webfont.woff2') format('woff2'),
    url('./font/jiyucho-webfont.woff') format('woff'),
    url('./font/jiyucho-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rounded-mgenplus-1c-bold';
    url('./font/rounded-mgenplus-1c-bold.woff') format('woff'),
    url('./font/rounded-mgenplus-1c-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
a{text-decoration: none}
ul,ol,li,h1,h2,h3,h4,h5,h6,dl{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;font-weight: normal}
div{margin: 0;padding: 0}
ol,ul{list-style: none}
a img,img{border: none}
html {
    font-size: 25px;
}
body,html {
    width: 100%;
    height: auto;
    font-family: 'rounded-mgenplus-1c-bold',  -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    color: #000;
    background-color: #fff;
    font-size: 62%;
    font-weight: bold;
    min-width: 500px;
}
img {
    max-width: 100%;
    height: auto;
}
a {
    color: #ff467b;
}
a:hover {
    color: #ff467b;
}
.inview0 {
    opacity: 0;
    transition: .8s;
}
.inview1 {
    opacity: 1;
    transition: .8s;
}
.clearfix:after {
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
    content:".";
}
#exterior_wrapper {
    position:relative;
    top: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}
/*#e_wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background-size: cover;
}*/
/*#wrapper{
    position: relative;
    margin: 0 auto;
    width: auto;
    max-width: 920px;
    height: auto;
    padding-bottom: 40px;
    font-feature-settings : "palt";
}*/
/*#content_bg{
    position: absolute;
    top: 0;
    left: 50%;
    width: 500px;
    height: 100%;
    margin-left: -250px;
    background-color: #009e96;
    opacity: .85;
}*/
/*
#content_wrapper {
    position: relative;
    padding: 0 0 50px;
    top: 0;
    margin: 0 auto;
    width: 500px;
    height: 100%;
}
*/
section {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    text-align: center;
    padding-bottom: 90px;
}
.inner {
    position: relative;
    top: 0;
    width: 500px;
    height: auto;
    max-width: 500px;
    margin: 0 auto;
}
header {
    position: relative;
    top: 0;
    width: 100%;
    background : url(./images/bg_shima.jpg) repeat;
    font-size: 23px;
    letter-spacing: -0.05rem;
    height: auto;
}
header ul{
    position: relative;
    padding: 20px 0 18px;
    width: 100%;
    height: auto;
}
header ul li {
    float: left;
}
header ul li a {
    font-family: 'FGKAWAII',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;;
}
header ul li a:after {
    content: "|";
    color: #7d0022;
}
header ul li a.none:after {
    content: none !important;
}
a#nav_info {
    color: #ff7150;
}
a#nav_tracklist {
    color: #d84bb8;
}

a#nav_goods {
    color: #ffd900;
}

a#nav_movie {
    color: #8dcef3;
}


#sns {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
}

#fb, #tw {
    float: right;
}

#fb {
    padding-right: 10px;
}

h2 img {
    position: relative;
    top: -65px;
}

#exterior_wrapper section#info {
    position: relative;
    top: 0;
    width: 100%;
    background : url(./images/bg_shima.jpg) repeat;
}

#info_text p:first-of-type {
    color: #7d0022;
    font-size: 1.674rem;
    padding-top: 20px;
}

#info_text p:nth-of-type(2) {
    color: #a40035;
    font-size: 1.1rem;
    padding: 20px 0;
}
#tokuten {
    width: 500px;
    position: relative;
    top: 0;
    height: 203px;
    text-align: left;
    z-index: 1;
}
#tokuten_text p:first-of-type {
    color: #fff000;
    font-size: 2.4rem;
}

#tokuten_text p:nth-of-type(2) {
    color: #ffffff;
    font-size: 1.77rem;
}

#tokuten_text {
    position: absolute;
    top: 0;
    padding: 15px 0 0 40px;
/*
    line-height: 2.5em;
*/
}
#character {
    position: absolute;
    top: 778px;
    left: 0;
    width: 100%;
    min-height: 552px;
}
#character #character_01 img {
    position: absolute;
    right: 0;
    top: -120px;
}

#character #character_02 img {
    position: absolute;
    left: 0;
    top: 250px;
    z-index: 10;
}
#character #character_03 img {
    position: absolute;
    right: 0;
    top: 220px;
    z-index: 10;
}
/*#cd_detail_area ul {
    line-height: 3.0em;
}*/
#cd_detail_area ul li:first-child, #cd_detail_area ul li:nth-child(3)  {
    font-size: 0.974rem;
    color: #a40035;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
    -1px 1px 0 #FFF, 1px -1px 0 #FFF,
    0px 1px 0 #FFF,  0-1px 0 #FFF,
    -1px 0 0 #FFF, 1px 0 0 #FFF;
}

#cd_detail_area ul li:nth-child(2) {
    font-size: 3.205rem;
    color: #a40035;
    text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF,
    -3px 3px 0 #FFF, 3px -3px 0 #FFF,
    1px 3px 1px #FFF,  0 -3px 0 #FFF,
    -3px 0 0 #FFF, 3px 0 0 #FFF;
}

#cd_detail {
    position: relative;
    top: 0;
    padding-left: 30px;
    font-size: 1.6rem;
}

#jacket, #detail_taxt {
    float: left;
}

#detail_taxt {
    text-align: left;
    padding-left: 15px;
}

#detail_taxt p {
}

#detail_taxt ul li {
    display: inline;
}

img#detail_btn {
    padding-right: 10px;
}

#detail_taxt p.price {
    font-size: 1.2rem;
    color: #7d0000;
}

#release {
    font-size: 4.519rem;
    color: #e5004f;
    text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF,
    -3px 3px 0 #FFF, 3px -3px 0 #FFF,
    1px 3px 1px #FFF,  0 -3px 0 #FFF,
    -3px 0 0 #FFF, 3px 0 0 #FFF;
}

#release span {
    font-size: 3.615rem;
}

#exterior_wrapper section#tracklist {
    position: relative;
    top: 0;
    width: 100%;
    background : url(./images/bg_dice.jpg) repeat;
    color: #7f2d00;
    text-align: left;
}

#blu-ray {
    margin-top: -50px;
}

#blu-ray span.p_30 {
    padding-left: 30px;
    display: inline-block;
}

#blu-ray span.p_70 {
    padding-left: 70px;
}

#blu-ray, #dvd {
    padding-left: 30px;
    font-size: 1.176rem;
    line-height: 1.8em;
}

#blu-ray img, #dvd img {
    padding: 15px 0;
}

#dvd span {
    color: #000;
    font-size: 0.75rem;
}

#character_all {
    position: absolute;
    top: 240px;
    right: 0;
}

#exterior_wrapper section#goods {
    position: relative;
    top: 0;
    width: 100%;
    background : url(./images/bg_shima.jpg) repeat;
}

#tokuten_img {
    padding-left: 30px;
    display: inline-block;
}

#goods p {
    padding-left: 30px;
}

#goods {
    color: #651557;
    font-size: 1.312rem;
    text-align: left;
}

#goods span {
    font-size: 1.18rem;
    margin-bottom: 35px;
    display: inline-block;
}
.shop_pre {
    position: relative;
    top: 0;
    margin: 0 auto 15px auto;
    width: 450px;
}

.cart_btn_01 {
    position: absolute;
    bottom: 110px;
    left: 13px;
}

.cart_btn_02 {
    position: absolute;
    bottom: 70px;
    left: 13px;
}

.cart_btn_03 {
    position: absolute;
    bottom: 28px;
    left: 13px;
}


.cart_btn {
    position: absolute;
    bottom: 28px;
    left: 13px;
}


#exterior_wrapper section#movie {
    position: relative;
    top: 0;
    width: 100%;
    background : url(./images/bg_dice.jpg) repeat;
}

#movie_area {
    min-height: 600px;
    margin-top: 20px;
    text-align: center;
}
#movie_area iframe{
    margin: 0 0 50px;
}

#notice {
    font-size: 0.9rem;
    text-align: left;
    padding-left: 30px;
}
footer{
    color: #fff;
    font-size: 15px;
}
/*******************************************
                   popup
********************************************/
.banner {
    cursor: pointer;
}
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 100;
}
.popup .popup_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.popup_display {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popup_bg_clear {
    position: absolute;
    width: 100%;
    height: 100%;
}
/*******************************************
                   order
********************************************/
.order_container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -257px;
    width: 515px;
    height: 350px;
}
#order_list {
    margin-top: 35px;
    width: 100%;
    margin-left: 30px;
    overflow: hidden;
}

#order_list .comingsoon {
    background-position: center bottom;
}
#order_list li {
    width: 125px;
    height: 41px;
    float: left;
    margin-right: 40px;
    margin-bottom: 45px;
    background-repeat: no-repeat;
}
#order_list li a {
    display: block;
    height: 100%;
    width: 100%;
}

.order_container h3 {
    color: #fff;
    padding: 50px 0 25px 0;
    text-align: center;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 28px;
    font-family: "Makinas-Scrap-5","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;;
}

/********************************
           mac/safari
********************************/
.iphone #character #character_02 img {
    position: absolute;
    left: 0;
    top: 200px !important;
}

.iphone #character #character_03 img {
    position: absolute;
    right: 0;
    top: 190px !important;
}
/*

.mobile header .menu {
    padding-top: 20px;
}

*/