﻿/* ////////////////////////////////////////
共通 
////////////////////////////////////////*/




/* ////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////*/
@media screen and (max-width: 479px) {

	div#ap{
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
	}
	
	div#ap h2{
		text-align: center;
		font-size: 150%;
		font-weight: bold;
		line-height: 1.2;
		color:#000;
	}
	div#ap h2 br{
	}
	
	div#ap h3{
		text-align: center;
		font-size: 90%;
		line-height: 1.4;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	div#ap h3 span{
		font-size: 120%;
		font-weight: bold;
		color:#000;
	}
	
	
	
	
/*access*/
	
	div#access-cnt-inner{
		margin-bottom: 50px;
		margin-top: 10px;
	}

	p#access-cnt-inner-l{
	}
	
	div#access-cnt-inner-r{
	}
	div#access-cnt-inner-r tr{
		border-bottom: 1px solid #ccc;
	}
	div#access-cnt-inner-r tr:last-child{
    	border:none;
	}
	div#access-cnt-inner-r th{
		background: #eff8f1;
		padding-left: 10px;
		padding-right: 10px;
	}
	div#access-cnt-inner-r td{

		padding: 15px 0px;
		padding-left: 10px;
	}
	
	div#access-cnt-inner-r td span{
		font-size: 80%;
	}
	
	p#map{
		width: 300px;
	}
	p#map img{
		width: 100%;
	}
	
	
	
	
	
	
/*ap-cnt*/	
	div.ap-cnt{
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 20px;
		border:1px dotted #ccc;
		text-align: center;
	}

	div.ap-cnt p{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	div.ap-cnt p a{
		width: 75%;
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
		padding:20px;
		display: block;
		text-align: center;
		border:1px solid #ff9913;
		color: #fff;
		border-radius: 4px;
		text-decoration: none;
		font-size:100% !important;
		cursor:pointer;

		background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
		background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
		background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
		background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
		background-image: -o-linear-gradient(top, #ffaf46, #e78404);
		background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
	}
	
	div.ap-cnt02{
		margin-top: 50px;
		margin-bottom: 20px;
	}

	div.ap-cnt02 p{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	div.ap-cnt02 p#line{
		width: 220px;
		margin-left:auto;
		margin-right:auto;
	}
	div.ap-cnt02 p a img{
		width: 100%;
		height: auto;
	}
	
	p#privacy{
		text-align: center;
	}
	p#privacy a{
		color:#666;
		font-size: 86%;
	}
	

	


}







/*////////////////////////////////////////
 タブレット向けのスタイル：481px ～ 768px 
////////////////////////////////////////*/
@media only screen and (min-width: 481px) {

	div#ap{
		width: 700px;
		padding: 25px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
	}
	
	div#ap h2{
		text-align: center;
		font-size: 170%;
		font-weight: bold;
		line-height: 1.4;
		color:#000;

	}
	div#ap h2 br{
	}
	
	div#ap h3{
		text-align: center;
		font-size: 90%;
		line-height: 1.4;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	div#ap h3 span{
		font-size: 120%;
		font-weight: bold;
		color:#000;
	}
	

	
/*access*/
	
	div#access-cnt-inner{
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 30px;
		margin-top: 10px;
	}

	p#access-cnt-inner-l{
		padding-top: 30px;
	}
	
	div#access-cnt-inner-r{
	}
	div#access-cnt-inner-r tr{
		border-bottom: 1px solid #ccc;
	}
	div#access-cnt-inner-r tr:last-child{
    	border:none;
	}
	div#access-cnt-inner-r th{
		width: 150px;
		background: #eff8f1;
		padding-left: 10px;
	}
	div#access-cnt-inner-r td{
		width: 550px;
		padding: 15px 0px;
		padding-left: 10px;
	}
	
	div#access-cnt-inner-r td span{
		font-size: 80%;
	}
	
	p#map{
		width: 300px;
	}
	p#map img{
		width: 100%;
	}
	
/*ap-cnt*/	
	div.ap-cnt{
		margin-top: 0px;
		margin-bottom: 10px;
		border:1px dotted #ccc;
		text-align: center;
	}

	div.ap-cnt p{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	div.ap-cnt p a{
		width: 75%;
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
		padding:20px;
		display: block;
		text-align: center;
		border:1px solid #ff9913;
		color: #fff;
		border-radius: 4px;
		text-decoration: none;
		font-size:100% !important;
		cursor:pointer;

		background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
		background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
		background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
		background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
		background-image: -o-linear-gradient(top, #ffaf46, #e78404);
		background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
	}
	
	div.ap-cnt02{
		margin-top: 50px;
		margin-bottom: 20px;
	}

	div.ap-cnt02 p{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	div.ap-cnt02 p#line{
		width: 220px;
		margin-left:auto;
		margin-right:auto;
	}
	div.ap-cnt02 p a img{
		width: 100%;
		height: auto;
	}

	p#privacy{
		text-align: center;
	}
	p#privacy a{
		color:#666;
		font-size: 86%;
	}
	

}




/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {



}



