@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
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}
::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: 14px;
color: #000;
background-color: #fff;
}
a {
color: #000;
}
a:hover {
text-decoration: none;
}
.sp {
display: none;
}
#pageWrap {
min-height: 620px;
min-width: 1200px;
overflow-x: hidden;
overflow-y:auto;
width: 100%;
}
/* HEADER GROUP */
.header {
align-items: center;
display: flex;
height: 157px;
justify-content: space-between;
position: relative;
width: 100%;
z-index:5001;
}
.header__logo {
background: url(../img/common/logo.png) no-repeat center center;
height: 83px;
order: 2;
width: 510px;
}
.header__logo--link {
display:block;
height:83px;
}
.header__startDate {
background: url(../img/common/startdate.png) no-repeat center center;
height: 100%;
order: 1;
width: 308px;
}
.header__share {
align-items: center;
box-sizing: border-box;
display: flex;
justify-content: flex-end;
order: 2;
padding: 0 54px 0 0;
width: 308px;
}
.header__share__list {
height: 40px;
width: 40px;
}
.header__share__list--link {
background-repeat: no-repeat;
background-position: center center;
display: block;
height: 40px;
transition: all 0.3s ease;
}
.header__share__list--link:hover {
transform: translateY(-5px);
}
.header__share__list--link.twitter {
background-image: url(../img/common/icon_twitter.png);
}
.header__share__list--link.facebook {
background-image: url(../img/common/icon_facebook.png);
}
.header__share__list--link.line {
background-image: url(../img/common/icon_line.png);
}
/* LEFTCOLUMN */
.leftColumn {
box-sizing: border-box;
padding-right: 250px;
}
.leftColumn:before {
background:#fff;
bottom:0;
content:'';
position:absolute;
right:0;
top:0;
width:250px;
z-index:4000;
}
/* MAINCOLUMN */
#mainColumn {
position: relative;
}
.mc__catchCopy {
background: url(../img/index/catchcopy.png) no-repeat center center / contain;
height: 338px;
left:350px;
position: absolute;
top: 450px;
width: 108px;
}
.mc__banner{
height: 164px;
right: 300px;
position: absolute;
top: 30px;
width: 164px;
}
.mc__banner a{
background: url(../img/common/bnr_joueikai.png);
width: 164px;
height: 164px;
position: absolute;
transition:all 0.3s ease;
opacity: 1;
}
.mc__banner2{
height: 164px;
right: 476px;
position: absolute;
top: 30px;
width: 164px;
}
.mc__banner2 a{
background: url(../img/common/bnr_joueikai_12.png);
width: 164px;
height: 164px;
position: absolute;
transition:all 0.3s ease;
opacity: 1;
}
.mc__banner a:hover,
.mc__banner2 a:hover{
opacity: 0.6;
}
.mc__mainVisual {
background: url(../img/index/visual.jpg) no-repeat center top / cover;
padding-top: 135.3157%;
}
.mc__startDate {
display:none;
}

/* BNR CAROUSEL*/
.bnrCarouselWrap{
width: 790px;
margin: 38px auto 88px;
position: relative;
}
.bnrCarouselWrap ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 552px;
margin: 0 auto;
}
.bnrCarouselWrap li{
margin: 0 10px;
}
#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(-3px,-3px);
transition: all 0.3s ease;
position: relative;
}
a .bnrNextPrev:hover{
transform: translate(0,0);
}
.bnrNextPrev img{
width: 20px;
height: 20px;
position: absolute;
top: calc(50% - 10px);
left: calc(50% - 10px);
}
#bnrLists a img{
transition: all .3s ease;
}
#bnrLists a img:hover{
opacity: 0.6;
}

/* RIGHT COLUMN */
.rightColumn {
background: #FFF;
left: calc(100% - 250px);
position: absolute;
top: 156px;
width: 250px;
z-index: 5000;
}
.rightColumn--fixed {
position: fixed;
}
.rc__logo {
background: url(../img/common/logo_abbr.png) no-repeat center center / 186px 63px;
display: none;
height: 126px;
}
.mainNav {
padding-bottom: 30px;
}
.mainNav__list {
height: 36px;
}
.mainNav__list--link {
display: block;
position: relative;
height: 36px;
}
.mainNav__list--link:before {
background-position: 62px center;
background-repeat: no-repeat;
background-size: auto 17px;
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 3;
}
.mainNav__list--link.news:before {
background-image: url(../img/common/nav_news.png);
}
.mainNav__list--link.introduction:before {
background-image: url(../img/common/nav_introduction.png);
}
.mainNav__list--link.story:before {
background-image: url(../img/common/nav_story.png);
}
.mainNav__list--link.staff:before {
background-image: url(../img/common/nav_staff.png);
}
.mainNav__list--link.character:before {
background-image: url(../img/common/nav_character.png);
}
.mainNav__list--link.onair:before {
background-image: url(../img/common/nav_onair.png);
}
.mainNav__list--link.comics:before {
background-image: url(../img/common/nav_comics.png);
}
.mainNav__list--link.movie:before {
background-image: url(../img/common/nav_movie.png);
}
.mainNav__list--link.discography:before {
background-image: url(../img/common/nav_discography.png);
}
.mainNav__list--link.goods:before {
background-image: url(../img/common/nav_goods.png);
}
.mainNav__list--link.special:before {
background-image: url(../img/common/nav_special.png);
}
.mainNav__list--link.top:before {
background-image: url(../img/common/nav_top.png);
}
.mainNav__list--link:after {
background-color: #FFF2F2;
bottom: 0;
content: '';
left: 0;
position: absolute;
top: 0;
transition: width 0.3s ease;
width: 0;
}
.mainNav__list--link:hover:after, .mainNav__list--link.cur:after {
width: 100%;
}
.spNavWrap {
display: none;
}
.rc__movie {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 180px;
position: relative;
}
.rc__movie:before {
background: url(../img/common/movie_play_white.png) no-repeat center center;
content: '';
height: 47px;
left: 0;
position: absolute;
top: 66px;
width: 148px;
}
.rc__movie--link {
display: block;
height: 180px;
position: relative;
}
.rc__movie--link:before {
background: url(../img/common/movie_play_orange.png) no-repeat left center;
content: '';
height: 47px;
left: 0;
position: absolute;
top: 66px;
transition: all 0.3s ease;
transition-delay: 0.2s;
width: 0;
}
.rc__movie--link:hover:before {
width: 148px;
}
.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: 101px;
position: absolute;
top: 66px;
transition: opacity 0.2s ease;
width: 47px;
opacity: 0;
}
.rc__movie--link:hover:after {
opacity: 1;
transition-delay: 0.3s;
}
@keyframes movieRotate {
from {
transform:rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.rc__twidget {
background: #2496f0;
/*height: 405px;*/
height: 340px;
overflow: hidden;
}
.rc__banners__list a {
display: block;
transition: all 0.3s ease;
}
.rc__banners__list a:hover {
opacity: 0.85;
}
.rc__copyright {
background: url(../img/common/copyright.png) no-repeat center 20px;
height: 56px;
}
/* SUBCOLUMN */
#subColumn {
position: relative;
}
.scWrap {
margin: 0 auto;
width: 756px;
position: relative;
z-index: 500;
}
.scWrap--onair {
margin: 0 auto;
width: 742px;
position: relative;
z-index: 500;
}
#introduction {
padding: 43px 0 0;
position: relative;
}
#introduction:after {
background: url(../img/introduction/bg_seaotter.png) no-repeat center center;
content: '';
height: 512px;
left: 50%;
margin-left: -535px;
position: absolute;
top: 802px;
width: 605px;
}
#introduction:before {
background: #1f7ec1;
content: '';
height: 1500px;
left: 0;
position: absolute;
top: 589px;
transform: skewY(-8deg);
transform-origin: center top;
width: 100%;
}
.introduction__title {
background: url(../img/introduction/h2.png) no-repeat center center;
height: 24px;
margin-bottom: 30px;
margin-left: 203px;
width: 180px;
}

