@font-face
{font-family: ロゴたいぷゴシック;
src: url('https://cdn.leafscape.be/logotype/logotype_web.woff2')
     format("woff2");}
@font-face
{
font-family:"Nemukeフォント" ;
src: url('https://cdn.leafscape.be/Nemuke/NemukeMedium_web.woff2')
     format("woff2");
}
@font-face
{
font-family: 東青梅ゴシック;
src: url('https://cdn.leafscape.be/HigashiOme/higashiome-gothic-1.3i_web.woff2')
     format("woff2");
}
/* 基本設定 */ 
body{color:#333333;  
background-position:top left;  
background-attachment:fixed;
background-image:url(../img/back.jpg);  
background-color:#000000;
font-family:Verdana, Arial,"メイリオ", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
font-weight:normal;margin:0px;padding:0px;
}

/* リンク設定 */ 
a:link{text-decoration:none;color:#32d40b;}/* リンクに触れる前の色 */ 
a:visited{text-decoration:none;cursor:crosshair;color:#32d40b;}/* 訪問したことのあるリンクの色 */ 
a:hover{text-decoration:none;cursor:crosshair;color:#cccccc;}/* 触れた時のリンク設定 */ 

/* リスト設定 */ 
ul,ol{
list-style-position:inside;
margin:0px 0px 0px 15px;
} 

 /* 画像のボーダーをあらかじめ０にする */
img{border:none;}

/* フォーム関連の設定 */
textarea{
font-size:11px;
line-height:17px;
padding:5px;
}
textarea,input{
color:#33aaff;
border:1px solid #33aaff;
background-color:#ccffff;
}


/* メニュー部分の設定 */

#menu{
font-size:15px;
text-align:center;
margin:0px 0px 5px 0px;
}
#menu ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#menu li {
display:inline;
}
#menu li a {
color:#333333;
padding:0px 3px;
}
#menu li a:hover{
color:#00ccff;
}


.bara{font-family: ロゴたいぷゴシック; font-size:15px; font-weight:bold;
color:#ffffff;
background-image:url(../img/bara.png)  ;
background-repeat:no-repeat ;
background-position:center ;
padding:30px 10px ; display:inline;
 
    text-shadow: 3px 3px  5px #8fbc8f,
    -2px 2px 5px #8fbc8f,
    2px -2px 5px #8fbc8f,
    -2px -2px 5px #8fbc8f;}


/* デザイン全般設定 */
#all{text-align:left;width:800px;margin:0px 100px;}
#header{height:50px;font-size:14px;}
#footer{font-size:10px;color:#0066ff;
height:100px;padding:0px 0px 0px 0px;}
#header,#footer{width:800px;}

#back{font-size:18px;text-align:center;
padding:30px 0px 35px 0px;}

/* 見出し設定 */ 
h1{color:#e6b422; font-size:16px;
padding:5px 5px 0px 5px;
margin:0px 0px 0px 0px; }

h2{font-family:'Gloria Hallelujah', cursive;
font-size:20px;
color:#ffffff;
border:double 5px #32d40b;
background-color:#000000;
text-align:center;
margin:7px 40px 7px 40px;
padding:10px  0px ;}

h3{
font-size:11px;
text-decoration:underline;
border-left:4px solid #33aaff;
margin:10px 0px 5px 5px;
padding:10px 10px;
}


h5{font-family: ロゴたいぷゴシック;
background-image:url(../img/h5.png)  ;background-repeat:no-repeat ;
background-position:left　bottom ; 
font-size:15px;
color:#444444;
border-bottom:dotted 2px #444444;
padding:5px 10px 5px 35px;
margin:20px 0px 5px 0px;
}

/* メニューの設定 */
#menu{
text-align:center;
}
#menu ul {
list-style-type:none;
margin:10px 0px 0px 0px;
padding:10px 0px;
}
#menu li {
display:inline;
margin:0px 10px 0px 10px;
}
#menu li a {
color:#666666;
padding:0px 5px;
}
#menu li a:hover{
color:#66ccff;
}


.gloria{font-family: 'Gloria Hallelujah', cursive;
background-repeat:no-repeat ; color:#444444;
font-size:20px;padding:10px 10px 10px 10px;
text-align:right; border-bottom:double 4px #32d40b; 
}


.check{  background: linear-gradient(transparent 60%, #fff352 0%);display: inline-block;}





.title{font-family: 'ロゴたいぷゴシック';
background-repeat:no-repeat ; color:#8fbc8f;
font-size:35px;padding:10px 10px 10px 10px;
text-align:center; 
}

table{width:610px;background-color:#ffffff; table-layout:fixed;padding:5px;}






/* 装飾用box */
.box1{font-family:ロゴたいぷゴシック; width:610px;padding:20px 50px 20px 45px;
background-color:#ffffff;  background:url(../img/box1.png) repeat-y;  
letter-spacing:0.5px;font-size:14px;line-height:150%;text-align:left;}

.box2{font-family:ロゴたいぷゴシック; width:610px;padding:20px 50px 20px 45px;
background-color:#ffffff;  background:url(../real/img/box1.png) repeat-y;  
letter-spacing:0.5px;font-size:14px;line-height:150%;text-align:left;}

.box4{background:url(../img/check.png) no-repeat;text-align:left;
color:#7b7b7b;width:500px; margin:3px 5px 5px 5px;padding:0px 0px 0px 25px;
}



/* back設定 */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 150px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
   
}



.arcana {/*親div*/
  position: relative;width:100px;  }

.arcana p {
  position: absolute;
  color: #ffffff;    background: rgba(0,0,0,.6);
  font-weight:normal; /*太字に*/  font-size:14px;
  font-family :font-family: ロゴたいぷゴシック, sans-serif;
  top: 80%;  left: 45%;
 
  margin:0;
  padding:5px;
  }

.arcana img {
  width: 100%;
  }