<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

body {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	font-family: "æ¸¸ã‚´ã‚·ãƒƒã‚¯", YuGothic, "ãƒ¡ã‚¤ãƒªã‚ª", Meiryo, "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", "MS PGothic", sans-serif;
	/* font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif; */
	font-weight: normal;
	background-color: #000;
}
img {
	vertical-align: bottom;
}
h2 {
	text-align: center;
	margin-bottom: 5%;
}
h2 img {
	display: block;
	width: 30%;
	max-width: 300px;
	margin: auto;
}
#secondBg {
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}
#second {
	padding: 5%;	
}
footer {
	z-index: 99999;
	font-size: 12px;
	text-align: center;
	background-color: #000;
	padding: 20px 10px;
	border-top: solid 1px #333;
}
footer #snsBox {
	margin-bottom: 20px;
}
footer #snsBox div,
footer #snsBox a,
footer #snsBox a img {
	vertical-align: top;
}
footer #snsBox div {
	padding: 0;
	margin-top: -1px;
}
footer .hardLogo {
	display: inline-block;
	height: 40px;
	margin: 10px;
}
footer #compBox {
	margin-bottom: 20px;
}
footer #compBox a {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 30%;
	max-width: 200px;
	margin: 3px;
	border: solid 1px #333;
}
footer a:hover {
	opacity: 0.7;
}
footer #compBox a img {
	display: block;
	width: 100%;
	
}
footer .notice {
	width: 100%;
	max-width: 647px;
}



/* ///////////////////////////////////////////////////////////
///loading
/////////////////////////////////////////////////////////// */
.loading {
	z-index: 10000;
	/* position: absolute; */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	text-align: center;
	padding-top: 250px;
	display: none;
}
.loading img {
	width: 70px;
	animation: re 3s linear infinite;
}
@keyframes re {
	0%  {transform: rotate(0);}
	100%  {transform: rotate(360deg);}
}





/* nav
----------------------------------------------------------------- */
#nav {
	box-sizing: border-box;
	background-image: url(../img/border_t.jpg);
	background-repeat: repeat-x;
	width: 100%;
	padding: 10px;
}
#nav a {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	padding: 5px 10px;
}
#nav a.non {
	opacity: 0.3;
	text-decoration: line-through;
}
#nav a:not(.non):hover {
	color: #ec9d35;
	text-shadow: 0px 0px 3px #ec9d35;
}
#nav a.select {
	color: #0ff;
	text-shadow: 0px 0px 3px #0ff;
}
#nav a span {
	display: block;
	position: absolute;
	top: -5px;
	left: 0;
	right: 0;
	font-size: 8px;
	color: #fff;
	text-align: center;
	background: #c00;
	
}

#subNum{
	font-size: 14px;
	background: rgba(0,0,0,0.5);
	padding: 5px;
}
#subNum a {
	box-sizing: border-box;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	margin: 2px;
	border-radius: 5px;
}
#subNum a:hover {
	background-color: #322a19;
}
#subNum a.select {
	background-color: #322a19;
	border: solid 1px #775d21;
}
#subNum a span {
	color: #fff;
	font-size: 8px;
	vertical-align: middle;
	background-color: #c00;
	padding: 1px 5px;
	margin-right: 5px;
	border-radius: 3px;
}