.introduction__catch {
background: url(../img/introduction/catch.png);
height: 307px;
left: 537px;
position: absolute;
top: -82px;
width: 268px;
z-index: 5000;
}
.introduction__text {
background: url(../img/introduction/box_bg.png);
box-sizing: border-box;
font-size: 16px;
height: 755px;
letter-spacing: 0.1em;
line-height: 32px;
padding: 40px 50px;
}
.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: 550px;
position: absolute;
top: 630px;
width: 269px;
}
#staff {
padding-top: 56px;
position: relative;
}
#staff:before {
background: #74bc43;
content: '';
height: 1500px;
left: 0;
position: absolute;
top: 316px;
transform: skewY(8deg);
transform-origin: center top;
width: 100%;
}
#staff:after {
background: url(../img/staff/staff_bg_horse.png) no-repeat center center;
content: '';
height: 617px;
left: 50%;
margin-left: 300px;
position: absolute;
top: 558px;
width: 605px;
}
.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.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: 185px;
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: -35px;
content: '';
height: 55px;
left: 266px;
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: -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: 246px;
letter-spacing: 0.1em;
position: absolute;
text-align: center;
text-decoration: none;
transition: transform 0.3s ease;
width: 244px;
}
.staff__original--link:hover {
transform: translate(5px, 5px);
}
.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;
}
.staffList__list--link:hover {
transform: translate(5px, 5px);
}
.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(3n) {
margin-right: 0;
transition-delay: 0.2s;
}
.staffList3 .staffList__list:nth-child(3n + 2) {
transition-delay: 0.1s;
}
.staffList2 .staffList__list {
background: url(../img/staff/list2_bg.png) no-repeat center center;
height: 160px;
margin: 0 12px 12px 0;
width: 372px;
}
.staffList2 .staffList__list:nth-child(2n) {
margin-right: 0;
transition-delay: 0.1s;
}
.staffList1 .staffList__list {
background: url(../img/staff/list1_bg.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: -151px;
top: 1177px;
position: absolute;
width: 270px;
}
#cast {
padding-top: 56px;
position: relative;
}
#cast:before {
background: #f6ac0e;
content: '';
height: 1440px;
left: 0;
position: absolute;
top: -421px;
transform: skewY(-8deg);
transform-origin: center top;
width: 100%;
}
.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 12px 12px 0;
width: 372px;
}
.castList2 .castList__list:nth-child(2n) {
margin-right: 0;
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);
}
#tCharacter {
padding-top: 56px;
position: relative;
}
#tCharacter:before {
background: #E73269;
content: '';
height: 1500px;
left: 0;
position: absolute;
top: -36px;
transform: skewY(8deg);
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;
}
.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 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:-41px;
position:absolute;
top:196px;
width:108px;
}
.tCharacter1 .tCharacterList__list--main {
background:url(../img/character/character1_main.png) no-repeat center center;
height:789px;
left:86px;
top:8px;
position:absolute;
width:500px;
}
.tCharacter1 .tCharacterList__list--sub1 {
background:url(../img/character/character1_sub1.png) no-repeat center center;
height:393px;
left:582px;
top:74px;
position:absolute;
width:315px;
}
.tCharacter1 .tCharacterList__list--sub2 {
background:url(../img/character/character1_sub2.png) no-repeat center center;
height:223px;
left:637px;
top:498px;
position:absolute;
width:172px;
}
.tCharacter2 .tCharacterList__list--name {
background:url(../img/character/character2_name.png) no-repeat center center;
height:339px;
left:-41px;
position:absolute;
top:196px;
width:108px;
}
.tCharacter2 .tCharacterList__list--main {
background: url(../img/character/character2_main.png) no-repeat center center;
height: 789px;
left: 78px;
top: 9px;
position: absolute;
width: 513px;
}
.tCharacter2 .tCharacterList__list--sub1 {
background:url(../img/character/character2_sub1.png) no-repeat center center;
height:340px;
left:515px;
top:127px;
position:absolute;
width:333px;
}
.tCharacter2 .tCharacterList__list--sub2 {
background:url(../img/character/character2_sub2.png) no-repeat center center;
height:246px;
left:617px;
top:476px;
position:absolute;
width:192px;
}
.tCharacter3 .tCharacterList__list--name {
background:url(../img/character/character3_name.png) no-repeat center center;
height:339px;
left:-41px;
position:absolute;
top:196px;
width:108px;
}
.tCharacter3 .tCharacterList__list--main {
background: url(../img/character/character3_main.png) no-repeat center center;
height: 778px;
left: 38px;
top: 37px;
position: absolute;
width: 609px;
}
.tCharacter3 .tCharacterList__list--sub1 {
background:url(../img/character/character3_sub1.png) no-repeat center center;
height:340px;
left:545px;
top:147px;
position:absolute;
width:333px;
}
.tCharacter3 .tCharacterList__list--sub2 {
background:url(../img/character/character3_sub2.png) no-repeat center center;
height:223px;
left:617px;
top:495px;
position:absolute;
width:265px;
}
.tCharacter4 .tCharacterList__list--name {
background:url(../img/character/character4_name.png) no-repeat center center;
height:339px;
left:-41px;
position:absolute;
top:196px;
width:108px;
}
.tCharacter4 .tCharacterList__list--main {
background: url(../img/character/character4_main.png) no-repeat center center;
height: 777px;
left: 38px;
top: 36px;
position: absolute;
width: 783px;
}
.tCharacter4 .tCharacterList__list--sub1 {
background:url(../img/character/character4_sub1.png) no-repeat center center;
height:323px;
left:580px;
top:147px;
position:absolute;
width:266px;
}
.tCharacter4 .tCharacterList__list--sub2 {
background:url(../img/character/character4_sub2.png) no-repeat center center;
height:219px;
left:617px;
top:505px;
position:absolute;
width:182px;
}
.tCharacter5 .tCharacterList__list--name {
background:url(../img/character/character5_name.png) no-repeat center center;
height:339px;
left:-41px;
position:absolute;
top:196px;
width:108px;
}
.tCharacter5 .tCharacterList__list--main {
background: url(../img/character/character5_main.png) no-repeat center center;
height: 776px;
left: 58px;
top: 38px;
position: absolute;
width: 584px;
}
.tCharacter5 .tCharacterList__list--sub1 {
background:url(../img/character/character5_sub1.png) no-repeat center center;
height:303px;
left:580px;
top:167px;
position:absolute;
width:266px;
}
.tCharacter5 .tCharacterList__list--sub2 {
background:url(../img/character/character5_sub2.png) no-repeat center center;
height:220px;
left:647px;
top:503px;
position:absolute;
width:162px;
}
.tCharacter6 .tCharacterList__list--name {
background:url(../img/character/character6_name.png) no-repeat center center;
height:339px;
left:-41px;
position:absolute;
top:196px;
width:108px;
}
.tCharacter6 .tCharacterList__list--main {
background: url(../img/character/character6_main.png) no-repeat center center;
height: 749px;
left: -58px;
top: 66px;
position: absolute;
width: 848px;
}
.tCharacter6 .tCharacterList__list--sub1 {
background:url(../img/character/character6_sub1.png) no-repeat center center;
height:305px;
left:580px;
top:167px;
position:absolute;
width:269px;
}
.tCharacter6 .tCharacterList__list--sub2 {
background:url(../img/character/character6_sub2.png) no-repeat center center;
height:208px;
left:617px;
top:515px;
position:absolute;
width:223px;
}
.tCharacter7 .tCharacterList__list--name {
background:url(../img/character/character7_name.png) no-repeat center center;
height:339px;
left:-41px;
position:absolute;
top:196px;
width:108px;
}
.tCharacter7 .tCharacterList__list--main {
background: url(../img/character/character7_main.png) no-repeat center center;
height: 734px;
left: -58px;
top: 81px;
position: absolute;
width: 900px;
}
.tCharacter7 .tCharacterList__list--sub1 {
background:url(../img/character/character7_sub1.png) no-repeat center center;
height:266px;
left:580px;
top:205px;
position:absolute;
width:266px;
}
.tCharacter7 .tCharacterList__list--sub2 {
background:url(../img/character/character7_sub2.png) no-repeat center center;
height:181px;
left:617px;
top:526px;
position:absolute;
width:272px;
}
.tCharacter8 .tCharacterList__list--name {
background:url(../img/character/character8_name.png) no-repeat center center;
height:339px;
left:-41px;
position:absolute;
top:196px;
width:108px;
}
.tCharacter8 .tCharacterList__list--main {
background: url(../img/character/character8_main.png) no-repeat center center;
height: 782px;
left: -28px;
top: 32px;
position: absolute;
width: 789px;
}
.tCharacter8 .tCharacterList__list--sub1 {
background:url(../img/character/character8_sub1.png) no-repeat center center;
height:306px;
left:580px;
top:170px;
position:absolute;
width:292px;
}
.tCharacter8 .tCharacterList__list--sub2 {
background:url(../img/character/character8_sub2.png) no-repeat center center;
height:223px;
left:570px;
top:500px;
position:absolute;
width:300px;
}
.tCharacter9 .tCharacterList__list--name {
background:url(../img/character/character9_name.png) no-repeat center center;
height:339px;
left:-41px;
position:absolute;
top:196px;
width:108px;
}
.tCharacter9 .tCharacterList__list--main {
background: url(../img/character/character9_main.png) no-repeat center center;
height: 789px;
left: 25px;
top: 32px;
position: absolute;
width: 677px;
}
.tCharacter9 .tCharacterList__list--sub1 {
background:url(../img/character/character9_sub1.png) no-repeat center center;
height:308px;
left:580px;
top:170px;
position:absolute;
width:269px;
}
.tCharacter9 .tCharacterList__list--sub2 {
background:url(../img/character/character9_sub2.png) no-repeat center center;
height:221px;
left:630px;
top:505px;
position:absolute;
width:179px;
}
.tCharacter10 .tCharacterList__list--name {
background:url(../img/character/character10_name.png) no-repeat center center;
height:339px;
left:-41px;
position:absolute;
top:196px;
width:108px;
}
.tCharacter10 .tCharacterList__list--main {
background: url(../img/character/character10_main.png) no-repeat center center;
height: 786px;
left: 130px;
top: 33px;
position: absolute;
width: 566px;
}
.tCharacter10 .tCharacterList__list--sub1 {
background:url(../img/character/character10_sub1.png) no-repeat center center;
height:295px;
left:580px;
top:180px;
position:absolute;
width:266px;
}
.tCharacter10 .tCharacterList__list--sub2 {
background:url(../img/character/character10_sub2.png) no-repeat center center;
height:218px;
left:630px;
top:507px;
position:absolute;
width:193px;
}
.tCharacter11 .tCharacterList__list--name {
background:url(../img/character/character11_name.png) no-repeat center center;
height:339px;
left:-41px;
position:absolute;
top:196px;
width:108px;
}
.tCharacter11 .tCharacterList__list--main {
background: url(../img/character/character11_main.png) no-repeat center center;
height: 787px;
left: -110px;
top: 37px;
position: absolute;
width: 853px;
}
.tCharacter11 .tCharacterList__list--sub1 {
background:url(../img/character/character11_sub1.png) no-repeat center center;
height:293px;
left:580px;
top:180px;
position:absolute;
width:266px;
}
.tCharacter11 .tCharacterList__list--sub2 {
background:url(../img/character/character11_sub2.png) no-repeat center center;
height:223px;
left:560px;
top:504px;
position:absolute;
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,
.js-character--on .tCharacterList__list--sub2 {
animation:characterL2 6s linear forwards;
}
.tCharacterList__list--main {
animation:characterLE 6s linear forwards;
}
.tCharacterList__list--name,
.tCharacterList__list--sub1,
.tCharacterList__list--sub2 {
animation:characterLE2 6s linear forwards;
}
.tCharacter__button {
background: #000;
height: 55px;
position: absolute;
width: 244px;
left: -6px;
top: 630px;
}
.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__button--link:hover {
transform:translate(-5px,-5px);
}
.tCharacter__stamp {
background: url(../img/common/stamp2.png) no-repeat center center / contain;
height: 270px;
left: 407px;
top: 584px;
position: absolute;
width: 270px;
}
#comics {
padding: 50px 0 34px;
position: relative;
}
#comics:before {
background: #1F7EC2;
content: '';
height: 1120px;
left: 0;
position: absolute;
top: -64px;
transform: skewY(-8deg);
transform-origin: center top;
width: 100%;
}
#comics:after {
background: url(../img/common/star.png) no-repeat center bottom;
bottom: 90px;
content: '';
height: 4903px;
left: 0;
position: absolute;
right: -250px;
}
.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.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.1em;
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: 214px;
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: 194px;
letter-spacing: 0.1em;
position: absolute;
text-align: center;
text-decoration: none;
transition: transform 0.3s ease;
width: 344px;
}
.comics__original--link:hover {
transform: translate(5px, 5px);
}
.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(3n) {
margin-right: 0;
transition-delay: 0.2s;
}
.comicsList__list:nth-child(3n + 2) {
transition-delay: 0.1s;
}
.comicsList__list--link {
border: 6px solid #000;
box-sizing: border-box;
display: block;
position: relative;
transition: transform 0.3s ease;
}
.comicsList__list--link:hover {
transform: translate(5px, 5px);
}
.comicsList__list--link img {
display: block;
}
.comicsList__list--subText {
align-items: center;
background: url(../img/comics/subcomic_bg.png) no-repeat center left;
box-sizing: border-box;
color: #1f7ec1;
display: flex;
flex-wrap: wrap;
font-family: 'Noto Serif JP', serif;
font-size: 20px;
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: 507px;
}
.comics__stamp {
background: url(../img/common/stamp3.png) no-repeat center center / contain;
height: 271px;
left: 532px;
position: absolute;
top: 688px;
width: 271px;
}

