@charset "utf-8";

/* COMMON
------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,ul,li{
  margin: 0;
  padding: 0;
  letter-spacing: 0.2;

}
div #rainbowModal{
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
fieldset{
    border:none;
}

body{
  /*background: #666;*/
  /*font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
  position: relative;
}
.main-box{
  position: relative;
  height: 100%;
}
.header h1 a{
    display:block;
    background:#e33933  url(../images/virtual-charpy/logo.svg) center top no-repeat;
    width:150px;
    height:60px;
    text-indent:-9999px;
}
/*clearfix*/
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}

/* 閉じるボタン
------------------------------------------------------*/
.bt-close{
  float: right;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 10px;
	  -ms-border-radius: 10px;
	  -webkite-border-radius: 10px;
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
	  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
	  -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 5;
  background-color:#F4F4F4 ;
}
	.bt-close a{
	  display: block;
	  background:transparent url(../images/virtual-charpy/btn/btn-close-01.png) center top no-repeat;
	  width: 60px;
	  height: 60px;
	  text-indent:-9999px;
	}
	.bt-close a:hover{
	  display: block;
	  background:transparent url(../images/virtual-charpy/btn/btn-close-02.png) center top no-repeat;
	}
    
/* テキスト入力
------------------------------------------------------*/
.input-area input{
    color:#F4F4F4;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 18px;
    display:block;
    background:rgba(50,50,50,0.9);
    border:none;
        border-radius: 10px;
        -ms-border-radius: 10px;
        -webkite-border-radius: 10px;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
        -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
    padding:15px;
    position:absolute;
        top:700px;
        right:0;
        bottom:-760px;
        left:0;
    margin:0 auto;
    text-align:center;
    height:40px;
    width: 600px;
}