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

/*/--------------------------------------------------------------------------/*/
/* ===== CLEARFIX ===== */
/*/--------------------------------------------------------------------------/*/

#concept .inpage ol:after,
#concept .c1-1:after,
#concept .c1-2:after,
#concept .c2-1:after,
#concept .c2-2:after,
#concept .c2-3:after,
#concept .c2-4:after,
#concept .c3-1:after,
#concept .c4-1 div:after,
#concept .c4-2:after,
#concept .c4-3 h4:after,
#concept .c4-3 .c4-3-1:after,
#concept .c4-3 .c4-3-2:after,
#concept .c4-3 .c4-3-3:after,
#concept .c4-3 .c4-3-4:after,
#concept .c4-3 .c4-3-5:after,
#concept .c4-4:after,
#concept .c4-3 div:after,
#concept .c5 div:after,
#concept .c5 div div:after{
content:"";
display:block;
clear:both;
}

/*/--------------------------------------------------------------------------/*/
/* ===== LOCAL NAV ===== */
/*/--------------------------------------------------------------------------/*/

#local ul{
font-size:75%;
}

#local a{
background-image:none;
width:100px;
line-height:45px;
text-align:center;
text-indent:0;
}

#local .concept a{
width:134px;
height:25px;
padding:10px 0;
line-height:1.2;
background-position:0 top;
}

#local .b_wh a{
border:none;
}

#local a:hover,
#local a.current{
background-color:#000066;
color:#FFF;
}


/*/--------------------------------------------------------------------------/*/
/* ===== CONTENT HEADER ===== */
/*/--------------------------------------------------------------------------/*/

#content_header h1{
background:url(../insole/images/h1.png) no-repeat;
}


/*/--------------------------------------------------------------------------/*/
/* ===== PRODUCTS ===== */
/*/--------------------------------------------------------------------------/*/

.products .size{
margin-bottom:20px;
}

.products .size a{
display:inline-block;
padding:6px 20px;
}

.products .size a:link{
border:1px solid #FFF;
}

/* ===== CONTENTS ===== */

section .products li{
background:#FFF;
height:340px;
}

section .products .concept{
background:#000;
}


.products .b_ff,
.products .b_jr,
.products .concept{
margin-right:0;
}

section .products a{
display:block;
text-shadow:none;
width:230px;
height:340px;
text-decoration:none;
}

section .products .concept a{
border:2px solid #FFF;
width:226px;
height:336px;
}

section .products h2{
background-repeat:no-repeat;
background-position:left bottom;
width:210px;
height:58px;
padding-top:15px;
margin:0 10px 10px 10px;
text-indent:-9999px;
}

section .products .b_cb h2,
section .products .ff h2{
height:39px;
margin:0 10px 25px 10px;
}

section .products .seat h2{
height:43px;
margin:0 10px 21px 10px;
}

section .products p{
margin:0 10px;
line-height:1.4;
font-size:87.5%;
}

section .products .b_cb .meta,
section .products .b_cb2 .meta,
section .products .ff .meta,
section .products .seat .meta{
background:#004CAC;
color:#FFF;
margin:0;
padding:0 0 0 10px;
line-height:1.5;
}


/*b_ff*/
.products .b_hf a{
background:url(../insole/images/b_hf-a.jpg) center bottom no-repeat;
}
.products .b_hf h2{
background-image:url(../insole/images/b_hf-h2.gif);
}

/*b_ff*/
.products .b_ff a{
background:url(../insole/images/b_ff-a.jpg) center bottom no-repeat;
}
.products .b_ff h2{
background-image:url(../insole/images/b_ff-h2.gif);
}

/*b_ld*/
.products .b_ld a{
background:url(../insole/images/b_ld-a.jpg) center bottom no-repeat;
}
.products .b_ld h2{
background-image:url(../insole/images/b_ld-h2.gif);
}

/*b_sg*/
.products .b_sg a{
background:url(../insole/images/b_sg-a-02.jpg) center bottom no-repeat;
}
.products .b_sg h2{
background-image:url(../insole/images/b_sg-h2.gif);
}

/*b_sr*/
.products .b_sr a{
background:url(../insole/images/b_sr-a.jpg) center bottom no-repeat;
}
.products .b_sr h2{
background-image:url(../insole/images/b_sr-h2.gif);
}

/*b_wh*/
.products .b_wh a{
background:url(../insole/images/b_wh-a-02.jpg) center bottom no-repeat;
}
.products .b_wh h2{
background-image:url(../insole/images/b_wh-h2.gif);
}

