@charset "utf-8";
@import url("ress.css");
@import url("bootstrap-grid.min.css");
@import url("module.css");


/* 0〜575pxまでの横幅（スマートフォン）*/
body { overflow-x: hidden; -webkit-text-size-adjust: 100%; }
.pcOnly { display: none !important; } /* パソコンのみ表示<br class="pcOnly">パソコンで改行してスマートフォンで改行がなくなる */
.spOnly { display: block !important; }
.imgL,
.imgR { float: none; margin: 0; text-align: center; }
img { max-width: 100%; height: auto; }
.tRC { text-align: center; }
.tLC { text-align: center; }

/* 横幅が576pxより大きいとき（パソコン）*/
@media (min-width:576px) {
body { overflow-y: auto; }
.spOnly { display: none !important; } /* スマートフォンのみ表示<br class="spOnly">スマートフォンで改行してパソコンでで改行がなくなる */
.pcOnly { display: block !important; }
.imgR { float: right; margin: 0 0 10px 10px; }
.imgL { float: left; margin: 0 10px 10px 0; }
.tRC { text-align: right; }
.tLC { text-align: left; }
}

/* 横幅が1000pxより大きいとき（パソコン）*/
@media (min-width:1000px) {
.container { min-width: 1140px; }
.container-mini { width: 800px; margin: 0 auto; }
}
/* 画面サイズが576pxから1000pxまでのとき */
@media (min-width:576px) and ( max-width:999px) {
.container { width: 100%; }
.container-mini { width: 100%; margin: 0 auto; }
}

/* 横幅が768pxより大きいとき（md）*/
@media (min-width:768px) {
}

/* 横幅が992pxより大きいとき（lg）*/
@media (min-width:992px) {
}

/* 横幅が1200pxより大きいとき（xl）*/
@media (min-width:1200px) {
}