@charset "utf-8";

/* CSS Documents */

/*
font-size list (base: 12px)
67% =  8px
75% =  9px
83% = 10px
92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/


/* tags
-------------------------------------------------- */

html,
body,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0 auto;
	font-family: Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "MS P Gothic", sans-serif;
	font-size: 75%;
	background: #f5ecce;
	color: #fff;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

a img,
.imgFadeout {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

a img:hover,
.imgFadeout:hover {
	opacity: 0.7;
}


/* wrap
-------------------------------------------------- */

.wrap {
	width: 980px;
	margin: 0 auto;
}


/* mainHeader
-------------------------------------------------- */

.mainHeader {
	background: #000;
	padding: 10px 0 20px;
	margin: 0;
}

.main_logo {
	width: 980px;
	margin: 0 auto;
}

.headerBg {
	width: 980px;
	height: 120px;
	margin: 0 auto;
}

.header_right li {
	float: left;
}

.header_right li:nth-child(1) {
	margin-right: 170px;
}

.header_right li:nth-child(2) {
	text-align: center;
	margin: 30px 16px 0 0;
}

.header_right li:nth-child(3) {
	text-align: center;
	margin: 30px 0 0;
}

.header_left {
	float: right;
}

.header_left ul {
	margin: 32px 0 0;
}

.header_left li {
	margin-bottom: 6px;
}


/* main
-------------------------------------------------- */

.main {
	margin-top: 24px;
}

.kv {
	float: left;
	width: 740px;
	height: 340px;
}

.notice {
	width: 240px;
	height: 340px;
	float: left;
	background: #f2f2f2;
}

.noticeText {
	overflow: hidden;
	height: 305px;
}

.notice h2 {
	text-align: center;
	background: #424242;
	padding: 4px 0 4px;
	font-weight: bold;
}

.notice li {
	border-bottom: 1px solid #d8d8d8;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.notice li:hover {
	background-color: #f2f2f2;
}

.notice li:nth-child(1) {
	border-top: 1px solid #d8d8d8;
}

.notice li p:nth-child(1) {
	color: #6e6e6e;
  /* background: #fff; */
}

.notice li p:nth-child(2) {
	color: #424242;
	margin-top: 6px;
}

.notice li a {
	position: relative;
	display: block;
	padding: 12px 24px 12px 12px;
	text-decoration: none;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

/* .notice li a:hover {
	background: #fff;
} */

.notice li a:before,
.notice li a:after {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	content: "";
	width: 12px;
	height: 3px;
	background: #888;
	border-radius: 4px;
}

.notice li a:before {
	margin-top: -4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.notice li a:after {
	margin-top: 3px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.notice_n {
	background: #faac58;
	padding: 1px 8px 1px;
	color: #fff;
	margin: 0 8px 0 0;
	font-weight: bold;
}


/* contents
-------------------------------------------------- */

.contents {
	margin: 24px 0 0;
}

.contents dl {
	width: 240px;
	height: 150px;
}

/* .contents li {
	position: relative;
	overflow: hidden;
	float: left;
} */

.contents li img:hover {
	opacity: .8;
}

.contents li img {
	-webkit-transition: .3s;
	transition: .3s;
}

.contents li a {
	text-decoration: none;
}

/* .contents li:nth-child(2) {
	margin-left: 4px;
}

.contents li:nth-child(3) {
	margin-left: 4px;
}

.contents li:nth-child(4) {
	margin-left: 4px;
} */

.contents li dl {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 32px 20px 0;
	color: #2e2e2e;
	text-align: center;
	background: rgba(255, 255, 255, 0.9);
	opacity: 0;
	-webkit-transform: translateY(100%);
	        transform: translateY(100%);
	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, transform 0.6s;
	transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s;
}

.contents li:hover dl {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

.contents li dl dt {
	font-size: 117%;
	font-weight: bold;
	margin: 0 0 12px;
	padding: 8px;
	border: 1px solid #2e2e2e;
}

.contents li dl dt dd {
	font-weight: bold;
}

.dl {
	margin-top: 6px;
	text-align: center;
	background: #1c1c1c;
	padding: 8px;
	border-radius: 10px;
}

.dl a:link {
	color: #fafafa;
}

.dl a:visited {
	color: #fafafa;
}

.contents01 {
	display: inline-block;
	width: 240px;
	height: 150px;
	background: url(../img/img_movies01.jpg);
}

.contents01::before,
.contents01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.contents01,
.contents01::before,
.contents01::after {
	-webkit-transition: all .3s;
	transiton: all .3s;
}

.contents01:hover {
	background: url(../img/img_movies01b.jpg);
}

.contents02 {
	display: inline-block;
	width: 240px;
	height: 150px;
	background: url(../img/img_movies02.jpg);
}

.contents02::before,
.contents02::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.contents02,
.contents02::before,
.contents02::after {
	-webkit-transition: all .3s;
	transiton: all .3s;
}

.contents02:hover {
	background: url(../img/img_movies02b.jpg);
}

.contents03 {
	display: inline-block;
	width: 240px;
	height: 150px;
	background: url(../img/img_movies03.jpg);
}

.contents03::before,
.contents03::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.contents03,
.contents03::before,
.contents03::after {
	-webkit-transition: all .3s;
	transiton: all .3s;
}

.contents03:hover {
	background: url(../img/img_movies03b.jpg);
}

/* summary
-------------------------------------------------- */

.summary {
	position: relative;
	overflow: hidden;
	margin: 40px 0 0 -33px;
	float: left;
}

.summary section p:nth-last-child(1) {
	color: #2e2e2e;
}

.summary section p:nth-last-child(2) {
	color: #2e2e2e;
}

.summary_text {
	position: relative;
	margin: 12px auto 12px;
	text-align: left;
}

.summary_text ul {
	text-align: center;
	position: relative;
	float: left;
	left: 50%;
}

.summary_text li {
	font-size: 150%;
	font-weight: bold;
	position: relative;
	float: left;
	left: -50%;
	display: table-cell;
	vertical-align: middle;
}

.summary_01 {
	margin: 20px 0 20px;
}

.summary_01 li:nth-child(1) {
	margin: 26px 12px 0 0;
}

.summary_01 li:nth-child(2) a {
	display: inline-block;
	padding: 12px 17px 12px;
	border: 4px solid #848484;
	border-radius: 14px;
	background: -webkit-linear-gradient(#00e4ff, #00bdce);
	background: linear-gradient(#00e4ff, #00bdce);
	text-shadow: -1px 0 #424242, 1px 0 #424242, 0 1px #424242, 0 -1px #424242, -1px -1px #424242, 1px -1px #424242, -1px 1px #424242, 1px 1px #424242;
	cursor: pointer;
}

.summary_01 li:nth-child(2) span {
	font-size: 67%;
	background: #084b8a;
	padding: 4px 6px 4px;
	border-radius: 8px;
	text-shadow: none;
}

.summary_01 li:nth-child(3) {
	margin: 26px 0 0 12px;
}

.summary_02 li:nth-child(1) a {
	display: inline-block;
	padding: 12px 11px 12px;
	border: 4px solid #848484;
	border-radius: 14px;
	background: -webkit-linear-gradient(#0cdb00, #169900);
	background: linear-gradient(#0cdb00, #169900);
	text-shadow: -1px 0 #424242, 1px 0 #424242, 0 1px #424242, 0 -1px #424242, -1px -1px #424242, 1px -1px #424242, -1px 1px #424242, 1px 1px #424242;
	cursor: pointer;
}

.summary_02 li:nth-child(1) span {
	font-size: 67%;
	background: #0b3b0b;
	padding: 4px 6px 4px;
	border-radius: 8px;
	text-shadow: none;
}

.summary_02 li:nth-child(2) {
	margin-top: 8px;
}

.summary_02 li:nth-child(3) a {
	display: inline-block;
	padding: 12px 17px 12px;
	border: 4px solid #848484;
	border-radius: 14px;
	background: -webkit-linear-gradient(#ff3600, #cd0000);
	background: linear-gradient(#ff3600, #cd0000);
	text-shadow: -1px 0 #424242, 1px 0 #424242, 0 1px #424242, 0 -1px #424242, -1px -1px #424242, 1px -1px #424242, -1px 1px #424242, 1px 1px #424242;
	cursor: pointer;
}

.summary_02 li:nth-child(3) span {
	font-size: 67%;
	background: #610b21;
	padding: 4px 6px 4px;
	border-radius: 8px;
	text-shadow: none;
}

.summary_text p:nth-last-child(2) {
	margin: 20px 10px 0;
}

.summary_text p:nth-last-child(1) {
	margin: 12px 10px 12px;
}

#modal-content01 {
	width: 70%;
	max-width: 640px;
	margin: 0;
	padding: 10px 20px;
	border: 2px solid #aaa;
	border-radius: 20px;
	color: #424242;
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
	display: none;
	z-index: 2;
}

#modal-content01 p:nth-last-child(n+2) {
	text-align: left;
}

#modal-content01 p:nth-child(3) {
	margin-bottom: 8px;
}

#modal-content01 p:nth-last-child(1) {
	display: inline-block;
	margin: 12px auto 0;
	padding: 4px 8px 4px;
	text-align: center;
	background: #848484;
	border: 2px solid #bdbdbd;
	border-radius: 8px;
	cursor: pointer;
}

#modal-content01 p:nth-last-child(2) {
	margin-bottom: 8px;
}

#modal-content01 img {
	margin-bottom: 8px;
}

#modal-content02 {
	width: 70%;
	max-width: 640px;
	margin: 0;
	padding: 10px 20px;
	border: 2px solid #aaa;
	border-radius: 20px;
	color: #424242;
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
	display: none;
	z-index: 2;
}

#modal-content02 p:nth-last-child(n+2) {
	text-align: left;
}

#modal-content02 p:nth-child(3) {
	margin-bottom: 8px;
}

#modal-content02 p:nth-child(4) {
	margin-bottom: 8px;
}

#modal-content02 p:nth-last-child(1) {
	display: inline-block;
	margin-top: 12px;
	padding: 4px 8px 4px;
	background: #848484;
	border: 2px solid #bdbdbd;
	border-radius: 8px;
	cursor: pointer;
}

