a.nav:link { color: #D9F4FC; text-decoration:none; }
a.nav:visited { color: #D9F4FC; text-decoration:none; }
a.nav:hover { color: yellow; text-decoration:none; }
a.nav:active { color: yellow; text-decoration:none; }

body {font-family: 'Hiragino Maru Gothic ProN','Hiragino Sans','ヒラギノ丸ゴシック',YuGothic,'Yu Gothic','メイリオ','Meiryo','Avenir','Helvetica Neue','Helvetica','Arial','ＭＳ Ｐゴシック','MS PGothic' ,sans-serif;}
body {background-color: #D9F4FC; }

/* スマホ 767px以下 */
@media only screen and (max-width: 767px) {
  .main{ width: 90%; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 30px; background-color: #D9F4FC; color:#8A0B98; }
  .side-menu{ width: 90%; margin-left: auto;    margin-right: auto;padding:10px; background-color:#5773EF;color:#D9F4FC;line-height: 200%; }
}

/* pc　768px以上 */
@media only screen and (min-width: 768px), print {
  .wrap{    overflow: auto;    width: 925px;    margin-left: auto;    margin-right: auto;  }
  .main{    /* float: right;に変更 */    float: right;    width: 620px;    height: auto;    padding:0px;    background-color: #D9F4FC; color:#8A0B98; }
  .side-menu{    /* float: left;に変更 */    float: left;    width: 265px;padding:20px 0px 20px 20px;    background-color:#5773EF;color:#D9F4FC;line-height: 200%;   }
}