@charset "utf-8";



/*----------------------------------------
	style
----------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	word-break: break-all;
}

body{
background-image:url("../img/bg.jpg");
background-position:center top;
background-size:1500px;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#000;
}

#wrapper_index{
max-width:600px;
background-image:url("../img/base.jpg");
background-repeat:no-repeat;
background-size:cover;
background-color:#fff;
margin:0 auto 0;
box-shadow: 0px 0px 10px;
overflow:hidden;
position:relative;
width:100%;
}

#wrapper{
max-width:600px;
background-image:url("../img/base.jpg");
background-repeat:no-repeat;
background-size:contain;
background-color:#fff;
margin:0 auto 0;
box-shadow: 0px 0px 10px;
overflow:hidden;
position:relative;
width:100%;
}

#flame_right{
position:absolute;
width:16px;
background-image:url("../img/flame_r.jpg");
background-repeat:repeat-Y;
height:100%;
right:0px;
}

#flame_left{
position:absolute;
width:16px;
background-image:url("../img/flame_l.jpg");
background-repeat:repeat-Y;
height:100%;
left:0px;
}

.text_1{
width:92%;
display:block;
margin:0 auto 0;
}

.logo{
width:70%;
display:block;
margin:0 auto 0;
position:relative;
z-index:100;
}

.chara{
width:100%;
display:block;
margin:-5% auto 0;
}

form{
margin:2% auto 0;
}

form .text{
position:relative;
z-index:20;
display:block;
width:85%;
height:10%;
margin:0 auto 0;
font-size:23px;
font-weight:bold;
padding:15px;
color:#999;

border:3px solid #482100;

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px; 

}

form input.btn{
display:block;
width:25%;
height:180px;
margin:-2% auto 0;
background-size:contain;
background-color:transparent;
border:0px solid #000;
background-image:url("../img/btn_enter.png");
background-repeat:no-repeat;
cursor:pointer!important;
}


.exp_mitama{
width:70%;
display:block;
margin:0 auto 20px;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}

.bnr_box{
width:90%;
display:block;
margin:5% auto 0;
position:relative;
padding-top:47%;
background-image:url("../img/bnr_t2.jpg");
background-size:100%;
border:1px solid #482100;
cursor:pointer;
}

.bnr_box img{
display:none;
}

.bnr{
width:100%;
display:block;
}


.footer{
width:100%;
height:100px;
display:block;
margin:40px auto 0px;
padding:30px 0 10px;
text-align:center;
background-color:#fff;
}

.footer img{
width:40%;
}


.bnr_btn{
width:48%;
display:block;
top:12%;
position:absolute;
}

.bnr_btn.leftSide{
left:1%;
}

.bnr_btn.rightSide{
left:50%;
}

.mo:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}



/*---------------child-----------------*/

.text_2{
display:block;
width:90%;
text-align:center;
margin:0 auto 0;
font-size:30px;
font-weight:600;
color:#300;
text-shadow: 0px 0px 8px #fff;
line-height:120%;
}

.text_2 nobr{
text-align:center;
margin:0 auto 0;
font-size:30px;
font-weight:600;
color:#300;
text-shadow: 0px 0px 8px #fff;
line-height:120%;
}

.text_2_red{
color:#800;
font-size:30px;
}

#img_mitama{
width:85%;
font-size:20px;
margin:2% auto 5%;
background-image:url("../img/base_mitama.png");
padding:1%;
background-size:contain;

box-shadow:0px 0px 8px ;
position:relative;
}

#img_mitama img{
display:block;
width:100%;
margin:auto;
}

#namebox{
margin:0 auto 5%;
width:60%;
display:block;
position:relative;
}

.namebase_mitama{
display:block;
margin:0 auto 0;
width:100%;
}

#namesub_mitama{
display:block;
width:100%;
top:14%;
text-align:center;
color:#fff;
font-size:14px;
position:absolute;
z-index:100;
}

#name_mitama{
display:block;
width:100%;
text-align:center;
color:#fff;
top:30%;
font-size:35px;
position:absolute;
z-index:100;
}

#name_mitama.ns{
display:block;
width:100%;
text-align:center;
color:#fff;
top:12%;
font-size:40px;
position:absolute;
z-index:100;
}

#text_mitama{
width:88%;
font-size:20px;
margin:0 auto 5%;
}

#sns {
display:block;
width:90%;
margin:0 auto 2%;
clear:both;
}

#sns:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#sns a{
display:block;
float:left;
width:48%;
margin:0 1% 0;
}