#modal-content03 {
	width: 70%;
	max-width: 640px;
	margin: 0;
	padding: 10px 20px;
	border: 2px solid #aaa;
	border-radius: 20px;
	color: #424242;
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
	display: none;
	z-index: 2;
}

#modal-content03 p:nth-last-child(n+2) {
	text-align: left;
}

#modal-content03 p:nth-child(3) {
	margin-bottom: 8px;
}

#modal-content03 p:nth-child(4) {
	margin-bottom: 8px;
}

#modal-content03 p:nth-last-child(1) {
	display: inline-block;
	margin-top: 12px;
	padding: 4px 8px 4px;
	background: #848484;
	border: 2px solid #bdbdbd;
	border-radius: 8px;
	cursor: pointer;
}

#modal-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background: rgba(0, 0, 0, 0.75);
}


/* twitter
-------------------------------------------------- */

.twitter {
	float: left;
	margin: 40px 0 0 12px;
	background: #f2f2f2;
}

.twitter div {
	padding: 0 14px 0;
}


/* sns
-------------------------------------------------- */

.sns {
	margin-top: 24px;
}

.sns02 {
	margin: 20px 0 20px;
}

.sns li {
	float: left;
}

.sns li:nth-child(2) {
	margin-left: 54px;
}

.sns li:nth-child(3) {
	margin-left: 54px;
}

.sns li:nth-child(4) {
	margin-left: 42px;
}

.sns li:nth-child(5) {
	margin-left: 8px;
}

.sns02 li:nth-child(3) {
	margin-left: 56px;
}

.sns02 li:nth-child(4) {
	margin-left: 20px;
}

.sns li img {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.sns li img:hover {
	opacity: 0.6;
}


/* info
-------------------------------------------------- */

.info {
	margin: 32px 0 0;
	padding: 8px 0 16px;
	text-align: center;
	background: #000;
}

.info div {
	width: 980px;
	margin: 0 auto;
}

.info li {
	float: left;
	padding: 8px 0 8px;
}

.info ul li:nth-child(n+2) {
	margin-left: 12px;
}

.info p {
	color: #a4a4a4;
	font-size: 67%;
}

.statute {
	position: relative;
	overflow: hidden;
}

.statute ul {
	position: relative;
	float: left;
	left: 50%;
}

.statute li {
	position: relative;
	float: left;
	left: -50%
}

.statute li a {
	color: rgba(180, 180, 180, 1);
	border-bottom: 1px solid rgba(180, 180, 180, 1);
	text-decoration: none;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
}

.statute li a:hover {
	color: rgba(255, 255, 0, 1);
	border-color: rgba(255, 255, 0, 1);
}


/* mainFooter
-------------------------------------------------- */

.mainFooter {
	margin: 0 auto 0;
	text-align: center;
	padding: 18px 8px 18px;
	background: #000;
}

.mainFooter section {
	width: 980px;
	margin: 0 auto;
}

.mainFooter img {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.mainFooter img:hover {
	opacity: 0.6;
}

.mainFooter p a {
	text-decoration: none;
}

.mainFooter p a:link {
	color: #fff;
}

.mainFooter p a:visited {
	color: #fff;
}

#audio_button span {
	margin-right: 12px;
}

#btn_play,
#btn_pause {
	background: #f2f2f2;
	font-size: 50%;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: none;
}

.mainFooter .cr_asobism, .mainFooter .cr_pictoy{
  font-family: Helvetica, Arial, Doroid Sans, Meiryo, "Hiragino Kaku Gothic Pro", sans-serif;
}

/* clearfix
-------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.Release {
	margin: 6px 0 6px;
	padding: 12px 0 12px;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
}

/* newsPage お知らせページ
-------------------------------------------------- */

