@charset "UTF-8";
/*--------------------------------------------------------
モバイルSP--------------------------------------------------------*/
@media only screen and (max-width : 768px) {
/* -------------------------------------------------------------------
layout
------------------------------------------------------------------- */
/*コンテンツ配置リセット*/
#head,
#headin,
#headin #logo,
#headin .headinfo,
.main,
.top,
.topimg,
.topimg #ss2 img,
.block,
div.thumb1,
div.thumb2,
.thumb1 img,
.thumb2 img,
.block h4,
.block p,
#footer,
#footer #in,
#footer #in .info1,
#footer #in .info2,
#footer #in,
#footer #in,
#footer #in,
#copyright {
display: block;
box-sizing: border-box;
width: 100%;
min-width: 100%;
margin: 0 auto;
position: relative;
height: auto;
}
/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/
html {
overflow-y: scroll;
overflow-x: hidden;
}
html,
body {
width: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body *,
body * p {
font-size: 13px !important;
line-height: 18px !important;
}
textarea, input { max-width: 95%; }
input[type="submit"], input[type="image"], input[type="reset"], input[type="button"], input[type="file"] { max-width: none; }
/*--------------------------------------------------------
w100%キャンセル
--------------------------------------------------------*/
html { overflow: auto; }
body { overflow: hidden; }
#main-contents {
box-sizing: border-box;
width: 100%;
}
/*--------------------------------------------------------
header
-------------------------------------------------------*/
#head .navi {
  display: none;
}
#headin #logo,
#headin .headinfo {
  position: inherit;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  text-align: center;
}
#headin {
  padding: 15px;
}
#headin #logo {
  margin-bottom: 30px;
}
/*--------------------------------------------------------
main
-------------------------------------------------------*/
.main,
.top {
  padding: 15px;
}
.top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
/*inlineの横並び、高さの高いものに揃える
  外の要素にこれを入れるだけ、子は通常通りOK*/
}
.topimg img {
  width: 100% !important;
}
.block {
display: inline-block;
width: 49%;
min-width: 49%;
float: none;
padding: 10px;
}
/*--------------------------------------------------------
ft
--------------------------------------------------------*/
#footer #in {
  padding: 15px;
}
#footer #in ul,
#footer #in li {
  list-style: none;
}
#footer #cr {
  padding: 15px;
  font-size: 10px !important;
}
/*--------------------------------------------------------
table
--------------------------------------------------------*/
table * {
  box-sizing: border-box;
  display:inline-block;
  width: 100% !important;
}
.access iframe {
  width: 100% !important;
  height: 300px !important;
  padding: 0 !important;
}
table tr {
  display:inline-block;
  width: 100%;
}
table.access th,
table.access td {
  display:block;
  width: 100%;
  padding: 10px;
  border: none;
  border-bottom: none;
  text-align: left;
  vertical-align: middle;
}
.margin-sp {
  margin-bottom: 20px;
}
/*--------------------------------------------------------
end
--------------------------------------------------------*/
}