/*メイン*/
@media (max-width : 767px) {
	html{width: 100%; box-sizing: border-box;}
	body, #container, #headerMenu{width: 100%; min-width: inherit; margin: 0;}
	table, thead, tbody, th, td, tr {
    	display: block;
    	width: 100%;
		box-sizing: border-box;
	}
	table.input tbody th{
		text-align: left!important;
	}
	select, input[type="text"]{
		max-width: 100%;
	}

	#headerMenu{margin-top: 0.5rem;}
	#headerMenu a{
		display: block;
		background: #f2f2f2;
		padding: 0.2rem 0;
		border-bottom: solid 1px #ccc;
	}
	form#cse-search-box {display: none;}
	#headerMenu a:first-child{border-top: solid 1px #ccc;}
	#mobile-hidden-menu div:first-child{
		text-align: center!important;
		padding: 0.15rem 0 0.865rem;
	}
	 #sideNav{
		width: 100%;
		float: none;
	}
	#container h1.main {
    	font-size: 18px;
		margin-top: 2rem;
	}
    div.header-top-div {
        width: 94%;
        display: block;
        text-align: center;
    }
	/*  */
	#menuLeft{
		display: none;
		float: none;
	}
	#main{
		float: none;
   		width: 90%;
		margin: 0 auto;
	}
	#main img{width: 100%;}

	.modalWindow .body{
        width: 85vw;
        left: 2vw;
        margin: 0 auto;
        transform: translateY(5vw);
        left: -1.25vw;
	}
	.modalWindow {
		left: 0;
		z-index: 100;
		padding: 5px;
		width: 100%;
		opacity: 1;
	}
	.modalWindow .paperImage{
		width: 48%;
	}
	.modalWindow .paperImage img{
		width: 100%!important;
	}
	.paperImage span.display{
		width: 100%!important;
		white-space: nowrap;
	}
	/*input*/

	select, input[type="text"] {
    font-size: 16px;      /* iOSで自動拡大されない推奨サイズ */
    line-height: 1.5;
    padding: 0.2em 0.1em; /* 適度な高さを確保 */
	margin: 0.1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;    
	box-sizing: border-box;
	}

	/* optionにも明示的にフォントサイズを指定 */
	select option {
		font-size: 16px;      /* selectと同じサイズにする */
	}


	table.input{
		box-sizing: border-box;
		width: 100%;
	}
	table.input tr, table.input td{
		display: block;
		box-sizing: border-box;
		font-size: 16px;
	}
	table.input tbody th.h2{
		width: 100%;
	}

	table.deadLine td{font-size: 1rem;}

	input.orderInput{
		width: 100%;
		box-sizing: border-box;
	}
	table.hayawari{
		margin: 1rem 0;
	}
	table.hayawari td, table.hayawari th {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	
	table.input tfoot td{
		width: 100%;
		box-sizing: border-box;
	}
	table.deadLine tfoot td input{
		font-size: 1rem;
		border-radius: 10px;
		border:solid 0.015rem #aaa;
	}
	table.deadLine tfoot td input:last-child{
		margin-top: 0.265rem;;
	}

	tfoot{
		display: block;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		object-position: center;
	}
	tfoot input{ 
		display: block;
		margin: 0 auto;
		padding: 0.1rem 0.2rem;
		padding: 8px;
        font-size: 1rem;
        border-radius: 10px;
        border: solid 0.015rem #aaa;
	}
	/*footer*/

	div#footer{
		margin-top: 1rem;
	}
	ul.footer li{
		display: none;
	}
	ul.footer li:last-child{
		display: block;
		padding: 0 2rem;
		text-align: center;
	}
	.footer_title{
		border-bottom: dotted 1px #aaa;
		margin-bottom: 0.265rem;
	}

	/*オンデマンドのみ追加*/
	table.input tbody td.cap{width: 100%;}
	div#LAWindow {width: 90%;}

	table.input tfoot input{
		display: block;
		margin: 0.1rem auto;
	}


}