@charset "utf-8";
/* CSS Document */

/*webフォントアイコン*/
@font-face {
    font-family: 'LigatureSymbols';
    src: url('font/LigatureSymbols-2.11.eot');
    src: url('font/LigatureSymbols-2.11.eot?#iefix') 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#LigatureSymbols') 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フォントアイコン*/

*{ margin:0px; padding: 0px; box-sizing:border-box;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ul{ list-style:none;}
html,body {
	margin:0 auto;
	padding:0px;
	font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;
	text-align:left;
	color:#191919;
	word-break:break-all;
	max-width:640px;
	   }

img { border-style:none; vertical-align:bottom; max-width:100%; padding:0px;}
img.full { width:100%; height:auto;}
img.nanago { width:75%; height:auto;}
img.half { width:50%; height:auto;}
img.nigo { width:25%; height:auto;}
figure {margin:20px auto; text-align:center;}
figure.mb0{ margin-bottom:0px;}
p { line-height:1.6em; margin:0px 0px 15px; padding:0px; text-align:left; }
p:last-child {margin:0px; }
a { color:inherit; text-decoration:underline;}
#content a{ color:#363; font-weight:bold;}

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }

.clear { clear:both; }	   
.clearfix:after {
	margin:0px;
	padding:0px;
	visibility:hidden;
	content:".";
	display:block;
	line-height:0;
	clear:both;
}

/*ヘッダー*/
header:after {
	margin:0px;
	padding:0px;
	visibility:hidden;
	content:".";
	display:block;
	line-height:0;
	clear:both;
}
#dl-menu{ background:url(../img/side_bt_bg.jpg) !important;}
#dl-menu span{ color:#fff; font-weight:bold; font-size:14px;}
#dl-menu a.order_link{ display:inline-block; vertical-align:middle; position:absolute; right:1.5%;}
#dl-menu a.order_link img{ height:35px;}
h1{ background:#325F46; color:#fff; text-align:center; font-size:11px; line-height:1.2em; padding:1.5% 0}
#catch{ background:#c8e1af; padding:1.5%;}

/*フッター*/
ul.f_nav{ background:#325F46; width:100%; letter-spacing:-1em;}
ul.f_nav li{ border:1px solid #191919; font-size:12px; display:inline-block; letter-spacing:normal; width:50%; padding:1.5% 0; color:#fff; font-weight:bold; text-align:center;}
ul.f_nav li span.lsf{ font-weight:normal;}
ul.f_nav li a{ text-decoration:none; display:block;}
ul.f_nav li.nav001{ width:100%; border-top:2px solid #191919;}
ul.f_nav li.nav004{ border-bottom:2px solid #191919;}
ul.f_nav li.nav005{ border-bottom:2px solid #191919;}

h2.footer_h2{ background:#cde47c; padding:1.5%; text-align:center; font-size:18px; margin:0;}
#foot_info{ background:#c8e1af; padding:1.5% 3% 1px;}
#foot_info figure{ margin:3% auto;}
#foot_info figure img{ border-radius:50%;}
#foot_info figure span{ display:block; margin-top:1.5%;}
#foot_info dl{ background:#fff; padding:3%; margin-bottom:3%; border-radius:8px;}
#foot_info dl dt{ text-align:center; font-weight:bold; font-size:16px; color:#325F46;}
#foot_info dl dd{ font-size:12px;}
#foot_info dl dd a{ display:block; font-weight:bold; color:#325F46; font-size:18px; text-align:center}

#copyright{ background:#325F46; color:#fff; padding:1.5%; font-size:11px; text-align:center; line-height:1.4em; margin-bottom:41px;}


/*コンテンツ*/
#content{ padding:0px 3%;}
section{ margin:20px auto 40px;}
h2{ margin:20px auto; font-size:18px;}
h2 span.lsf{ font-size:24px; color:#c83232;}
h3{ border-left:5px solid #CDE47C; background:#325F46; color:#fff; font-size:16px; padding:1.5% 3%; line-height:1.4em; margin-bottom:10px;}

/*新着情報*/
ul.news li{ padding:3% 0; border-bottom:1px dotted #aaa;}
ul.news li:first-child{ border-top:1px dotted #191919;}

/*店舗情報*/
iframe.g_map{ width:100%; height:240px;}
table#gaiyo_table{ width:100%; border-collapse:collapse; border:1px solid #191919;}
table#gaiyo_table th{ display:block; width:100%; border:1px solid #191919; padding:1.5%; text-align:center; background:#efefef; font-size:14px;}
table#gaiyo_table td{ display:block; width:100%; border:1px solid #191919; padding:1.5%; font-size:12px;}

/*リンク集*/
ul.link li{ padding:3% 0; border-bottom:1px dotted #191919;}
ul.link li:first-child{ border-top:1px dotted #191919;}

/*次世代型インソール*/
table#next{ width:100%; border-collapse:collapse; table-layout:fixed;}
table#next th{ padding:1.5%; border:1px solid #191919; font-size:12px; vertical-align:middle; text-align:center;}
table#next td{ padding:1.5%; border:1px solid #191919; font-size:12px; vertical-align:top;}
table#next thead td{ width:2em; border:none; text-align:center;}
table#next thead th{ line-height:1.2em; background:#efefef;}
table#next tbody td{ font-size:11px;}
table#next tbody th{ background:#efefef;}
table#next .next{ font-weight:bold; color:#c83232; background:#ffffcc; font-size:12px;}

/*製作の流れ*/
dl.howto{ display:table; table-layout:fixed; width:100%; margin-bottom:10px;}
dl.howto dt{ display:table-cell; vertical-align:middle; width:25%;}
dl.howto dd{ display:table-cell; vertical-align:middle; padding:0 0 0 1.5%; font-size:12px;}

/*足袋*/
.youtube {
position: relative;
width: 100%;
padding-top: 56.25% !important;
background:#000 !important;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/*体験談*/
ul.taiken li{ padding:3% 0; border-bottom:1px dotted #191919;}
ul.taiken li:first-child{ border-top:1px dotted #191919;}



/*固定フッター*/
#footer_fixed{ position:fixed; width:100%; max-width:640px; bottom:0; z-index:3;}
#footer_fixed ul{ display:table; table-layout:fixed; width:100%; background:#fff; padding:1px;}
#footer_fixed ul li{ display:table-cell; vertical-align:middle; text-align:center; padding:1px;}
#footer_fixed ul li a{ display:block; background:#325F46; color:#fff; font-weight:bold; padding:10px 0; text-decoration:none; letter-spacing:0.1em; font-size:16px; line-height:1em;}
#footer_fixed ul li a span.lsf{ font-weight:normal; font-size:28px; margin-right:2px; vertical-align:middle; position:relative; top:-2px;}