.c-magenta{
	font-weight:bold;
	color:#ff0044;
}

.txtFloatLeft {
	float: left;
}

/* 1907 top
-------------------------------------------------- */

#top {
	background: #f9f1dc url(../img/base/patan_1p.png) center center;
	min-width: 1020px;
}

#top .mainHeader {
    max-width: 1040px;
    background: none;
    width: 100%;
    height: 70px;
    margin: 0 auto;
}

#top .mainHeader img {
	width: auto;
	height: 50px;
}

#top .mainHeader .logo {
	height: 70px;
}

#top .mainHeader ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
}

#top .mainHeader ul li:not(:first-child) {
	margin-left: 10px;
}

#top .mainHeader li:first-child {
	margin-right: auto;
}

#top .headerBg {
	width: calc(100% - 20px);
	margin: 0 auto;
	height: 90px;
	padding: 10px;
}

#top .h-logo {
	height: 70px;
}

#top .h-shiro-icon {
	position: relative;
	top: 24px;
	height: 50px;
	margin-right: 9px;
}

#top .h-appstore {
	position: relative;
	top: 24px;
	height: 50px;
	margin-right: 9px;
}

#top .h-googlep {
	position: relative;
	top: 24px;
	height: 50px;
}

#top .top-page {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	background: #f2f2f2 url(../img/base/patan.png) center center;
	background-size: 81px;
	border-radius: 10px;
}

#top .wrap {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}

#top .main {
	position: relative;
	margin-top: 0;
	padding-top: 20px;
}

#top .kv {
	width: 100%;
	height: auto;
	float:none;
}

#top .slick-initialized .slick-slide {
	margin: 0 12px;
	background: #000;
	border-radius: 20px;
}

#top .slider img {
	width: 100%;
	height: auto;
	opacity: 0.5;
	border-radius: 20px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

#top .slick-initialized .slick-slide.slick-current img {
	opacity: 1;
}

#top .slick-initialized .slick-slide.slick-current img:hover {
	opacity: 0.8;
}

button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
	top: 170px;
	right: 0;
	left: auto;
	width: 90px;
	height: 90px;
}

button.slick-prev.slick-arrow {
	right: auto;
	left: 0;
}

.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {
	right: 5px;
	z-index: 99;
}

.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {
	left: 5px;
	z-index: 100;
}

/* .single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
} */

.slick-prev::before,
.slick-next::before {
	font-family: 'icomoon';
	font-size: 80px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	line-height: 1em;
	vertical-align: middle;
}

.slick-dots {
	bottom: -25px;
}

#top .wrapper{
	width:100%;
	height:100vh;
	min-width:1040px;
}

#top article.contents {
	position: relative;
	z-index: 100;
}

#top .contents {
	margin-top: 5px;
}

#top .contents ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
}

#top .contents li {
	overflow:hidden;
	float:none;
  padding-top: 38px;
}

#top .contents ul li.new-icon {
	background: url(../img/base/new.png) top center;
	background-size:93px;
	background-repeat:no-repeat;
}

/* #top .contents li:not(:first-child) {
	margin-left: 10px;
} */

#top .contents li img {
	height:133px;
	border-radius: 10px;
}

#top .mini-bnr-new {
	position: relative;
	text-align: center;
	display: block;
	height: 32px;
	margin: 0 auto 8px;
	width: 93px;
}

#top .sns01 {
	position: relative;
	margin: 0 auto;
	display: block;
	width: 630px;
	height: 50px;
}

#top .sns02 {
	position: relative;
	margin: 10px auto 0;
	display: block;
	width: 1000px;
}

#top .notice {
	position: relative;
	width: 100%;
	height: 571px;
	top: -50px;
	z-index: 99;
	background: none;
}

#top .notice h2 {
	border-top: none;
	position: absolute;
	background: none;
}

#top .notice ul {
	width: 920px;
	top: 215px;
	height: 335px;
	position: relative;
	margin: 0 auto;
}

#top .notice li {
	font-size: 16px;
}

#top .notice li:nth-child(1) {
	border-top: none;
}

#top .notice li a {
	padding: 10px 24px 10px 12px;
	color: #424242;
}

#top .notice .new {
	background-image: url(../img/base/new_icon.png);
	background-repeat: no-repeat;
	background-position: 10px 11px;
	background-size: 60px auto;
}

#top .notice .new .day {
	margin-left: 65px;
}

#top .summary {
	position: relative;
	top: -40px;
	z-index: 98;
	width: 49.5%;
	margin: 0 -4px 0 0;
}

#top .twitter {
	background: none;
	position: relative;
	top: -46px;
	z-index: 98;
    width: 50.5%;
	margin: 0;
}

#top .twitter div {
	background: white;
	position: absolute;
	top: 280px;
	left: 41px;
	width: 415px;
	height: 1130px;
	padding: 0 8px 0;
}

@media screen and (max-width:1020px){

	#top .twitter div {
		background: white;
		position: absolute;
		top: 280px;
		left: 41px;
		width: 415px;
		height: 1130px;
		padding: 0 8px 0;
	}

	#twitter-widget-0{
		width:415px !important;
		height:415px !important;
	}

}

#top .left-grey {
	width: 88px;
	height: 425px;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 20px;
	border-radius: 0 10px 10px 0;
}

#top .right-grey {
	width: 88px;
	height: 425px;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 20px;
	right: 0;
	border-radius: 10px 0 0 10px;
}

#top #btn_play,
#top #btn_pause {
	font-weight: bold;
	font-size: 85%;
}

#top .h-logo-sp {
	z-index: 1000;
}

#top .footerBan,
.second .footerBan {
	width: 100%;
	max-width: 1020px;
	margin: 30px auto;
	box-sizing: border-box;
	padding: 0 20px;
}

#top .footerBan ul,
.second .footerBan ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
}

#top .footerBan li,
.second .footerBan li {
	margin-top: 5px;
	margin-bottom: 5px;
	width: calc(100% / 3);
}

#top .footerBan li:not(:last-child),
.second .footerBan li:not(:last-child) {
	margin-right: 10px;
}

#top .footerNav {
	background: #000;
	padding: 10px;
}

#top .footerNav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
	width: 100%;
	margin: 10px auto;
}

#top .footerNav li {
	margin: 0 5px;
}

#top .footerMenu {
	margin: 0 0 10px 0;
}

#top .footerMenu a {
	color: #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
	text-decoration: none;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
}

#top .footerMenu a:hover {
	color: #ff0;
	border-color: #ff0;
}

/* 2019-07-31 second pages style
-------------------------------------------------- */

body.second {
	background: #f9f1dc url(../img/base/patan_1p.png);
}

.second .wrapper {
    width: 100%;
    min-width: 1040px;
}

.inner{
	max-width:1040px;
	padding:0 20px;
	box-sizing:border-box;
	margin: 0 auto;
}

.second .mainHeader {
	max-width:1040px; /* 旧ページの為に定義 */
	background: none;
	width:100%;
	height: 70px;
	margin: 0 auto;
}