/*b_cfh*/
.products .b_cfh a{
background:url(../insole/images/b_cfh-a.jpg) center bottom no-repeat;
}
.products .b_cfh h2{
background-image:url(../insole/images/b_cfh-h2.gif);
}

/*b_pfh*/
.products .b_pfh a{
background:url(../insole/images/b_pfh-a.jpg) center bottom no-repeat;
}
.products .b_pfh h2{
background-image:url(../insole/images/b_pfh-h2.gif);
}

/*b_jr*/
.products .b_jr a{
background:url(../insole/images/b_jr-a-02.jpg) center bottom no-repeat;
}
.products .b_jr h2{
background-image:url(../insole/images/b_jr-h2.gif);
}

/*concept*/
.products .concept a{
background:url(../insole/images/concept-a.jpg) center bottom no-repeat;
}
.products .concept h2{
padding-top:10px;
margin-bottom:0;
line-height:1.4;
text-indent:0;
font-size:106.25%;
}

/*b_cb*/
.products .b_cb a{
background:url(../insole/images/b_cb-a.jpg) center bottom no-repeat;
}
.products .b_cb h2{
background-image:url(../insole/images/b_cb-h2.gif);
}

/*b_cb2*/
.products .b_cb2 a{
background:url(../insole/images/b_cb2-02-a.jpg) center bottom no-repeat;
}
.products .b_cb2 h2{
background-image:url(../insole/images/b_cb2-h2.gif);
}

/*ff*/
.products .ff a{
background:url(../insole/images/ff-a-02.jpg) center bottom no-repeat;
}
.products .ff h2{
background-image:url(../insole/images/ff-h2.gif);
}

/*seat*/
.products .seat a{
background:url(../insole/images/seat-a.jpg) center bottom no-repeat;
}
.products .seat h2{
background-image:url(../insole/images/seat-h2.gif);
}


/*/--------------------------------------------------------------------------/*/
/* ===== CONCEPT ===== */
/*/--------------------------------------------------------------------------/*/

/* ===== CONTENTS ===== */
#concept p.catch{
background:#821C45;
margin:0 0 30px 0;
line-height:1.786;
font-size:175%;
text-align:center;
font-weight:bold;
}


#concept .inpage{
padding:0 0 50px 0;
}

#concept .inpage ol{
width:950px;
list-style:none;
text-align:center;
}

#concept .inpage ol li{
display:inline-block;
border:1px solid #FFF;
width:308px;
margin:0 10px 10px 0;
vertical-align:middle;
}

#concept .inpage ol li.right-child,
#concept .inpage ol li.inspect{
margin-right:0;
}
#concept .inpage ol li.inspect{
float:right;
list-style:none;
}

#concept .inpage ol li a:link,
#concept .inpage ol li a:visited{
display:block;
background:url(../images/common/inpage_arrow_b.png) no-repeat right center;
padding:6px 26px 6px 0;
text-decoration:none;
font-size:87.5%;
font-weight:normal;
text-align:center;
}

#concept .inpage ol li.inspect a:link,
#concept .inpage ol li.inspect a:visited{
background:url(../images/common/inpage_arrow_r.png) no-repeat right center;
}

#concept .inpage ol li a:hover,
#concept .inpage ol li a.current,
#concept .inpage ol li.inspect a:hover,
#concept .inpage ol li.inspect a.current{
background-color:#999;
}

#concept .inpage ol li:first-child a{
padding:17px 26px 17px 0;
}


#concept .inpage ol li a span{
padding:0 25px 0 0;
}

#concept article{
background:#DFDFDF;
padding:15px 20px 20px 20px;
}

#concept article h2{
color:#000;
text-shadow:-1px 1px 0 #FFF;
font-size:175%;
font-weight:bold;
}

#concept article h2 img{
padding:0 7px 5px 0;
vertical-align:middle;
}

#concept article h3{
background:#444;
color:#FFF;
padding:0 5px;
}

#concept article div{
background:#FFF;
color:#000;
text-shadow:none;
margin:0 0 20px 0;
padding:20px;
}

section p.pageanc{
padding:5px 0 25px 0;
margin:0;
line-height:1.8;
font-size:75%;
text-align:right;
}

.pageanc a{
padding:0 23px 0 10px;
}

.pageanc a:last-child{
padding-right:0;
}

