@charset "UTF-8";
/* スタイル 20171111 */
@media screen and (max-width:768px){
body{
  font-size: 100%;
}
img{
  display: block;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.pc-none{
  display: block;
}
.suma-none{
  display: none;
}
.midashi2{
  font-size: 23px;
}
.midashi3{
  font-size: 20px;
}
.midashi4{
  font-size: 18px;
}
.hako{
  border-width: 5px;
}
.hako-little{
  padding: 15px;
}
.list-hako-little{
  padding: 0px;
}
.list-hako-little li.li-25,
.list-hako-little li.li-33,
.list-hako-little li.li-50,
.list-hako-little li.li-100{
  width: 100%;
  padding: 10px 15px;
}
.list-box li{
  width: 50%;
}
.dtable{
  display: block;
}
.dtable div.cell-1{
  display: block;
  width: 100% !important;
}
.dtable div.cell-2{
  display: block;
  width: 100% !important;
}
.dtable-s{
  display: block;
}
.dtable-s div.cell-33{
  display: block;
  width: 100% !important;
}
.dtable-s div.cell-50{
  display: block;
  width: 100% !important;
}
.text-area{
  display: block;
}
iframe{
  max-width: 100%;
  height: auto;
}
table{
  max-width: 100%;
}
/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/
#container{
  text-align: center;
}
.midashi1{
  margin: 5px;
}
.header-hako{
  padding: 65px 0px 10px 0px;
}
.header-table{
  display: block;
}
.header-table div.cell-1{
  display: block;
  width: 100%;
}
.header-table div.cell-2{
  display: none;
}
#inner{
}
#pc-nav{
  display: none;
}
#suma-nav{
  display: block;
}
.top-gazou-hako{
  padding: 50px 15px;
}
.top-midashi{
  font-size: 25px;
}
#wrapper{
  margin: 0px;
}
#main{
  width: 100%;
}
#aside{
  width : 100%;
  margin-left: 0px;
  margin-right: 0px;
}
#footer{
  text-align: left;
}
#page-top{
  display: none;
}
#page-top a{
  display: none;
}
#instagram li {
  width: 50%;
}



}