@charset "utf-8";
@media screen and (max-width:480px){
.pc{
  display: none;
}
.sp{
  display: block;
}
#slider{
  top: 15px;
}
.content_list_top h3{
  font-size: 15px;
}
/*body{
  overflow: scroll !important;
}*/
.headmenu{
  display: none;
}
.slicknav_menu{
  display: block;
  background: #000;
}
.sptop h1{
  position: absolute;
  z-index: 500;
  top:8px;
  left: 10px;
}
.sponsorFlip img{
  position: static !important;
}
#wrapper{
	margin-top: 100px !important;
}

/*スライド*/
/*#sliderInner,#sliderInner ul li img,#sliderInner li{
	width: 100% !important;
}*/
#sliderInner{
	left: 0;
	margin-left: 0;
	width: 300%;
}
#sliderInner li{
	width: auto;
	margin-right: 0;
	margin: 0 10px;
}
#sliderInner li img{
	width: 100% !important;
}
#sliderInner ul li img{
	width: 100% !important;
}



.sptop h1 img{
  position: fixed;
}
.headtop{
	z-index: 10000;
}

footer .foot_list01{
  display: none;
}
footer .foot_list02 .left{
  margin-left: 10px;
}
.w540{
  width: 100%;
}
.foot_list02 .right{
  float: none;
  text-align: center;
}
footer .foot_list03{
  width: 95%;
  margin: auto;
}
footer .foot_list03 .ml15{
  margin: 0 auto 0;
  width: 93%;
}
.info h3 p,.news h3 p{
  font-size: 16px;
  margin-bottom: 5px;
  border-bottom: 2px solid rgb(87, 159, 79);;
}
.news h3, .info h3{
  margin-left: 0;
}
.news dl, .info dl{
  width: auto;
}
.foot_list03 img{
  display: none;
}
.footer_topbg{
  display: none;
}
.main_contents{
  width: 95%;
  margin: 0 auto;
}
.main_contents.top_content{
	margin-top:0px !important;
}
.news, .info{
	width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2%;
	float: none;
}
.content_list_top{
  width: 100%;
}

.content_list_top img{
  width: 95%;
}
.content_list h3{
	font-size: 16px;
}
.content_list.mr0{
	margin: 0 auto 10px !important;
}
.content_list{
	margin-bottom: 10px !important;
}
.products_list{
	width: 100%;
}

.left_content{
	width: 100%;
}
.right_content{
	display: none;
}
.hierarchy_main{
  width: 100%;
  padding: 10px;
}
.hierarchy_main .content_list{
	margin-bottom: 0 !important;
}
.hierarchy_main h3.hierarchy_top{
  width: 100%;
  padding: 2px 0;
  font-size: 18px;
  height: auto;
  border-bottom: 2px solid #579f4f;;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.town_list, .kotoba_list, .kobayashi_people_list, .contest_list, .transmigration_list, .poster_list{
  width: 100%;
  margin-top: 20px;
}
.content_list{
  width: 95%;
  margin: auto;
  max-width: 400px;
  float: none;
}
.content_list img{
  width: 95%;
}
.content_list .mr0{
  margin-right: 0 !important;
}
.hierarchy_content h4{
  font-size: 20px;
  line-height: 18px;
}
#jiten.hierarchy_main h3{
	width: 100%;
}
#jiten.hierarchy_main .jiten_link{
	width: 95%;
	margin: 30px auto 0;
}
.hierarchy_main table{
	width: 95%;
	margin: auto;
}
.hierarchy_main table tr td{
  padding: 2px;
}
.karuta_list{
  width: 100% !important;
  margin: 30px auto 0 !important;
}
.sponsor{
  width: 48% !important;
  margin-right: 1% !important;
  margin-left: 1% !important;
}
.poster_list li{
  width: 48%;
  margin: 0 1% 10px 1%;
}
.movie_content .contest_con,.theatertop_content .contest_con{
  padding: 0 !important;
}
.movie_content .contest_con iframe,.movie_content .contest_con img,
.theatertop_content .contest_con iframe,.theatertop_content .contest_con img{
  max-width: 100%;
  height: auto;
}
.kobayashijin_detail{
  width: 100%;
}
.kobayashijin_detail li{
  float: none;
  width: 95%;
  margin: 0 auto 10px;
}
.kobayashijin_detail li img{
  width: 100%;
}
.kobayashijin_detail li:nth-child(2n){
  margin-right: none;
  margin: 0 auto 10px;
}
.produt_info{
  width: 95%;
  margin: 0 auto 10px;
}
.produt_info p.text a{
  white-space: pre;           /* CSS 2.0 */
            white-space: pre-wrap;      /* CSS 2.1 */
            white-space: pre-line;      /* CSS 3.0 */
            white-space: -pre-wrap;     /* Opera 4-6 */
            white-space: -o-pre-wrap;   /* Opera 7 */
            white-space: -moz-pre-wrap; /* Mozilla */
            white-space: -hp-pre-wrap;  /* HP Printers */
            word-wrap: break-word;      /* IE 5+ */
}
.produt_info img{
  max-width: 100%;
  height: auto;
}
.produt_info h4{
  font-size: 18px;
}
.kobayashijin_con{
  width: 95%;
  margin: 0 auto 10px;
}
.kobayashijin_con img,.kobayashijin_con iframe{
  max-width: 100%;
  height: auto;
}
.hierarchy_content{
  width: 95%;
  margin: 0 auto;
}

