/*===============================================
画面の横幅が640pxまで（スマホ用）
===============================================*/
@media screen and (max-width:768px){

body {
margin: 0 auto;
padding: ;　
}
header {
position: fixed; /* ヘッダーを固定する */
top: 0; /* 上部から配置の基準位置を決める */
left: ; /* 左から配置の基準位置を決める */
width: ; /* ヘッダーの横幅を指定する */
height: px; /* ヘッダーの高さを指定する */
padding: 0px; /* ヘッダー内側の余白を指定する(上下左右) */
z-index:200;
}
#footer {
position: fixed; /* フッターを固定する */
bottom: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */
width: 100%; /* フッターの横幅を指定する */
height: px; /* フッターの高さを指定する */
z-index:200;
}
#pagebody {
margin :0 autol
width: ; /* コンテンツの横幅を指定する */
overflow: ; /* コンテンツの表示を自動に設定（スクロール） */
}
.Contents_box {
width: 300px; /* コンテンツの横幅を指定する */
height: 500px; /* コンテンツの高さを指定する */
border: 2px solid #aaaaaa; /* コンテンツの境界線を指定する */
}