@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, th, td, pre, code, blockquote, form, fieldset, legend, input, textarea {
margin: 0;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
fieldset, img {
border: 0
}
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: normal
}
li {
list-style: none
}
caption, th {
text-align: left
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal
}
q:before, q:after {
content: ''
}
abbr, acronym {
border: 0;
font-variant: normal
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit
}
input, textarea, select {
*font-size:100%
}
legend {
color: #FFF
}
hr {
display: none
}
img {
vertical-align: bottom
}
body {
color: #000;
background-color: #FFF;
font-size: 14px;
-webkit-text-size-adjust: 100%
}
select, input, button, textarea {
font-size: 99%
}
table {
font-size: inherit;
font: 100%;
border-collapse: collapse;
border-spacing: 0
}
pre, code, kbd, samp, tt {
font-family: monospace;
*font-size:108%;
line-height: 100%
}
.hd {
display: block;
width: 0;
height: 0;
overflow: hidden
}
.cf:before, .cf:after {
content: " ";
display: table
}
.cf:after {
clear: both
}
.cf {
*zoom:1
}
* {
max-height: 999999px
}
::selection {
background: #000;
color: #fff;
}
::-moz-selection {
background: #000;
color:#fff;
}
* {
outline: none;
}
body {
font-family: "Yu Gothic", YuGothic, sans-serif;
font-weight: 600;
font-size: 20px;
color: #000;
background-color: #fff;
}
a {
color: #000;
}
.pc {
display: none;
}
#pageWrap {
overflow: hidden;
width: 100%;
}
/* HEADER GROUP */
.header {
align-items: center;
display: flex;
height: 100px;
justify-content: center;
position: relative;
width: 100%;
}
.header__logo {
background: url(../img/common/logo.png) no-repeat center center / contain;
height: 54px;
width: 330px;
}
.header__logo--link {
display:block;
height:54px;
}
.header__startDate {
display: none;
}
.header__share {
display: none;
}
/* LEFTCOLUMN */
.leftColumn {
box-sizing: border-box;
}
/* MAINCOLUMN */
#mainColumn {
position: relative;
}
.mc__catchCopy {
background: url(../img/index/catchcopy.png) no-repeat center center / contain;
height: 279px;
left: 210px;
position: absolute;
top: 260px;
width: 92px;
}
.mc__bannerWrap{
width: 100%;
height: 85.333px;
display: flex;
flex-wrap: wrap;
/*	position: absolute;*/
bottom: 0;
}
.mc__bannerWrap p{
width: 50%;
}
/*.mc__banner {
height: 100px;
position: absolute;
width: 100%;
}
.mc__banner2 {
height: 100px;
position: absolute;
width: 100%;
}*/
.mc__banner a{
background: url(../img/common/bnr_joueikai_sp.jpg);
background-size: 100%;
background-repeat: no-repeat;
width: 50%;
height: 85.333px;
position: absolute;
}
.mc__banner2 a{
background: url(../img/common/bnr_joueikai_12_sp.jpg);
background-size: 100%;
background-repeat: no-repeat;
width: 50%;
height: 85.333px;
position: absolute;
}
.mc__mainVisual {
background: url(../img/index/visual_sp.jpg) no-repeat center top / cover;
padding-top: 137.5%;
position: relative;
}
.mc__startDate {
background:url(../img/common/startdate_sp.png) no-repeat right center;
bottom:210px;
height:150px;
position:absolute;
left:20px;
width:466px;
}
/* BNR CAROUSEL */
.bnrCarouselWrap{
width: calc(100% - 14px);
margin:24px auto;
position: relative;
}
.bnrCarouselWrap ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 516px;
margin: 0 auto;
}
.bnrCarouselWrap li{
margin: 0 4px;
}
#bnrCarPrev,#bnrCarNext{
width: 50px;
height: 50px;
border-radius: 50%;
background: #000;
position: absolute;
top: calc(50% - 25px);
}
#bnrCarNext{
right: 0;
}
a .bnrNextPrev{
width: 45px;
height: 45px;
background: #fff;
border-radius: 50%;
border:2px solid #000;
transform: translate(-2.5px,-2.5px);
position: relative;
}
.bnrNextPrev img{
width: 20px;
height: 20px;
position: absolute;
top: calc(50% - 10px);
left: calc(50% - 10px);
}

