@charset "utf-8";

/*---------------------------------------------
 contents
---------------------------------------------*/
#contents #main .recommendArea .recommendList li.icn01 {
  background: url(/unlimited/image/rakuchincdlabel/img_rakuchincdlabel_icn_01.svg);
  background-size: 50%;
}
#contents #main .recommendArea .recommendList li.icn02 {
  background: url(/unlimited/image/rakuchincdlabel/img_rakuchincdlabel_icn_02.svg);
  background-size: 50%;
}
#contents #main .recommendArea .recommendList li.icn03 {
  background: url(/unlimited/image/rakuchincdlabel/img_rakuchincdlabel_icn_03.svg);
  background-size: 50%;
}
.softVisual {
  background-color: #fff;
  padding: 40px 20px;
}
.pointList a:hover {
  opacity: .7;
}

/*==========================================================================================================
 PC Only
 ==========================================================================================================*/
@media screen and (min-width: 768px){
#contents #main .recommendArea .recommendList li.icn01, #contents #main .recommendArea .recommendList li.icn02, #contents #main .recommendArea .recommendList li.icn03 { background-position: center 40px; background-repeat: no-repeat; }
#contents #main .softInfoArea .textArea { padding-top: 0px; }
#contents #main .softInfoArea .softTitle { font-size: 44px; }
#contents #main .recommendArea .recommendList.box3 li p { font-size: 20px; line-height: 1.35; letter-spacing: -0.05em; }
#contents #main .recommendArea .recommendList.box3 li.icn02 p, #contents #main .recommendArea .recommendList.box3 li.icn03 p { bottom: 60px; }
#contents #main .recommendArea .recommendList.box3 li.icn01 p { bottom: 65px; }
#contents #main .recommendArea .recommendList.box3 li.icn02 p { bottom: 65px; }
#contents #main .recommendArea .recommendList.box3 li.icn03 p { bottom: 65px; }
#contents #main .softPointArea .pointList .pointInner .textArea { max-width: 785px; margin: 0 auto; text-align: left; }
#contents #main .softPointArea .pointList .pointInner .textArea strong.accent  { display: block; font-size: 30px; color: #0068b8; font-weight: bold; }
}/*min-width: 768px*/

/*==========================================================================================================
 SP Only
==========================================================================================================*/
@media screen and (max-width: 767px){
#contents #main .recommendArea .recommendList li.icn01, #contents #main .recommendArea .recommendList li.icn02, #contents #main .recommendArea .recommendList li.icn03 { background-size: 100px; background-position: center 45px; background-repeat: no-repeat; }
}/*max-width: 767px*/