@charset "Shift_JIS";


html, body
{
   height: 100%; margin: 0;
   color: #333333;
   text-align: center;				/* テキスト中央寄せ */
}


/* ■基本設定 */
.wrapper
{
  width: auto;
  padding: 0 10px;    /* 左右の余白 */
}

/* タブレットに適用するCSS */
@media screen and ( min-width:740px )
{
.wrapper
     {
     margin: 0 auto;	/* 左右に[auto]を指定することで、真ん中に寄る */  
     padding: 0;	/* 上下左右の余白を0にしておく */
     }
}

/* タブレットに適用するCSS 縦長 */
@media screen and ( min-width:740px ) and (orientation:portrait)
{
.wrapper
    {
     width: auto;
     margin: 0 auto;	/* 左右に[auto]を指定することで、真ん中に寄る */
     padding: 0;	/* 上下左右の余白を0にしておく */
     overflow: hidden;	/* はみ出た内容:非表示 */
    }
}

/* PCに適用するCSS */
@media screen and ( min-width:961px )
{
.wrapper
    {
     width: 1000px;	/* サイトの横幅 */
     margin: 0 auto;	/* 左右に[auto]を指定することで、真ん中に寄る */  
     padding: 0;	/* 上下左右の余白を0にしておく */
     overflow: hidden;	/* はみ出た内容:非表示 */
    }
}


/* ■見出し指定 */
h1
{
  font-size: 1.3em;
  overflow: hidden; 
  font-weight: normal;
  margin: 20px 0px;
  padding: 0px;
}


h2,h3,h4,h5,h6
{
  font-size: 1.25em;
  overflow: hidden; 
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}


/* ■リンク */
.link
{
  font-size: 1.3em;
  overflow :hidden; 
  font-weight: normal;
  margin: 0 0px;
  padding: 50px 0px;
}

.link a		/* リンク色 */
{
   color: #0000EE;
   transition: color 0.5s;	/* リンク色（マウスオーバー）が変わる速さ */
}

.link a:hover			/* リンク色（マウスオーバー） */
{
   color: #333333;
}



/* ■img */
img
{
     width: 80%;	/* サイトの横幅 */
     padding: 0 10px;	/* 左右の余白 */
}

/* PCに適用するCSS */
@media screen and ( min-width:961px )
{
img
    {
     width: 450px;	/* サイトの横幅 */
    }
}