* {
	margin: 0;
	padding: 0;
	outline: 0;
}

html, body {
	height: 100%;
}

body, html {
	height: 100%;
}

body {
	font-size: 0.9em;
	line-height: 22px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;;
	color: #626262;
	background: url(../images/body.png) repeat 0 0;
	min-width: 980px;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -286px;
}




/*　基本要素　*/

	p {
		line-height:1.4em;
	}

	a {
		color: #067aa7;
		text-decoration: none;
		cursor: pointer;
	}

	a:hover {
		text-decoration: underline;
	}

	a img {
		border: 0;
	}

	a img:hover{
		opacity:0.8;
	}

	a.view {
/*		background: url(../images/bullet.png) no-repeat 0 10px;*/
		padding-left: 8px;
		font-size: 0.8em;
		float: right;
		margin-top: -24px;
	}

	article, aside, details, footer, header, menu, nav, section {
		display: block;
	}

	input, textarea, select {
		font-size: 12px;
		font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;;
	}

	textarea {
		overflow: auto;
	}

	h5 {
		font-size:1em;
	}

	.cl {
		display: block;
		height: 0;
		font-size: 0;
		line-height: 0;
		text-indent: -4000px;
		clear: both;
	}

	.notext {
		font-size: 0;
		line-height: 0;
		text-indent: -4000px;
	}

	.left, .alignleft {
		float: left;
		display: inline;
	}

	.right, .alignright {
		float: right;
		display: inline;
	}

	.shell {
		width: 980px;
		margin: 0 auto;
	}

	.line-through {
		text-decoration:line-through;
	}

	.page_link p{
		text-align:center;
	}

	.blogtitle {
		border-bottom:dotted medium #828282;
		padding-bottom:0.1em;
		margin-bottom:48px;
	}



	.sightseeing {
		padding:8px 6px;
		margin:6px 0 24px 24px;
		border-top:solid thin #ccc;
		border-bottom:solid thin #ccc;
	}

	.sightseeing p strong{
		font-weight:bold;
	}

	blockquote {
		margin-top:24px;
		padding:0 6px 24px 24px;
		padding-bottom:24px;
		background-color:#E9FAFF;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;   
	}

	blockquote:before {
		position:relative;
		content:"“";
		font-family: serif;
		font-size:60px;
		color:#E4E5B5;
		top:20px;
		left:-12px;
	}

	blockquote p.memo{
		text-align:right;
		font-size:0.88em;
		margin-right:12px;
	}
	hr {
		border: 0;
		height: 1px;
		margin-top:12px;
		margin-bottom:12px;
		background-image: -webkit-linear-gradient(left, rgba(105,105,105,0), rgba(105,105,105,0.75), rgba(105,105,105,0));
		background-image:    -moz-linear-gradient(left, rgba(105,105,105,0), rgba(105,105,105,0.75), rgba(105,105,105,0));
		background-image:     -ms-linear-gradient(left, rgba(105,105,105,0), rgba(105,105,105,0.75), rgba(105,105,105,0));
		background-image:      -o-linear-gradient(left, rgba(105,105,105,0), rgba(105,105,105,0.75), rgba(105,105,105,0));
	}

	.sns {
		height:24px;
		padding:6px;
		border-top:solid thin #ddd;
		border-bottom:solid thin #ddd;
	}

	.sns div{
		float:right;
		margin-bottom:0;
		height:21px !important;
	}


	dl{
		margin-left:24px;
	}


	dd{
		margin-left:48px;
	}