.contest_con h3{
  margin-top: 20px;
}
.contest_con h3 p{
  padding: 6px 20px;
  font-size: 18px;
}
.contest_con img,.contest_con iframe{
  max-width: 100%;
  height: auto;
}
.photo_result{
  width: 95%;
  margin: auto;
}
.photo_result li{
  float: none;
  width: 100%;
  margin: 0 auto 10px;
}
.photo_result li img{
  max-width: 100%;
  height: auto;
}
.contest_con{
  padding: 0;
}
.table01 th{
  width: 15%;
}
.kobayashi_about .mt80{
  margin-top: 0;
}
.kobayashi_about .about_text{
  float: none;
  width: 100%;
}
.kobayashi_about .about_table{
  width: 100%;
  margin-bottom: 20px;
}
.kobayashi_about iframe{
  width: 100%;
  height: auto;
}
.kobapedia_con{
  width: 100%;
  margin-top: 0;
}
.kobapedia_con img{
  max-width:100%;
  height: auto;
}
.kobapedia_con .mt60{
  margin-top: 20px !important;
}
.kobapedia_list{
  width: 100%;
  margin: auto;
}
.kobapedia_con .kobapedia_head img{
  max-width: 100%;
  height: auto;
}
.kobapedia_con .kobapedia_head{
  margin-top: 20px;
}
.koba_cat{
  width: 100%;
  margin: auto;
}
.kobapedia_con{
  width: 95%;
  margin: auto;
}
.koba01 a{
  font-size: 100%;
  color: #6a926a;
}
.koba02 a{
  font-size: 110%;
  color: #84BE76;
}
.koba03 a{
  font-size: 120%;
    color: #66BC50;
    font-weight: bold;
}
.koba04 a{
  font-size: 140%;
    font-weight: bold;
    color: #3d881a;
}
.kobapedia_list li {
  height: 35px;
  line-height: 35px;
}
.koba_cat ul li{
  width: 33%;
  text-align: center;
  margin-right: 0;
}
.products_list{
  width: 95%;
}
.products_list img{
  width: 100%;
}
.hierarchy_content img{
  max-width: 100%;
  height: atauto;
}
.support_list li{
  width: 86%;
  padding: 5%;
  
}
.support_list li p{
  height: auto;
}


.movie5 img, .movie5 iframe{
  height: auto;
}
#totenanu .work-col2-1,#totenanu .work-col2-2{
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.totenamu_content img,.totenamu_back img{
  max-width: 100%;
}
.totenamu_back{
  padding: 3%;
  margin: auto;
}

.stepimg4,.stepimg4-1,.stepimg4-2,.stepimg4-3{
  width: 100% !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    border: 8px solid #3fa9f5;
}
.stepimg3 iframe,.stepimg4 iframe{
  width: 100%;
  height: auto;

}

.totenamu_area img{
  max-width: 100%;
  height: auto;
}

.stepcontent.left{
  float: none;
  width: 100%;
  padding: 0;
}
.stepcontent.right{
  float: none;
  width: 100%;
  padding: 0;
}
.workshopmove li a{
  font-size: 12px;
}
.workshopmove li{
  padding: 8px;
}
div.vertical_middle{
  margin: 40px 0px;
  padding: 0 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.coment{
  width: 100%;
}

#button2,#button{
  width: auto !important;
  margin-top: 0 !important;
}

