@charset "utf-8";
/* ------------------------------------------------------------ common */
#view.pages	{ background: url(../images/contact/fv.jpg) no-repeat center center; background-size: cover; min-width: 1000px; }

/* ------------------------------------------------------------ common */
h3 { background: none; letter-spacing: 0; color: #4e4e4e; padding: 20px 0; }
.center { text-align: center; font-size: 14px; }

h3 { font-size: 30px; font-weight: bold; text-align: center; }

#tel_fax { padding: 0 0 60px; }
#tel_fax div { 
background: url(http://animato-pocket.com/images/contact/bg_01.gif); padding: 6px; 
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
}
#tel_fax div ul { 
background: #fff; 
padding: 30px 0 30px 10px; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
}
#tel_fax div ul li { float: left; text-align: center; padding: 0 0 0 2%;  width: 47%; }
#tel_fax div ul li:first-child { border-right: 1px solid #ffd3bd; }
#tel_fax div ul li p { font-size: 40px; padding: 0; font-family: "Times"; line-height: 130%; }
#tel_fax div ul li img { padding: 0 10px 0 0; }
#tel_fax div ul li span { color: #4e4e4e; padding: 0 0 0 5px; }

#contents { border: 12px solid #f1f1f1; width: 700px; padding: 50px; margin: 0 auto; }
#contents span { color: #d20000; }

#contents p	{ padding: 30px 0 10px; }
#contents table { width: 100%; font-size: 15px; border-top: 1px solid #e0e0e0; }
#contents table tr { background: url(http://animato-pocket.com/images/contact/line.gif) repeat-x left bottom; }
#contents table th { text-align: left; padding: 18px 0; width: 200px; vertical-align: text-top; border-bottom: 1px solid #e0e0e0; }
#contents table td { padding: 15px 0; border-bottom: 1px solid #e0e0e0; }
#contents table td span { color: #a5a5a5; padding: 0 0 0 10px; font-size: 13px; }
#contents table td label { float: left; padding: 0 15px 0 0; font-size: 14px; }
#contents table td .time { padding: 15px 0 0; }
#contents table td .time select { width: 150px; }

#contents table textarea,
#contents table input[type="text"] { border: 1px solid #dddcdc; padding: 3px 5px; font-size: 14px; background: #fffdfe; border:none; background:none; appearance: none; -webkit-appearance:none; border: solid 1px #dcdcdc; }
#contents table textarea { width: 96%; }
#contents table input[type="text"] { width: 39%; }

#contents .btn { text-align: center; padding: 35px 0 20px; }
#contents input[type="submit"] { 
background: #f8a124; 
border: none; 
color: #fff; 
padding: 0 115px; 
height: 40px; 
line-height: 40px; 
cursor: pointer; 
font-size: 16px;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
}

/* ------------------------------------------------------------ check */
#contents .alert { background: #f6f6f6; padding: 30px 50px; }
#contents .alert span { display: block; color: #111; }


.note h3 { padding: 0 0 30px; }
.note p { padding: 0 0 15px; font-size: 16px; }
.note p.caution { color: #d20000; text-align: center; }
.note p.btn a { 
background: #ba0101; 
border: none; 
color: #fff; 
padding: 0 100px; 
height: 40px; 
line-height: 40px; 
cursor: pointer; 
font-size: 16px; 
display: inline-block; 
*display: inline; 
*zoom: 1;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; }
#thanks { padding: 70px 0; }
#thanks p { background: #f6f6f6; padding: 30px 50px; }
#thanks .btn { background: #fff; padding: 50px 0 0; }



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */
#view.pages	{ min-width: inherit; }

h3 { font-size: 18px; padding: 0;}

#main { padding: 50px 0; }

#tel_fax { padding: 0 0 10px;}
#tel_fax div ul li { float: none; text-align: center; width: 95%; padding: 0 5% 0 0; }
#tel_fax div ul li:first-child { border-right: none; padding: 0 0 30px; }
#tel_fax div ul li p { font-size: 28px; }
#tel_fax div ul li img { width: 24px; height: auto; }
#tel_fax div ul li.fax img { width: 28px; height: auto;}

#contents { border: none; width: 90%; margin: 0; padding: 0 5%; }

#contents table select,
#contents table taxtarea,
#contents table input[type="text"] { width: 93%; }
#contents input[type="submit"],
.note p.btn a { display: block; padding: 0; width: 250px; margin: 0 auto 15px; }
.note h3 { padding: 0; }

#contents .alert,
#thanks p { padding: 30px 15px; font-size: 14px; }

#contents table th { display: block; width: 100%; font-weight: bold; border: none; padding: 15px 0 0; }
#contents table td { display: block; }
#contents table td .time { padding: 15px 0 0; }
#contents table td .time select { width: 130px; }
}