@charset "UTF-8";
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
2016.09 168 pinkribbon
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#specialSearch:after {
	content: "";
	clear: both;
	display: block;
}
#specialSearch {
	margin-top: 10px;}
#specialSearch #pickupCource { margin-top:20px; }
#specialSearch .pinkribbon {
  width:970px;
  margin:0 auto;
  float:left;
  font-size:16px;
  line-height:1.75;
  color:#000;
  border:#fb5b97 solid 2px;
  padding:0 38px 96px;
  position:relative;
}
#specialSearch .pinkribbon .subTitle {
  font-size:30px;
  color:#333;
  line-height:1.3;
  text-align:center;
  margin-top:28px;
  letter-spacing:-0.04em;
}
#specialSearch .pinkribbon a:hover { opacity:0.7; }
/*--------------------------
 .secPagetitle
--------------------------*/
#specialSearch .pinkribbon .secPagetitle h2 { margin:0 -38px; }
#specialSearch .pinkribbon .secPagetitle .btn { margin:-106px 0 19px -14px; }

/*--------------------------
 .secAbout
--------------------------*/
#specialSearch .pinkribbon .secAbout {
  background-color:#f9eff3;
  padding:0 41px 28px;
  position:relative;
  z-index:10;
}
#specialSearch .pinkribbon .secAbout h3 {
  margin:0 -41px;
  background-color:#fb5b97;
  text-align:center;
  font-size:24px;
  color:#FFF;
  font-weight:bold;
  line-height:47px;
  letter-spacing:-0.04em;
}
#specialSearch .pinkribbon .secAbout .bg {
  margin-top:27px;
  background:url(/mrso_img/cp/pink-ribbon/img02.jpg) no-repeat right 8px;
  padding-right:285px;
}
#specialSearch .pinkribbon .secAbout .bg p span {
  color:#fb5b97;
  font-weight:bold;
}
#specialSearch .pinkribbon .secAbout dl {
  border:#fb5b97 solid 1px;
  padding:25px 29px 24px 28px;
  margin-top:32px;
}
#specialSearch .pinkribbon .secAbout dl dt {
  color:#fb5b97;
  font-weight:bold;
  font-size:20px;
  line-height:28px;
}
/*--------------------------
 .secRate
--------------------------*/
#specialSearch .pinkribbon .secRate {
  background-color:#f9eff3;
  padding:0 41px 32px;
  margin-top:24px;
}
#specialSearch .pinkribbon .secRate h3 {
  margin:0 -41px;
  background-color:#fb5b97;
  text-align:center;
  font-size:24px;
  color:#FFF;
  font-weight:bold;
  line-height:47px;
  letter-spacing:-0.04em;
}
#specialSearch .pinkribbon .secRate p.subTitle { margin-top:26px; }
#specialSearch .pinkribbon .secRate p { margin-top:23px; }
#specialSearch .pinkribbon .secRate dl { margin-top:15px; }
#specialSearch .pinkribbon .secRate dl dt { line-height:1; }
#specialSearch .pinkribbon .secRate dl dd {
  margin-top:10px;
  text-align:center;
  line-height:1.5;  
}
/*--------------------------
 .secBreastcancer
--------------------------*/
#specialSearch .pinkribbon .secBreastcancer h3 {
  margin-top:41px;
  background-color:#be8fa3;
  text-align:center;
  color:#FFF;
  font-size:20px;
  font-weight:bold;
  letter-spacing:-0.04em;
  line-height:36px;
  border-radius:36px;
}
/* .secBreastcancer01 */
#specialSearch .pinkribbon .secBreastcancer .secBreastcancer01 ul {
  overflow:hidden;
  margin-top:18px;
  margin-left:-7px;
}
#specialSearch .pinkribbon .secBreastcancer .secBreastcancer01 ul li {
  width:172px;
  float:left;
  display:table;
  height:62px;
  margin-left:7px;
}
#specialSearch .pinkribbon .secBreastcancer .secBreastcancer01 ul li a {
  display:table-cell;
  vertical-align:middle;
  background: url(/mrso_img/cp/pink-ribbon/arrow01.png) no-repeat 158px 50% #ec6a9b;
  border-radius:3px;
  color:#fff;
  font-size:16px;
  line-height:1.2;
  padding:0 15px;
}
#specialSearch .pinkribbon .secBreastcancer .secBreastcancer01 ul li a:hover {
  opacity:0.7;
  text-decoration:none;
}
#specialSearch .pinkribbon .secBreastcancer .secBreastcancer01 .btn {
  text-align:center;
  margin-top:34px;
}
#specialSearch .pinkribbon .secBreastcancer .secBreastcancer01 .btn a {
  display:inline-block;
  margin-left:-54px;
}
/* .secBreastcancer02 */
#specialSearch .pinkribbon .secBreastcancer .secBreastcancer02 h3 { margin-top:35px; }
#specialSearch .pinkribbon .secBreastcancer .secBreastcancer02 .btn {
  text-align:center;
  margin-top:21px;
}
#specialSearch .pinkribbon .secBreastcancer .secBreastcancer02 .btn a { display:inline-block; }
/*--------------------------
 .secBreastcare
--------------------------*/
#specialSearch .pinkribbon .secBreastcare { margin-top:47px; }
#specialSearch .pinkribbon .secBreastcare h3 {
  background-color:#79b9a8;
  text-align:center;
  font-size:24px;
  color:#FFF;
  font-weight:bold;
  line-height:47px;
  letter-spacing:-0.04em;
}
#specialSearch .pinkribbon .secBreastcare .subTitle { margin-top: 24px; }
/* .secBreastcare01 */
#specialSearch .pinkribbon .secBreastcare .secBreastcare01 {
  margin-top:18px;
  padding:0 40px;
}
#specialSearch .pinkribbon .secBreastcare .secBreastcare01 h4 {
  border-top:#686566 solid 1px;
  border-bottom:#686566 solid 1px;
  text-align:center;
  color:#333333;
  font-size:20px;
  letter-spacing:-0.04em;
  line-height:39px;
}
#specialSearch .pinkribbon .secBreastcare .secBreastcare01 .bg {
  margin:20px -3px 0 0;
  padding:6px 202px 0 0;
  background:url(/mrso_img/cp/pink-ribbon/img04.png) no-repeat bottom right;
  min-height:265px;
}
#specialSearch .pinkribbon .secBreastcare .secBreastcare01 p span {
  color:#47a38b;
  font-weight:bold;
}
/* .secBreastcare01 */
#specialSearch .pinkribbon .secBreastcare .secBreastcare02 {
  width:808px;
  margin:0 auto;
  border:#79b9a8 solid 1px;
  padding:25px 29px 20px 28px;
}
#specialSearch .pinkribbon .secBreastcare .secBreastcare02 h4 {
  color:#47a38b;
  font-weight:bold;
  font-size:20px;
  line-height:28px;
}
#specialSearch .pinkribbon .secBreastcare .secBreastcare02 .link {
  text-align:right;
  margin-top:12px;
}