/*  top-nav  */

	.top-bar{
		background:#279EC6;
		height:59px;
	}

	.top-bar h1{
		float:left;
		font-size:24px;
		margin:20px 0 0 36px;
		padding:0;
		border:none;
		width:704px;
		color:#fff;
		line-height:24px;
		left:6px;
		position: relative;
	}

	.top-bar h1 a{
		color:#fff;
		text-decoration:none;z
	}

	.top-bar h1:before{
		content:url('https://rinko-nagahama.sakura.ne.jp/takayama/images/takayama-logo.gif');
		position: absolute;  
		top:0px;
		left:-36px;
	}

	.top-bar p{
		float:left;
		font-size:1.6em;
		margin:20px 0 0 0;
		width:240px;
		color:#fff;
		line-height:1em;
	}

	.top-nav.desktop ul {
		display: block !important;
	}
	
	.top-nav .shell {
		position: relative;
	}

	.top-nav {
		background: #e4e5b5;
		height: 59px;
		margin-bottom:-1px;
	}

	.top-nav ul {
		list-style: none;
		list-style-position:outside;
		font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size: 18px;
		text-transform: uppercase;
		line-height: 58px;
		font-weight: 700;
	}

	.top-nav ul li {
		float: left;
		padding: 0 0 0 0;
		border-right: 1px solid #F8F8EC;
	}

	.top-nav ul li.active  {
		border-right: 0;
	}

	.top-nav ul li a {
		color: #3C3D03;
		float: left;
		padding: 0 42px;
	}
	
	.top-nav ul li span {
		float: left;
	}

	.top-nav ul li a:hover, .top-nav ul li.active a {
		color: #282809;
		text-decoration: none;
		background: #c1c19d;
	}

	.top-nav ul li.active a {
		border-right: solid thin #F8F8EC ;
	}

	.top-nav ul li.active span {0
		padding-left: 2px;
	}

	.top-nav span.top-nav-shadow {
		background: url(../images/top-nav-shadow.png) no-repeat 0 0;
		width: 959px;
		height: 7px;
		position: absolute;
		top: 59px;
		left: 50%;
		margin-left: -480px;
	/**	z-index: 99999;	**/
	}

	.top-nav a.nav-btn {
		display: none;
	} 


/*   header   */

	.header-top {
		background: url(../images/header-t.png) repeat-x 0 0;
		width: 100%;
		height: 72px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}

	.header-bottom {
		background: url(../images/header-b.png) repeat-x 0 0;
		width: 100%;
		height: 72px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.header-center {
		background: url(../images/header-i.png) repeat 0 0;
		width: 100%;
		position: relative;
	}

	.header-inner {
		z-index: 99;
		position: relative;
		background: url(../images/header-cnt.png) repeat-y center 0;
		margin-bottom: -47px;
	}

	.header-cnt #logo {
		width: 420px;
		font-size: 0;
		line-height: 0;
		margin-bottom: 32px;
		padding:0;
		border:none;
	}

	.header-cnt #logo a {
		height: 142px;
		background: url(../images/title_logo.png) no-repeat 0 0;
		text-indent: -4000px;
		display: block;
	}

	.header-cnt {
		width: 422px;
		padding-top: 30px;
	}

	.header-cnt div{
		width: 208px;
		float:left;
	}

	.header-cnt h2 {
		font-size: 74px;
		line-height: 83px;
		color: #fff;
		font-weight: bolder;
	}
 
	.header-cnt h3 {
		font-size: 40px;
		padding-bottom: 8px;
		line-height: 50px;
		font-weight: normal;
		color: #fff;
		font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;;
	}
 
	.header-cnt p {
		color: #fff;
		padding-bottom: 10px;
	}

	.header-cnt a.blue-btn {
		background: url(../images/blue-btn.png) no-repeat 0 -75px;
		position: relative;
		bottom: -30px;
		z-index: 100;
		width: 198px;
		height: 70px;
		text-align:center;
		line-height: 56px;
		display: block;
		color: #fff;
		font-size: 16px;

	}

	.header-cnt a.blue-btn:hover {
		text-decoration: none;
		background-position: 0 0px;
	}

	.header-cnt a.green-btn {
		background: url(../images/green-btn.png) no-repeat 0 -75px;
		position: relative;
		bottom: -30px;
		z-index: 100;
		width: 198px;
		height: 70px;
		text-align:center;
		line-height: 56px;
		display: block;
		color: #fff;
		font-size: 16px;

	}

	.header-cnt a.green-btn:hover {
		text-decoration: none;
		background-position: 0 0px;

	}




/*   slide show    */

	.slider-holder {
		width: 495px;
		height: 293px;
		background: url(../images/slider.png) no-repeat 0 0;
		position: absolute;
		bottom: -42px;
		right: -19px;
		padding: 34px 44px;
		z-index: 1000;
	}

	.slider-holder .flexslider {
		width: 497px;
		height: 288px;
		position: relative;
	}

	.slider-holder .flexslider ul.slides {
		list-style: none;
		list-style-position: outside;
		position: relative;
	}

	.slider-holder .flexslider ul.slides li {
		width: 497px;
		height: 288px;
		float: left;
	}

	.slider-holder .flexslider ul.slides li img {
		width: 497px;
		height: 288px;
	}