/* top
----------------------------------------------------------------- */
#topCont {
	position: relative;
	display: table;
	background-image: url(../img/top/keyvisual_bg.jpg);
	background-size: cover;
	width: 100%;
}
#topCont #dendo {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 12%;
	max-width: 150px;
}
#topCont #topContIn,
#topCont #keyImg {
	display: table-cell;
}
#topCont #topContIn {
	box-sizing: border-box;
	vertical-align: top;
	text-align: center;
	width: 40%;
	padding: 1% 3%;
}
#topCont #keyImg {
	vertical-align: bottom;
	width: 60%;
}
#topCont #keyImg img {
	display: block;
	width: 100%;
}
#osrsLink {
}
#osrsLink a {
	box-sizing: border-box;
	display: block;
	font-size: 12px;
	text-align: center;
	background: #000;
	width: 100%;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
	border: solid 1px #45321b;
}
#osrsLink a:hover {
	opacity: 0.7;
}
#osrsLink a img {
	display: block;
	width: 100%;
}
#topContNews {
	box-sizing: border-box;
	background-image: url(../img/border_b.jpg);
	background-repeat: repeat-x;
	padding: 5%;
}
#topContNews img {
	display: block;
	width: 100%;
}
#topContNews a {
	display: block;
	color: #cfa43f;
	text-decoration: none;
	margin-bottom: 5px;
}
#topContNews dl {
	display: block;
	box-sizing: border-box;
	font-size: 12px;
	background: rgba(0,0,0,0.75);
	width: 100%;
	height: 150px;
	overflow: auto;
	padding: 10px;
	border: solid 2px #45321b;
	
}
#topContNews dl a {
	display: inline-block;
	color: #cfa43f;
	text-decoration: none;
	margin-bottom: 5px;
}
#topContNews dt {
}
#topContNews dd {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: dotted 1px #45321b;
}
#banaBox {
	text-align: center;
	margin-top: 3%;
}
#banaBox a {
	box-sizing: border-box;
	display: inline-block;
	width: 23%;
	max-width: 400px;
	margin: auto;
	border: solid 1px #45321b;
}
#banaBox a img {
	display: block;
	width: 100%;
}
#count {
	position: relative;
}
#count .zoom {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 10%;
}
@keyframes bg {
	0% { background-position: 0 bottom; }
    100% { background-position: -1740px bottom; }
}




/* world
----------------------------------------------------------------- */
#worldBg {
	background-color: #b2745e;
	background-image: url(../world/img/bg_world.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}
#worldBox h3,
#storyBox h3 {
	font-size: 3vw;
	color: #fff;
	text-shadow: 0px 0px 3px #fff;
	margin-bottom: 3%;
}
#worldBox h3 br,
#storyBox h3 br {
	display: none;
}
#storyBox h4 {
	font-size: 3vw;
	color: #fff;
	text-shadow: 0px 0px 3px #fff;
	margin: 3% 0;
}
#worldBox {
	font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif; 
	color: #000;
	font-size: 18px;
	line-height: 1.8em;
	text-align: center;
	text-shadow: 0px 0px 3px #fff;
}
#worldBox span {
	background: rgba(255,255,255,0.2);
}
#worldBox strong {
	font-size: 22px;
	color: #d7004a;
}
#storyBox {
	font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif; 
	color: #fff;
	font-size: 18px;
	line-height: 1.8em;
	text-align: center;
	text-shadow: 0px 0px 3px #000, 0px 0px 3px #000;
}
#storyBox span {
	background: rgba(0,0,0,0.5);
}
#storyBox strong {
	font-size: 22px;
	color: #00b7ee;
	text-shadow: 0px 0px 3px #0075a9;
}
#wordBox {
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: auto;
}
#wordBox dt {
	font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif; 
	font-size: 26px;
	font-weight: bold;
	color: #cfa43f;
	background: rgba(0,0,0,0.3);
	padding: 3px 10px;
	margin-bottom: 5px;
	border-top: solid 1px #cfa43f;
	border-bottom: double 3px #cfa43f;
}
#wordBox dd {
	margin-bottom: 5%;
	text-shadow: 0px 0px 3px #000, 0px 0px 3px #000;
}




/* chara
----------------------------------------------------------------- */
#charaThum {
	text-align: center;
}
#charaThum a {
	position: relative;
	display: inline-block;
	width: 15%;
}
#charaThum a:hover {
	opacity: 0.7;
}
#charaThum a span {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 10px;
	background: #c00;
	padding: 2px 5px;
}
#charaThum img {
	display: block;
	width: 100%;
}
#charaBg {
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	background-size: auto auto;
}
#charaAll {
	display: table;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