@media screen and (max-width: 640px){
  #specialSearch .pinkribbon {
    width:100%;
    font-size:14px;
    line-height:1.6;
    border:#fb5b97 solid 2px;
    padding:0 10px 10px;
  }
  #specialSearch .pinkribbon .subTitle {
    font-size:17px;
    font-weight:bold;
    margin-top: 20px !important;
    line-height:1.6;
  }
  /*--------------------------
   .secPagetitle
  --------------------------*/
  #specialSearch .pinkribbon .secPagetitle h2 { margin:0 -10px; }
  #specialSearch .pinkribbon .secPagetitle .btn {
    margin:0 auto 20px auto;
    width:90%;
  }
  /*--------------------------
   .secAbout
  --------------------------*/
  #specialSearch .pinkribbon .secAbout { padding:0 10px 10px; }
  #specialSearch .pinkribbon .secAbout h3 {
    margin:0 -10px;
    font-size:20px;
    color:#FFF;
    line-height:1.4;
    padding:6px;
  }
  #specialSearch .pinkribbon .secAbout .bg {
    margin-top:20px;
    background:url(/mrso_img/cp/pink-ribbon/img02.jpg) no-repeat top center;
    background-size:auto 94px;
    padding-right:0;
    padding-top:110px;
  }
  #specialSearch .pinkribbon .secAbout dl {
    padding:14px 14px 14px 14px;
    margin-top:20px;
  }
  #specialSearch .pinkribbon .secAbout dl dt {
    font-size:18px;
    line-height:1.6;
  }
  #specialSearch .pinkribbon .secAbout dl dd p { font-size:14px; }
  /*--------------------------
   .secRate
  --------------------------*/
  #specialSearch .pinkribbon .secRate {
    background-color:#f9eff3;
    padding:0 10px 10px;
    margin-top:30px;
  }
  #specialSearch .pinkribbon .secRate h3 {
    margin:0 -10px;
    font-size:20px;
    color:#FFF;
    line-height:1.4;
    padding:6px;
  }
  #specialSearch .pinkribbon .secRate p { margin-top:20px; }
  #specialSearch .pinkribbon .secRate dl dd {
    text-align:left;
    font-size:12px;
  }
  /*--------------------------
   .secBreastcancer
  --------------------------*/
  #specialSearch .pinkribbon .secBreastcancer h3 {
    margin-top:30px;
    font-size:20px;
    line-height:1.4;
    border-radius:8px;
    padding:6px;
  }
  /* .secBreastcancer01 */
  #specialSearch .pinkribbon .secBreastcancer .secBreastcancer01 ul {
    margin-top:0;
    margin-left:0;
    width:90%;
    margin:0 auto;
  }
  #specialSearch .pinkribbon .secBreastcancer .secBreastcancer01 ul li {
    width:100%;
    float:none;
    display: block;
    height:auto;
    margin-left:0;
    margin-top:10px;
  }
  #specialSearch .pinkribbon .secBreastcancer .secBreastcancer01 ul li a {
    display: block;
    background: url(/mrso_img/cp/pink-ribbon/arrow01.png) no-repeat 98% 50% #ec6a9b;
    border-radius:0;
    padding:10px 15px;
  }
  #specialSearch .pinkribbon .secBreastcancer .secBreastcancer01 .btn {
    text-align:center;
    margin:20px auto 0;
    width:90%;
  }
  #specialSearch .pinkribbon .secBreastcancer .secBreastcancer01 .btn a { margin-left:0; }
  /* .secBreastcancer02 */
  #specialSearch .pinkribbon .secBreastcancer .secBreastcancer02 h3 { margin-top:30spx; }
  #specialSearch .pinkribbon .secBreastcancer .secBreastcancer02 .btn {
    margin:20px auto 0;
    width:90%;
  }
  /*--------------------------
   .secBreastcare
  --------------------------*/
  #specialSearch .pinkribbon .secBreastcare { margin-top:40px; }
  #specialSearch .pinkribbon .secBreastcare h3 {
    font-size:18px;
    line-height:1.4;
    letter-spacing:-0.04em;
    padding:6px;
  }
  /* .secBreastcare01 */
  #specialSearch .pinkribbon .secBreastcare .secBreastcare01 { padding:0 0px; }
  #specialSearch .pinkribbon .secBreastcare .secBreastcare01 h4 {
    font-size:18px;
    line-height:1.4;
    padding:6px;
  }
  #specialSearch .pinkribbon .secBreastcare .secBreastcare01 .bg {
    margin:20px 0 0 0;
    padding:0 0 140px 0;
    background:url(/mrso_img/cp/pink-ribbon/img04.png) no-repeat bottom center;
    background-size:98px auto;
  }
  /* .secBreastcare01 */
  #specialSearch .pinkribbon .secBreastcare .secBreastcare02 {
    width:100%;
    padding:10px 10px 10px 10px;
  }
  #specialSearch .pinkribbon .secBreastcare .secBreastcare02 h4 {
    font-size:18px;
    line-height:1.4;
    text-align:center;
  }
  #specialSearch .pinkribbon .secBreastcare .secBreastcare02 .link { line-height:1.4; }
  #specialSearch .pinkribbon .secBreastcare .secBreastcare02 .link a { font-size:12px; }	
}