@media screen and (max-width:640px){

/*===============================================
	全体の設定
===============================================*/

.pc{
	display: none;
}

.sp{
	display: inline;
}

body{ 
	padding: 5px; 
    width:auto;
    height:auto;
}

div#container {
	margin: 0px;
	padding: 0px;
    height:auto;
    box-sizing: border-box;
    }

h2{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 100%;
	margin:30px 0 0 0;
	border-bottom: 1px;
	width: 100%;
}
.mailformbox{
	width: 80%;
    height:auto;
    box-sizing: border-box;
    margin:0 20px 0 0

}

.img{
	width: 100%;
}

.title{
	text-align:left;
	margin:0 0 0 10px;
}

.img{
	width: 50%;
}

form#mailform {
	width : 100%;
	margin: 0 10px 0 0;
	padding: 0px;
    height:auto;
    background-color: #fff;
    box-sizing: border-box;
	
}

input.radus {
	width : auto;
	font-size : 14px;
}
textarea.radus {
	width : auto;
	font-size : 14px;
}

  
/*===============================================
	メール　テーブルの設定
===============================================*/
table.mailform {
	width: auto;
	padding: 10px;
	border: solid 1px #ccc;
    border-collapse: collapse;
    display: block;
    margin:0 10px 0 0;
    box-sizing: border-box;
    background-colo:#fff
}
table.mailform tr th {
	padding: 5px;
	font-weight: bold;
	width: auto;
	border: none;  
    display: block;    
    font-size:14px;
}


table.mailform tr td {
	padding: 10px 10px 25px 10px ;
	border: none;
	margin:0 0 10px 0;   
    display: block;      
    font-size:14px;
    width: 100%;
}

.ct{
	text-align:center
}

table.mailform tr td.ampm{
	width: 350px;
}

.floor{
	height:40px;
	background-color:#FFC;
}

table.mailform tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
table.mailform tr td ul li {
	float: left;
	padding: 0px 10px 0px 0px;
}
table.mailform tr td p,table.mailform tr td div,table.mailform tr td span {
	clear: both;
}

img.must {
	padding: 0 3px 0 0;
	float:left;
}

div#mfp_buttons {
    text-align:center;
    widht:100%;
    margin:0 auto
}

/*===============================================
	確認画面の設定
===============================================*/
ul.confirm_layer {
	width: 100%;
    
}
ul.confirm_layer li {
	width: 100%;
}

li.confirm_middle {
    background-image:none;
}

li.confirm_top {
    background-image:none;
	height: auto;
}

li.confirm_bottom {
    background-image:none;
	height: auto;
}

table.infield {
	width: 100%;
	margin: 10px 10px 10px 20px;
}
table.infield tr th {
	padding: 5px;
	margin: 0    ;
	text-align: center;
	font-size: 14px;
	width: 100%;
    background-color: #E8EEF9;
    display: block;
}
table.infield tr td {
    width:100%;
    display: block;
}
table.infield tr td p {
	 text-align: center;
	font-size: 14px;
	line-height: 1.5em;
	padding: 5px 0px 5px 10px;
	margin: 0px;
    
}
.mfp_color {
	background-color: #fff;
}

div#confirmWindow {
	width: 100%;
	height: 100%;
	margin: 0px;	
}
	
/* 固定フッター
?????????????????????????????????????????????????? */
.fixed_footer {
position: fixed; /* フッターを固定する */
bottom: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */
width: 95%; /* フッターの横幅を指定する */
height: 50px; /* フッターの高さを指定する */
padding:10px; /* フッター内側の余白を指定する(上下左右) */
color:#fff; /* フッターのフォントの色を指定する */
border-top:2px solid #a78e06;
background-color:#003399;
text-align:center;
margin:0 10px 0 0;
}

.footertext{
	color:#fff;	
	line-height:40px;
	}	
	
.fr{
	float:right;
	}
	
}