@charset "utf-8";

/* CSS Document */
.container .sideArea {
  float: left;
  display: inline;
  width: 270px;
}
.container .mainArea {
  float: right;
  width: 690px;
}
.sideArea .side2,
.sideArea .side2 {
  margin-top: .2rem;
}
.sideArea .side1 .sh,
.sideArea .side2 .sh {
  color: #0f7436;
  font-size: 1.1rem;
  padding-top: 1.5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  box-shadow: 0 0 5px #00000011 inset;
  font-family: serif;
}
.sideArea .side1 .sc,
.sideArea .side2 .sc {
  padding: 10px 0 5px 15px;
  background-color: #f4f5f5;
  box-shadow: 0 0 10px #00000022 inset;
}
.side3 {
  height: 160px;
  margin-top: 32px;
  background: url(../../images/com_side3_bg01.png) no-repeat left top;
}
.side3 .sh {
  padding-top: 1rem;
  padding-bottom: .2rem;
  padding-left: 1.0rem;
  font-size: 1.15rem;
  color: #583f3f;
  font-family: serif;
}
.com_side3_items {
  margin-top: -.5rem;
  margin-right: .5rem;
}
.side3 .sc {
  padding: 6px 0 5px 15px;
}
.side4 {
  /*height: 160px;*/
  margin: 8px 0 15px;
}
.side4 .sh {
  height: 8px;
}
.side4 .sc {
  padding: 10px 0 5px 15px;
}
.side4 .sc ul li {
  margin-bottom: 10px;
}

/*-----------------------------------------------
 global
 -----------------------------------------------*/