/* RIGHT COLUMN */
.rightColumn {
position: static;
display: flex;
flex-wrap: wrap;
}
#sub .rc__movie,
#sub .rc__banners,
#sub .rc__twidget,
#sub .rc__copyright {
display:none;
}
.rightColumn--fixed {
position: static;
}
.rc__logo {
display: block;
height: 0;
overflow: hidden;
}
.mainNav {
display: none;
}
.rc__movie {
background-position: center center;
background-size: cover;
height: 209px;
order: 1;
position: relative;
width: 320px;
}
.rc__movie:before {
background: url(../img/common/movie_play_btn.png) no-repeat center center;
content: '';
height: 47px;
left: 0;
position: absolute;
top: 81px;
width: 183px;
}
.rc__movie--link {
display: block;
height: 210px;
position: relative;
}
.rc__movie--link:after {
animation: movieRotate 1.5s linear infinite;
background: url(../img/common/movie_play_circle.png) no-repeat left center;
content: '';
height: 47px;
left: 136px;
position: absolute;
top: 81px;
transition: opacity 0.2s ease;
width: 47px;
}
@keyframes movieRotate {
from {
transform:rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.rc__twidget {
background: #2496f0;
height: 300px;
order: 3;
width: 100%;
}
.rc__banners {
order: 2;
width: 320px;
}
.rc__banners__list a {
display: block;
transition: all 0.3s ease;
}
.rc__banners__list a img {
height: auto;
width: 100%;
}
.rc__copyright {
background: url(../img/common/copyright.png) no-repeat center center;
height: 66px;
}
/* SUBCOLUMN */
#index #subColumn {
background: #F6AC0E url(../img/common/sp_bg.png) no-repeat center top;
position: relative;
}
#sub #subColumn {
position: relative;
}
.scWrap {
margin: 0 auto;
width: 600px;
position: relative;
z-index: 500;
}
#introduction {
padding: 114px 0 0;
position: relative;
}
.introduction__title {
background: url(../img/introduction/h2.png) no-repeat center center;
height: 24px;
margin-bottom: 30px;
margin-left: 57px;
width: 180px;
}
.introduction__catch {
background: url(../img/introduction/catch.png);
height: 307px;
left: 293px;
position: absolute;
top: -85px;
width: 268px;
z-index: 5000;
}
.introduction__text {
background: url(../img/introduction/box_bg_sp.png);
box-sizing: border-box;
height: 1063px;
letter-spacing: 0.1em;
line-height: 38px;
padding: 40px;
}
.introduction__text--strong {
font-family: 'Noto Serif JP', serif;
color: #e73268;
}
.introduction__text--pink {
font-family: 'Noto Serif JP', serif;
color: #e73268;
}
.introduction__stamp {
background: url(../img/common/stamp1.png) no-repeat center center / contain;
height: 269px;
left: 385px;
position: absolute;
top: 925px;
width: 269px;
}
#staff {
padding-top: 56px;
position: relative;
}
.staff__title {
background: url(../img/staff/h2.png) no-repeat center center;
height: 24px;
margin: 0 auto 30px;
width: 71px;
}
.staff__original {
align-content: center;
background: url(../img/staff/originalbox_bg_sp.png) no-repeat center top;
box-sizing: border-box;
color: #e73268;
display: flex;
flex-wrap: wrap;
font-family: 'Noto Serif JP', serif;
font-size: 24px;
font-weight: bold;
height: 191px;
letter-spacing: 0.1em;
line-height: 41px;
margin-bottom: 64px;
padding: 0 20px 34px 0.1em;
position: relative;
text-align: center;
}
.staff__original:before {
background: #000;
bottom: -32px;
content: '';
height: 55px;
left: 197px;
position: absolute;
width: 244px;
}
.staff__original--strong {
width: 100%;
}
.staff__original--min {
font-size: 16px;
color: #000;
display: block;
width: 100%;
}
.staff__original--link {
background: #E73268;
bottom: -12px;
border: 6px solid #000;
box-sizing: border-box;
color: #FFF;
display: block;
font-family: 'Noto Serif JP', serif;
font-size: 18px;
font-weight: bold;
height: 55px;
left: 177px;
letter-spacing: 0.1em;
position: absolute;
text-align: center;
text-decoration: none;
transition: transform 0.3s ease;
width: 244px;
}
.staffList {
display: flex;
flex-wrap: wrap;
font-family: 'Noto Serif JP', serif;
}
.staffList__list {
display: flex;
flex-wrap: wrap;
font-weight: bold;
align-content: center;
box-sizing: border-box;
padding: 0 20px 20px 0.1em;
position: relative;
}
.staffList__list--strong {
display: block;
color: #e73268;
font-size: 24px;
letter-spacing: 0.06em;
line-height: 34px;
text-align: center;
width: 100%;
}
.staffList__list--min {
font-size: 14px;
color: #000;
display: block;
letter-spacing: 0.1em;
line-height: 23px;
text-align: center;
width: 100%;
}
.staffList__list--small {
font-size: 12px;
color: #e73268;
display: block;
letter-spacing: 0.1em;
line-height: 16px;
text-align: center;
width: 100%;
}
.staffList__list--link {
background: #E73268;
bottom: 10px;
border: 6px solid #000;
box-sizing: border-box;
color: #FFF;
display: block;
font-family: 'Noto Serif JP', serif;
font-size: 14px;
font-weight: bold;
height: 40px;
left: 73px;
letter-spacing: 0.1em;
line-height: 24px;
position: absolute;
text-align: center;
text-decoration: none;
transition: transform 0.3s ease;
width: 162px;
}
.staffList3 .staffList__list {
background: url(../img/staff/list3_bg.png) no-repeat center center;
height: 160px;
margin: 0 12px 12px 0;
width: 244px;
}
.staffList3 .staffList__list:nth-child(2n) {
transition-delay: 0.1s;
}
.staffList3 .staffList__list:nth-child(4n) {
margin-right: 0;
}
.staffList3 .staffList__list:nth-child(4n + 3) {
margin-left: 100px;
}
.staffList2 .staffList__list {
background: url(../img/staff/list2_bg.png) no-repeat center center;
height: 160px;
margin: 0 0 12px auto;
width: 372px;
}
.staffList2 .staffList__list:nth-child(2n) {
margin: 0 auto 12px 0;
transition-delay: 0.1s;
}
.staffList1 .staffList__list {
background: url(../img/staff/list1_bg_sp.png) no-repeat center center;
height: 160px;
margin: 0 0 12px 0;
width: 100%;
}
.staff__stamp {
background: url(../img/common/stamp2.png) no-repeat center center / contain;
height: 270px;
left: -83px;
position: absolute;
top: 1282px;
width: 270px;
}
#cast {
padding-top: 56px;
position: relative;
}
.cast__title {
background: url(../img/cast/h2.png) no-repeat center center;
height: 24px;
margin: 0 auto 30px;
width: 61px;
}
.castList {
display: flex;
flex-wrap: wrap;
font-family: 'Noto Serif JP', serif;
}
.castList__list {
align-items: center;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
font-size:20px;
font-weight: bold;
justify-content:center;
letter-spacing:0.1em;
padding: 0 30px 20px 120px;
position: relative;
}
.castList2 .castList__list {
height: 160px;
margin: 0 auto 12px 0;
width: 372px;
}
.castList2 .castList__list:nth-child(2n) {
margin: 0 0 12px auto;
transition-delay: 0.1s;
}
.castList__list--strong {
color:#e73268;
}
.castList__list--link {
background: #E73268;
bottom: 10px;
border: 6px solid #000;
box-sizing: border-box;
color: #FFF;
display: block;
font-family: 'Noto Serif JP', serif;
font-size: 14px;
font-weight: bold;
height: 40px;
left: 200px;
letter-spacing: 0.1em;
line-height: 24px;
position: absolute;
text-align: center;
text-decoration: none;
transition: transform 0.3s ease;
width: 162px;
}
.cast1 {
background:url(../img/cast/cast1_bg.png);
}
.cast2 {
background:url(../img/cast/cast2_bg.png);
}
.cast3 {
background:url(../img/cast/cast3_bg.png);
}
.cast4 {
background:url(../img/cast/cast4_bg.png);
}
.cast5 {
background:url(../img/cast/cast5_bg.png);
}
.cast6 {
background:url(../img/cast/cast6_bg.png);
}
.cast7 {
background:url(../img/cast/cast7_bg.png);
}
.cast8 {
background:url(../img/cast/cast8_bg.png);
}
.cast9 {
background:url(../img/cast/cast9_bg.png);
}
.cast10 {
background:url(../img/cast/cast10_bg.png);
}
.cast11 {
background:url(../img/cast/cast11_bg.png);
}
.cast12 {
background:url(../img/cast/cast12_bg.png);
}
.cast13 {
background:url(../img/cast/cast13_bg.png);
}
.cast14 {
background:url(../img/cast/cast14_bg.png);
}
.cast15 {
background:url(../img/cast/cast15_bg.png);
}
#tCharacter {
height:774px;
padding-top: 56px;
position: relative;
}
#tCharacter:before {
background:url(../img/character/tcharacter_sp_bg.png) no-repeat center top;
content: '';
height: 1080px;
left: 0;
position: absolute;
top: -110px;
transform-origin: center top;
width: 100%;
}
.tCharacter__title {
background: url(../img/character/h2.png) no-repeat center center;
height: 24px;
margin: 0 auto 30px;
width: 143px;
}
.tCharacterList {
height:820px;
position:relative;
z-index:3;
}
.tCharacterList__list {
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
opacity:0;
transition:opacity 0.5s ease;
}
.tCharacterList__list.js-character--on {
opacity:1;
}
@keyframes characterL {
0% {
transform:translate(32px,-4.5px)
}
100% {
transform:translate(-32px,4.5px);
}
}
@keyframes characterL2 {
0% {
transform:translate(16px,-2.25px)
}
100% {
transform:translate(-16px,2.25px);
}
}
@keyframes characterL3 {
0% {
transform:rotate(90deg) translate(16px,-2.25px);
}
100% {
transform:rotate(90deg)translate(-16px,2.25px);
}
}
@keyframes characterLE3 {
0% {
transform:rotate(90deg) translate(-16px,2.25px);
}
100% {
transform:rotate(90deg) translate(-32px,4.5px);
}
}
@keyframes characterLE {
0% {
transform:translate(-32px,4.5px);
}
100% {
transform:translate(-96px,13.5px);
}
}
@keyframes characterLE2 {
0% {
transform:translate(-16px,2.25px);
}
100% {
transform:translate(-32px,4.5px);
}
}
.tCharacter1 .tCharacterList__list--name {
background:url(../img/character/character1_name.png) no-repeat center center;
height:339px;
left:19px;
position:absolute;
top:196px;
width:108px;
z-index:5
}
.tCharacter1 .tCharacterList__list--main {
background:url(../img/character/character1_main.png) no-repeat center center;
height:789px;
left:26px;
top:15px;
position:absolute;
width:500px;
}
.tCharacter1 .tCharacterList__list--sub1 {
background: url(../img/character/character1_sub1.png) no-repeat center center;
height: 393px;
left: 366px;
position: absolute;
top: 370px;
width: 315px;
}
.tCharacter1 .tCharacterList__list--sub2 {
background:url(../img/character/character1_sub2.png) no-repeat center center;
height:223px;
left:-15px;
top:-100px;
position:absolute;
transform:rotate(90deg);
width:172px;
}
.tCharacter2 .tCharacterList__list--name {
background:url(../img/character/character2_name.png) no-repeat center center;
height:339px;
left:19px;
position:absolute;
top:196px;
width:108px;
z-index:5;
}
.tCharacter2 .tCharacterList__list--main {
background: url(../img/character/character2_main.png) no-repeat center center;
height: 789px;
left: 28px;
top: 16px;
position: absolute;
width: 513px;
}
.tCharacter2 .tCharacterList__list--sub1 {
background: url(../img/character/character2_sub1.png) no-repeat center center;
height: 340px;
left: 310px;
position: absolute;
top: 420px;
width: 333px;
}
.tCharacter2 .tCharacterList__list--sub2 {
background:url(../img/character/character2_sub2.png) no-repeat center center;
height:246px;
left:-19px;
top:-120px;
position:absolute;
transform:rotate(90deg);
width:192px;
}
.tCharacter3 .tCharacterList__list--name {
background:url(../img/character/character3_name.png) no-repeat center center;
height:339px;
left:19px;
position:absolute;
top:196px;
width:108px;
z-index:5;
}
.tCharacter3 .tCharacterList__list--main {
background: url(../img/character/character3_main.png) no-repeat center center;
height: 778px;
left: -20px;
top: 44px;
position: absolute;
width: 604px;
}
.tCharacter3 .tCharacterList__list--sub1 {
background: url(../img/character/character3_sub1.png) no-repeat center center;
height: 302px;
left: 370px;
position: absolute;
top: 460px;
width: 266px;
}
.tCharacter3 .tCharacterList__list--sub2 {
background:url(../img/character/character3_sub2.png) no-repeat center center;
height:223px;
left:-60px;
top:-110px;
position:absolute;
transform:rotate(90deg);
width:265px;
}
.tCharacter4 .tCharacterList__list--name {
background:url(../img/character/character4_name.png) no-repeat center center;
height:339px;
left:19px;
position:absolute;
top:196px;
width:108px;
z-index:5;
}
.tCharacter4 .tCharacterList__list--main {
background: url(../img/character/character4_main.png) no-repeat center center;
height: 777px;
left: -30px;
top: 44px;
position: absolute;
width: 783px;
}
.tCharacter4 .tCharacterList__list--sub1 {
background: url(../img/character/character4_sub1.png) no-repeat center center;
height: 323px;
left: 370px;
position: absolute;
top: 460px;
width: 266px;
}
.tCharacter4 .tCharacterList__list--sub2 {
background:url(../img/character/character4_sub2.png) no-repeat center center;
height:219px;
left:-30px;
top:-100px;
position:absolute;
transform:rotate(90deg);
width:182px;
}
.tCharacter5 .tCharacterList__list--name {
background:url(../img/character/character5_name.png) no-repeat center center;
height:339px;
left:19px;
position:absolute;
top:196px;
width:108px;
z-index:5;
}
.tCharacter5 .tCharacterList__list--main {
background: url(../img/character/character5_main.png) no-repeat center center;
height: 776px;
left: -20px;
top: 47px;
position: absolute;
width: 584px;
}
.tCharacter5 .tCharacterList__list--sub1 {
background: url(../img/character/character5_sub1.png) no-repeat center center;
height: 303px;
left: 370px;
position: absolute;
top: 480px;
width: 266px;
}
.tCharacter5 .tCharacterList__list--sub2 {
background:url(../img/character/character5_sub2.png) no-repeat center center;
height:220px;
left:-25px;
top:-90px;
position:absolute;
transform:rotate(90deg);
width:162px;
}
.tCharacter6 .tCharacterList__list--name {
background:url(../img/character/character6_name.png) no-repeat center center;
height:339px;
left:19px;
position:absolute;
top:196px;
width:108px;
z-index:5;
}
.tCharacter6 .tCharacterList__list--main {
background: url(../img/character/character6_main.png) no-repeat center center;
height: 749px;
left: -110px;
top: 72px;
position: absolute;
width: 848px;
}
.tCharacter6 .tCharacterList__list--sub1 {
background: url(../img/character/character6_sub1.png) no-repeat center center;
height: 305px;
left: 370px;
position: absolute;
top: 475px;
width: 269px;
}
.tCharacter6 .tCharacterList__list--sub2 {
background:url(../img/character/character6_sub2.png) no-repeat center center;
height:208px;
left:-48px;
top:-90px;
position:absolute;
transform:rotate(90deg);
width:223px;
}
.tCharacter7 .tCharacterList__list--name {
background:url(../img/character/character7_name.png) no-repeat center center;
height:339px;
left:19px;
position:absolute;
top:196px;
width:108px;
z-index:5;
}
.tCharacter7 .tCharacterList__list--main {
background: url(../img/character/character7_main.png) no-repeat center center;
height: 734px;
left: -116px;
top: 88px;
position: absolute;
width: 900px;
}
.tCharacter7 .tCharacterList__list--sub1 {
background: url(../img/character/character7_sub1.png) no-repeat center center;
height: 266px;
left: 370px;
position: absolute;
top: 515px;
width: 266px;
}
.tCharacter7 .tCharacterList__list--sub2 {
background:url(../img/character/character7_sub2.png) no-repeat center center;
height:181px;
left:-80px;
top:-110px;
position:absolute;
transform:rotate(90deg);
width:272px;
}
.tCharacter8 .tCharacterList__list--name {
background:url(../img/character/character8_name.png) no-repeat center center;
height:339px;
left:19px;
position:absolute;
top:196px;
width:108px;
z-index:5;
}
.tCharacter8 .tCharacterList__list--main {
background: url(../img/character/character8_main.png) no-repeat center center;
height: 782px;
left: -116px;
top: 40px;
position: absolute;
width: 829px;
}
.tCharacter8 .tCharacterList__list--sub1 {
background: url(../img/character/character8_sub1.png) no-repeat center center;
height: 306px;
left: 370px;
position: absolute;
top: 480px;
width: 292px;
}
.tCharacter8 .tCharacterList__list--sub2 {
background:url(../img/character/character8_sub2.png) no-repeat center center;
height:223px;
left:-90px;
top:-90px;
position:absolute;
transform:rotate(90deg);
width:300px;
}
.tCharacter9 .tCharacterList__list--name {
background:url(../img/character/character9_name.png) no-repeat center center;
height:339px;
left:19px;
position:absolute;
top:196px;
width:108px;
z-index:5;
}
.tCharacter9 .tCharacterList__list--main {
background: url(../img/character/character9_main.png) no-repeat center center;
height: 789px;
left: -40px;
top: 40px;
position: absolute;
width: 677px;
}
.tCharacter9 .tCharacterList__list--sub1 {
background: url(../img/character/character9_sub1.png) no-repeat center center;
height: 308px;
left: 370px;
position: absolute;
top: 480px;
width: 269px;
}
.tCharacter9 .tCharacterList__list--sub2 {
background:url(../img/character/character9_sub2.png) no-repeat center center;
height:221px;
left:-40px;
top:-100px;
position:absolute;
transform:rotate(90deg);
width:179px;
}
.tCharacter10 .tCharacterList__list--name {
background:url(../img/character/character10_name.png) no-repeat center center;
height:339px;
left:19px;
position:absolute;
top:196px;
width:108px;
z-index:5;
}
.tCharacter10 .tCharacterList__list--main {
background: url(../img/character/character10_main.png) no-repeat center center;
height: 786px;
left: 55px;
top: 44px;
position: absolute;
width: 566px;
}
.tCharacter10 .tCharacterList__list--sub1 {
background: url(../img/character/character10_sub1.png) no-repeat center center;
height: 295px;
left: 370px;
position: absolute;
top: 490px;
width: 266px;
}
.tCharacter10 .tCharacterList__list--sub2 {
background:url(../img/character/character10_sub2.png) no-repeat center center;
height:218px;
left:-30px;
top:-100px;
position:absolute;
transform:rotate(90deg);
width:193px;
}
.tCharacter11 .tCharacterList__list--name {
background:url(../img/character/character11_name.png) no-repeat center center;
height:339px;
left:19px;
position:absolute;
top:196px;
width:108px;
z-index:5;
}
.tCharacter11 .tCharacterList__list--main {
background: url(../img/character/character11_main.png) no-repeat center center;
height: 787px;
left: -160px;
top: 44px;
position: absolute;
width: 853px;
}
.tCharacter11 .tCharacterList__list--sub1 {
background: url(../img/character/character11_sub1.png) no-repeat center center;
height: 293px;
left: 370px;
position: absolute;
top: 490px;
width: 266px;
}
.tCharacter11 .tCharacterList__list--sub2 {
background:url(../img/character/character11_sub2.png) no-repeat center center;
height:223px;
left:-100px;
top:-100px;
position:absolute;
transform:rotate(90deg);
width:294px;
}
.js-character--on .tCharacterList__list--main {
animation:characterL 6s linear forwards;
}
.js-character--on .tCharacterList__list--name,
.js-character--on .tCharacterList__list--sub1{
animation:characterL2 6s linear forwards;
}
.js-character--on .tCharacterList__list--sub2 {
animation:characterL3 6s linear forwards;
}
.tCharacterList__list--main {
animation:characterLE 6s linear forwards;
}
.tCharacterList__list--name,
.tCharacterList__list--sub1 {
animation:characterLE2 6s linear forwards;
}
.tCharacterList__list--sub2 {
animation:characterLE3 6s linear forwards;
}
.tCharacter__button {
background: #000;
height: 55px;
position: absolute;
width: 244px;
left: 20px;
top: 660px;
z-index:8;
}
.tCharacter__button--link {
background:#E63268;
border:6px solid #000;
box-sizing:border-box;
color:#FFF;
display:block;
font-family: 'Noto Serif JP', serif;
font-size:18px;
font-weight:bold;
height:55px;
letter-spacing:0.1em;
line-height:43px;
text-align:center;
text-decoration:none;
transform:translate(-10px,-10px);
transition:all 0.3s ease;
}
.tCharacter__stamp {
background: url(../img/common/stamp2.png) no-repeat center center / contain;
height: 270px;
left: 385px;
top: 50px;
position: absolute;
width: 270px;
}
#comics {
background:#FFF url(../img/comics/comics_bg_sp.png) no-repeat center top;
padding: 128px 0 50px;
position: relative;
}
.comics__title {
background: url(../img/comics/h2.png) no-repeat center center;
height: 24px;
margin: 0 auto 30px;
width: 94px;
}
.comics__original {
align-content: center;
background: url(../img/staff/originalbox_bg_sp.png) no-repeat center top;
box-sizing: border-box;
color: #1f7ec1;
display: flex;
flex-wrap: wrap;
font-family: 'Noto Serif JP', serif;
font-size: 24px;
font-weight: bold;
height: 185px;
letter-spacing: 0.05em;
line-height: 36px;
margin-bottom: 64px;
padding: 0 20px 34px 0.1em;
position: relative;
text-align: center;
}
.comics__original:before {
background: #000;
bottom: -35px;
content: '';
height: 55px;
left: 145px;
position: absolute;
width: 344px;
}
.comics__original--strong {
width: 100%;
}
.comics__original--min {
font-size: 16px;
color: #000;
display: block;
width: 100%;
}
.comics__original--link {
background: #1f7ec1;
bottom: -15px;
border: 6px solid #000;
box-sizing: border-box;
color: #FFF;
display: block;
font-family: 'Noto Serif JP', serif;
font-size: 18px;
font-weight: bold;
height: 55px;
left: 125px;
letter-spacing: 0.1em;
position: absolute;
text-align: center;
text-decoration: none;
transition: transform 0.3s ease;
width: 344px;
}
.comicsList {
display: flex;
flex-wrap: wrap;
}
.comicsList__list {
box-sizing: border-box;
height: 340px;
margin: 0 12px 12px 0;
padding: 0 20px 20px 0;
width: 244px;
position: relative;
}
.comicsList__list:before {
background: #000;
bottom: 0;
content: '';
height: 320px;
position: absolute;
right: 0;
width: 224px;
}
.comicsList__list:nth-child(2n) {
margin-right: 0;
transition-delay: 0.1s;
}
.comicsList__list:nth-child(4n + 3) {
margin-left: 100px;
}
.comicsList__list--link {
border: 6px solid #000;
box-sizing: border-box;
display: block;
position: relative;
transition: transform 0.3s ease;
}
.comicsList__list--link img {
display: block;
}
.comicsList__list--subText {
align-items: center;
background: url(../img/comics/subcomic_bg_sp.png) no-repeat center left;
box-sizing: border-box;
color: #1f7ec1;
display: flex;
flex-wrap: wrap;
font-family: 'Noto Serif JP', serif;
font-size: 22px;
font-weight: bold;
height: 340px;
justify-content: center;
letter-spacing: 0.1em;
left: 248px;
line-height: 40px;
padding: 0 20px 20px 8px;
position: absolute;
text-align: center;
top: 0;
width: 352px;
}
.comics__stamp {
background: url(../img/common/stamp3.png) no-repeat center center / contain;
height: 271px;
left: 307px;
position: absolute;
top: 1047px;
width: 271px;
}
#index .copyright__sp {
background:#FFF url(../img/common/cppyright_sp.png) no-repeat center 1px;
height: 150px;
position:relative;
}
#sub .copyright__sp {
background:transparent url(../img/common/cppyright_sp.png) no-repeat center center;
height: 150px;
position:relative;
}
.copyright__sp:before {
background:#FFF;
content:'';
left:0;
position:absolute;
right:0;
top:-1px;
height:2px;
}

#footbnrWrap{
padding: 0 0 50px;
position: relative;
background: #fff;
}
.footbnr{
width: 600px;
margin: 0 auto;
}
.footbnr ul{
display: flex;
flex-wrap: wrap;
}
.footbnr li{
width: 290px;
margin-right: 20px;
margin-bottom: 20px;
}
.footbnr li:nth-child(2n){
margin-right: 0;
}
.footbnr li img{
width: 100%;
}