#sns a img{
display:block;
width:100%;
margin:0 auto 0;
}

a.back{
display:block;
width:88%;
margin:3% auto 2%;
}

a.back img{
display:block;
width:100%;
margin:0 auto 0;
}

.copyguard{
position:absolute;
height:100%;
width:100%;
}



@media screen and (max-width: 700px){

body{-webkit-text-size-adjust:none;}

#flame_right{
position:absolute;
width:12px;
background-size:contain;
background-image:url("../img/flame_r.jpg");
background-repeat:repeat-Y;
height:100%;
right:0px;
}

#flame_left{
position:absolute;
width:12px;
background-image:url("../img/flame_l.jpg");
background-repeat:repeat-Y;
background-size:contain;
height:100%;
left:0px;
}


form .text{
position:relative;
z-index:20;
display:block;
width:85%;
height:10%;
margin:3% auto 0;
font-size:16px;
padding:15px;
color:#999;

border:2px solid #482100;

border-radius: 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}


form .btn{
display:block;
width:20%%;
height:150px;
margin:-2% auto 0;

background-size:contain;

background-color:transparent;
border:0px solid #000;
background-image:url("../img/btn_enter.png");
background-repeat:no-repeat;
cursor:pointer!important;
}


.footer{
width:100%;
height:80px;
display:block;
margin:40px auto 0px;
padding:0 0 10px;
text-align:center;
background-color:#fff;
}


/*---------------child-----------------*/




.namebase_mitama{
display:block;
margin:0 auto -10.5%;
width:60%;
}

#namebox{
margin:0 auto 5%;
width:60%;
display:block;
position:relative;
}

.namebase_mitama{
display:block;
margin:0 auto 0;
width:100%;
}

#namesub_mitama{
font-size:12px;
display:block;
width:100%;
top:10%;
text-align:center;
color:#fff;
position:absolute;
z-index:100;
}

#text_mitama{
width:88%;
font-size:18px;
margin:0 auto 5%;
}

#name_mitama{
font-size:30px;
display:block;
width:100%;
text-align:center;
color:#fff;
top:25%;
position:absolute;
z-index:100;
}

#name_mitama.ns{
display:block;
width:100%;
text-align:center;
color:#fff;
top:24%;
font-size:30px;
position:absolute;
z-index:100;
}

}





@media screen and (max-width: 500px){


#flame_right{
position:absolute;
width:8px;
background-size:contain;
background-image:url("../img/flame_r.jpg");
background-repeat:repeat-Y;
height:100%;
right:0px;
}

#flame_left{
position:absolute;
width:8px;
background-image:url("../img/flame_l.jpg");
background-repeat:repeat-Y;
background-size:contain;
height:100%;
left:0px;
}


form .text{
position:relative;
z-index:20;
display:block;
width:85%;
height:10%;
margin:4% auto 0;
font-size:14px;
padding:10px;
color:#999;

border:2px solid #482100;

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px; 
}

form .btn{
display:block;
width:20%%;
height:100px;
margin:-2% auto 0;

background-size:contain;

background-color:transparent;
border:0px solid #000;
background-image:url("../img/btn_enter.png");
background-repeat:no-repeat;
cursor:pointer!important;
}


.footer{
width:100%;
height:50px;
display:block;
margin:40px auto 0px;
padding:30px 0 10px;
text-align:center;
background-color:#fff;
}

/*---------------child-----------------*/

.text_2{
display:block;
width:90%;
text-align:center;
margin:0 auto 0;
font-size:24px;
font-weight:600;
color:#300;
text-shadow: 0px 0px 8px #fff;
line-height:120%;
}

.text_2 nobr{
text-align:center;
margin:0 auto 0;
font-size:24px;
font-weight:600;
color:#300;
text-shadow: 0px 0px 8px #fff;
line-height:120%;
}

.text_2_red{
color:#800;
font-size:24px;
}

#namebox{
margin:0 auto 5%;
width:70%;
display:block;
position:relative;
}

.namebase_mitama{
display:block;
margin:0 auto 0;
width:100%;
}

#namesub_mitama{
display:block;
width:100%;
top:10%;
text-align:center;
color:#fff;
font-size:10px;
position:absolute;
z-index:100;
}

#name_mitama{
font-size:23px;
display:block;
width:100%;
text-align:center;
color:#fff;
top:24%;
position:absolute;
z-index:100;
}

#name_mitama.ns{
display:block;
width:100%;
text-align:center;
color:#fff;
top:23%;
font-size:23px;
position:absolute;
z-index:100;
}

}