#footbnrWrap {
padding: 0 0 200px;
position: relative;
}
.footbnr{
width: 756px;
margin: 0 auto;
}
.footbnr ul{
display: flex;
flex-wrap: wrap;
}
.footbnr li{
width: 140px;
margin-right: 14px;
margin-bottom: 14px;
}
.footbnr li:nth-child(4n+5){
margin-right: 0;
}
.footbnr li img{
width: 100%;
transition: all .3s ease;
}
.footbnr li img:hover{
opacity: 0.6;
}

/* 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 {
height: 100%;
min-height: 620px;
min-width: 1200px;
width: 100%;
}
.mm__inner iframe {
width: 100%;
height: 100%;
display: block;
}
.mm__close {
background: #000;
display: block;
height: 84px;
right: 20px;
position: absolute;
top: 30px;
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;
}
.mm__close:hover:before {
transform: translate(5px, 5px);
}
/* 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%;
min-width: 1200px;
width: 100%;
}
.cm__shikishi {
background-position: center center;
background-repeat: no-repeat;
display: none;
height: 800px;
padding: 30px 0;
width: 700px;
}
.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:24px;
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:18px;
}
.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:18px;
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;
}

/*NEWS*/
#news {
font-family: 'Noto Serif JP', serif;
padding:33px 0 75px;
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:-250px;
top:0;
background:url(../img/common/sub_star.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;
display:flex;
}
.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--link:hover {
transform:translate(-5px,-5px);
}
.newsList__list--time {
align-items:center;
box-sizing:border-box;
color:#FFF;
display:flex;
flex-wrap:wrap;
font-size:14px;
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:16px;
letter-spacing:0.1em;
line-height:2;
padding:14px 30px;
width:644px;
}
.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: 14px;
font-weight: bold;
height: 45px;
line-height: 33px;
text-align: center;
transform:translate(-6px,-6px);
}
.pagingList li a {
transition: all 0.3s ease;
text-decoration: none;
}
.pagingList li a:hover{
transform:translate(-3px,-3px);
}
.pagingList li span {
background:#e73268;
color:#FFF;
}
.pagingList li .none {
display: none;
}
.news__meta {
background:#000;
margin-bottom:20px;
}
.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:14px;
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-size:16px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:14px 30px;
width:644px;

}
.news__detail {
background:#000;
margin-bottom:30px;
}
.news__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;
}
.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--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;
}
.btn__toIndex--link:hover {
transform:translate(-5px,-5px)
}
.btn__toIndex_kahaku {
background:#000;
height:50px;
width:220px;
margin: -25px auto 0;
}
/*SPECIAL*/
#special {
font-family: 'Noto Serif JP', serif;
padding:33px 0 75px;
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.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:-250px;
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;
display:flex;
margin-bottom:20px;
}
.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--link:hover {
transform:translate(-5px,-5px);
}
.specialList__list--time {
align-items:center;
box-sizing:border-box;
color:#FFF;
display:flex;
flex-wrap:wrap;
font-size:14px;
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-size:16px;
letter-spacing:0.1em;
line-height:2;
padding:14px 30px;
width:644px;
}
.special__meta {
background:#000;
margin-bottom:20px;
}
.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:14px;
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:16px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:14px 30px;
width:644px;
}
.special__detail {
background:#000;
margin-bottom:30px;
}
.special__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;
}
.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:16px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:8px 30px;
transform:translate(-10px,-10px);
}
.special__interview--question-text--sub {
background:#FFDE46;
border:6px solid #000;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:8px 30px;
transform:translate(0,-10px);
}
.special__interview--question-face {
height:85px;
width:84px;
position:absolute;
right:-50px;
top:-20px;
}
.special__interview--answer {
font-size:16px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:10px 0 35px 80px;
position:relative;
}
.special__interview--answer-face {
display:block;
height:67px;
left:-10px;
position:absolute;
top:10px;
width:71px;
}
.special_joueikai dl{
border-right-color: #7c7c7c;
border-bottom-color: #7c7c7c;
}
.special_joueikai p{
font-size:16px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
position:relative;
}
.specail_joueikai_txt2{
padding-left:1em;
text-indent:-1em;
margin-bottom: 0px;
}
.specail_joueikai_txtend{
padding-left:1em;
text-indent:-1em;
padding-bottom: 35px;
}
.special_joueikai p span{
padding-left: 54px;
}
.special_joueikai img{
display: block;
margin-right: auto;
margin-left: auto;
padding-bottom: 35px;
}
.special__flex{
display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.special_joueikai_list dt{
width: 80px;
font-size: 14px;
font-weight:bold;
text-align: center;
/*display: inline-table;*/
border-top:2px solid #fff;
}
.special_joueikai_list dt:nth-of-type(even),
.special_joueikai_list dd:nth-of-type(even) ul{
background:#fffbeb;
}
.special_joueikai_list dd{
/*width: 200px;*/
width: calc(100% - 80px);
font-size: 14px;
font-weight:bold;
text-align: center;
/*display: inline-table;*/
}
.special_joueikai_list ul{
background:#ffeea2;
display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.special_joueikai_list li{
width: 200px;
border-left:2px solid #fff;
padding: 28px 0;
	border-top:2px solid #fff;
text-align: center;
}
.special_joueikai_list dt{
background:#ffeea2;
padding: 28px 0;
}
.special_joueikai_list_title{
padding: 25px 0px 25px 0px ;
background-color: #cea800;
color: #fff;
font-size: 14px;
font-weight:bold;
margin-bottom: 0px;
display: flex;
}
#sjlt__nv1{
width: 80px;
font-size: 14px;
margin-bottom: 0;
text-align: center;
}
#sjlt__nv2{
width: 200px;
font-size: 14px;
margin-bottom: 0;
text-align: center;
}
#sjlt__nv3{
width: 200px;
font-size: 14px;
margin-bottom: 0;
text-align: center;
}
#sjlt__nv4{
width: 200px;
font-size: 14px;
margin-bottom: 0;
text-align: center;
}