/* MOVIE MODAL */
#movieModal {
background: rgba(255,255,255,0.9);
bottom: 0;
display: none;
left: 0;
overflow: auto;
position: fixed;
right: 0;
top: 0;
z-index: 9999;
}
.mm__inner {
display: flex;
height: 100%;
align-items: center;
width: 100%;
}
.mm__inner iframe {
width: 640px;
height: 360px;
display: block;
}
.mm__close {
background: #000;
display: block;
height: 84px;
right: 20px;
position: absolute;
top: 50px;
width: 84px;
}
.mm__close:before {
background: url(../img/common/btn_close.png) no-repeat center center;
content: '';
height: 84px;
left: -10px;
position: absolute;
top: -10px;
transition: transform 0.3s ease;
width: 84px;
}
/* COMMENT MODAL */
#commentModal {
background: rgba(255,255,255,0.9);
bottom: 0;
display: none;
left: 0;
overflow: auto;
position: fixed;
right: 0;
top: 0;
z-index: 9999;
}
.cm__inner {
display: flex;
justify-content: center;
align-items: center;
min-height: 100%;
width: 100%;
}
.cm__shikishi {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
display: none;
height: 700px;
padding: 140px 0;
width: 620px;
}
.cm__shikishi.js-shikishi1 {
background-image: url(../img/common/comment_official.png);
}
.cm__shikishi.js-shikishi2,
.cm__shikishi.js-shikishi3,
.cm__shikishi.js-shikishi4,
.cm__shikishi.js-shikishi5,
.cm__shikishi.js-shikishi6,
.cm__shikishi.js-shikishi7,
.cm__shikishi.js-shikishi8,
.cm__shikishi.js-shikishi9,
.cm__shikishi.js-shikishi10,
.cm__shikishi.js-shikishi11,
.cm__shikishi.js-shikishi12,
.cm__shikishi.js-shikishi13,
.cm__shikishi.js-shikishi14,
.cm__shikishi.js-shikishi15{
height:auto;
width:600px;
}
.cm__shikishi.js-shikishi2 h3,
.cm__shikishi.js-shikishi3 h3,
.cm__shikishi.js-shikishi4 h3,
.cm__shikishi.js-shikishi5 h3,
.cm__shikishi.js-shikishi6 h3,
.cm__shikishi.js-shikishi7 h3,
.cm__shikishi.js-shikishi8 h3,
.cm__shikishi.js-shikishi9 h3,
.cm__shikishi.js-shikishi10 h3,
.cm__shikishi.js-shikishi11 h3,
.cm__shikishi.js-shikishi12 h3,
.cm__shikishi.js-shikishi13 h3,
.cm__shikishi.js-shikishi14 h3,
.cm__shikishi.js-shikishi15 h3{
color:#e73268;
font-family: 'Noto Serif JP', serif;
font-size:26px;
font-weight:bold;
margin-bottom:20px;
}
.cm__shikishi.js-shikishi2 h3 span,
.cm__shikishi.js-shikishi3 h3 span,
.cm__shikishi.js-shikishi4 h3 span,
.cm__shikishi.js-shikishi5 h3 span,
.cm__shikishi.js-shikishi6 h3 span,
.cm__shikishi.js-shikishi7 h3 span,
.cm__shikishi.js-shikishi8 h3 span,
.cm__shikishi.js-shikishi9 h3 span,
.cm__shikishi.js-shikishi10 h3 span,
.cm__shikishi.js-shikishi11 h3 span,
.cm__shikishi.js-shikishi12 h3 span,
.cm__shikishi.js-shikishi13 h3 span,
.cm__shikishi.js-shikishi14 h3 span,
.cm__shikishi.js-shikishi15 h3 span{
color:#000;
font-size:20px;
}
.cm__shikishi.js-shikishi2 p,
.cm__shikishi.js-shikishi3 p,
.cm__shikishi.js-shikishi4 p,
.cm__shikishi.js-shikishi5 p,
.cm__shikishi.js-shikishi6 p,
.cm__shikishi.js-shikishi7 p,
.cm__shikishi.js-shikishi8 p,
.cm__shikishi.js-shikishi9 p,
.cm__shikishi.js-shikishi10 p,
.cm__shikishi.js-shikishi11 p,
.cm__shikishi.js-shikishi12 p,
.cm__shikishi.js-shikishi13 p,
.cm__shikishi.js-shikishi14 p,
.cm__shikishi.js-shikishi15 p{
font-size:20px;
line-height:40px;
}/*EFFECT*/
.js-effect {
transform: rotate(5deg) translate3d(0, 50px, 0);
transition: all 0.7s ease;
opacity: 0;
}
.js-effect__on {
opacity: 1;
transform: rotate(0deg) translate3d(0, 0, 0);
}
.js-stamp {
transform: rotate(90deg) scale(2);
transition: all 0.3s ease;
opacity: 0;
}
.js-stamp__on {
opacity: 1;
transform: rotate(0deg) scale(1);
}
/* LOADING */
#loading {
background: #FFF;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 20000;
}
.loading__logo {
background: url(../img/common/logo.png) no-repeat center center;
display: none;
height: 83px;
width: 510px;
}
#spNavWrap {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
z-index: 5999;
}
.spNav__button {
height: 84px;
position: absolute;
right: 30px;
top: 40px;
width: 84px;
z-index: 5000;
}
.spNav__button:before {
background: #000;
bottom: -10px;
content: '';
height: 100%;
position: absolute;
right: -10px;
width: 100%;
}
.spNav__button--link {
background: #FFF;
border: 6px solid #000;
box-sizing: border-box;
display: block;
height: 84px;
pointer-events: auto;
position: relative;
transition: background 0.3s ease;
}
.spNav__button--link:before, .spNav__button--link:after {
background: #000;
content: '';
height: 6px;
left: 21px;
position: absolute;
width: 30px;
}
.spNav__button--link:before {
top: 27px;
}
.spNav__button--link:after {
top: 39px;
}
.spNav__button--link__on {
background: #2496f0;
}
.spNav {
height: 0;
left: 0;
overflow: auto;
pointer-events: auto;
position: absolute;
right: 0;
top: 0;
transition: height 0.3s ease-in-out;
}
.spNav.js-nav__on {
height: calc(100% + 100px);
}
.spNav__inner {
background: #FFF;
padding-top: 53px;
padding-bottom: 315px;
}
.spNav__logo {
background: url(../img/common/logo_abbr.png) no-repeat center center;
height: 73px;
margin: 0 auto 68px;
width: 217px;
}
.spNav__lists {
padding-bottom: 36px;
}
.spNav__list {
height: 70px;
}
.spNav__list--link {
background-position: 200px center;
background-repeat: no-repeat;
display: block;
height: 70px;
}
.spNav__list--link.news {
background-image: url(../img/common/nav_news.png);
}
.spNav__list--link.introduction {
background-image: url(../img/common/nav_introduction.png);
}
.spNav__list--link.story {
background-image: url(../img/common/nav_story.png);
}
.spNav__list--link.staff {
background-image: url(../img/common/nav_staff.png);
}
.spNav__list--link.character {
background-image: url(../img/common/nav_character.png);
}
.spNav__list--link.onair {
background-image: url(../img/common/nav_onair.png);
}
.spNav__list--link.comics {
background-image: url(../img/common/nav_comics.png);
}
.spNav__list--link.movie {
background-image: url(../img/common/nav_movie.png);
}
.spNav__list--link.discography {
background-image: url(../img/common/nav_discography.png);
}
.spNav__list--link.goods {
background-image: url(../img/common/nav_goods.png);
}
.spNav__list--link.special {
background-image: url(../img/common/nav_special.png);
}
.spNav__list--link.top {
background-image: url(../img/common/nav_top.png);
}
.spNav__share {
display: flex;
justify-content: center;
}
.spNav__share__list {
height: 84px;
width: 84px;
}
.spNav__share__list--link {
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 84px;
}
.spNav__share__list--link.twitter {
background-image: url(../img/common/icon_twitter_sp.png);
}
.spNav__share__list--link.facebook {
background-image: url(../img/common/icon_facebook_sp.png);
}
.spNav__share__list--link.line {
background-image: url(../img/common/icon_line_sp.png);
}
.subPageContent {
box-sizing:border-box;
min-height:calc(100vh - 250px) !important;
}
/*NEWS*/
#news {
font-family: 'Noto Serif JP', serif;
padding:50px 0 60px;
position:relative;
}
#news:before {
background:#1F7EC1;
bottom:270px;
content:'';
left:0;
position:absolute;
right:0;
top:100px;
transform:skewY(-8deg);
}
#news:after {
content:'';
bottom:0;
left:0;
position:absolute;
right:0px;
top:0;
background:url(../img/common/sub_star_sp.png) no-repeat center top;
}
.news__title {
background:url(../img/news/h2.png) no-repeat center center;
height:24px;
margin-bottom:43px;
}
.newsList {
margin-bottom:30px;
}
.newsList__list {
background:#000;
margin-bottom:20px;
transform:translateX(5px);
}
.newsList__list--link {
background:#FFF;
border:6px solid #000;
box-sizing:border-box;
display:flex;
min-height:104px;
text-decoration:none;
transform:translate(-10px,-10px);
transition:all 0.3s ease;
}
.newsList__list--time {
align-items:center;
box-sizing:border-box;
color:#FFF;
display:flex;
flex-wrap:wrap;
font-size:16px;
font-weight:bold;
justify-content:center;
letter-spacing:0.1em;
line-height:21px;
padding:0 24px;
text-align:center;
width:100px;
word-break:break-all;
}
.newsList__list:nth-child(4n + 1) .newsList__list--time{
background:#e73268;
}
.newsList__list:nth-child(4n + 2) .newsList__list--time{
background:#74bc43;
}
.newsList__list:nth-child(4n + 3) .newsList__list--time{
background:#006cb8;
}
.newsList__list:nth-child(4n) .newsList__list--time{
background:#f6ac0e;
}
.newsList__list--title {
align-items:center;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
font-size:20px;
letter-spacing:0.1em;
line-height:1.6;
padding:18px 30px;
width:488px;
}
.pagingList {
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.pagingList li {
background:#000;
height: 45px;
margin:7px;
width: 45px;
}
.pagingList li a,
.pagingList li span {
background:#FFF;
box-sizing: border-box;
border: 6px solid #000;
color:#e73268;
display: block;
font-size: 18px;
font-weight: bold;
height: 45px;
line-height: 30px;
text-align: center;
transform:translate(-6px,-6px);
}
.pagingList li a {
transition: all 0.3s ease;
text-decoration: none;
}
.pagingList li span {
background:#e73268;
color:#FFF;
}
.pagingList li .none {
display: none;
}
.news__meta {
background:#000;
margin-bottom:20px;
transform:translateX(5px);
}
.news__meta--inner {
background:#FFF;
border:6px solid #000;
box-sizing:border-box;
display:flex;
min-height:104px;
text-decoration:none;
transform:translate(-10px,-10px);
}
.news__meta--time {
align-items:center;
box-sizing:border-box;
color:#FFF;
display:flex;
flex-wrap:wrap;
font-size:16px;
font-weight:bold;
justify-content:center;
letter-spacing:0.1em;
line-height:21px;
padding:0 24px;
text-align:center;
width:100px;
word-break:break-all;
}
.news__meta--time.nmt1{
background:#e73268;
}
.news__meta--time.nmt2{
background:#74bc43;
}
.news__meta--time.nmt3{
background:#006cb8;
}
.news__meta--time.nmt4{
background:#f6ac0e;
}
.news__meta--title {
align-items:center;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
font-weight:bold;
font-size:20px;
letter-spacing:0.1em;
line-height:1.6;
padding:18px 30px;
width:488px;
}
.news__detail {
background:#000;
margin-bottom:30px;
transform:translateX(5px);
}
.news__detail--text {
background:#FFF;
border:6px solid #000;
font-size:20px;
font-weight:500;
letter-spacing:0.1em;
line-height:2;
padding:30px;
transform:translate(-10px,-10px);
word-break:break-all;
}
.news__detail--text p {
margin-bottom:1em;
}
.news__detail--text img {
height:auto !important;
max-width:100%;
}
.news__detail--text iframe {
max-width:100%;
}
.btn__toIndex {
background:#000;
height:50px;
margin:0 auto;
width:180px;
}
.btn__toIndex_kahaku {
background:#000;
height:50px;
margin:-20px auto 0;
width:180px;
}
.btn__toIndex--link {
background:#e73268;
border:6px solid #000;
box-sizing:border-box;
color:#FFF;
display:block;
font-size:16px;
height:50px;
letter-spacing:0.1em;
line-height:36px;
text-align:center;
text-decoration:none;
transform:translate(-10px,-10px);
transition:all 0.3s ease;
}
/*SPECIAL*/
#special {
font-family: 'Noto Serif JP', serif;
padding:50px 0 60px;
position:relative;
}
#special:before {
background:#74bc43;
bottom:270px;
content:'';
left:0;
position:absolute;
right:0;
top:100px;
transform:skewY(-8deg);
}
#special:after {
background:url(../img/common/sub_star_sp.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
}
.special__title {
background:url(../img/special/h2.png) no-repeat center center;
height:24px;
margin-bottom:43px;
}
.specialList {
margin-bottom:30px;
}
.specialList__list {
background:#000;
margin-bottom:20px;
transform:translateX(5px);
}
.specialList__list--link {
background:#FFF;
border:6px solid #000;
box-sizing:border-box;
display:flex;
min-height:104px;
text-decoration:none;
transform:translate(-10px,-10px);
transition:all 0.3s ease;
}
.specialList__list--time {
align-items:center;
box-sizing:border-box;
color:#FFF;
display:flex;
flex-wrap:wrap;
font-size:16px;
font-weight:bold;
justify-content:center;
letter-spacing:0.1em;
line-height:21px;
padding:0 24px;
text-align:center;
width:100px;
word-break:break-all;
}
.specialList__list:nth-child(4n + 1) .specialList__list--time{
background:#e73268;
}
.specialList__list:nth-child(4n + 2) .specialList__list--time{
background:#74bc43;
}
.specialList__list:nth-child(4n + 3) .specialList__list--time{
background:#006cb8;
}
.specialList__list:nth-child(4n) .specialList__list--time{
background:#f6ac0e;
}
.specialList__list--title {
align-items:center;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
font-weight:bold;
font-size:20px;
letter-spacing:0.1em;
line-height:1.6;
padding:18px 30px;
width:488px;
}
.special__meta {
background:#000;
margin-bottom:20px;
transform:translateX(5px);
}
.special__meta--inner {
background:#FFF;
border:6px solid #000;
box-sizing:border-box;
display:flex;
min-height:104px;
text-decoration:none;
transform:translate(-10px,-10px);
}
.special__meta--time {
align-items:center;
box-sizing:border-box;
color:#FFF;
display:flex;
flex-wrap:wrap;
font-size:16px;
font-weight:bold;
justify-content:center;
letter-spacing:0.1em;
line-height:21px;
padding:0 24px;
text-align:center;
width:100px;
word-break:break-all;
}
.special__meta--time.nmt1{
background:#e73268;
}
.special__meta--time.nmt2{
background:#74bc43;
}
.special__meta--time.nmt3{
background:#006cb8;
}
.special__meta--time.nmt4{
background:#f6ac0e;
}
.special__meta--title {
align-items:center;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
font-size:20px;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.6;
padding:18px 30px;
width:488px;
}
.special__detail {
background:#000;
margin-bottom:30px;
transform:translateX(5px);
}
.special__detail--text {
background:#FFF;
border:6px solid #000;
font-size:20px;
font-weight:500;
letter-spacing:0.1em;
line-height:2;
padding:30px;
transform:translate(-10px,-10px);
word-break:break-all;
}
.special__detail--text p {
margin-bottom:1em;
}
.special__detail--text img {
height:auto !important;
max-width:100%;
}
.special__detail--text iframe {
max-width:100%;
}
.special__interview--mainimg {
margin:-30px -30px 40px !important;
}
.special__interview--content {
margin-right:-15px;
}
.special__interview--question {
background:#000;
position:relative;
}
.special__interview--question-text {
background:#FFDE46;
border:6px solid #000;
box-sizing:border-box;
font-size:20px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:6px 24px;
transform:translate(-10px,-10px);
}
.special__interview--question-text--sub {
background:#FFDE46;
border:6px solid #000;
box-sizing:border-box;
font-size:20px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:6px 24px;
transform:translate(0,-10px);
}
.special__interview--question-face {
height:85px;
width:84px;
position:absolute;
right:-50px;
top:-20px;
}
.special__interview--answer {
font-size:20px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:10px 10px 45px 80px;
position:relative;
}
.special__interview--answer-face {
display:block;
height:67px;
left:-10px;
position:absolute;
top:10px;
width:71px;
}
.special__joueikai {
margin-right:-15px;
}
.special_joueikai p{
font-size: 20px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2;
padding: 10px 0 10px 0;
position: relative;
}
.specail_joueikai_txt2{
padding-left:1em;
text-indent:-1em;
}
.specail_joueikai_txtend{
}
.special_joueikai img{
width: 522px;
display: block;
margin-right: auto;
margin-left: auto;
padding-bottom: 45px;
}
.special_joueikai_list_title{
display: none;
}
.special_joueikai_list{
width: 528px;
font-size: 20px;
font-weight: bold;
}
.special_joueikai_list dt{
margin-bottom: 10px;
padding: 25px 0 25px 35px;
background-color: #ffeea2;
position: relative;
}
.special_joueikai_list dt:before{
content:"";
background-image: url("../img/common/arrow_a.png");
width: 13px;
height: 15px;
position: absolute;
top:50%;
right:28px;
}
.special_joueikai_list dt.active:before{
background-image: url("../img/common/arrow_b.png");
width: 14px;
height: 3px;
}
.special_joueikai_list dd{
padding-top: 20px;
padding-bottom: 30px;
padding-left: 25px;
position: relative;
display: none;
}
.special_joueikai_list dd:before{
content: "";

width: 9px;
height: 13px;
position: absolute;
top:50%;
right:28px;
}
/*imgModal*/
.modalBox{
display:none; 
}
.modalBox {
-webkit-overflow-scrolling: touch;
background: rgba(255,255,255,0.9);
height: 100%;
width: 100%;
overflow: auto;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
.oneModal .js-oneModal {
display: none;
}
.oneModal {
height: 100%;
width: 100%;
z-index: 1;
}
.oneModalIn {
display: flex;
justify-content: center;
align-items: center;
height: auto;
width: 100%;
min-height: 100vh;
margin: 0 auto;
position: relative;
z-index: -1;
}
.oneModalIn_cont{
padding-top: 80px;
}
.oneModalIn__imgWrap img {
max-width: 100%;
}
.modalBox.js-modalBox.sp_dc{
	/*display: block;*/
	opacity: 0;
	z-index: -1;
	transition: all 0s ease;
}
.sp_dc .oneModalIn{
	z-index: 1;
}
.sp_dc .closeBtn a{
	z-index: 2;
}


/*CHARACTER*/
#character {
font-family: 'Noto Serif JP', serif;
padding: 50px 0 60px;
position: relative;
background: rgb(36,150,240);
background: -moz-linear-gradient(top,  rgba(36,150,240,1) 0%, rgba(36,150,240,1) 50%, rgba(36,150,240,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(36,150,240,1) 0%,rgba(36,150,240,1) 50%,rgba(36,150,240,1) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(36,150,240,1) 0%,rgba(36,150,240,1) 50%,rgba(36,150,240,1) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2496f0', endColorstr='#ffffff',GradientType=0 );
}
#character:before {
background:#E73269;
content:'';
height:830px;
left:0;
position:absolute;
right:0;
top:220px;
transform:skewY(-8deg);
}
#character:after {
background:url(../img/common/sub_star2_sp.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:0px;
top:0;
}
.character__title {
background:url(../img/character/h2.png) no-repeat center center;
height:24px;
margin-bottom:43px;
}
.characterList {
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:0 auto 20px;
width:456px !important;
}
.characterList__list {
height:170px;
margin:0 7px 15px;
width:138px;
}
.characterList__list--link {
background-position:center bottom;
background-repeat:no-repeat;
display:block;
height:170px;
transition:all 0.3s ease;
}
.characterList__list--link.cur {
transform:scale(0.90);
}
.characterList__list--link.character1 {
background-image:url(../img/character/character1_selectbtn.png);
}
.characterList__list--link.character2 {
background-image:url(../img/character/character2_selectbtn.png);
}
.characterList__list--link.character3 {
background-image:url(../img/character/character3_selectbtn.png);
}
.characterList__list--link.character4 {
background-image:url(../img/character/character4_selectbtn.png);
}
.characterList__list--link.character5 {
background-image:url(../img/character/character5_selectbtn.png);
}
.characterList__list--link.character6 {
background-image:url(../img/character/character6_selectbtn.png);
}
.characterList__list--link.character7 {
background-image:url(../img/character/character7_selectbtn.png);
}
.characterList__list--link.character8 {
background-image:url(../img/character/character8_selectbtn.png);
}
.characterList__list--link.character9 {
background-image:url(../img/character/character9_selectbtn.png);
}
.characterList__list--link.character10 {
background-image:url(../img/character/character10_selectbtn.png);
}
.characterList__list--link.character11 {
background-image:url(../img/character/character11_selectbtn.png);
}
.characterList__list--link.character12 {
background-image:url(../img/character/character12_selectbtn.png);
}
.characterList__list--link.character13 {
background-image:url(../img/character/character13_selectbtn.png);
}
.characters {
height:950px;
position:relative;
}
.characters__list {
height:100%;
left:0;
opacity:0;
pointer-events:none;
position:absolute;
top:0;
transform:translate(-32px,9px);
width:100%;
}
.characters__list.cur {
opacity:1;
transform:translate(0,0);
transition:all 0.4s ease;
}
.characters__list--name,
.characters__list--main,
.characters__list--sub1,
.characters__list--sub2,
.characters__list--profile,
.characters__list--stamp {
position:absolute;
}
.characters__list--profile {
background:#FFF;
box-sizing:border-box;
left:0px;
top:710px;
width:590px;
border: 6px solid #000;
display:flex;
}
.characters__list--profile:before {
background:#000;
bottom:-16px;
content:'';
height:11px;
left:4px;
position:absolute;
right:-16px;
}
.characters__list--profile:after {
background:#000;
bottom:-16px;
content:'';
position:absolute;
right:-16px;
top:4px;
width:11px;
}
.characters__list--profile-title {
background:#E73268 url(../img/character/character_profile_text.png) no-repeat center center;
width:100px;
}
.characters__list--profile-text {
box-sizing:border-box;
font-size:20px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:15px 25px;
width:478px;
}
.characters__list--stamp {
background:url(../img/common/stamp1.png) no-repeat center center / contain;
height:205px;
left:470px;
position:absolute;
top:145px;
transform:scale(1.5) rotate(45deg);
width:205px;
opacity:0;
}
.characters__list.cur .characters__list--stamp {
opacity:1;
transform:scale(1) rotate(0);
transition:all 0.3s ease;
transition-delay:0.4s;
}
/*c1*/
.characters__list.character1 .characters__list--name {
background:url(../img/character/character1_name.png) no-repeat center center;
height:338px;
left:0px;
top:247px;
width:108px;
}
.characters__list.character1 .characters__list--main {
background:url(../img/character/character1_stand_sp.png) no-repeat center center / contain;
height:659px;
left:131px;
top:14px;
width:339px;
}
.characters__list.character1 .characters__list--sub1 {
background:url(../img/character/character1_sub1.png) no-repeat center center / contain;
height:332px;
left:406px;
top:393px;
width:266px;
z-index:5
}
.characters__list.character1 .characters__list--sub2 {
background:url(../img/character/character1_sub2.png) no-repeat center center / contain;
height:140px;
left:-15px;
top:0px;
transform:rotate(90deg);
width:108px;
}
/*c2*/
.characters__list.character2 .characters__list--name {
background:url(../img/character/character2_name.png) no-repeat center center;
height:338px;
left:0px;
top:247px;
width:108px;
}
.characters__list.character2 .characters__list--main {
background:url(../img/character/character2_stand_sp.png) no-repeat center center / contain;
height:660px;
left:102px;
top:13px;
width:358px;
}
.characters__list.character2 .characters__list--sub1 {
background:url(../img/character/character2_sub1.png) no-repeat center center / contain;
height:297px;
left:348px;
top:431px;
width:291px;
z-index:5;
}
.characters__list.character2 .characters__list--sub2 {
background:url(../img/character/character2_sub2.png) no-repeat center center / contain;
height:164px;
left:-20px;
top:-15px;
transform:rotate(90deg);
width:126px;
}
/*c3*/
.characters__list.character3 .characters__list--name {
background:url(../img/character/character3_name.png) no-repeat center center;
height:338px;
left:0px;
top:247px;
width:108px;
}
.characters__list.character3 .characters__list--main {
background:url(../img/character/character3_stand_sp.png) no-repeat center center / contain;
height:660px;
left:122px;
top:13px;
width:420px;
}
.characters__list.character3 .characters__list--sub1 {
background:url(../img/character/character3_sub1.png) no-repeat center center / contain;
height:260px;
left:388px;
top:471px;
width:266px;
z-index:5;
}
.characters__list.character3 .characters__list--sub2 {
background:url(../img/character/character3_sub2.png) no-repeat center center / contain;
height:164px;
left:-48px;
top:-15px;
transform:rotate(90deg);
width:180px;
}
/*c4*/
.characters__list.character4 .characters__list--name {
background:url(../img/character/character4_name.png) no-repeat center center;
height:338px;
left:0px;
top:247px;
width:108px;
}
.characters__list.character4 .characters__list--main {
background:url(../img/character/character4_stand_sp.png) no-repeat center center / contain;
height:660px;
left:122px;
top:13px;
width:420px;
}
.characters__list.character4 .characters__list--sub1 {
background:url(../img/character/character4_sub1.png) no-repeat center center / contain;
height:260px;
left:388px;
top:471px;
width:266px;
z-index:5;
}
.characters__list.character4 .characters__list--sub2 {
background:url(../img/character/character4_sub2.png) no-repeat center center / contain;
height:164px;
left:-48px;
top:-15px;
transform:rotate(90deg);
width:180px;
}
/*c5*/
.characters__list.character5 .characters__list--name {
background:url(../img/character/character5_name.png) no-repeat center center;
height:338px;
left:0px;
top:247px;
width:108px;
}
.characters__list.character5 .characters__list--main {
background:url(../img/character/character5_stand_sp.png) no-repeat center center / contain;
height:660px;
left:112px;
top:13px;
width:420px;
}
.characters__list.character5 .characters__list--sub1 {
background:url(../img/character/character5_sub1.png) no-repeat center center / contain;
height:260px;
left:388px;
top:471px;
width:266px;
z-index:5;
}
.characters__list.character5 .characters__list--sub2 {
background:url(../img/character/character5_sub2.png) no-repeat center center / contain;
height:164px;
left:-48px;
top:-15px;
transform:rotate(90deg);
width:180px;
}
/*c6*/
.characters__list.character6 .characters__list--name {
background:url(../img/character/character6_name.png) no-repeat center center;
height:338px;
left:0px;
top:247px;
width:108px;
}
.characters__list.character6 .characters__list--main {
background:url(../img/character/character6_stand_sp.png) no-repeat center center / contain;
height:660px;
left:122px;
top:13px;
width:420px;
}
.characters__list.character6 .characters__list--sub1 {
background:url(../img/character/character6_sub1.png) no-repeat center center / contain;
height:260px;
left:388px;
top:471px;
width:266px;
z-index:5;
}
.characters__list.character6 .characters__list--sub2 {
background:url(../img/character/character6_sub2.png) no-repeat center center / contain;
height:164px;
left:-48px;
top:-15px;
transform:rotate(90deg);
width:180px;
}
/*c7*/
.characters__list.character7 .characters__list--name {
background:url(../img/character/character7_name.png) no-repeat center center;
height:338px;
left:0px;
top:247px;
width:108px;
}
.characters__list.character7 .characters__list--main {
background:url(../img/character/character7_stand_sp.png) no-repeat center center / contain;
height:660px;
left:72px;
top:13px;
width:510px;
}
.characters__list.character7 .characters__list--sub1 {
background:url(../img/character/character7_sub1.png) no-repeat center center / contain;
height:240px;
left:398px;
top:486px;
width:246px;
z-index:5;
}
.characters__list.character7 .characters__list--sub2 {
background:url(../img/character/character7_sub2.png) no-repeat center center / contain;
height:164px;
left:-55px;
top:-15px;
transform:rotate(90deg);
width:180px;
}
/*c8*/
.characters__list.character8 .characters__list--name {
background:url(../img/character/character8_name.png) no-repeat center center;
height:338px;
left:0px;
top:247px;
width:108px;
}
.characters__list.character8 .characters__list--main {
background:url(../img/character/character8_stand_sp.png) no-repeat center center / contain;
height:680px;
left:112px;
top:3px;
width:420px;
}
.characters__list.character8 .characters__list--sub1 {
background:url(../img/character/character8_sub1.png) no-repeat center center / contain;
height:260px;
left:388px;
top:471px;
width:266px;
z-index:5;
}
.characters__list.character8 .characters__list--sub2 {
background:url(../img/character/character8_sub2.png) no-repeat center center / contain;
height:204px;
left:-64px;
top:-30px;
transform:rotate(90deg);
width:200px;
}
/*c9*/
.characters__list.character9 .characters__list--name {
background:url(../img/character/character9_name.png) no-repeat center center;
height:338px;
left:0px;
top:247px;
width:108px;
}
.characters__list.character9 .characters__list--main {
background:url(../img/character/character9_stand_sp.png) no-repeat center center / contain;
height:680px;
left:112px;
top:3px;
width:440px;
}
.characters__list.character9 .characters__list--sub1 {
background:url(../img/character/character9_sub1.png) no-repeat center center / contain;
height:260px;
left:388px;
top:471px;
width:266px;
z-index:5;
}
.characters__list.character9 .characters__list--sub2 {
background:url(../img/character/character9_sub2.png) no-repeat center center / contain;
height:164px;
left:-64px;
top:-30px;
transform:rotate(90deg);
width:200px;
}
/*c10*/
.characters__list.character10 .characters__list--name {
background:url(../img/character/character10_name.png) no-repeat center center;
height:338px;
left:0px;
top:247px;
width:108px;
}
.characters__list.character10 .characters__list--main {
background:url(../img/character/character10_stand_sp.png) no-repeat center center / contain;
height:620px;
left:152px;
top:40px;
width:440px;
}
.characters__list.character10 .characters__list--sub1 {
background:url(../img/character/character10_sub1.png) no-repeat center center / contain;
height:260px;
left:388px;
top:471px;
width:266px;
z-index:5;
}
.characters__list.character10 .characters__list--sub2 {
background:url(../img/character/character10_sub2.png) no-repeat center center / contain;
height:144px;
left:-34px;
top:0px;
transform:rotate(90deg);
width:144px;
}
/*c11*/
.characters__list.character11 .characters__list--name {
background:url(../img/character/character11_name.png) no-repeat center center;
height:338px;
left:0px;
top:247px;
width:108px;
}
.characters__list.character11 .characters__list--main {
background:url(../img/character/character11_stand_sp.png) no-repeat center center / contain;
height:670px;
left:102px;
top:13px;
width:470px;
}
.characters__list.character11 .characters__list--sub1 {
background:url(../img/character/character11_sub1.png) no-repeat center center / contain;
height:260px;
left:388px;
top:471px;
width:266px;
z-index:5;
}
.characters__list.character11 .characters__list--sub2 {
background:url(../img/character/character11_sub2.png) no-repeat center center / contain;
height:194px;
left:-64px;
top:-15px;
transform:rotate(90deg);
width:190px;
}
/*c12*/
.characters__list.character12 .characters__list--name {
background:url(../img/character/character12_name.png) no-repeat center center;
height:338px;
left:0px;
top:84px;
width:108px;
}
.characters__list.character12 .characters__list--main {
background:url(../img/character/character12_stand_sp.png) no-repeat center center / contain;
height:690px;
left:102px;
top:13px;
width:500px;
}
/*c13*/
.characters__list.character13 .characters__list--name {
background:url(../img/character/character13_name.png) no-repeat center center;
height:338px;
left:0px;
top:84px;
width:108px;
}
.characters__list.character13 .characters__list--main {
background:url(../img/character/character13_stand_sp.png) no-repeat center center / contain;
height:720px;
left:120px;
top:13px;
width:480px;
}
.characterList__nav {
display:flex;
height:138px;
justify-content:space-between;
left:15px;
pointer-events:none;
position:absolute;
right:15px;
top:100px;

z-index:5000;
}
.characterList__navlist {
display:block;
height:138px;
pointer-events:auto;
width:50px;
}
.characterList__navlink {
display:block;
height:138px;
}
.characterList__navlist:first-child a {
background:url(../img/character/bnr_arrow_left.png) no-repeat center center;
}
.characterList__navlist:last-child a {
background:url(../img/character/bnr_arrow_right.png) no-repeat center center;
}
#movie {
font-family: 'Noto Serif JP', serif;
padding:50px 0 60px;
position:relative;
}
#movie:before {
background:#F6AC0E;
bottom:270px;
content:'';
left:0;
position:absolute;
right:0;
top:100px;
transform:skewY(-8deg);
}
#movie:after {
background:url(../img/common/sub_star_sp.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
}
.movie__title {
background:url(../img/movie/h2.png) no-repeat center center;
height:24px;
margin-bottom:43px;
}
.movieList {
margin-bottom:30px;
}
.movieList__list {
background:#000;
margin:0 auto 30px;
width:595px;
position:relative;
}
.movieList__list:before {
background: #000;
bottom:-10px;
content:'';
height:11px;
left:10px;
position: absolute;
right:-10px;
}
.movieList__list:after {
background: #000;
bottom:-10px;
content:'';
top:10px;
right:-10px;
position: absolute;
width:11px;
}
.movieList__list--inner {
border:6px solid #000;
width:595px;
box-sizing: border-box;
}
.movieList__list--movie {
width:100%;
padding-top:56.25%;
position: relative;
}
.movieList__list--movie iframe {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}
.movieList__list--title {
background:#FFF;
border-top:6px solid #000;
font-size:20px;
line-height: 32px;
padding:12px 30px;
}
.ttM {
background-color: #000;
font-weight: bold;
color: #fff;
}

