<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	font-family: "Noto Sans Japanese", ArialMT,"Hiragino Kaku Gothic ProN","繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3",繝｡繧､繝ｪ繧ｪ,sans-serif;
	background: #fff url(../img/bg.jpg) 0 0 repeat;
	color:#fff;
}

input:focus {
	outline: 0;
}

/*::::::::::header::::::::::*/

header{
	margin:0;
}

nav{
	background:#fff url(../img/line.png) 50% 100% repeat-x;
	position:fixed;
	top:0;
	height:43px;
	width:100%;
	color:#fa5487;
}

#bingo0412{
  margin-top:-45px;
  padding-top:45px;
}
/*::::::::::header::::::::::*/

.present{
	background:#fff url(../img/bg_choco.png) 50% 0 repeat;
}

.present article {
	background: url(../img/line.png) 50% 0 repeat-x;
	text-align: center;
}

/*::::::::::bingoGameView::::::::::*/

#bingoGameView {
	position: relative;
	background: #fa5487 url(../img/line.png) 50% 0 repeat-x;
	padding:30px 0;
}

.notice00{
	font-size:90%;
	text-align: center;
	color:#fff;
	font-weight:700;
	line-height:1.4;
}

.notice00 span {
	font-weight:400;
}
/*::::::::::bingoGameView::::::::::*/

#tutorial{
	background: url(../img/line.png) 50% 0 repeat-x;
	line-height: 1.6;
}

#tutorial article p{
	color:#fa5487;
	font-weight:800;
}

#tutorial article dl dt{
	color:#fa5487;
	font-weight:700;
}

.music article ul li{
	background: #fff;
	color:#000;
	font-weight:500;
}

.no{
	color:#ffc100;
}

ul.request li:first-child p{
	color:#7fbe44;
}

ul.request li:last-child p{
	color:#4cb1cb;
}

ul.request li p.btn01,ul.request li p.btn02{
	border-radius:5px;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2)
}

ul.request li p.btn01 a,ul.request li p.btn02 a{
	color:#fff;
	font-weight: 700;
	text-decoration: none;
}

.point-list dt.mi {
	color:#bf6ed6;
	font-weight:800;
}

.point-list dt.mi2 {
	color:#bf6ed6;
	font-weight:700;
}

.point-list dd p {
	padding-left: 1.2em;
	position:relative;
}

.point-list dd p:before {
	content: "窶ｻ";
	position: absolute;
	left: 0;
	top: 0;
}

.point-list dd a{
	text-decoration:underline;
	color:#fff;
}
/*::::::::::footer::::::::::*/

footer{
	background:#fff url(../img/bg_choco.png) 50% 0 repeat;
}

footer div{
	background: url(../img/line.png) 50% 100% repeat-x;
}

footer section{
	background: url(../img/line.png) 50% 0 repeat-x;
}

.banner{
	text-align: center;
}

.sollogo{
	text-align: center;
}

.copyright{
	font-size:9px;
	text-align: center;
}
/*::::::::::footer::::::::::*/

/*PC*/
@media screen and (min-width: 768px)
{

html,body{
	min-width: 980px;
}

body {
	background-size:1200px;
}

.hide_pc{
	display: none;
}

a:hover{
	opacity:0.8;
}
/*::::::::::header::::::::::*/

header {
	margin:60px auto;
	text-align: center;
}

h1{
	margin-bottom:30px;
	position:relative;
}

h1 p.quick{
	position: absolute;
	top:524px;
	width: 100%;
	text-align: center;
}

h1 p.archivetext{
	position: absolute;
	top:620px;
	width: 100%;
	text-align: center;
}

nav article{
	width:980px;
	margin: 0 auto;
	display:table;
}

nav article p{
	padding:5px 0;
	display:table-cell;
	text-align: left;
	font-weight:700;
}

nav article p:first-child a{
	margin:5px;
}

nav article p:last-child{
	text-align: right;
}

nav img{
	vertical-align: middle;
	height:30px;
}

nav img.minna{
	height:14px;
}

/*::::::::::header::::::::::*/

.present{
	background-size:2000px;
}

.present article {
	padding:30px 0;
}

#tutorial{

}

#tutorial article {
	width:980px;
	margin:0 auto;
	padding:30px 0;
	font-size:16px;
}

#tutorial article p{
	font-size:40px;
}

#tutorial article dl dt{
	font-size:20px;
	margin-top:15px;
}

.music{
	width:980px;
	margin:0 auto 60px;
}

.music p{
	background:#ffc100;
	color:#fff;
	font-weight:700;
	width:976px;
	margin:0 auto;
	padding:10px 0;
	text-align: center;
	font-size:27px;
	border-radius:15px 15px 0 0;
	}

.music article{
	display:table;
	width:100%;
}

.music article ul{
	display:table-cell;
	width: 50%;
}

.music article ul li{
	margin:5px 2px;
	height:1em;
	padding:10px 5px;
}

.music article ul li span.small{
	font-size:90%;
}

ul.request{
	display: table;
	width:980px;
	margin:0 auto 60px;
}

ul.request li{
	display: table-cell;
	text-align: center;
}

ul.request li:first-child{
	width:380px;
	text-align: left;
}

ul.request li p{
	font-size:13px;
	text-align: left;
	margin-bottom:10px;
	line-height: 1.2;
	font-weight: 600;
}