#charaAll img {
	display: block;
	width: 100%;
}
#charaAll #charaImg,
#charaAll #charaTxt {
	display: table-cell;
	vertical-align: middle;
}
#charaAll #charaImg {
	width: 60%;
}
#charaAll #charaTxt {
	width: 40%;
}
#charaAll #charaTxt #charaName {
	display: block;
	width: 100%;
	margin-bottom: 5%;
}
#charaAll #charaTxt p {
	background: rgba(0,0,0,0.80);
	padding: 10px;
}
#charaSsBox {
	text-align: center;
	margin: 10px;
}
#charaSsBox a {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	width: 47%;
	max-width: 300px;
	margin: 3px;
	border: solid 2px #775d21;
}
#charaSsBox a:hover {
	opacity: 0.7;
}
#charaSsBox a span {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 10px;
	background: #c00;
	padding: 2px 5px;
}
#charaSsBox img {
	display: block;
	width: 100%;
}
#voice {
	display: block;
	padding-bottom: 20px;
	position: relative;
	text-align: center;
	margin-top: 5%;
}
#voice span {
	display: inline-block;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	background: #c00;
	padding: 2px 5px;
}
#voice a {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: #4a3805;
	width: 30%;
	padding: 5px;
	margin: 2px;
	border-radius: 5px;
	cursor: pointer;
}
#voice a:hover {
	background: #b09c28;
}
#voice .stop-bt {
	background: #b09c28;
}



/* system
----------------------------------------------------------------- */
#systemBox {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
#systemBox h3 {
	display: block;
	width: 100%;
	margin-top: 5em;
	margin-bottom: 1em;
}
#systemBox h3:first-child {
	margin-top: 0;
}
#systemBox h3 img {
	display: block;
	width: 100%;
}
.systemSecond {
	display: table;
}
.systemSecond .systemSecTxt,
.systemSecond .systemSecImg  {
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 50%;
}
.systemSecond .systemSecTxt {
	padding: 10px;
}
.systemSecond .systemSecImg img {
	display: block;
	width: 100%;
}
.systemSecond .systemSecTxt p {
	font-size: 18px;
	color: #00ffff;
	font-weight: bold;
	margin-top: 1em;
}
.systemSecond .systemSecTxt p:first-child {
	margin-top: 0;
}
.systemSecImg2Col {
	text-align: center;
	margin-top: 1em;
}
.systemSecImg2Col img {
	display: inline-block;
	width: 48%;
	margin: 3px;
}





/* gallery
----------------------------------------------------------------- */
#galleryBox,
#sceBox {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
#galleryBox h3,
#sceBox h3 {
	font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif; 
	font-size: 26px;
	font-weight: bold;
	color: #cfa43f;
	background: rgba(0,0,0,0.3);
	padding: 3px 10px;
	margin-bottom: 5px;
	border-top: solid 1px #cfa43f;
	border-bottom: double 3px #cfa43f;
}
#galleryBox h3 span,
#sceBox h3 span {
	color: #fff;
	font-size: 12px;
	background: #c00;
	padding: 1px 3px;
	margin-right: 5px;
}
#galleryBox a,
#sceBox a {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	width: 30%;
	max-width: 190px;
	margin: 2px;
	border: solid 1px #cfa43f;
}
#galleryBox a:hover,
#sceBox a:hover {
	opacity: 0.7;
}
#galleryBox a span,
#sceBox a span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	color: #fff;
	font-size: 10px;
	background: #c00;
	padding: 1px 3px;
}
#galleryBox a img,
#sceBox a img {
	display: block;
	width: 100%;
}
controls {
	background: #c00;
}




