@charset "utf-8";

@import url("reset.css");
@import url("bootstrap.css");
@import url("module.css");
@import url("style.css");

/* 780px以上用（PC用）の記述 */
@media screen and (min-width: 481px) {
.xs_br { display:none; } /* <br class="xs_br">で改行がなくなる*/
}

/* 780px以下用（タブレット用）の記述 */
@media screen and (max-width: 780px) {
html { -webkit-text-size-adjust: 100%; }
img { max-width: 100%; height: auto; }
.wrapper { width: 95%; }
#main { float: none; width: 100%; margin: 0 auto; }
#side { float: none; width: 100%; margin: 0 auto; }
.top_img { max-width: 100%; height: auto; }
.top_img_bk { max-width: 100%; height: auto; }
}

/* 767px以下用（タブレット／スマートフォン横用）の記述 */
@media screen and (max-width: 767px) {
.short { width: 100%; }
#spt {display: block; position: relative; width: 100%; }
#spt tbody { display: -webkit-box; overflow-x: auto; }
#spt th,
#spt tr,
#spt td { display: block; }
h1 { font-size:14px; margin:10px 0; }
}

@media screen and (max-width:480px) { /* スマートフォン縦用 */
.wrapper { overflow: hidden; }
.imgL,
.imgR { float: none; margin: 0; text-align: center; }
.xs_img_s { width: 80%; }
.xs_img_ss { width: 40%; }
input[type="text"] { width: 100%; }
textarea { width: 100%; }
iframe { max-width: 100%; }

h1 { text-align:center; }
.headerLogo { float: none; width: 100%; }
.headerNav { float: none; width: 100%; }
.topNav { display:none; }
/*.topNav { margin-bottom:10px; }
.topNav ul { margin-right:60px; }
.topNav li a { font-size:11px; }*/
.topics dt { float: none; }
.topics dd { padding-left:0; padding-top:20px }
.topics dd.company { background:url(../img/common/icon_company.png) no-repeat 0 0; }
.topics dd.day { background:url(../img/common/icon_dayservice.png) no-repeat 0 0; }
.topics dd.cafei { background:url(../img/common/icon_ai.png) no-repeat 0 0; }

.xs_img_headerLogo { width: 40%; margin-left:10%; }
#main { width: 90%; }
#side #subMenu { width:80%; margin: 0 auto 30px; }
#side .contactMenu { width:80%; margin: 0 auto 30px; }
#side .menu { width:80%; margin: 0 auto 30px; }
#side .blogMenu { width:80%; margin: 0 auto; }

.linesC th { padding: 10px; vertical-align:middle; }
.linesC td { padding: 10px; vertical-align:middle; }

#main .cloth { margin:0; padding:50px 25px; }

table .sp tr { display: block; }
.sp th,
.sp td { display: list-item; list-style: none; }

.table-wrap table { width:715px; margin-top:30px; }
.table-wrap { overflow: scroll; position:relative; }
.table-wrap:before{
content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換 */
color:#ffffff; background-color:#000000; position: absolute; padding: 3px; }
}

/* FacebookPageのレスポンシブ用 */
@media screen and (min-width: 500px) {
  .fb-page-parent > .fb-page {  width: 300px; }
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
  width: 100% !important;
}