.sp_block{
  display: none;
}

img.less400{
  width: 400px;
}
img.less170{
  width: 480px;
}

#bottom_img img{
  width: 100%;
}

#saiyou_box iframe{
  width: 100%;
  height: 400px;
}
#map iframe{
   width:950px;
    height:290px;
}

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
}
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */

/*mod*/
.sp_hiden{
  display:none;
}
.sp_block{
  display: block;
}
.sp_center{
  text-align: center;
}
#page-top{
  bottom: 5em;
}
.sp-top2em{
margin-top: 2em;

}
#main_contents p.sp_bottom3em{
 margin-bottom: 3em;
}
/*common*/

.phonNo img{
  width: 95%;
  display: block;
  margin: 0 auto;
  border:#CCC solid 1px;
  padding:5px;
}
#header{
  width: 100%
}
#contents,#footer{
  width: 85%
}
#main_img{
 width:100%;
}
#header>p{
  display: none;
}

#aisatu_text02{
  width: 100%
}

#bottom_img,#page-top {
  display: none;
}

h2{
  font-size: 1.25em;
}

#main_contents h2{
  margin-bottom: 1em;

}

#main_contents{
  margin-bottom: 1em;
}
/************************/
/*navi*/
#navi{
  display: none;
}

#nav-toggle {
  position: fixed;
  top: 25px;
  right: 10px;
  height: 30px;
  cursor: pointer;
  background-color: #e7e7e7;
  padding: 15px 12px;
  border-radius: 5px;
}
#nav-toggle > div {
  position: relative;
  width: 36px;
}
#nav-toggle span {
  width: 100%;
  height: 2px;
  left: 0;
  display: block;
  background: #666;
  position: absolute;
  transition: transform 0.6s ease-in-out, top 0.5s ease;
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 12px;
}
#nav-toggle span:nth-child(3) {
  top: 24px;
}
#nav-toggle:hover span:nth-child(1) {
  top: 0;
}
#nav-toggle:hover span:nth-child(2) {
  top: 12px;
}
#nav-toggle:hover span:nth-child(3) {
  top: 24px;
}

.open #nav-toggle span {
background: #fff;
}
.open #nav-toggle span:nth-child(1) {
top: 15px;
transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
top: 15px;
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 15px;
transform: rotate(-45deg);
}
      /* z-index */
      #nav-toggle {
          z-index: 1000;
      }
      #container {
          z-index: 900;
      }


      #navi.spnavi {
          background: #000;
          color: #fff;
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 990;
          text-align: center;
          display: flex;
          visibility: hidden;
        flex-direction: column;
        justify-content: center;
        align-items: center;
          font-size: 29px;
          opacity: 0;
          transition: opacity .6s ease, visibility .6s ease;
      }


      #navi.spnavi a {
        display: block;
        color: #fff;
        text-decoration: none;
        padding: 10px 0;
        transition: color 0.6s ease;
      }
      #navi.spnavi a:hover {
        color: #666;
      }
      #navi.spnavi ul {
        list-style: none;
        position: absolute;
    top: 3em;
      }
      #navi.spnavi ul li {
        opacity: 0;
        transform: translateX(200px);
        transition: transform 0.6s ease, opacity 0.2s ease;
      }
      #navi.spnavi ul li:nth-child(2) {
        transition-delay: 0.15s;
      }
      #navi.spnavi ul li:nth-child(3) {
        transition-delay: 0.3s;
      }
      #navi.spnavi ul li:nth-child(4) {
        transition-delay: 0.45s;
      }
      #navi.spnavi ul li:nth-child(5) {
        transition-delay: 0.6s;
      }
      #navi.spnavi ul li:nth-child(6) {
        transition-delay: 0.75s;
      }
      #navi.spnavi ul li:nth-child(7) {
        transition-delay: 0.9s;
      }

      .open {
        overflow: hidden;
      }
      .open #navi.spnavi {
        visibility: visible;
        opacity: 1;
      }
      .open #navi.spnavi li {
        opacity: 1;
        transform: translateX(0);
        transition: transform 1s ease, opacity 0.9s ease;
      }


 #navi.spnavi li{
   border: none;
   display: block;
