@charset "UTF-8";
.left_column{width:135px; margin:0px 0px 0 0px; padding:30px 0 30px 0px; float:left; text-align:left;}
.right_column{width:480px; min-height:530px; padding:0px 10px 30px 20px; float:right; text-align:left;}

.right_column h2{ font-size:153.9%; color:#FFF; background:#1bc382; padding:5px 0 5px 5px; margin:30px 0 15px 0; font-weight:bold;}
.right_column h3{ font-size:123.1%; color:#1bc382; padding:5px 0 1px 0px; margin:15px 0 15px 0; font-weight:bold; border-bottom:#1bc382 solid 2px;}
.right_column h4{ font-size:108%; color:#1bc382; padding:10px 0 0px 0px; margin:0 0 3px 0; font-weight:bold;}

.right_banner_box{ padding:10px; float:right;}
.right_banner{width:195px; margin:0px 0px 0 0px; padding:0px 0 15px 0; text-align: center; background:#c3eddd;
				-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; 
			}
.right_banner img{ margin:10px 0 0px 0;}

.p1 ul{ margin:0 0 0 20px;}

img[src*="/reservation/1."],
img[src*="/reservation/2."],
img[src*="/reservation/3."]{
	margin:0 0 5px 0;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

img[src*="/reservation/1."]:hover,
img[src*="/reservation/2."]:hover,
img[src*="/reservation/3."]:hover{
	opacity: 0.7;
}


/* スマホ向け **************************************************************************************** */

@media (max-width: 650px) {
	.title.sumaho{
		color:#1bc382;
		font-size:40px;
		line-height: 40px;
		text-align:center;
		padding: 6% 0;
	}
	
	.right_column{
		width: 90%;
		padding: 0 5%;
	}
	
	.right_column h2{
		padding: 4%;
		margin: 5% -5.555555%;
	}

}