.dn {
  display: none;
}
.db {
  display: block;
}
.fb {
  font-weight: bold;
}
.fltl {
  float: left;
  display: inline;
}
.fltr {
  float: right;
  display: inline;
}
.center {
  margin: 0 auto;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.tac {
  text-align: center;
}
.clearfix2 {
  display: inline-block;
  display
  /*\**/
  : block\9;
}
.clearfix2:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.side1 .rollover,
.side2 .rollover {
  height: 97px;
}
.rollover:hover {
  opacity: .85;
}

/*----- heading -----*/
.title-green,
.title-green2,
.title-orange,
.title-purple,
.title-pink,
.title-yellow,
.title-blue,
.title-skyblue,
.title-def {
  font-size: 20px;
  padding-left: 27px;
  line-height: 24px;
  background: url('../../images/com_ic05.gif') no-repeat 0 3px;
}
.title-green {
  color: #058A54;
  background-image: url('../../images/com_ic05.gif');
}
.title-green2 {
  color: #1F9FA3;
  background-image: url('../../images/com_ic06.gif');
}
.title-orange {
  color: #E4630D;
  background-image: url('../../images/com_ic07.gif');
}
.title-purple {
  color: #5932CF;
  background-image: url('../../images/com_ic08.gif');
}
.title-pink {
  color: #E03EA9;
  background-image: url('../../images/com_ic09.gif');
}
.title-yellow {
  color: #807020;
  background-image: url('../../images/com_ic10.gif');
}
.title-blue {
  color: #274CC3;
  background-image: url('../../images/com_ic11.gif');
}
.title-skyblue {
  color: #008ada;
  background-image: url('../../images/com_ic13.gif');
}
.title-def {
  color: #445533;
  background-image: url('../../images/com_ic12.gif');
}

/*----- common -----*/
.crumbs {
  background-color: #27ad3b;
 /* height: 105px;*/
}
.crumbs .nav {
  border-bottom: 1px solid #00000011;
  display: flex;
}
.crumbs .nav {
  border-bottom: 1px solid #00000011;
  display: flex;
align-items: center;
}
.crumbs .nav li {
}
.crumbs .nav li + li:before {
  display: inline-block;
  content: "";
  width: .4rem;
  height : .4rem;
  transform: rotate(45deg);
  border: 1px solid #ffffffcc;
  border-width: 1px 1px 0 0;
  margin-top: .3rem;
  margin-left: -.5rem;
  margin-right: .5rem;
}
.crumbs .home  {
  display: inline-block;
  width: 241px;
  height : 241px; 
  vertical-align: top;
  transform: rotate(45deg);
  border-radius: 5px;
  border: 1px solid #ffffff33;
  box-shadow: 0 0 10px #00000023;
  margin-right: 5rem;
}
.crumbs .home .logo-careleaves {
  height: 49px;
  width: 165px;
  margin: 85px 20px 20px 50px;
  transform: rotate(-45deg);
}
.crumbs .h1-title {
  height: 81px;
  overflow: hidden;
  display: flex;
  align-items: center;
  font-size: 2.6rem;
  color: #ffffff;
  text-shadow: -1px -1px 2px #00000030;
  border-top: 1px solid #ffffff11;
  position: relative;
}
.crumbs .h1-title sub {
  font-size: .8rem;
}
.crumbs .h1-title .h1-category {
  /*display: block;*/
  font-size: .5em;
  position: absolute;
  top: .5rem;
  left: 19.3rem;
  font-weight: bold;
}
.crumbs .h1-title .h1-category a {
  color: #886f4a;
  text-shadow: none;
  position: relative;
}
.crumbs .h1-title .h1-category a:before {
  content: "❮ ";
  color: #999999;
}
.crumbs .h1-title .h1-category a:hover {
text-decoration: none;
}
.crumbs .h1-title .h1-text {
  margin-top: .4rem;
}
.mainArea .h1-title-sp {
  display: none;
}
ul.help {
  text-indent: -9999px;
  height: 0;
}
.infoNav em a {
  display: block;
  float: right;
  padding-left: 21px;
  margin-left: 5px;
  background: url('../../images/com_ic02.gif') no-repeat 0 11px;
  color: #1155CC;
  text-decoration: underline;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
}
.infoNav em a:hover {
  text-decoration: none;
}
.toLineup a {
  display: block;
  padding-left: 18px;
  margin-left: 0px;
  background: url('../../images/com_ic02.gif') no-repeat 0 4px;
  color: #1155CC;
  text-decoration: underline;
  font-size: 14px;
  line-height: 24px;
}

/*------banner-------*/
.bnr img {
  border-radius: 6px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.bnr a img:hover {
  opacity: 0.8;
}
.bnr_nobd img {
  border-radius: 0px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.bnr_nobd a img:hover {
  opacity: 0.8;
}



/*------ multilingual -------*/
.multilingual {
  margin-top: 15px;
  margin-bottom: 25px;
  margin-left: 21px;
}
.multilingual p {
  margin-bottom: 5px;
  font-weight: bold;
}
.multilingual li a {
  padding-left: 1rem;
  margin-left: 4px;
  background: url(../../images/com_ic04.gif) no-repeat 0 4px;
  color: #1155CC;
  text-decoration: underline;
  font-size: 14px;
  line-height: 23px;
}


/* SEO */

.h2_01 {
  color: #ffffff;
  background: url('../../images/bg_h2_leaf_01.png') .5rem 100% no-repeat #63c241;
  padding: .6rem .6rem .6rem 3.5rem;
  font-size: 1.1rem;
  border-radius: .2rem;
  margin-bottom: 25px;
}
.h2_01 sub {
  font-size: .3em;
}
.h2_01.h2_extra {  background-color: #31b501;}
.h2_01.h2_adv {  background-color: #63c241;}
.h2_01.h2_naosu {  background-color: #0d754c;}
.h2_01.h2_naosuwp {background-color: #029df7;}
.h2_01.h2_powerfit {  background-color: #e03ea9;}
.h2_01.h2_waterproof {  background-color: #274dc3;}
.h2_01.h2_character {  background-color: #f9da27;  color: #444444;}
.infoNav {
  height: auto;
  width: auto;
  display: flex;
}
.infoNav li {}
.infoNav .navbtn {
  background: url('../../images/com_ic02-2.gif') .3rem 50% no-repeat,
    linear-gradient(0deg, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 100%);
  display: inline-block;
  align-items: center;
  padding: .4rem .6rem .4rem 1.5rem;
  font-size: .9rem;
  border-radius: .2rem;
  border: 1px solid #cccccc;
  margin-right: .8rem;
}