@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
::selection {
background: #fe5766;
color: #fff;
}
::-moz-selection {
background: #fe5766;
color:#fff;
}
* {
outline:none;
}
body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 24px;
color: #000;
background-color: #fff;
}
body.cc2 #fixedWrap nav {
background: #d1bff2;
}
body.cc3 #fixedWrap nav {
background: #f5a078;
}
body.cc4 #fixedWrap nav {
background: #96dae4;
}
body.cc5 #fixedWrap nav {
background: #9cb9aa;
}
body.cc6 #fixedWrap nav {
background: #ffaa2d;
}
body.cc7 #fixedWrap nav {
background: #51c2aa;
}
a { color: #000; }
.pc {display:none;}
#fullWrap {
width: 750px;
position: relative;
margin:0 auto;
overflow:hidden;
}
#fixedWrap {
position:fixed !important;
left:0;
top:0 !important;
width:100%;
height:100%;
z-index:9998;
pointer-events: none;
}
.fixed__menuBtn {
position:absolute;
right:30px;
top:30px;
width:130px;
height:130px;
pointer-events: auto;
z-index:500;
}
.fixed__menuBtn a {
height:130px;
display: block;
border-radius: 15px;
position: relative;
background:#fe5766 url(../img/sp_menutext_menu.png) no-repeat center 83px;
}
.fixed__menuBtn a.active {
background:#fe5766 url(../img/sp_menutext_close.png) no-repeat center 83px;
}
body.cc2 .fixed__menuBtn a {
background-color:#d1bff2;
}
body.cc3 .fixed__menuBtn a {
background-color:#f5a078;
}
body.cc4 .fixed__menuBtn a {
background-color:#96dae4;
}
body.cc5 .fixed__menuBtn a {
background-color:#9cb9aa;
}
body.cc6 .fixed__menuBtn a {
background-color:#ffaa2d;
}
body.cc7 .fixed__menuBtn a {
background-color:#51c2aa;
}
.fixed__menuBtn a span {
display: block;
position: absolute;
width:66px;
height:3px;
left:32px;
background:#FFF;
}
.fixed__menuBtn a span:nth-child(1) {
top:42px;
}
.fixed__menuBtn a span:nth-child(2) {
top:52px;
}
.fixed__menuBtn a span:nth-child(3) {
top:62px;
}
.fixed__menuBtn a.active span:nth-child(1) {
transform: translateY(5px) rotate(45deg);
}
.fixed__menuBtn a.active span:nth-child(2) {
opacity:0;
}
.fixed__menuBtn a.active span:nth-child(3) {
transform: translateY(-15px) rotate(-45deg);
}
#fixedWrap nav {
width:440px;
height:100%;
overflow:auto;
padding:0;
background:#fe5766;
position: absolute;
right:0;
top:0;
pointer-events: auto;
border-radius: 15px 0 0 15px;
transform:translateX(441px);
transition:all 0.3s ease;
}
#fixedWrap nav.active {
transform:translateX(0);
}
.fixed__nav {
padding-top:180px;
padding-bottom:40px;
}
.fixed__nav li {
height:101px;
position: relative;
}
.fixed__nav li.soon {
opacity:0.3;
pointer-events:none;
}
.fixed__nav li a {
display: block;
height:110px;
position: relative;
z-index:5;
background-position: 76px center;
background-repeat: no-repeat;
}
.fixed__nav0 a {
background-image: url(../img/nav0_w.png);
}
.fixed__nav1 a {
background-image: url(../img/nav1_w.png);
}
.fixed__nav2 a {
background-image: url(../img/nav2_w.png);
}
.fixed__nav3 a {
background-image: url(../img/nav3_w.png);
}
.fixed__nav4 a {
background-image: url(../img/nav4_w.png);
}
.fixed__nav5 a {
background-image: url(../img/nav5_w.png);
}
.fixed__nav6 a {
background-image: url(../img/nav6_w.png);
}
.fixed__share {
width:100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.fixed__share dt {
width:100%;
background: url(../img/share_text_w.png) no-repeat center center;
height:70px;
}
.fixed__share dd {
width:100px;
height:100px;
position:relative;
}
.fixed__share dd a {
position: relative;
display: block;
height: 100px;
background-position: center center;
background-repeat: no-repeat;
}
.fixed__share--twitter a {
background-image: url(../img/icon_twitter_w.png);
}
.fixed__share--facebook a {
background-image: url(../img/icon_facebook_w.png);
}
.fixed__share--line a {
background-image: url(../img/icon_line_w.png);
}
.fixed__bttop {
position:absolute;
right:35px;
bottom:120px;
width:100px;
height:100px;
pointer-events: none;
opacity:0;
}
.fixed__bttop.on {
opacity:1;
pointer-events: auto;
}
.fixed__bttop a {
display: block;
height:100px;
background:url(../img/btn_totop.png) no-repeat center center / contain;
transition:all 0.3s ease;
border-radius: 50%;
}
body.cc2 .fixed__bttop a {
background-color:#d1bff2;
}
body.cc3 .fixed__bttop a {
background-color:#f5a078;
}
body.cc4 .fixed__bttop a {
background-color:#96dae4;
}
body.cc5 .fixed__bttop a {
background-color:#9cb9aa;
}
body.cc6 .fixed__bttop a {
background-color:#ffaa2d;
}
body.cc7 .fixed__bttop a {
background-color:#51c2aa;
}
main {
height:100vh;
position:relative;
overflow: hidden;
background: rgb(215,221,235);
background: -moz-linear-gradient(top,  rgba(215,221,235,1) 0%, rgba(219,228,236,1) 100%);
background: -webkit-linear-gradient(top,  rgba(215,221,235,1) 0%,rgba(219,228,236,1) 100%);
background: linear-gradient(to bottom,  rgba(215,221,235,1) 0%,rgba(219,228,236,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7ddeb', endColorstr='#dbe4ec',GradientType=0 );
}
main:before {
content:'';
background: url(../img/bg_main.jpg) no-repeat center center / cover;
position: absolute;
left: 0;
top:0;
right:0;
bottom:0;
/*animation: bgScroll 60s linear infinite;*/
}
main:after {
content:'';
position:absolute;
left:50%;
top:50%;
width:1408px;
height:1585px;
margin-left:-704px;
margin-top:-792px;
background:url(../img/sp_main_characters.png) no-repeat center center / contain;
animation: rotate 90s linear infinite;
}
main.rv:before {
animation: bgScroll 60s linear infinite reverse;
}
main.rv:after {
animation: rotate 90s linear infinite reverse;
}
@keyframes bgScroll {
from {
	background-position:0 0;
}
to {
	background-position:928px -1173px;
}
}
@keyframes rotate {
from {
	transform:rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
h1 {
position: absolute;
width:130px;
height:130px;
background:#FFF url(../img/logo_square.png) no-repeat center center;
border-radius: 15px;
left: 30px;
top:30px;
z-index:5000;
}
h2 {
position: relative;
display: flex;
justify-content: center;
}
h2 img {
display: block;
}
main nav {
display:none;
}
.main__logo {
width:440px;
height:140px;
background:#FFF;
border-radius: 15px 0 0;
z-index:6000;
position: absolute;
right:0;
bottom:0;
padding-top:12px;
}
.main__logo--title {
margin:0 auto;
width:379px;
height:94px;
background:url(../img/logo_rectangle.png) no-repeat center center / contain;
}
.main__logo--copyright {
height:34px;
line-height:34px;
text-align: center;
font-size:14px;
font-weight: 600;
}
#introduction {
position:relative;
z-index:1;
padding-top:100px;
}
#introduction:before {
content:'';
position:absolute;
left:0;
right:0;
top:0;
bottom:-150px;
z-index:1;
background:url(../img/sp_introduction_bg.png) no-repeat center top / cover;
}
.introduction__note {
position:relative;
padding: 0 0 0 101px;
height:1448px;
z-index:500;
}
.introduction__note:before {
content:'';
position:absolute;
left:25px;
top:84px;
right:0;
height:1498px;
background:url(../img/sp_introduction_note.png) no-repeat right center;
}
.introduction__point1 {
display: none;
}
.introduction__point2 {
display: block;
position: absolute;
left:-90px;
top:66px;
margin-right:205px;
width:425px;
height:425px;
background:url(../img/point_circle2.png) no-repeat center center;
animation: rotate 75s linear infinite reverse;
z-index:10;
}
#introduction h2 {
margin-bottom:130px;
padding-right:101px;
}
.introduction__note p {
margin-bottom:48px;
z-index:50;
position:relative;
}
.introduction__text1 {
height:218px;
background: url(../img/sp_introduction_text_p1.png) no-repeat left center;
}
.introduction__text2 {
height:40px;
background: url(../img/sp_introduction_text_p2.png) no-repeat left center;
margin-left:5px;
}
.introduction__text3 {
height:356px;
background: url(../img/sp_introduction_text_p3.png) no-repeat left center;
margin-left:3px;
}
.introduction__text4 {
height:42px;
background: url(../img/sp_introduction_text_p4.png) no-repeat left center;
margin-left:10px;
}
.introduction__comment {
display: block;
width:227px;
height:64px;
border-radius: 15px;
text-decoration: none;
line-height:64px;
text-align: center;
background:#fe5766;
color:#FFF;
position: absolute;
left:154px;
top:1270px;
z-index:50;
}
body.cc2 .introduction__comment {
background:#d1bff2;
}
body.cc3 .introduction__comment {
background:#f5a078;
}
body.cc4 .introduction__comment {
background:#96dae4;
}
body.cc5 .introduction__comment {
background:#9cb9aa;
}
body.cc6 .introduction__comment {
background:#ffaa2d;
}
body.cc7 .introduction__comment {
background:#51c2aa;
}
.introduction__graffiti1 {
display: block;
position: absolute;
z-index: 50;
left:580px;
top:131px;
width:118px;
height:152px;
background:url(../img/introduction_graffiti1.png) no-repeat center center / contain;
}
.introduction__graffiti2 {
display: block;
position: absolute;
z-index: 50;
left:84px;
top:998px;
width:120px;
height:102px;
background:url(../img/introduction_graffiti2.png) no-repeat center center / contain;
}
.introduction__graffiti3 {
display: block;
position: absolute;
z-index: 50;
left:226px;
top:1053px;
width:162px;
height:179px;
background:url(../img/introduction_graffiti3.png) no-repeat center center / contain;
}
.introduction__sign {
display: block;
position: absolute;
z-index: 50;
width:298px;
height:351px;
left:418px;
top:1002px;
background:url(../img/introduction_sign.png) no-repeat center center / contain;
}
#character {
padding-top:60px;
position: relative;
z-index: 501
}
#character h2 {
margin-bottom:53px;
}
.character__list {
display: flex;
flex-wrap: wrap;
}
.character__list:after {
width:calc(100% / 2);
content: '';
background: #FFF url(../img/logo_rectangle.png) no-repeat center center / 320px auto;
}
.character__list li {
width: calc(100% / 2);
}
.character__list li p {
width:100%;
padding-top:100%;
position: relative;
}
.character__list li p a {
display: block;
position: absolute;
left:0;
top:0;
width:100%;
height:100%;
overflow: hidden;
}
.character__list li p a:before {
content:'';
position: absolute;
left:0;
top:0;
right:0;
bottom:0;
transition: all 0.3s ease;
}
.character__list1 p a:before {
background:url(../img/character1_t.png) no-repeat center center / cover;
}
.character__list2 p a:before {
background:url(../img/character2_t.png) no-repeat center center / cover;
}
.character__list3 p a:before {
background:url(../img/character3_t.png) no-repeat center center / cover;
}
.character__list4 p a:before {
background:url(../img/character4_t.png) no-repeat center center / cover;
}
.character__list5 p a:before {
background:url(../img/character5_t.png) no-repeat center center / cover;
}
.character__list6 p a:before {
background:url(../img/character6_t.png) no-repeat center center / cover;
}
.character__list7 p a:before {
background:url(../img/character7_t.png) no-repeat center center / cover;
}
.character__list li p a strong {
display: block;
position: absolute;
bottom: 0;
left: 0;
right:0;
height:98px;
}
.character__list1 p a strong {
background: url(../img/character1_tn.png) no-repeat left bottom;
}
.character__list2 p a strong {
background: url(../img/character2_tn.png) no-repeat left bottom;
}
.character__list3 p a strong {
background: url(../img/character3_tn.png) no-repeat left bottom;
}
.character__list4 p a strong {
background: url(../img/character4_tn.png) no-repeat left bottom;
}
.character__list5 p a strong {
background: url(../img/character5_tn.png) no-repeat left bottom;
}
.character__list6 p a strong {
background: url(../img/character6_tn.png) no-repeat left bottom;
}
.character__list7 p a strong {
background: url(../img/character7_tn.png) no-repeat left bottom;
}
#mm__bg {
background:url(../img/sp_mm_bg.png) no-repeat center top / cover;
padding-bottom:250px;
}
#magazine {
padding-top:80px;
position: relative;
z-index: 501;
}
#magazine h2 {
margin-bottom:53px;
}
.magazine__cont {
width:750px;
margin:0 auto;
}
.magazine__nav {
width:100%;
display: flex;
justify-content: center;
margin-bottom:45px;
}
.magazine__nav li {
height:68px;
width:280px;
margin:0 10px;
}
.magazine__nav li a {
display: block;
height:68px;
border-radius: 15px;
border:2px solid #fe5766;
color:#fe5766;
line-height: 63px;
text-align: center;
letter-spacing: 0.08em;
padding-left:0.08em;
text-decoration: none;
background:#FFF;
}
.magazine__nav li a.active {
background:#fe5766;
color:#FFF !important;
pointer-events: none;
}
body.cc2 .magazine__nav li a {
border:2px solid #d1bff2;
color:#d1bff2;
}
body.cc3 .magazine__nav li a {
border:2px solid #f5a078;
color:#f5a078;
}
body.cc4 .magazine__nav li a {
border:2px solid #96dae4;
color:#96dae4;
}
body.cc5 .magazine__nav li a {
border:2px solid #9cb9aa;
color:#9cb9aa;
}
body.cc6 .magazine__nav li a {
border:2px solid #ffaa2d;
color:#ffaa2d;
}
body.cc7 .magazine__nav li a {
border:2px solid #51c2aa;
color:#51c2aa;
}
body.cc2 .magazine__nav li a.active {
background:#d1bff2;
}
body.cc3 .magazine__nav li a.active {
background:#f5a078;
}
body.cc4 .magazine__nav li a.active {
background:#96dae4;
}
body.cc5 .magazine__nav li a.active {
background:#9cb9aa;
}
body.cc6 .magazine__nav li a.active {
background:#ffaa2d;
}
body.cc7 .magazine__nav li a.active {
background:#51c2aa;
}
.magazine__lists {
width:750px;
}
.magazine__lists li {
margin-bottom:20px;
min-height:90px;
}
.magazine__lists li a,
.magazine__lists li h3 {
display: flex;
border-top:2px solid #fe5766;
border-bottom:2px solid #fe5766;
overflow: hidden;
min-height:90px;
letter-spacing: 0.08em;
text-decoration: none;
background:#FFF;
justify-content: flex-start;
align-items: center;
color:#fe5766;
}
body.cc2 .magazine__lists li a,
body.cc2 .magazine__lists li h3 {
border:2px solid #d1bff2;
color:#d1bff2;
}
body.cc3 .magazine__lists li a,
body.cc3 .magazine__lists li h3 {
border:2px solid #f5a078;
color:#f5a078;
}
body.cc4 .magazine__lists li a,
body.cc4 .magazine__lists li h3 {
border:2px solid #96dae4;
color:#96dae4;
}
body.cc5 .magazine__lists li a,
body.cc5 .magazine__lists li h3 {
border:2px solid #9cb9aa;
color:#9cb9aa;
}
body.cc6 .magazine__lists li a,
body.cc6 .magazine__lists li h3 {
border:2px solid #ffaa2d;
color:#ffaa2d;
}
body.cc7 .magazine__lists li a,
body.cc7 .magazine__lists li h3 {
border:2px solid #51c2aa;
color:#51c2aa;
}
.magazine__lists li a.soon {
pointer-events: none;
}
.magazine__lists li h3 {
background:#fe5766;
color:#FFF !important;
}
body.cc2 .magazine__lists--thumb,
body.cc2 .magazine__lists li h3 {
background:#d1bff2;
}
body.cc3 .magazine__lists--thumb,
body.cc3 .magazine__lists li h3 {
background:#f5a078;
}
body.cc4 .magazine__lists--thumb,
body.cc4 .magazine__lists li h3 {
background:#96dae4;
}
body.cc5 .magazine__lists--thumb,
body.cc5 .magazine__lists li h3 {
background:#9cb9aa;
}
body.cc6 .magazine__lists--thumb,
body.cc6 .magazine__lists li h3 {
background:#ffaa2d;
}
body.cc7 .magazine__lists--thumb,
body.cc7 .magazine__lists li h3 {
background:#51c2aa;
}
.magazine__lists--title {
width:507px;
line-height:31px;
padding:0 20px;
}
.magazine__lists--news {
width:307px;
line-height:24px;
padding:10px 15px 10px 0;
word-break: break-all;
}
.magazine__lists--time {
width:200px;
text-align: center;
}
.magazine__lists--thumb {
width:243px;
display: flex;
background:#fe5766;
color:#FFF;
justify-content: center;
align-items: center;
height:86px;
overflow: hidden;
}
.magazine__lists--thumb img {
width:100%;
height:auto;
}
#magazine2,
#magazine3 {
display: none;
}
#movie {
padding-top:90px;
position: relative;
z-index: 501;
}
#movie h2 {
margin-bottom:53px;
}
.movie__yt {
width:640px;
border-radius: 15px;
overflow: hidden;
margin:0 auto 20px;
}
.movie__ytin {
width:100%;
padding-top:56.25%;
position: relative;
}
.movie__ytin iframe {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.ef {
transform: translate3d(0, 50px, 0);
transition: all 0.7s ease;
opacity: 0;
}
.efs {
opacity: 1;
transform: translate3d(0, 0, 0);
}
h2.ef {
transform: translate3d(0,0,0);
transition:none;
opacity:1;
}
h2.ef img {
opacity:0;
}
h2.ef.efs img {
opacity:0;
animation:h2anim 0.8s ease-in-out forwards;
}
h2.ef.efs img:nth-child(2){
animation-delay: 0.1s
}
h2.ef.efs img:nth-child(3){
animation-delay: 0.2s
}
h2.ef.efs img:nth-child(4){
animation-delay: 0.3s
}
h2.ef.efs img:nth-child(5){
animation-delay: 0.4s
}
h2.ef.efs img:nth-child(6){
animation-delay: 0.5s
}
h2.ef.efs img:nth-child(7){
animation-delay: 0.6s
}
h2.ef.efs img:nth-child(8){
animation-delay: 0.7s
}
h2.ef.efs img:nth-child(9){
animation-delay: 0.8s
}
h2.ef.efs img:nth-child(10){
animation-delay: 0.9s
}
h2.ef.efs img:nth-child(11){
animation-delay: 1s
}
h2.ef.efs img:nth-child(12){
animation-delay: 1.1s
}
h2.ef.efs img:nth-child(13){
animation-delay: 1.2s
}
h2.ef.efs img:nth-child(14){
animation-delay: 1.3s
}
@keyframes h2anim {
0% {
	transform:translate3d(0,0,0);
	opacity:0;
}
50% {
	transform: rotateY(180deg) translate3d(0,-20px,0);
	opacity:1;
}
100% {
	transform: rotateY(360deg) translate3d(0,0,0);
	opacity:1;
}
}
.character__list li:nth-child(2n) {
transition-delay: 0.1s
}
#loading {
position: fixed;
z-index: 20000;
background:#FFF url(../img/logo_rectangle.png) no-repeat center center;
left:0;
right:0;
top:0;
bottom:0;
}
#modal {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow-x: auto;
overflow-y: scroll;
background:rgba(255,255,255,.9);
z-index:10001;
display: none;
-webkit-overflow-scrolling:touch;
}
#modalin {
width:100%;
position: absolute;
left:0;
top:0;
min-width: 100%;
min-height:100%;
pointer-events: none;
padding:70px 0 90px;
opacity:0;
transform:translateY(50px);
transition:all 0.3s ease;
}
#modalin.on {
opacity:1;
transform:translateY(0);
}
#modalin.c1 {
background:#fe5766;
}
#modalin.c2 {
background:#d1bff2;
}
#modalin.c3 {
background:#f5a078;
}
#modalin.c4 {
background:#96dae4;
}
#modalin.c5 {
background:#9cb9aa;
}
#modalin.c6 {
background:#ffaa2d;
}
#modalin.c7 {
background:#51c2aa;
}
.modalCharacter__cont {
width:640px;
margin:0 auto 70px;
}
.modalCharacter__cont > h3 {
height:98px;
margin-bottom:50px;
background-position: center center;
background-repeat: no-repeat;
width:100%;
}
.modalCharacter__img {
width:100%;
text-align: center;
margin-bottom:70px;
}
.modalCharacter__img img {
max-width: 100%;
height:auto;
}
.modalCharacter__text {
width:100%;
}
.modalCharacter__text h3 {
display: none;
}
.c1 .modalCharacter__cont > h3 {
background-image: url(../img/character1_tn.png);
}
.c2 .modalCharacter__cont > h3 {
background-image: url(../img/character2_tn.png);
}
.c3 .modalCharacter__cont > h3 {
background-image: url(../img/character3_tn.png);
}
.c4 .modalCharacter__cont > h3 {
background-image: url(../img/character4_tn.png);
}
.c5 .modalCharacter__cont > h3 {
background-image: url(../img/character5_tn.png);
}
.c6 .modalCharacter__cont > h3 {
background-image: url(../img/character6_tn.png);
}
.c7 .modalCharacter__cont > h3 {
background-image: url(../img/character7_tn.png);
}
.modalCharacter__text p {
color:#FFF;
line-height:2;
}
.modalManga {
margin:0 auto;
width:700px;
border-radius: 15px;
background:#FFF;
overflow: hidden;
}
.modalManga img {
max-width: 100%;
height:auto;
display: block;
}
.modal__close {
position:fixed;
right:30px;
top:30px;
width:100px;
height:100px;
z-index:500;
}
.modal__close a {
display: block;
height:100px;
background:url(../img/btn_close.png) no-repeat center center / contain;
}
#modalin.comm {
display: flex;
align-items: center;
position:relative;
justify-content: center;
}
.modalComment__cont {
width:700px;
height:476px;
background:url(../img/comment_text.png) no-repeat center center / contain;
margin:0 auto;
}
#modalin.mag {
display: flex;
align-items: center;
position:relative;
justify-content: center;
}
.modalManga__cont {
width:800px;
margin:0 auto;
}
#staff {
padding-top:90px;
position: relative;
z-index: 501;
}
#staff h2 {
margin-bottom:53px;
}
.staff__list {
	min-height:300px;
	display: table;
	margin:0 auto;
}
.staff__list li {
	height: 52px;
	line-height: 52px;
	font-size:30px;
	color:#fe5766;
	font-weight: bold;
}
.staff__list strong {
	color:#000;
	font-size:24px;
}
#subFullWrap {
	background: url(../img/sp_mm_bg.png) fixed no-repeat center top / cover;
	width: 750px;
	min-height:100vh;
}
#news {
	padding-top:160px;
	padding-bottom:100px;
}
#news__lists {
width:750px;
margin:0 auto;
padding-top:50px;
padding-bottom:80px;
}
.news__article {
	width:750px;
	border-top:2px solid #fe5766;
	border-bottom:2px solid #fe5766;
	background:#FFF;
	padding:30px;
	margin:-70px auto 30px;
}
.news__article p {
	line-height:2;
	font-weight: bold;
	margin-bottom:2em;
	color:#333;
	word-break: break-all;
}
body.cc2 .news__article {
border:2px solid #d1bff2;
}
body.cc3 .news__article {
border:2px solid #f5a078;
}
body.cc4 .news__article {
border:2px solid #96dae4;
}
body.cc5 .news__article {
border:2px solid #9cb9aa;
}
body.cc6 .news__article {
border:2px solid #ffaa2d;
}
body.cc7 .news__article {
border:2px solid #51c2aa;
}
.btindex {
	width:240px;
	height:67px;
	margin:0 auto;
}
.btindex a {
	display: block;
	height:67px;
	line-height: 67px;
	text-align: center;
	color: #fe5766;
	border:2px solid #fe5766;
	border-radius: 15px;
	text-decoration: none;
	background: #FFF;
}
body.cc2 .btindex a {
border:2px solid #d1bff2;
color: #d1bff2;
}
body.cc3 .btindex a {
border:2px solid #f5a078;
color: #f5a078;
}
body.cc4 .btindex a {
border:2px solid #96dae4;
color: #96dae4;
}
body.cc5 .btindex a {
border:2px solid #9cb9aa;
color: #9cb9aa;
}
body.cc6 .btindex a {
border:2px solid #ffaa2d;
color: #ffaa2d;
}
body.cc7 .btindex a {
border:2px solid #51c2aa;
color: #51c2aa;
}

