@charset "shift_jis";
/* CSS Document */
@media screen and (max-width:640px){
	header{
		width: auto;
		margin: 0 auto;
		padding: 10px 10px 5px;
	}
	
	header img{
		width: 130px;
		height: auto;
		display: inline;
		vertical-align: bottom;
	}
	
	#head{
		min-width: initial;
		min-width: auto;
		padding: 0 !important;
		border: none !important;
	}
	
	#wrap{
		min-width: initial;
		min-width: auto;
	}
	
	.pcnone{
		display: block;
	}
	
	.spnone{
		display: none !important;
	}
	
	#gmenu{
		background: none;
	}
	
	#spmenu{
		display: block;
		position: absolute;
		right: 10px;
		top: 14px;
		padding: 5px;
		width: 25px;
		height: 20px;
		background-color: transparent;
		border: 0;
		z-index: 2000;
		outline: 0;
		text-indent: -9999px;
		background: #36aacc;
		-webkit-transform: translateX(0px) translateY(0px);
		-ms-transform: translateX(0px) translateY(0px);
		-o-transform: translateX(0px) translateY(0px);
		transform: translateX(0px) translateY(0px);
	}
	
	#spmenu span{
		position: relative;
		display: block;
		margin: 8px 0 0;
	}
	
	#spmenu span,
	#spmenu span:before,
	#spmenu span:after{
		height: 3px;
		width: 100%;
		border-radius: 1px;
		background-color: #ddd;
		-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
		-o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
		transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	}
	
	#spmenu span:before,
	#spmenu span:after{
		position: absolute;
		content: " ";
		top: -8px;
		left: 0;
	}
	
	#spmenu span:after{
		top: 8px;
	}
	
	#gmenu ul{
		display: none;
		width: 100%;
		margin: 0;
		padding: 0;
		/*position: absolute;
		right: 0;
		top: 35px;*/
		background: #36aacc;
		z-index: 2000;
	}
	
	#gmenu ul li{
		padding: 0;
		float: none;
		border-bottom: 1px solid #cccccc;
	}
	
	#gmenu ul li a{
		display: block;
		width: 100% !important;
		height: auto;
		padding: 15px;
		font-size: 0.9em;
		font-weight: bold;
		text-indent: 0;
		color: #ffffff;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: none !important;
		position: relative;
	}
	
	#gmenu ul li a:after{
		position: absolute;
		display: block;
		content: " ";
		top: 50%;
		right: 15px;
		width: 8px;
		height: 8px;
		margin: -5px 0 0;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	
	/*#spmodal{
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1000;
		background: rgba(51, 51, 51, 0.7);
	}*/
	
	#mainArea{
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#mainArea a:hover{
		color: #116fbb;
		text-decoration: underline;
	}
	
	#mainArea h1{
		margin: 10px 0 0;
		text-align: center;
	}
	
	#mainArea h1 img{
		width: 100%;
		height: auto;
	}
	
	#mainArea .infoArea{
		width: auto;
		margin: 15px 0 0;
		padding: 10px;
		border: 2px solid #cc0000;
		border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	#mainArea .infoArea h2,
	#mainArea .infoArea p{
		font-size: 100%;
		line-height: 1.2;
	}
	
	#mainArea .infoArea p.notes{
		margin: 10px 0 0;
		font-size: 100%;
	}
	
	/*#mainArea .infoArea .infoMain h2{
		padding: 10px 5px;
		text-align: left;
		line-height: 1.2;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #cc0000;
	}
	
	#mainArea .infoArea .infoMain h2 span{
		padding: 0;
		font-size: 100%;
		color: #ffffff;
		background: none;
	}
	
	#mainArea .infoArea .infoMain p{
		padding: 5px;
		line-height: 1.2;
		border: none;
	}
	
	#mainArea .infoArea .infoMain p .maintext{
		font-size: 100%;
		color: #cc0000;
	}
	
	#mainArea .infoArea .infoMain p .notes{
		font-size: 100%;
	}*/
	
	#mainArea .infoArea .registEasy{
		display: block;
		margin: 15px 0 0;
		padding: 5px;
		border: 1px solid #b5b5b5;
		background: #f4f4f4;
	}
	
	#mainArea .infoArea .registEasy p{
		margin: 0;
		padding: 0;
		font-size: 1.0em;
		display: block;
		line-height: 1.2;
	}
	
	#mainArea .infoArea .registEasy p.device{
		width: 50px;
		margin: 0 10px 0 0;
		padding: 0;
		float: left;
	}
	
	#mainArea .infoArea .registEasy img{
		width: 50px;
		height: auto;
	}
	
	#mainArea .schedule{
		margin: 20px 0 0;
	}
	
	#mainArea .schedule .titleArea{
		width: auto;
	}
	
	#mainArea .schedule .titleArea h2{
		padding: 0;
		font-size: 100%;
		line-height: 1.2;
		text-align: left;
	}
	
	#mainArea .schedule .scheBtn{
		width: auto;
		margin: 15px auto 0;
	}
	
	#mainArea .schedule .scheBtn li{
		width: 100%;
		padding: 10px 5px;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: none;
		background: #c9e8f1;
	}
	
	#mainArea .schedule .scheBtn li:first-child{
		margin: 0 0 10px;
	}
	
	#mainArea .schedule .scheBtn li .textImg img{
		width: 100%;
		max-width: 280px;
		height: auto;
	}
	
	#mainArea .schedule .scheBtn li .detailBtn{
		width: 280px;
		margin: 10px auto 0;
	}

	#mainArea .schedule .scheBtn li .detailBtn a img,
	#mainArea .schedule .scheBtn li .detailBtn a:hover img{
		width: 100%;
		height: auto;
		opacity: 1;
		filter:alpha(opacity=100);
		zoom: 1;
	}
	
	#mainArea .schedule .checkBtn{
		width: 280px;
		margin: 10px auto 0;
	}
	
	#mainArea .schedule .checkBtn a img,
	#mainArea .schedule .checkBtn a:hover img{
		width: 100%;
		height: auto;
		opacity: 1;
		filter:alpha(opacity=100);
		zoom: 1;
	}
	
	#mainArea .qa{
		margin: 30px 0 0;
	}
	
	#mainArea .qa h2{
		padding: 0 0 5px 2px;
		border-bottom: 2px solid #36aacc;
	}
	
	#mainArea .qa h2 img{
		width: 170px;
		height: auto;
	}
	
	#mainArea .qa li{
		margin: 20px 0 0;
		padding: 0 0 0 25px;
		background: url(/mynumber/img/icon_question.gif) no-repeat 3px 1px;
		background-size: 18px;
	}
	
	#mainArea .qa .qaLink{
		margin: 20px 0 0;
		text-align: right;
	}
	
	#mainArea .qa .qaLink a{
		padding: 0 0 0 12px;
		background: url(/mynumber/img/icon_arr.gif) no-repeat left center;
		background-size: 7px;
	}
	
	#mainArea .qa a{
		font-size: 100%;
	}
	
	#footerAll,
	#footer_menu{
		min-width: initial;
		min-width: auto;
	}
	
	#footerAll{
		margin: 45px 0 0;
	}
	
	#footer{
		min-width: initial;
		min-width: auto;
		padding: 20px 0 0;
		background: none;
	}
	
	.footer_txt{
		padding: 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.footer_txt p{
		width: auto;
		min-width: initial;
		min-width: auto;
	}
	
	#footer_menuInner,
	#footerSub{
		display: none;
	}
	
	#footer_con{
		width: auto;
	}
	
	#pagetop{
		margin: 0;
		left: initial;
		left: auto;
		right: 10px;
	}
	
	#pagetop img{
		width: 45px;
		height: auto;
	}
	
	/* 20151210add */
	.cardArea .left,
	.cardArea .right{
		float: none;
		width: auto;
		display: inherit;
	}
	.cardArea .left{
		margin-bottom: 30px;
	}
	.cardArea h3{
		font-weight: bold;
		border-bottom: 2px solid #33abce;
		font-size: 1.1em;
		margin-bottom: 10px;
		padding-bottom: 5px;
	}
	#mainArea .infoArea p{
		font-size: 1em;
		line-height: 1.4;
	}
	#mainArea .infoArea .w540{
		width: auto;
		margin: 0 auto;
	}
	#mainArea .infoArea .w540 img{
		width: 100%;
		height: auto;
	}
	
	#mainArea h1.corporationTtl img{
		max-width: 250px;
	}
	
	#mainArea .corporationRead{
		margin: 15px 0 0;
		font-size: 1.0em;
	}
	
	#mainArea .corporationSec{
		margin: 30px 0 0;
	}
	
	#mainArea .corporationSec h2{
		padding: 10px;
		font-size: 1.1em;
		line-height: 1.2;
	}
	
	#mainArea .corporationSec p{
		padding: 0 10px;
		font-size: 1.0em;
	}
	
	#mainArea .corporationTxt{
		margin: 30px 0 0;
		font-size: 1.0em;
	}
	
	/* 20151225add */
	#mainArea .maintxt{
		font-size: 1em;
		line-height: 1.4;
		margin-top: 15px;
	}
	
	/* 202002add */
	.schedulefin{
		background: #ececec;
		text-align: center;
		padding: 10px;
		width: 100%;
		margin: 20px auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.schedulefin img{
		max-width: 100%;
		height: auto;
	}
}