/* sound
----------------------------------------------------------------- */
#bgmBox {
	text-align: center;
	width: 100%;
	max-width: 1200px;
	min-height: 500px;
	margin: auto;
}
#bgmBox a {
	box-sizing: border-box;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background-color: rgba(96,73,11,0.5);
	width: 48%;
	padding: 10px;
	margin: 5px auto;
	border-radius: 5px;
	cursor: pointer;
}
#bgmBox a:hover {
	background-color: rgba(96,73,11,1);
}
#bgmBox .play-bt {
}
#bgmBox .stop-bt {
	background-color: rgba(96,73,11,1);
}
#bgmBox .cvplay {
}
#bgmBox a span {
	color: #fff;
	font-size: 8px;
	vertical-align: middle;
	background-color: #c00;
	padding: 1px 5px;
	margin-right: 5px;
	border-radius: 3px;
}

#themeBox {
	width: 100%;
	max-width: 1200px;
	min-height: 500px;
	margin: auto;
}

#songBox {
	font-size: 20px;
	text-align: center;
	text-shadow: 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000;
	margin-bottom: 5%;
}
#songBox strong {
	display: block;
	font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif; 
	font-size: 40px;
	font-weight: bold;
}

#artistBox {
	box-sizing: border-box;
	display: table;
	border-collapse: separate;
	border-spacing: 10px 10px;
	background: rgba(0,0,0,0.80);
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
#artistBox .pictBox,
#artistBox .profTxt {
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
}
#artistBox .pictBox {
	width: 20%;
}
#artistBox .pictBox img {
	display: block;
	width: 100%;
	margin: auto;
}
#artistBox .profTxt {
}
#artistBox .profTxt p,
#mariTxt p {
	font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif; 
	font-size: 26px;
	font-weight: bold;
	color: #0ff;
	padding-top: 0.5em;
	margin-top: 0.5em;
	border-top: dotted 1px #ccc;
}
#artistBox .profTxt p:first-child,
#mariTxt p:first-child {
	padding-top: 0;
	margin-top: 0;
	border: none;
}
#artistBox a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	background: #fff;
	padding: 5px 10px;
	margin: 2px;
}
#artistBox a:hover {
	opacity: 0.7;
}

#mariTxt {
	box-sizing: border-box;
	background: rgba(0,0,0,0.80);
	width: 100%;
	max-width: 1200px;
	padding: 10px;
	margin: 1em auto;
}
#mariTxt dt {
	background: rgba(255,255,255,0.1);
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
}




/* movie
----------------------------------------------------------------- */
#movieBox,
.movieThumL,
.movieThum {
	box-sizing: border-box;
	display: block;
	text-align: center;
	width: 100%;
	max-width: 1200px;
	padding: 1%;
	margin: auto;
}
#movieBox li {
	box-sizing: border-box;
	display: inline-block;
	background: #000;
	width: 48%;
	margin: 7px 5px;
	border: double 3px #cfa43f;
}
#movieBox li p {
	padding: 5px;
}
#movieBox li p span,
.movieThumL a span {
	font-size: 12px;
	background: #c00;
	padding: 2px 5px;
	margin-right: 5px;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.movieThumL a,
.movieThum a {
	box-sizing: border-box;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: #000;
	padding: 5px;
	margin: 3px;
	vertical-align: top;
}
.movieThumL a {
	width: 48%;
}
.movieThum a {
	width: 30%;
}
.movieThum a:hover,
.movieThumL a:hover {
	opacity: 0.7;
}
.movieThum a img,
.movieThumL a img {
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin-bottom: 5px;
	border: solid 1px #333;
}





/* info
----------------------------------------------------------------- */
#specBox {
	margin: auto auto 15% auto;
}
#specBox img {
	display: block;
	width: 100%;
	max-width: 800px;
	margin: auto auto 3% auto;
}
#specBox table {
	width: 100%;
	max-width: 500px;
	margin: auto;
}
#specBox tr {
}
#specBox td {
	box-sizing: border-box;
	background: rgba(0,0,0,0.5);
	padding: 5px 10px;
	border-bottom: solid 1px #796432;
}
#specBox td:first-child {
	text-align: center;
	background: rgba(121,100,50,0.5);
}
.tokutenBox {
	width: 100%;
	max-width: 1200px;
	margin: auto auto 15% auto;
}
.tokutenBox small {
	display: block;
	margin: auto auto 3% auto;
}
.tokutenBox img {
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: auto auto 3% auto;
}
.tokutenBox dt {
	font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif; 
	font-size: 26px;
	font-weight: bold;
	background: #796432;
	padding: 3px 10px;
	margin-bottom: 5px;
}
.tokutenBox dd {
	margin-bottom: 20px;
}
#createrBox {
	text-align: center;
}
#createrBox dt {
	
}
#createrBox dd {
	font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif; 
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 1em;
}
#shoptokutenBox {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

