@charset "utf-8";
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
/* ----------------------------------------------------------------------
そのままだと画像は元のままのサイズで表示されてしまい画面からはみ出てしまいます。
上記にも記載しておりますが、スマートフォン用・タブレット用のCSSに下記のように画像を伸縮するように指定をします。
---------------------------------------------------------------------- */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
/* ～以下、画面の横幅が768pxまでの場合のスタイル記入～ */