/*ON AIR*/
#onair {
font-family: 'Noto Serif JP', serif;
padding:50px 0 60px;
position:relative;
}
#onair:before {
background:#74bc43;
bottom:270px;
content:'';
left:0;
position:absolute;
right:0;
top:100px;
transform:skewY(-8deg);
}
#onair:after {
background:url(../img/common/sub_star_sp.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
}
.onair__title {
background:url(../img/onair/h2.png) no-repeat center center;
height:24px;
margin-bottom:43px;
}

.onair__category{
position: relative;
width: 580px;
height: 86px;
margin-bottom: 10px;
margin-top: 20px;
display: block;
}
.onair__categoryWrap{
position: absolute;
background:#000;
}
.onair__category--inner{
background:#ffde46;
border:6px solid #000;
box-sizing:border-box;
display:flex;
min-height:60px;
text-decoration:none;
transform:translate(-10px,-10px);
}
.onair__category--title{
align-items:center;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
font-size:20px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:0 30px;
width:540px;
}
.onair__category--circle{
position: absolute;
width: 84px;
height: 85px; 
right: 0;
top:-25%;
background: url(../img/onair/h3_circle.png) no-repeat center center;
}

.onair__subTitle{
width: 100%;
padding: 20px 0;
}
.onair__subTitle h4{
font-size:26px;
font-weight: bold;
text-align: center;
}
.subttl_tp{
padding-top: 0!important;
}

