@charset "Shift_JIS";

/**************************************************/
/* �\�� */
/**************************************************/
html { 
  height:100%; 
} 
body {
  height:100%; 
  background: #fff url(../img/detail/bg-body.jpg) right center no-repeat fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;  color: #000;
  text-align: center;
}

img#bg {
  z-index: -1;
  position:fixed;
}


a img:hover {
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}


/* webfonts */
/*IEs*/
@font-face {
font-family: tanuki;
src: url(../../../fonts/TanukiMagic.eot);
}

@font-face {
font-family: tanuki;
src: url(../../../fonts/TanukiMagic.ttf) format('truetype');
}


/**************************************************/
/* header */
/**************************************************/
header {
  position: absolute;
  top: 0;
  left: 0;
  height:100%; 
  min-height: 100%;
  /width: 360px;
  background: #fff url(../img/detail/bg-header.gif) repeat-y;
  background: rgba(255, 255, 255, 1);
}
body > header { 
  height: auto; 
}

.fixed {
  position: fixed;
  top: 0px;
}


header h1 {
  margin: 20px 50px;
}

header h2 {
  margin: 20px 30px;
  background: #993A19;
  color: #fff;
  padding: 5px 0;
  font-size: 80%;
  font-weight: bold;
}

p {
	margin-top: 20px;
}

/*********************************/
/* nav */
/*********************************/
nav {
  text-align: left;
}

nav ol {
  position: relative;
  margin: 10px 0 30px -10px;
  z-index: 99;
}
nav ol li {
  margin-bottom: 5px;
}

nav ol li.no-link {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

nav ol li a img:hover {
  transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
}


/*********************************/
/* �o�i�[ */
/*********************************/
header ul {
}
header ul li {
  display: inline;
  padding: 0 10px;
}


/**************************************************/
/* ���C�� */
/**************************************************/
#main {
  width: 640px;
  margin: 0 0 0 360px;
  padding-top: 30px;
  /*background: rgba(55, 190, 240, 0.2);*/
  text-align: left;
}
/*
#main dt,#main dd,#main p,#main li {
  text-shadow: 2px 2px 0 #fff;
}
*/
#main h3 {
  margin: 10px 0 10px 0;
  font-family: "���C���I", "�q���M�m�p�S Pro W3",sans-serif;
  font-size: 300%;
  font-weight: bold;
  text-align: left;
}



/*********************************/
/* �e�{�b�N�X���� */
/*********************************/

/* �A�C�L���b�` */
#main section .eyecatch {
  text-align: center;
  margin-bottom: 10px;
}
#main section .eyecatch img {
  margin-bottom: 10px;
}

/* ���ӏ��� */
#main section p.caution {
  margin-bottom: 1em;
  color: #f00;
  font-weight: bold;
}


/*********************************/
/* �̌� */
/*********************************/
#main #box_exp {
  _width: 540px;
  margin: 0 0 30px 30px;
  padding: 20px;
  border-left: 30px solid #E60012;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #FFEDEE;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
}

#main #box_exp h3 {
  margin-bottom: 30px;
  color: #E60012;
  border-bottom: 5px solid #E60012;
}

#main #box_exp section.booth {
  float: left;
  width: 230px;
  /*min-height: 490px;*/
  margin: 0 10px 20px;
  padding: 15px 10px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
}
#main #box_exp section.no-margin {
  margin-left: 0;
}
#main #box_exp section.f-right {
  float: right;
}

#main #box_exp section.booth h4 {
  margin-bottom: 15px;
  color: #993A19;
  font-size: 130%;
  font-weight: bold;
}
#main #box_exp section.booth h5 {
  margin: 15px 0;
  color: #E60012;
  font-weight: bold;
}
#main #box_exp section.booth h6 {
  margin: 15px 0;
  font-weight: bold;
}
#main #box_exp section.booth h6 span {
	font-size: 70%;
  color: #E60012;
}

#main #box_exp section.booth p {
  margin: 0 0 10px 0;
  font-size: 80%;
  text-align: left;
}
#main #box_exp section.booth p.copyright {
  margin: 0 10px 5px 0;
  font-size: 40%;
  text-align: right;
}
#main #box_exp section.booth p.btn {
  margin: 0 0 10px 0;
  padding: 15px 0;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  background: #21B6FF;
  color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#main #box_exp section.booth p.btn:hover {
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
#main #box_exp section.booth p.btn a {
  color: #FFF;
}