.oneModalIn__imgWrap{
width: 80%;
margin: auto;
}
.oneModalIn__imgWrap img{
max-width: 100%;
max-height: 100%;
}
.ah{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ah:hover{
background-color: #FFF2F2;
opacity: 0.5;
}
/*FM HRAC */
.modalBox {
-webkit-overflow-scrolling: touch;
background: rgba(255,255,255,0.9);
/*height: 100%;
width: 100%;
min-width: 1200px;*/
overflow: auto;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
}
.modalInBox{
	height: 100%;
	width: 100%;
	min-width: 1200px;
	min-height: 620px;
	position: relative;
}
.modalBox.js-modalBox {
display: none;
}
.modalBox.js-modalBox.sp_dc{
	/*display: block;*/
	opacity: 0;
	z-index: -1;
	transition: all 0s ease;
}
.oneModal {
height: 100%;
width: 100%;
z-index: 1;
}
.oneModalIn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height: auto;
width: 100%;
min-height: 100vh;
min-height: 100%;
min-width: 1200px;
margin: 0 auto;
position: relative;
z-index: -1;
}
.sp_dc .oneModalIn{
	z-index: 1;
}
.sp_dc .closeBtn a{
	z-index: 2;
}

/* FM HRAC*/

/*CHARACTER*/
#character {
font-family: 'Noto Serif JP', serif;
padding: 33px 0 75px;
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:870px;
left:0;
position:absolute;
right:0;
top:200px;
transform:skewY(-8deg);
}
#character:after {
background:url(../img/common/sub_star2.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:-250px;
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-bottom:20px;
}
.characterList__list {
height:170px;
margin:0 6px 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:hover,
.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:880px;
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:-38px;
top:730px;
width:830px;
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:16px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:10px 35px;
width:718px;
}
.characters__list--stamp {
background:url(../img/common/stamp1.png) no-repeat center center / contain;
height:205px;
left:618px;
position:absolute;
top:-126px;
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:-38px;
top:144px;
width:108px;
}
.characters__list.character1 .characters__list--main {
background:url(../img/character/character1_stand.png) no-repeat center center;
height:711px;
left:129px;
top:5px;
width:424px;
}
.characters__list.character1 .characters__list--sub1 {
background:url(../img/character/character1_sub1.png) no-repeat center center;
height:393px;
left:575px;
top:78px;
width:315px;
}
.characters__list.character1 .characters__list--sub2 {
background:url(../img/character/character1_sub2.png) no-repeat center center;
height:222px;
left:627px;
top:509px;
width:172px;
}
/*c2*/
.characters__list.character2 .characters__list--name {
background:url(../img/character/character2_name.png) no-repeat center center;
height:338px;
left:-38px;
top:144px;
width:108px;
}
.characters__list.character2 .characters__list--main {
background:url(../img/character/character2_stand.png) no-repeat center center;
height:704px;
left:94px;
top:3px;
width:426px;
}
.characters__list.character2 .characters__list--sub1 {
background:url(../img/character/character2_sub1.png) no-repeat center center;
height:340px;
left:510px;
top:130px;
width:333px;
}
.characters__list.character2 .characters__list--sub2 {
background:url(../img/character/character2_sub2.png) no-repeat center center;
height:246px;
left:599px;
top:489px;
width:192px;
}
/*c3*/
.characters__list.character3 .characters__list--name {
background:url(../img/character/character3_name.png) no-repeat center center;
height:338px;
left:-38px;
top:144px;
width:108px;
}
.characters__list.character3 .characters__list--main {
background:url(../img/character/character3_stand.png) no-repeat center center;
height:695px;
left:144px;
top:3px;
width:414px;
}
.characters__list.character3 .characters__list--sub1 {
background:url(../img/character/character3_sub1.png) no-repeat center center;
height:302px;
left:580px;
top:140px;
width:266px;
}
.characters__list.character3 .characters__list--sub2 {
background:url(../img/character/character3_sub2.png) no-repeat center center;
height:223px;
left:599px;
top:506px;
width:265px;
}
/*c4*/
.characters__list.character4 .characters__list--name {
background:url(../img/character/character4_name.png) no-repeat center center;
height:338px;
left:-38px;
top:144px;
width:108px;
}
.characters__list.character4 .characters__list--main {
background:url(../img/character/character4_stand.png) no-repeat center center;
height:702px;
left:144px;
top:3px;
width:446px;
}
.characters__list.character4 .characters__list--sub1 {
background:url(../img/character/character4_sub1.png) no-repeat center center;
height:323px;
left:580px;
top:140px;
width:266px;
}
.characters__list.character4 .characters__list--sub2 {
background:url(../img/character/character4_sub2.png) no-repeat center center;
height:219px;
left:599px;
top:516px;
width:182px;
}
/*c5*/
.characters__list.character5 .characters__list--name {
background:url(../img/character/character5_name.png) no-repeat center center;
height:338px;
left:-38px;
top:144px;
width:108px;
}
.characters__list.character5 .characters__list--main {
background:url(../img/character/character5_stand.png) no-repeat center center;
height:696px;
left:144px;
top:3px;
width:393px;
}
.characters__list.character5 .characters__list--sub1 {
background:url(../img/character/character5_sub1.png) no-repeat center center;
height:303px;
left:580px;
top:140px;
width:266px;
}
.characters__list.character5 .characters__list--sub2 {
background:url(../img/character/character5_sub2.png) no-repeat center center;
height:220px;
left:599px;
top:516px;
width:162px;
}
/*c6*/
.characters__list.character6 .characters__list--name {
background:url(../img/character/character6_name.png) no-repeat center center;
height:338px;
left:-38px;
top:144px;
width:108px;
}
.characters__list.character6 .characters__list--main {
background:url(../img/character/character6_stand.png) no-repeat center center;
height:688px;
left:144px;
top:3px;
width:459px;
}
.characters__list.character6 .characters__list--sub1 {
background:url(../img/character/character6_sub1.png) no-repeat center center;
height:305px;
left:580px;
top:140px;
width:269px;
}
.characters__list.character6 .characters__list--sub2 {
background:url(../img/character/character6_sub2.png) no-repeat center center;
height:208px;
left:599px;
top:524px;
width:223px;
}
/*c7*/
.characters__list.character7 .characters__list--name {
background:url(../img/character/character7_name.png) no-repeat center center;
height:338px;
left:-38px;
top:144px;
width:108px;
}
.characters__list.character7 .characters__list--main {
background:url(../img/character/character7_stand.png) no-repeat center center;
height:689px;
left:84px;
top:3px;
width:548px;
}
.characters__list.character7 .characters__list--sub1 {
background:url(../img/character/character7_sub1.png) no-repeat center center;
height:266px;
left:620px;
top:180px;
width:266px;
}
.characters__list.character7 .characters__list--sub2 {
background:url(../img/character/character7_sub2.png) no-repeat center center;
height:181px;
left:599px;
top:536px;
width:272px;
}
/*c8*/
.characters__list.character8 .characters__list--name {
background:url(../img/character/character8_name.png) no-repeat center center;
height:338px;
left:-38px;
top:144px;
width:108px;
}
.characters__list.character8 .characters__list--main {
background:url(../img/character/character8_stand.png) no-repeat center center;
height:704px;
left:134px;
top:3px;
width:451px;
}
.characters__list.character8 .characters__list--sub1 {
background:url(../img/character/character8_sub1.png) no-repeat center center;
height:306px;
left:600px;
top:140px;
width:292px;
}
.characters__list.character8 .characters__list--sub2 {
background:url(../img/character/character8_sub2.png) no-repeat center center;
height:223px;
left:599px;
top:503px;
width:300px;
}
/*c9*/
.characters__list.character9 .characters__list--name {
background:url(../img/character/character9_name.png) no-repeat center center;
height:338px;
left:-38px;
top:144px;
width:108px;
}
.characters__list.character9 .characters__list--main {
background:url(../img/character/character9_stand.png) no-repeat center center;
height:699px;
left:104px;
top:3px;
width:474px;
}
.characters__list.character9 .characters__list--sub1 {
background:url(../img/character/character9_sub1.png) no-repeat center center;
height:308px;
left:580px;
top:140px;
width:269px;
}
.characters__list.character9 .characters__list--sub2 {
background:url(../img/character/character9_sub2.png) no-repeat center center;
height:221px;
left:610px;
top:513px;
width:179px;
}
/*c10*/
.characters__list.character10 .characters__list--name {
background:url(../img/character/character10_name.png) no-repeat center center;
height:338px;
left:-38px;
top:144px;
width:108px;
}
.characters__list.character10 .characters__list--main {
background:url(../img/character/character10_stand.png) no-repeat center center;
height:508px;
left:184px;
top:90px;
width:379px;
}
.characters__list.character10 .characters__list--sub1 {
background:url(../img/character/character10_sub1.png) no-repeat center center;
height:295px;
left:590px;
top:140px;
width:266px;
}
.characters__list.character10 .characters__list--sub2 {
background:url(../img/character/character10_sub2.png) no-repeat center center;
height:218px;
left:620px;
top:513px;
width:193px;
}
/*c11*/
.characters__list.character11 .characters__list--name {
background:url(../img/character/character11_name.png) no-repeat center center;
height:338px;
left:-38px;
top:144px;
width:108px;
}
.characters__list.character11 .characters__list--main {
background:url(../img/character/character11_stand.png) no-repeat center center;
height:694px;
left:84px;
top:3px;
width:487px;
}
.characters__list.character11 .characters__list--sub1 {
background:url(../img/character/character11_sub1.png) no-repeat center center;
height:293px;
left:590px;
top:140px;
width:266px;
}
.characters__list.character11 .characters__list--sub2 {
background:url(../img/character/character11_sub2.png) no-repeat center center;
height:223px;
left:580px;
top:507px;
width:294px;
}
/*c12*/
.characters__list.character12 .characters__list--name {
background:url(../img/character/character12_name.png) no-repeat center center;
height:338px;
left:-38px;
top:144px;
width:108px;
}
.characters__list.character12 .characters__list--main {
background:url(../img/character/character12_stand.png) no-repeat center center;
height:657px;
left:200px;
top:23px;
width:507px;
}
/*c13*/
.characters__list.character13 .characters__list--name {
background:url(../img/character/character13_name.png) no-repeat center center;
height:338px;
left:-38px;
top:144px;
width:108px;
}
.characters__list.character13 .characters__list--main {
background:url(../img/character/character13_stand.png) no-repeat center center;
height:647px;
left:116px;
top:23px;
width:686px;
}
.characterList__nav {
display:flex;
height:138px;
justify-content:space-between;
left:-60px;
pointer-events:none;
position:absolute;
right:-60px;
top:100px;
z-index:5000;
}
.characterList__navlist {
display:block;
height:138px;
pointer-events:auto;
width:50px;
}
.characterList__navlink {
display:block;
height:138px;
transition:all 0.3s ease;
}
.characterList__navlist:first-child a {
background:url(../img/character/bnr_arrow_left.png) no-repeat center center;
}
.characterList__navlist:first-child a:hover {
transform:translateX(-10px);
}
.characterList__navlist:last-child a {
background:url(../img/character/bnr_arrow_right.png) no-repeat center center;
}
.characterList__navlist:last-child a:hover {
transform:translateX(10px);
}
/*SPECIAL*/
#movie {
font-family: 'Noto Serif JP', serif;
padding:33px 0 75px;
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.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:-250px;
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:736px;
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:736px;
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:16px;
line-height: 24px;
padding:8px 25px;
}
.ttM {
background-color: #000;
font-weight: bold;
color: #fff;
}

