@charset "utf-8";

/*共通デザイン*/
.wrap	{width:100%; clear:both; }
.box	{margin-left:auto; margin-right:auto; width:960px; text-align:left; clear:both; }


/* TOP PAGE
 --------------------------------------------------- */

/* SLIDER */

.topPage .keyvisual			{margin-top:0;background:#040404;padding:180px 0 0px 0;height:500px;}
.topPage .blockList			{height:670px;overflow:hidden;}
.topPage .rhino-container	{position: relative;height:670px!important;}
.topPage .rhino-btn			{top:32%; z-index: 10; width: 56px; height: 53px; display: block; text-indent: -999%; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.topPage .rhino-prev,
.topPage .rhino-next			{bottom: -4px;}
.topPage .rhino-prev			{left:-83px;background:url(../img/prev.png) no-repeat;}
.topPage .rhino-next			{right: -86px;background:url(../img/next.png) no-repeat;}

.topPage .rhino-prev:hover,
.topPage .rhino-next:hover	{
opacity:0.5;
-webkit-transition:opacity 0.1s linear;
-moz-transition:opacity 0.1s linear;
-ms-transition:opacity 0.1s linear;
-o-transition:opacity 0.1s linear;
transition:opacity 0.1s linear;
}

.topPage .rhino-caption		{
position: absolute;
background: #000;
display: none;
left: 0;
right: 0;
top: 0;
color: #fff;
padding: 10px;
text-align: right;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}




/* CONTENTS */

.topPage .oneImg	{background:#f5f5f5;padding:50px 0;}

.topPage .koji4				{background:#000;padding:50px 0;background:#0C0C0C;}
.topPage .koji4	h2			{text-align:center;}
.topPage .koji4	img			{display:inline;}
.topPage .koji4 ul			{margin-top:40px;letter-spacing:-.40em;}
.topPage .koji4 li			{display:inline-block;width:470px;height:380px;letter-spacing: normal;margin-left:20px;margin-top:20px;vertical-align:top;}
.topPage .koji4 li h3		{padding:40px 40px 0  40px;}
.topPage .koji4 li p		{color:#fff;margin-top:20px;font-size:14px;line-height:1.9;letter-spacing:0.05em;padding:0 40px;}
.topPage .koji4 li p span	{font-size:16px;text-decoration:underline;font-weight:bold;}
.topPage .koji4 li.fst		{margin-left:0;}
.topPage .koji4 li.mt0		{margin-top:0;}
.topPage .koji4 li.bg01		{background:url(../img/koji_bg01.jpg) no-repeat;}
.topPage .koji4 li.bg02		{background:url(../img/koji_bg02.jpg) no-repeat;}

.topPage .faq				{padding:50px 0;background:#f5f5f5;}
.topPage .faq h2			{text-align:center;}
.topPage .faq h2 img		{display:inline;}
.topPage .faq dl			{padding-top:30px;margin-top:30px;border-top:solid 1px #ccc;}
.topPage .faq dl.fst		{margin-top:40px;padding-top:0;border:none;}
.topPage .faq dt			{line-height:0;}
.topPage .faq dd			{margin-top:25px;line-height:0;}
.topPage .faq dd ul			{letter-spacing:-.40em;margin-top:30px;}
.topPage .faq dd li 		{display:inline-block;margin-left:15px;}
.topPage .faq dd li.fst		{margin-left:0;}

.topPage .medhia			{background:url(../img/medhia_bg01.jpg) repeat top center;height:707px;}
.topPage .medhia .medhiaIn	{background:url(../img/medhia_bg02.jpg) no-repeat top center;}
.topPage .medhia h2			{text-align:center;padding:50px 0 0 0;}
.topPage .medhia h2 img		{display:inline;}
.topPage .medhia p			{margin-top:40px;}


.topPage .mangaBlock					{padding:50px 0;background:#f5f5f5;}
.topPage .mangaBlock h2					{text-align:center;}
.topPage .mangaBlock h2	img				{display:inline;}
.topPage .mangaBlock .mangaInbox		{margin-top:45px;}
.topPage .mangaBlock .left				{width:350px;float:left;}
.topPage .mangaBlock .right				{width:579px;float:right;}
.topPage .mangaBlock .right ul			{margin-top:30px;letter-spacing:-.40em;}
.topPage .mangaBlock .right li			{display:inline-block;letter-spacing:normal;}
.topPage .mangaBlock .right .read		{margin-top:26px;}
.topPage .mangaBlock p.btn				{text-align:center;line-height:0;margin-top:45px;}
.topPage .mangaBlock p.btn img			{display:inline;}
.topPage .mangaBlock p.btn a:hover img	{
opacity:0.5;
-webkit-transition:opacity 0.1s linear;
-moz-transition:opacity 0.1s linear;
-ms-transition:opacity 0.1s linear;
-o-transition:opacity 0.1s linear;
transition:opacity 0.1s linear;
}


.topPage .howTo			{padding:0 0 50px 0;background:#0a0a0a;}
.topPage .howTo	h2		{text-align:center;padding:50px;}
.topPage .howTo	h2 img	{display:inline;}
.topPage .howTo	h3		{text-align:center;padding:50px;}
.topPage .howTo	h3 img	{display:inline;}
.topPage .howTo	p		{line-height:0;}
.topPage .howTo ul		{letter-spacing:-.40em;margin-top:30px;}
.topPage .howTo li		{display:inline-block;line-height:0;vertical-align:top;margin-left:45px;}
.topPage .howTo li.fst	{margin-left:0;}
.topPage .howTo li.bot	{margin-top:45px;}

.topPage .netShop				{padding:50px 0;background:#f5f5f5;}
.topPage .netShop p				{text-align:center;}
.topPage .netShop p	img			{display:inline;}
.topPage .netShop p	a:hover img	{
opacity:0.5;
-webkit-transition:opacity 0.1s linear;
-moz-transition:opacity 0.1s linear;
-ms-transition:opacity 0.1s linear;
-o-transition:opacity 0.1s linear;
transition:opacity 0.1s linear;
}


.topPage .other						{background:url(../img/medhia_bg01.jpg) repeat top center;height:100%;}
.topPage .otherInner				{background:url(../img/medhia_bg02.jpg) no-repeat top center;}
.topPage .otherInner p				{line-height:0;margin-top:30px;}
.topPage .otherInner .left			{float:left;width:470px;padding-top:50px;}
.topPage .otherInner .right			{float:right;width:470px;padding-top:50px;}
.topPage .otherInner a:hover img	{
opacity:0.5;
-webkit-transition:opacity 0.1s linear;
-moz-transition:opacity 0.1s linear;
-ms-transition:opacity 0.1s linear;
-o-transition:opacity 0.1s linear;
transition:opacity 0.1s linear;
}
.topPage .otherInner .con		{text-align:center;margin-top:50px;}
.topPage .otherInner .con img	{display:inline;}


#page-top			{bottom: 20px; font-family: "メイリオ", Meiryo, Osaka, sans-serif; font-size: 77%; position: fixed; right: 20px;}
#page-top a			{background: none repeat scroll 0 0 #CFCEBE; border-radius: 5px; color: #796E6E; display: block; padding: 10px 0; text-align: center; text-decoration: none; width: 100px;}
#page-top a:hover	{background: none repeat scroll 0 0 #E2E1D2; text-decoration: none; transition: background 200ms linear 0s;}




/* MANGA　YOKKAKOUJI
 ------------------------------------------ */

.manga .keyvisual			{margin-top:0;background:#222;padding:50px 0;height:670px;}
.manga .blockList			{height:670px;overflow:hidden;}
.manga .rhino-container		{position: relative;height:670px!important;}
.manga .rhino-btn			{top:44%; z-index: 10; width: 56px; height: 53px; display: block; text-indent: -999%; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.manga .rhino-prev,
.manga .rhino-next			{bottom: -4px;}
.manga .rhino-prev			{left:-83px;background:url(../img/prev.png) no-repeat;}
.manga .rhino-next			{right: -86px;background:url(../img/next.png) no-repeat;}

.manga .rhino-prev:hover,
.manga .rhino-next:hover	{
opacity:0.5;
-webkit-transition:opacity 0.1s linear;
-moz-transition:opacity 0.1s linear;
-ms-transition:opacity 0.1s linear;
-o-transition:opacity 0.1s linear;
transition:opacity 0.1s linear;
}

.manga .rhino-caption		{
position: absolute;
background: #000;
display: none;
left: 0;
right: 0;
top: 0;
color: #fff;
padding: 10px;
text-align: right;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}