p.inspect{
text-align:right;
}

p.inspect a{
display:inline-block;
border:1px solid #FFF;
width:308px;
margin:0 0 0 0;
}

p.inspect a:link,
p.inspect a:visited{
background:url(../images/common/inpage_arrow_r.png) no-repeat right center;
padding:6px 26px 6px 0;
text-decoration:none;
font-size:87.5%;
font-weight:normal;
text-align:center;
}
p.inspect a:hover,
p.inspect a.current{
background-color:#999;
}


/*c1*/


#concept .c1-1{
width:830px;
padding:30px 40px;
}

#concept .c1-1 p:first-child{
color:#A22A41;
margin-bottom:20px;
font-size:112.5%;
font-weight:bold;
}

#concept .c1-1 ul{
display:flex;
justify-content:space-between;
background:url(../insole/concept/images/_n2/c1-1-ul-bg.gif) no-repeat center bottom;
width:810px;
margin:0 auto;
padding:115px 0 33px 0;
margin-bottom:15px;
list-style:none;
}

#concept .c1-1 ul li{
position:relative;
width:186px;
background-color:#A22A41;
border-radius:7px;
}

#concept .c1-1 ul li img{
display:block;
margin:-115px auto 15px auto;
}

#concept .c1-1 ul h4,
#concept .c1-1 ul p{
padding:0 10px 10px 10px;
}

#concept .c1-1 ul h4{
color:#FFF;
font-size:112.5%;
}

#concept .c1-1 ul p{
color:#FFF;
font-size:93.75%;
}


#concept .c1-1 .yugami{
background-color:#EEEEEF;
width:790px;
padding:20px;
}

#concept .c1-1 .yugami ol{
display:flex;
justify-content:space-between;
width:750px;
margin:0 auto;
list-style:none;
}

#concept .c1-1 .yugami p{
color:#A22A41;
margin-bottom:20px;
font-size:112.5%;
font-weight:bold;
}

#concept .c1-1 .yugami li{
position:relative;
color:#A22A41;
font-size:106.25%;
font-weight:bold;
text-align:center;
}

#concept .c1-1 .yugami li:first-child:after{
content:"+";
position:absolute;
top:105px;
right:-30px;
display:block;
color:#000;
font-size:350%;
font-weight:bold;
}

#concept .c1-1 .yugami li:last-child:before{
content:"=";
position:absolute;
top:105px;
left:-40px;
display:block;
color:#000;
font-size:350%;
font-weight:bold;
}

#concept .c1-1 .yugami img{
margin-bottom:10px;
}

#concept .c1-1 .result{
display:flex;
border:1px solid #000;
padding:20px;
}

#concept .c1-1 .result p:first-child{
color:#000;
margin:0;
padding-left:0;
font-weight:normal;
font-size:87.5%;
}

#concept .c1-1 .result p{
padding-left:10px;
}

#concept .c1-1 .result p:last-child{
color:#A22A41;
width:22em;
padding-top:1em;
font-weight:bold;
}


#concept .c1-2{
width:830px;
padding:30px 40px;
}

#concept article div.c1-2 p{
float:left;
}

#concept .c1-2 .box1{
width:303px;
padding-top:1em;
}

#concept .c1-2 .box2{
width:527px;
}

#concept .c1-3{
width:820px;
padding:30px 45px 5px 45px;
}

#concept .c1-3 h4{
margin:20px 0 15px 0;
font-weight:normal;
}

#concept .c1-3 p{
margin-bottom:25px;
}

#concept .c1-3 p .bplus{
padding:0 5px 3px 0;
vertical-align:middle;
}

/*c2*/

#concept .c2-1{
padding-bottom:0;
margin:0;
}

#concept .c2 ol{
color:#333;
list-style:none;
}

#concept .c2 li{
position:relative;
background:#FFF;
padding:25px 30px 30px 70px;
margin-bottom:20px;
}

#concept .c2 li:before{
position:absolute;
top:15px;
left:20px;
display:block;
color:#888;
line-height:1.1;
font-size:300%;
font-weight:bold;
}

#concept .c2 ol p{
font-size:87.5%;
}

#concept .c2 h3{
background-color:transparent;
color:#3E3A39;
padding:0;
margin-bottom:20px;
}

#concept .c2 h3 .bplus{
padding:0 5px 3px 0;
vertical-align:middle;
}

#concept .c2 li li{
}

