@charset "UTF-8";
/* CSS Document */

a {
text-decoration: none;
}

table{
	line-height:1em;
}

/*デバイスサイズ  599px以下(SmartPhone)
=================================================*/
@media screen and (max-width : 599px){

body{
	width:100%;
}


#top{
	padding-top:10px;
	margin:auto;
	width:100%;
}

.event{
	width:100%;
	height:auto;
}

.main{
	width:100%;
}
.l-img{
	width:100%;
}

.l-img img{
	width:100%;
}


.k-icon{
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
}


.icon{
	width:50%;
	float:left;
}

.icon img{
	width:100%;
}


h2.menu{
	margin-bottom:5px;
	border-bottom:#630 1px solid;
	color:#630;
}

.price{
	text-align:center;
}
table.l-hyou{
	margin:auto;
	margin-bottom:25px;
	margin-top:5px;
	width:70%;
}

table.l-hyou th{
	text-align:center;
	font-weight:100;
}

table.l-hyou tr td:nth-of-type(1) {
	width:20%;
	text-align:right;
}

table.l-hyou tr td:nth-of-type(2) {
	width:25%;
	text-align:right; 
}

table.l-hyou tr td:nth-of-type(3) {
	width:10%;
}
table.l-hyou tr td:nth-of-type(4) {
	width:20%;
	text-align:right; 
}
table.l-hyou tr td:nth-of-type(5) {
	width:25%;
	text-align:right; 
}



table.hyou th {
	font-weight:100;
}

table.hyou tr td:nth-of-type(1) {
	width:43%;
	text-align:right;
}

table.hyou tr td:nth-of-type(2) {
	width:35%;
	text-align:right; 
}

table.hyou tr td:nth-of-type(3) {
	width:27%; 

}
.mor{	
	font-size:20px;
	font-weight:600;
	border-radius:10px;
	margin:10px auto;
	width:80%;
	height:60px;
	line-height:1.5em;
	text-align:center;
	border:#CCC 5px solid;
	color:#CCC;
}

.mor:hover{
	border:#F96 5px solid;
	color:#F96;
}
.c-mor{
	font-size:20px;
	font-weight:600;
	border-radius:10px;
	margin:10px auto;
	width:80%;
	height:60px;
	line-height:1.5em;
	text-align:center;
	border:#CCC 5px solid;
	color:#CCC;
}

.c-mor:hover{
	border:#F66 5px solid;
	color:#F66;
}	
.s-mor{	
	font-size:20px;
	font-weight:600;
	border-radius:10px;
	margin:10px auto;
	width:80%;
	height:60px;
	line-height:1.5em;
	text-align:center;
	border:#CCC 5px solid;
	color:#CCC;
}

.s-mor:hover{
	border:#963 5px solid;
	color:#963;
}		

}




/*デバイスサイズ  600以上　899px以下
=================================================*/
@media screen and (min-width : 600px)and (max-width : 899px){

body{
	width:100%;
}


#top{
	padding-top:10px;
	margin:auto;
	width:100%;
}

.event{
	width:100%;
	height:auto;
}

.main{
	width:100%;
}

.l-img{
	width:100%;
}

.l-img img{
	width:100%;
}

.k-icon{
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
}


.icon{
	width:50%;
	float:left;
}

.icon img{
	width:100%;
}


h2.menu{
	margin-bottom:10px;
	border-bottom:#630 1px solid;
	color:#630;
}

.price{
	text-align:center;
}
table.l-hyou{
	margin:auto;
	margin-bottom:25px;
	margin-top:5px;
	width:40%;
}

table.l-hyou th{
	text-align:center;
	font-weight:100;
}

table.l-hyou tr td:nth-of-type(1) {
	width:20%;
	text-align:right;
}

table.l-hyou tr td:nth-of-type(2) {
	width:25%;
	text-align:right; 
}

table.l-hyou tr td:nth-of-type(3) {
	width:10%;
}
table.l-hyou tr td:nth-of-type(4) {
	width:20%;
	text-align:right; 
}
table.l-hyou tr td:nth-of-type(5) {
	width:25%;
	text-align:right; 
}



table.hyou th {
	font-weight:100;
}