/*ON AIR*/
#onair {
font-family: 'Noto Serif JP', serif;
padding:33px 0 75px;
position:relative;
}
#onair:before {
background:#e73268;
bottom:270px;
content:'';
left:0;
position:absolute;
right:0;
top:100px;
transform:skewY(-8deg);
}
#onair:after {
background:url(../img/common/sub_star.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:-250px;
top:0;
}
.onair__title {
background:url(../img/onair/h2.png) no-repeat center center;
height:24px;
margin-bottom:43px;
}
.onair__detail {
background:#000;
margin-bottom:30px;
}
.onair__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;
}
.onair__detail--text section{
margin-bottom: 30px;
}
.onair__detail--text p {
margin-bottom:1em;
}

.onair__category{
position: relative;
width: 756px;
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:18px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:0 30px;
width:714px;
}
.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: 30px 0;
}
.onair__subTitle h4{
font-size:22px;
font-weight: bold;
text-align: center;
}
.subttl_tp{
padding-top: 0!important;
}

.onair__table,.onair__table--tv{
width: 684px;
/*margin-bottom: 64px;*/
}
.onair__table tr,.onair__table--tv tr{
background: #fffbeb;
font-weight: bold;
}
.onair__table tr:nth-child(2n),
.onair__table--tv tr:nth-child(2n){
background: #ffeea2;;
}
.onair__table th,.onair__table--tv th{
padding: 20px;
background: #cea800;
color: #fff;
font-weight: bold;
}
.onair__table--l{
width: 132px;
}
.onair__table--c{
width: 301px;
}
.onair__table--r{
width: 131px;
line-height: 24px;
}
.onair__table--tv .onair__table--l{
width: 132px;
}
.onair__table--tv .onair__table--c{
width: 110px;
}
.onair__table--tv .onair__table--r{
width: 322px;
line-height: 24px;
}
.onair__table td{
padding:20px;
border-top:2px solid #fff;
border-right: 2px solid #fff;
font-size: 14px;
}
.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;
}

.onair__table--tv td{
padding:20px;
border-top:2px solid #fff;
border-right: 2px solid #fff;
font-size: 14px;
}
.onair__table--tv td:nth-child(1){
width: 132px;
}
.onair__table--tv td:nth-child(2){
width: 108px;
}
.onair__table--tv td:nth-child(3){
width: 320px;
border-right: 0;
}

.onair__netstartInfo{
width: 455px;
height: 93px;
background: url(../img/onair/h3_netstartInfo.png);
margin: 0 auto;
margin-top: 54px;
margin-bottom: 40px;
}
.onair__min{
padding-left:1em;
text-indent:-1em;
padding-top: 1em;
}
.onair_cation{
font-size: 14px;
margin-top:1em;
margin-left:0.5em;
}

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

/*Goods <good>*/
#goods {
font-family: 'Noto Serif JP', serif;
padding:33px 0 75px;
position:relative;
}
#goods:before {
background:#006cb8;
bottom:270px;
content:'';
left:0;
position:absolute;
right:0;
top:100px;
transform:skewY(-8deg);
}
#goods:after {
content:'';
bottom:0;
left:0;
position:absolute;
right:-250px;
top:0;
background:url(../img/common/sub_star.png) no-repeat center top;
}
.goods__title {
background:url(../img/goods/h2.png) no-repeat center center;
height:24px;
margin-bottom:43px;
}
.goodsWrap{
width: 757px;
margin: auto;
}
.goodsList{
display: flex;
flex-wrap: wrap;
margin-top:20px;
}
.goodsList_list{
display: flex;
background:#000;
margin-bottom: 32px;
margin-right: 32px;
flex-wrap: wrap;
}
.goodsList_list:nth-child(3n){
margin-right: 0;
}
.goodsList_list--link{
background:#fff;
border: 6px solid #000;
box-sizing: border-box;
display: flex;
width: 224px;
text-decoration: none;
transform: translate(-10px,-10px);
transition: all 0.3s ease;
flex-wrap: wrap;
}
.goodsList_list--link:hover {
transform:translate(-5px,-5px);
}
#goodsList li a{
display: block;
height: 100%;
text-decoration: none;
}
.goods_Thumb img{
width: 212px;
}
.goods_Ttl{
font-size: 16px;
background: #fff;
color: #000;
padding: 17px 18px;
line-height: 24px;
word-break: break-all;
font-weight: bold;
}
.modal__inner {
height:100%;
left:0;
min-height:620px;
min-width: 1200px;
position: absolute;
top:0;
width:100%;
}
.goods__modal {
background:rgba(255,255,255,.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%;
width:800px;
position: relative;
z-index:3;

}
.goods__article {
width: 100%;
position: relative;
}
.goods__article--title {
color:#e73268;
font-size:20px;
font-weight: bold;
line-height:1.65;
margin-bottom: 40px;
text-align: left;
}
.goods__article--inner {
display: flex;
justify-content: space-between;
margin-bottom:50px;
margin-top:50px;
border:6px solid #000;
background:#FFF;
padding:70px 50px;
position: relative;
}
.goods__article--inner:before {
content:'';
position: absolute;
right:-16px;
bottom:-16px;
width:10px;
top:6px;
background: #000
}
.goods__article--inner:after {
content:'';
position: absolute;
right:-16px;
bottom:-16px;
left:6px;
height:10px;
background: #000
}
.goods__article--imgs {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
width:312px;
}
.goods__article--img {
margin-bottom:1px;
width:311px;
order:1;
}
.goods__article--img img {
max-width:311px;
height:auto;
}
.goods__article--imglists {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
order:2;
}
.goods__article--imglist {
margin-bottom:1px;
margin-right:1px;
width:51px;

}
.goods__article--imglist img {
cursor: pointer;
width:51px;
height:auto;
}
.goods__article--imglist img:hover,
.goods__article--imglist img.is__current {
opacity:0.8;
}
.goods__article--description {
color:#000;
line-height:2;
width:463px;
word-break: break-all;
}
.goods__article--description a {
color:#FFF;
}
.goods__article--back {
height:84px;
width: 84px;
position:absolute;
right:-78px;
top:50px;
}
.goods__article--back:before {
content:'';
position: absolute;
right:-10px;
bottom:-10px;
width:10px;
top:10px;
background: #000
}
.goods__article--back:after {
content:'';
position: absolute;
right:-10px;
bottom:-10px;
left:10px;
height:10px;
background: #000
}
.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__article--backlink:hover {
background: #e73268;
}
.goods__article--backlink:hover:before,
.goods__article--backlink:hover:after {
	background:#FFF;
}
.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:18px;
font-weight: bold;
padding-top:30px;
margin-bottom:15px;
}