.onair__detail {
background:#000;
margin-bottom:30px;
transform:translateX(5px);
}
.onair__detail--text {
background:#FFF;
border:6px solid #000;
font-size:20px;
font-weight:500;
letter-spacing:0.1em;
line-height:2;
padding:30px;
transform:translate(-10px,-10px);
word-break:break-all;
}
.onair__detail--text section{
margin-bottom: 30px;
}
.onair__detail--text p {
margin-bottom:1em;
}
.onair_cation{
font-size: 18px;
margin-top:1em;
margin-left:0.5em;
}



.onair__table{
width: 523px;
/*margin-bottom: 64px;*/
}
.onair__table tr,
.onair__table--tv tr{
background: #fffbeb;
font-weight: bold;
font-size: 20px;
}
.onair__table tr:nth-child(1),
.onair__table--tv tr:nth-child(1){
background:#cea800;
}
.onair__table tr:nth-child(2n),
.onair__table--tv tr:nth-child(2n){
background: #ffeea2;
}
.onair__table th,
.onair__table--tv th{
padding: 20px 10px;
background: #cea800;
color: #fff;
font-size: 20px;
font-weight: bold;
}
.onair__table--l{
width: 156px;
}
.onair__table--c{
width: 209px;
}
.onair__table--r{
width: 164px;
line-height: 24px;
}
.onair__table--tv .onair__table--l{
width: 138px;
}
.onair__table--tv .onair__table--c{
width: 125px;
}
.onair__table--tv .onair__table--r{
width: 214px;
line-height: 24px;
}
.onair__table td,
.onair__table--tv td{
padding:30px 10px;
border-top:2px solid #fff;
border-right: 2px solid #fff;
font-size: 20px;
}
.onair__table td:nth-child(1){
width: 132px;
}
.onair__table td:nth-child(2){
width: 299px;	
}
.onair__table td:nth-child(3){
width: 129px;
border-right: 0;
line-height: 30px;
}
.onair__table--tv td:nth-child(1){
width: 136px;
}
.onair__table--tv td:nth-child(2){
width: 123px;	
}
.onair__table--tv td:nth-child(3){
width: 212px;
border-right: 0;
line-height: 30px;
}
.onair__netstartInfo{
width: 455px;
height: 93px;
background: url(../img/onair/h3_netstartInfo.png);
margin: 0 auto;
margin-top: 54px;
margin-bottom: 40px;
}
.onair__min{
font-size:18px;
padding-top: 1em;
padding-left:1em;
text-indent:-1em;
line-height: 26px;
margin-bottom: 0!important;
}

/*BD&DVD&CD <discography>*/
#disc {
font-family: 'Noto Serif JP', serif;
padding:50px 0 60px;
position:relative;
}
#disc:before {
background:#006cb8;
bottom:270px;
content:'';
left:0;
position:absolute;
right:0;
top:100px;
transform:skewY(-8deg);
}
#disc:after {
background:url(../img/common/sub_star_sp.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
}
.disc__title {
background:url(../img/discography/h2.png) no-repeat center center;
height:24px;
margin-bottom:43px;
}
.discWrap{
width: 596px;
margin: auto;
}
#discList{
display: flex;
flex-wrap: wrap;
margin-top:20px;
margin-left: 20px;
}
.discList_list{
display: flex;
background:#000;
margin-bottom: 32px;
margin-right: 32px;
}
.discList_list:nth-child(2n){
margin-right: 0;
}
.discList_list--link{
background:#fff;
border: 6px solid #000;
box-sizing: border-box;
display: flex;
width: 272px;
text-decoration: none;
transform: translate(-20px,-20px);
}
#discList li a{
display: block;
height: 100%;
text-decoration: none;
}
.disc_Thumb img{
width: 260px;
}
.disc_Ttl{
font-size: 20px;
background: #fff;
color: #000;
padding: 16px 20px;
line-height: 34px;
word-break: break-all;
font-weight: bold;
}

/*Goods <goods>*/
#goods {
font-family: 'Noto Serif JP', serif;
padding:50px 0 60px;
position:relative;
}
#goods:before {
background:#006cb8;
bottom:270px;
content:'';
left:0;
position:absolute;
right:0;
top:100px;
transform:skewY(-8deg);
}
#goods:after {
background:url(../img/common/sub_star_sp.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
}
.goods__title {
background:url(../img/goods/h2.png) no-repeat center center;
height:24px;
margin-bottom:43px;
}
.goodsWrap{
width: 596px;
margin: auto;
}
.goodsList{
display: flex;
flex-wrap: wrap;
margin-top:20px;
margin-left: 20px;
}
.goodsList_list{
display: flex;
background:#000;
margin-bottom: 32px;
margin-right: 32px;
flex-wrap: wrap;
}
.goodsList_list:nth-child(2n){
margin-right: 0;
}
.goodsList_list--link{
background:#fff;
border: 6px solid #000;
box-sizing: border-box;
display: flex;
width: 272px;
text-decoration: none;
transform: translate(-20px,-20px);
flex-wrap: wrap;
}
#goodsList li a{
display: block;
height: 100%;
text-decoration: none;
}
.goods_Thumb img{
width: 260px;
}
.goods_Ttl{
font-size: 20px;
background: #fff;
color: #000;
padding: 16px 20px;
line-height: 34px;
word-break: break-all;
font-weight: bold;
}
.modal__inner {
align-items: center;
display: flex;
justify-content: center;
left:0;
min-height:100%;
min-width: 100%;
position: absolute;
top:0;
}
.goods__modal {
background:rgba(0,0,0,.85);
bottom:0;
left:0;
right:0;
overflow: auto;
position: fixed;
top:0;
z-index:9999;
display: none;
}
.goods__detail {
align-items: center;
display: flex;
justify-content: center;
margin:0 auto;
min-height: 100%;
padding:100px 0;
width:580px;
position: relative;
z-index:3;
}
.goods__article {
width: 100%;
}
.goods__article--title {
color:#e73268;
font-size:26px;
font-weight: bold;
line-height:1.65;
margin-bottom: 40px;
text-align: left;
}
.goods__article--inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom:50px;
margin-top:50px;
border:6px solid #000;
background:#FFF;
padding:70px 50px;
}
.goods__article--imgs {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
width:468px;
margin-bottom:50px;
}
.goods__article--img {
margin-bottom:1px;
width:468px;
order:1;
}
.goods__article--img img {
width:468px;
height:auto;
}
.goods__article--imglists {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
order:2;
margin-right:-1px;
}
.goods__article--imglist {
margin-bottom:1px;
margin-right:1px;
width:82px;

}
.goods__article--imglist img {
cursor: pointer;
width:82px;
height:auto;
}
.goods__article--imglist img.is__current {
opacity:0.8;
}
.goods__article--description {
color:#000;
line-height:2;
width:468px;
word-break: break-all;
}
.goods__article--description a {
color:#000;
}
.goods__article--back {
height:84px;
width: 84px;
margin:0 auto;
}
.goods__article--backlink {
border:6px solid #000;
display: block;
height:72px;
line-height: 2.375;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
background:#FFF;
position:relative;
}
.goods__article--backlink:before,
.goods__article--backlink:after {
	content:'';
	position:absolute;
	width:40px;
	height:5px;
	left:50%;
	top:50%;
	background:#e73268;
	transition: all 0.3s ease;
}
.goods__article--backlink:before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.goods__article--backlink:after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.goods__closelayer {
bottom:0;
left:0;
position: absolute;
right:0;
top:0;
z-index:1;
}
.goods__article--description h4{
color: #e50069;
border-bottom:2px solid #e50069;
font-size:26px;
font-weight: bold;
padding-top:30px;
margin-bottom:15px;
}
.tagList{
width: 596px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
margin-left: 10px;
/*justify-content: center;*/
}
.tagList li{
display: flex;
background:#000;
margin-bottom: 22px;
margin-right: 22px;
text-align: center;
}
.tagList li:nth-child(3n){
margin-right: 0;
}
.tagList li a{
background:#e73268;
border: 6px solid #000;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
width: 180px;
padding: 10px 0;
color: #fff;
font-size: 20px;
text-decoration: none;
transform: translate(-10px,-10px);
transition: all 0.3s ease;
}
.tagList li .active{
background: #006cb8;
transform:translate(-5px,-5px);
}
.tagList li.tokuten {
width:100%;
margin-right:12px;
}
.tagList li.tokuten a {
width:100%;
background:#74bc43;
}
.disc__detail {
background:#000;
margin-bottom:30px;
transform:translateX(5px);
}
.disc__detail--text {
background:#FFF;
border:6px solid #000;
font-size:20px;
font-weight:500;
letter-spacing:0.1em;
line-height:2;
padding:30px;
transform:translate(-10px,-10px);
word-break:break-all;
}
.disc__detail--text p {
margin-bottom:1em;
}
.disc__detail--text img {
height:auto !important;
width:100%;
}
.disc__detail--text iframe {
max-width:100%;
}
.disc__detail--text.tokuten img {
width:auto;
max-width: 100%;
}
#diTitleWrap > h3 {
font-size: 26px;
text-align: center;
margin-bottom: 70px;
position: relative;
color: #000;
font-weight: bold;
}
#diTitleWrap > h3:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
border-bottom: 1px dashed #000;
right: 0;
left: 0;
bottom: -30px;
}