table.hyou tr td:nth-of-type(1) {
	width:43%;
	text-align:right;
}

table.hyou tr td:nth-of-type(2) {
	width:35%;
	text-align:right; 
}

table.hyou tr td:nth-of-type(3) {
	width:27%; 

}
.mor{	
	font-size:20px;
	font-weight:600;
	border-radius:10px;
	margin:10px auto;
	width:60%;
	height:60px;
	line-height:1.5em;
	text-align:center;
	border:#CCC 5px solid;
	color:#CCC;
}

.mor:hover{
	border:#F96 5px solid;
	color:#F96;
}
.c-mor{
	font-size:20px;
	font-weight:600;
	border-radius:10px;
	margin:10px auto;
	width:60%;
	height:60px;
	line-height:1.5em;
	text-align:center;
	border:#CCC 5px solid;
	color:#CCC;
}

.c-mor:hover{
	border:#F66 5px solid;
	color:#F66;
}	
.s-mor{	
	font-size:20px;
	font-weight:600;
	border-radius:10px;
	margin:10px auto;
	width:60%;
	height:60px;
	line-height:1.5em;
	text-align:center;
	border:#CCC 5px solid;
	color:#CCC;
}

.s-mor:hover{
	border:#963 5px solid;
	color:#963;
}		

}


/*デバイスサイズ900px以上(Desktop)
=================================================*/
@media screen and (min-width:900px) {


.gnav{
	clear:both;
}

.item{
	max-width:1200px;
}

.side-list{
	width:20%;
	float:left;
}

.item-list{
	margin-left:2%;
	max-width:78%;
	float:left;
}

h2.menu{
	clear:both;
	font-size:18px;
	margin-top:7px;
	margin-left:10px;
	border-bottom:#630 1px solid;
	color:#630;
}


.l-img{
	width:100%;
	margin:auto;
}

.l-img img{
	max-width:100%;
	display:block;
	margin:auto;
}

.k-icon{
	overflow:hidden;
	margin-bottom:30px;
}

.k-icon img{
	display:block;
	width:95%;
	margin:auto;
}

.icon{
	width:25%;
	float:left;
}

.price{
	text-align:center;
}

table.l-hyou{
	margin:auto;
	margin-bottom:25px;
	margin-top:10px;
	width:40%;
}

table.l-hyou th{
	text-align:center;
	font-weight:100;
}

table.l-hyou tr td:nth-of-type(1) {
	width:20%;
	text-align:right;
}

table.l-hyou tr td:nth-of-type(2) {
	width:25%;
	text-align:right; 
}

table.l-hyou tr td:nth-of-type(3) {
	width:10%;
}
table.l-hyou tr td:nth-of-type(4) {
	width:20%;
	text-align:right; 
}
table.l-hyou tr td:nth-of-type(5) {
	width:25%;
	text-align:right; 
}


table.hyou th {
	font-weight:100;
}

table.hyou tr td:nth-of-type(1) {
	width:43%;
	text-align:right;
}

table.hyou tr td:nth-of-type(2) {
	width:35%;
	text-align:right; 
}

table.hyou tr td:nth-of-type(3) {
	width:27%; 
}

.mor{
	font-size:20px;
	font-weight:600;
	border-radius:10px;
	margin:10px auto;
	width:40%;
	height:60px;
	line-height:1.5em;
	text-align:center;
	border:#CCC 5px solid;
	color:#CCC;
}

.mor:hover{
	border:#F96 5px solid;
	color:#F96;
}
.c-mor{	
	font-size:20px;
	font-weight:600;
	border-radius:10px;
	margin:10px auto;
	width:40%;
	height:60px;
	line-height:1.5em;
	text-align:center;
	border:#CCC 5px solid;
	color:#CCC;
}

.c-mor:hover{
	border:#F66 5px solid;
	color:#F66;
}	
.s-mor{
	font-size:20px;
	font-weight:600;
	border-radius:10px;
	margin:10px auto;
	width:40%;
	height:60px;
	line-height:1.5em;
	text-align:center;
	border:#CCC 5px solid;
	color:#CCC;
}

.s-mor:hover{
	border:#963 5px solid;
	color:#963;
}	
		
	
	
}