#main #box_exp section.booth dl {
  margin-bottom: 10px;
  padding: 5px 0;
  border-top: 2px solid #E60012;
  border-bottom: 2px solid #E60012;
  font-size: 80%;
  text-align: left;
}
#main #box_exp section.booth dt {
  color: #E60012;
  line-height: 1.8;
  font-weight: bold;
}
#main #box_exp section.booth dd {
  margin: -1.8em 0 0 3em;
  line-height: 1.8;
}

#main #box_exp section.booth ul {
  text-align: left;
}

#main #box_exp section.booth ul li {
  list-style: disc;
  margin: 0 0 5px 12px;
  font-size: 65%;
}



/*********************************/
/* �V�ԁI */
/*********************************/
#main #box_play {
  _width: 540px;
  margin: 0 0 30px 30px;
  padding: 20px;
  border-left: 30px solid #38BEEF;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
}

#main #box_play h3 {
  color: #38BEEF;
  border-bottom: 5px solid #38BEEF;
}


/* �e�{�b�N�X���� */
/*********************************/
#main #box_play section {
  margin: 0 0 20px;
}
#main #box_play section div {
  padding: 20px 20px 10px;
  background-color: #BDEBFC;
  border-radius: 5px;
  overflow: hidden;
}
#main #box_play section div h4 {
  margin-bottom: 10px;
  color: #993A19;
  font-size: 160%;
  font-weight: bold;
  line-height: 1.5;
  text-shadow: 1px 2px 0 #fff;
}
#main #box_play section div h4 span {
  font-size: 40%;
  font-weight: normal;
}
#main #box_play section div h5 {
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1.8;
}

#main #box_play section div h6 {
  margin-bottom: 10px;
  font-weight: bold;
}
#main #box_play section div h6 a {
  padding-right: .5em;
  color: #38BEEF;
  text-decoration: underline;
}

#main #box_play section div p {
  margin-bottom: 10px;
  font-size: 80%;
  line-height: 1.6;
}

#main #box_stage section div {
  padding: 20px 20px 10px;
  background-color: #BDEBFC;
  border-radius: 5px;
  overflow: hidden;
}
#main #box_stage section div h4 {
  margin-bottom: 10px;
  color: #993A19;
  font-size: 160%;
  font-weight: bold;
  line-height: 1.5;
  text-shadow: 1px 2px 0 #fff;
}


/* �V�� */
/*********************************/
#play-tool {
  background: url(../img/detail/play/bg-photo.png) no-repeat;
  _background: url(../img/detail/play/bg-photo.gif) no-repeat;
}
#play-tool div h5 strong {
  padding-left: 1em;
  color: #f00;
}


/* ���[���o���W�[ */
/*********************************/

#play-bungy div p strong {
  color: #f00;
  font-size: 130%;
}

/* �O�����X�g���[�g */
/*********************************/
#play-gourmet div dl {
  float: left;
  margin: 0 10px 10px 0;
  text-align: center;
}
#play-gourmet div dl.no-margin {
  margin-right: 0;
}
#play-gourmet div dl dt img {
  margin-bottom: 5px;
}
#play-gourmet div dl dd {
  font-weight: bold;
  font-size: 90%;
}
#play-gourmet ul {
	width: 250px;
	float: left;
}
#play-gourmet li {
	font-size: 90%;
	font-weight: bold;
	padding: 5px 10px;
}


/* �L�����N�^�[ */
/*********************************/
#play-character div dl {
	margin-left: 1em;
}
#play-character div dl dt {
  color: #E71A1D;
  font-weight: bold;
  padding-left: 0.3em;
  border-left: 5px solid #E60012;
}
#play-character div dl dd {
  font-size: 90%;
  padding-left: 0.8em;
  padding-bottom: 5px;
}
#play-character div dl dd strong {
  color: #E60012;
  border-bottom: 3px solid #E60012;
}


/* �L�����N�^�[ */
/*********************************/
#play-uxbooth {
}
#play-uxbooth h5 {
}
#play-uxbooth p {
	margin: 0;
	padding-bottom: 30px;
}




/*********************************/
/* �X�e�[�W�I */
/*********************************/
#main #box_stage {
  _width: 540px;
  margin: 0 0 30px 30px;
  padding: 20px;
  border-left: 30px solid #8EC31F;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
}

