/* https://yossense.com/css-for-smartphone/ */
/* [CSS] スマホ対応は超重要! 私が最低限やっている6つのこと ヨッセンス */


/* 画像縮小 */

img {
max-width : 100% ;
height : auto ;
}

/* GoogleMaps等縮小 */

iframe { width : 100% ; }

/* 画像への文字回り込み解除 */

@media screen and (max-width: 480px) {
img { float : none ; }
}

/* h2タグの余白を小さく＋文字を小さく */

@media screen and (max-width: 480px) {
h2 {
font-size : 75% ;
margin : 1em 0 0.8em 0 ; }
}

/* Pタグの余白を小さく＋文字を小さく */

@media screen and (max-width: 480px) {
p {
width : 100% ;
font-size : 65% ;
margin : 0 0 1.8em 0 ;
line-height : 1.7 ; }
}

/* スマホを横にしても文字を大きくさせない */
/* それでもだめなら viewpoint 編集 <meta name="viewport" content="width=device-width,initial-scale=1.0" /> */

body { -webkit-text-size-adjust : 100%!important ; }


/* スマホが横にぐらぐらするのを防ぐ */

#wrap { overflow : hidden ; }