@charset "UTF-8";

/*my-table-1-1
-------------------------------------------------*/

div.my-table-1-1{
	width: 100%;
	max-width:800px;
	padding:0;
}

div.my-table-1-1 table{
	width: 100%;
	margin-bottom:10px;

}

div.my-table-1-1 table th,
div.my-table-1-1 table td{
	box-sizing:border-box;
	padding:15px 10px;
	border: 1px solid #ddd;
	vertical-align:middle;
}

div.my-table-1-1 table th{
	width:40%;
	background-color: #7eb0ee;
	text-align:center;
	color:#fff;
}

div.my-table-1-1 table td.subtitle{
}


div.my-table-1-1 table td input[type='text']{
	width:100%;
	height:40px;
	font-size: 16px;
	transform: scale(1.0);
}

div.my-table-1-1 table td input[type='email']{
	width:100%;
	height:40px;
	font-size: 16px;
	transform: scale(1.0);
}

div.my-table-1-1 table td textarea{
	width:100%;
	height:120px;
	font-size: 16px;
	transform: scale(1.0);
}


/* タブレット */
@media only screen and (min-width: 768px) and (max-width: 1023px){
}

/* スマホ */
@media only screen and (max-width: 767px){

	div.my-table-1-1{
		width:100%;
		margin: 0 auto;
		max-width:none;
	}

	div.my-table-1-1 table{
		width:100%;
	}

	div.my-table-1-1 table th,
    div.my-table-1-1 table td{
		box-sizing:border-box;
		width: 100%;
		padding: 5px;
        display: block;
		border-top: none;
		border-left:none;
		border-right:none;
    }
	div.my-table-1-1 table tr th:first-child{
		border-top: 1px solid #ddd;
	}
}


/*my-table-1-2
-------------------------------------------------*/

div.my-table-1-2{
	width: 100%;
}

div.my-table-1-2 div.pc_wrapper{
	display:block;
}

div.my-table-1-2 div.sp_wrapper{
	display:none;
}

div.my-table-1-2 table{
	width: 100%;
}

div.my-table-1-2 table tr th,
div.my-table-1-2 table tr td{
	padding:5px;
	font-weight:normal;
	background-color: #fff;
	border: 1px solid #ddd;
	vertical-align:top;
	text-align:left;
	font-size:13px;
}

div.my-table-1-2 table tr th{
	max-width:80px;
}

div.my-table-1-2 table tr td{
	text-align:center;
	line-height:130%;
}

div.my-table-1-2 table tr td p{
	margin:0;
	padding:0;
	text-align:left;
}

div.my-table-1-2 table tr.title_week th{
	width:12%;
	min-width:0;
	padding:5px 0;
	text-align:center;
}

div.my-table-1-2 table tr.title_week th:first-child{
}

div.my-table-1-2 table tr.title_week th.holiday{
	background-color:#f00;
}

div.my-table-1-2 table tr.title_week th.saturday{
	background-color:#4cb5e8;
}

div.my-table-1-2 table tr th img{
	display:block;
	width:100%;
	min-width:50px;
	max-width:80px;
	margin:0 auto;
}


div.my-table-1-2 table tr td.name_box{
	height:10px;
	text-align:left;
}



/* タブレット */
@media only screen and (min-width: 768px) and (max-width: 1023px){
}

/* スマホ */
@media only screen and (max-width: 767px){

	div.my-table-1-2 div.pc_wrapper{
		display:none;
	}
	
	div.my-table-1-2 div.sp_wrapper{
		display:block;
		background-color:#c5004c;
	}

	div.my-table-1-2 div.sp_wrapper ul.btn_week{
		padding:0;
		margin:0;
		list-style-type: none;
		font-size:0;
	}

	div.my-table-1-2 div.sp_wrapper ul.btn_week li{
		width:14%;
		font-size:14px;
		display:inline-block;
		border:1px #000 solid;
		border-right:0;
		border-bottom:0;
	}

	div.my-table-1-2 div.sp_wrapper ul.btn_week li:first-child{
		border-left:0;
		width:14.05%;
	}

	div.my-table-1-2 div.sp_wrapper ul.btn_week li:last-child{
		width:14.05%;
	}


	div.my-table-1-2 div.sp_wrapper ul.btn_week li a{
		display:block;
		padding:20px 0;
		text-align:center;
		text-decoration:none;
		color:#fff;
		background-color:#c5004c;
	}

	div.my-table-1-2 div.sp_wrapper ul.btn_week li a.active_day{
		background-color:#fff;
		color:#c5004c;
	}

	div.my-table-1-2 div.sp_wrapper ul.btn_link{
		margin: 0px;
		padding: 0px;
		font-size:0px;
		list-style: none;
	}
	
	div.my-table-1-2 div.sp_wrapper ul.btn_link li{
		display: block;
		width:100%;
		font-size:12px;
		margin:0px;
		border:0;
	}
	
	div.my-table-1-2 div.sp_wrapper ul.btn_link li a{
		display: block;
		height:auto;
		width:90%;
		text-decoration:none;
		font-size:12px;
		padding:20px 5%;
		background-color:#000;
		color:#fff;
		border-bottom:1px #aaa solid;
	}

	div.my-table-1-2 div.sp_wrapper ul.btn_link li a::after{
		float:right;
		display: block;
		content: ">>";
		padding-right:0;
	}

	div.my-table-1-2 div.sp_wrapper ul.btn_link li:first-child{
		border:0;
	}
	
}



/*回り込み解除
-------------------------------------------------*/
.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

.clearfix {
	min-height: 1px; /*IE6、7対策*/
}

* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}