.second .mainHeader img {
	width: auto;
	height: 50px;
}

.second .mainHeader .logo {
	height: 70px;
}

.second .mainHeader ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
}

.second .mainHeader ul li:not(:first-child) {
	margin-left: 10px;
}

.second .mainHeader li:first-child {
	margin-right: auto;
}

.second .footerBan {
	width: 100%;
	max-width: 1040px;
	margin: 30px auto;
	box-sizing: border-box;
  padding: 0 20px;
}

.second .footerBan ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
}

.second .footerBan li {
	border-radius: 5px;
}

.second .footerBan img {
	border-radius: 10px;
}

.second .footerNav {
	background: #000;
	padding: 10px;
}

.second .footerNav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
	width: 100%;
	margin: 10px auto;
}

.second .footerNav li {
	margin: 0 5px;
}

.second .footerInfo {
	max-width: 980px;
}

.second .footerMenu {
	margin: 0 0 10px 0;
}

.second .footerMenu a {
	color: #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
	text-decoration: none;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
}

.second .footerMenu a:hover {
	color: #ff0;
	border-color: #ff0;
}

.second .mainFooter section {
	width: 100%;
	margin: 0 auto;
}

.second .mainContents {
	max-width: 1020px;
	margin: 0 auto;
}

.second .mainContents h1 img{
	border-radius: 20px 20px 0 0;
}

.second .mainContents article {
	border-radius: 20px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
	left: auto;
}

/* campaign Pages */

.second .campaignPage img {
	width: 100%;
}

.second .campaignPage .campaignInner {
	background: #fff;
	padding: 30px 190px;
	border-radius: 0 0 20px 20px;
}

.second .campaignPage .campaignBlock {
	background: url(../img/campaign/bg_repeat.png);
	background-size: contain;
	padding: 0 40px
}

.second .campaignPage .campaignBlock img {
	margin-top: 15px;
}

.second .campaignPage .campaignBlock img:last-child {
	margin-bottom: 120px;
}

.second .campaignPage .campaignFooterImg {
	margin-top: -100px;
}

/* campaign_1912_rtcp Pages */

.second .cp_1912_rt {
	width: 1020px;
	position: relative;
	overflow: hidden;
}

.second .cp_1912_rt .campaignInner {
	background-image: url(../img/cp_1912_xmaspl/bg01.png), url(../img/cp_1912_xmaspl/bg02.png), -webkit-linear-gradient( bottom, rgb(166, 88, 154) 5%, rgb(86,29,205) 25%, rgb(0,0,0) 100%);
	background-image: url(../img/cp_1912_xmaspl/bg01.png), url(../img/cp_1912_xmaspl/bg02.png), linear-gradient( 0deg, rgb(166, 88, 154) 5%, rgb(86,29,205) 25%, rgb(0,0,0) 100%);
	background-position: top center, bottom center;
	background-repeat: no-repeat, no-repeat;
	padding: 100px 0 280px;
	background-color: #fff;
	border-radius: 0 0 20px 20px;
	width: 1020px;
}

.second .cp_1912_rt .campaignBlock {
	background-image: url(../img/campaign/bg_repeat.png);
	background-size: contain;
	width: 640px;
	margin: 0 auto;
	padding: 0;
}

.second .cp_1912_rt .campaignBlock {
	position: relative;
	z-index: 101;
}
.second .cp_1912_rt .c00_box {
	padding: 10px 0;
}
.second .cp_1912_rt .c01_box {
	background: url(../img/cp_1912_xmaspl/c01_box.png) no-repeat center 10px;
	padding: 10px 0 50px;
}
.second .cp_1912_rt .c02_box {
	background: url(../img/cp_1912_xmaspl/c02_box.png) no-repeat center 10px;
	padding: 10px 0 60px;
}
.second .cp_1912_rt .c03_box {
	background: url(../img/cp_1912_xmaspl/c03_box.png) no-repeat center 10px;
	padding: 10px 0 60px;
}
.second .cp_1912_rt .c01_box a {
	display: block;
	position: relative;
	z-index: 102;
}
.second .cp_1912_rt .c00_box img,
.second .cp_1912_rt .c01_box img,
.second .cp_1912_rt .c02_box img,
.second .cp_1912_rt .c03_box img {
	display: block;
	margin: 0 auto;
}
.second .cp_1912_rt img.c00_img01 {
	margin-top: 20px;
}
.second .cp_1912_rt img.c01_txt01 {
	margin-top: 110px;
}
.second .cp_1912_rt img.c01_btn01,
.second .cp_1912_rt img.c01_txt02,
.second .cp_1912_rt img.c01_txt03,
.second .cp_1912_rt img.c01_btn02 {
	margin-top: 25px;
}
.second .cp_1912_rt img.c02_txt01 {
	margin-top: 120px;
}
.second .cp_1912_rt img.c03_txt01 {
	margin-top: 100px;
}
.second .cp_1912_rt canvas.snow {
	position: absolute;
	top: 574px;
	left: 0;
	width: 100%;
	z-index: 10;
}
.second .cp_1912_rt .w1020 {
	position: relative;
	width: 1020px;
	margin: 0 auto;
	z-index: 100;
}
.second .cp_1912_rt .chara_l {
	position: absolute;
	top: 1670px;
	left: 0;
	z-index: 101;
}

.second .cp_1912_rt .chara_r {
	position: absolute;
	top: 1430px;
	right: 0;
	z-index: 101;
}
.second .cp_1912_rt .bg_btm {
	margin: 0 auto;
	width: 600px;
	z-index: 150;
	position: relative;
}

.second .cp_1912_rt .cp_end {
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
	opacity: 0.7;
}

/* announce,notice Pages */

.second .noticeContents {
	box-sizing: border-box;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	max-width: 1020px;
	margin: 0 auto;
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
}

.second .noticeContents h1 {
	font-size: 150%;
	font-weight: bold;
	border-bottom: 8px solid #000;
	padding-bottom: 10px;
	margin-bottom: 30px;
	text-align: center;
}