/*.packageDetail{
width: 548px;
padding: 30px 20px;
margin-left: -30px;
margin-bottom: 20px;
background-color: #FFDE46;
}*/

/*.packageLeft a{
display: block;
height: 60px;
width: 90%;
margin: 0 auto;
margin-top: 30px;
font-size: 18px;
line-height: 55px;
text-decoration: none;
color: #000;
background: #FFF;
text-align: center;
transition: .4s ease;
font-weight: bold;
border: 3px solid #000;
box-sizing: border-box;
}*/
.packageRight h4{
font-size: 32px;
font-weight: bold;
margin-bottom: 16px;
}
#shopList {
margin-top:70px;
padding: 50px 30px;
text-align: left;
height: auto;
width: 580px;
box-sizing: border-box;
overflow: auto;
-webkit-overflow-scrolling: touch;
position: relative;
color: #000;
/*    background: #fff;*/
}
#shopList span {
display: inline-block;
margin: 0 0 20px 20px;
}
#shopList span a img {
width: 230px;
}
.ct {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
font-size:24px;
padding-bottom: 25px;
color: #000;
text-align: center;
}
.kbn{
font-size: 20px;
font-weight: bold;
margin-top: 30px;
margin-bottom: 0 !important;
}
.packegeinfo{
font-size: 22px;
font-weight: bold;
}

.disc_linkWrap{
width: 100%;
margin-left: 10px;
}
.disc_link{
background: #000;
/*height: 50px;*/
margin: 0 auto;
width: 88%;
margin: 0 auto;
margin-top: 30px;
}
.disc_link a{
background: #fff;
border: 6px solid #000;
box-sizing: border-box;
color: #000;
display: block;
font-size: 22px;
font-weight: bold;
padding: 12px;
/*height: 50px;*/
letter-spacing: 0.1em;
line-height: 36px;
text-align: center;
text-decoration: none;
transform: translate(-10px,-10px);
transition: all 0.3s ease;
}
.fr2{
margin-left: 1.8em;
font-size: 18px;
}
.discborderTop{border-top: 1px dashed #000;width: 100%;height:1px;margin:40px 0!important;}

/*---{[ LP：博物館へ行こう！ ]}----*/


/*ID=#kahaku*/
.kahaku{
font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.kahaku header{
height: 100%!important;
align-items: unset;
display: block;
position: relative;
z-index: 1;
}
#khk_head_main{
width: 100%;
margin-bottom: 205px;
}
#khk_chara{
position: relative;
}
#khk_chara ul{
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
}
#khk_chara ul li{
width: calc(100% / 4);
padding-top:56px;
}
#khk_chara ul li:nth-child(1){
background:#E73269;
}
#khk_chara ul li:nth-child(2){
background:#75BC44;
}
#khk_chara ul li:nth-child(3){
background:#006CB7;
}
#khk_chara ul li:nth-child(4){
background:#F6AC0F;
}
#khk_chara ul li img{
width: 100%;
}

#khk_headTxtWrap{
width: 520px;
margin: 0 auto;
}
#khk_headTxtWrap .khk__head_detail--text {
color:#e73268;
font-size: 26px;
line-height: 38px;
padding:22px;
text-align: center;
font-weight: bold;
}
#khk_headTxtInWrap{
position: absolute;
top: -180px;
}
.khk__head_detail {
width: 520px;
background:#000;
position: relative;
}
.khk__head_detail--text {
background:#FFF;
border:6px solid #000;
font-size:16px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:30px;
transform:translate(-10px,-10px);
word-break:break-all;
}
.khk__head_detail--text p {
margin-bottom:1em;
}
.khk__head_mindetail {
width: 520px;
background:#000;
margin: 0 auto;
position: absolute;
bottom: -98px;
}
.khk__head_mindetail--text {
background:#e73268;
border:6px solid #000;
font-size:20px;
font-weight:bold;
letter-spacing:0.05sem;
line-height:2;
padding:10px 20px;
text-align: center;
color: #fff;
transform:translate(-10px,-10px);
word-break:break-all;
}
.khk__head_mindetail--text p{
line-height: 36px;
}
#khk_detailWrap{
background:url(../img/kahaku/khk_detailWrap_bg.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-color: #8ee2ff;
position: relative;
}
#khk_detailInWrap{
width: 600px;
margin:0 auto;
}
.khk__detail {
background:#000;
margin-bottom:30px;
}
.khk__detail--text {
background:#FFF;
border:6px solid #000;
/*font-size:16px;*/
font-weight:500;
letter-spacing:0.1em;
line-height:2;
padding:30px;
transform:translate(-10px,-10px);
word-break:break-all;
}
.khk__detail--text p {
/*margin-bottom:0.25em;*/
font-weight: bold;
margin-bottom: 20px;
}
.khk__detail--text a{
color:#e73268;
}
.khk__detail--text img {
height:auto !important;
max-width:100%;
}
.khk_pnk{color: #e73268;}
.khk_ylw{color: #f6ac0e;}
.khk_blu{color: #1f7ec1;}
.khk_p_Int4em{
text-indent: -4em;
padding-left: 4em;
}
.khk_p_d1em{
margin-bottom: 1em;
}
#khk_g1{
width: 595px;
position: relative;
top: -30px;
margin-bottom: -20px;
margin-left: 10px;
z-index: 2;
}
#khk_g1 .khk__detail--text{
padding: 48px 36px;
}

#khk_g2{
width: 595px;
margin-left: 10px;
}
#khk_g2 .khk__detail--text{
background:#f5f5f5;
padding: 10px 10px 60px;
}

#khk_g3{
margin-left: 10px;
width: 640px;
margin-bottom: 10px;
}
#khk_g3 .khk__head_mindetail{
/*width: 900px;*/
width: 560px;
position: relative;
bottom: 0;
left: -28.5px;;
top:-96px;
margin:0 auto;
margin-bottom: -66px;
}
#khk_g3 .khk__head_mindetail--text{
background:#006cb8;
}
#khk_g3 .khk__head_mindetail--text p{
background:#006cb8;
}

#khk_g3 ul{
width: 595px;
display: flex;
flex-wrap:wrap;
}
#khk_g3 ul li{
width: calc(100% / 2 - 15px);
min-height: 156px;
position: relative;
margin-left: 30px;
/*margin-bottom: 80px;*/
}
#khk_g3 ul li:nth-child(2n+1){
margin-left: 0;
}
.khk_ulli{
background:#000;
margin-bottom:30px;
}
.khk_ulli--text {
background:#FFF;
border:6px solid #000;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
transform:translate(-10px,-10px);
word-break:break-all;
}
.khk_ulli--text p {
/*margin-bottom:0.25em;*/
font-weight: bold;
letter-spacing: 0;
line-height: 32px;
/*font-size: 18px;*/
padding: 20px 0;
text-align: center;
}
#khk_ulli--textP32{
padding: 36px 0;
}
.khk_ulli--text_li{
width:200px!important;
height: 40px;
position: relative;
}
.khk_ulli--text_li li{
width: 40px!important;
height: 40px!important;
margin-left: 0!important;
margin-bottom: 0!important;
min-height: 0px!important;
}
.khk_ulli--text_li li:nth-child(1){
background:#000;
color: #fff;
line-height: 40px;
font-size: 18px;
font-weight: bold;
width: 40px;
height: 40px;
text-align: center;
}
.khk_audioBtn{
position: absolute;
top:10px;
right: 10px;
}
.khk_ulli--text_btn{
width:50px;
height:50px;
border-radius:50%;
background:#000;
margin-bottom:30px;
}
.khk_ulli--text_btn--In {
width: 45px;
height:45px;
border-radius: 50%;
background:#e73268;
border:2px solid #000;
font-size:16px;
font-weight:500;
letter-spacing:0.1em;
line-height:2;
transform:translate(-2.5px,-2.5px);
word-break:break-all;
/*transition: all 0.3s ease;*/
position:relative;
}
.khk_ulli--text_btn--In img{
width:25px;
height:15px;
position:absolute;
top:calc(50% - 7.5px);
left:calc(50% - 12.5px)
}
/*.khk_ulli--text_btn--In:hover {
transform: translate(0px,0px);
}*/
.khk_ulli--text_btn--In.active {
transform: translate(0px,0px);
background:#75BC44;
}

#khk_g4{
margin-left: 10px;
width: 290px;
z-index: 2;
position: relative;
padding-bottom: 70px;
}
#khk_g4 .khk__detail--text:after{
content: "";
width: 38px;
height: 38px;
background: url(../img/kahaku/khk_modalopen.png);
position: absolute;
bottom: 0;
right: 0;
}
#khk_g4_s1{
display: flex;
flex-wrap: wrap;
width: 600px;
position: relative;
z-index: 2;
}
#khk_g4_s1:after{
content: "";
background: url(../img/kahaku/khk_g4_cloud_sp.png);
background-repeat: no-repeat;
width: 675px;
height: 436px;
position: absolute;
top:-230px;
left: 310px;
}
#khk_g4_s1 .khk__detail{
width: 317px;
height: 280px;
margin-bottom: 32px;
}
#khk_g4_s1 .khk__detail--text img{
width: 264px;
padding: 39px 21.5px;
}
#khk_g4_s1 .khk__detail--text{
width: 307px;
padding: 0;
transition: all 0.3s ease;
}
.khk_g4_s1--fkds  {
align-items: center;
background: url(../img/kahaku/khk_g4_s1_fkds_sp.png) no-repeat center left;
box-sizing: border-box;
color: #f6ac0e;
display: flex;
flex-wrap: wrap;
font-family: 'Noto Serif JP', serif;
font-size: 20px;
font-weight: bold;
height: 290px;
justify-content: center;
letter-spacing: 0.1em;
left: 248px;
line-height: 36px;
padding-bottom: 10px;
position: relative;
text-align: center;
width: 275px;
top: -10px;
left: 3px;
z-index: 10;
}

#khk_g4_s2{
display: flex;
flex-wrap: wrap;
position: relative;
width: 600px;
padding-top: 30px;
}
#khk_g4_s3{
display: flex;
flex-wrap: wrap;
position: relative;
width: 600px;
padding-top: 10px;
}
.khk_right{
margin-left: 0px;
display: flex;
flex-wrap: wrap;
z-index: 3;
}
#khk_g4_s2 .khk__detail,
#khk_g4_s3 .khk__detail{
width: 196px;
height: 280px;
margin-bottom: 32px;
}
#khk_g4_s2 .khk__detail--text img,
#khk_g4_s3 .khk__detail--text img{
width: 100%;
}
#khk_g4_s2 .khk__detail--text,
#khk_g4_s3 .khk__detail--text{
width: 186px;
height: 270px;
padding: 0;
}

.notice{
width: 580px;
font-size: 18px;
line-height: 2em;
}

.khk_g4_s2--fkds  {
align-items: center;
background: url(../img/kahaku/khk_g4_s2_fkds_sp.png) no-repeat center left;
box-sizing: border-box;
color: #1f7ec1;
display: flex;
flex-wrap: wrap;
font-family: 'Noto Serif JP', serif;
/*font-size: 22px;*/
font-weight: bold;
height: 290px;
justify-content: center;
letter-spacing: 0.1em;
left: 296px;
line-height: 36px;
padding: 10px 15px 15px 10px;
position: relative;
text-align: center;
top: 0;
width: 396px;
top: -10px;
left: 3px;
}
#khk_g4_s3 .khk_g4_s2--fkds{
color: #e73268;
}
#khk_footer{
width: 100%;
background: #fff;
position: relative;
padding-bottom: 120px;
}
#khk_footer img{
width: 100%;
position: relative;
top:-360px;
margin-bottom: -360px;
}
#khk_footer p{
width: 484px;
height: 14px;
position: absolute;
top:120px;
right:calc(50% - 242px);
}
#khk_footer .rc__copyright{
background:url(../img/kahaku/sp_copyright.png) no-repeat center center;
height: 14px;
display: block;
}

