@charset "utf-8";

/*---------------------------------------------
 contents
---------------------------------------------*/
#contents #main .recommendArea .recommendList li.icn01 { background: url(/unlimited/image/rakuchinmeishi/img_rakuchinmeishi_icn_01.svg) }
#contents #main .recommendArea .recommendList li.icn02 { background: url(/unlimited/image/rakuchinmeishi/img_rakuchinmeishi_icn_02.svg) }
#contents #main .recommendArea .recommendList li.icn03 { background: url(/unlimited/image/rakuchinmeishi/img_rakuchinmeishi_icn_03.svg) }

/*==========================================================================================================
 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: 55px; }
#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 .tit{ letter-spacing: -1px; }
}/*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; }
#contents #main .recommendArea .recommendList.box3 li.icn02 p { bottom: 30px; }
}/*max-width: 767px*/