.second .noticeContents h2 {
	font-size: 110%;
	font-weight: bold;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.second .noticeContents h3 {
	font-size: 85%;
	font-weight: bold;
	border-left: 8px solid #000;
	padding-left: 10px;
	margin: 40px 0 20px;
}

.second .noticeContents h4 {
	margin: 20px 0;
	font-weight: bold;
	font-size: 80%;
}

.second .ttl-caution {
	display: inline-block;
  border:  solid 4px orangered;
  color: orangered;
	padding: 0 10px;
  font-weight: bold;
	font-size: 70%;
	vertical-align: middle;
}

.second .noticeContents p {
	font-size: 85%;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.second .noticeContents ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-pack: space-evenly;
	-webkit-justify-content: space-evenly;
	        justify-content: space-evenly;
	margin-bottom: 30px;
}

.second .noticeContents li {
	margin-top: 10px;
	font-size: 75%;
}

.second .noticeContents li a {
	display: block;
	background: #000;
	border-radius: 10px;
	padding: 30px 25px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	font-size: 150%;
}

.second .noticeContents hr {
	border: none;
	border-top: 1px dashed rgba(0, 0, 0, 0.3);
	margin: 30px 0;
}

.second .noticeContents li a:hover {
	opacity: .75;
}

.second .noticeContents .inner {
	padding: 50px 100px;
}

.second .noticeContents .kome {
  display: block;
  text-indent: -1em;
  margin-left: 1em;
}

.second .noticeContents .kome::before {
  content: "※";
}

.second .noticeContents .emphasis {
	font-weight: bold;
	background: -webkit-linear-gradient(transparent 60%, #d2ff66 60%);
	background: linear-gradient(transparent 60%, #d2ff66 60%);
}

.second .noticeContents .txtAlignRight {
	text-align: right;
	margin-bottom: 0;
	padding-bottom: 0;
}

.second .noticeContents #ios {
	background: #f1f9ff;
}

.second .noticeContents #android {
	background: #f4fff9;
}

.second .noticeContents ol {
  margin-bottom: 20px;
}

.second .noticeContents ol li {
  font-size: 85%;
  list-style: decimal;
  margin-left: 2.5em;
}

.bg-color_gray {
	background-color: #f4f4f4;
}

.color_skyblue {
	color: #00b8ff;
	font-weight: bold;
}

.color_lightgreen {
	color: #0cdb00;
	font-weight: bold;
}

.second .invisible {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.second .noticeContents table.newsPageTable {
	width:100%;
	border-spacing: 0;
	text-align: center;
	margin-bottom: 30px;
}

.second .noticeContents table.newsPageTable tr {
	background: #fff;
}

.second .noticeContents table.newsPageTable tr:nth-child(2n+1) {
	background: #efefef;
}

.second .noticeContents table.newsPageTable th {
	padding: 7px;
	background-image: -webkit-linear-gradient(left, #00b8ff 0%, #12D8FA 51%, #00b8ff 100%);
	background-image: linear-gradient(to right, #00b8ff 0%, #12D8FA 51%, #00b8ff 100%);
	font-weight: bold;
	color: #fff;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	text-shadow: 1px 1px 2px #000;
}

.second .noticeContents table.newsPageTable th:last-child {
	border-right: 1px solid #666;
}

.second .noticeContents table.newsPageTable td {
	padding: 7px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
}

.second .noticeContents table.newsPageTable td:last-child {
	border-right: 1px solid #666;
}

/* 2020.03.04up 利用規約変更について Amendments　*/

.second .noticeContents.Amendments ul{
	display: inline-block;
	-webkit-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-pack: normal;
	-webkit-justify-content: normal;
	        justify-content: normal;
}

.second .noticeContents.Amendments ul li {
	text-indent: -1em;
	padding-left: 1em;
	font-size:85%;
}

.second .noticeContents.Amendments ul li.noIndent{
	text-indent: 0;
	padding-left: 0;
}

.second .btn_new_terms {
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	border-radius: 10px;
	color: #ffffff;
	background: #ff006a;
	position: relative;
	width: 290px;
	margin: 30px auto;
}

.second .noticeContents.Amendments li a {
	background: none;
	padding: 5px 0;
	text-align: center;
	font-size:125%;
}







/* Login Bonus Pages */

.second .loginBonusContents {
	box-sizing: border-box;
  background: url(../img/base/kabe_uzu.jpg) repeat-y #fff;
  color: #fff;
	width: 1020px;
	margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	font-size: 22px;
	border-radius: 20px;
}

.second .loginBonusContents .inner {
	padding: 0 100px 40px;
}

.second .loginBonusContents h1 {
  margin-bottom: 30px;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

.second .loginBonusContents h2 {
	margin: 20px 0 5px;
	padding-left: 30px;
	font-weight: bold;
	font-size: 95%;
}

.second .icon_cam {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30.24 28.88"><path fill="%23000" d="M25.55,3A16,16,0,0,0,14.05.1c-4.69.45-7.84,2-9.91,4-6.44,6.41-4.31,16.69-.69,20.4,2.7,2.76,6.82,4.54,12.46,4.34a15.21,15.21,0,0,0,10.39-4C31.87,19.63,31.47,7.4,25.55,3Z"/><path fill="%23fff" d="M14.29,4.78c.48-1,1.26-1,1.74,0l1.8,3.66a4.19,4.19,0,0,0,2.8,2l4,.59c1.07.15,1.31.89.54,1.64l-2.92,2.86a4.14,4.14,0,0,0-1.07,3.29l.69,4c.18,1.06-.45,1.52-1.4,1L16.89,22a4.18,4.18,0,0,0-3.46,0l-3.61,1.9c-1,.5-1.59,0-1.41-1l.7-4A4.18,4.18,0,0,0,8,15.56L5.11,12.7c-.77-.75-.53-1.49.54-1.64l4-.59a4.19,4.19,0,0,0,2.8-2Z" /></svg>') no-repeat 0 2px;
  background-size: 24px 24px;
}

.second .icon_time {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44.46 42.96"><path fill="%23000" d="M23.28,0c-.9,0-1.83,0-2.76.13-6,.58-10.86,2.62-14.31,6-9.44,9.37-6.79,24.21-.82,30.31,2.87,3,8.12,6.48,16.76,6.48l1.15,0A22.51,22.51,0,0,0,38.36,37c4.18-3.94,6.45-10.39,6.06-17.25-.37-6.56-3.06-12.17-7.36-15.39A22.47,22.47,0,0,0,23.28,0Z"/><path fill="%23fff" d="M33.73,8.84A17.07,17.07,0,0,0,23.28,5.56c-.72,0-1.46,0-2.23.11-5.17.5-8.64,2.18-10.93,4.45C3,17.17,5.37,28.51,9.36,32.6c2.82,2.89,7.06,4.8,12.79,4.8l1,0c5.44-.19,9-2.07,11.45-4.41C40.69,27.2,40.25,13.72,33.73,8.84ZM7.86,23.55A2.1,2.1,0,1,1,10,21.45,2.1,2.1,0,0,1,7.86,23.55ZM22.36,6.21a2.1,2.1,0,1,1-2.1,2.1A2.1,2.1,0,0,1,22.36,6.21ZM11,9.9h0a2.15,2.15,0,0,1,3,0,2.1,2.1,0,0,1,0,3,2.06,2.06,0,0,1-1.48.61A2.1,2.1,0,0,1,11,9.9Zm3.11,22.81a2.1,2.1,0,0,1-1.49.61,2.07,2.07,0,0,1-1.48-.61,2.1,2.1,0,0,1-.62-1.49,2.06,2.06,0,0,1,.62-1.48,2.16,2.16,0,0,1,3,0A2.12,2.12,0,0,1,14.08,32.71Zm8.28,4a2.1,2.1,0,1,1,2.1-2.1A2.1,2.1,0,0,1,22.36,36.7ZM26.75,26a6.35,6.35,0,0,1-4.25,1.7h-.28a6.39,6.39,0,0,1-4.72-1.88,6.47,6.47,0,0,1,.17-8.75,6.4,6.4,0,0,1,4-1.77c.25,0,.49,0,.72,0a6.62,6.62,0,0,1,2.71.58l5.13-4.78a2,2,0,0,1,.58-1.16,2.1,2.1,0,1,1,1.88,3.54L28,18.76A6.51,6.51,0,0,1,28.57,21,6.23,6.23,0,0,1,26.75,26Zm6.68,6.91a2.1,2.1,0,0,1-3-3h0A2.1,2.1,0,0,1,34,31.41,2.09,2.09,0,0,1,33.43,32.9Zm2.63-9.35a2.1,2.1,0,1,1,2.1-2.1A2.1,2.1,0,0,1,36.06,23.55Z" /><path fill="%23f60" d="M24.42,19.07a3.38,3.38,0,0,0-2.42-.6,3.07,3.07,0,0,0-2.23,5.13,3.38,3.38,0,0,0,2.62.91,3.21,3.21,0,0,0,2.19-.84A3.39,3.39,0,0,0,24.42,19.07Z" /></svg>') no-repeat 0 2px;
  background-size: 24px 24px;
}

.second .icon_item {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 36 34.38"><path fill="%23000" d="M30.41,3.54C27.06,1,22.55-.44,16.73.12,11.15.65,7.39,2.47,4.92,4.92-2.74,12.54-.21,24.78,4.11,29.2c3.21,3.29,8.12,5.4,14.83,5.17,5.88-.22,9.68-2.24,12.37-4.77C37.93,23.36,37.46,8.82,30.41,3.54Z"/><path fill="%23fff" d="M27.75,15.68c-.15-5.87-7.29-11.38-15-6.89,3.54-.74,11.12,1,9,8.79-.8,2.85-6.54,3.65-7.07,0-.37-2.52,1.92-2.9,3.28-1.61.29-3.3-3-4.17-5.39-3.09A6.59,6.59,0,0,0,9.2,19.43c.54,3.85,4.68,6.81,9,6.87C23.47,26.37,27.93,23.29,27.75,15.68Z" /></svg>') no-repeat 0 2px;
  background-size: 24px 24px;
}

.second .icon_caution {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30.24 28.9"><path fill="%23000" d="M25.55,3A16,16,0,0,0,14.05.14c-4.69.45-7.84,2-9.91,4-6.44,6.41-4.31,16.69-.69,20.4,2.7,2.76,6.82,4.54,12.46,4.34a15.21,15.21,0,0,0,10.39-4C31.87,19.67,31.47,7.44,25.55,3Z"/><path fill="%23fff" d="M13,25.08V20.93l4,0v4.21ZM11.9,4.78l.88,12.11h4.27l1-12.13Z" /></svg>') no-repeat 0 2px;
  background-size: 24px 24px;
}

.second .loginBonusContents .haifu_list {
  margin: 0 0 20px;
}

.second .loginBonusContents .haifu_list li {
  text-indent: -4em;
  margin-left: 4em;
	font-size: 75%;
}

.second .loginBonusContents .haifu_list li:nth-child(n + 10) {
  text-indent: -4.25em;
  margin-left: 4.25em;
}

.second .loginBonusContents li a {
	display: block;
	background: #000;
	border-radius: 10px;
	padding: 30px 20px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	-webkit-transition: 0.3s;
	transition: 0.3s;
  font-size: 90%;
  text-align: center;
}

.second .textBaseContents {
	box-sizing: border-box;
  background: url(../img/base/kabe_uzu.jpg) repeat-y #fff;
  color: #fff;
	width: 1020px;
	margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	font-size: 22px;
	border-radius: 20px;
}

.second .textBaseContents .inner {
	padding: 0 100px 40px;
}

.second .textBaseContents h1 {
  margin-bottom: 30px;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

.second .textBaseContents h2 {
	margin: 20px 0 5px;
	font-weight: bold;
	padding-left: 30px;
	font-size: 95%;
}

.second .textBaseContents h2.tw_plez {
	margin:20px 0 30px;
}

.second .textBaseContents p {
	margin-bottom: 20px;
	font-size: 75%;
}

.second .textBaseContents .haifu_list {
  margin: 0 0 20px;
}

.second .textBaseContents .haifu_list li {
  text-indent: -4em;
  margin-left: 4em;
	font-size: 75%;
}

.second .textBaseContents .haifu_list li:nth-child(n + 10) {
  text-indent: -4.25em;
  margin-left: 4.25em;
}

.second .textBaseContents .text_caution {
  margin: 0 0 20px;
}

.second .textBaseContents .text_caution li {
  text-indent: -1em;
  margin-left: 1em;
	font-size: 65%;
}

.second .textBaseContents .text_caution li ul li {
  text-indent: -1em;
  margin-left: 2em;
	font-size: 90%;
}


.second .textBaseContents li a {
	color: #00b8ff;
}




.second .pickup {
  color: #fff005;
  font-weight: bold;
}

.second .ruby {
  color:#00e4ff;
  font-weight: bold;
}

.second .cp {
  color:#88FF22;
  font-weight: bold;
}

.second .caution {
	color: orangered;
	font-weight: bold;
}

.second .tomotore {
	color:#a9ff00;
	font-weight: bold;
  }

.second .loginBonusContents p a,
.second .loginBonusContents p a:visited,
.second .textBaseContents p a,
.second .textBaseContents p a:visited {
	color: #00b8ff;
}


.loginBonusContents p {
    margin-bottom: 20px;
    font-size: 75%;
}

.second .normal_list {
	text-indent: -1em;
	margin-left: 1em;
	display: block;
  }

.second .img_large {
	margin: 20px 0;
}

.second .img_medium {
	margin: 20px 0;
}

.second .img_small {
	margin: 20px 0;
}

.second p.text_small {
	margin: 5px 0;
	font-size: 60%;
}

.second p.text_medium {
	margin: 5px 0;
	font-size: 70%;
}


.second hr.h_line {
  position: relative;
  display: block;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 190.58 4.64"><path fill="%23868686" d="M117.25,4.64h-4a1.5,1.5,0,0,1,0-3h4a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M109.26,4.63h-4a1.5,1.5,0,1,1,0-3h4a1.5,1.5,0,1,1,0,3Z"/><path fill="%23868686" d="M121.24,4.63a1.5,1.5,0,1,1,0-3l4,0h0a1.5,1.5,0,0,1,0,3l-4,0Z"/><path fill="%23868686" d="M101.27,4.61h-4a1.5,1.5,0,0,1,0-3h4a1.51,1.51,0,0,1,1.49,1.51A1.49,1.49,0,0,1,101.27,4.61Z"/><path fill="%23868686" d="M93.29,4.57h0l-4,0A1.51,1.51,0,0,1,87.8,3a1.49,1.49,0,0,1,1.5-1.48h0l4,0a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M129.23,4.56a1.5,1.5,0,0,1,0-3l4-.06a1.5,1.5,0,1,1,.06,3l-4,.07Z"/><path fill="%23868686" d="M85.31,4.51h0l-3.9,0A1.54,1.54,0,0,1,79.86,3a1.46,1.46,0,0,1,1.46-1.48h0l4,0a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M77.33,4.44h0l-4,0A1.5,1.5,0,0,1,71.84,2.9a1.47,1.47,0,0,1,1.51-1.49l4,0a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M137.21,4.4a1.5,1.5,0,0,1,0-3l4-.12a1.52,1.52,0,0,1,1.55,1.45,1.5,1.5,0,0,1-1.45,1.55l-4,.12Z"/><path fill="%23868686" d="M69.35,4.38h0l-4,0a1.5,1.5,0,1,1,0-3h0l4,0a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M61.36,4.34h-4a1.5,1.5,0,0,1,0-3h4a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M53.38,4.32h-4a1.5,1.5,0,0,1,0-3h4a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M45.39,4.32h-4a1.5,1.5,0,0,1,0-3h4a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M37.4,4.27h0l-4,0A1.48,1.48,0,0,1,31.91,2.7a1.48,1.48,0,0,1,1.52-1.48l4,.05a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M29.42,4.15h0l-4-.1A1.51,1.51,0,0,1,23.92,2.5,1.53,1.53,0,0,1,25.47,1l4,.11a1.48,1.48,0,0,1,1.46,1.53A1.49,1.49,0,0,1,29.42,4.15Z"/><path fill="%23868686" d="M145.19,4.13a1.5,1.5,0,0,1-.06-3l4-.17a1.47,1.47,0,0,1,1.56,1.43A1.5,1.5,0,0,1,149.24,4l-4,.17Z"/><path fill="%23868686" d="M21.44,3.9h-.06l-4-.16a1.5,1.5,0,0,1,.13-3l4,.17a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M153.16,3.77a1.5,1.5,0,0,1-.07-3l4-.18a1.5,1.5,0,1,1,.13,3l-4,.18Z"/><path fill="%23868686" d="M13.46,3.55h-.07l-4-.2a1.5,1.5,0,0,1,.15-3l4,.19a1.5,1.5,0,0,1-.07,3Z"/><path fill="%23868686" d="M161.13,3.43a1.5,1.5,0,0,1,0-3l4-.13a1.5,1.5,0,0,1,.09,3l-4,.13Z"/><path fill="%23868686" d="M169.11,3.19a1.5,1.5,0,0,1,0-3l4-.08h0a1.49,1.49,0,0,1,1.5,1.47,1.49,1.49,0,0,1-1.47,1.53l-4,.08Z"/><path fill="%23868686" d="M5.49,3.17H5.42L1.44,3A1.5,1.5,0,0,1,0,1.44,1.52,1.52,0,0,1,1.56,0l4,.17a1.5,1.5,0,0,1-.07,3Z"/><path fill="%23868686" d="M177.1,3.05a1.5,1.5,0,0,1,0-3l4,0h0a1.5,1.5,0,0,1,0,3l-4,0Z"/><path fill="%23868686" d="M185.08,3a1.51,1.51,0,0,1-1.5-1.49A1.51,1.51,0,0,1,185.08,0h4a1.5,1.5,0,0,1,0,3h-4Z"/></svg>') repeat-x center center;
  background-size: 166px auto;
  width: calc(100% - 20px);
  height: 20px;
  margin: 10px auto;
  border: 0;
  overflow: visible;
}

.second hr.h_line::before,
.second hr.h_line::after {
  display: block;
  position: absolute;
  content: "";
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.87 10.01"><path fill="%23868686" d="M9.87,5A5.05,5.05,0,0,0,2,.85c2-.57,6,.77,4.85,4.7A2.1,2.1,0,0,1,4.77,7.06c-.92,0-2-.62-2-1.66a1.2,1.2,0,0,1,2-.93C5,2.76,3.34,2.21,1.77,2.89A3.2,3.2,0,0,0,0,6.25C.3,8.44,2.71,10,4.85,10A5,5,0,0,0,9.87,5Z" /></svg>') no-repeat center center;
  background-size: cover;
  width: 8px;
  height: 8px;
  top: 6px;
}

.second hr.h_line::before {
  left: -11px;
}

.second hr.h_line::after {
  right: -11px;
}


/* 5th aniversary style
--------------------------------------------------*/

.second .fifth_aniv {
	width: 1020px;
	position: relative;
	overflow: hidden;
}

.second .fifth_aniv .campaignInner {
	background-image: url(../img/5th_anniversary/5th_aniv_bg_01.png), url(../img/5th_anniversary/5th_aniv_bg_02.png), -webkit-linear-gradient( bottom, rgb(216, 250, 255) 5%, rgb(190,243,251) 25%, rgb(93,198,212) 100%);
	background-image: url(../img/5th_anniversary/5th_aniv_bg_01.png), url(../img/5th_anniversary/5th_aniv_bg_02.png), linear-gradient( 0deg, rgb(216, 250, 255) 5%, rgb(190,243,251) 25%, rgb(93,198,212) 100%);
	background-position: top center, bottom center;
	background-repeat: no-repeat, no-repeat;
	padding: 100px 0 280px;
	background-color: #fff;
	border-radius: 0 0 20px 20px;
	width: 1020px;
}

.second .fifth_aniv .campaignBlock {
	background-image: url(../img/campaign/bg_repeat.png);
	background-size: contain;
	width: 640px;
	margin: 0 auto;
	padding: 0;
}


.fifth_aniv_menu{
  position:relative;
  width:100%;
  background: cadetblue;
  height:260px;
  text-align:center;
}

.fifth_aniv_header_menu{
  position:absolute;
  width:100%;
  z-index:1000;
}

.fifth_aniv_header_menu ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	box-sizing: border-box;
	margin: 0 20px;
	padding: 0 15px;
	margin-bottom: 6px;
}

.fifth_aniv_header_menu ul li{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
          flex-direction:row;
  -webkit-align-content:space-between;
          align-content:space-between;
  width:100%;
  text-align:center;
  margin-right:6px;
}

.fifth_aniv_header_menu ul li:last-child{
  margin-right:0;
}

.m-fixed {
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  overflow: hidden;
}


.second .fifth_aniv .campaignBlock {
	position: relative;
	z-index: 101;
}
.second .fifth_aniv .c00_box {
	padding: 10px 0;
}

.second .fifth_aniv .c01_box a {
	display: block;
	position: relative;
	z-index: 102;
}
.second .fifth_aniv .c00_box img,
.second .fifth_aniv .c01_box img,
.second .fifth_aniv .c02_box img,
.second .fifth_aniv .c03_box img {
	display: block;
	margin: 0 auto;
}
.second .fifth_aniv img.c00_img01 {
	margin-top: 20px;
}

.second .fifth_aniv img.c01_btn01,
.second .fifth_aniv img.c01_txt02,
.second .fifth_aniv img.c01_txt03,
.second .fifth_aniv img.c01_btn02 {
	margin-top: 25px;
}

.second .fifth_aniv canvas.snow {
	position: absolute;
	top: 574px;
	left: 0;
	width: 100%;
	z-index: 10;
}
.second .fifth_aniv .w1020 {
	position: relative;
	width: 1020px;
	margin: 0 auto;
	z-index: 100;
}
.second .fifth_aniv .chara_l {
	position: absolute;
	top: 1670px;
	left: 0;
	z-index: 101;
}

.second .fifth_aniv .chara_r {
	position: absolute;
	top: 1430px;
	right: 0;
	z-index: 101;
}

.second .fifth_aniv .bg_btm {
	margin: -1px auto 0;
	width: 600px;
	z-index: 150;
	position: relative;
}

.second .fifth_aniv .cp_end {
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
	opacity: 0.7;
}

.topButton {
	position: fixed;
	bottom: 60px;
	right: 80px;
	z-index: 2000;
	display: none;
}

.topButton a {
	display:block;
	width: 60px;
	height: 60px;
	background: -webkit-linear-gradient(top, #ffd017, #fc9b0b);
	background: linear-gradient(to bottom, #ffd017, #fc9b0b);
	border:solid #fff6b7 1px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 60px;
}

.fa{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
}

.fa-lg {
	font-size: 1.33333333em;
	line-height: .75em;
	vertical-align: -15%;
}

.fa-arrow-circle-up:before {
	content: "\f0aa";
}


#second .fifth_aniv , #boxTwo, #boxThree, #boxFour, #boxFive, #boxSix, #boxSeven{
  position: relative;
  box-sizing: border-box;
}

#boxOne{
  position: relative;
  box-sizing: border-box;
	margin: 222px auto 0;
}

#boxZero{
	padding-top: 120px;
}

#boxZero img.c01_txt01{
	margin:-170px auto;
}

#boxZero img.c01_btn01{
	width: 545px;
	margin: -272px auto 0;
}

#boxNavi{
	position:relative;
	margin:19px auto 0;
}


.eventScedule{
  width: 85%;
  margin:0 auto;

}



/* news_200423 style
--------------------------------------------------*/

.headline_text{
	color:#fff005;
	font-weight:bold;
	font-size:30px;
	margin-bottom: 20px;
}


/* モーダルウィンドウ設定 */

.dcd-popup{
	text-align: center;
	margin:30px 30px;
}

.dcd-oubo-btn {
	display: inline-block;
	background-color: #ffa300;
	max-width: 400px;
	padding: 14px 60px;
	border-radius: 4px;
	border-bottom: 4px solid #d37800;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
  }

.dcd-oubo-btn:active {
	-webkit-transform: translateY(4px);
	        transform: translateY(4px);
	border-bottom: none;
}

.dcd-popup_wrap input {
	display: none;
  }

.popup_overlay {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	-webkit-transition: opacity 0.5s, -webkit-transform 0s 0.5s;
	transition: opacity 0.5s, -webkit-transform 0s 0.5s;
	transition: opacity 0.5s, transform 0s 0.5s;
	transition: opacity 0.5s, transform 0s 0.5s, -webkit-transform 0s 0.5s;
	-webkit-transform: scale(0);
	        transform: scale(0);
  }

  .popup_trigger {
	position: absolute;
	width: 100%;
	height: 100%;
  }

  .popup_content {
	position: relative;
	-webkit-align-self: start;
	        align-self: start;
	width: 90%;
	max-width: 600px;
	padding: 30px;
	box-sizing: border-box;
	background: #000;
	line-height: 1em;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	margin: 55px auto;
  }

  .dcd-popup_wrap input:checked ~ .popup_overlay {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
  }


.dcd-close-btn {
	position: absolute;
	top: 14px;
	right: 16px;
	font-size: 30px;
	cursor: pointer;
  }


.dcd_twcp-attention{
	font-size: 14px;
	text-align: left;
}

.dcd_attention_ttl{
	font-size: 26px;
	text-align: center;
	padding: 15px 0 15px;
	font-weight: bold;
}

.dcd_twcp-attention h3{
	font-size: 16px;
	margin: 15px auto 5px;
	font-weight: bold;
}

.dcd_twcp-attention .PtDot li{
	text-indent: -1em;
	padding-left: 2em;
}

.dcd_twcp-attention ul li ul {
    display: table;
}

.dcd_twcp-attention .PtDot .PtParen li{
	text-indent: -1em;
	padding-left: 2em;
}

.dcd_twcp-attention .PtDot_text li{
	padding-left: 1em;
}

#second .textBaseContents li a {
	color: #00b8ff !important;
}


