/**/
@import "../css/reset.css";
@import "../css/superfish.css";
@import url(//fonts.googleapis.com/css?family=Noto+Sans);
@import url(//fonts.googleapis.com/css?family=Lobster);

html {
	width: 100%;
}

* {
	-webkit-text-size-adjust: none;
}

body {
	color:#333;
	position:relative;
	background: #fff;
	z-index: 3;
	visibility: visible;
	size: cover;
	margin: 0px;
	right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
}
.ic {
	border:0;
	float:right;
	background:#fff;
	color:#f00;
	width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0 0;
	overflow:hidden;
	padding:0;
}

h2 {
	font-size: 25px;
	line-height: 30px;
}

h3 {
	font-size: 20px;
	line-height: 24px;
}

p {
	margin-bottom: 18px;
	font-size: 12px;
}

img {
	max-width: 100%;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/*links*/

a {
	text-decoration: none;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a:hover,a:visited,a:link,a:active {
	color: #161c61;
}





/*preclass*/

.clear {
	float: none !important;
	clear: both;
}


/* header */

.inner {
    width: 1200px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}

header{
	display:block;
	margin-bottom:100px;
}

#top-head {
    position: absolute;
    width: 100%;
		display:block;
    margin: 0 auto;
    padding: 25px 0 0;
    z-index: 999;
		background:#FFF;
}

#top-head a,
#top-head {
    color: #333;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
		max-width:1100px;
		margin:0 auto;
}
#top-head .logo {
    float: left;
		margin-left:20px;
		margin-bottom:10px;
		margin-top:10px;
}
#global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    font-size: 20px;
		font-family:"Times New Roman", Times, serif;
}

#global-nav ul li {
    float: left;
}
#global-nav ul li a {
	padding:15px 5px 5px 5px;
  margin: 10px 20px 5px;
}

#global-nav ul li a:hover {
	padding:18px 5px 2px 5px;
  margin: 10px 20px 5px;
}

#global-nav a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

#global-nav a::after {
  content: '';
  position: absolute;
  bottom:0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #161c61;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
#global-nav a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
		border-bottom:solid 1px #f2f2f2;
		padding: 0;
}

/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

.space{display:block;height:100px;}
.space70{display:block;height:70px;}


/*Content*/
.chefs {padding-top: 7px;}
.chefs .col1 {font-size: 12px;padding-top: 8px;margin-bottom: 16px;}
.left{float:left;}
.right{float:right;}

/*ABOUT*/

