@font-face{
 font-family: 'Myfont';
 src: url(https://frontierf.com/happy/font/h.woff);
}

@charset "UTF-8";

*{
 margin: 0px;
 padding: 0px;

 text-decoration: none;
 font-family: Myfont;
}

.dots{ 
 border-top: 4px dotted #EAA8BF;
 padding-bottom:0px
 /*border-width: 0 0 3px;
 border-style: dotted;
 background-color:  
 border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 65%, 1.0)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
 width: 850px;*/
}

/*キャラ詳細*/
.charainfo{
 /*position: relative;*/
 top: 50px;
}

/*キャラ名*/
.charaname{
 /*position: absolute;*/
 font-size: 25px;
 margin: 0.3em;
}

/*キャラ画像*/
.charaimg img{
 /*position: absolute;*/
 top: 90px;
}

/*下線*/
.under{
 background: linear-gradient(transparent 60%, #ffc296 60%);
 border-radius:10px;
}

/*種族*/
.animal-type{
 font-size: 25px;
 /*position: absolute;*/
 top: 350px;
 left: 30px;
}

/*種族特性*/
.animal-type-info{
 font-size: 20px;
 position: relative;
 left: 30px;
}

/*装備品*/
.Equip{
 /*position: absolute;*/
 top: 70px;
 right: 110px;
}

/*装備品詳細*/
.Equip-info{
 /*position: relative;*/
 font-size: 20px;
 /*margin: 20px;*/
}

.Equip-info table tr td{
 margin: 10px;
 padding: 10px;
}

/*種族的特徴*/
/*.Parsonality table{
 font-size: 25px;
 margin: 2em;
 margin-top: 400px;*/
}

/*マイガーデン*/
.Profile-Garden{
 width: 930px;
 background-color: #fff; /* 背景色 */
 border: 2px solid #ffbdb5; /* 線の太さ・種類・色 */
 box-shadow:1px 1px 6px 0px #ffddd9;
 -moz-box-shadow:1px 1px 6px 0px #ffddd9;
 -webkit-box-shadow:1px 1px 6px 0px #ffddd9;
 -o-box-shadow:1px 1px 6px 0px #ffddd9;
 margin: 30px 5px; /* 外側の余白 上下・左右 */
 padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
}

.Profile-Garden:after{
 background-color: #ffddd9; /* マステ部分の色1 */
 background-image: linear-gradient(45deg, #fccbc5 25%, transparent 25%, transparent 75%, #fccbc5 75%, #fccbc5), linear-gradient(45deg, #fccbc5 25%, transparent 25%, transparent 75%, #fccbc5 75%, #fccbc5); /* マステ部分の色2 */
 background-position: 0 0, 12px 12px;
 background-size: 24px 24px;
 border-left: 2px dotted rgba(255,255,255,0.9);
 border-right: 2px dotted rgba(255,255,255,0.9);
 box-shadow: 0 0 5px rgba(255,255,255,0.5);
 content: 'マイガーデン';
 display: block;
 margin: 0 0 10px 0;
 padding: 5px 20px;
 color: #000;  /* マステ部分文字色 */
 text-align: center;
 position: absolute;
 top: 100px;
 left: 40px;
 transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 -webkit-transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
}

/*プロフィール*/
background{
 repeating-linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,0) 50px, #ccc 23px, #ccc 24px);
}

.Profile{
 width: 930px;
 background-color: #fff; /* 背景色 */
 border: 2px solid #ffbdb5; /* 線の太さ・種類・色 */
 box-shadow:1px 1px 6px 0px #ffddd9;
 -moz-box-shadow:1px 1px 6px 0px #ffddd9;
 -webkit-box-shadow:1px 1px 6px 0px #ffddd9;
 -o-box-shadow:1px 1px 6px 0px #ffddd9;
 margin: 50px 5px; /* 外側の余白 上下・左右 */
 padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
}

.Profile:after{
 background-color: #ffddd9; /* マステ部分の色1 */
 background-image: linear-gradient(45deg, #fccbc5 25%, transparent 25%, transparent 75%, #fccbc5 75%, #fccbc5), linear-gradient(45deg, #fccbc5 25%, transparent 25%, transparent 75%, #fccbc5 75%, #fccbc5); /* マステ部分の色2 */
 background-position: 0 0, 12px 12px;
 background-size: 24px 24px;
 border-left: 2px dotted rgba(255,255,255,0.9);
 border-right: 2px dotted rgba(255,255,255,0.9);
 box-shadow: 0 0 5px rgba(255,255,255,0.5);
 content: 'プロフィール';
 display: block;
 margin: 0 0 10px 0;
 padding: 5px 20px;
 color: #000;  /* マステ部分文字色 */
 text-align: center;
 position: absolute;
 top: 870px;
 left: 40px;
 transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 -webkit-transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
}

/**********************************************/