/* >= 1200px width=1170px */
@media screen
    and (min-width: 1200px) {

}

/* >= 970px width=970px */
@media screen
    and (min-width: 992px) {

}
/* >= 970px width=970px */
@media screen
    and (max-width: 1199px) 
    and (min-width: 992px) {

	/*************************
	********* Header *********
	**************************/
	
	/********** Link *********/
    .top-contact a.logo img {
		height: 50px;
		padding: 5px 15px 0px;
    }
	.top-contact ul li.toplogo span, 
	.top-contact ul li.ijyulogo span, 
	.top-contact ul li.marchelogo span {
		font-size: 10px;
    }
    
	/*************************
	*********** Nav **********
	**************************/

	/***** グローバルナビ ****/
    .top_navbar .navbar-collapse ul li a {
	  background:url(../images/top_header_nav940.png) no-repeat 0 0;
	}
	.ijyu_navbar .navbar-collapse ul li a {
	  background:url(../images/ijyu_header_nav940.png) no-repeat 0 0;
	}
	.marche_navbar .navbar-collapse ul li a {
	  background:url(../images/marche_header_nav940.png) no-repeat 0 0;
	}

	/**** navbar-collapse ****/
	.navbar .navbar-collapse ul li a {
		height: 60px;
	}

	/****** top & marche *****/
	.navbar .navbar-collapse ul li.menu01 a{width:140px; background-position:0 0;}
	.navbar .navbar-collapse ul li.menu02 a{width:160px; background-position:-146px 0;}
	.navbar .navbar-collapse ul li.menu03 a{width:160px; background-position:-312px 0;}
	.navbar .navbar-collapse ul li.menu04 a{width:160px; background-position:-478px 0;}
	.navbar .navbar-collapse ul li.menu05 a{width:160px; background-position:-644px 0;}
	.navbar .navbar-collapse ul li.menu06 a{width:160px; background-position:-810px 0;}
	/* hover */
	.navbar .navbar-collapse ul li.menu01 a:hover{width:140px; background-position:0 -60px;}
	.navbar .navbar-collapse ul li.menu02 a:hover{width:160px; background-position:-146px -60px;}
	.navbar .navbar-collapse ul li.menu03 a:hover{width:160px; background-position:-312px -60px;}
	.navbar .navbar-collapse ul li.menu04 a:hover{width:160px; background-position:-478px -60px;}
	.navbar .navbar-collapse ul li.menu05 a:hover{width:160px; background-position:-644px -60px;}
	.navbar .navbar-collapse ul li.menu06 a:hover{width:160px; background-position:-810px -60px;}
	/* active */
	.navbar .navbar-collapse ul li.menu01.active a{width:140px; background-position:0 -60px;}
	.navbar .navbar-collapse ul li.menu02.active a{width:160px; background-position:-146px -60px;}
	.navbar .navbar-collapse ul li.menu03.active a{width:160px; background-position:-312px -60px;}
	.navbar .navbar-collapse ul li.menu04.active a{width:160px; background-position:-478px -60px;}
	.navbar .navbar-collapse ul li.menu05.active a{width:160px; background-position:-644px -60px;}
	.navbar .navbar-collapse ul li.menu06.active a{width:160px; background-position:-810px -60px;}

	/********** ijyu *********/
	.navbar .navbar-collapse ul li.imenu01 a{width:130px; background-position:0 0;}
	.navbar .navbar-collapse ul li.imenu02 a{width:134px; background-position:-136px 0;}
	.navbar .navbar-collapse ul li.imenu03 a{width:134px; background-position:-276px 0;}
	.navbar .navbar-collapse ul li.imenu04 a{width:134px; background-position:-416px 0;}
	.navbar .navbar-collapse ul li.imenu05 a{width:134px; background-position:-556px 0;}
	.navbar .navbar-collapse ul li.imenu06 a{width:134px; background-position:-696px 0;}
	.navbar .navbar-collapse ul li.imenu07 a{width:134px; background-position:-836px 0;}
	/* hover */
	.navbar .navbar-collapse ul li.imenu01 a:hover{width:130px; background-position:0 -60px;}
	.navbar .navbar-collapse ul li.imenu02 a:hover{width:134px; background-position:-136px -60px;}
	.navbar .navbar-collapse ul li.imenu03 a:hover{width:134px; background-position:-276px -60px;}
	.navbar .navbar-collapse ul li.imenu04 a:hover{width:134px; background-position:-416px -60px;}
	.navbar .navbar-collapse ul li.imenu05 a:hover{width:134px; background-position:-556px -60px;}
	.navbar .navbar-collapse ul li.imenu06 a:hover{width:134px; background-position:-696px -60px;}
	.navbar .navbar-collapse ul li.imenu07 a:hover{width:134px; background-position:-836px -60px;}
	/* active */
	.navbar .navbar-collapse ul li.imenu01.active a{width:130px; background-position:0 -60px;}
	.navbar .navbar-collapse ul li.imenu02.active a{width:134px; background-position:-136px -60px;}
	.navbar .navbar-collapse ul li.imenu03.active a{width:134px; background-position:-276px -60px;}
	.navbar .navbar-collapse ul li.imenu04.active a{width:134px; background-position:-416px -60px;}
	.navbar .navbar-collapse ul li.imenu05.active a{width:134px; background-position:-556px -60px;}
	.navbar .navbar-collapse ul li.imenu06.active a{width:134px; background-position:-696px -60px;}
	.navbar .navbar-collapse ul li.imenu07.active a{width:134px; background-position:-836px -60px;}

	/**************************
	****** トップページ *******
	**************************/
	/* 一覧の画像 */
	#topic .topic-item span.thumb,
	#topici .topic-item span.thumb,
	#topicm .topic-item span.thumb,
	#smile .smile-item span.thumb,
	#interview .interview-item span.thumb,
	#house .house-item span.thumb,
	#work .work-item span.thumb,
	#food .food-item span.thumb,
	#farmer .farmer-item span.thumb,
	#shopping .shopping-item span.thumb,
	#top-new .new-item span.thumb{
	    width: 205px;
	    height: 205px;
	}
	#gallery .gallery-item span.thumb{
	    width: 126px;
	    height: 126px;
	}
}

