@charset "utf-8";

/*
Theme Name: スマートフォンサイト制作
Theme URI: http://sumaho-produce.com/
Author: スマホ集客プロジェクト（株式会社 ＯＭコンサルティング）
Author URI: http://web-sumaho.com/
Description: スマートフォンサイト制作
Version: 1
License: GNU General Public License
*/

/* cssリセット
--------------------------------------------*/
h1,h2,h3,h4,h5 {
margin: 0;
font-size: 50px;
font-weight: normal;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {vertical-align: bottom;}

/* H2
--------------------------------------------*/
h2 {
background: url(../../../img/h2_bg.jpg) top left repeat;
padding: 10px;
margin-top: 80px;
margin-bottom: 10px;
font-size: 40px;
font-weight:bold;

/*background: -moz-linear-gradient(top, #3568FF, #6596FF);/* ここで色を変える*/
/*background: -webkit-gradient(linear, left top, left bottom, from(#3568FF), to(#6596FF));/* ここで色を変える*/
/*border-bottom: 1px solid #3568FF;/* ここで色を変える*/
/*border-right: 1px solid #3568FF;/* ここで色を変える*/
/*border-left: 1px solid #F3FFDA;/* ここで色を変える*/
/*border-top: 1px solid #F3FFDA;/* ここで色を変える*/
/*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);*/
color:#000;
line-height: 1.2;
text-align:center;
}
/* H3
--------------------------------------------*/
h3{ margin:0px auto 10px; text-align:center;}
h3 span{ border-bottom:1px dotted #fff;}

/* 汎用クラス
--------------------------------------------*/
.box01{
border:3px solid #D00532;/* ここで色を変える*/
padding:10px;
}

.t1 {
font-size: 30px;
}

.m_btm10{margin-bottom:10px;}
.m_btm20{margin-bottom:20px;}
.m_btm30{margin-bottom:30px;}

.center{text-align:center;}

.bold01{color:#f00;font-weight:bold;}

.lineup ul {overflow:hidden;}
.lineup li {float: left;}



/* ヘッダー
--------------------------------------------*/
.top_info {
font-size: 20px;
font-weight: bold;
color: #690;
line-height: 22px;
}
.h_promo{position:relative;}
#header_bnr {
position: absolute;
top: 530px;
left: 0px;
}

/* コンテンツ
--------------------------------------------*/
.box02{
overflow:hidden;
margin-bottom:20px;
}
.box02a{
width:340px;
float:left;
}
.box02b{
width:280px;
float:right;
}

.box02a1{
}
.box02b1{
width:280px;
float:right;
margin-left: 10px;
margin-bottom: 10px;
}

/* フッター
--------------------------------------------*/
#footer {
text-align: center;
padding: 5px 0;
font-size:14px;
}

/* コンタクトフォーム
--------------------------------------------*/
.wpcf7,
span.wpcf7-not-valid-tip{
font-size:24px !important;
font-weight:bold;
}
.table01 {
border: 1px solid #CCC;
padding: 1px;
width: 100%;
}
.table01 th {
background: #E7E7E7;
padding: 10px;
text-align: left;
}
.table01 input[type="text"],
textarea{
width:90%;
padding:5px;
font-size:24px;
}

#submit {
display: block;
font-size: 30px;
margin: 0 auto;
width: 250px;
height: 75px;
}







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