/* news_200428 第１回 lobiトーナメント 結果発表
--------------------------------------------------*/

.news200427 .rank1st{
	font-size:21px;
}

.news200427 .rank1st li {
	font-weight:bold;
	color:#fff005;
}

.news200427 .rank2nd{
	font-size:19px;
	font-weight:bold;
}

.news200427 .rank2nd li {
	font-weight:bold;
}

.news200427 .rank3rd{
	font-size:19px;
}

.news200427 ul li:first-child {
	display:table-cell;
	width:90px;
	text-align:center;
}

.news200427 ul li {
	display:table-cell;
	width:400px;
}

.second .news200427 .lobiOverview {
	font-size:13px;
}

/*  asobism フッターロゴ 調整  2020-05-18
--------------------------------------------------*/

.footerLogo {
	width:72px;
	margin:0 auto 12px;
}

.cr_asobism,.cr_pictoy{
	position: relative;
	display:block;
	font-size:10px;
}

.cr_asobism {
	margin-bottom:2px;
}


/* 5th aniversary okawari style  2020-06-29
--------------------------------------------------*/

.second .fifth_aniv.okawari .campaignInner {
	background-image: url("../img/5th_anniversary_okawari/bg.png"),-webkit-linear-gradient( bottom, rgb(211, 250, 255) 5%, rgb(145,223,233) 25%, rgb(129, 215, 228) 100%);
	background-image: url("../img/5th_anniversary_okawari/bg.png"),linear-gradient( 0deg, rgb(211, 250, 255) 5%, rgb(145,223,233) 25%, rgb(129, 215, 228) 100%);
	background-position: bottom center, top center;
	background-repeat: no-repeat, no-repeat;
	padding: 100px 0 150px;
	background-color: #fff;
	border-radius: 0 0 20px 20px;
	width: 1020px;
}


.fifth_aniv.okawari #boxZero img.c01_txt01 {
	margin: -210px auto -170px;
}

.fifth_aniv.okawari #boxNavi {
	position: relative;
	margin: 190px auto 0;
}

.fifth_aniv.okawari #boxOne {
	position: relative;
	box-sizing: border-box;
	margin: 480px auto 0;
}

.second .fifth_aniv.okawari .campaignBlock {
	width:828px;
}

.second .fifth_aniv.okawari .bg_btm {
	margin: -20px auto 0;
	width:828px;
}