/* >= 768px width=750px */
@media screen
    and (min-width: 768px) {

   .re-nav {
       display: none;
   }

}
/* >= 768px width=750px */
@media screen
    and (max-width: 991px) 
    and (min-width: 768px) {

	/*************************
	********* Header *********
	**************************/

	/********** logo *********/
	.sitelogo img {
    	height: 60px;
    }

	/*************************
	********* Header *********
	**************************/
	
	/********** Link *********/
    .top-contact a.logo img {
		height: 43px;
		padding: 5px 15px 0px;
    }
	.top-contact ul li.toplogo span, 
	.top-contact ul li.ijyulogo span, 
	.top-contact ul li.marchelogo span {
		font-size: 10px;
    }

	/*************************
	*********** Nav **********
	**************************/

	/**** navbar-collapse ****/
	.navbar .navbar-collapse ul li a{
		height: 60px;
	}

	/***** グローバルナビ ****/
	.top_navbar .navbar-collapse ul li a {
	  background:url(../images/top_header_nav720.png) no-repeat 0 0;
	}
	.ijyu_navbar .navbar-collapse ul li a {
	  background:url(../images/ijyu_header_nav720.png) no-repeat 0 0;
	}
	.marche_navbar .navbar-collapse ul li a {
	  background:url(../images/marche_header_nav720.png) no-repeat 0 0;
	}

	/****** top & marche *****/
	.navbar .navbar-collapse ul li.menu01 a{width:120px; background-position:0 0;}
	.navbar .navbar-collapse ul li.menu02 a{width:120px; background-position:-126px 0;}
	.navbar .navbar-collapse ul li.menu03 a{width:120px; background-position:-252px 0;}
	.navbar .navbar-collapse ul li.menu04 a{width:120px; background-position:-378px 0;}
	.navbar .navbar-collapse ul li.menu05 a{width:120px; background-position:-504px 0;}
	.navbar .navbar-collapse ul li.menu06 a{width:120px; background-position:-630px 0;}
	/* hover */
	.navbar .navbar-collapse ul li.menu01 a:hover{width:120px; background-position:0 -60px;}
	.navbar .navbar-collapse ul li.menu02 a:hover{width:120px; background-position:-126px -60px;}
	.navbar .navbar-collapse ul li.menu03 a:hover{width:120px; background-position:-252px -60px;}
	.navbar .navbar-collapse ul li.menu04 a:hover{width:120px; background-position:-378px -60px;}
	.navbar .navbar-collapse ul li.menu05 a:hover{width:120px; background-position:-504px -60px;}
	.navbar .navbar-collapse ul li.menu06 a:hover{width:120px; background-position:-630px -60px;}
	/* active */
	.navbar .navbar-collapse ul li.menu01.active a{width:120px; background-position:0 -60px;}
	.navbar .navbar-collapse ul .menu02.active a{width:120px; background-position:-126px -60px;}
	.navbar .navbar-collapse ul li.menu03.active a{width:120px; background-position:-252px -60px;}
	.navbar .navbar-collapse ul li.menu04.active a{width:120px; background-position:-378px -60px;}
	.navbar .navbar-collapse ul li.menu05.active a{width:120px; background-position:-504px -60px;}
	.navbar .navbar-collapse ul li.menu06.active a{width:120px; background-position:-630px -60px;}

	/********** ijyu *********/
	.navbar .navbar-collapse ul li.imenu01 a{width:102px; background-position:0 0;}
	.navbar .navbar-collapse ul li.imenu02 a{width:102px; background-position:-108px 0;}
	.navbar .navbar-collapse ul li.imenu03 a{width:102px; background-position:-216px 0;}
	.navbar .navbar-collapse ul li.imenu04 a{width:102px; background-position:-324px 0;}
	.navbar .navbar-collapse ul li.imenu05 a{width:102px; background-position:-432px 0;}
	.navbar .navbar-collapse ul li.imenu06 a{width:102px; background-position:-540px 0;}
	.navbar .navbar-collapse ul li.imenu07 a{width:102px; background-position:-648px 0;}
	/* hover */
	.navbar .navbar-collapse ul li.imenu01 a:hover{width:102px; background-position:0 -60px;}
	.navbar .navbar-collapse ul li.imenu02 a:hover{width:102px; background-position:-108px -60px;}
	.navbar .navbar-collapse ul li.imenu03 a:hover{width:102px; background-position:-216px -60px;}
	.navbar .navbar-collapse ul li.imenu04 a:hover{width:102px; background-position:-324px -60px;}
	.navbar .navbar-collapse ul li.imenu05 a:hover{width:102px; background-position:-432px -60px;}
	.navbar .navbar-collapse ul li.imenu06 a:hover{width:102px; background-position:-540px -60px;}
	.navbar .navbar-collapse ul li.imenu07 a:hover{width:102px; background-position:-648px -60px;}
	/* active */
	.navbar .navbar-collapse ul li.imenu01.active a{width:102px; background-position:0 -60px;}
	.navbar .navbar-collapse ul li.imenu02.active a{width:102px; background-position:-108px -60px;}
	.navbar .navbar-collapse ul li.imenu03.active a{width:102px; background-position:-216px -60px;}
	.navbar .navbar-collapse ul li.imenu04.active a{width:102px; background-position:-324px -60px;}
	.navbar .navbar-collapse ul li.imenu05.active a{width:102px; background-position:-432px -60px;}
	.navbar .navbar-collapse ul li.imenu06.active a{width:102px; background-position:-540px -60px;}
	.navbar .navbar-collapse ul li.imenu07.active a{width:102px; background-position:-648px -60px;}

	/**************************
	****** トップページ *******
	**************************/
	/* 一覧の画像 */
	#topic .topic-item span.thumb,
	#topici .topic-item span.thumb,
	#topicm .topic-item span.thumb,
	#smile .smile-item span.thumb,
	#interview .interview-item span.thumb,
	#house .house-item span.thumb,
	#work .work-item span.thumb,
	#food .food-item span.thumb,
	#farmer .farmer-item span.thumb,
	#shopping .shopping-item span.thumb,
	#top-new .new-item span.thumb{
	    width: 150px;
	    height: 150px;
	}
	#gallery .gallery-item span.thumb{
	    width: 210px;
	    height: 210px;
	}
	
	/**************************
	******** トピック *********
	**************************/
	#topic .media-left span.thumb,
	#topici .media-left span.thumb,
	#topicm .media-left span.thumb {
	    width: 100px;
	    height: 100px;
	}
	
	/*************************
	********* Footer *********
	**************************/
	#footer .col-sm-3 {
	  padding-left: 5px;
	  padding-right: 5px;
	}
	#footer li {
      font-size: 12px;
	}
	
	/*************************
	********** Table *********
	**************************/
	dl.dl-table dt {
	    clear: both;
	    width: 100%;
	    border-top: 1px solid #DDD;
	}
	dl.dl-table dd {
	    padding: 10px 0px 10px 10px;
	    border-top: 1px solid #DDD;
	    margin-left: 0;
	}

	/**************************
	********* 住まい **********
	**************************/
	#house .vacant-photo span.thumb{
	    width: 200px;
	    height: 200px;
	}

	/**************************
	********* お仕事 **********
	**************************/
	#work .work-photo span.thumb{
	    width: 200px;
	    height: 200px;
	}	

	/*************************
	********* Contact ********
	**************************/
	#contact dl.dl-table dt, 
	#contact dl.dl-table dd {
	    border-top: none;
	}
}

