/*CONTENTS
---------------------------------------------------------------------------*/
.tmb{ float:right; width:40%;}
.tmb ul{}
.tmb ul li{ margin:0 0 20px;}
.tmb ul li img{ border:1px #CCC solid; padding:4px;}
.data{ float:left; width:56%;}

@media (max-width: 768px) {
	.tmb{  float:none; width:auto;}
	.tmb ul{ display:table; margin:0 0 10px;}
	.tmb ul li{ margin:0 0 20px; display:table-cell;}
	.tmb ul li img{ border:0; padding:0;}
	.data{ float:none; width:auto;}
}

section#guideline ul.inn-list{ margin-bottom:10px; font-size:0;}
section#guideline ul.inn-list li{ display:inline-block; margin:0 10px 10px 0;}
section#guideline ul.inn-list li a{ font-size:1.4rem; background:#f3f3f3; border:1px #CCC solid; text-decoration:none; color:#333; padding:5px 10px; display: inline-block;}
section#guideline ul.inn-list li a:before{content:"\f138";font-family: FontAwesome; margin-right:5px;}

section#guideline .kome{ line-height:1.5;}

section  ul.courseList{}
section  ul.courseList li{ margin:0 0 10px; font-size:1.2rem; color:#666;}
section  ul.courseList li b{ display:block; margin:0 0 0;font-size:1.4rem}

section#guideline  table{ width:100%; margin:0 0 10px; background:#FFF;}
section#guideline  table th{padding:10px; border:1px solid #ccc; width:5em;}
section#guideline  table td{padding:10px; border:1px solid #ccc;}


section#guideline  table.table1 th{white-space: nowrap; background:#f9f9f9; color:#333; font-weight:600;}

section#guideline  table.table2 thead th{white-space: nowrap; background:#f9f9f9; color:#333; font-weight:600;}
section#guideline  table.table2 tbody th{white-space: nowrap; vertical-align: middle;}
section#guideline  table.table2 tbody td{white-space: nowrap; vertical-align: middle;}

@media (max-width: 768px) {
	section#guideline  table.table1{ border-top:1px solid #ccc;}
	section#guideline  table.table1 th{white-space: normal; display:block; width:100%;border-top:0;}
	section#guideline  table.table1 td{white-space: normal; display:block; width:100%;border-top:0;}


	section#guideline  table.table2{ border-bottom:1px solid #ccc;}
	section#guideline  table.table2 thead th{white-space: normal; display:none;}
	section#guideline table.table2 tbody th{white-space: normal; display:block; width:100%; background:#f9f9f9; font-weight:600;}
	section#guideline table.table2 tbody td{white-space: normal; display:block; width:100%; border-top:0;border-bottom:0; padding: 0 10px 5px;}
	section#guideline table.table2 tbody td:nth-child(2){padding-top:10px;}
	section#guideline table.table2 tbody td:last-child{ padding-bottom:20px;}
	
	section#guideline table.table2 tbody td.price{}
	section#guideline table.table2 tbody td.price:before{ content:"1名分の料金："; font-weight:600;}
	section#guideline table.table2 tbody td.number{}
	section#guideline table.table2 tbody td.number:before{ content:"定員："; font-weight:600;}
	section#guideline table.table2 tbody td.time{}
	section#guideline table.table2 tbody td.time:before{ content:"当日の受付時間："; font-weight:600;}
	section#guideline table.table2 tbody td.start{}
	section#guideline table.table2 tbody td.start:before{ content:"スタート時間："; font-weight:600;}
	section#guideline table.table2 tbody td.goal{}
	section#guideline table.table2 tbody td.goal:before{ content:"ゴール時間："; font-weight:600;}
	
	section#guideline table.table2 tbody tr{ padding:0 0 20px;}
	
	
	section#guideline table.table2 tbody tr.course1 th{color:#923C3F;}
	section#guideline table.table2 tbody tr.course1 td:before{color:#923C3F;}
	section#guideline table.table2 tbody tr.course2 th{color:#003366;}
	section#guideline table.table2 tbody tr.course2 td:before{color:#003366;}
	section#guideline table.table2 tbody tr.course3 th{color:#357B31;}
	section#guideline table.table2 tbody tr.course3 td:before{color:#357B31;}

	
	/*
	
	
	section#guideline table.table2 tbody tr.course1 td{ border-top:0;border-bottom:0; padding:0;}
	section#guideline table.table2 tbody tr.course1 td:last-child{ border-bottom:1px solid #ccc;}
	section#guideline table.table2 tbody tr.course2 th{ background:#923C3F; color:#FFF;}
	section#guideline table.table2 tbody tr.course2 td{}
	section#guideline table.table2 tbody tr.course3 th{ background:#003366; color:#FFF;}
	section#guideline table.table2 tbody tr.course3 td{}
	-*/

}





#side{ display:none;}
#contents { float:none; width:100%;}

#contents .title_img{ margin:0 0 20px;}
@media (max-width: 768px) {
	#contents .title_img{ margin:0 0 10px;}
}

#contents .menu_list{}
#contents .menu_list ul{}
#contents .menu_list ul li{ width:49%; float:left;margin: 0 2% 2% 0;}
#contents .menu_list ul li:nth-child(2n) {margin: 0 0 2% 0;}
#contents .menu_list ul li:nth-child(2n+1){ clear:both;}
#contents .menu_list ul li a{ display:block;  text-decoration:none; font-weight:bold; font-size:1.6rem; padding:10px; position:relative; color:#333;  border-radius:5px; border:1px #333 solid; border-radius:5px;}
#contents .menu_list ul li a .fa{ color:#E5005A;}
#contents .menu_list ul li span{ display:block;  text-decoration:none; font-weight:bold; font-size:1.6rem; padding:10px; position:relative; color:#999;  border-radius:5px; border:1px #999 solid; border-radius:5px;}
#contents .menu_list ul li span .fa{ color:#999;}
@media (max-width: 768px) {
	#contents .menu_list{ display:none;}
}