@charset "UTF-8";
.fp_leftmenu--items {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 border-left: 1px solid #e5e5e5;
 border-top: 1px solid #e5e5e5;
}
.fp_leftmenu--item {
 width: 50%;
 text-align: center;
 border-bottom: 1px solid #e5e5e5;
 border-right: 1px solid #e5e5e5;
 min-height: 60px;
} /*# sourceMappingURL=sb_fp.css.map */ .pane-contents.fp-contents {
 padding: 0;
} /* ----*fp_left*---- */ .pane-left-menu .pane-block--title {
 width: 240px;
 min-height: 45px;
 padding: 7.5px 0;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 font-size: calc((18 / 375) * 100vw);
 font-weight: bold;
 font-family: 'Noto Sans JP', sans-serif;
 background: #f2f4e9;
 border-radius: 23px;
 border: none;
 margin: 20px auto 20px;
}
.fp_leftmenu--items, .fp_lefttree--leve0 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 border-left: 1px solid #bfbfbf;
 border-top: 1px solid #bfbfbf;
}
.fp_leftmenu {
 margin-top: 20px;
}
.fp_leftmenu--items > li {
 border-bottom: 1px solid #bfbfbf;
 width: 50%;
 border-right: 1px solid #bfbfbf;
}
.fp_leftmenu--items > li > a {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 color: #262626;
 padding: 0.75em 2em 0.75em 0.5em;
 font-size: calc((15 / 375) * 100vw);
 min-height: 54px;
 position: relative;
 height: 100%;
}
.fp_leftmenu--items > li > a:after {
 content: "";
 display: inline-block;
 width: 10px;
 height: 10px;
 margin-top: -1px;
 margin-right: 5px;
 border-right: 2px solid #458b13;
 border-top: 2px solid #458b13;
 background: none;
 border-radius: 0;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 right: 8px;
}
.fp_lefttree--level-1 > li > a {
 color: #262626;
 font-weight: bold;
 padding: 0.75em 2em 0.75em 0.5em;
 font-size: calc((15 / 375) * 100vw);
 border-right: 1px solid #bfbfbf;
 border-bottom: 1px solid #bfbfbf;
}
.fp_lefttree--level-1 > li > a + .fp_lefttree--item-label {
 width: 57px;
 height: 100%;
}
.fp_lefttree--item {
 position: relative;
 border: none;
}
.fp_lefttree--item a {
 border: none;
 border-collapse: collapse;
}
.fp_lefttree--item__open {
 position: relative;
 border: none;
}
.fp_lefttree--item__open a, .fp_lefttree--item a, .fp_lefttree--item > span {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.fp_lefttree--item > span.fp_lefttree--item-label, .fp_lefttree--item__open > span.fp_lefttree--item-label {
 width: 43px;
 height: 43px;
 position: absolute;
 top: 0;
 right: 0;
 margin: auto;
 cursor: pointer;
}
.fp_lefttree--item > a::after, .fp_lefttree--item__open > a::after, .fp_lefttree--item > a::before, .fp_lefttree--item__open > a::before {
 content: '';
 display: block;
 width: 16px;
 height: 2px;
 border-radius: 5px;
 background: #458b13;
 position: absolute;
 right: 8px;
}
.fp_lefttree--item > a::before, .fp_lefttree--item__open > a::before {
 -webkit-transition: 0.2s;
 transition: 0.2s;
 background: #458b13;
 -webkit-transform: translateY(30%) rotate(90deg);
 transform: translateY(30%) rotate(90deg);
}
.fp_lefttree--item > a.isOpen::before, .fp_lefttree--item__open > a.isOpen::before {
 -webkit-transition: 0.2s;
 transition: 0.2s;
 -webkit-transform: translateY(0) rotate(0deg);
 transform: translateY(0) rotate(0deg);
}
.fp_lefttree a.isLink::before {
 content: "";
 display: inline-block;
 width: 10px;
 height: 10px;
 margin-top: -1px;
 margin-right: 5px;
 border-right: 2px solid #458b13;
 border-top: 2px solid #458b13;
 background: none;
 border-radius: 0;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);


}
.fp_lefttree a.isLink::after {
 content: none;
}
.fp_lefttree a.isLink + .fp_lefttree--item-label {
 pointer-events: none;
}
.fp_lefttree--level-4 > li > a::before, .fp_lefttree--level-4 > li > a::after {
 content: none;
}
.fp_lefttree--level-4 > li > a.isLink::before {
 content: none;
}
.fp_lefttree--level-3, .fp_lefttree--level-4 {
 display: none;
}
.fp_lefttree--level-3 > li, .fp_lefttree--level-4 > li {
 position: relative;
 text-indent: 0;
}
.fp_lefttree--level-3 > li > a, .fp_lefttree--level-4 > li > a {
 border: none;
}
.fp_lefttree--level-1 {
 width: 50%;
}
.fp_lefttree--level-1:nth-child(even) .fp_lefttree--level-2 {
 position: relative;
 left: -100%;
 width: 200%;
}
.fp_lefttree--level-1:nth-child(odd) .fp_lefttree--level-2 {
 position: relative;
 left: 0;
 width: 200%;
}
.fp_lefttree--level-2 {
 display: none;
}
.fp_lefttree--level-2.isOpen {
 width: 200%;
}
.fp_lefttree--level-2 > li:not(:first-child) {
 border-top: 1px solid #bfbfbf;
}
.fp_lefttree--level-2 > li > a {
 color: #262626;
 font-weight: bold;
 padding: 0.75em 2.25em 0.75em 1em;
 font-size: 14px;
 min-height: 54px;
 background: #f2f2f2;
}
.fp_lefttree--level-2 > li > a + .fp_lefttree--item-label {
 width: 57px;
 min-height: 54px;
}
.fp_lefttree--level-2 > li .block-genre-tree--item-label {
 width: 43px;
 min-height: 43px;
}
.fp_lefttree--level-2 > li:last-child {
 border-bottom: none;
}
.fp_lefttree--level-3 li {
 position: relative;
 border-bottom: 1px #ececec solid;
}
.fp_lefttree--level-3 li > a {
 color: #262626;
 padding: 0.75em 2em 0.75em 1.5em;
 font-size: 14px;
 min-height: 54px;
}
.fp_lefttree--level-3 li > a + .fp_lefttree--item-label {
 width: 57px;
 min-height: 54px;
}
li.fp_lefttree--item a.isOpen::before, .fp_lefttree--item__open > a.isOpen::before {
 -webkit-transition: 0.2s;
 transition: 0.2s;
 -webkit-transform: translateY(0) rotate(0deg);
 transform: translateY(0) rotate(0deg);
}
.fp_lefttree--level-2 {
 display: none;
}
.fp_lefttree--level-3, .fp_lefttree--level-4 {
 display: none;
}
.fp_left_bnrs {
 margin: 30px auto;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 width: calc((335 / 375) * 100vw);
}
.fp_left_bnr {
 margin-bottom: 15px;
 width: 48%;
}
.fp_left_bnr_ttl {
 margin: 8px 0 3px;
 font-weight: bold;
} /* ----*fp_main*---- */ h1.fp_main_h1 {
 font-size: 25px;
 color: #262626;
 font-weight: bold;
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 margin: 40px 0 20px;
}
h1.fp_main_h1:before {
 content: '';
 display: inline-block;
 width: 8px;
 height: 32px;
 margin-right: 0.5em;
 background: #458b13;
 border-radius: 2px;
}
h2.fp_main_h2 {
 font-size: 22px;
 font-weight: bold;
 background: #f2f4e9;
 color: #262626;
 padding: 12px 20px 8px;
 margin: 30px 0 20px;
}
h3.fp_main_h3 {
 font-size: 20px;
 font-weight: bold;
 color: #262626;
 padding: 0 20px 10px 10px;
 margin: 30px 0 15px;
 border-bottom: 2px solid #458b13;
}
.fp_menu {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-bottom: 64px;
 width: calc((335 / 375) * 100vw);
 margin: auto;
}
.fp_menu:before, .fp_menu:after {
 content: "";
 display: block;
 width: calc((160 / 375) * 100vw);
 height: 0;
}
.fp_menu:before {
 -webkit-box-ordinal-group: 2;
 -ms-flex-order: 1;
 order: 1;
}
.fp_menu_item {
 width: calc((160 / 375) * 100vw);
 height: calc((160 / 375) * 100vw);
 margin-bottom: 16px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;

 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 background: #e9f4e4;
 border-radius: 8px;
}
.fp_menu_item_ttl {
 font-size: calc((14 / 375) * 100vw);
 font-weight: bold;
}
.fp_menu_item_img {
 width: 72px;
 height: 56px;
 margin-bottom: 10px;
}
.fp_txt {
 font-size: calc((14 / 375) * 100vw);
 margin-top: 16px;
 padding: 0 15px;
 line-height: 1.5;
}
.fp_txt_bg {
 font-size: calc((14 / 375) * 100vw);
 margin-top: 10px;
 padding: 15px;
 line-height: 1.5;
 background-color: #f8f8f8;
}
.fp_article_list {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 40px auto;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 padding: 0 15px;
}
.fp_article_list .fp_article_list_item {
 width: 48%;
 margin-bottom: 20px;
}
.fp_article_list .fp_article_list_item .fp_txt {
 padding: 10px 0 0;
}
.fp_article_list .fp_article_list_item_ttl , .fp_article_list_item_ttl_col5 {
 font-weight: bold;
 font-size: 16px;
 padding-top: 10px;
}
.fp_article_list_item_copytxt {
 font-size: 14px;
 padding-top: 5px;
}
.fp_article_list_item_copytxt + .fp_article_list_item_ttl {
 padding-top: 5px;
}
.fp_article_list_item_subttl , .fp_article_list_item_subttl_col5 {
 font-size: 16px;
 padding-top: 5px;
}
.fp_article_list_item_price_wrap {
 display: block;
 margin: 10px 0 15px;
}
.fp_article_list_item_price {
 font-size: 16px;
 font-weight: bold;
}
.fp_article_list_item_price_ts,.fp_article_list_item_price_ts_col5{
 font-size: 22px;
 font-weight: bold;
}
.fp_article_list_item_price .tax {
 font-size: 12px;
}
.fp_article_list_item_price_ts .tax {
 font-size: 12px;
}
.fp_article_list_item_price_ts_col5 .tax {
 font-size: 12px;
}
.fp_article_list_item_price.red {
 color: #db0404;
}
.fp_article_list_item_price.line-through {
 color: #808080;
 text-decoration: line-through;
 font-size: 13px;
}
.fp_article_list_item_price_ts.line-through {
 color: #808080;
 text-decoration: line-through;
 font-size: 14px;
}
.fp_article_list_item_price_ts_col5.line-through.line-through {
 color: #808080;
 text-decoration: line-through;
 font-size: 14px;
}
.fp_main_ttl {
 font-weight: bold;
 margin-top: 50px;
 padding: 0 15px;
}
.fp_main_ttl.large {
 font-size: calc((22 / 375) * 100vw);
}
.fp_main_ttl.middle {
 font-size: calc((18 / 375) * 100vw);
}
.fp_main_ttl.small {
 font-size: calc((16 / 375) * 100vw);
}
.fp_main_ttl.center {
 text-align: center;
}
.fp_main_ttl.right {
 text-align: right;
}
.fp_main_ttl + .fp_txt {
 padding: 15px;
}
.fp_tags {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 margin: 30px 0 0 10px;
}
.fp_tags .fp_tags_head {
 width: calc((250 / 375) * 100vw);
 font-size: calc((14 / 375) * 100vw);
}
.fp_tags .fp_tags_list {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.fp_tags .fp_tags_list_item {
 border-radius: 4px;
 background: #458b13;
 padding: 8px 13px;
 color: #fff;
 margin-right: 8px;
 margin-bottom: 8px;
}
.fp_flow_list_item {
 border-bottom: 1px solid #e6e6e6;
 padding-bottom: 40px;
 margin-bottom: 40px;
 position: relative;
}
.fp_flow_list_item .fp_flow_list_item_txt_wrap {
 padding: 0 15px 0 40px;
}
.fp_flow_list_item .fp_flow_list_item_num {
 font-family: Roboto;
 font-weight: bold;
 font-size: 40px;
 color: #458b13;
 line-height: 1;
 margin-right: 20px;
 position: absolute;
 top: 0;
 left: 7px;
}
.fp_flow_list_item .fp_flow_list_item_head {
 font-size: calc((16 / 375) * 100vw);
 letter-spacing: 0.05em;
 line-height: 28px;
 font-weight: bold;
 padding-bottom: 10px;
}
.fp_flow_list_item .fp_flow_list_item_txt {
 font-size: calc((14 / 375) * 100vw);
 letter-spacing: 0.05em;
 line-height: 24px;
}
.fp_flow_list_item .fp_flow_list_item_img {
 width: 100%;
 padding: 10px 15px 0;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.fp_table_wrap {
 padding: 0 15px;
}
.fp_table {
 width: 100%;
 margin-top: 25px;
}
.fp_table_th {
 background-color: #f2f2f2;
 padding: 20px;
 border: 1px solid #ccc;
}
.fp_table_td {
 padding: 20px;
 border: 1px solid #ccc;
}
.fp_list {
 margin: 10px 0 15px;
}
.fp_list_item {
 font-size: calc((14 / 375) * 100vw);
 font-weight: normal;
 line-height: 1.7;
}
.fp_list_item.indent {
 padding-left: 1em;
 text-indent: -1em;
}
.fp_btn_wrap {
 margin: 0 auto 0 0;
}
.fp_btn_wrap.center {
 margin: 0 auto 0;
}
.fp_btn_wrap.right {
 margin-left: auto;
 margin-right: 0;
}
.fp_btn_wrap.col1 {
 display: block;
}
.fp_btn {
 width: calc((360 / 375) * 100vw);
 height: calc((64 / 375) * 100vw);
 margin: 15px auto;
 border: 2px solid #458b13;
 border-radius: 8px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-size: calc((18 / 375) * 100vw);
 font-weight: bold;
 position: relative;
 background: #fff;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
}
.fp_btn.btn-gray {
 background: #bfbfbf;
 border: 2px solid #bfbfbf;
 color: #fff;
}
.fp_btn.btn-gray::after {
 border-right: 2px solid #fff;
 border-top: 2px solid #fff;
}
.fp_btn.btn-primary {
 background: #e8731c;
 color: #fff;
 border: 2px solid #e8731c;
}
.fp_btn.btn-primary::after {
 border-right: 2px solid #fff;
 border-top: 2px solid #fff;
}
.fp_btn.btn-secondary {
 background: #458b13;
 color: #fff;
 border: 2px solid #458b13;
}
.fp_btn.btn-secondary::after {
 border-right: 2px solid #fff;
 border-top: 2px solid #fff;
}
.fp_btn::after {
 content: "";
 display: inline-block;
 width: 8px;
 height: 8px;
 border-right: 2px solid #458b13;
 border-top: 2px solid #458b13;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 right: 32px;
 top: calc(50% - 3px);
}
.fp_btn.btn-action {
 background: #db0404;
 border: 2px solid #db0404;
 color: #fff;
}
.fp_btn.btn-action::after {
 opacity: 1;
 border-right: 2px solid #fff;
 border-top: 2px solid #fff;
}
.fp_anc_link {
 width: calc((360 / 375) * 100vw);
 height: calc((64 / 375) * 100vw);
 margin: 15px auto;
 border: 2px solid #458b13;
 border-radius: 8px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 font-size: 18px;
 font-weight: bold;
 position: relative;
 background: #fff;
}
.fp_anc_link:hover {
 text-decoration: none;
}
.fp_anc_link::after {
 content: "";
 display: inline-block;
 width: 0;
 height: 0;
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
 border-top: 12px solid #458b13;
 position: absolute;
 right: 32px;
 top: calc(50% - 3px);
}
.fp_accordion {
 margin: 32px 15px 30px;
 background-color: #f2f2f2;
 padding: 22px 28px;
}
.fp_accordion--level-1 .fp_main_ttl {
 margin-top: 0;
 padding: 0 35px 0 0;
}
.fp_accordion--level-2, .fp_accordion--level-3 {
 display: none;
}
.fp_accordion--level-2 {
 background-color: #fff;
 border-radius: 8px;
 margin-top: 15px;
 padding: 10px 10px 10px;
}
.fp_accordion--level-2 .fp_accordion--level-ttl {
 margin-top: 0;
}
.fp_accordion--level-3 {
 border-top: 1px solid #e6e6e6;
 padding-top: 15px;
 margin-top: 15px;
}
.fp_accordion--item .fp_accordion--level-ttl {
 cursor: pointer;
 position: relative;
 font-weight: bold;
 font-size: calc((16 / 375) * 100vw);
}
.fp_accordion--item .fp_accordion--level-ttl:before, .fp_accordion--item .fp_accordion--level-ttl:after {
 content: '';
 display: block;
 width: 20px;
 height: 4px;
 border-radius: 5px;
 position: absolute;
 right: 8px;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 background: #458b13;
}
.fp_accordion--item .fp_accordion--level-ttl:after {
 -webkit-transform: translateY(-50%) rotate(90deg);
 transform: translateY(-50%) rotate(90deg);
 -webkit-transition: 0.5s;
 transition: 0.5s;
 background: #458b13;
}
.js_fp_accordion_btn_level1 > .fp_accordion--level-ttl:after {
 -webkit-transform: translateY(-50%) rotate(90deg);
 transform: translateY(-50%) rotate(90deg);
 -webkit-transition: 0.5s;
 transition: 0.5s;
 background: #458b13;
}
.js_fp_accordion_btn_level1.is_open > .fp_accordion--level-ttl:after {
 -webkit-transform: rotate(0);
 transform: rotate(0);
 -webkit-transition: 0.5s;
 transition: 0.5s;
 background: #458b13;
}
.js_fp_accordion_btn_level2 > .fp_accordion--level-ttl:after {
 -webkit-transform: translateY(-50%) rotate(90deg);
 transform: translateY(-50%) rotate(90deg);
 -webkit-transition: 0.5s;
 transition: 0.5s;
 background: #458b13;
}
.js_fp_accordion_btn_level2.is_open > .fp_accordion--level-ttl:after {
 -webkit-transform: rotate(0);
 transform: rotate(0);
 -webkit-transition: 0.5s;
 transition: 0.5s;
 background: #458b13;
}
.fp_accordion_q {
 text-indent: -2.5em;
 padding-right: 0;
 padding-left: 3em;
 font-size: calc((14 / 375) * 100vw);
}
.fp_accordion_q::before {
 content: "Q.";
 font-size: 25px;
 line-height: 24px;
 color: #458b13;
 font-weight: bold;
 padding-right: 8px;
 top: 4px;
 position: relative;
}
.fp_accordion_a {
 text-indent: -2.5em;
 padding-left: 2.5em;
 font-size: calc((14 / 375) * 100vw);
 letter-spacing: 0.05em;
 line-height: 24px;
}
.fp_accordion_a::before {
 content: "A.";
 font-size: 28px;
 color: #e8731c;
 font-weight: bold;
 padding-right: 8px;
 top: 4px;
 position: relative;
}
.fp_movie.img_center {
 padding: 15px 15px 15px;
}
.fp_line--gradation {
 background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(49.26%, #458b13), to(#fff));
 background: linear-gradient(to right, #fff 0%, #458b13 49.26%, #fff 100%);
 width: 100%;
 height: 1px;
 margin-top: 50px;
}
.fp_line--dot {
 border: 1px dashed #458b13;
 width: 100%;
 height: 1px;
 margin-top: 50px;
}
.fp_lead_line {
 position: relative;
 padding: 0 65px;
 text-align: center;
 margin-top: 50px;
}
.fp_lead_line:after {
 position: absolute;
 top: calc(50% - 1px);
 left: 0;
 width: 100%;
 height: 2px;
 content: '';
 background: #458b13;
}
.fp_lead_line span {
 position: relative;
 padding: 0 1em;
 background: #fff;
 z-index: 2;
}
.fp_txt_block {
 background: #f2f2f2;
 padding: 20px 15px;
 margin: 30px 15px 0;
}
.fp_txt_block_head {
 font-size: 20px;
 letter-spacing: 0.08em;
 line-height: 24px;
 color: #262626;
 font-weight: bold;
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 margin: 0 0 24px;
}
.fp_txt_block_head.recommend:before {
 content: '';
 display: inline-block;
 width: 40px;
 height: 40px;
 margin-right: 0.5em;
 background-image: url("../../../img/usr/common/icon_light.png");
 background-size: 100%;
 background-color: transparent;
 position: relative;
 top: -3px;
}
.fp_txt_block_head:before {
 content: '';
 display: inline-block;
 width: 4px;
 height: 22px;
 margin-right: 0.5em;
 background-color: #458b13;
 border-radius: 2px;
}
.fp_txt_block_content {
 background: #fff;
 border-radius: 8px;
 padding: 20px 15px;
}
.fp_txt_block_content_ttl {
 border-bottom: 1px solid #bfbfbf;
 margin: 0 0 15px;
 padding: 0 0 10px;
}
.fp_txt_block_content_txt.fp_txt {
 font-weight: normal;
 padding: 0;
}
.fp_txt_block_content_txt.fp_txt.recommend {
 text-indent: -1.5em;
 padding-left: 2em;
 padding-bottom: 13px;
}
.fp_txt_block_content_txt.fp_txt.recommend:before {
 content: '';
 display: inline-block;
 width: 18px;
 height: 12px;
 margin-right: 0.5em;
 background-image: url("../../../img/usr/common/icon_check.png");
 background-size: 100%;
 background-color: transparent;
 position: relative;
 top: -3px;
} /*# sourceMappingURL=sb_fp.css.map */ /* ---- PC/スマホ共通適用 ---- */ .center {
 text-align: center;
}
.right {
 text-align: right;
}
.left {
 text-align: left
}
.wht {
 color: #FFF;
}
.red {
 color: #F00;
}
.blu {
 color: #06C;
}
.grn {
 color: #006600;
}
.org {
 color: #F60;
}
.yel {
 color: #FFCC00;
}
.pnk {
 color: #FF3366;
}
.pur {
 color: #660066;
}
.brn {
 color: #663300;
}
.lgry {
 color: #CCC;
}
.dgry {
 color: #666;
}
.bold {
 font-weight: bold;
}
.fp_to_top {
 text-align: right;
 font-size: 18px;
 margin: 10px 10px 50px;
 font-size: 14px;
}
.fp_to_top a {
 text-decoration: underline;
 color: #006699;
} /* ---- スマホのみ適用 ---- */ .sb_fssmaller {
 font-size: smaller;
}
.sb_fslarger {
 font-size: larger;
} /* --- PCのみ表示・スマホでは非表示用 --- */ .sb_displaynone {
 display: none;
} /* --- タイムセール用 --- */ .ts_period {
 background-color: #CBA613;
 width: 100%;
 display: block;
 padding: 15px 25px 25px;
}
.ts_period p {
 text-align: center;
 font-size: 1.3em;
 font-weight: bold;
 margin-bottom: 10px;
}
.ts_period span {
 font-size: 0.7em;
 padding: 0 2px;
}
.ts_off {
 background-color: red;
 padding: 3px;
 text-align: center;
 color: #FFF;
 font-size: 20px;
 letter-spacing: 0.05em;
 font-weight: bold;
}
.ts_off span {
 font-size: 80%;
}
.ts_period .timer {
 background: #C00;
 margin: 0px auto;
 padding-top: 12px;
}
.ts_period #CDT {
 width: 100%;
 text-align: center;
 color: #FFFFFF;
 font-size: 32px;
 font-family: 'Noto Sans JP', sans-serif;
}
.ts_period .timer .ttl {
 color: #FFFFFF;
 font-size: 20px;
 text-align: center;
 margin: 0;
 line-height: 1.3;
} /* --- ページ内リンクの固定ヘッダ隠れ対策用 --- */ html {
 scroll-padding-top: 64px; /* 固定ヘッダの高さ分 */
} /* --- 「マージン・パディング」スマホ用に小さめ設定 --- */ .m5, .m10 {
 margin: 5px;
}
.m15, .m20 {
 margin: 10px;
}
.mt5, .mt10 {
 margin-top: 5px;
}
.mt15, .mt20 {
 margin-top: 10px;
}
.mt25, .mt30 {
 margin-top: 15px;
}
.mt40, .mt50 {
 margin-top: 20px;
}
.mb5, .mb10 {
 margin-bottom: 5px;
}
.mb15, .mb20 {
 margin-bottom: 10px;
}
.mb25, .mb30 {
 margin-bottom: 15px;
}
.mb40, .mb50 {
 margin-bottom: 20px;
}
.p5, .p10 {
 padding: 5px;
}
.p15, .p20 {
 padding: 10px;
}
.p25, .p30 {
 padding: 15px;
}
.pt10 {
 padding-top: 5px;
}
.pb10 {
 padding-bottom: 5px;
}
.ptb10 {
 padding: 5px 0;
}
.fs10 {
 font-size: 10px
}
.fs12 {
 font-size: 12px;
 line-height: 140%
}
.fs14 {
 font-size: 14px;
 line-height: 150%
}
.fs16 {
 font-size: 16px;
 line-height: 160%
}
.fs18 {
 font-size: 18px;
 line-height: 160%
}
.fs20 {
 font-size: 20px;
 line-height: 160%
}
.fs22 {
 font-size: 22px;
 line-height: 140%
}
.fs24 {
 font-size: 24px;
 line-height: 140%
}
.block-payment-info {
 padding: 10px 10px;
 font-weight: bold;
 background-color: #f5f5f5;
 margin: 10px 0 20px;
}