@charset "UTF-8";

/*-------products----------*/

body#list .well img {    margin-bottom: 0.8em;}

body#list h2 {    margin-bottom: 1em;}

body#list div.product {    margin-bottom: 0.5em;}

body#list span.label {    padding: .5em 1em .4em;    font-size: 80%;    font-weight: 400;}

body#list .com dl dt {    margin: 1em 0;    font-size: 1.4em}

body#list .com dl dd {    margin: 0.4em 0.5em;}

section.services2 .well {    margin: 0.2rem 0 1rem;}



article.k1 h2.kougei, article.k1 h4.kougei, article.k1 h2.kougei small, article.k1 h4.kougei2 { color:#fff; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;}
article.k1 h4.kougei2 { color:#000; }


ul.mokuji li {    float: left;    margin: 0 1.2em 1.5em;    list-style-type: none;}

ul.list li {    width: 21em;    float: left;    margin: 0.5em 1em 0 0;    padding: 0.3em;    list-style-type: none;    background-color: #fff;    position: relative; }

ul.list li dt,ul.list li dd{float: left;}
ul.list li span,ul.list li a{float: left; margin-right: 0.5em;}
ul.list li a {    color: #333;}

div.cat {    padding: 0.8em;    color: #fff;    font-size: 1.1em;    width: 100%;}
div.cat img {    margin: -0.5em 0 0;}

/*-------詳細----------*/

div.c1, .label-c1 {    background-color: #A5C654;}
div.c2, .label-c2 {    background-color: #EB940E;}
div.c3, .label-c3 {    background-color: #88BCE1;}
div.c4, .label-c4 {    background-color: #EF8469;}
div.c5, .label-c5 {    background-color: #aa941d;}
div.c6, .label-c6 {    background-color: #a40000;}


ul.c1 li {    border: 1px solid #A5C654;}
ul.c2 li {    border: 1px solid #EB940E;}
ul.c3 li {    border: 1px solid #88BCE1;}
ul.c4 li {    border: 1px solid #EF8469;}
ul.c5 li {    border: 1px solid #aa941d;}
ul.c6 li {    border: 1px solid #a40000;}

article .well{background-color: #fff;}
article {font-size: 0.95rem;   line-height: 1.2rem;}
article img{width:100% !important;}


article.k1 .well{background-color: #eee9d2; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
article.w1 {margin-top: 2em;}
h4 .label{display: block !important;}


article.c1 div.well {        border: 1px solid #A5C654;    }
article.c2 div.well {        border: 1px solid #EB940E;    }
article.c3 div.well {        border: 1px solid #88BCE1;    }
article.c4 div.well {        border: 1px solid #EF8469;    }
article.c5 div.well {        border: 1px solid #aa941d;    }
article.c6 div.well {        border: 1px solid #a40000;    }
article.k1 div.well {        border: 1px solid #003A63;    background: #EBE4D2 url(../images/kougei_back.png) repeat-x right top;}


article.c1 div.com {        border-top: 10px solid  #A5C654;        margin: 1.5em 0;    }
article.c2 div.com {        border-top: 10px solid  #EB940E;        margin: 1.5em 0;    }
article.c3 div.com {        border-top: 10px solid  #88BCE1;        margin: 1.5em 0;    }
article.c4 div.com {        border-top: 10px solid  #EF8469;        margin: 1.5em 0;    }
article.c5 div.com {        border-top: 10px solid  #aa941d;        margin: 1.5em 0;    }
article.c6 div.com {        border-top: 10px solid  #a40000;        margin: 1.5em 0;    }
article.k1 div.com {        border-top: 2px solid  #003A63;        margin: 0; margin-top:0.5em;    }
article.w1 div.com {        border-top: 5px solid  #337AB7;        margin: 0; margin-top:0.5em;    }
article.w2 div.com {        border-top: 5px solid  #6eb92b;        margin: 0; margin-top:0.5em;    }



article.c1  h4.gyou {                color: #A5C654;        border: 1px solid #A5C654;        padding: 0.3em;    }
article.c2  h4.gyou {                color: #EB940E;        border: 1px solid #EB940E;        padding: 0.3em;    }
article.c3  h4.gyou {                color: #88BCE1;        border: 1px solid #88BCE1;        padding: 0.3em;    }
article.c4  h4.gyou {                color: #EF8469;        border: 1px solid #EF8469;        padding: 0.3em;    }
article.c5  h4.gyou {                color: #aa941d;        border: 1px solid #aa941d;        padding: 0.3em;    }
article.c6  h4.gyou {                color: #a40000;        border: 1px solid #a40000;        padding: 0.3em;    }

  @media (min-width:  544px) {    article  h4.gyou  {      display: block;   }  }
  @media (min-width:  768px) {    article  h4.gyou  {      display: block;    }  }
  @media (min-width:  992px) {    article  h4.gyou  {      display: block;    }  }
  @media (min-width: 1200px) {    article  h4.gyou  {      display: inline;     }  }