.cv {
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 20px;
}

.commentC {
	color: #FF5D5F;
	font-weight: bold;
}
.main__tomovie {
	height:155px;
	width:275px;
	border-radius: 15px;
	overflow: hidden;
	position: absolute;
	bottom: 16px;
	left:16px;
	z-index:500;
}
.main__tomovie a {
	display: block;
	height:155px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.3s ease;
}
.main__tomovie a:before {
	content:'';
	position: absolute;
	border-radius: 50%;
	border:2px solid #FFF;
	height:44px;
	width:44px;
	box-sizing: border-box;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.main__tomovie a:after {
	content:'';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #ffffff;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}
#modalin.v1 {
background:#fe5766;
}
.modalVisual {
margin:90px auto 30px;
width:700px;
border-radius: 15px;
background:#FFF;
overflow: hidden;
}
.modalVisual img {
max-width: 100%;
height:auto;
display: block;
}
.modalVisual_text {
	width:700px;
	margin:0 auto 40px;
}
.modalVisual_text p {
	color:#FFF;
	font-size:26px;
	line-height:2;
	font-weight: 700;
	text-align: center;
}
.modalVisual_btn {
	width:280px;
	margin:0 auto;
}
.modalVisual_btn a {
display: block;
height:68px;
border-radius: 15px;
border:2px solid #fe5766;
color:#fe5766;
line-height: 63px;
text-align: center;
letter-spacing: 0.08em;
padding-left:0.08em;
text-decoration: none;
background:#FFF;
pointer-events:auto;
font-size:26px;
font-weight: 700;
}
.news__commentbox {
	border:1px dotted #AAA;
	padding:30px 40px;
}
.news__commentbox strong {
	display: block;
	margin-bottom: 10px
}