/*************************************************************************************** 基本設定 */

html, body {
  height:100%;
}
html{
font-size:62.5%;   /*font-sizeを10pxにする*/
}
body {
  background-position:50% 40px;
  /*font-size:0.8em;*/
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1.5;
  color:#000;
}

body.mac {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body, h1, h2, h3, h4, p, ul, li, dl, dt, dd{
  margin:0;
}


li { list-style:none; }

ul,li{ padding:0px; margin:0px; }

img { border:none; vertical-align:bottom;}

a { text-decoration:none; }

a:link,
a:visited,
a:active{color:#ffffff;}
a span{color:#825b25;}
a span:hover{color:#db7093;}
a:hover{color:#87cefa;}

a img.linkimg{
background:none!important;
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}

a:hover .linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}
input{
outline:0;
border:none;
}
input[type="submit"]{
cursor:pointer;
}

/*** eAM共通 */
* html div,
* html ul {
display:inline-block;
}

/* exlude MacIE5 \*/
* html div,
* html ul { height:1%; }
div,
ul { display:block; zoom:1; }

/*main*/
.main{
background-image:url('../images/pre/pre_chara.webp'),url('../images/bg/top_bg01.jpg');
background-position:top center,top center;
background-repeat:no-repeat,repeat;
background-size:contain,cover;
width:100%;
}
.main > div{
max-width:980px;
width:100%;
margin:0px auto;
}
.main > div:first-of-type{
padding-top:20%;
}
.main > div img{
display:block;margin:0px auto;max-width:100%;
}

.contents_base{position:relative; margin:0px auto 0px auto;padding-bottom:6%;}
.contents_box{
position:relative;
width:94%;
height:auto;
color:#000;
margin:0px auto 0px auto;
padding:2%;
box-shadow:1px 1px 10px rgba(0,0,0,0.5);
z-index:4;}

.bkWAKU{
position:absolute;
width:calc(100% - 18px);
height:calc(100% - 18px);
left:6px;
top:6px;
bottom:0px;
background:none;
border:solid 3px #ffffff;
z-index:-1;}

.bkRGBA{
position:absolute;
width:100%;
left:0px;
top:0px;
bottom:0px;
height:100%;
background:linear-gradient(to bottom, #c41820 0%,#ffffff 100%);
opacity:0.8;
z-index:-2;}

.contents_title{
height:auto;
color:#fff;
font-weight:bold;
padding:10px 4px 8px 4px;
margin:0px auto 8px auto;
text-align:center;
font-size:18px;
text-shadow:#09080a 1px 1px 2px;
border-radius:0px;
background:#500000;
background:linear-gradient(to right, #fcfcfd 0%, #090419 50%, #fcfcfd 100%);
filter:drop-shadow(2px 2px 0 #09080a);
z-index:3;}

@media screen and (min-width:2000px) {
.main > div:first-of-type{
padding-top:400px;
}
}

@media screen and (max-width:1200px) {
#logo{
width:90%;margin:0px auto;
}
}

@media screen and (min-width:1668px) {
.main{
background-size:auto,cover;
}
}

@media screen and (max-width:640px){
.contents_title{
font-size:14px;
}
}