/* < 768px width=auto */
@media screen
    and (max-width: 767px) {

    .list-block {
        padding-right: 0px;
        padding-left: 0px;
    }

	/******** マップ *********/
    #top-OSM iframe {
        height: 200px !important;
    }

	/*************************
	********* Header *********
	**************************/
	#header .header-left {
	  width: 75%;
	}
	#header .header-right {
      display: none;
	}

	/********** logo *********/
	#siteintro {
	  margin: 5px 0 0;
	}
	.sitelogo img {
	  width: 100%;
	  height: auto;
	  max-width: 240px;
	  margin: 0 0 8px;
	}

	/********** Link *********/
	.top-contact {
	    padding-top: 0;
	}

	/*************************
	*********** Nav **********
	**************************/
	.pc-nav {
		display: none;
	}
	
	/**** navbar-collapse ****/
	.navbar .navbar-collapse ul li {
		float: none;
	}
	.navbar .navbar-collapse ul li i {
	    color: #9dd7d9;
	}
	.navbar .navbar-collapse ul li a {
		display:block;
		background: none;
		text-indent: 0;
		overflow:hidden;
		white-space:nowrap;
		height: 45px;
        border-bottom: 1px dotted #9dd7d9;
	    color: #333;
	    line-height: 27px;
	}
	.navbar .navbar-collapse ul li a:hover {
        border-bottom: 3px solid #9dd7d9;
        width: 100%;
	}
	.navbar .navbar-collapse ul li:last-child a {
        border-bottom: 2px solid #9dd7d9;
        margin-bottom: 20px;
	}

	.ijyu_navbar .navbar-collapse ul li i {
	    color: #49bbeb;
	}
	.ijyu_navbar .navbar-collapse ul li a {
        border-bottom: 1px dotted #49bbeb;
	}
	.ijyu_navbar .navbar-collapse ul li a:hover {
        border-bottom: 3px solid #49bbeb;
    }
	.ijyu_navbar .navbar-collapse ul li:last-child a {
        border-bottom: 2px solid #49bbeb;
	}
	.marche_navbar .navbar-collapse ul li i {
	    color: #bad74f;
	}
	.marche_navbar .navbar-collapse ul li a {
        border-bottom: 1px dotted #bad74f;
	}
	.marche_navbar .navbar-collapse ul li a:hover {
        border-bottom: 3px solid #bad74f;
    }
	.marche_navbar .navbar-collapse ul li:last-child a {
        border-bottom: 2px solid #bad74f;
	}

	/***** グローバルナビ ****/
	.top_navbar .navbar-collapse ul li a,
	.ijyu_navbar .navbar-collapse ul li a, 
	.marche_navbar .navbar-collapse ul li a {
	    background: none;
	}
	
	.navbar .navbar-collapse ul li.menu01 a,
	.navbar .navbar-collapse ul li.menu02 a,
	.navbar .navbar-collapse ul li.menu03 a,
	.navbar .navbar-collapse ul li.menu04 a,
	.navbar .navbar-collapse ul li.menu05 a,
	.navbar .navbar-collapse ul li.menu06 a,
	.navbar .navbar-collapse ul li.menu07 a,
	.navbar .navbar-collapse ul li.menu08 a,
	.navbar .navbar-collapse ul li.menu09 a,
	.navbar .navbar-collapse ul li.menu10 a {
        width: 100% !important;
	}
	.navbar .navbar-collapse ul li.menu01 a:hover,
	.navbar .navbar-collapse ul li.menu02 a:hover,
	.navbar .navbar-collapse ul li.menu03 a:hover,
	.navbar .navbar-collapse ul li.menu04 a:hover,
	.navbar .navbar-collapse ul li.menu05 a:hover,
	.navbar .navbar-collapse ul li.menu06 a:hover,
	.navbar .navbar-collapse ul li.menu07 a:hover,
	.navbar .navbar-collapse ul li.menu08 a:hover,
	.navbar .navbar-collapse ul li.menu09 a:hover,
	.navbar .navbar-collapse ul li.menu10 a:hover {
        width: 100% !important;
	}
	#header .navbar-default .navbar-nav > .active > a {
        background-color: #fff;
	}
	.nav > li > a > img {
	    max-width: 100%;
	}
	.navbar .navbar-collapse ul li.menu-ijyu span,
	.navbar .navbar-collapse ul li.menu-marche span {
		font-size: 11px;
		margin-left: 15px;
	}
	.navbar .navbar-collapse ul li.menu-ijyu img,
	.navbar .navbar-collapse ul li.menu-marche img {
        height: 40px;
		margin-top: -10px;
	}
	.navbar .navbar-collapse ul li.menu-ijyu a,
	.navbar .navbar-collapse ul li.menu-marche a {
        height: 45px;
	}

	/*************************
	********* Slider *********
	**************************/
	.fa-4x {
      font-size: 2em;
	}
	.carousel-caption, .carousel-control, .carousel-indicators {
	  display: none;
    }

	/*************************
	* Section - background - *
	**************************/
	section#topic, section#topici, section#topicm,
	section#about, section#abouti, section#aboutm, 
	section#intro, 
	section#smile, section#gallery, section#interview, 
	section#house, section#work, section#food, section#farmer {
	    padding-bottom: 0px;
    }
    section#top-new .new-box {
	    padding-top: 10px;
    }
    section#top-new .title {
        margin-left: 15px;
        margin-right: 15px;
    }
    section#topic .topic-box, section#topici .topic-box, section#topicm .topic-box,
    section#about .about-box, section#abouti .about-box, section#aboutm .about-box,
    section#intro .intro-box, 
	section#smile .smile-box, section#gallery .gallery-box,
	section#interview .interview-box, section#house .house-box, section#work .work-box, section#answer .answer-box,
	section#food .food-box, section#farmer .farmer-box, section#shopping .shopping-box,
	section#sitemap .sitemap-box, section#privacy .privacy-box, section#contact .contact-box,
	section#top-social .social-box {
	  margin: 0;
	  padding-left: 0px;
	  padding-right: 0px;
	  border-radius: 0px;		/* CSS3草案 */
	  -webkit-border-radius: 0px;	/* Safari,Google Chrome用 */
	  -moz-border-radius: 0px;	
	}
	section#top-new .new-panel {
	  padding-left: 0px;
	  padding-right: 0px;
	}

	/**************************
	****** トップページ *******
	**************************/
	/* 一覧の画像 */
	#topic .topic-item span.thumb,
	#topici .topic-item span.thumb,
	#topicm .topic-item span.thumb,
	#smile .smile-item span.thumb,
	#interview .interview-item span.thumb,
	#work .work-item span.thumb,
	#food .food-item span.thumb,
	#farmer .farmer-item span.thumb,
	#shopping .shopping-item span.thumb,
	#top-new .new-item span.thumb{
	    width: 100px;
	    height: 100px;
        margin-right: 10px;
	    float: left;
	}
	#topic .topic-panel,
	#topici .topic-panel,
	#topicm .topic-panel,
	#smile .smile-panel,
	#interview .interview-panel,
	#house .house-panel,
	#work .work-panel,
	#food .food-panel,
	#farmer .farmer-panel,
	#shopping .shopping-panel,
	#top-new .new-panel{
	    margin-bottom: 10px;
	}
	#gallery .gallery-item span.thumb{
	    width: 100%;
	    height: 100px;
	}

	section#top-new .new-boxL,
	section#top-new .new-boxR {
	    padding-left: 15px;
	    padding-right: 15px;
	}

	#topic .media-left span.thumb,
	#topici .media-left span.thumb,
	#topicm .media-left span.thumb,
	#smile .media-left span.thumb {
		    width: 100px;
		    height: 100px;
	}
	
	/*************************
	******** パンくず ********
	**************************/
	ul.breadcrumb {
	    font-size: 12px;
	    margin-top: 5px;
	    margin-bottom: 0;
	    padding: 3px 8px;
	}
	
	/*************************
	********** Table *********
	**************************/
	dl.dl-table dt {
	    clear: both;
	    width: 100%;
	    border-top: 1px solid #DDD;
	}
	dl.dl-table dd {
	    padding: 10px 0px 10px 10px;
	    border-top: 1px solid #DDD;
	    margin-left: 0;
	}

	/**************************
	********* 住まい **********
	**************************/
	#house .vacant-photo span.thumb{
	    width: 255px;
	    height: 255px;
	}

	/**************************
	********* お仕事 **********
	**************************/
	#work .work-photo span.thumb{
	    width: 255px;
	    height: 255px;
	}
	
	/*************************
	****** sidebar-list ******
	**************************/
	.sidebar-box .voice-list .thumbnail {
	    min-height: 330px;
	}
	.sidebar-box .category-list-group,
	.sidebar-box .archive-list-group {
	  display: none;
	}
	.sidebar-box .category-list-item,
	.sidebar-box .archive-list-item {
	  display: block;
	}
	
	/*************************
	******* TopSocial ********
	**************************/
	#top-social {
	  padding: 0px;
	}
	#top-social .title {
	  display: none;
	}
	
	/*************************
	********* Contact ********
	**************************/
	#contact dl.dl-table dt {
	    border-top: none;
	}
	#house-detail dl.dl-table dt,
	#contact dl.dl-table dt {
	    float: none;
	    padding: 0 0 10px;
	    width: 100%;
	}
	#house-detail dl.dl-table dd,
	#contact dl.dl-table dd {
	    padding: 0 0 10px;
	    border: none;
	}
	.input-small {
	    width: 100%;
	}

	/*************************
	********* Footer *********
	**************************/
	#footer .footer-menu {
	  display: none;
	}
	
	#footer .col-xs-12 {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	/*************************
	******* Page-top *********
	**************************/
	#page-top a {
		background-image: url("../images/pagetop2s.png");
		width: 50px;
		height: 81px;
	}
	#page-top a:hover {
		background-image: url("../images/pagetops.png");
	}

}