/*   main     */

	.main {
		padding: 60px 0 60px;
		position: relative;
		height: 100%;
	}

	.main span.shadow-top {
		background: url(../images/main-shadow.png) repeat-x 0 0;
		top: 0;
		left: 0;
		position: absolute;
		width: 100%;
		height: 46px;
		z-index: 20;
		display: block;
	}

	.main h2 {
		font-size: 28px;
		color: #2d2d2d;
		line-height: 28px;
		font-weight: bold;
		padding-bottom: 12px;
	}

	.main h3 {
		font-size: 20px;
		color: #2d2d2d;
		line-height: 22px;
		font-weight: bold;
		padding-bottom: 8px;
		margin-bottom:8px;
	}

	.main h4{
		font-size:16px;
		margin-top:24px;
		margin-bottom:12px;
		line-height:1.2em;
	}



/*   main section    */

		.main section {
			background: url(../images/section-shadow.png) no-repeat 0 bottom;
			padding-top: 40px;
			padding-bottom: 23px;
		}

		.main section:last-of-type {
			background: transparent;
		}

		.main section.blog {
/*			padding-bottom: 60px;*/
		}

		.main section.blog .content img {
			width:100%;
		}


/*   main testimonial    */


		.main .testimonial {
			text-align: center;
			padding-right: 88px;
			padding-left: 88px;
		}

		.main .testimonial p {
			padding-bottom: 10px;
		}

		.main .testimonial p strong {
			font-size: 28px;
			font-family: georgia, serif;
			position: relative;
			top: 10px;
			left: -5px;
		}


/*   main content   */

		.main .content {
			width: 66.6%;
			float: left;
		}

		.main .content ul {
			list-style: none;
			list-style-position: outside;
			padding-top: 8px;
		}

		.main ul.attention li{
			list-style: url('https://takayama-camp.com/images/exclamation.png') outside none;
			padding-top: 0px;
			margin-left:32px;
		}

		.main .content ul li {
			padding-left: 8px;
			padding-bottom: 5px;
		}

		.main .content ul li a {
			text-decoration: underline;
		}

		.main .content ul li a:hover {
			text-decoration: none;
		}

		.main .content img.alignleft {
			margin-right: 22px;
		}

		.main .content .cnt {
			overflow: hidden;
			height: 100%;
			margin:12px 0 72px;
		}

		.main .content .cnt img {
			width:100%;
		}

		.main .content .cnt p {
			margin: 8px 0 16px 6px;
		}

		.main .content .box dl.charge{
			margin-left:12px;
			margin-bottom:48px;
			line-height: 1.5;
			overflow:hidden;
		}

		.main .content .box dl.charge dt{
			padding:12px 6px;
			float:left;
			width:320px;
			border-top:dotted 0.5px #ccc;
			font-weight:bold;
			clear: both;
		}

		.main .content .box dl.charge dd{
			margin-left:332px;
			padding:12px 6px;
			border-top:dotted 0.5px #ccc;
		}


		.main .content .box dl.charge dd span{
			display:block;
			font-size:0.9em;
		}

		.clearfix:after {
			display:block;
			clear:both;
			height:0px;
			visibility:hidden;
			content:".";
		}

		.clearfix {
			min-height: 1px;
		}

	.main section.blog .content .box {
		margin-bottom:4.8em;
	}

	.main section.blog .content .box2 p{
		margin:1.2em 0.6em !important;
	}

	.main section.blog .content .box2 img{
		width:auto;
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}

	.main section.blog .content .box2 {
		margin-bottom:24px;
	}

	.main section.blog .content .box2:after {
		content:"";
		display:block;
		clear:both;
	}

	.main section.blog .content .box2 dl dt{
		margin-top:24px;
		border-left:3px solid #666;
		padding-left:6px;
	}

	.main section.blog .content .box2 dl dd:before{
		content:"→"
	}

	.main section.blog .content .box2 dl dd{
		margin-top:6px;
		margin-left:16px;
	}

	.main section.blog .content .box3 {
		width:49%;
		float:left;
		margin:24px 1% 24px 0;
	}

	.main section.blog .content .box3 h4 ,
	.main section.blog .content .box2 h4 {
		font-size:1.2em;
		margin-bottom:6px;
		}

	.main section.blog .content .box3 img{
		width:94% !important;
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		margin-left:6px;
	}

	.main section.blog .content .box4 {
		border:solid thin #333;
		width:84%;
		padding:6px;
		margin-left:8px;
	}
	.main section.blog .content .box4 p{
		font-size:0.8em;
	}
	

	.main section.blog .content .box a.view {
		padding-left: 0;
		font-size: 0.8em;
		float: right;
		margin-top:0;
	}

	.main section.blog .content .details {
		margin-top:48px;
		margin-bottom:12px;
	}

	.main section.blog .content .featured img{
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;		
	}

	h3.details {
		font-size:1.2em;
		border-left:solid 12px  #000;
		padding:8px 0 8px 12px;
	}

	.facilities {
		background-color:#E4E5B5;
		padding:4px 8px;
		margin-top:6px;
	}

	p.attention {
		background: url('https://takayama-camp.com/images/exclamation.png') no-repeat top left;
		line-height: 24px;
		padding: 2px 0 4px 32px;
	}