#shoptokutenBox .tokuShu {
	font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif; 
	font-size: 26px;
	font-weight: bold;
	color: #cfa43f;
	background: rgba(0,0,0,0.3);
	padding: 3px 10px;
	margin-top: 5%;
	margin-bottom: 5px;
	border-top: solid 1px #cfa43f;
	border-bottom: double 3px #cfa43f;
}
.shopBox {
	display: table;
	border-collapse: separate;  /* ã‚»ãƒ«ã®é–“éš”ã‚’ç©ºã‘ã‚‹ */
    border-spacing: 15px 15px;  /* å·¦å³ ä¸Šä¸‹ã§è¨˜è¿° */
	width: 100%;
}
.shopBox .shopTd {
	box-sizing: border-box;
	display: table-cell;
	background: #000;
	width: 33%;
	padding: 10px;
	border: solid 1px #6f5424;
}
.shopBox img {
	display: block;
	width: 100%;
}
.shopBox .shopName {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: double 3px #6f5424;
}
.shopBox .shopSet {
	font-weight: bold;
	color: #fff;
	background: #6f5424;
	padding: 2px 5px;
	margin-top: 10px;
}
.shopBox .shopSet:before {
	content:"â˜…";
}
.shopBox dl {
	
}
.shopBox dt {
	font-weight: bold;
	margin-top: 5px;
}
.shopBox dt:before {
	content:"â—†";
}
.shopBox dd {
	font-size: 12px;
}
.shopBox small {
	display: block;
	color: #c00;
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 5px;
}
.shopBox a {
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #00a0e9;
	padding: 5px 10px;
	margin-top: 1em;
}
.patchBox {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 1200px;
	padding: 1%;
	margin: auto;
}
.patchBox dt {
	font-size: 30px;
	font-weight: bold;
	background: rgba(0,0,0,0.77);
	padding: 10px;
}
.patchBox dt span {
	font-size: 12px;
	background: #c00;
	padding: 2px 5px;
	margin-right: 5px;
}
.patchBox dt small {
	display: block;
	font-size: 18px;
	background: hotpink;
	padding: 5px 10px;
}
.patchBox dd {
	background: rgba(0,0,0,0.77);
	padding: 10px;
}

.patchBox dd li {
	text-indent: -1em;
	padding-left: 1em;
}
.patchBox dd li:before {
	content:"â—†";
}




/* other
----------------------------------------------------------------- */
.collaboH3 {
	color: #cfa972;
	font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif; 
	text-align: center;
	font-size: 4vw;
	line-height: 1.3;
	font-weight: bold;
	text-shadow: 0 0 5px #000;
}
#collaboBox {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 1200px;
	padding: 1%;
	margin: auto;
}
.collabCent {
	display: block;
	text-align: center;
	margin-bottom: 3%;
}
#collaboBox .collaboTwi {
	width: 100%;
	max-width: 500px;
	margin: auto;
}
#collaboBox a {
	display: inline-block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #00a0e9;
	padding: 5px 10px;
	margin-top: 1em;
}
.collabCent a:hover {
	opacity: 0.7;
}

#enjoLink {
	display: block;
	width: 100%;
	max-width: 500px;
	margin: auto;
}
#enjoLink img {
	display: block;
	width: 100%;
}