.about h1{font-size:18px;margin-bottom:10px;}
.about p{font-size:14px;line-height:2.0em;letter-spacing:0.1em;}
.about .nameBox{padding-left:50px;}
.about .nameBox h1{margin-bottom:0px; font-size:15px;}
.about p.shachou{ margin-bottom:10px;}
.about p.eigo{font-size:10px;margin-bottom:10px;}
.about h2{font-size:18px;margin-bottom:20px;}
.about .logoDd{margin-top:50px;}
.about .company_img{margin:0 0 20px 0;}
.about .company{margin:50px 0 20px 0;}
.about .company address{font-size:12px;margin-bottom:15px;}
.about .companyBox{margin-left:20px;}
.about .company dl{
	display:block;
	width:100%;
	margin:0 auto;
	font-size:16px;
	line-height:1.5em;
	margin-bottom:35px;
	position:relative;
}
.about .company dt{width:70px;float:left;clear:both;}
.about .company ul{font-size:16px;line-height:1.5em;margin-bottom:30px;}
.about .company ul.daihyou{text-align:right; float:left;}
.about .company p.gyoumu{font-size:16px;letter-spacing:0.1em;margin:0;}
.about .company p.gyoumu2{font-size:13px;letter-spacing:0.1em;line-height:1.2em;margin:0 0 35px 0;}
.about{
	color:#333;
	font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック","KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.about h2{color:#161c61;font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック","KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:bold;}


/*Topics*/
.info h2{font-size:24px;color:#161c61;}
.info h2.title{font-size:14px;margin-bottom:30px;color:#161c61;font-weight:bold;}
.info dl{font-size:16px;}
.info dl dt{
	float:left;
	clear:both;
	width:110px;
	padding:5px 0;
	margin-bottom:40px;
}
.info dl dd{float:left;padding:5px 0;margin-right:40px;margin-bottom:40px;}
.info dl dd.siteBox{font-size:11px;padding: 3px 10px;border:solid 1px #000;margin-right:0px;border-bottom:1px #333 solid;}
.info dl dd.siteBox:hover{
	border-bottom:1px #333 solid;
	background: #161c61;
	color:#fff;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}


/*Contact*/

.contact {font-family:serif;}
.contact h2{font-size:18px;letter-spacing:0.1em;}
.contact p{font-size:14px;letter-spacing:0.1em;}
.contact ul{font-size:16px;}



/****Works***/

.works h1{color:#161c61;font-size:28px;}
.works h2{font-size:16px;}
.worksBox{height:auto;margin-top:50px;margin-bottom:50px;padding-left:20px;}
.worksTitle{float:left;margin-right:15px;}
.worksTitle h1{color:#333;font-size:24px;}
.worksTitle2{float:left;padding-top:5px;}
.worksLink{clear:both;padding-top:10px;font-size:16px;}
.worksBox p{font-size:16px;}
.worksBox .product{margin-top:20px;margin-bottom:120px;}
.worksBox .product h2{float:left;margin-right:5px; font-size:15px;}
.worksBox .product p{float:left;margin-right:5px; font-size:10px;margin-top:8px;}
.worksFoot{margin:180px auto 50px;}
.worksFoot2{margin:20px 5px 80px;}
.worksJusen{margin-left:20px;}
.worksJusen .jusenLogo{float:left;margin-right:10px;}
.worksJusen p{font-size:14px;}



/****Map***/
.ggmap{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
border:0;
frameborder:0;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:0;
frameborder:0;
}




/* --- お問い合わせフォーム --- */

#otoiawase_box .form tr{text-align:left;margin-bottom:210px;}
#otoiawase_box .form tr th{font-size:16px;margin-right:10px;width:150px;}
#otoiawase_box .form tr td{font-size:18px;margin-right:10px;width:300px;}
p.arigato{font-size:18px; line-height:2.0em;}
#otoiawase_box .form tr{border: 1px solid #777; display:block;margin-bottom:20px;}
#otoiawase_box .form tr th,
#otoiawase_box .form tr td{padding-top: 5px;padding-right: 0.8em;padding-bottom: 5px;padding-left: 0.8em;}
#otoiawase_box table tr th{border-right: 1px solid #999;}

#mail-sec{	margin-top:50px;}
#mail-sec input,
#mail-sec textarea,
#mail-sec select {
	font-size: 14px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
	border: 1px solid #777;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 0.8em;
	padding-bottom: 5px;
	padding-left: 0.8em;
}
#mail-sec input{width:350px;}
#mail-sec select{width:350px;}
#mail-sec textarea{width:95%;}
#mail-sec input[type=text]:focus,
#mail-sec textarea:focus {
  	border-color:#161c61;
    outline:none;
    box-shadow:2px 2px 4px rgba(145,145,145,0.3);
}
::-webkit-input-placeholder {color:#8c8c8c;}
:-moz-placeholder {color:#8C8C8C;}


.button_style {
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;
    padding: 10px 50px;
		margin-right: 30px;
    background-color: #FFFFFF;
    color: #17184b;
		border:1px solid #8c8c8c;
    box-shadow:2px 2px 4px rgba(145,145,145,0.3);
    -moz-box-shadow:2px 2px 4px rgba(145,145,145,0.3);
    -webkit-box-shadow:2px 2px 4px rgba(145,145,145,0.3);
}

.button_style:hover {
    background-color: #161c61;
    /* 文字色を白色に指定 */
    color: #FFFFFF;
}

/************Footer***********/


footer {
	height: 100%;
	width: auto;
	margin: 50px auto 0;
	padding-top: 20px;
	padding-left:30px;
	padding-bottom:20px;
	background: #161c61;
}

footer {letter-spacing:0.1em;}
footer .logo{margin:30px auto 20px;}
footer address{color:#f2f2f2;font-size:20px;}
footer address ul li{margin:0 10px 5px 0;}
footer address ul li a:link { color: #f2f2f2;}
footer address ul li a:visited { color: #f2f2f2; }
footer address ul li a:hover { color: #f2f2f2; }
footer address ul li a:active { color: #f2f2f2; }
footer address ul li.odd{float:left;}
footer address ul li.even{float:left;clear:both;}
footer p.copy{clear:both;font-size:15px;color:#96a0b3;margin-top:80px; line-height:1.8em;}
footer p.copyright {clear:both;font-size: 10px;color: #f2f2f2;margin-top:40px;font-family: Verdana, Geneva, sans-serif;letter-spacing:0;}
footer p.copyright2 {display:none;color: #f2f2f2;font-family: Verdana, Geneva, sans-serif;letter-spacing:0;}
footer img.town{display:block;}
footer img.town2{display:none;}