/*  main sidebar  */

		.main .sidebar {
			width: 30%;
			float: right;
		}

		.main .sidebar div.widget{
			margin-bottom:48px;
		}

		.main .sidebar ul {
			list-style: square;
			list-style-position: outside;
			margin-bottom:12px;
		}

		.main .sidebar ul li {
			position: relative;
			padding-left: 6px;
			padding-bottom:16px;
			margin-left:24px;
			line-height:1em;
		}

		.main .sidebar ul li.withphoto {
			list-style: none;
			position: relative;
			padding-left: 84px;
			background: url(../images/sidebar-list-border.png) no-repeat 0 bottom;
			margin-left:0;
			min-height: 72px;
		}


		.main .sidebar ul li.withphoto .img-holder {
			position: absolute;
			top: 6px;
			left: 0px;
			width: 66px;
			height: 48px;
			padding: 2px;
			border: 1px solid #d7d7d6;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-o-border-radius: 3px;
		}

		.main .sidebar ul li.withphoto img {
			width: 66px;
			height: 48px;
		}

		.main .sidebar ul li .mobile {
			font-style: normal;
			display: none;
		}

		.main .sidebar ul li.withphoto a {
			color: #666;
		}

		.main .sidebar ul li.withphoto a:hover {
			text-decoration: none;
			color: #333;
		}

		.main .sidebar ul li.withphoto h4 {
			padding-top:0.1em;
		}

		.main .sidebar ul li p {
			padding-top:4px;
			padding-bottom: 7px;
			font-size: 0.9em;
			line-height:1.1em;
		}

		.main .sidebar ul li span {
			font-size: 0.88em;
			color: #a0a0a0;
			display: block;
			line-height:1.1em;
			padding-top:0.4em;
			text-align:right;
		}

		.main .sidebar .widget ul li.last {
			background: transparent;
		}

		.main .sidebar p.ex {
			margin: -4px 0 12px 24px;
			font-size:0.9em;
		}

		.main .sidebar dl {
			margin-left:24px;
			margin-bottom:48px;
		}

		.main .sidebar dl dt {
			color:#666;
		}

		.main .sidebar dl dd{
			margin-left:12px;
			margin-bottom:12px;
			line-height:1.1em;
			font-size:0.9em;
		}

/*    main cols    */

		.main .cols {
			padding-bottom: 30px;
			}

		.main .cols a.view {
/*			margin-right: 16px;	*/
			position: absolute;
			bottom: -6px;
			left:60%;
		}

		.main .cols .col {
			width: 292px;
			float: left;
			background: url(../images/col-separator.png) no-repeat right 50%;
			padding-right: 45px;
			margin-right: 12px;
			padding-bottom: 16px;
			position: relative;
		}

		.main .cols .col img{
			width:280px;
			padding:6px;
		}

		.main .cols .col-cnt {
			padding-top: 7px;
			height:  100%;
/*			overflow: hidden;*/
		}

		.main .cols .col img.alignleft {
			margin-right: 7px;
		}

		.main .cols .col.last {
			width: 280px;
			padding-right: 0;
			margin-right: 0;
			background: transparent;
		}


/*   #ID 要素    */


	#footer,
	#footer-push {
		height: 286px;
	}

	#footer span.shadow-bottom {
		background: url(../images/main-shadow-bottom.png) repeat-x 0 0;
		top: -46px;
		left: 0;
		position: absolute;
		width: 100%;
		height: 46px;
		z-index: 20;
		display: block;
	}

	#footer {
		border-top: 1px solid #fff;
		position: relative;
		height: 285px;
	}


