@charset "utf-8";

div,h1,h2,h3,p,ul,li,input,textarea,table,tr,th,td,footer,header,nav{box-sizing:border-box}
a{outline:none}
a img{border-style:none}
ul,li{list-style-type:none}

html {
font-size: 62.5%; /*ベースを10pxにする*/
}
body{
background-color: #eccad2;
background-image: url("img/pinkdot_wall.png");
color:#484848;
font-size:1.3rem; /*13px*/
line-height:1.6;
overflow-y:scroll;
margin:20px;
overflow-wrap:break-word;
word-wrap:break-word
}

a:link, a:visited, a:active {
  color: #484848;
}
a:hover {
  color: #bbbbbb;
}

/*--------------------------------------------------------
基本
--------------------------------------------------------*/
#wrapper{
margin:0 auto;
width:660px /* 全体の幅・大きさはここで変更 */
}
/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
header{
background:#fdfefe;
border:1px solid #ad9c9d;
margin-bottom:15px
}
.header-inner{
padding:15px 15px
}
/*--------------------------------------------------------
下(フッター)
--------------------------------------------------------*/
footer{
font-size:1.5rem; /*15px*/
text-align:right;
}
a.link1 {text-decoration:none;
}
/*--------------------------------------------------------
見出し、枠、線
--------------------------------------------------------*/
.title_name{
font-size:1.56rem; /*15.6px*/
font-weight:bold;
padding: 0.25em 0.1em;/*上下 左右の余白*/
color: #596a82;/*文字色*/
}
.midasi{
line-height: 2.8em;
font-weight:bold;
color: #737b90;
}
.midasi2{
color: #bfb7b7;
}
.footer_navi{
text-align: center;
}
.navi_color{
color: #eccad2;
}
/*--------------------------------------------------------
スマホ、タブレット用
横幅480pxで切り替え
--------------------------------------------------------*/
@media screen and (max-width: 480px){
body{
font-size:1.5rem; /*15px*/
margin:7px;
}
#wrapper{
position:relative;
padding:0;
width:100%
}
.header-inner{
padding:10px
}

}