font-weight: 100;
font-size: 0.75em;
padding: 2px;
 }
#navi ul a {
  border: none;
}
#navi ul  {
  margin: 0;
  padding: 0;

}
.coLogo img{
  width: 80%;
  padding-top: 0.5em;
}

.coLogo{
  margin-top:1em;
  margin-bottom: 1em;
}


/*index*/
img.less400{
  width: 100%;
}
/*slick*/
.slick-box img{
  width: 200%;
 margin-left: -50%;

}


/*contents*/
/**table**/
.inx_tbl{
  margin-bottom:2em;
  margin-top: 1em;
}
#main_contents {
 width: 100%;
 margin:0;
 margin-bottom:1em;
}

th{
  width: 30%;

    text-indent: -1em;
}
td{

  text-indent: -1em;
}
.top td,.top th,.gaiyou td,.gaiyou th{
  border: none;
}

#setubi_box{
  width: 100%;
}
.jisseki table{
  width: 100%;
}
.jisseki tr{
  margin-bottom: 2em;
  display: block;
}
.jisseki th , .jisseki td{
display: block;
  width: 100%;
  text-align: left;
 padding: 0.2em;
}



.jisseki tr td:last-child{
  border-bottom:  1px dotted #ccc;
  padding-bottom: 1em;
}

.setubi tr{
position: relative;
display: block;

}

/*saiyou*/
#saiyou_box th,#setubi_box th{
  width :100%;
  display: block;
  border: none;
}
#saiyou_box td{
  width :100%;
  display: block;
  text-indent: 0em;
}
#setubi_box th{
  height: 2em;
}


#setubi_box td{
 width: 100%;
 display: block;
}

#setubi_box tr td:nth-child(2){
  border-bottom: none;
}
#setubi_box tr td:nth-child(3){
  text-align: right;
  position: absolute;
  top:3em;
}
#setubi_box tr td.colDown{
  top:4.5em;
}
#saiyou_box iframe{
  width: 100%;
  height: 400px;
}

/*jisseki*/

#jisseki_left_box{
  width: 100%;
}


/*sikaku**/
#sikaku_right_box,#sikaku_left_box{
  width: 100%;
}
/**contact**/
#contact_box{
  margin: 0;
}
#contact_box img{
  margin-right: 1em;
}
.contact{
  margin-top: 20px;
}

.contact p {
  font-size: 100%;
}

/*gaiyou*/
.gaiyou #map iframe{
  width: 110%;
}
.gaiyou #map{
  margin-left: -2em;
}
.gaiyou #left_box,.gaiyou #right_box{
  float: none;
  width: 100%;

}

.gaiyou td{
  text-indent: 0em;
}

.gaiyou #left_box th,.gaiyou #right_box th,
.gaiyou #left_box td,.gaiyou #right_box td
{
  display: block;
  width: 100%;
}


/****/
#bottom_img {
    /* clear: both; */
    float: inline-start;
    /* float: left; */
    width: 120%;
    margin-left: -8%;
}


/*footer*/
#foot_menu {
display: none;
}
#foot_name{
  width: 100%;
}
#side {
    width:200px;
     float: none;
    font-size: 96%;
    /* padding: 0 10px 20px 10px; */
    color: #fff;
    margin: 0 auto;

}
img.less170{
  width: 200px;
      text-align: center;
      display: inline;
      margin: 0 auto;
      display: block;
}
#side  dt{
  margin-top: 1.3em;
}
#side dl dd{
  line-height: 1.5;
}

#copyright p {
margin: 0;
padding-top:3em;
text-align: center;
font-size: 0.82em;

}


}