#concept .c2 li li h3:before{
display:inline-block;
background-color:#3E3A39;
color:#FFF;
width:1em;
height:1em;
padding:5px;
margin-right:0.3em;
line-height:1;
text-align:center;
font-size:150%;
vertical-align:middle;
}

#concept .c2-1:before{
content:"1";
}
#concept .c2-2:before{
content:"2";
}
#concept .c2-3 h3:before{
content:"1";
}
#concept .c2-4 h3:before{
content:"2";
}
#concept .c2-5 h3:before{
content:"3";
}

#concept .c2-1 .left{
float:left;
width:40%;
}

#concept .c2-1 .color_red{
font-size:75%;
}

#concept .c2-1 .right{
float:right;
width:60%;
text-align:center;
}

#concept .c2-2 .left{
float:left;
width:38%;
}

#concept .c2-2 .left img{
margin:20px 0 0 60px;
}

#concept .c2-2 .right{
float:right;
width:62%;
text-align:right;
}

#concept .c2-2 ol{
clear:both;
padding-top:20px;
}

#concept .c2-2 ol li{
border-top:1px solid #000;
padding:20px 0;
}

#concept .c2-2 .right img{
width:450px;
height:auto;
}

#concept .c2-3 .left{
float:left;
width:34%;
}

#concept .c2-3 .right{
float:right;
width:66%;
text-align:right;
}


#concept .c2-4 .left{
float:left;
width:34%;
}

#concept .c2-4 .right{
float:right;
width:66%;
margin-bottom:20px;
text-align:right;
}

#concept .c2-2 .c2-4 .right img{
width:auto;
height:auto;
}

#concept .c2-2 .c2-4 .left .bplus,
#concept .c2-5 .bplus{
padding:0 5px 3px 0;
margin:0;
vertical-align:middle;
}

#concept .c2 .c2-5{
padding-bottom:0;
margin-bottom:0;
}

#concept .c2-5 div{
background-color:#FBE1D9;
padding:0 0 20px 0;
margin:0;
}

#concept .c2-5 h4{
position:relative;
color:#C00;
margin:0 0 20px 0;
padding:15px 0 0 9.5em;
font-size:112.5%;
}

#concept .c2-5 h4 span{
position:absolute;
top:0;
left:0;
display:inline-block;
background:#000;
color:#FFF;
padding:10px;
}

#concept .c2-5 .notice{
background:#FFF;
padding:15px 50px;
margin:20px 43px 0 43px;
font-size:87.5%;
}

/*c3*/

#concept .c3-1{
width:870px;
margin:0;
}

#concept .c3-1 dt{
margin:0 0 5px 0;
font-size:112.5%;
font-weight:bold;
}
#concept .c3-1 dt:first-letter {
display:block;
background:#000;
color:#FFF;
padding:0 7px;
}

#concept .c3-1 dd{
margin:0 0 20px 0;
font-size:87.5%;
}

#concept .c3-1 dd:last-child{
margin:0;
}

#concept .c3-1 .left,
#concept .c3-1 .center,
#concept .c3-1 .right{
float:left;
padding:0;
margin:0;
}

#concept .c3-1 .left{
width:300px;
}

#concept .c3-1 .center{
width:155px;
padding:10px 0 0 0;
}

#concept .c3-1 .right{
width:385px;
padding:10px 0 0 0;
}

/*c4*/

#concept .c4-1{
width:870px;
}

#concept .c4-1 p{
font-size:87.5%;
}

#concept .c4-1 .text{
margin:0 0 -3em 0;
}

#concept .c4-1 div{
width:870px;
margin:0;
padding:0;
}

#concept .c4-1 div p.img-01{
float:left;
width:687px;
text-align:center;
}

#concept .c4-1 div p.img-02{
float:left;
width:183px;
text-align:center;
}

#concept .c4-2{
width:870px;
}

#concept .c4-2 h4{
margin:0 0 17px 0;
font-size:125%;
}

#concept .c4-2 p{
font-size:87.5%;
}

#concept .c4-2 p .bplus{
padding:0 5px 3px 0;
vertical-align:middle;
}

#concept .c4-2 .left{
float:left;
width:470px;
margin:0;
padding:30px 0 0 0;
}

#concept .c4-2 .left h5{
padding:0 0 20px 0;
font-size:87.5%;
}

#concept .c4-2 .right{
float:left;
border:1px solid #000;
width:368px;
margin:30px 0 0 0;
padding:10px 15px;
}