/* < 667 width=auto */
@media screen
    and (max-width: 667px) {

}

/* < 641 width=auto */
@media screen
    and (max-width: 641px) {

	/*************************
	****** sidebar-list ******
	**************************/
	.sidebar-box .voice-list .thumbnail {
	    min-height: 300px;
	}

}
/* < 768 width=auto */
/* > 480 width=auto */
@media screen
    and (max-width: 767px)
    and (min-width: 479px) {

}

/* < 480 width=auto */
@media screen
    and (max-width: 480px) {

	/*************************
	****** sidebar-list ******
	**************************/
	.sidebar-box .voice-list .thumbnail {
	    width: 100%;
	    margin-bottom: 10px;
	}

}
/* < 400 width=auto */
@media screen
    and (max-width: 400px) {

	#house .media-left,
	#house .media-body,
	#work .media-left,
	#work .media-body {
	    display: block;
	}

}

/* < 360 width=auto */
@media screen
    and (max-width: 360px) {

	/**************************
	******** トピック *********
	**************************/
	.blog-date {
	    font-size: 12px;
	}
	
	/**************************
	******* Google MAP ********
	**************************/
	#map_canvas {
	    width: 260px !important;
	    height: 260px !important;
	}

	/*************************
	****** sidebar-list ******
	**************************/
    .sidebar-box .voice-list .thumbnail {
	    min-height: 270px;
	}

	/*************************
	********* Footer *********
	**************************/
	#footer .copyright {
		font-size: 10px;
	}
	#footer .sitelogo img {
	    width: 100%;
	}
}