.pause{
display: none;
}
/*story*/
.story__title {
background:url(../img/story/h2.png) no-repeat center center;
height:24px;
margin-bottom:43px;
}
#story {
font-family: 'Noto Serif JP', serif;
padding:50px 0 60px;
position:relative;
}
#story:before {
background:#e73268;
bottom:270px;
content:'';
left:0;
position:absolute;
right:0;
top:100px;
transform:skewY(-8deg);
}
#story:after {
background:url(../img/common/sub_star_sp.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
}
.storyList {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width:580px;
}
.storyList__list {
box-sizing: border-box;
margin: 0 0 35px 0;
width: 272px;
position: relative;
}
.storyList__list:before {
background: #000;
bottom: -16px;
content: '';
left: 16px;
position: absolute;
right: -16px;
top:16px;
}
.storyList__list a:link{
text-decoration:none;
}
.storyList__list--text{
font-size: 20px;
padding:20px;
}
.storyList__list--link {
background: #fff;
border: 6px solid #000;
box-sizing: border-box;
display: block;
height: 100%;
position: relative;
transition: transform 0.3s ease;
}
.storyList__list--thumb {
align-items: center;
display: flex;
height:146px;
justify-content: center;
overflow: hidden;
width:100%;
}
.storyList__list--thumb img {
display: block;
height:auto;
width:100%;
}
.story__meta {
background:#000;
margin-bottom:20px;
}
.story__meta--inner {
border:6px solid #000;
box-sizing:border-box;
transform:translate(-10px,-10px);
}
.story__meta--title {
align-items:center;
background: #2496f0;
color: #fff;
font-weight:bold;
font-size:20px;
letter-spacing:0.1em;
line-height:1.6;
padding:18px 30px;
}
.story__detail {
background:#000;
margin-bottom:30px;
}
.story__detail--text {
background:#FFF;
border:6px solid #000;
font-size:20px;
font-weight:500;
letter-spacing:0.1em;
line-height:2;
padding:30px;
transform:translate(-10px,-10px);
word-break:break-all;
}
.story__detail--text ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.story__detail--text li{
margin-bottom: 20px;
}
.story__detail--text li:nth-child(even){
margin-left: 20px;
}
.story__detail--text li img{
width: 254px;
}
.story__detail--text p{
font-weight:bold;
margin: 0 auto;
padding-bottom: 23px;
width: 528px;
}
/*zukan*/
#zukan {
font-family: 'Noto Serif JP', serif;
padding:50px 0 60px;
position:relative;
}
#zukan:before {
background:#74bc43;
bottom:270px;
content:'';
left:0;
position:absolute;
right:0;
top:100px;
transform:skewY(-8deg);
}
#zukan:after {
background:url(../img/common/sub_star_sp.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
}
.zukan__title {
font-weight: bold;
height: 24px;
margin: 0 auto 30px;
}
.zukan__meta {
background:#000;
margin-bottom:20px;
}
.zukan__meta--inner {
border:6px solid #000;
box-sizing:border-box;
transform:translate(-10px,-10px);
}
.zukan__meta--title {
align-items:center;
background: #e73268;
color: #fff;
font-weight:bold;
font-size:24px;
letter-spacing:0.1em;
line-height:1.6;
padding:45px;
text-align: center;
}
.zukan__meta--title2 {
align-items:center;
background: #e73268;
color: #fff;
font-weight:bold;
font-size:22px;
letter-spacing:0.1em;
line-height:1.6;
padding:4px;
text-align: center;
}
.zukan__meta--title2--2 {
align-items:center;
background: #74bc43;
color: #fff;
font-weight:bold;
font-size:22px;
letter-spacing:0.1em;
line-height:1.6;
padding:4px;
text-align: center;
}
.zukan__detail {
background:#000;
margin-bottom:30px;
}
.zukan__detail--text {
background:#FFF;
border:6px solid #000;
font-size:24px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:30px;
text-align: center;
transform:translate(-10px,-10px);
word-break:break-all;
}
.zukanList__nav {
display: flex;
height: 138px;
justify-content: space-between;
left: 17px;
pointer-events: none;
position: absolute;
right: 17px;
top: 177px;
z-index: 5000;
}
.zukanList__navlist {
display:block;
height:138px;
pointer-events:auto;
width:50px;
}
.zukanList__navlink {
display:block;
height:138px;
}
.zukanList__navlist:first-child a {
background:url(../img/character/bnr_arrow_left.png) no-repeat center center;
}
.zukanList__navlist:last-child a {
background:url(../img/character/bnr_arrow_right.png) no-repeat center center;
}
.zukanList {
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:0 auto;
padding-top: 30px;
width:456px !important;
}
.zukanList__list {
margin:0 7px 15px;
width:480px;
}
.zukanList__list p {
padding:30px 0 40px;
}
.zukanList__list--link {
background-position:center center;
background-repeat:no-repeat;
background-size: cover;
display:block;
height:270px;
transition:all 0.3s ease;
}
.zukanList__list--link.cur {
transform:scale(0.90);
}
.zukanList__list--link.youtube1 {
background-image:url(../img/zukan/youtube_t.jpg);
}
.zukan__toBtn {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 55px 0;
width: 530px;
}
.zukan__toBtn li{
background:#000;
height:50px;
margin-bottom: 20px;
width:245px;
}
.zukan__toBtn--link--pink {
background:#e73268;
border:6px solid #000;
box-sizing:border-box;
color:#FFF;
display:block;
font-size:16px;
height:50px;
letter-spacing:0.1em;
line-height:36px;
text-align:center;
text-decoration:none;
transform:translate(-10px,-10px);
transition:all 0.3s ease;
}
.zukan__toBtn--link--green {
background:#74bc43;
border:6px solid #000;
box-sizing:border-box;
color:#FFF;
display:block;
font-size:16px;
height:50px;
letter-spacing:0.1em;
line-height:36px;
text-align:center;
text-decoration:none;
transform:translate(-10px,-10px);
transition:all 0.3s ease;
}
.zukan__toBtn--link--blue {
background:#006cb8;
border:6px solid #000;
box-sizing:border-box;
color:#FFF;
display:block;
font-size:16px;
height:50px;
letter-spacing:0.1em;
line-height:36px;
text-align:center;
text-decoration:none;
transform:translate(-10px,-10px);
transition:all 0.3s ease;
}
.zukan__toBtn--link--orange {
background:#f6ac0e;
border:6px solid #000;
box-sizing:border-box;
color:#FFF;
display:block;
font-size:16px;
height:50px;
letter-spacing:0.1em;
line-height:36px;
text-align:center;
text-decoration:none;
transform:translate(-10px,-10px);
transition:all 0.3s ease;
}
.zukanList__matter {
position: relative;
margin-bottom:30px !important;
}
.zukanList__matter__nav {
display: flex;
height: 138px;
justify-content: space-between;
left: -10px;
pointer-events: none;
position: absolute;
right: -10px;
top: 200px;
z-index: 5000;
}
.zukanList__matter__navlist {
display:block;
height:138px;
pointer-events:auto;
width:50px;
}
.zukanList__matter__navlink {
display:block;
height:138px;
}
.zukanList__matter__navlist:first-child a {
background:url(../img/character/bnr_arrow_left.png) no-repeat center center;
}
.zukanList__matter__navlist:last-child a {
background:url(../img/character/bnr_arrow_right.png) no-repeat center center;
}
.zukanList__matter {
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:0 auto;
}
.zukanList__matter .owl-controls,
.zukan__MovList .owl-controls {
display: none;
}
.zukanList__matter__list {
margin:0 0 15px;
width:528px;
position: relative;
}
.zukanList__matter__list--link {
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
display:block;
height:450px;
margin-bottom:40px;
transition:all 0.3s ease;
position: relative;
}
.zukanList__youtube__nav {
display:flex;
justify-content:space-between;
right:0px;
pointer-events:none;
position:absolute;
top:350px;
z-index:5000;
}
.zukanList__youtube__navlist {
display:block;
pointer-events:auto;
width:124px;
}
.zukanList__youtube__navlink {
display:block;
height:138px;
transition:all 0.3s ease;
}
.zukanList__youtube__navlist a {
background:url(../img/zukan/youtube_btn.png) no-repeat center center;
}
.zukanList__matter__list--link.matter1_1 {
background-image:url(../img/zukan/1_1.jpg);
}
.zukanList__matter__list--link.matter1_2 {
background-image:url(../img/zukan/1_2.jpg);
}
.zukanList__matter__list--link.matter1_3 {
background-image:url(../img/zukan/1_3.jpg);
}
.zukanList__matter__list--link.matter1_4 {
background-image:url(../img/zukan/1_4.jpg);
}
.zukanList__matter__list--link.matter1_5 {
background-image:url(../img/zukan/1_5.jpg);
}
.zukanList__matter__list--link.matter1_6 {
background-image:url(../img/zukan/1_6.jpg);
}
.zukanList__matter__list--link.matter2_1 {
background-image:url(../img/zukan/2_1.jpg);
}
.zukanList__matter__list--link.matter2_2 {
background-image:url(../img/zukan/2_2.jpg);
}
.zukanList__matter__list--link.matter2_3 {
background-image:url(../img/zukan/2_3.jpg);
}
.zukanList__matter__list--link.matter2_4 {
background-image:url(../img/zukan/2_4.jpg);
}
.zukanList__matter__list--link.matter2_5 {
background-image:url(../img/zukan/2_5.jpg);
}
.zukanList__matter__list--link.matter2_6 {
background-image:url(../img/zukan/2_6.jpg);
}
.zukanList__matter__list--link.matter2_7 {
background-image:url(../img/zukan/2_7.jpg);
}

.zukanList__matter__list--link.matter3_1 {
background-image:url(../img/zukan/3_1.jpg);
}
.zukanList__matter__list--link.matter3_2 {
background-image:url(../img/zukan/3_3.jpg);
}
.zukanList__matter__list--link.matter3_3 {
background-image:url(../img/zukan/3_8.jpg);
}
.zukanList__matter__list--link.matter3_4 {
background-image:url(../img/zukan/3_4.jpg);
}
.zukanList__matter__list--link.matter3_5 {
background-image:url(../img/zukan/3_9.jpg);
}
.zukanList__matter__list--link.matter3_6 {
background-image:url(../img/zukan/3_5.jpg);
}
.zukanList__matter__list--link.matter3_7 {
background-image:url(../img/zukan/3_6.jpg);
}
.zukanList__matter__list--link.matter3_8 {
background-image:url(../img/zukan/3_7.jpg);
}

.zukanList__matter__list--link.matter4_1 {
background-image:url(../img/zukan/4_1.jpg);
}
.zukanList__matter__list--link.matter4_2 {
background-image:url(../img/zukan/4_2.jpg);
}
.zukanList__matter__list--link.matter4_3 {
background-image:url(../img/zukan/4_3.jpg);
}
.zukanList__matter__list--link.matter4_4 {
background-image:url(../img/zukan/4_4.jpg);
}
.zukanList__matter__list--link.matter4_5 {
background-image:url(../img/zukan/4_5.jpg);
}
.zukanList__matter__list--link.matter4_6 {
background-image:url(../img/zukan/4_6.jpg);
}
.zukanList__matter__list--link.matter4_7 {
background-image:url(../img/zukan/4_7.jpg);
}


.zukanList__matter__list--link.matter5_1 {
background-image:url(../img/zukan/5_1.jpg);
}
.zukanList__matter__list--link.matter5_2 {
background-image:url(../img/zukan/5_2.jpg);
}
.zukanList__matter__list--link.matter5_3 {
background-image:url(../img/zukan/5_3.jpg);
}
.zukanList__matter__list--link.matter5_4 {
background-image:url(../img/zukan/5_4.jpg);
}

.zukanList__matter__list--link.matter6_1 {
background-image:url(../img/zukan/6_1.jpg);
}
.zukanList__matter__list--link.matter6_2 {
background-image:url(../img/zukan/6_2.jpg);
}
.zukanList__matter__list--link.matter6_3 {
background-image:url(../img/zukan/6_3.jpg);
}
.zukanList__matter__list--link.matter6_4 {
background-image:url(../img/zukan/6_4.jpg);
}
.zukanList__matter__list--link.matter6_5 {
background-image:url(../img/zukan/6_5.jpg);
}

.zukanList__matter__list--link.matter7_1 {
background-image:url(../img/zukan/7_1.jpg);
}
.zukanList__matter__list--link.matter7_2 {
background-image:url(../img/zukan/7_2.jpg);
}
.zukanList__matter__list--link.matter7_3 {
background-image:url(../img/zukan/7_3.jpg);
}
.zukanList__matter__list--link.matter7_4 {
background-image:url(../img/zukan/7_4.jpg);
}
.zukanList__matter__list--link.matter7_5 {
background-image:url(../img/zukan/7_5.jpg);
}

.zukanList__matter__list--link.matter8_1 {
background-image:url(../img/zukan/8_1.jpg);
}
.zukanList__matter__list--link.matter8_2 {
background-image:url(../img/zukan/8_2.jpg);
}
.zukanList__matter__list--link.matter8_3 {
background-image:url(../img/zukan/8_3.jpg);
}
.zukanList__matter__list--link.matter8_4 {
background-image:url(../img/zukan/8_4.jpg);
}
.zukanList__matter__list--link.matter8_5 {
background-image:url(../img/zukan/8_5.jpg);
}

.zukanList__matter__list--link.matter9_1 {
background-image:url(../img/zukan/9_1.jpg);
}
.zukanList__matter__list--link.matter9_2 {
background-image:url(../img/zukan/9_2.jpg);
}
.zukanList__matter__list--link.matter9_3 {
background-image:url(../img/zukan/9_3.jpg);
}
.zukanList__matter__list--link.matter9_4 {
background-image:url(../img/zukan/9_4.jpg);
}


.zukanList__matter__list--link.matter10_1 {
background-image:url(../img/zukan/10_1.jpg);
}
.zukanList__matter__list--link.matter10_2 {
background-image:url(../img/zukan/10_2.jpg);
}
.zukanList__matter__list--link.matter10_3 {
background-image:url(../img/zukan/10_3.jpg);
}

.zukanList__matter__list--link.matter11_1 {
background-image:url(../img/zukan/11_1.jpg);
}
.zukanList__matter__list--link.matter11_2 {
background-image:url(../img/zukan/11_2.jpg);
}
.zukanList__matter__list--link.matter11_3 {
background-image:url(../img/zukan/11_3.jpg);
}

.zukanList__matter__list--link.matter12_1 {
background-image:url(../img/zukan/12_1.jpg);
}
.zukanList__matter__list--link.matter12_2 {
background-image:url(../img/zukan/12_2.jpg);
}
.zukanList__matter__list--link.matter12_3 {
background-image:url(../img/zukan/12_3.jpg);
}

.trial_image {
background: #006cb8;
border-radius: 8px;
transform: scale(1.5);
transform-origin: left center;
}


/*---{[ LP：サンシャイン ]}----*/


/*ID=#sunshine*/
.sunshine{
font-family: 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.sunshine header{
height: 100%!important;
align-items: unset;
display: block;
position: relative;
z-index: 1;
}
#sunshine_head_main{
width: 100%;
margin-bottom: 177px;
}
#sunshine_chara{
position: relative;
}
#sunshine_chara ul{
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
}
#sunshine_chara ul li{
width: calc(100% / 5);
padding-top:70px;
}
#sunshine_chara ul li:nth-child(1){
background:#E73269;
}
#sunshine_chara ul li:nth-child(2){
background:#75BC44;
}
#sunshine_chara ul li:nth-child(3){
background:#006CB7;
}
#sunshine_chara ul li:nth-child(4){
background:#fc6c9e;
}
#sunshine_chara ul li:nth-child(5){
background:#F6AC0F;
}
#sunshine_chara ul li img{
width: 100%;
}

#sunshine_headTxtWrap{
width: 520px;
margin: 0 auto;
}
#sunshine_headTxtWrap .sunshine__head_detail--text {
color:#e73268;
font-size: 30px;
line-height: 45px;
padding: 14px 14px 24px;
text-align: center;
font-weight: bold;
}
#sunshine_headTxtInWrap{
position: absolute;
top: -167px;
}
.sunshine__head_detail {
width: 520px;
background:#000;
position: relative;
}
.sunshine__head_detail--text {
background:#FFF;
border:6px solid #000;
font-size:16px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:30px;
transform:translate(-10px,-10px);
word-break:break-all;
}
.sunshine__head_detail--text p {
margin-bottom:1em;
}
.sunshine__head_mindetail {
width: 520px;
background:#000;
margin: 0 auto;
position: absolute;
bottom: -98px;
}
.sunshine__head_mindetail--text {
background:#e73268;
border:6px solid #000;
font-size:22px;
line-height: 40px;
font-weight:bold;
letter-spacing:0;
padding:10px 20px;
text-align: center;
color: #fff;
transform:translate(-10px,-10px);
word-break:break-all;
}
#sunshine_detailWrap{
background:url(../img/sunshine/sunshine_bg_sp.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom;
background-color: #8ee2ff;
position: relative;
}
#sunshine_detailInWrap{
width: 600px;
margin:0 auto;
}
.sunshine__detail {
background:#000;
margin-bottom:30px;
}
.sunshine__detail--text {
background:#FFF;
border:6px solid #000;
font-size:22px;
font-weight:500;
letter-spacing:0.1em;
line-height:44px;
padding:30px;
transform:translate(-10px,-10px);
word-break:break-all;
}
.sunshine__detail--text p {
/*margin-bottom:0.25em;*/
font-weight: bold;
/*margin-bottom: 20px;*/
}
.sunshine__detail--text a{
color:#e73268;
}
.sunshine__detail--text img {
height:auto !important;
max-width:100%;
}
.sunshine_pnk{color: #e73268;}
.sunshine_ylw{color: #f6ac0e;}
.sunshine_blu{color: #1f7ec1;}
.sunshine_p_Int4em{
text-indent: -4em;
padding-left: 4em;
}
.sunshine_p_d1em{
margin-bottom: 1em;
}
#sunshine_g1{
width: 595px;
position: relative;
top: -30px;
margin-bottom: -20px;
margin-left: 10px;
z-index: 2;
}
#sunshine_g1 .sunshine__detail--text{
	background: #006cb8;
	padding: 34px 42px;
	color: #fff;
}

#sunshine_g2{
width: 595px;
margin-left: 10px;
}
#sunshine_g2 .sunshine__detail--text{
background:#fff;
padding: 0;
}