/*  footer  cols   */ 

	.footer-cols {
/*		background: url(../images/footer-cols.png) repeat 0 0;*/
		background-color:#269AC2;
		padding: 26px 0;
	}

	.footer-cols .col {
		float: left;
		width: 30%;
		padding-right: 3.3%;
	}

	.footer-cols .col.last {
		padding-right: 0;
		float:right;
	}

	.footer-cols h3 {
		color: #fff;
		font-size: 21px;
		line-height: 28px;
		font-weight: bolder;
		padding-bottom: 12px;
	}

	.footer-cols h3 a {
		color: #fff;
	}

	.footer-cols h3 a:hover {
		text-decoration: none;
		color: #bdbdbd;
	}

	.footer-cols p {
		color: #fff;
		margin-bottom: 0.6em;
		font-size:0.94em;
	}

	.footer-cols p a {
		color: #fff;
	}

	.footer-cols p img{
		margin:12px auto 0 6px;
	}


	.footer-cols ul {
		list-style: none;
		list-style-position: outside;
	}

	.footer-cols ul li {
		color: #fff;
		padding-bottom: 6px;
		padding-left: 9px;
		background: url(../images/bullet-footer-col.png) no-repeat 0 8px;
	}

	.footer-cols ul li a,
	.footer-cols div,
	.footer-cols div a{
		color: #fff;
	}

	.footer-cols dd{
		margin-left:12px;
		margin-bottom:12px;
	}

	.footer-cols .col .tel1{
		padding:6px 0;
	}

	.footer-cols .col .tel1 span{
		font-weight:bold;
		font-size:2.0em;
		padding:6px 0;
	}

	.tel2{
		display: none;
	}


/*  footer bottom /navi */

	.footer-bottom {
		background: #e4e5b5;
		height: 14px;
		padding: 22px 0 18px 0;
	}

	.footer-nav {
		float: left;
		font-size: 11px;
		line-height: 11px;
	}

	.footer-nav ul {
		list-style: none;
		list-style-position: outside;
	}

	.footer-nav ul li {
		float: left;
		padding: 0 10px;
		background: url(../images/footer-nav-border.png) no-repeat 0 0;
	}

	.footer-nav ul li.first {
		background: transparent;
		padding-left: 0;
	}

	.footer-nav ul a {
		color: #282809;
	}

	.footer-bottom p.copy {
		text-align:center;
		color: #3c3d03;
		line-height: 11px;
	}

	.footer-bottom p.copy span  {
		padding: 0 9px;
	}

	.footer-bottom p.copy a {
		text-decoration: underline;
		color: #3c3d03;
	}

	.footer-bottom p.copy a:hover {
		text-decoration: none;
	}



/* inquiry form */

	table#inquiry_form{
		margin-left:48px;
		width:80%;
	}




/* #Media Queries  =========================================================================================================================================================== */

