@media (max-width: 767px) {
	.subpage {
		margin: 0 5px 0 5px;
	}
	
	.logo_header img{
		/*width:45%;*/
		    float: none;
	}
	.logo_header p{
		font-size:12px;
	}
	
	.navbar-default {
		background-color: #e35504;
	}
	
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		background-color: #fff;
	}
	
	.navbar-default .navbar-nav > li > a {
		color: #000;
	}
	
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
		color: #000;
	}
	
	/* ハンバーガーボタンタップ時のドロップダウンメニューのサブメニュー文字の色 */
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #5e5e5e;
	}
	
	/* ハンバーガーボタンタップ時のドロップダウンメニュー上部のボーダー */
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: #fff;
	}
	
	.button_onoff {
		font-size: 100%;
	}
	
	.mainpage_block h1{
		padding:0 0 0 10px;
	}
	
	.mainpage_block h3{
		font-size: 26px;
		line-height: 34px;
	}
	
	.mainpage_ul_5 ul li{
		width:32%;
	}
	
	.miryokupage_block h3{
		font-size: 26px;
		line-height: 34px;
	}
	
	.miryokupage_block h3 , .miryokupage_ul h3{
		font-size: 26px;
		line-height: 34px;
	}
	
	.miryoku_kokusai_h1 h1{padding: 5px 0 5px 5px;}
	
	.block_li_4_spot ul li{padding: 1px 1px 1px 1px;}
	.block_li_5 ul li{padding: 0px 5px 5px 5px;width:24%;}
	
	h1{font-size: 32px;}
	h2{font-size: 28px;}
	h3{font-size: 24px;}
	
	.carousel-indicators {
		display: none;
	}
}

@media (max-width: 670px) {
	.logo_header p{
		display:none;
	}
	
	.alignleft,.alignright {float: none;}
	
	img.alignleft, img.alignleft {
		display: block;
	}
	
	.mainpage_block h3 , .miryokupage_ul h3{
		font-size: 20px;
		line-height: 26px;
	}
	
	.mainpage_ul_3 ul li{
		width:49%;
		padding: 3px 6px 15px 6px;
	}
	
	.mainpage_ul_3_footersns ul li{
		width:100%;
		padding: 3px 6px 15px 6px;
	}
	
	.mainpage_ul_3_footersns img{
		display: inline;
		float: left;
	}
	
	.mainpage_ul_4 ul li{
		width:49%;
		padding: 3px 8px 15px 8px;
	}
	
	.miryokupage_block h3{
		font-size: 20px;
		line-height: 26px;
	}
	
	.miryokupage_ul_3 ul li{
		width:49%;
		padding: 3px 6px 15px 6px;
	}
	
	.miryokupage_ul_4 ul li{
		width:49%;
		padding: 3px 8px 15px 8px;
	}
	
	.miryoku_border_h1 h1{font-size: 20px;line-height: 36px;}
	.miryoku_umi_h1 h1{font-size: 26px;}
	.miryoku_shizen_h1 h1{font-size: 26px;}
	
	.block_li_2 ul li{
		width:49%;
		padding: 3px 8px 15px 8px;
	}
	
	.block_li_3 ul li{
		width:49%;
		padding: 3px 8px 15px 8px;
	}
	
	.block_li_4_spot ul li{width:32%;}
	
	.img-responsive {margin: 0 0 10px 0;}
	.img-nomargin {margin: 0 auto 0 auto;}
	
	h1{font-size: 30px;}
	h2{font-size: 26px;}
	h3{font-size: 22px;}
	
	.block_table th,.block_table td{
		width: 100%;
		display: block;
	}
	
	.block_table_border th,.block_table_border td{
		width: 100%;
		display: block;
	}
	
	/* Youtube */
	.youtube {
	  position: relative;
	  width: 100%;
	  padding-top: 56.25%;
	}
	.youtube iframe {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}
}