ul.request li p span{
	font-size:26px;
	font-weight: 800;
}

iframe.bbs {
	width:600px;
	height:450px;
}

ul.request li p.btn01,ul.request li p.btn02{
	margin:20px 0 0;
}

ul.request li p.btn01 a,ul.request li p.btn02 a{
	padding:10px;
	display:block;
	text-align: center;
	font-size:20px;
}

ul.request li p.btn01{
	width:353px;
}

ul.request li p.btn02{
	width:600px;
}

.point-list {
	width:980px;
	margin:0 auto 60px;
}

.point-list dt.mi {
	font-size:40px;
	margin-bottom:10px;
}

.point-list dt.mi2 {
	margin:10px 0;
}

.point-list dd{
	font-size:14px;
	line-height:1.8;
}
/*::::::::::footer::::::::::*/

footer article{
	width:980px;
	margin: 0 auto;
	padding:10px 0 30px;
}

footer article ul{
	display: table;
	width:920px;
	margin:50px auto;
}

footer article ul li{
	display: table-cell;
	width:50%;
	text-align: center;
}
	
.banner{
	margin:80px 0;
}
	
.sollogo{
	padding:30px 0 ;
}

.sollogo img{
	width:120px;
}

#pagetop{
	display:inline;
	position:fixed;
	bottom:0;
	right:20px;
	opacity:0.7;
	width:50px;
	text-align: right;
	line-height: 0;
}

#pagetop img{
	width:50px;
}

#pagetop img:hover{
	opacity:0.6;
	cursor: pointer;
}

/*::::::::::footer::::::::::*/
}

/*SP*/
@media screen and (max-width: 767px)
{

body{
	background-size:100%;
	font-size:12px;
}

.hide_sp{
	display: none;
}

img {
	max-width: 100%;
}

/*::::::::::header::::::::::*/

header{
	line-height: 0;
	position: relative;
}

header img{
	width: 100%;
}

h1{
	position:relative;
}

h1 p.quick{
	position: absolute;
	bottom:13%;
	width: 100%;
	text-align: center;
}

h1 p.archivetext{
	position: absolute;
	bottom:4%;
	width: 100%;
	text-align: center;
}

h1 p a img{
	width:94%;
	margin:0 auto;
	}

nav,.present article,#bingoGameView,#tutorial,footer section,footer div {
	background-size:30% 2px;
}

.present, footer{
	background-size:300%;
}

nav article{
	width:100%;
	margin: 0 auto;
	display:table;
}

nav article p{
	padding:5px;
	display:table-cell;
	text-align: left;
}
	
nav article p:first-child{
	width:60%;
}

nav p:first-child img{
	vertical-align: middle;
	height:20px;
}

nav article p:last-child{
	text-align: right;
}

nav p:last-child img{
	vertical-align: middle;
	height:30px;
}

nav a{
	margin-left:5px;
}

/*::::::::::header::::::::::*/

.present article{
	padding:30px 10px;
}

#tutorial{
	padding:20px 10px;
}

#tutorial article {
	font-size:13px;
}

#tutorial article p{
	font-size:30px;
}

#tutorial article dl dt{
	font-size:16px;
	margin-top:10px;
}

.music{
	margin:0 10px 30px;
}

.music p{
	background:#ffc100;
	color:#fff;
	font-weight:700;
	margin:0 auto;
	padding:5px 0;
	text-align: center;
	font-size:16px;
	line-height: 1.2;
	border-radius:15px 15px 0 0;
	}

.music article{
	display:block;
}

.music article ul{
	display:block;
}

.music article ul li{
	padding:10px 5px;
	margin:2px 0;
	line-height: 1.2;
	font-weight:700;
}

ul.request {
	margin:0 10px 30px;
}

ul.request li {
	margin-bottom:30px;
}

ul.request li p{
	font-size:10px;
	text-align: left;
	margin-bottom:10px;
	line-height: 1.2;
	font-weight: 600;
}

ul.request li p span{
	font-size:20px;
	font-weight: 800;
}

ul.request li iframe.bbs{
	display:none;
}

ul.request li p.btn01,ul.request li p.btn02{
	margin:10px 0 0;
}

ul.request li p.btn01 a,ul.request li p.btn02 a{
	padding:10px;
	display:block;
	text-align: center;
	font-size:16px;
}

.point-list {
	font-size:10px;
	line-height: 1.4;
	margin:30px 10px;
}

.point-list dt.mi{
	font-size:20px;
	font-weight: 800;
}
/*::::::::::footer::::::::::*/
footer{
	padding:0;
}

footer article{
	padding:20px 0 10px;
}
	
footer article ul li{
	text-align: center;
	margin-top:10px;
}
	
footer article ul li img{
	width:85%;
}

.banner{
	padding:30px 10px;
}

.banner img{
	width:100%;
}

.sollogo{
	margin:40px 0 20px;
	text-align: center;
}

.sollogo img{
	width:30%;
}

#pagetop{
	display:inline;
	position:fixed;
	bottom:0;
	right:10px;
	opacity:0.7;
	width:20%;
	text-align: right;
	line-height: 0;
}

#pagetop img{
	width:70%;
}
/*::::::::::footer::::::::::*/
}

</pre></body></html>