@charset "utf-8";

.klo_fo_01a {width: 100%; margin-bottom: 12px; border-bottom: solid 1px #9F6027; overflow: hidden;}
.klo_fo_01a p {display: inline-block; float: left;}
.klo_fo_01a_left {width: 60%;}
.klo_fo_01a_left_mark img {display: inline-block; width: 22px;}
.klo_fo_01a_left_title {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .klo_fo_01a_left_title {font-size: 22px; color: #7F4620; position: relative; top: -2px;}
.klo_fo_01a_right {width: 40%; text-align: right; padding-top: 5px;}
.klo_fo_01a_right_en {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .klo_fo_01a_right_en {font-size: 14px; color: #E89213;}
.klo_fo_01a_body {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .klo_fo_01a_body {font-size: 16px; color: #7F4620; padding: 0px 15px 30px 15px;}
.klo_fo_spacer {width: 100%; height: 200px;}
.klo_reward_spacer {width: 100%; height: 30px;}
.klo_reward_con  {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .klo_reward_con  {font-size: 16px; color: #333;}

.klo_reward_con {position: relative; padding: 0px 0px 3px 15px; margin-top: 12px; background-image: url("../_kloAssets/img_right/practices_body_bg.png"); background-size: 6px; background-repeat: repeat-y;}
.klo_reward_title {display: table; width: 100%; background-image: linear-gradient(to right, #513725 4px, transparent 4px); background-size: 6px 1px; background-repeat: repeat-x; background-position: left bottom; padding-bottom: 0px; margin-bottom: 8px;}
.klo_reward_title_bg1 {width: 140px; height: 20px; background-image: url("../_kloAssets/img_right/reward_title_bg1.png"); background-size: 140px; color: #fff; position: relative;}
.klo_reward_title_bg2 {width: 120px; height: 20px; background-image: url("../_kloAssets/img_right/reward_title_bg2.png"); background-size: 120px; color: #fff; position: relative;}
.klo_reward_title_bg3 {width: 100px; height: 20px; background-image: url("../_kloAssets/img_right/reward_title_bg3.png"); background-size: 100px; color: #fff; position: relative;}
.klo_reward_title_bg4 {width:  80px; height: 20px; background-image: url("../_kloAssets/img_right/reward_title_bg4.png"); background-size:  80px; color: #fff; position: relative;}
.klo_reward_title_con {display: inline-block; width: 120px; height: 20px; position: absolute; top: -3px; left: 10px;}
.klo_reward_body {display: block; width: 100%;}
.klo_reward_body_l {display: inline-block; width: 240px;}
.klo_reward_body_r {display: inline-block;}

@media (max-width: 768px) {
.klo_fo_01a_left_mark img {width: 15px;}
.klo_fo_01a_left_title {font-size: 16px;}
.klo_fo_01a_right {padding-top: 0px;}
.klo_fo_01a_right_en {font-size: 12px;}
.klo_fo_spacer {width: 100%; height: 0px;}
}

@media (max-width: 768px) {
/* スマホで実行 */
 
}
@media (min-width: 769px) {
/* PCで実行 */
 
}