.tagList{
width: 594px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
/*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: 12px 0;
color: #fff;
text-decoration: none;
transform: translate(-10px,-10px);
transition: all 0.3s ease;
}
.tagList li a:hover {
background: #006cb8;
transform:translate(-5px,-5px);
}
.tagList li .active{
background: #006cb8;
transform:translate(-5px,-5px);
}
.tagList li.tokuten {
width:100%;
margin-right:10px;
}
.tagList li.tokuten a {
width:100%;
background:#74bc43;
}
.disc__detail {
background:#000;
margin-bottom:30px;
}
.disc__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;
}
.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: 24px;
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;
}

.packageLeft{
float: left;
width: 250px;
}
.disc_linkWrap{
width: 100%;
margin-left: 5px;
}
.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: 18px;
font-weight: bold;
height: 50px;
letter-spacing: 0.1em;
line-height: 36px;
text-align: center;
text-decoration: none;
transform: translate(-10px,-10px);
transition: all 0.3s ease;
}
.disc_link a:hover {
transform:translate(-5px,-5px);
}
/*.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{
float: right;
padding-left: 40px;
width: calc(100% - 250px - 40px);
}
.packageRight h4{
font-size: 24px;
font-weight: bold;
padding: 10px 0;
}
.kbn{
font-size: 14px;
font-weight: bold;
margin-bottom: 0 !important;
}
.packegeinfo{
font-size: 16px;
/*	padding-left: 1em;*/
font-weight: bold;
}
.packegeinfo_min{
font-size: 15px;
}
.discTitle{
font-size:15px;
}
.discindex{
font-size:15px;
padding-left: 2em;
line-height: 24px;
margin-bottom: 16px;
}

.disc_toptxt{
font-size: 15px;
margin-bottom: 30px;
}
.packageDetail{
padding-bottom: 24px;
margin-bottom: 24px;
}
#shopList{
padding: 30px;
background: #fff;
}
#shopList span{
display: inline-block;
margin: 0 0 20px 20px;
}
.ct{
font-family: 'Noto Serif JP', serif;
font-weight: bold;
font-size: 20px;
padding-bottom: 25px;
color: #000;
text-align: center;
}
.fr2{
margin-left: 1.8em;
font-size: 14px;
}
.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%;
background: linear-gradient(90deg,#E73269 0%,#E73269 25%,#75BC44 25%,#75BC44 50%,#006CB7 50%,#006CB7 75%,#F6AC0F 75%,#F6AC0F 100%);
margin-bottom:-1px;
}
#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:80px;
}
#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: 746px;
margin: 0 auto;
}
#khk_headTxtWrap .khk__head_detail--text {
color:#e73268;
font-size: 24px;
padding:22px;
text-align: center;
font-weight: bold;
padding-bottom: 44px;
}
#khk_headTxtInWrap{
position: absolute;
top: -76px;
}
.khk__head_detail {
width: 746px;
background:#000;
margin-bottom:30px;
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: 700px;
background:#000;
margin: 0 auto;
margin-bottom:30px;
position: absolute;
bottom: -24px;
left: calc(50% - 350px);
}
.khk__head_mindetail--text {
background:#e73268;
border:6px solid #000;
font-size:16px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:10px;
text-align: center;
color: #fff;
transform:translate(-10px,-10px);
word-break:break-all;
}
/*.khk__head_mindetail--text p:after{
content: "▶";
font-size: 12px;
padding-left: 20px;
}*/
#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: 1140px;
margin:0 auto;
}
.khk__detail {
background:#000;
margin-bottom:40px;
}
.khk__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(-20px,-20px);
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__detail--text iframe {
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: 1140px;
position: relative;
top: -110px;
margin-bottom: -98px;
margin-left: 10px;
z-index: 2;
}
#khk_g1 .khk__detail--text{
padding: 48px 64px;
}
#khk_g2{
width: 1140px;
margin-left: 10px;
}
#khk_g2 .khk__detail--text{
background:#f5f5f5;
padding: 22px 64px 0;
}

#khk_g3{
margin-left: 10px;
width: 1140px;
margin-bottom: 20px;
}
#khk_g3 .khk__head_mindetail{
width: 900px;
position: relative;
bottom: 0;
left: 0;
top:-70px;
margin-bottom: -50px;
}
#khk_g3 .khk__head_mindetail--text{
background:#006cb8;
}
#khk_g3 ul{
width: 1140px;
display: flex;
flex-wrap:wrap;
}
#khk_g3 ul li{
width: calc(100% / 3 - 14px);
height: 140px;
position: relative;
margin-left: 20px;
margin-bottom: 50px;
}
#khk_g3 ul li:nth-child(3n+1){
margin-left: 0;
}
.khk_ulli{
background:#000;
margin-bottom:40px;
}
.khk_ulli--text {
background:#FFF;
border:6px solid #000;
font-size:16px;
font-weight:500;
letter-spacing:0.1em;
line-height:2;
transform:translate(-20px,-20px);
word-break:break-all;
transition: all 0.3s ease;
}
.khk_ulli--text:hover{
transform: translate(-10px,-10px);
}
.khk_ulli--text p {
/*margin-bottom:0.25em;*/
font-weight: bold;
font-size: 18px;
padding: 20px 0;
text-align: center;
}
.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;
}
.khk_ulli--text_li li:nth-child(1){
background:#000;
color: #fff;
line-height: 40px;
font-size: 20px;
font-weight: bold;
width: 40px;
height: 40px;
text-align: center;
}
.khk_audioBtn{
position: absolute;
top:20px;
right: 20px;
}
.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.4s 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 {
background:#75BC44;
transform: translate(0px,0px);
}
/*.khk_audio0.active{
transform: translate(0px,0px);
}*/

#khk_g4{
margin-left: 10px;
width: 1140px;
z-index: 2;
position: relative;
}
/*#khk_g4:before{
content: "";
width: 1200px;
height: 637px;
background: url(../img/kahaku/khk_g4_cloud3.png);
position: absolute;
top:350px;
left: 0;
}*/
#khk_g4_s1{
display: flex;
flex-wrap: wrap;
width: 1140px;
position: relative;
z-index: 2;
}
#khk_g4_s1:after{
content: "";
background: url(../img/kahaku/khk_g4_cloud.png);
background-repeat: no-repeat;
width: 675px;
height: 436px;
position: absolute;
top:0;
left: 741px;
}
#khk_g4_s1 .khk__detail{
width: 436px;
height: 320px;
}
#khk_g4_s1 .khk__detail--text img{
width: 100%;
}
#khk_g4_s1 .khk__detail--text{
width: 425px;
padding: 0;
transition: all 0.3s ease;
}
#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 .khk__detail--text:hover,
#khk_g4_s2 .khk__detail--text:hover,
#khk_g4_s3 .khk__detail--text:hover{
transform: translate(-10px,-10px);
}
.khk_g4_s1--fkds  {
align-items: center;
background: url(../img/kahaku/khk_g4_s1_fkds.png) no-repeat center left;
box-sizing: border-box;
color: #f6ac0e;
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 50px 20px 30px;
position: relative;
text-align: center;
top: 0;
width: 297px;
top: -20px;
left: 4px;
}
#khk_g4_s2{
display: flex;
flex-wrap: wrap;
position: relative;
margin-right: -24px;
}
#khk_g4_s2:before{
content: "";
background: url(../img/kahaku/khk_g4_shimoda.png);
background-repeat: no-repeat;
width: 368px;
height: 525px;
position: absolute;
bottom: -134px;
left: 0px;
}
.khk_right{
width: 756px;
height: 340px;
margin-left: auto;
display: flex;
flex-wrap: wrap;
z-index: 3;
margin-bottom: 20px;
}
#khk_g4_s2 .khk__detail,
#khk_g4_s3 .khk__detail{
width: 220px;
height: 320px;
}
#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: 209px;
padding: 0;
transition: all 0.3s ease;
}

.khk_g4_s2--fkds  {
align-items: center;
background: url(../img/kahaku/khk_g4_s2_fkds.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 50px 20px 30px;
position: relative;
text-align: center;
top: 0;
width: 507px;
top: -20px;
left: 4px;
}

#khk_g4_s3{
display: flex;
flex-wrap: wrap;
padding-bottom: 30px;
}
#khk_g4_s3 .khk_g4_s2--fkds{
color: #e73268;
}
#khk_g4_s3 .khk__detail{
margin-bottom: 0!important;
}
#khk_g4_s3 .khk_g4_s2--fkds{
margin-bottom: -20px;
}
.notice{
font-size: 12px;
line-height: 2em;
}
#khk_footer{
width: 100%;
background: #fff;
position: relative;
padding-bottom: 1em;
}
#khk_footer img{
width: 1200px;
position: relative;
top:-690px;
margin-bottom: -690px;
}
#khk_footer p{
width: 189px;
height: 28px;
position: absolute;
top:40px;
right:40px;
}


.playBtn{
margin-bottom: 40px;
z-index: 1000;
background:#fff;
}
.playBtn a {
padding: 12px 0;
font-size: 12px;
font-size: 1.2rem;
width:144px;
}

.pause{
display: none;
}