@media (max-width: 510px) {
	.mainpage_block {
		margin-bottom: 30px;
	}
	
	.mainpage_block h2{
		font-size: 24px;
		line-height: 30px;
	}
	
	.mainpage_block h3{
		font-size: 16px;
		line-height: 22px;
	}
	
	.mainpage_ul_2 ul li{
		padding: 3px 6px 15px 6px;
	}

	.mainpage_ul_3 ul li{
		padding: 3px 6px 15px 6px;
	}
	
	.mainpage_ul_4 ul li{
		padding: 3px 8px 15px 8px;
	}
	
	.mainpage_ul_5 ul li{
		width:49%;
		padding: 3px 4px 15px 4px;
	}
	
	.miryokupage_block {
		margin-bottom: 30px;
	}
	
	.miryokupage_block h2{
		font-size: 24px;
		line-height: 30px;
	}
	
	.miryokupage_block h3 , .miryokupage_ul h3{
		font-size: 16px;
		line-height: 22px;
	}
	
	.miryokupage_ul_2 ul li{
		padding: 3px 6px 15px 6px;
	}

	.miryokupage_ul_3 ul li{
		padding: 3px 6px 15px 6px;
	}
	
	.miryokupage_ul_4 ul li{
		padding: 3px 8px 15px 8px;
	}
	
	.miryokupage_ul_5 ul li{
		width:49%;
		padding: 3px 4px 15px 4px;
	}
	
	.title th{display:none;}
	.title td{padding: 10px;}
	
	.title_text {
		margin:5px 0 5px 0;
		padding:0 5px 0 5px;
	}
	
	h1{font-size: 28px;}
	h2{font-size: 24px;}
	h3{font-size: 20px;}
	h4{font-size: 14px;}
	h5{font-size: 12px;}
	
	.subcontents h2{font-size: 120%;}
	.subcontents h3{font-size: 120%;}
	.pankuzu {font-size: 90%;}
	
	.footer_block_li_sns ul li{width:100%;margin: 0 0 10px 0;}
	
	.columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	
	.columns2 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	
	.block_li_5 ul li{width:32%;}
}

@media (max-width: 436px) {
	h1{font-size: 24px;}
	h2{font-size: 20px;}
	h3{font-size: 16px;}
	h4{font-size: 12px;}
	h5{font-size: 10px;}
	
	.mainpage_block h3{
		font-size: 14px;
		line-height: 20px;
	}
	
	.mainpage_block h4{
		font-size: 14px;
		line-height: 20px;
	}
	
	.miryokupage_block h3{
		font-size: 14px;
		line-height: 20px;
	}
	
	.miryokupage_block h4{
		font-size: 14px;
		line-height: 20px;
	}
	
	.miryoku_border_h1 h1{font-size: 14px;line-height: 18px;}
	.miryoku_umi_h1 h1{font-size: 16px;padding: 0 0 0 10px;}
	.miryoku_shizen_h1 h1{font-size: 16px;padding: 0 0 0 10px;}
	.miryokupage_ul_4_umi ul li{width:32%;}
	
	.pankuzu {font-size: 80%;}
	
	.subcontents h2{font-size: 110%;}
	
	.block_li_2 ul li{width:100%;}
	.block_li_3 ul li{width:100%;}
	
	.block_li_4_spot ul li{width:48%;}
	.block_li_5 ul li{width:48%;}
	
	.footer_block_li_2 ul li{width:100%;}
	.footer_block_li_4 ul li{width:48%;}
	.copyright_block_li ul li{width:100%;}
	
	.display_none {display:none;}
	
	.miryoku_title{margin: 20px 0 0 0;}
	.miryoku_title ul{margin: 0 0 0 0;}
	.miryoku_title ul li{padding: 0px 3px 0px 3px;width:18%;}
}

@media (max-width: 340px) {
	.logo_header img{
		width:100%;
	}
	
	.mainpage_block h3{font-size: 12px;}
	.mainpage_block h4{font-size: 12px;}
	
	.miryokupage_block h3 , .miryokupage_ul h3{font-size: 12px;}
	.miryokupage_block h4{font-size: 12px;}
}

@media (min-width: 768px) {
	.container {
		width: 750px;
	}
	
	/* メニューのセンタリング */
	.navbar-nav{
		margin: 0 auto;
		display: table;
		table-layout: fixed;
		float:none;
	}
	
	.nav > li > a {
		padding-left:4px;
		padding-right:4px;
		font-size:12px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 1000px;
	}

	.nav > li > a {
		padding-left:15px;
		padding-right:15px;
		font-size:15px;
	}
}