@charset "UTF-8";

/************************
  共通css
************************/

/**  初期設定  **/
a:link {  color: #668e8e; text-decoration: none; }
address { font-style: normal; font-size: 75%; color: #333; }
li { list-style: none; }
ul { margin: 0; padding: 0; }

/* 表示非表示 */
.off { display: none; }

/* レスポンシブ設定 */
.dispsp   { display: block; }
.dispsp-i { display: inline-block; }
.disppc   { display: none; }
 .disppc-i { display: none; }

@media ( min-width : 769px) { /* PCのみ適応 */
 .disppc { display: block; }
 .disppc-i { display: inline-block; }
 .dispsp { display: none; }
 .dispsp-i { display: none; }
}

/* メインブロック */
main { width: 100%; box-sizing: border-box;  margin-bottom: 5em; }
header, article { max-width: 1000px; margin: auto; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Montserrat', 'GenJyuuGothic' , 游ゴシック体, "Yu Gothic", YuGothic, "游ゴシック Medium", メイリオ, meiryo, sans-serif;
 }
/*  テスト用
body { background-color: #fff; }
header, article { background-color: #fff; }
main { margin-bottom: 5em; }*/


/* 共通script */
/* トップへ戻る */
#page-top {
    position: fixed;
    bottom: 5px;
    right: 5px;
    margin: 5px;
    font-size: 3rem;
    color: #fff;
    background-color: rgba(80,80,80,0.5);
    border-radius: 5px;
}
@media ( min-width : 769px) { /* PCのみ適応 */
#page-top {
    bottom: 2%;
    right: 5%;
}
}