@media screen and (max-width:768px) {
	article {}
		article h1 {font-size:1.313rem;line-height:1.6;margin:0 25px 30px 25px;}
		
		article .tab {list-style:none;margin:0 25px 30px 25px;}
			article .tab li {padding:0;}
				article .tab li a {display:block;font-size:0.75rem;line-height:1;padding:15px 20px 15px 20px;background:#fff;border:1px solid #ddd;color:#444;text-decoration:none;border-radius:3px;margin:0 0 10px 0;}
				article .tab li.cur a {background:#fff;color:#444;background:#0078C6;color:#fff;}
				article .tab li:not(.cur) a:hover {background:#0078C6;color:#fff;}
		
		article section.category {padding:15px 25px 50px 25px;margin:0 0 30px 0;}
			article section.category a img {transition:0.2s ease-in-out;}
			article section.category a:hover * {opacity:0.5;}
			
			article section.category .image {width:100%;margin:0 0 10px 0;}
			article section.category .text {text-align:left;}
				article section.category .text h2 {font-size:1.313rem;font-weight:normal;margin:0 0 5px 0;}
				article section.category .text div:nth-of-type(1) {margin:0 0 10px 0;}
					article section.category .text div:nth-of-type(1) a {font-size:0.875rem;}
				article section.category div:nth-of-type(2) {border-top:1px dotted #c0c0c0;padding:10px 0 0 0;}
					article section.category div:nth-of-type(2) > p {font-size:0.813rem;line-height:1.5;padding:0 0 10px 0;}
					article section.category div:nth-of-type(2) ul {list-style:none;}
						article section.category div:nth-of-type(2) ul li {clear:both;padding:0 0 5px 0;}
						article section.category div:nth-of-type(2) ul li:after {content:"";clear:both;display:block;}
							article section.category div:nth-of-type(2) ul li a {text-decoration:none;}
								article section.category div:nth-of-type(2) ul li img {width:120px;height:90px;float:left;margin:0 10px 0 0;border:1px solid #c0c0c0;}
								article section.category div:nth-of-type(2) ul li h3 {font-size:1.0rem;line-height:1.5;font-weight:normal;}
								article section.category div:nth-of-type(2) ul li .rubi {font-size:0.688rem;line-height:1.5;margin:0 0 3px 0;color:#999;}
								article section.category div:nth-of-type(2) ul li p {font-size:0.813rem;line-height:1.3;margin:0 0 0 0;color:#666;}
		
		article .list {list-style:none;display:flex;flex-wrap:wrap;padding:0 25px 50px 25px;}
			article .list li {}
				article .list li a {text-decoration:none;color:#444;}
				article .list li img {width:100%;margin:0 0 5px 0;border:1px solid #c0c0c0;transition:0.2s ease-in-out;}
				article .list li a:hover * {opacity:0.5;}
			
			.primary li {width:calc((100% - 10px) / 2);margin:0 0 20px 0;}
			.primary li:not(:nth-of-type(2n)) {margin-right:10px;}
				.primary .summary {font-size:0.813rem;font-weight:normal;line-height:1.5;}
				.primary h3 {font-size:1.125rem;font-weight:normal;line-height:1.5;}
				.primary .rubi {font-size:0.688rem;line-height:1.5;color:#999;}
			.secondary li {width:calc((100% - 20px) / 3);margin:0 0 20px 0;}
			.secondary li:not(:nth-of-type(3n)) {margin-right:10px;}
				.secondary h3 {font-size:1.0rem;font-weight:normal;line-height:1.5;}
				.secondary .rubi {font-size:0.688rem;line-height:1.5;color:#999;}
			.tertiary li {width:calc((100% - 20px) / 3);margin:0 0 20px 0;}
			.tertiary li:not(:nth-of-type(3n)) {margin-right:10px;}
				.tertiary h3 {font-size:1.0rem;font-weight:normal;line-height:1.5;}
				.tertiary .rubi {font-size:0.688rem;line-height:1.5;color:#999;}
		
		article .info {text-align:left;padding:30px 0 0 0;}
			article .info .photogallery {list-style:none;width:100%;}
				article .info .photogallery li {width:100%;}
					article .info .photogallery img {width:100%;}
			article .info .summary {font-size:0.875rem;line-height:1.5;padding:0 25px 15px 25px;}
			article .info .rubi {font-size:0.75rem;padding:0 25px;}
			article .info .explain {padding:20px 0 0 0;margin:20px 25px 0 25px;border-top:1px dotted #c0c0c0;}
				.explain h2 {font-size:1.125rem;line-height:1.8;margin:30px 0 10px 0;font-weight:normal;}
				article .info .explain p {font-size:0.875rem;line-height:1.8;margin:0 0 20px 0;}
				article .info .explain .notice {font-size:0.875rem;line-height:1.8;margin:0 0 20px 0;padding:15px 15px;border:1px solid #ccc;border-radius:3px;}
				article .info .explain blockquote {font-size:0.875rem;line-height:1.6;margin:0 0 20px 0;padding:15px 15px;background:#f6f6f6;}
			article .info .modified {font-size:0.75rem;margin:0 25px 15px 25px;color:#999;}
			article .info .ad_contents_bottom {margin:0 0 30px 0;}
		
		article .sub_info {text-align:left;padding:30px 25px 0 25px;}
			article .sub_info #map {width:100%;height:0;padding-bottom:100%;border:1px solid #c0c0c0;margin:0 0 30px 0;position:relative;overflow:hidden;}
				article .sub_info #map iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
			article .sub_info p.address {font-size:1.0rem;line-height:1.6;margin:0 0 20px 0;padding:0 0 15px 0;border-bottom:1px dotted #c0c0c0;}
			article .sub_info .access {margin:0 0 15px 0;border-bottom:1px dotted #c0c0c0;}
			article .sub_info .access:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
				article .sub_info .access dt {text-indent:-9999px;display:block;width:40px;height:40px;background:#999 url(/img/ico_access_method.png) no-repeat;float:left;border-radius:2px;}
				article .sub_info .access dd {margin:0 0 15px 50px;font-size:0.75rem;line-height:1.5;}
					article .sub_info .access dt.car {background-position:left top;}
					article .sub_info .access dt.bus {background-position:left bottom;}
			article .sub_info dl.address {margin:20px 0 0 0;padding:0 0 20px 0;border-bottom:1px dotted #c0c0c0;}
			article .sub_info dl.address:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
				article .sub_info dl.address dt {font-size:0.875rem;line-height:1.8;margin:0 0 5px 0;width:5rem;float:left;}
				article .sub_info dl.address dd {font-size:0.875rem;line-height:1.8;margin:0 0 5px 5rem;}
			article .sub_info .link {margin:20px 0 15px 0;border-bottom:1px dotted #c0c0c0;}
				article .sub_info .link dt {font-size:0.875rem;line-height:1.8;margin:0 0 5px 0;}
				article .sub_info .link dd {font-size:0.875rem;line-height:1.8;margin:0 0 20px 0;}
			article .sub_info .ad_contents_subinfo {margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:1px dotted #c0c0c0;}
			article .sub_info .bn {margin:0 0 15px 0;}
				article .sub_info .bn img {border-radius:4px;margin:0 0 5px 0;width:100%;}
					article .sub_info .bn a:hover img {opacity:0.5;}
			article .sub_info .fb_comment h3 {font-size:1.313rem;line-height:1.8;margin:0 0 10px 0;font-weight:normal;}
			
}
/* ======================================================= */
@media screen and (min-width:769px) and (max-width:1024px) {
	article {padding:0 30px;}
	article:after {content:"";clear:both;display:block;}
		article h1 {font-size:2.0rem;line-height:1.8;margin:0 0 30px 0;}
		
		article .tab {list-style:none;border-bottom:1px solid #ddd;margin:0 0px 50px 0px;display:flex;padding:0 0 0 10px;}
			article .tab li {padding:0 5px 0 0;}
				article .tab li a {display:inline-block;font-size:1.0rem;line-height:1;padding:15px 20px 15px 20px;background:#fff;border:1px solid #ddd;color:#444;text-decoration:none;border-radius:3px 3px 0 0;position:relative;top:1px;}
				article .tab li.cur a {background:#fff;color:#444;border-bottom:1px solid #fff;}
				article .tab li:not(.cur) a:hover {background:#0078C6;color:#fff;}
		
		article section.category {padding:15px 0px 50px 0px;margin:0 0 30px 0;}
		article section.category:after {content:"";clear:both;display:block;}
			article section.category:nth-of-type(odd) .image {float:right;}
			article section.category:nth-of-type(odd) .text {float:left;}
			article section.category:nth-of-type(even) .image {float:left;}
			article section.category:nth-of-type(even) .text {float:right;}
			
			article section.category a img {transition:0.2s ease-in-out;}
			article section.category a:hover * {opacity:0.5;}
			
			article section.category .image {width:65%;margin:0 0 0 0;}
			article section.category .text {width:calc(35% - 10px);text-align:left;}
				article section.category .text h2 {font-size:2.0rem;font-weight:normal;margin:0 0 5px 0;}
				article section.category .text div:nth-of-type(1) {margin:0 0 10px 0;}
					article section.category .text div:nth-of-type(1) a {font-size:1.0rem;}
				article section.category div:nth-of-type(2) {border-top:1px dotted #c0c0c0;padding:10px 0 0 0;}
					article section.category div:nth-of-type(2) > p {font-size:0.813rem;line-height:1.5;padding:0 0 10px 0;}
					article section.category div:nth-of-type(2) ul {list-style:none;}
						article section.category div:nth-of-type(2) ul li {clear:both;padding:0 0 5px 0;}
						article section.category div:nth-of-type(2) ul li:after {content:"";clear:both;display:block;}
							article section.category div:nth-of-type(2) ul li a {text-decoration:none;}
								article section.category div:nth-of-type(2) ul li img {width:120px;height:90px;float:left;margin:0 10px 0 0;border:1px solid #c0c0c0;}
								article section.category div:nth-of-type(2) ul li h3 {font-size:1.0rem;line-height:1.5;font-weight:normal;}
								article section.category div:nth-of-type(2) ul li .rubi {font-size:0.688rem;line-height:1.5;margin:0 0 3px 0;color:#999;}
								article section.category div:nth-of-type(2) ul li p {font-size:0.813rem;line-height:1.3;margin:0 0 0 0;color:#666;}
		
		article .list {list-style:none;display:flex;flex-wrap:wrap;padding:0 0;}
			article .list li {}
				article .list li a {text-decoration:none;}
				article .list li img {width:100%;margin:0 0 5px 0;border:1px solid #c0c0c0;transition:0.2s ease-in-out;}
				article .list li a:hover * {opacity:0.5;}
			
			.primary li {width:calc((100% - 30px) / 3);margin:0 0 20px 0;}
			.primary li:not(:nth-of-type(3n)) {margin-right:15px;}
				.primary .summary {font-size:0.813em;font-weight:normal;line-height:1.5;}
				.primary h3 {font-size:1.313em;font-weight:normal;line-height:1.5;}
				.primary .rubi {font-size:0.688em;line-height:1.5;color:#999;}
			.secondary li {width:calc((100% - 45px) / 4);margin:0 0 20px 0;}
			.secondary li:not(:nth-of-type(4n)) {margin-right:15px;}
				.secondary h3 {font-size:1.0em;font-weight:normal;line-height:1.5;}
				.secondary .rubi {font-size:0.688em;line-height:1.5;color:#999;}
			.tertiary li {width:calc((100% - 60px) / 5);margin:0 0 20px 0;}
			.tertiary li:not(:nth-of-type(5n)) {margin-right:15px;}
				.tertiary h3 {font-size:1.0em;font-weight:normal;line-height:1.5;}
				.tertiary .rubi {font-size:0.688em;line-height:1.5;color:#999;}
		
		article .info {width:60%;float:left;text-align:left;padding:30px 0 0 0;}
			article .info .photogallery {list-style:none;width:100%;}
				article .info .photogallery li {width:100%;}
					article .info .photogallery img {width:100%;}
			article .info .summary {font-size:0.875rem;line-height:1.5;margin:10px 0 10px 0;}
			article .info .rubi {font-size:0.75rem;}
			article .info .explain {margin:0 0 0 0;padding:20px 0 0 0;border-top:1px dotted #c0c0c0;}
				.explain h2 {font-size:1.313rem;line-height:1.8;margin:30px 0 10px 0;font-weight:normal;}
				article .info .explain p {font-size:0.875rem;line-height:1.8;margin:0 0 20px 0;}
				article .info .explain .notice {font-size:0.875rem;line-height:1.8;margin:0 0 20px 0;padding:15px 15px;border:1px solid #ccc;border-radius:3px;}
				article .info .explain blockquote {font-size:0.875rem;line-height:1.6;margin:0 0 20px 0;padding:15px 15px;background:#f6f6f6;}
			article .info .modified {font-size:0.75rem;margin:0 0 15px 0;color:#999;}
			article .info .ad_contents_bottom {width:336px;height:280px;margin:0 0 30px 0;}
		
		article .sub_info {width:calc(40% - 30px);float:right;text-align:left;padding:30px 0 0 0;}
			article .sub_info #map {width:100%;height:0;padding-bottom:100%;border:1px solid #c0c0c0;margin:0 0 30px 0;position:relative;overflow:hidden;}
				article .sub_info #map iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
			article .sub_info p.address {font-size:1.0rem;line-height:1.6;margin:0 0 20px 0;padding:0 0 15px 0;border-bottom:1px dotted #c0c0c0;}
			article .sub_info .access {margin:0 0 15px 0;border-bottom:1px dotted #c0c0c0;}
			article .sub_info .access:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
				article .sub_info .access dt {text-indent:-9999px;display:block;width:40px;height:40px;background:#999 url(/img/ico_access_method.png) no-repeat;float:left;border-radius:2px;}
				article .sub_info .access dd {margin:0 0 15px 50px;font-size:0.75rem;line-height:1.5;}
					article .sub_info .access dt.car {background-position:left top;}
					article .sub_info .access dt.bus {background-position:left bottom;}
			article .sub_info dl.address {margin:20px 0 0 0;padding:0 0 20px 0;border-bottom:1px dotted #c0c0c0;}
			article .sub_info dl.address:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
				article .sub_info dl.address dt {font-size:0.875rem;line-height:1.8;margin:0 0 5px 0;width:5rem;float:left;}
				article .sub_info dl.address dd {font-size:0.875rem;line-height:1.8;margin:0 0 5px 5rem;}
			article .sub_info .link {margin:20px 0 15px 0;border-bottom:1px dotted #c0c0c0;}
				article .sub_info .link dt {font-size:0.875rem;line-height:1.8;margin:0 0 5px 0;}
				article .sub_info .link dd {font-size:0.875rem;line-height:1.8;margin:0 0 20px 0;}
			article .sub_info .ad_contents_subinfo {margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:1px dotted #c0c0c0;}
			article .sub_info .bn {margin:0 0 15px 0;}
				article .sub_info .bn img {border-radius:4px;margin:0 0 5px 0;width:100%;}
					article .sub_info .bn a:hover img {opacity:0.5;}
			article .sub_info .fb_comment h3 {font-size:1.313rem;line-height:1.8;margin:0 0 10px 0;font-weight:normal;}

}
/* ======================================================= */
@media screen and (min-width:1025px) {
	article {}
	article:after {content:"";clear:both;display:block;}
		article h1 {font-size:2.5rem;line-height:1.8;margin:0 0 50px 0;}
		
		article .tab {list-style:none;border-bottom:1px solid #ddd;margin:0 0 50px 0;display:flex;padding:0 0 0 10px;}
			article .tab li {padding:0 5px 0 0;}
				article .tab li a {display:inline-block;font-size:1.0rem;line-height:1;padding:15px 20px 15px 20px;background:#fff;border:1px solid #ddd;color:#444;text-decoration:none;border-radius:3px 3px 0 0;position:relative;top:1px;}
				article .tab li.cur a {background:#fff;color:#444;border-bottom:1px solid #fff;}
				article .tab li:not(.cur) a:hover {background:#0078C6;color:#fff;}
		
		article section.category {padding:15px 0 50px 0;margin:0 0 30px 0;}
		article section.category:after {content:"";clear:both;display:block;}
			article section.category:nth-of-type(odd) .image {float:right;}
			article section.category:nth-of-type(odd) .text {float:left;}
			article section.category:nth-of-type(even) .image {float:left;}
			article section.category:nth-of-type(even) .text {float:right;}
			
			article section.category a img {transition:0.2s ease-in-out;}
			article section.category a:hover * {opacity:0.5;}
			
			article section.category .image {width:640px;height:400px;margin:0 0 0 0;}
			article section.category .text {width:320px;}
				article section.category .text h2 {font-size:2.0rem;font-weight:normal;margin:0 0 5px 0;}
				article section.category .text div:nth-of-type(1) {margin:0 0 10px 0;}
					article section.category .text div:nth-of-type(1) a {font-size:1.0rem;}
				article section.category div:nth-of-type(2) {border-top:1px dotted #c0c0c0;padding:10px 0 0 0;}
					article section.category div:nth-of-type(2) > p {font-size:0.813rem;line-height:1.5;padding:0 0 10px 0;}
					article section.category div:nth-of-type(2) ul {list-style:none;}
						article section.category div:nth-of-type(2) ul li {clear:both;padding:0 0 5px 0;}
						article section.category div:nth-of-type(2) ul li:after {content:"";clear:both;display:block;}
							article section.category div:nth-of-type(2) ul li a {text-decoration:none;}
								article section.category div:nth-of-type(2) ul li img {width:120px;height:90px;float:left;margin:0 10px 0 0;border:1px solid #c0c0c0;}
								article section.category div:nth-of-type(2) ul li h3 {font-size:1.0rem;line-height:1.5;font-weight:normal;}
								article section.category div:nth-of-type(2) ul li .rubi {font-size:0.688rem;line-height:1.5;margin:0 0 3px 0;color:#999;}
								article section.category div:nth-of-type(2) ul li p {font-size:0.813rem;line-height:1.3;margin:0 0 0 0;color:#666;}
		
		article .list {list-style:none;display:flex;flex-wrap:wrap;}
			article .list li {}
				article .list li a {text-decoration:none;}
				article .list li img {width:100%;margin:0 0 5px 0;border:1px solid #c0c0c0;transition:0.2s ease-in-out;}
				article .list li a:hover * {opacity:0.5;}
			
			.primary li {width:320px;margin:0 0 20px 0;}
			.primary li:not(:nth-of-type(3n)) {margin-right:20px;}
				.primary .summary {font-size:0.813em;font-weight:normal;line-height:1.5;}
				.primary h3 {font-size:1.313em;font-weight:normal;line-height:1.5;}
				.primary .rubi {font-size:0.688em;line-height:1.5;color:#999;}
			.secondary li {width:240px;margin:0 0 20px 0;}
			.secondary li:not(:nth-of-type(4n)) {margin-right:calc(40px / 3);}
				.secondary h3 {font-size:1.0em;font-weight:normal;line-height:1.5;}
				.secondary .rubi {font-size:0.688em;line-height:1.5;color:#999;}
			.tertiary li {width:190px;margin:0 0 20px 0;}
			.tertiary li:not(:nth-of-type(5n)) {margin-right:calc(50px / 4);}
				.tertiary h3 {font-size:1.0em;font-weight:normal;line-height:1.5;}
				.tertiary .rubi {font-size:0.688em;line-height:1.5;color:#999;}
		
		article .info {width:640px;float:left;}
			article .info .photogallery {list-style:none;width:640px;height:480px;overflow:hidden;}
				article .info .photogallery li {}
					article .info .photogallery img {width:100%;}
			article .info .summary {font-size:0.875rem;line-height:1.5;margin:10px 0 10px 0;}
			article .info .rubi {font-size:0.75rem;}
			article .info .explain {margin:0 0 0 0;padding:20px 0 0 0;border-top:1px dotted #c0c0c0;}
				.explain h2 {font-size:1.313rem;line-height:1.8;margin:30px 0 10px 0;font-weight:normal;}
				article .info .explain p {font-size:1.0rem;line-height:1.8;margin:0 0 20px 0;}
				article .info .explain .notice {font-size:1.0rem;line-height:1.8;margin:0 0 20px 0;padding:15px 15px;border:1px solid #ccc;border-radius:3px;}
				article .info .explain blockquote {font-size:1rem;line-height:1.6;margin:0 0 20px 0;padding:15px 15px;background:#f6f6f6;}
			article .info .modified {font-size:0.75rem;margin:0 0 15px 0;color:#999;}
			article .info .ad_contents_bottom {width:336px;height:280px;margin:0 0 30px 0;}
		
		article .sub_info {width:320px;float:right;}
			article .sub_info #map {width:100%;height:0;padding-bottom:100%;border:1px solid #c0c0c0;margin:0 0 30px 0;position:relative;overflow:hidden;}
				article .sub_info #map iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
			article .sub_info p.address {font-size:1.0rem;line-height:1.6;margin:0 0 20px 0;padding:0 0 15px 0;border-bottom:1px dotted #c0c0c0;}
			article .sub_info .access {margin:0 0 15px 0;border-bottom:1px dotted #c0c0c0;}
			article .sub_info .access:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
				article .sub_info .access dt {text-indent:-9999px;display:block;width:40px;height:40px;background:#999 url(/img/ico_access_method.png) no-repeat;float:left;border-radius:2px;}
				article .sub_info .access dd {margin:0 0 15px 50px;font-size:0.75rem;line-height:1.5;}
					article .sub_info .access dt.car {background-position:left top;}
					article .sub_info .access dt.bus {background-position:left bottom;}
			article .sub_info dl.address {margin:20px 0 0 0;padding:0 0 20px 0;border-bottom:1px dotted #c0c0c0;}
			article .sub_info dl.address:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
				article .sub_info dl.address dt {font-size:1.0rem;line-height:1.8;margin:0 0 5px 0;width:5rem;float:left;}
				article .sub_info dl.address dd {font-size:1.0rem;line-height:1.8;margin:0 0 5px 5rem;}
			article .sub_info .link {margin:20px 0 15px 0;border-bottom:1px dotted #c0c0c0;}
				article .sub_info .link dt {font-size:1.0rem;line-height:1.8;margin:0 0 5px 0;}
				article .sub_info .link dd {font-size:1.0rem;line-height:1.8;margin:0 0 20px 0;}
			article .sub_info .ad_contents_subinfo {margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:1px dotted #c0c0c0;}
			article .sub_info .bn {margin:0 0 15px 0;}
				article .sub_info .bn img {border-radius:4px;margin:0 0 5px 0;width:100%;}
					article .sub_info .bn a:hover img {opacity:0.5;}
			article .sub_info .fb_comment h3 {font-size:1.313rem;line-height:1.8;margin:0 0 10px 0;font-weight:normal;}

}