body {
	font-size:31px;
	line-height:1.6em;
	font-family:Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	color: #fff;
	width:640px;
	margin:0 auto;
	background-color: #000;
}
img {
border:0px;
}
a { text-decoration:none; color: #fff;}



input {
font-size: 70%;
}


.button {
font-weight:bold;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 20px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 4px 4px 10px #000;
	-moz-box-shadow: 4px 4px 10px #000;
	box-shadow:  4px 4px 10px #000;
}

.button2 {
font-weight:bold;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	width:550px;
	cursor: pointer;
	text-decoration: none;
	font: 20px/100% Arial, Helvetica, sans-serif;
	padding: 20px 20px 20px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	border: solid 2px #db6305;
}


.blue {
	font-weight:bold;
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.brown{
	height:80px;
	font-weight:bold;
	text-align:center;
		border: solid 1px #331d07;
	background-color: #040c30;
	background: -webkit-gradient(linear, left top, left bottom, from(#dba965), to(#672911));
	background: -moz-linear-gradient(top,  #dba965,  #672911);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dba965', endColorstr='#672911');
}

.block{position:relative;top:30%;margin-top: -40px;color:#fff;font-size:26px;}
.block_cli{position:relative;top:10%;margin-top: -40px;color:#fff;font-size:26px;}

.brown2{
	height:60px;
	text-align:left;
		border: solid 3px #1d8de5;
	background-color: #ffffff;
	border-radius: .5em;
}
.brown3{
	padding:10px 0px 10px 52px;
	height:60px;
	text-align:left;
		border: solid 3px #f79e32;
	background-color: #ffffff;
	border-radius: .5em;
}


.block2{position:relative;top:30%;margin-top:-30px;color:#f79e32;font-size:22px;font-weight:bold;}


/*
dt {

	padding: 20px 10px 20px 10px;

	font-size:24px;
    background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffda9c), to(#db6305));
	background: -moz-linear-gradient(top,  #ffda9c,  #db6305);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda9c', endColorstr='#db6305');
	color: #000000;
    font-weight:bold;
	vertical-align:middle;
}

dt.last-child {
	border-bottom: none;
}

dd {
	padding:10 10 10 10;
    height:340px;
    margin-left:0px;
	background: #e2e5e5;
	font-size:24px;
		color: #313131;
}
*/

.footer-txt{
	font-size:20px;
	vertical-align:middle;
	text-align:center;
	padding:40px 0 40px 0px;
}
#header-top{
padding: 0px 0px 0px 10px;
background-color:#6699FF;
font-size:24px;
}
#footer-bottom{
vertical-align:middle;
text-align:center;
padding: 0px 0px 0px 10px;
background-color:#6699FF;
font-size:18px;
}

th.th-lock {
    width: 150px;
}

table.table-01 {
    width: 600px;
    border: 1px #FF8000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:24px;
}

table.table-01 th {
    padding: 5px;
    border: #FF8000 solid;
    border-width: 0 0 1px 1px;
    background: #FFF7E6;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.table-01 td {
    padding: 5px;
    border: 1px #FF8000 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

table.table-02 {
    width: 600px;
    border: 1px #FF8000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:24px;
}

table.table-02 th {
    width: 450px;
    padding: 5px;
    border: #FF8000 solid;
    border-width: 0 0 1px 1px;
    background: #FFF7E6;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.table-02 td {
    padding: 5px;
    border: 1px #FF8000 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

table.table-03 {
    width: 600px;
    border: 1px #FF8000 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:24px;
}

table.table-03 th {
    width: 150px;
    padding: 5px;
    border: #FF8000 solid;
    border-width: 0 0 1px 1px;
    background: #FFF7E6;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.table-03 td {
    padding: 5px;
    border: 1px #FF8000 solid;
    border-width: 0 0 1px 1px;
　　text-align: center;
}
.table-l{margin-left:20px;float:left;font-size:26px;width:100px;background-color:#cccccc;border:1px solid;border-color:#000000;}
.table-r{margin-left:20px;float:clear;font-size:26px;width:540px;border:1px solid;border-color:#000000;}

/* white */
.white {
	color: #606060;
	border: solid 3px #db6305;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#FFFFFF');
}

/* コンタクトフォーム
--------------------------------------------*/

.wpcf7 input[type="text"],
.wpcf7 textarea {

padding: 3px;
margin:5px;
}
.wpcf7 input[type="text"].ss {width: 25px;}
.wpcf7 input[type="text"].s {width: 50px;}
.wpcf7 input[type="text"].m {width: 150px;}

select.wpcf7-form-control{
height: 45px;
}

span.wpcf7-list-item {display: block;}




/*webフォントアイコン*/
@font-face {
    font-family: 'LigatureSymbols';
    src: url('font/LigatureSymbols-2.11.eot');
    src: url('font/LigatureSymbols-2.11.eot%3F') format('embedded-opentype'),
         url('font/LigatureSymbols-2.11.woff') format('woff'),
         url('font/LigatureSymbols-2.11.ttf') format('truetype'),
         url('font/LigatureSymbols-2.11.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  padding-right:3px;
}
.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
/*webフォントアイコン*/




/*追加要素*/
*{ box-sizing:border-box;}
img{ max-width:100%;}
figure{ text-align:center; margin:0px; padding:0px;}
.small{ font-size:31px;}

.t1{ background:#fff; margin:0px; text-align:center; color:#7d6c14; font-size:20px; padding:0px; border-bottom:1px dotted #7d6c14;}
h1{ text-align:center; width:100%; background:#fff;}
.phone{ background:#fff; color:#7d6c14; text-align:center; padding-bottom:10px;}
.phone a{ color:#7d6c14; font-size:38px;}

.box{ padding:0px 5px; margin-bottom:40px;}

#news dl{ border-bottom:1px solid #fff; margin:0px; margin-bottom:20px;}
#news dl dt{ font-size:30px; font-weight:bold; margin:0px;}
#news dl dt span{ border-bottom:1px dotted #fff;}
#news dl dd{ font-size:30px; padding:0px; margin:0px;}

figure.ban img{ border:1px dotted #fff; padding:10px;}

#access iframe{ margin:0px;}
/*figure.map{ border:1px dotted #fff; padding:10px 10px 0px;}*/
figure.map img{ border:1px dotted #fff; padding:10px;}

#menu ul{ margin-bottom:20px;}
#menu ul li{ font-size:30px; border-bottom:1px dotted #fff;}

#contact ul{ text-align:center;}
#contact ul li{ margin-bottom:10px;}
#contact ul li a{ border-bottom:1px dotted #fff;}

#catalog ul{ display:table; table-layout:fixed; width:100%;}
#catalog li{ display:table-cell; padding:10px;}

/* Facebook Like Box width:100% */
figure#facebook{ margin-bottom:20px;}
.fb-page{ width: 100% !important; height:360px !important; box-sizing:border-box !important;}

/*ライトボックス*/
#boxer{ padding-bottom:20% !important;}

#menu h3 {margin-top: 50px !important;}


.boxer-position { font-size:30px !important; }

p.hi1{margin-top:0px!important;}