/* ipad portrait  ==================================================================================== */

	/* header / top  */

		@media only screen and ( min-width: 768px) and ( max-width: 980px ) {

			body {
				min-width: 768px;
			}
	
			.shell {
				max-width: 768px;
			}
	
			#header {
				background: url(../images/header-tablet.png) repeat-x 0 0;
				height: 257px;
			}

			.header-cnt #logo {
				font-size: 0;
				line-height: 0;
				margin-bottom:12px;
			}

			.header-cnt #logo a {
				background: url(../images/title_logo-@2x.png) no-repeat 0 0;
				text-indent: -4000px;
				display: block;
			}

			.top-bar {
				height:auto;
			}

			.top-bar h1{
				font-size:1.6em;
				margin-top:0;
				padding-top:12px;
				color:#fff;
				width:auto;
				padding-left:6px;
				float:none;
			}

			.top-bar p{
				font-size:1.2em;
				margin-top:0;
				color:#fff;
				line-height:1em;
				padding-top:12px;
				margin-bottom:0;
				width:auto;
				text-align:right;
				float:none;
			}



			.top-nav span.top-nav-shadow {
				display: none;
			}

			.top-nav ul {
				font-size: 14px;
			}

			.top-nav ul li a {
				color: #3c3d03;
				float: left;
				padding: 0 24px;
			}

			.top-nav ul li.last a {
				padding-right: 34px;
			} 

			.header-inner {
				width: 728px;
				padding: 0 20px;
			}

			.header-cnt {
				width: 295px;
			}

			.header-cnt h2 {
				font-size: 56px;
				line-height: 60px;
			}

			.header-cnt h3 {
				font-size: 30px;
				line-height: 32px;
			}

			.header-cnt p .desktop {
				display: none;
			}

			.header-cnt p .mobile {
				display: block;
			}

			.header-cnt a.blue-btn {
				bottom: -60px;
			}

	/* slider  */

			.slider-holder {
				width: 382px !important;
				height: 260px !important;
				background: url(../images/slider-tablet.png) no-repeat 0 0;
				padding: 30px 35px 0;
				bottom: -10px;
				right: 0;
			}

			.slider-holder .flexslider {
				width: 382px;
				height: 220px;
			}

			.slider-holder .flexslider ul.slides li {
				width: 100%;
				height: 100%;
			}

			.slider-holder .flexslider ul.slides li img {
				width: 100%;
				height: 100%;
			}

	/*  container/main  */

			.container {
				padding: 0 20px;
				width: 728px;
			}	

			.main section {
				background: url(../images/tablet-section-shadow.png) no-repeat 0 bottom  !important;
			}

			.main section.blog {
				padding-bottom: 60px;
			}

			.main section.blog {
				background: transparent  !important;
				padding-bottom: 0;
			}

			.main .cols {
				background: transparent  !important;
				padding-bottom: 0;
			}

			.main .cols .col {
				width: 232px;
				padding-right: 15px;
				margin-right: 0;
				background: transparent;
			}


			.main .cols .col.last {
				padding-right: 0;
				width: 232px
			}

			.main .cols .col img {
				float: none;
				display: block;
				margin: 0 auto 0 auto !important;
				width:220px;
			}

			.main .content {
				 width: 100%;
				 float: none; display: block; padding-bottom: 40px;
			}

			.main .content .box dl.charge{
				margin-left:6px;
				margin-bottom:24px;
			}

			.main .content .box dl.charge dt{
				padding:6px 0 0 0;
				float:left;
				width:100%;
				border-top:dotted thin #ccc;
				font-weight:bold;
			}

			.main .content .box dl.charge dd{
				padding:0 0 6px 24px;
				float:left;
				width:100%;
				border-top:none;
				margin-left:0;
			}

			.main .content .box dl.charge dt.last{
				border-top:dotted thin #ccc;
				border-bottom:none;
			}

			.main .content .box dl.charge dd.last{
				border-bottom:dotted thin #ccc;
				width:100%;
			}

			.main .content .box dl.charge dd span{
				display:block;
				font-size:0.9em;
			}

			.clearfix:after {
				display:block;
				clear:both;
				height:0px;
				visibility:hidden;
				content:".";
			}

			.clearfix {
				min-height: 1px;
			}


			.main .sidebar {
				width: 100%;
				float: none;
				display: block;
			}

			.main .sidebar ul li {
				margin: 0 0 0 0;
				background: url(../images/tablet-section-shadow.png) no-repeat center bottom;
				display: block;
				min-height: 70px;
			}

			.main .sidebar ul li .mobile {
				display: inline;
			}

			.main .sidebar a.view {
				margin-right: 20px;
			}

	/*    footer   */ 

			.footer-cols .shell {
				padding-left: 20px;
				padding-right: 20px;
				width: 728px;
			}

			.footer-cols .col {
				width: 226px;
				padding-right: 20px;
			}

			.footer-cols .col.last {
				padding-right: 0;
			}


			.footer-bottom {
				height: 48px;
				line-height: 17px;
			}

			.footer-bottom .footer-nav {
				float: none;
				display: block;
				padding-bottom: 16px;
			}

			.footer-bottom  p.copy {
				float: none;
				display: block;
				clear: both;
			}

			.footer-bottom .shell {
				padding-left: 20px;
				width: 748px;
			}


	/*    other   */ 

			.main span.shadow-top { display: none; }
			#header { height: auto; }
			.header-inner { padding-bottom: 22px;  }
		}


