/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
    	img { max-width: 100%; height: auto; }
		/*IE7用*/
		.ie7img,
		.ie7object/ { width : 100%; height: auto; }
		/*IE8用*/
		.ie8img,
		.ie8object {  width:auto\9}
		
    	#header a, #header a:visited, #header a:hover {
	    	width: 768px;
	    	background-position: 40% 50%;
    	}
    	#headerDesc {
    		width: 768px;
	    	margin-top: 0;
	    	text-align: center;
    	}
    	#headerDesc p span {
			color: #00913a;
			font-size: 20px;
			line-height: 1;
		}
		#headerDesc p span span {
			color: #00913a;
			font-size: 14px;
			line-height: 1;
		}
		
    	.pageIndex {
    		width: 100%;
	    	background: none;
    	}
        #gNavi {
			width: 100%;
			height: 46px;
			margin: 0;
			padding: 0 0 20px 0;
			display: block;
			background: url(images/header/gnavi-bg-s.png) repeat-x;
		}
		#home a, #home a:visited, #home a:hover, #about a, #about a:visited, #about a:hover, #news a, #news a:visited, #news a:hover, #service a, #service a:visited, #service a:hover, #company a, #company a:visited, #company a:hover,  #contact a, #contact a:visited, #contact a:hover {
			width: auto;
			height: auto;
			margin: 3px 0 5px 0;
			padding: 0 10px;
			background: none !important;
			font-size: 13px;
			text-indent: 0;
			text-decoration: none;
			line-height: 41px;
			color: #3f3b39; /* text color */
			text-shadow: 0 1px 1px #f3ede1; /* drop shadow */
			border-left: 1px solid #fbf4e2;
			border-right: 1px solid #5e4c36;
		}
		
		.btn li, .linkBtn li {
			width: 236px;
		}
		.linkBtn li {}
		#shareArea {
			background-size:100% auto;
		}
		#history {
			font-size: 13px;
		}
		#contactHeader p {
			margin-left: 10px;
		}
		#contactform dt, #contactform dd {
			width: 364px;
		}
		.checkbox-305 {
			font-size: 12px;
		}
		.agree {
			font-size: 13px;
		}
		#btnSubmit {
			width: 100%;
			background-size:100% auto;
		}
		.fbArea {
			padding-left: 236px;
			background: url(images/footer-fbs.png) no-repeat;
		}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
    	/*モダンブラウザ用*/img, iframe, object { max-width : 100%; height: auto; }
		/*IE7用*/
		.ie7img,
		.ie7object/ { width : 100%; }
		/*IE8用*/
		.ie8img,
		.ie8object {  width:auto\9}
		
    	#header a, #header a:visited, #header a:hover {
	    	width: 300px;
	    	background-position: 25% 50%;
    	}
    	#headerDesc {
    		width: 100%;
	    	margin-top: 10px !important;
	    	text-align: center;
	    	font-size: 13px;
    	}
    	#headerDesc p span {
			color: #00913a;
			font-size: 21px;
			line-height: 1;
			display: block;
		}
		#headerDesc p span span {
			color: #00913a;
			font-size: 12px;
			line-height: 1;
		}
		
		#commonHead, #aboutHead, #companyHead, #newsHead, #contactHead, #serviceHead {
			width: 100%;
			height: 60px;
			border-right: 1px solid #c9bc9c;
			border-bottom: 1px solid #c9bc9c;
		}
		#commonHead span, #aboutHead span, #companyHead span, #newsHead span, #contactHead span, #serviceHead span {
			bottom: 5px;
			right: 5px;
			font-size: 18px;
			text-align: right;
		}
		.breadcrumb {
			margin-bottom: 20px;
		}
		
		p {
			margin-left: 10px;
			margin-right: 10px;
		}
		
		.pageIndexL {
			width: 100%;
			margin-bottom: 0;
			padding-top: 10px;
			border: 1px solid #c9c9c9;
			background-image: none;
			background: #fff;
			font-size: 14px;
			font-weight: bold;
			color: #217b43;
		}
		.pageIndexL img {
			visibility: hidden;
			display: none;
		}
		.btn {
			display: none;
			visibility: hidden;
		}
		.linkBtn img {
			display: block;
			margin: 5px 10px !important;
		}
		.four img {
	    	display: block;
	    	margin: 0 auto;
    	}
		
		/* きのしたについて */
		.president img, .cast img {
			float: none;
			display: block;
			margin: 20px auto;
		}
		.preProf {
			margin-top: 0 !important;
		}
		.preProf h3 {
			display: block;
			margin: 0 10px !important;
		}
		.text30 {
			font-size: 20px;
		}
		.cast div {
			width: 280px;
			margin: 0 10px;
			font-size: 13px;
		}
		
		#shareArea {
			height: auto;
			background-image: none;
			padding-left: 10px;
			padding-right: 10px;
			overflow: hidden;
		}
		#shareArea li {
			margin-bottom: 15px;
			float: none;
			display: block;
		}
		
		.articleTitle {
			margin-left: 10px;
			margin-right: 10px;
		}
		
		/* サービスについて */
		.indexGreen2 {
			margin-left: 10px !important;
		}
		.indexGreen2 span {
			display: block;
			margin-top: 5px;
			margin-right: 10px;
			padding-bottom: 5px;
			border-bottom: 1px dotted #c9c9c9;
			text-align: right;
		}
		.indexGreen3 {
			font-size: 18px;
			margin-bottom: 0;
		}
		.dotArea {
			margin-top: 0;
			margin-bottom: 0;
		}
		.priceTable {
			font-size: 13px;
		}
		.listLeaf {
			margin-left: 10px;
		}
		
		/* 会社概要 */
		#companyInfo, #history {
			width: 280px !important;
			margin: 20px 10px 0 10px !important;
			font-size: 13px;
		}
		#history dt, #history dd, #history dd p {
			width: 280px !important;
			line-height: 1.2;
		}
		#history dt {
			padding-bottom: 5px;
			border-bottom: 1px dotted #c9bc9c;
		}
		#history dd img {
			display: block;
			margin: 10px auto;
		}
		
		/*　問い合わせ　*/
		#contactHeader {
			background-image: none;
			padding-right: 0;
		}
		#contactform dt, #contactform dd {
			width: 100%;
		}
		#contactform dt {
			margin-bottom: 5px;
		}
		.checkbox-305 {
			margin-left: 5px;
			font-size: 12px;
		}
		.agree {
			margin-left: 10px;
			font-size: 13px;
		}
		#btnSubmit {
			width: 280px;
			margin-left: 10px;
			margin-right: 10px;
			background-size:100% auto;
			background-position: center top;
		}
		
		
		/* フッター */
		footer {
			width: 100%;
			padding-top: 20px;
		}
		.listArrow {
			min-height: 1px;
			padding-top: 20px !important;
			margin-left: 10px !important;
			border-right: none;
			float: none;
		}
		.fbArea {
			min-height: 1px;
			padding: 0;
			padding-left: 10px;
			margin-bottom: 20px;
			background-image: none;
			float: none;
		}
		.copyright {
			font-size: 10px;
		}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    	img, iframe, object { max-width : 100%; height: auto; }
		.ie7img,
		.ie7object/ { width : 100%; }
		.ie8img,
		.ie8object {  width:auto\9}
		
		p {
			margin-left:10px;
			margin-right: 10px;
		}
    	#header a, #header a:visited, #header a:hover {
	    	width: 95%;
	    	margin: 10px 0 !important;
	    	background-position: 50% 50%;
    	}
    	#headerDesc {
    		width: 480px;
	    	margin: 10px 0 !important;
	    	text-align: center;
    	}
    	#headerDesc p span {
			color: #00913a;
			font-size: 20px;
			line-height: 1;
			display: inline;
		}
		#headerDesc p span span {
			color: #00913a;
			font-size: 14px;
			line-height: 1;
		}
		#gNavi {
			height: auto !important;
			margin-bottom: 20px;
			padding: 0;
			background: none;
		}
    	#gNavi li {
			float: none;
			display: inherit;
			
			
			background-color: #d7dde9; /* layer fill content */
			-moz-box-shadow:
				inset 0 0 3px #f9ffff /* inner glow */,
				0 0 0 1px #877555 /* outer stroke */;
			-webkit-box-shadow:
				inset 0 0 3px #f9ffff /* inner glow */,
				0 0 0 1px #877555 /* outer stroke */;
			box-shadow:
				inset 0 0 3px #f9ffff /* inner glow */,
				0 0 0 1px #877555 /* outer stroke */;
			background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1MjNmMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzg3NzU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYjZhMDdjIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNlZGU3ZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmY1ZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient fill */
			background-image: -moz-linear-gradient(90deg, #523f2d 0%, #877555 25%, #b6a07c 50%, #ede7dd 75.27%, #fff5e1 100%); /* gradient fill */
			background-image: -o-linear-gradient(90deg, #523f2d 0%, #877555 25%, #b6a07c 50%, #ede7dd 75.27%, #fff5e1 100%); /* gradient fill */
			background-image: -webkit-linear-gradient(90deg, #523f2d 0%, #877555 25%, #b6a07c 50%, #ede7dd 75.27%, #fff5e1 100%); /* gradient fill */
			background-image: linear-gradient(90deg, #523f2d 0%, #877555 25%, #b6a07c 50%, #ede7dd 75.27%, #fff5e1 100%); /* gradient fill */
		}
			#home a, #home a:visited, #home a:hover, #about a, #about a:visited, #about a:hover, #news a, #news a:visited, #news a:hover, #service a, #service a:visited, #service a:hover, #company a, #company a:visited, #company a:hover,  #contact a, #contact a:visited, #contact a:hover {
			width: auto;
			height: auto;
			margin: 0;
			padding: 10px;
			display: block;
			background: none !important;
			font-size: 13px;
			text-indent: 0;
			text-decoration: none;
			color: #3f3b39; /* text color */
			text-shadow: 0 1px 1px #f3ede1; /* drop shadow */
		}
		
		.btn, .linkBtn {
			width: 100%;
			margin: 20px auto;
			display: block;
			visibility: visible;
			
		}
		
		.btn li, .linkBtn li {
			width: 32% !important;
			height: auto;
			margin: 20px 0 !important;
		}
		.btn li img {
			max-width: 32%;
			height: auto;
		}
		.linkBtn li img {
			max-width: 100%;
			height: auto;
		}
		
		.pageIndex {
			width: 100%;
			margin-right: 10px;
    	}
    	.pageIndexL {
			margin-bottom: 20px;
    	}
    	.six img, .five img, .four img {
	    	display: block;
	    	margin: 0 auto;
    	}
    	.four img {
	    	margin-bottom: 20px;
    	}
    	
    	#commonHead, #aboutHead, #companyHead, #newsHead, #contactHead, #serviceHead {
			width: 100%;
			height: 80px;
			border-right: 1px solid #c9bc9c;
			border-bottom: 1px solid #c9bc9c;
		}
		#commonHead span, #aboutHead span, #companyHead span, #newsHead span, #contactHead span, #serviceHead span {
			bottom: 5px;
			left: 5px;
			font-size: 18px;
			text-align: left;
		}
		
		.cast {
			overflow: hidden;
		}
		.cast img, .cast div {
			margin-bottom: 20px;
			float: left;
			display: inline;
		}
		.cast img {
			margin-right: 20px;
		}
		.cast div {
			width: 60%;
			min-height: 180px;
			font-size: 13px;
		}
		
		.dotArea {
			margin-top: 20px;
			margin-bottom: 20px;
		}
		
		#companyInfo, #history {
			width: 98% !important;
			margin: 20px 10px 0 10px !important;
			font-size: 13px;
		}
		#history dt {
			width: 100% !important;
			line-height: 1.2;
			clear: both;
			display: block;
		}
		
		/* フッター */
    	footer {
	    	width: 100%;
    	}
    	.listArrow {
    		width: 50%;
	    	margin: 0;
	    	border-right: none;
	    	float: left;
    	}
    	.fbArea {
			width: 48%;
			min-height: 321px;
			margin: 20px 0;
			padding-left: 0;
			background-image: none;
			text-align: left;
			float: left;
		}
		.fbArea iframe {
			max-width: 100%;
			margin: 0;
		}
    }