@charset "utf-8";

@media (min-width: 768px) {

	#tatami_sim .select_css{
		background-color: white!important;
		background-image: none!important;
	}
	#tatami_sim .select_css:after{
		content: "選択中";
	}
	#tatami_sim .select_color_css{
		border: 2px dotted red;
	}
	#tatami_sim table {
	  border-collapse: collapse;
		table-layout: fixed;
		width: 270px;
	}
	#tatami_sim td {
		width: 90px;
		height: 90px;
		text-align: center;
	}
	
	#tatami_sim td.tatami-yoko{
		width: 180px;
		height: 90px;
	}
	#tatami_sim td.tatami-tate{
		width: 90px;
		height: 180px;
	}
	
	#tatami_sim li{
	    width: 30px;
	    height: 30px;
	    display: inline-block;
		border: 2px solid white;
	}
	
	#tatami_sim input[type="submit"][disabled]{
	    background-color: #f2f2f2;
	    border: 1px solid #f2f2f2;
	    cursor: default;
	}
	#tatami_sim input[type="button"]{
	    border-radius: 6px;
	    cursor: pointer;
	    display: inline-block;
	    font-family: 'Open Sans';
	    font-size: 18px;
	    font-weight: 600;
	    line-height: 1.42857;
	    margin-bottom: 0;
	    padding: 12px 40px;
	    text-align: center;
	    transition: all 0.4s ease 0s;
	    vertical-align: middle;
	    white-space: nowrap;
	    background-color: #f8504b;
	    border: 1px solid rgba(0, 0, 0, 0);
	    color: #ffffff;
	}
	.tatamieditbox tr{
		height: 90px;
	}
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
@media (max-width: 767px) {
	#tatami_sim .select_css{
		background-color: white!important;
		background-image: none!important;
	}
	#tatami_sim .select_css:after{
		content: "選択中";
	}
	#tatami_sim .select_color_css{
		border: 2px dotted red;
	}
	#tatami_sim table {
		margin: 0 auto;
	  border-collapse: collapse;
		table-layout: fixed;
		width: 270px;
	}
	
	#tatami_sim td {
		width: 60px;
		height: 60px;
		text-align: center;
	}
	
	#tatami_sim td.tatami-yoko{
		width: 127.5px;
		height: 60px;
	}
	#tatami_sim td.tatami-tate{
        width: 60px;
        height: 127.5px;
	}
	
	#tatami_sim li{
	    width: 30px;
	    height: 30px;
	    display: inline-block;
		border: 2px solid white;
	}
	
	#tatami_sim input[type="submit"][disabled]{
	    background-color: #f2f2f2;
	    border: 1px solid #f2f2f2;
	    cursor: default;
	}
	#tatami_sim input[type="button"]{
	    border-radius: 6px;
	    cursor: pointer;
	    display: inline-block;
	    font-family: 'Open Sans';
	    font-size: 18px;
	    font-weight: 600;
	    line-height: 1.42857;
	    margin-bottom: 0;
	    padding: 12px 40px;
	    text-align: center;
	    transition: all 0.4s ease 0s;
	    vertical-align: middle;
	    white-space: nowrap;
	    background-color: #f8504b;
	    border: 1px solid rgba(0, 0, 0, 0);
	    color: #ffffff;
	}
}