.coment .left img{
  width: 100px;
}
.plannerimg2{
      border: 8px solid #f39800;
      width: 150px;
}
.plannerimg{
      border: 8px solid #38caa1;
      width: 150px;
}
.workshopmove li{
  background: #38caa1 !important;
  margin-bottom: 5px;
  line-height: 12px;
}
/*.totenamu_area p{
  padding: 0 2%;
}*/
.workshop{
  width: auto !important;
}
.kaisetu li{
  width: 50%;
  float: left;
}
.kaisetu li p{
  font-size: 16px;

}
.stepimg iframe{
  width: 100%;
  height: auto;
}
.stepimg{
   border: 8px solid #38caa1;
}
.snsbuttom{
  display: none;
}
.top_img .mark{
  display: none;
}

.movie1_con img{
  float: none;
  margin-bottom: 10px;
}
.movie1_con .text{
  clear: both;
}
/*写真コンテスト*/
.photo_con{
  width: 100%;
}
.photo_con a{
  width: 48%;
}
.photo_con a img{
  width: 100%;
}
a.fbx-link{
	width: 45%;
  
}
a.fbx-link img{
  width: 100%;
}
.foogallery-default.spacing-width-10 a{
  margin: 0 !important;
}
.photo_result li h3{
  font-size: 15px;
}
table.sponsor_list{
width: 100%;
}
table.sponsor_list tr{
width: 25% !important;
} 
table.sponsor_list a{
  word-break: break-all;
}
.footer_sns{
  width: 150px;
}
.footer_sns li{
  width: 23%;
  margin-right: 2%;
}
.footer_sns li img{
  width: 100%;
}
/*コバヤシのヒト*/
.kobayashihito_detail{
  width: 100%;
}

.kobayashihito_detail li{
  width: 100%;
  margin-right: 0;
  margin-bottom: 15px;
}

.kobayashihito_text{
  width: 54%;
  margin-right: 0;
}

/*空き家バンク*/
.hierarchy_main .akiyabank_list table{
  width: 100% !important;
}
.akiyabank_list{
  width: 100%;
}

.akiyabank_detail .mt60,.akiyabank_detail {
  margin-top: 0;
}
.akiyabank_detail{
  width: 100% !important;
}
.akiyabank_detail .appearance ul li{
  width: 49%;
}
.akiyabank_detail .floor_plan img{
  max-width: 100%;
}
.akiyabank_detail .map iframe{
  width: 100%;
  height: auto;
}
    
    
    #yell img{
        width: 100%;
        height: auto;
    }
    #yell #menu{
         width: 100%;
            margin: 0 auto 40px 0;
    }
    #yell #menu li{
        display: block;
        margin-bottom: 10px;
    }
    .cp.cp_sl01,#search-form input {
        float: none;
    }
    .cp,#yell input[type="submit"]{
        width: 100%;
    }
    #yell input[type="text"]{
        width: 98%;
        margin: 10px 0;
    }
    #yell .shoplist .shop_c{
        width: 45%;
    }
    #yell #ohan .tit{
        font-size: 18px;
    }
    #yell #ohan p, .sns#yell{
        font-size: 14px;
            margin-bottom: 40px;
    }
    #yell #gogo p{
          font-size: 14px;
            margin-bottom: 10px;
    }
    #yell #gogo h3{
    font-size: 15px;
    margin-bottom: 10px;
    }
    #yell #gogo ul{
        width: 45%;
    }
    #yell #contact p:nth-of-type(2) img{
        width: 60%;
    }
.illast#yell .flex{
    display: block;
}
.illast#yell .flex .image{
    margin: 0;
        display: flex;
}
    .illast#yell h2{
        margin-bottom: 20px;
    }
    .illast#yell .flex p{
            margin: 0 10px 20px 10px;
    }
    .hope#yell #hope_wrap{
        width: 100%;
    }
    .hope#yell #dl ul li a{
            margin-right: 8px;
       
    }
     .hope#yell #dl ul li a p{
     font-size: 12px;
}
    .hope#yell h4{
         margin: 0px 0 10px;
    }
    .illast#yell h2, .hope#yell h2{
        font-size: 16px;
            margin-bottom: 20px;
    }
    .hope#yell h3{
        font-size: 16px;
    }
    .hope#yell p{
        line-height: 1.5em;
    }
    .hope#yell #hope_wrap{
            margin: 0 auto 45px;
    }
    #yell #insta,#yell #content{
        float: none;
        width: 100%;
    }
    #meks_instagram-2{
/*        display: flex;*/
    }
    #meks_instagram-2 .meks-instagram-widget{
           display: block;
    width: 25%;
    float: left;
    }
    .meks-instagram-widget div {
        width: auto;
    }
}