/*-- スマホからのみアクセス_20.12 --*/
/*.kahaku{
position: relative;
min-height: 100vh!important;
}
#khk_headTxtInWrap_NOTPC{
position: absolute;
bottom: -76px;
}
#khk_headTxtInWrap_NOTPC .khk__head_detail--text{
padding-bottom: 22px;
}
#khk_head_main{
background: none;
}
#khk_footer{
padding-bottom: 0;
}
#khk_footer p{
top: 20px;
}
#khk_footer img{
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:33px 0 75px;
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.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:-250px;
top:0;
}
.storyList {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.storyList__list {
box-sizing: border-box;
margin: 0 0 40px 0;
width: 358px;
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: 16px;
padding:20px;
}
.storyList__list--thumb {
align-items: center;
display: flex;
height:195px;
justify-content: center;
overflow: hidden;
width:100%;
}
.storyList__list--thumb img {
display: block;
height:auto;
width:100%;
}
.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--link:hover {
transform: translate(5px, 5px);
}
.storyList__list--link img {
display: block;
}
.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-size:20px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:30px;
}
.story__detail {
background:#000;
margin-bottom:30px;
}
.story__detail--text {
background:#FFF;
border:6px solid #000;
font-size:16px;
font-weight:bold;
letter-spacing:0.1em;
line-height:32px;
padding:37px;
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: 25px;
}
.story__detail--text li:nth-child(even){
margin-left: 25px;
}
.story__detail--text li img{
width: 322px;
}
.story__detail--text p{
margin: 0 auto;
padding-bottom: 23px;
width: 670px;
}

/*zukan*/
#zukan {
font-family: 'Noto Serif JP', serif;
padding:33px 0 75px;
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.png) no-repeat center top;
content:'';
bottom:0;
left:0;
position:absolute;
right:-250px;
top:0;
}
.zukan__title {
font-weight: bold;
height: 24px;
margin: 0 auto 30px;
}
.zukan__meta {
background:#000;
margin:0 auto 20px;
width:636px;
}
.zukan__meta.h3 {
width:100%;

}
.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-size:24px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
padding:37px;
text-align: center;
}
.zukan__meta--title2 {
align-items:center;
background: #e73268;
color: #fff;
font-size:20px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
text-align: center;
}
.zukan__meta--title2--2 {
align-items:center;
background: #74bc43;
color: #fff;
font-size:20px;
font-weight:bold;
letter-spacing:0.1em;
line-height:2;
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:32px;
padding:37px;
text-align: center;
transform:translate(-10px,-10px);
word-break:break-all;
}
.zukanList__nav {
display:flex;
height:138px;
justify-content:space-between;
left:26px;
pointer-events:none;
position:absolute;
right:26px;
top:167px;
z-index:5000;
}
.zukanList__navlist {
display:block;
height:138px;
pointer-events:auto;
width:50px;
}
.zukanList__navlink {
display:block;
height:138px;
transition:all 0.3s ease;
}
.zukanList__navlist:first-child a {
background:url(../img/character/bnr_arrow_left.png) no-repeat center center;
}
.zukanList__navlist:first-child a:hover {
transform:translateX(-10px);
}
.zukanList__navlist:last-child a {
background:url(../img/character/bnr_arrow_right.png) no-repeat center center;
}
.zukanList__navlist:last-child a:hover {
transform:translateX(10px);
}
.zukanList {
display:flex;
flex-wrap:wrap;
justify-content:center;
margin-bottom:20px;
}
.zukanList__list {
margin:0 65px 15px;
width:540px;
}
.zukanList__list p {
padding:30px 0 40px;
}
.zukanList__list--link {
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
display:block;
height:304px;
transition:all 0.3s ease;
}
.zukanList__list--link:hover,
.zukanList__list--link.cur {
transform:scale(0.98);
}
.zukanList__list--link.youtube1 {
background-image:url(../img/zukan/youtube_t.jpg);
}
.zukan__toBtn{
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0 0 35px 0;
}
.zukan__toBtn li{
background:#000;
height:50px;
margin:0 10px 20px;
width:190px;
}
.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;
}
.zukan__toBtn--link--pink:hover,
.zukan__toBtn--link--green:hover,
.zukan__toBtn--link--blue:hover,
.zukan__toBtn--link--orange:hover {
transform:translate(-5px,-5px)
}
.zukanList__matter {
position: relative;
}
.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;
transition:all 0.3s ease;
}
.zukanList__matter__navlist:first-child a {
background:url(../img/character/bnr_arrow_left.png) no-repeat center center;
}
.zukanList__matter__navlist:first-child a:hover {
transform:translateX(-10px);
}
.zukanList__matter__navlist:last-child a {
background:url(../img/character/bnr_arrow_right.png) no-repeat center center;
}
.zukanList__matter__navlist:last-child a:hover {
transform:translateX(10px);
}
.zukanList__matter {
display:flex;
flex-wrap:wrap;
justify-content:center;
margin-bottom:50px;
height:550px;
}
.zukanList__matter .owl-controls,
.zukan__MovList .owl-controls {
display: none;
}
.zukanList__matter__list {
margin:0 59px 15px;
width:540px;
}
.zukanList__matter__list--link {
background-position:center bottom;
background-repeat:no-repeat;
display:block;
height:460px;
transition:all 0.3s ease;
margin-bottom:40px;
position: relative;
}
.zukanList__matter__list--link.matter1 {
background-image:url(../img/zukan/ikimono01.jpg);
}
.zukanList__youtube__nav {
display:flex;
justify-content:space-between;
left:475px;
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__youtube__navlist a:hover {
transform:translateX(10px);
}
.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;
}


/*---{[ 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%;
background: linear-gradient(90deg,#E73269 0%,#E73269 20%,#75BC44 20%,#75BC44 40%,#006CB7 40%,#006CB7 60%,#fc6c9e 60%,#fc6c9e 80%,#F6AC0F 80%,#F6AC0F 100%);
margin-bottom:-1px;
}
#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:46px;
}
#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: 746px;
margin: 0 auto;
}
#sunshine_headTxtWrap .sunshine__head_detail--text {
color:#e73268;
font-size: 24px;
line-height: 24px;
padding:22px;
text-align: center;
font-weight: bold;
padding-bottom: 44px;
}
#sunshine_headTxtInWrap{
position: absolute;
top: -60px;
}
.sunshine__head_detail {
width: 746px;
background:#000;
margin-bottom:30px;
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: 700px;
background:#000;
margin: 0 auto;
margin-bottom:30px;
position: absolute;
bottom: -24px;
left: calc(50% - 350px);
}
.sunshine__head_mindetail--text {
background:#e73268;
border:6px solid #000;
font-size:16px;
font-weight:bold;
letter-spacing:0em;
line-height:2;
padding:5px;
text-align: center;
color: #fff;
transform:translate(-10px,-10px);
word-break:break-all;
}
#sunshine_detailWrap{
background:url(../img/sunshine/sunshine_bg.jpg) no-repeat top center / 100%;
background-color: #8ee2ff;
position: relative;
}
#sunshine_detailInWrap{
width: 1120px;
margin:0 auto;
}
.sunshine__detail {
background:#000;
margin-bottom:40px;
}
.sunshine__detail--text {
background:#FFF;
border:6px solid #000;
font-size:20px;
line-height: 40px;
font-weight:500;
letter-spacing:0.1em;
line-height:2;
padding:30px;
transform:translate(-20px,-20px);
word-break:break-all;
}
.sunshine__detail--text p {
/*margin-bottom:0.25em;*/
font-weight: bold;
}
.sunshine__detail--text a{
color:#e73268;
}
.sunshine__detail--text img {
height:auto !important;
max-width:100%;
}
.sunshine__detail--text iframe {
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: 1120px;
position: relative;
top: -90px;
margin-bottom: -90px;
margin-left: 10px;
z-index: 2;
}
#sunshine_g1 .sunshine__detail--text{
background: #006cb8;
padding: 28px 64px;
color: #fff;
text-align: center;
}
#sunshine_g2{
width: 1120px;
margin-left: 10px;
}
#sunshine_g2 .sunshine__detail--text{
background:#fff;
padding: 0;
}