.rtCanDay {
	display: inline-block;
	background: hotpink;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
}
.rtCanTab {
	box-sizing: border-box;
	display: table;
	border-collapse: separate;  /* ã‚»ãƒ«ã®é–“éš”ã‚’ç©ºã‘ã‚‹ */
    border-spacing: 10px 5px;  /* å·¦å³ ä¸Šä¸‹ã§è¨˜è¿° */
	width: 100%;
}
.rtCanTab .rtCanTwi {
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
	text-align: center;
	background: rgba(255,255,255,0.3);
	width: 50%;
	padding: 10px;
	border: solid 1px #666;
}
.rtCanTab .rtCanTwi img {
	display: block;
	width: 100%;
}
.rtCanList {
	
}
.rtCanList li {
	background: rgba(0,0,0,0.8);
	padding: 10px;
	margin: 5px 0;
}





/* special
----------------------------------------------------------------- */
#spBox,
#commentBox {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
#spBox h3 {
	font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif; 
	font-size: 26px;
	font-weight: bold;
	color: #cfa43f;
	background: rgba(0,0,0,0.3);
	padding: 3px 10px;
	margin-bottom: 5px;
	border-top: solid 1px #cfa43f;
	border-bottom: double 3px #cfa43f;
}
#twiIconDL {
	text-align: center;
}
#twiIconDL img {
	box-sizing: border-box;
	display: inline-block;
	width: 15%;
	margin: 3px;
}
#wallDl {
	display: block;
	text-align: center;
	width: 100%;
}
#wallDl li {
	text-align: center;
	display: inline-block;
	margin: auto;
	width: 32%;
	margin-bottom: 1em;
}
#wallDl li a {
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #00a0e9;
	padding: 5px 10px;
	margin-top: 2px;
}
#wallDl img {
	box-sizing: border-box;
	display: block;
	width: 100%;
	border: solid 1px #666;
}
#commentBox dt {
	font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif;
	font-size: 24px;
	background: rgba(119,93,33,0.3);
	padding: 10px;
	margin-bottom: 10px;
	border-top: solid 1px #775d21;
	border-bottom: double 3px #775d21;
}
#commentBox dt small {
	padding-left: 0.5em;
}
#commentBox dd {
	display: table;
	margin-bottom: 3em;
}
#commentBox dd img,
#commentBox dd p {
	display: table-cell;
	vertical-align: top;
}
#commentBox dd img {
	padding-right: 1em;
}
#commentBox dd p {
}





/* ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å¹…ãŒ0-767pxã®å&nbsp;´åˆã«é©ç”¨ã™ã‚‹CSS */
@media screen and (max-width:1200px){
	#charaBg {
		background-size: 145% auto;
	}
}








/* ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å¹…ãŒ0-767pxã®å&nbsp;´åˆã«é©ç”¨ã™ã‚‹CSS */
@media screen and (max-width:767px){

	body {
	color: #fff;
		font-size: 12px;
	}
	h2 img {
		width: 50%;
	}




	/* nav
	----------------------------------------------------------------- */
	#nav {
	}
	#nav a {
		font-size: 3vw;
	}

	#subNum {
		font-size: 3vw;
	}




	/* top
	----------------------------------------------------------------- */
	#topCont {
		display: block;
	}
	#topCont #dendo {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 20%;
		max-width: 150px;
	}
	#topCont #topContIn,
	#topCont #keyImg {
		display: block;
		width: 100%;
	}
	#topCont #topContIn {
		box-sizing: border-box;
		margin-top: -25%;
	}
	#banaBox a {
		display: inline-block;
		width: 48%;
		max-width: 300px;
		margin: auto;
	}




	/* world
	----------------------------------------------------------------- */
	#worldBg {
		background-color: #b2745e;
		background-image: url(../world/img/bg_world.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-attachment: fixed;
	}
	#worldBox h3,
	#storyBox h3 {
		font-size: 5vw;
		line-height: 1.3em;
	}
	#worldBox h3 br,
	#storyBox h3 br {
		display: inline;
	}
	#worldBox,
	#storyBox {
		font-size: 12px;
	}
	#worldBox strong,
	#storyBox strong {
		font-size: 16px;
	}
	#wordBox {
		display: block;
		width: 100%;
		max-width: 1000px;
		margin: auto;
	}
	#wordBox dt {
		font-size: 16px;
	}




	/* chara
	----------------------------------------------------------------- */
	#charaThum {
		text-align: center;
	}
	#charaThum a {
		display: inline-block;
		width: 15%;
	}
	#charaBg {
		background: none;
	}
	#charaAll {
		display: block;
		width: 100%;
		max-width: 1200px;
		margin: auto;
	}
	#charaAll #charaImg,
	#charaAll #charaTxt {
		display: block;
		width: 100%;
	}
	#charaAll #charaTxt #charaName {
		margin-top: 5%;
	}




	/* system
	----------------------------------------------------------------- */
	#systemBox h3 {
		margin-top: 3em;
	}
	.systemSecond {
		display: block;
		width: 100%;
	}
	.systemSecond .systemSecTxt,
	.systemSecond .systemSecImg  {
		display: block;
		width: 100%;
	}
	.systemSecond .systemSecImg img {
		display: block;
		width: 100%;
	}
	.systemSecImg2Col img {
		display: block;
		width: 100%;
	}




	/* sound
	----------------------------------------------------------------- */
	#bgmBox {
		min-height: auto;
	}
	#bgmBox a {
		display: block;
		width: 100%;
	}

	#themeBox {
		min-height: auto;
	}

	#songBox {
		font-size: 14px;
	}
	#songBox strong {
		font-size: 24px;
	}

	#artistBox {
		display: block;
		padding: 10px;
	}
	#artistBox .pictBox,
	#artistBox .profTxt {
		display: block;
		width: 100%;
	}
	#artistBox .pictBox img {
		display: block;
		width: 100%;
		max-width: 300px;
		margin: auto auto 10px auto;
	}
	#artistBox .profTxt {
	}
	#artistBox .profTxt p {
		font-size: 18px;
	}
	#artistBox a {
		display: inline-block;
		color: #000;
		text-decoration: none;
		background: #fff;
		padding: 5px 10px;
		margin: 2px;
	}




	/* movie
	----------------------------------------------------------------- */
	#movieBox li {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
	}
	.movieThumL a,
	.movieThum a {
		width: 46%;
	}





	/* info
	----------------------------------------------------------------- */
	#specBox img {
		display: block;
		width: 100%;
		max-width: 800px;
		margin: auto auto 3% auto;
	}
	#specBox table {
		width: 100%;
		max-width: 500px;
		margin: auto;
	}
	#specBox tr {
	}
	#specBox td {
		box-sizing: border-box;
		background: rgba(0,0,0,0.5);
		padding: 5px 10px;
		border-bottom: solid 1px #796432;
	}
	#specBox td:first-child {
		text-align: center;
		background: rgba(121,100,50,0.5);
	}
	.tokutenBox dt {
		font-size: 16px;
	}
	#createrBox {
		text-align: center;
	}
	#createrBox dt {

	}
	#createrBox dd {
		font-family: "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W6", "Hiragino Mincho Pro", "HGSæ˜ŽæœE", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif; 
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 1em;
	}

	.shopBox {
		display: block;
		width: 100%;
	}
	.shopBox .shopTd {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.shopBox .shopName {
		font-size: 18px;
	}




	/* other
	----------------------------------------------------------------- */
	.collaboH3 {
		font-size: 4vw;
	}
	.rtCanDay {
		font-size: 14px;
	}
	.rtCanTab .rtCanTwi {
		padding: 5px;
	}
	.rtCanList li {
		padding: 5px;
		margin: 2px 0;
	}




	/* special
	----------------------------------------------------------------- */
	#commentBox dt {
		font-size: 18px;
	}
	#commentBox dd {
		margin-bottom: 1.5em;
	}
	#commentBox dd img {
		box-sizing: border-box;
		width: 100%;
		padding-right: 1em;
	}
	#commentBox dd p {
		width: 80%;
	}
	
}</pre></body></html>