#concept .c4-2 .right h5{
margin:0 16px 15px 16px;
font-size:125%;
}

#concept .c4-2 .right h5 img{
padding:0 5px 0 0;
vertical-align:middle;
}

#concept .c4-2 .right p{
padding:0 0 15px 0;
}

#concept .c4-2 .right .notice{
color:#F00;
padding:0 0 0 10px;
font-size:93.75%;
font-weight:bold;
}

#concept .c4-3{
margin:0;
}

#concept .c4-3 div{
padding:0;
margin:0;
}

#concept .c4-3 h4{
margin:10px 0 14px 0;
line-height:1.3;
font-size:125%;
}

#concept .c4-3 h4:first-letter {
display:inline-block;
float:left;
color:#788D99;
padding:0 10px 0 0;
font-size:180%;
vertical-align:middle;
}

#concept .c4-3 h4 img{
padding:0 5px 0 0;
vertical-align:middle;
}

#concept .c4-3 p{
margin:0 0 19px 0;
font-size:87.5%;
}


#concept .c4-3 .c4-3-1,
#concept .c4-3 .c4-3-2,
#concept .c4-3 .c4-3-3,
#concept .c4-3 .c4-3-4,
#concept .c4-3 .c4-3-5{
width:870px;
}

#concept .c4-3 .notice{
color:#F00;
margin:0 0 40px 0;
padding-left:36px;
font-weight:bold;
}

#concept .c4-3 .desc{
width:235px;
padding-left:36px;
}

#concept .c4-3 .c4-3-2 .desc{
width:240px;
}

#concept .c4-3 .c4-3-4 .desc{
margin-bottom:0;
}

#concept .c4-3 div{
clear:both;
}

#concept .c4-3 div .left{
clear:none;
float:left;
margin:0;
padding:0;
}

#concept .c4-3 div .image{
clear:none;
float:right;
}

#concept .c4-3 .c4-3-1 .image,
#concept .c4-3 .c4-3-2 .image{
width:513px;
text-align:left;
}

#concept .c4-3 .c4-3-3 .image,
#concept .c4-3 .c4-3-4 .image{
width:588px;
text-align:right;
}

#concept .c4-3 .c4-3-5 h4{
float:left;
width:206px;
padding:0 0 0 36px;
}

#concept .c4-3 .c4-3-5 .image{
width:574px;
padding:22px 0 0 15px;
}

#concept .c4-3-6 div{
border:2px solid #000;
padding:20px;
}

#concept .c4-3-6 div h4{
background:#903;
color:#FFF;
margin:-20px -20px 25px -20px;
padding:0 0 0 17px;
font-size:112.5%;
}

#concept .c4-3-6 div h4:first-letter{
display:inline;
float:none;
color:#FFF;
padding:0;
font-size:100%;
vertical-align:top;
}

#concept .c4-3-6 .txt-01{
margin-bottom:25px;
font-size:112.5%;
font-weight:bold;
}

#concept .c4-3-6 div .left{
float:left;
width:495px;
}
#concept .c4-3-6 div .right{
float:left;
width:331px;
}

#concept .c4-3-6 .txt-02{
clear:both;
border:1px solid #000;
padding:10px;
margin:0 10px 20px 10px;
font-size:100%;
text-align:center;
}

#concept .c4-3-6 .txt-02 .center{
display:inline-block;
text-align:left;
}

#concept .c4-3-6 .txt-03{
color:#0A3E99;
font-size:137.5%;
text-align:center;
font-weight:bold;
margin:0;
}

#concept .c4-3-6 .txt-03 img{
padding:0 4px 0 0;
vertical-align:middle;
}


/*c5(inspect)*/

#concept .c5 div{
width:870px;
margin:0;
}

#concept .c5 div div{
border:4px solid #000;
width:822px;
padding:20px;
}

#concept .c5 h3{
background:none;
color:#000;
padding:0;
line-height:1.7;
font-size:112.5%;
}

#concept .c5 p{
padding-bottom:30px;
font-size:87.5%;
}

#concept .c5 .notice{
color:#F00;
padding:0;
margin-top:-2.185em;
line-height:2.185;
text-align:right;
font-weight:bold;
}

#concept .c5 table{
float:left;
line-height:1.7;
font-size:87.5%;
}

#concept .c5 table .pad td{
padding-bottom:1.67em;
}

#concept .c5 .left{
width:431px;
}

#concept .c5 .right{
width:391px;
}