/*
Free Html5 Responsive Templates
Author: Kimmy Tran
Author URI: http://www.zerotheme.com/
*/
html {
   -webkit-text-size-adjust: none;
}

img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

/*------------------------*/

@media only screen and (max-width: 959px) {
}
@media only screen and (max-width: 820px){
}

@media screen and (max-width: 640px) {
	main{padding-top:50px;}
  #top-head, .inner {width: 100%;padding: 0;}
  #top-head {top: 0;position: fixed; margin-top: 0;}
    /* Fixed reset */
    #top-head.fixed {padding-top: 0;background: transparent;}
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 55px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 5px;
        top: 2px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
				right:0;
        background:#333;
				width:100%;
        text-align: center;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        font-size: 18px;
    }
    #global-nav ul li {
        float: none;
        position: static;
				padding-right:25px;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
		
		#top-head #global-nav a:hover{text-decoration: none;}
		
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
		
		
		.space{height:0px;}
		main.content{margin-top:30px;}
		
		footer{padding:0;}
		footer .logo{margin:30px auto 20px;text-align:center;}
		footer address{text-align:center;font-size:20px;}
		footer address ul li{text-align:center;margin:0 10px 5px 0;float:inherit;}
		footer address ul li.odd{text-align:center;float:inherit;}
		footer address ul li.even{text-align:center;float:inherit;}
		footer p.copy{text-align:center;font-size:15px;margin-top:40px;margin-bottom:40px;}
		footer p.copyright {display:none;}
		footer p.copyright2 {display:block;text-align:center;font-size:10px;}
		footer img.town{display:none;}
		footer img.town2{display:block;margin:40px auto 20px;width:60%;}
		
		.about p, .about ul, .about h1, .about h2, .about address {text-align:center;margin-top:15px;}
		.about .nameBox{padding-left:0px;}
		.about .companyBox{margin-left:0px;}
		.about .company dl{width:250px;padding-left:25px;}
		.about p.shachou{ margin-bottom:10px;}
		.about .logoDd{margin-top:70px;}
		.about .company ul.daihyou{text-align:center;float:none;}
		
		.info h2{font-size:20px;text-align:center;}
		.info h2.title{ text-align:center;margin-bottom:40px;}
		.info dl{ text-align:center;}
		.info dl dt{float:none;width:100%;padding:5px 0;margin-bottom:5px;}
		.info dl dd{float:none;padding:5px 0;margin-right:0px;margin-bottom:5px;}
		.info dl dd.siteBox{text-align:center;margin:0 auto;width:250px;padding:5px 10px;border:solid 1px #000;margin-bottom:40px;}
		
		#mail-sec input{width:95%;}
		#mail-sec select{width:95%;}
		#mail-sec textarea{width:95%;}
		#otoiawase_box .form tr th{font-size:16px;margin-right:10px;width:100px;}
		#otoiawase_box .form tr td{font-size:18px;margin-right:10px;width:400px;}
		
}