/* smartphone   ========================================================================================================= */

	@media only screen and ( max-width: 767px) { 
			body {
				min-width: 320px;
			}

			.shell {
				max-width: 100%;
				margin-top:24px;
			}

			.main {
				padding-top: 260px !important;
				margin-top: 0;
			}

			.main_smaphone_inner {
				margin-top:-260px;
			}


			a.view {
/*				background: url(../images/bullet.png) no-repeat 0 8px;*/
				padding-left: 8px;
				font-size: 0.8em;
				float: right;
			}

	/*  top / header  */

			#header {
				background: url(../images/header-@2x.png) repeat-x 0 0;
				width: 100%;
			}

			.header-cnt #logo {
				width:320px;
				font-size: 0;
				line-height: 0;
				margin-bottom: 12px;
			}

			.header-cnt #logo a {
				background: url(../images/title_logo-@2x.png) no-repeat 0 0;
				text-indent: -4000px;
				display: block;
			}

			.top-bar {
				height:auto;
			}

			.top-bar h1{
				font-size:1.4em;
				margin-top:0;
				padding-top:12px;
				color:#fff;
				width:auto;
				padding-left:6px;
				float:none;
			}

			.top-bar h1::before {
				top: 24%;
			}

			.top-bar p{
				font-size:1em;
				margin-top:0;
				color:#fff;
				line-height:1em;
				padding-top:12px;
				margin-bottom:0;
				width:auto;
				text-align:right;
				float:none;
			}

			.top-nav {
				position: relative;
				z-index: 1001;
				background: #e4e5b5;
				height: 48px;
				margin: 7px;
				border: 1px solid #c1c1pd;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-o-border-radius: 5px;
			}

			.top-nav span.top-nav-shadow {
				display: none;
			}

			.top-nav ul {
				display: none;
				font-size: 14px;
				position: absolute;
				width: 100%;
				top: 46px;
				left: -1px;
				line-height: 24px;
				padding: 0 0px 0px 0px;
				background: #e4e5b5;
				border: 1px solid #c1c1pd;
				border-top: 0;
				border-radius: 0 0 5px 5px;
				-moz-border-radius: 0 0 5px 5px;
				-webkit-border-radius: 0 0 5px 5px;
				-o-border-radius: 0 0 5px 5px;
			}

			.top-nav ul li.active a {
				display: block;
				float: none;
				background: none;
			}

			.top-nav ul li.active span {
				display: block;
				float: none;
				background: none;
			}

			.top-nav ul li {
				display: block;
				float: none;
				padding: 15px 20px 15px 20px;
				background: url(../images/tablet-section-shadow.png) no-repeat center top;
			}

			.top-nav ul li a {
				display: block;
				float: none;
				padding: 0 0 0 0;
			}

			.top-nav ul li span {
				float: none;
			}

			.top-nav ul li a:hover {
				display: block;
				float: none;
				background: none;
			}

			.top-nav ul li.last a {
				float: none;
				display: block;
				padding-right: 0;
			}

			.top-nav ul li.last {
				padding-bottom: 10px;
			}

			.top-nav a.nav-btn {
				width: 100%;
				-moz-box-sizing:border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				height: 48px;
				display: block;
				color: #3c3d03;
				font-size: 14px;
				line-height: 48px;
				font-weight: bold;
				padding-left: 20px;
			}

			.top-nav a.nav-btn:hover {
				text-decoration: none;
			}

			.top-nav a.nav-btn span {
				background: url(../images/nav-arr@2x.png) no-repeat center 20px;
				width: 40px;
				height: 48px;
				display: block;
				position: absolute;
				top: 0px;
				right: 0;
				z-index: 2000;
			}

			.top-nav a.nav-btn span.active {
				background: url(../images/nav-arr-active.png) no-repeat center 20px;
			}

			.top-nav ul li.first {
				display: none;
			}

			.top-nav ul li.active a {
				border-right: 0 ;
			}


			.header-inner {
				width: 100%;
				padding: 0 10px;
				background: transparent; -moz-box-sizing:
				border-box; -webkit-box-sizing:
				border-box; box-sizing:
				border-box;
			}

			.header-cnt {
				width: 100%;
				padding-top: 20px;
			}

			.header-cnt a.blue-btn {
				bottom: -290px;
				position: absolute;
				left: 50% !important;
				margin-left: -97px;
			}

			.header-cnt a.blue-btn:hover {
				background-position: 0 0;
				text-decoration: none;
				color: #dbdbdb;
			}

			.header-cnt a.green-btn {
				bottom: -340px;
				position: absolute;
				left: 50% !important;
				margin-left: -97px;
			}

			.header-cnt a.green-btn:hover {
				background-position: 0 0;
				text-decoration: none;
				color: #dbdbdb;
			}

			.header-cnt h2 {
				font-size: 56px;
				line-height: 60px;
			}

			.header-cnt h3 {
				font-size: 30px;
				line-height: 32px;
			}

			.header-cnt p .desktop {
				display: inline;
			}

			.header-cnt p .mobile {
				display: none;
			}


	/* slider  */

			.slider-holder {
				width: 280px !important;
				height: 163px  !important;
				background: url(../images/slider-mobile.png) no-repeat 0 0;
				padding: 20px;
				bottom: -220px;
				left: 50%;
				margin-left: -160px;
			}

			.slider-holder .flexslider {
				width: 280px;
				height: 163px;
			}

			.slider-holder .flexslider ul.slides li {
				width: 100%;
				height: 100%;
			}

			.slider-holder .flexslider ul.slides li img {
				width: 100%;
				height: 100%;
			}


	/*  container  / main  */

			.container {
				padding: 20px 10px 0;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}

			.main .testimonial {
				padding-left: 0; padding-right: 0;
			}

			.main span.shadow-top {
				top: 0px; left: 0;
			}

			.main section {
				background: url(../images/mobile-section-shadow.png) no-repeat center bottom  !important;
			}

			.main section.blog {
				background: transparent  !important;
				padding-bottom: 0;
			}

			.main .cols {
				background: transparent  !important;
				padding-bottom: 0;
			}

			.main .cols .col {
				width: 100%;
				padding-right: 0px;
				padding-top: 24px;
				margin-right: 0;
				padding-bottom: 20px;
				background: url(../images/mobile-section-shadow.png) no-repeat center bottom;
			}

			.main .cols .col a.view {
				bottom:  20px;
				right:  10px;
			}

			.main .cols .col.last {
				width: 100%;
				padding-right: 0px;
			}

			.main .cols .col img {
				width:96%;
				margin:0 auto;
			}

			.main .content {
				width: 100%;
				float: none;
				display: block;
				padding-bottom: 40px;
			}

			.main .content img.alignleft {
				margin-right: 8px;
				float: none;
				display: block;
				margin: 0 auto 30px auto;
			}

			.main .content p {
				font-size: 11px;
				line-height: 18px;
			}

			.main .content ul li {
				font-size: 11px;
				padding-bottom: 0;
				line-height: 18px;
			}

			.main .content ul li {
				background-position: 0 7px !important;
				display: block;
			}

			.main .sidebar {
				width: 100%;
				float: none;
				display: block;
				padding-right: 0;
			}

			.main .sidebar ul li.withphoto {
				margin: 0 0 0 0;
				background: url(../images/mobile-section-shadow.png) no-repeat center bottom;
				display: block;
				min-height: 70px;
			}

			.main .sidebar ul li .mobile {
				display: inline;
			}

			.main .sidebar a.view {
				margin-right: 20px;
			}

			.main .content .box dl.charge{
				margin-left:6px;
				margin-bottom:24px;
			}

			.main .content .box dl.charge dt{
				padding:6px 0 0 0;
				float:left;
				width:100%;
				border-top:dotted thin #ccc;
				font-weight:bold;
			}

			.main .content .box dl.charge dd{
				padding:0 0 6px 48px;
				float:left;
				width:auto;
				border-top:none;
				margin-left:0;
			}

			.main .content .box dl.charge dt.last{
				border-top:dotted thin #ccc;
				border-bottom:none;
			}

			.main .content .box dl.charge dd.last{
				border-bottom:dotted thin #ccc;
				width:100%;
			}

			.main .content .box dl.charge dd span{
				display:block;
				font-size:0.9em;
			}



	/*   footer   */ 
			.footer-cols .shell {
				padding-left: 20px;
				padding-right: 20px;
				width: 100%;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}

			.footer-cols .col {
				width: 100%;
				display: block;
				padding-right: 0;
				margin-bottom:36px;
				border-bottom:dotted medium #fff;
			}

			.footer-cols .col ul li {
				padding-right: 0;
			}

			.footer-cols .col .col-cnt {
/*				display: none;*/
			}

			.footer-cols .col.last {
				padding-right: 0;
				border-bottom:none;
			}



			.footer-bottom {
				height: 48px;
				line-height: 17px;
			}

			.footer-bottom .footer-nav {
				float: none;
				display: block;
				text-align: center;
				padding-bottom: 16px;
				font-size: 10px;
			}

			.footer-bottom .footer-nav ul li {
				padding: 0 2px 0 4px;
				float: none;
				display: inline;
				background-position: 0 2px;
			}

			.footer-bottom  p.copy {
				float: none;
				display: block;
				text-align: center; 
				clear: both;
				font-size: 10px;
			}

			.footer-bottom .shell {
				width: 100%;
			} 

			.tel1{
				display:block;
			}

			.tel2{
				display:block;
			}

			.footer-cols .col .tel2{
				padding:6px 0;
			}

			.footer-cols .col .tel2 span{
				font-weight:bold;
				font-size:2.4em;
			}


	/*  other    */
			.header-inner {
				height: auto; 
				margin-bottom: 0;
				padding-bottom: 22px;
			}

			#header {
				height: auto;
			}
	}



/*   　補足　   */

	@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5),
	 only screen and (min--moz-device-pixel-ratio: 1.5),
	 only screen and (min-resolution: 240dpi)  { 
		.slider-holder {
			background: url(../images/slider-mobile@2x.png) no-repeat 0 0;
			-webkit-background-size: 320px 202px;
			-moz-background-size: 320px 202px;
			background-size: 320px 202px;
		}
		.main section, 	
		.main .cols .col, 
		.main .sidebar ul li {
			margin: 0 0 0 0;
			background: url(../images/mobile-section-shadow@2x.png) no-repeat center bottom;
			-webkit-background-size: 299px 14px;
			-moz-background-size: 299px 14px;
			background-size: 299px 14px;
		}
	}