#sunshine_g3{
margin-left: 10px;
width: 595px;
margin-bottom: 100px;
}
#sunshine_g3 .sunshine__head_mindetail{
width: 530px;
position: relative;
bottom: 0;
top:-96px;
margin:0 auto;
margin-bottom: -66px;
}
#sunshine_g3 .sunshine__head_mindetail--text{
background:#006cb8;
padding-top:20px;
padding-bottom: 40px;
}
#sunshine_g3 .sunshine__head_mindetail--text:after{
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	left: calc(50% - 3.5px);
	bottom: 20px;
	background: url(../img/sunshine/sunshine_mindetail_arrow.png);
	background-size: 100%;
}

#sunshine_g3 ul{
width: 595px;
display: flex;
flex-wrap:wrap;
}
#sunshine_g3 ul li{
width: calc(100% / 2 - 15px);
min-height: 156px;
position: relative;
margin-left: 30px;
/*margin-bottom: 80px;*/
}
#sunshine_g3 ul li:nth-child(2n+1){
margin-left: 0;
}
.sunshine_ulli{
background:#000;
margin-bottom:30px;
}
.sunshine_ulli--text {
background:#FFF;
border:6px solid #000;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
transform:translate(-10px,-10px);
word-break:break-all;
}
.sunshine_ulli--text p {
/*margin-bottom:0.25em;*/
font-weight: bold;
letter-spacing: 0;
line-height: 32px;
font-size: 22px;
padding: 38px 0;
text-align: center;
position: relative;
}
#sunshine_btn02{
	padding: 22px 45px 22px 69px;
}
#sunshine_btn02:before{
	content: '';
	position: absolute;
	width: 46px;
	height: 56px;
	background: url(../img/sunshine/sunshine_audio_btn02.png);
	background-size: 100%;
	top: 24px;
	left: 10px;
}
#sunshine_btn03:before{
	content: '';
	position: absolute;
	width: 54px;
	height: 48px;
	background: url(../img/sunshine/sunshine_audio_btn03.png);
	background-size: 100%;
	top: 28px;
	left: 21px;
}
#sunshine_btn04:before{
	content: '';
	position: absolute;
	width: 59px;
	height: 39px;
	background: url(../img/sunshine/sunshine_audio_btn04.png);
	background-size: 100%;
	top: 32px;
	left: 23px;
}
#sunshine_btn05{
	padding-left: 80px;
	text-align: left;
}
#sunshine_btn05:before{
	content: '';
	position: absolute;
	width: 50px;
	height: 45px;
	background: url(../img/sunshine/sunshine_audio_btn05.png);
	background-size: 100%;
	top: 31px;
	left: 13px;
}
#sunshine_btn06{
	padding-left: 86px;
	text-align: left;
}
#sunshine_btn06:before{
	content: '';
	position: absolute;
	width: 52px;
	height: 30px;
	background: url(../img/sunshine/sunshine_audio_btn06.png);
	background-size: 100%;
	top: 40px;
	left: 22px;
}
#sunshine_btn07{
	padding-left: 105px;
	text-align: left;
}
#sunshine_btn07:before{
	content: '';
	position: absolute;
	width: 86px;
	height: 33px;
	background: url(../img/sunshine/sunshine_audio_btn07.png);
	background-size: 100%;
	top: 40px;
	left: 10px;
}
#sunshine_btn08{
	padding-left: 80px;
	text-align: left; 
}
#sunshine_btn08:before{
	content: '';
	position: absolute;
	width: 31px;
	height: 59px;
	background: url(../img/sunshine/sunshine_audio_btn08.png);
	background-size: 100%;
	top: 21px;
	left: 24px;
}

.sunshine_ulli--text_li{
width:204px!important;
height: 34px;
position: relative;
}
.sunshine_ulli--text_li li{
width: 34px!important;
height: 34px!important;
margin-left: 0!important;
margin-bottom: 0!important;
min-height: 0px!important;
}
.sunshine_ulli--text_li li img{
	width: 100%;
    vertical-align: unset;
}
.sunshine_ulli--text_li li:nth-child(1){
background:#000;
color: #fff;
line-height: 34px;
font-size: 17px;
font-weight: bold;
width: 34px;
height: 34px;
text-align: center;
}
.sunshine_audioBtn{
	position: absolute;
	top: 8px;
	right: 8px;
}
.sunshine_ulli--text_btn{
	width:50px;
	height:50px;
	border-radius:50%;
	background:#000;
	margin-bottom:30px;
}
.sunshine_ulli--text_btn--In {
	width: 45px;
	height:45px;
	border-radius: 50%;
	background:#e73268;
	border:2px solid #000;
	font-size:16px;
	font-weight:500;
	letter-spacing:0.1em;
	line-height:2;
	transform:translate(-2.5px,-2.5px);
	word-break:break-all;
	position:relative;
}
.sunshine_ulli--text_btn--In img{
	width:25px;
	height:15px;
	position:absolute;
	top:calc(50% - 7.5px);
	left:calc(50% - 12.5px);
}
.sunshine_ulli--text_btn--In.active {
	transform: translate(0px,0px);
	background:#75BC44;
}


#sunshine_g4{
margin-left: 10px;
width: 595px;
z-index: 2;
position: relative;
padding-bottom: 230px;
}
#sunshine_g4 section{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 20px;
}
#sunshine_g4 .sunshine__detail{
	margin-bottom: 0;
	margin-right: 20px;
}
#sunshine_g4 .sunshine__detail--text{
	padding: 0;
}
#sunshine_g4 .sunshine__detail--text:after{
	content: "";
	width: 38px;
	height: 38px;
	background: url(../img/sunshine/sunshine_modalopen.png);
	position: absolute;
	bottom: 0;
	right: 0;
}
.sp_ss_g4_fkdsIn{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Noto Serif JP', serif;
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
	letter-spacing: 0.085em;
	position: relative;
	padding: 12px 14px;
	transform:translate(-10px,-10px);
	background:#FFF;
	color: #1f7ec1;
	border:6px solid #000;
	position: relative;
}
.sp_ss_g4_fkdsIn:before{
	content: '';
	width: 12px;
	height: 22px;
	position: absolute;
	background: url(../img/sunshine/sunshine_fkds_arrow.png);
	background-size: 100%;
	top: 102px;
	left: -12px;
}
.sunshine_g4_p--fkds {
	background:#000;
	margin-bottom:30px;
}


#sunshine_g4_s1{
	width: 595px;
}
#sunshine_g4_s1 .sunshine__detail{
	width: 185px;
	height: 240px;
}
#sunshine_g4_s1 .sunshine__detail--text img{
	width: 173px;
	padding: 51.915px 0;
}
#sunshine_g4_s1--fkds{
	width: 390px;
}
#sunshine_g4_s1--fkds span{
	display: block;
}
#ss_g4_s1_s1{
	margin-top: 10px;
}
#ss_g4_s1_s2{
	padding-left: 1em;
	text-indent: -1em;
}
#ss_g4_s1_s3{
	padding-left: 1em;
	text-indent: -1em;
}
#ss_g4_s1_s4{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}
#sunshine_g4_chara01{
	position: absolute;
	width: 225px;
	height: 255px;
	background: url(../img/sunshine/sunshine_g4_kimura.png) no-repeat center / 100%;
	top: -270px;
	right: 54px;
}
#sunshine_g4_chara02{
	position: absolute;
	width: 163px;
	height: 244px;
	background: url(../img/sunshine/sunshine_g4_mizushima.png) no-repeat center / 100%;
	top: 260px;
	left: 0px;
}

#sunshine_g4_s2{
	width: 595px;
}
#sunshine_g4_s2--fkds{
	width: 390px;
}
#sunshine_g4_s2 .sunshine__detail{
	width: 185px;
	height: 263px;
	z-index: 2;
}
#sunshine_g4_s2 .sunshine__detail--text{
	height: 251px;
	overflow: hidden;
}
#sunshine_g4_s2 .sunshine__detail--text img{
	width: 173px;
	height: 251px;
	padding:0;
}
#sunshine_g4_chara03{
	position: absolute;
	width: 200px;
	height: 212px;
	background: url(../img/sunshine/sunshine_g4_meido.png) no-repeat center / 100%;
	top: -190px;
	left: -14px;
}


#sunshine_g4_s3{
	width: 595px;
	position: absolute!important;
}
#sunshine_g4_s3--fkds{
	width: 300px;
	z-index: 2;
}
#sunshine_g4_s3 .sunshine__detail{
	width: 275px;
	height: 288px;
}
#sunshine_g4_s3 .sunshine__detail--text img{
	width: 275px;
	padding: 43.375px 0;
}
#sunshine_g4_chara04{
	position: absolute;
	width: 146px;
	height: 175px;
	background: url(../img/sunshine/sunshine_g4_unabara.png) no-repeat center / 100%;
	bottom: -130px;
	right: 0px;
}

#ss_noticeWrap{
	width: 600px;
	margin: 122px auto 0;
}
#ss_noticeWrap .notice{
	width: 600px;
	font-size: 18px;
	line-height: 35px;
}
#ss_noticeWrap .notice p{
	padding-left: 1em;
	text-indent: -1em;
}
#sunshine_footer{
width: 100%;
background: #fff;
position: relative;
padding: 48px 0;
}
#sunshine_footer p{
	text-align: center;
	background: url(../img/sunshine/sp_copyright.png);
	width: 484px;
	height: 14px;
	margin: 0 auto;
}

/*---{[ END LP：サンシャイン ]}----*/

/*---{[ SPECIAL：Display Contest ]}----*/

/*ID=#special_dc*/
#special_dc .special__detail--text h4{
	background: #e73268;
	text-align: center;
	color: #fff;
	border-bottom: 16px solid #000;
	line-height: 40px;
	font-size: 24px;
	font-weight: bold;
	padding: 32px 0;
	margin: -30px -30px 40px !important;
}
.special__detail--Intext{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 38px;
	position: relative;
	margin-top: 48px;
}
.special__detail--Intext:nth-of-first{
	margin-top: 0;
}
.special__detail--Intext h5{
	color: #e73268;
	font-weight: bolder;
}
.special__detail--Intext.prize:before{
	content: '';
	background: url(../img/special/display_img_prize_h5b.png);
	background-size: 100%;
	width: 550px;
	height: 96px;
	top: -96px;
	right: calc(50% - 275px);
	position: absolute;
}
.special__detail--Intext.prize{position: relative;margin-top: 126px;}
.special__detail--Intext.prize h5{
	background: #e1af00;
	text-align: center;
	color: #fff;
	border-top: 6px solid #000;
	border-bottom: 16px solid #000;
	line-height: 40px;
	font-size: 24px;
	font-weight: bold;
	padding: 32px 0;
	margin: 30px -30px 40px !important;
}
.special__detail--Intext .indent{
	padding-left: 1em;
	text-indent: -1em;
}
.special__detail--Intext span.indent{
	display: block;
}
.special__detail--Intext a{
	color: #e73268
}
.special__detail--Intext_IMG{
	width: 100%;
	display: block;
}
.special__detail--Intext_IMG img{
	margin: 42px auto;
	display: block;
}
#special_dc_voteWrap .special__detail--text{
	padding: 0;
}
#special_dc_voteWrap{
	margin-top: 40px;
	margin-bottom: 40px;
}
#special_dc_voteWrap h4{
	background: #006cb8;
	color: #fff;
	font-size: 24px;
	font-weight: bolder;
	text-align: center;
	line-height: 90px;
}
#special_dc_voteWrap ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#special_dc_voteWrap li{
	width: 285px;
	margin-right: 30px;
	margin-bottom: 30px;
}
#special_dc_voteWrap li:nth-of-type(2n){
	margin-right: 0;
}
.special_dc__voteTxt{
	padding: 20px 0;
}
.special_dc__voteTxt p{
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 24px;
}
#special_dc_voteWrap.prize .special_dc__voteTxt{
	padding: 30px 0;
}
#special_dc_voteWrap.prize .special_dc__voteTxt p{
	margin-bottom: 0;
}
.special_dc__voteTxt a{
	display: block;
	width: 140px;
	margin-left: 70px;
	text-decoration: none;
}
.special_dc__voteTxt a .special__detail{
	margin-bottom: 0;
}
.special_dc__voteTxt a .special__detail--text{
	background: #e73268;
	transition: all .4s ease;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	transform: translate(-5px,-5px);
	position: relative;
}
.special_dc__voteTxt a .special__detail--text:after{
	content: '';
	background: url(../img/common/arrow_r_mini.svg) no-repeat 0 0 / 100%;
	width: 5px;
	height: 5px;
	position: absolute;
	color: #fff;
	top: calc(50% - 2.5px);
	right: 10px;
}
#imgCont{display: none;}
.oneModalIn_cont.oneModalIn_cont_ca{
	width: 100%;
	overflow: hidden;
}
.oneModalIn_cont.oneModalIn_cont_ca img{
	width: 100%;
}
.sp_dc_modalC .owl-dot{
	background: #E73267;
	opacity: 0.4;
	border-radius: 50%;
	z-index: 1000000000;
}
.sp_dc_modalC .owl-dot.active{
	opacity: 1;
}
.imghover_zoom{
	width: 100%;
	height: auto;
	position: relative;
}
.imghover_zoom:after{
	content: '';
	width: 38px;
	height: 38px;
	position: absolute;
	background: url(../img/sunshine/sunshine_modalopen.png);
	bottom: 0;
	right: 0;
}
.special_dc_endnotice{
	font-size: 18px;
	color: #ff0012;
	font-weight: bold;
	text-align: center;
}