/* ���e */
#main #box_stage h3 {
  color: #8EC31F;
  border-bottom: 5px solid #8EC31F;
}

#main #box_stage dl {
  margin: 20px 0;
}

#main #box_stage dl dt {
  color: #8EC31F;
  font-size: 120%;
  font-weight: bold;
  line-height: 2;
}
#main #box_stage dl dt a {
  color: #8EC31F;
  text-decoration: underline;
}
#main #box_stage dl dt a:hover {
  text-decoration: none;
}
#main #box_stage dl dt span {
  padding-left: .5em;
  font-size: 80%;
}

#main #box_stage dl dd {
  margin-bottom: 1em;
  font-size: 80%;
}



/*********************************/
/* �X�e�[�W�I */
/*********************************/
#main #box_create {
  _width: 540px;
  margin: 0 0 30px 30px;
  padding: 20px;
  border-left: 30px solid #f39700;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
}

/* ���e */
#main #box_create h3 {
  color: #f39700;
  border-bottom: 5px solid #f39700;
}

#main #box_create dl {
  margin: 20px 0;
}

#main #box_create dl dt {
  color: #f39700;
  font-size: 120%;
  font-weight: bold;
  line-height: 2;
}
#main #box_create dl dt a {
  color: #f39700;
  text-decoration: underline;
}
#main #box_create dl dt a:hover {
  text-decoration: none;
}
#main #box_create dl dt span {
  padding-left: .5em;
  font-size: 80%;
}

#main #box_create dl dd {
  margin-bottom: 1em;
  font-size: 80%;
}




/* �����n�A�C�h��LIVE */
/*********************************/
#aidoru {
	font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}

#aidoru h4 {
	font-size: 140%;
	font-weight: bold;
	color: rgba(255,102,153,1);
}

#aidoru ul li {
	width: 230px;
	padding: 10px 0 10px 0;
	float: left;
	text-align:center;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
}
#aidoru ul li.left-box {
	padding-right: 30px;
}
#aidoru ul li img {
	border: solid 1px #999999;
	width: 230px;
}

.clear {
	clear: both;
}

/* 
#main #box_stage .detail-stage h4 {
  margin-bottom: 15px;
  color: #8EC31F;
  border-bottom: 3px solid #8EC31F;
  font-size: 130%;
  font-weight: bold;
}

#main #box_stage .detail-stage img {
  margin-bottom: 20px;
  border-radius: 5px;
}
*/

/*********************************/
/* �v�� */
/*********************************/
#main #box_pre {
  margin: 0 0 0 30px;
  text-align: center;
}


/**************************************************/
/* �t�b�^�[ */
/**************************************************/
footer {
  margin: 0 0 30px 30px;
  border-left: 30px solid #014095;
  padding: 20px;
  color: #014095;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
}


/*********************************/
/* �J�ÊT�v */
/*********************************/
#outline {
}

#outline h3 {
  border-bottom: 5px solid #014095;
}

#outline dl {
  margin: 0 0 40px;
}

#outline dt {
  font-weight: bold;
  line-height: 1.6;
}
#outline dd {
  margin-bottom: 10px;
  font-size: 90%;
  font-weight: bold;
}

#outline dd a {
  color: #E3001B;
  text-decoration: underline;
}
#outline dd a:hover {
  text-decoration: none;
}

/******************************/
/* �\�[�V�����{�^��
/******************************/
#box-sns {
  margin: 0 0 20px;
  font-size: 80%;
  overflow: hidden;
}

#box-sns #twitterTweet {
  display: inline;
  float: left;
}
#box-sns #facebookLikes {
  display: inline;
  float: left;
}

/*********************************/
/* �R�s�[���C�g */
/*********************************/
#main footer p {
  font: x-small Verdana, "�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","���C���I",Meiryo;
}


/**************************************************/
/* �y�[�W�g�b�v */
/**************************************************/
#page-top {
  position: fixed;
  bottom: 40%;
  right: 0px;
  float: right;
}
#page-top a {
  display: block;
  width: 40px;
  padding: 10px;
  border-left: 10px solid #F39700;
  border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  color: #F39700;
  font-size: 80%;
  font-weight: bold;
  overflow: hidden;
}
#page-top a:hover {
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}


/**************************************************/
/* �N���A�t�B�b�N�X */
/**************************************************/
.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

/**************************************************/
/* ���� */
/**************************************************/
.f-c {clear:both; margin:0; padding:0;}