#sunshine_g3{
margin-left: 10px;
width: 1140px;
margin-bottom: 20px;
}
#sunshine_g3 .sunshine__head_mindetail{
width: 900px;
position: relative;
bottom: 0;
left: 0;
top:-80px;
margin-bottom: -40px;
}
#sunshine_g3 .sunshine__head_mindetail--text{
background:#006cb8;
}
#sunshine_g3 ul{
width: 1120px;
display: flex;
flex-wrap:wrap;
}
#sunshine_g3 ul li{
width: calc(100% / 3 - 14px);
height: 140px;
position: relative;
margin-left: 20px;
margin-bottom: 50px;
}
#sunshine_g3 ul li:nth-child(3n+1){
margin-left: 0;
}
.sunshine_ulli{
background:#000;
margin-bottom:40px;
}
.sunshine_ulli--text {
background:#FFF;
border:6px solid #000;
font-size:16px;
font-weight:500;
letter-spacing:0.1em;
line-height:2;
transform:translate(-20px,-20px);
word-break:break-all;
transition: all 0.3s ease;
}
.sunshine_ulli--text:hover{
transform: translate(-10px,-10px);
}
.sunshine_ulli--text p {
/*margin-bottom:0.25em;*/
font-weight: bold;
font-size: 18px;
line-height: 18px;
padding: 35px 0;
text-align: center;
position: relative;
}
#sunshine_btn02{
	padding-left: 99px;
	text-align: left;
}
#sunshine_btn02:before{
	content: '';
	position: absolute;
	width: 54px;
	height: 66px;
	background: url(../img/sunshine/sunshine_audio_btn02.png);
	background-size: 100%;
	top: 8px;
	left: 19px;
}
#sunshine_btn03:before{
	content: '';
	position: absolute;
	width: 63px;
	height: 56px;
	background: url(../img/sunshine/sunshine_audio_btn03.png);
	background-size: 100%;
	top: 14px;
	left: 21px;
}
#sunshine_btn04:before{
	content: '';
	position: absolute;
	width: 69px;
	height: 46px;
	background: url(../img/sunshine/sunshine_audio_btn04.png);
	background-size: 100%;
	top: 19px;
	left: 19px;
}
#sunshine_btn05:before{
	content: '';
	position: absolute;
	width: 59px;
	height: 53px;
	background: url(../img/sunshine/sunshine_audio_btn05.png);
	background-size: 100%;
	top: 15px;
	left: 26px;
}
#sunshine_btn06:before{
	content: '';
	position: absolute;
	width: 61px;
	height: 35px;
	background: url(../img/sunshine/sunshine_audio_btn06.png);
	background-size: 100%;
	top: 27px;
	left: 23px;
}
#sunshine_btn07{
	padding-left: 119px;
	text-align: left;
}
#sunshine_btn07:before{
	content: '';
	position: absolute;
	width: 101px;
	height: 39px;
	background: url(../img/sunshine/sunshine_audio_btn07.png);
	background-size: 100%;
	top: 27px;
	left: 14px;
}
#sunshine_btn08:before{
	content: '';
	position: absolute;
	width: 36px;
	height: 68px;
	background: url(../img/sunshine/sunshine_audio_btn08.png);
	background-size: 100%;
	top: 11px;
	left: 38px;
}
.sunshine_ulli--text_li{
width:240px!important;
height: 40px;
position: relative;
}
.sunshine_ulli--text_li li{
width: 40px!important;
height: 40px!important;
margin-left: 0!important;
margin-bottom: 0!important;
}
.sunshine_ulli--text_li li:nth-child(1){
background:#000;
color: #fff;
line-height: 40px;
font-size: 20px;
font-weight: bold;
width: 40px;
height: 40px;
text-align: center;
}
.sunshine_audioBtn{
position: absolute;
top:14px;
right: 14px;
}
.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;
transition: all 0.4s ease;
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:hover {
transform: translate(0px,0px);
}
.sunshine_ulli--text_btn--In.active {
background:#75BC44;
transform: translate(0px,0px);
}
/*.sunshine_audio0.active{
transform: translate(0px,0px);
}*/

#sunshine_g4{
margin-left: 10px;
width: 1120px;
z-index: 2;
position: relative;
padding-bottom: 60px;
}
#sunshine_g4 section{
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
#sunshine_g4 .sunshine__detail{
	margin-bottom: 0;
}
#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;
}
#sunshine_g4_s1 .sunshine__detail--text,
#sunshine_g4_s2 .sunshine__detail--text,
#sunshine_g4_s3 .sunshine__detail--text{
transition: all .4s ease;
}
#sunshine_g4_s1 .sunshine__detail--text:hover,
#sunshine_g4_s2 .sunshine__detail--text:hover,
#sunshine_g4_s3 .sunshine__detail--text:hover{
transform: translate(-10px,-10px);
}
.sunshine_g4_p--fkds{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	line-height: 40px;
	letter-spacing: 0.1em;
	font-weight: bold;
	padding: 0 50px 26px 38px;
	position: relative;
	margin-left: 5px;
	margin-top: -20px;
}


#sunshine_g4_s1{
	width: 909px;
	padding-left: 211px;
	margin-bottom: 55px;
}
#sunshine_g4_s1 .sunshine__detail{
	width: 397px;
	height: 285px;
}
#sunshine_g4_s1--fkds{
	background: url(../img/sunshine/sunshine_g4_s1_fkds.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 507px;
	height: 555px;
	color: #1f7ec1;
}
#ss_g4_s1_s1{
	margin-top: 10px;
	display: block; 
}
#ss_g4_s1_s2{
	display: block;
}
#ss_g4_s1_s3{
	display: block;
	padding-left: 6.6em;
	text-indent: -6.6em;
}
#ss_g4_s1_s4{
	display: block;
	padding-left: 7.6em;
	text-indent: -7.6em;
}
#sunshine_g4_chara01{
	position: absolute;
	width: 183px;
	height: 274px;
	background: url(../img/sunshine/sunshine_g4_mizushima.png) no-repeat center / 100%;
	top: 30px;
	left: -23px;
}
#sunshine_g4_chara02{
	position: absolute;
	width: 259px;
	height: 274px;
	background: url(../img/sunshine/sunshine_g4_meido.png) no-repeat center / 100%;
	top: 337px;
	left: 255px;
}

#sunshine_g4_s2{
	width: 736px;
	padding-right: 384px;
	margin-bottom: 60px;
}
#sunshine_g4_s2 .sunshine__detail{
	width: 224px;
	height: 320px;
}
#sunshine_g4_s2--fkds{
	background: url(../img/sunshine/sunshine_g4_s2_fkds.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 507px;
	height: 340px;
	color: #1f7ec1;
}
#sunshine_g4_chara03{
	position: absolute;
	width: 227px;
	height: 272px;
	background: url(../img/sunshine/sunshine_g4_unabara.png) no-repeat center / 100%;
	top: 45px;
	right: 70px;
}

#sunshine_g4_s3{
	width: 975px;
	padding-left: 145px;
}
#sunshine_g4_s3 .sunshine__detail{
	width: 440px;
	height: 320px;
}
#sunshine_g4_s3--fkds{
	background: url(../img/sunshine/sunshine_g4_s3_fkds.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 530px;
	height: 340px;
	color: #1f7ec1;
	z-index: 2;
}
#sunshine_g4_chara04{
	position: absolute;
	width: 244px;
	height: 278px;
	background: url(../img/sunshine/sunshine_g4_kimura.png) no-repeat center / 100%;
	bottom: -264px;
	right: 0px;
}

#ss_noticeWrap{
	width: 1120px;
	margin: 0 auto;
}
#ss_noticeWrap .notice{
	font-size: 14px;
	line-height: 30px;
	margin-top: 54px;
}
#ss_noticeWrap .notice p{
	padding-left: 1em;
	text-indent: -1em;
}
#sunshine_footer{
width: 100%;
background: #fff;
position: relative;
padding-bottom: 2em;
padding-top: 52px;
}
#sunshine_footer p{
	text-align: center;
	background: url(../img/sunshine/sunshine_footer.png);
	width: 342px;
	height: 10px;
	margin: 0 auto;
}


/*---{[ 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: 34px;
	font-size: 24px;
	padding: 24px 0;
	font-weight: bold;
	margin: -30px -30px 40px !important;
}
.special__detail--Intext{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 32px;
	position: relative;
	margin-top: 1em;
}
.special__detail--Intext h5{
	color: #e73268;
	font-weight: bolder;
}
.special__detail--Intext.prize{position: relative;margin-top: 140px;}
.special__detail--Intext.prize h5{
	background: #e1af00;
	text-align: center;
	color: #fff;
	border-top: 6px solid #000;
	border-bottom: 16px solid #000;
	line-height: 34px;
	font-size: 24px;
	padding: 24px 0;
	font-weight: bold;
	margin: 30px -30px 40px !important;
	position: relative;
}
.special__detail--Intext.prize:before{
	content: '';
	background: url(../img/special/display_img_prize_h5b.png);
	background-size: 100%;
	width: 668px;
	height: 116px;
	top: -116px;
	right: calc(50% - 334px);
	position: absolute;
}
.special__detail--Intext:nth-of-first{
	margin-top: 0;
}
.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: 24px 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: 232px;
	margin-right: 30px;
	margin-bottom: 30px;
}
#special_dc_voteWrap li:nth-of-type(3n){
	margin-right: 0;
}
.special_dc__voteTxt{
	padding: 20px 0;
}
.special_dc__voteTxt p{
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	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: 40px;
	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;
}
.special_dc__voteTxt a:hover .special__detail--text{
	background: #ff81a7;
	transform: translate(-2px,-2px);
}
.imghover_zoom{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.imghover_zoom:after{
	content: '';
	width: 38px;
	height: 38px;
	position: absolute;
	background: url(../img/sunshine/sunshine_modalopen.png);
	bottom: 0;
	right: 0;
}
.imghover_zoom a img{transition: all .4s ease;}
.imghover_zoom a:hover img{
	transform: scale(1.15);
	opacity: 0.6;
}
#imgCont{display: none;}

.oneModalIn_cont.oneModalIn_cont_ca{
	width: 770px;
}
/*#shop02{
	display: block;
	opacity: 1;
}*/
.sp_dc_modalC{
	z-index: 1000000;
}
.sp_dc_modalC .owl-dot{
	background: #E73267;
	opacity: 0.4;
	border-radius: 50%;
	z-index: 1000000000;
}
.sp_dc_modalC .owl-dot.active{
	opacity: 1;
}
.special_dc_endnotice{
	font-size: 16px;
	color: #ff0012;
	font-weight: bold;
	text-align: center;
}

.sponly {
	display: none;
}