@charset "UTF-8";
.keyVisual { /*margin:0 0 25px;*/ margin: 0 0 20px; }
.flow { margin: 25px 0 30px; padding: 0 10px 0 10px; }
.top_flow { margin-top: 0; margin-bottom: 15px; padding: 0 10px 0 10px; }
.flow h2 { margin: 0 0 15px; padding: 0 8px; height: 22px; border-left: 4px solid #51636E; font-size: 16px; font-weight: bold; line-height: 1.5em; letter-spacing: 1px; }
.flowBtn { margin: 20px 0 0; }
.camp { margin: 0 0 20px; padding: 0 0 0 10px; }
.news { margin: 30px 0 10px; padding: 0 0 0 0px; }
.action_banner { margin-top: 10px; display: inline-block; margin-right: 7px; }
.anchor_banner a { float: left; display: block; }
.camp h3, .news h3, .grplist h3 { margin: 0 0 10px; padding: 0 8px; height: 22px; border-left: 4px solid #51636E; font-size: 16px; font-weight: bold; line-height: 1.5em; letter-spacing: 1px; }
.action_label { display: block; float: left; margin: 0px 10px 10px 10px; }

/*.wrapcampList {}*/
.campListCol { margin: 0 10px 20px 5px; }
.campList { float: left; margin: 0 5px 0px 0; width: 480px; position: relative; }
.noneM { margin: 0 !important; }
.campListAnc { cursor: pointer; text-decoration: none; }
.campListTop { padding: 15px 1px 8px; width: 308px; min-height: 70px; background-repeat: no-repeat; background-position: left top; border: none; }
.campListTitle { color: #000; font-size: 14px; text-align: center; padding-bottom: 15px; }
.campListTop img { padding: 9px 0 0; }
.titleLine_1 { line-height: 15px; }
.titleLine_2 { line-height: 15px; }
.campListInner { padding: 15px; height: 160px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.campListTxt { height: 90px; color: #429B9B; }
.campListBt { padding: 10px 0 0; }
.btnS { display: block; background: 0; border: 0; background-image: url("../img/sprites/btnS.png"); background-repeat: no-repeat; border: 0; text-align: center; }
a.btnPoint { float: right; width: 310px; height: 40px; line-height: 40px; background-position: 0px -85px; font-weight: bold; text-decoration: none; text-indent: 1em; color: #313131; }
a:hover.btnPoint { background-position: 0px -125px; }
a.btnReadMore { margin: 0 auto; width: 210px; height: 40px; line-height: 40px; background-position: 0px 0px; font-weight: bold; text-decoration: none; color: #313131; }
a:hover.btnReadMore { background-position: 0px -40px; }

/* 141023 addition */
.campListVisual { border: 1px solid; }
.campListColor01 { border-color: #fcc8d4; }
.campListTop.campListColor01 { background-image: url("../img/common/border01.png"); }
.campListColor02 { border-color: #b4b4b4; }
.campListTop.campListColor02 { background-image: url("../img/common/border02.png"); }
.campListColor02 p.campListTitle { color: #fff; }
.campListPoint { text-align: center; font-size: 18px; }
.campListPoint span { font-weight: bold; color: #f00; font-size: 30px !important; line-height: 1.2; }
.campListClient { text-align: center; line-height: 1.8; color: #429B9B; }

/* 3月　UI改善 */
#ribon { text-align: center; margin-bottom: 20px; }
.news h3 { margin-left: 10px; margin-bottom: 15px; }
.rank_1st { text-align: center; margin-bottom: 10px; position: relative; }
.ranklist { margin: 0 0px 10px 10px; position: relative; }
.icon_1st { position: absolute; left: 13px; top: 4px; }
.icon_rank { position: absolute; left: 3px; top: 4px; }
.icon_rank_low { position: absolute; left: 9px; top: 9px; }
.icon_s01 { position: absolute; left: 144px; top: 53px; }
.icon_l01 { position: absolute; left: 810px; top: 48px; }
.icon_l02 { position: absolute; left: 880px; top: 48px; }

/* 151124 グループバナーエリア */
.grplist { margin: 30px 0px 0px 10px; position: relative; }
.grplist h3 { margin-bottom: 15px; }
.grplist .campList { float: left; margin: 0 15px 0px 0; width: 310px; position: relative; }
.grplist .campList.last { margin: 0px; }