﻿.pane-block--title {
 width: 240px;
 min-height: 45px;
 padding: 7.5px 0;
 margin-bottom: 5px;
 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: 20px;
 font-weight: 700;
 font-family: "Noto Sans JP", sans-serif;
 background: #f2f4e9;
 border-radius: 23px;
 border: none
}
.fp_leftmenu {
 margin-bottom: 56px
}
.fp_leftmenu--items > li {
 border-bottom: 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: .75em 2em .75em .5em;
 font-size: 16px;
 min-height: 54px;
 position: relative
}
.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: 0 0;
 border-radius: 0;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 right: 8px
}
.fp_lefttree--level-1 > li > a {
 color: #262626;
 font-weight: 700;
 padding: .75em 2em .75em .5em;
 font-size: 16px;
 min-height: 54px
}
.fp_lefttree--level-1 > li > a + .fp_lefttree--item-label {
 width: 57px;
 min-height: 54px
}
.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 a, .fp_lefttree--item > span, .fp_lefttree--item__open a {
 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 > a::before, .fp_lefttree--item__open > a::after, .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: .2s;
 transition: .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: .2s;
 transition: .2s;
 -webkit-transform: translateY(0) rotate(0);
 transform: translateY(0) rotate(0)
}
.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: 0 0;
 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::after, .fp_lefttree--level-4 > li > a::before {
 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 > li {
 border-bottom: 1px solid #bfbfbf
}
.fp_lefttree--level-2 {
 border-top: 1px solid #bfbfbf;
 display: none
}
.fp_lefttree--level-2 > li:not(:first-child) {
 border-top: 1px solid #bfbfbf
}
.fp_lefttree--level-2 > li > a {
 color: #262626;
 font-weight: 700;
 padding: .75em 2.25em .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:last-child {
 border-bottom: none
}
.fp_lefttree--level-3 li > a {
 color: #262626;
 padding: .75em 2em .75em 1.5em;
 font-size: 14px;
 min-height: 54px
}
.fp_lefttree--level-3 li > a + .fp_lefttree--item-label {
 width: 57px;
 min-height: 54px
}
.fp_left_bnrs {
 margin-top: 50px
}
.fp_left_bnr {
 margin-bottom: 45px
}
.fp_left_bnr a {
 width: 240px;
 height: 132px
}
.fp_left_bnr_ttl {
 margin-top: 12px;
 font-size: 16px;
 font-weight: 700
}
.fp_left_bnr_txt {
 margin-top: 10px;
 font-size: 15px
}
h1.fp_main_h1 {
 font-size: 30px;
 color: #262626;
 font-weight: 700;
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 margin: 40px 0
}
h1.fp_main_h1:before {
 content: "";
 display: inline-block;
 width: 8px;
 height: 32px;
 margin-right: .5em;
 background: #458b13;
 border-radius: 2px
}
h2.fp_main_h2 {
 font-size: 28px;
 font-weight: 700;
 background: #f2f4e9;
 color: #262626;
 padding: 10px 20px;
 margin: 60px 0 0
}
h3.fp_main_h3 {
 font-size: 20px;
 font-weight: 700;
 color: #262626;
 padding: 0 0 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
}
.fp_menu:after, .fp_menu:before {
 content: "";
 display: block;
 width: 244px;
 height: 0
}
.fp_menu:before {
 -webkit-box-ordinal-group: 2;
 -ms-flex-order: 1;
 order: 1
}
.fp_menu_item {
 width: 244px;
 height: 244px;
 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
}
@media screen and (max-width:1280px) {
 .fp_menu_item {
  width: 218px;
  height: 218px
 }
}
.fp_menu_item_img {
 width: 72px;
 height: 56px;
 margin-bottom: 10px
}
.fp_menu_item_ttl {
 font-size: 16px;
 font-weight: 700
}
.fp_txt {
 margin: 12px 0;
 font-size: 16px;
 line-height: 1.6
}
.fp_txt + h2.fp_main_h2 {
 margin: 50px 0 30px
}
.fp_txt + h3.fp_main_h3 {
 margin: 50px 0 15px
}
.fp_txt_bg {
 margin: 12px 0;
 padding: 20px;
 font-size: 16px;
 line-height: 1.6;
 background-color: #f8f8f8
}
.fp_article_list {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 margin-top: 30px
}
.fp_article_list.col2 .fp_article_list_item {
 width: 500px
}
.fp_article_list.col3 .fp_article_list_item {
 width: 320px
}
.fp_article_list.col4 .fp_article_list_item {
 width: 224px
}
.fp_article_list.col5 .fp_article_list_item {
 width: 192px
}
.fp_article_list.col3ts .fp_article_list_item {
 width: 390px
}
.fp_article_list.col4ts .fp_article_list_item {
 width: 285px
}
.fp_article_list.col5ts .fp_article_list_item {
 width: 232px
}
.fp_article_list_item_ttl {
 font-size: 18px;
 letter-spacing: .05em;
 line-height: 24px;
 color: #262626;
 padding-top: 14px;
 font-weight: 700
}
.fp_article_list.col5ts .fp_article_list_item_ttl {
 font-size: 15px;
 letter-spacing: .05em;
 line-height: 20px;
 color: #262626;
 padding-top: 12px;
 font-weight: 700
}
.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 {
 font-size: 16px;
 padding-top: 5px
}
.fp_article_list.col5ts .fp_article_list_item_subttl {
 font-size: 14px;
 padding-top: 3px
}
.fp_article_list_item_price_wrap {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center
}
.fp_article_list_item_price {
 font-size: 16px;
 font-weight: 700;
 margin-bottom: 15px;
 padding-top: 8px
}
.fp_article_list_item_price_ts {
 font-size: 24px;
 font-weight: 700;
 margin-bottom: 10px;
 padding-top: 8px
}
.fp_article_list_item_price_ts_col5 {
 font-size: 18px;
 font-weight: 700;
 margin-bottom: 10px;
 padding-top: 6px
}
.fp_article_list.col5ts .fp_article_list_item_price_ts {
 font-size: 18px;
 font-weight: 700;
 margin-bottom: 10px;
 padding-top: 6px
}
.fp_article_list_item_price .tax {
 font-size: 13px;
 padding-left: 2px
}
.fp_article_list_item_price_ts .tax {
 font-size: 13px;
 padding-left: 2px
}
.fp_article_list_item_price.red {
 color: #db0404
}
.fp_article_list_item_price.line-through {
 color: grey;
 text-decoration: line-through;
 font-size: 14px
}
.fp_article_list_item_price_ts.line-through {
 color: grey;
 text-decoration: line-through;
 font-size: 16px
}
.fp_article_list.col5ts .line-through {
 color: grey;
 text-decoration: line-through;
 font-size: 12px
}
.fp_main_ttl {
 font-weight: 700;
 margin-top: 50px
}
.fp_main_ttl.large {
 font-size: 26px
}
.fp_main_ttl.middle {
 font-size: 22px
}
.fp_main_ttl.small {
 font-size: 18px
}
.fp_main_ttl.center {
 text-align: center
}
.fp_main_ttl.right {
 text-align: right
}
.fp_tags {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 margin: 100px 0
}
.fp_tags .fp_tags_list {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 margin-left: 18px
}
.fp_tags .fp_tags_list_item {
 border-radius: 4px;
 background: #458b13;
 padding: 8px 13px;
 color: #fff;
 margin-right: 8px
}
.fp_flow_list_item {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 border-bottom: 1px solid #e6e6e6;
 padding-bottom: 40px;
 margin-bottom: 40px
}
.fp_flow_list_item .fp_flow_list_item_txt_wrap {
 width: 585px
}
.fp_flow_list_item .fp_flow_list_item_num {
 font-family: Roboto;
 font-weight: 700;
 font-size: 40px;
 color: #458b13;
 line-height: 1;
 margin-right: 20px
}
.fp_flow_list_item .fp_flow_list_item_head {
 font-size: 18px;
 letter-spacing: .05em;
 line-height: 28px;
 font-weight: 700;
 padding-bottom: 30px
}
.fp_flow_list_item .fp_flow_list_item_txt {
 font-size: 16px;
 letter-spacing: .05em;
 line-height: 1.6
}
.fp_flow_list_item .fp_flow_list_item_img {
 width: 360px;
 margin-left: 20px
}
.fp_table {
 width: 100%;
 margin-top: 25px
}
.fp_table_th {
 background-color: #f2f2f2;
 padding: 20px 40px 20px 28px;
 border: 1px solid #ccc;
 width: 290px
}
.fp_table_td {
 padding: 20px 40px 20px 28px;
 border: 1px solid #ccc
}
.fp_list {
 margin: 20px 0 30px
}
.fp_list_item {
 font-size: 16px;
 font-weight: 400;
 line-height: 32px
}
.fp_list_item.indent {
 padding-left: 1em;
 text-indent: -1em
}
.fp_btn_wrap {
 width: 736px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 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: 360px;
 height: 64px;
 margin: 15px auto;
 border: 2px solid #458b13;
 border-radius: 8px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-size: 18px;
 font-weight: 700;
 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.large {
 width: 90%;
 height: 80px
}
.fp_btn.large::after {
 width: 10px;
 height: 10px
}
.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_btn.sweep {
 max-width: 100%;
 margin: 15px auto;
 margin-bottom: 0;
 overflow: hidden;
 position: relative;
 -webkit-transform: translatez(0);
 transform: translatez(0);
 text-decoration: none;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
 -webkit-transition: all .2s ease-out .2s;
 transition: all .2s ease-out .2s
}
.fp_btn.sweep:hover {
 -webkit-transition: all 0s ease-out 0s;
 transition: all 0s ease-out 0s;
 border: 1px solid #000;
 opacity: 1
}
.fp_btn.sweep:hover .btn_bg_black {
 -webkit-transition: all .3s ease-out 0s;
 transition: all .3s ease-out 0s;
 width: 200%;
 -webkit-transform: translateX(0);
 transform: translateX(0)
}
.fp_btn.sweep .btn_bg_black {
 opacity: 1;
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 0;
 height: 100%;
 bottom: auto;
 margin: auto;
 z-index: -1;
 background: #000;
 -webkit-transition: all .2s ease-out 80ms;
 transition: all .2s ease-out 80ms;
 -webkit-transform: translateX(-35%);
 transform: translateX(-35%)
}
.fp_anc_wrap {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between
}
.fp_anc_link {
 width: 48%;
 height: 64px;
 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: 700;
 position: relative;
 background: #fff
}
.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 auto 60px;
 background-color: #f2f2f2;
 padding: 32px 28px
}
.fp_accordion--level-1 .fp_main_ttl {
 margin-top: 0
}
.fp_accordion--level-2, .fp_accordion--level-3 {
 display: none
}
.fp_accordion--level-2 {
 background-color: #fff;
 border-radius: 8px;
 padding: 0 20px;
 margin-top: 15px
}
.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: 700
}
.fp_accordion--item .fp_accordion--level-ttl:after, .fp_accordion--item .fp_accordion--level-ttl:before {
 content: "";
 display: block;
 width: 20px;
 height: 4px;
 border-radius: 5px;
 position: absolute;
 right: 18px;
 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: .5s;
 transition: .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: .5s;
 transition: .5s;
 background: #458b13
}
.js_fp_accordion_btn_level1.is_open > .fp_accordion--level-ttl:after {
 -webkit-transform: rotate(0);
 transform: rotate(0);
 -webkit-transition: .5s;
 transition: .5s;
 background: #458b13
}
.js_fp_accordion_btn_level2 {
 padding: 28px 0;
 cursor: pointer
}
.js_fp_accordion_btn_level2 > .fp_accordion--level-ttl:after {
 -webkit-transform: translateY(-50%) rotate(90deg);
 transform: translateY(-50%) rotate(90deg);
 -webkit-transition: .5s;
 transition: .5s;
 background: #458b13
}
.js_fp_accordion_btn_level2.is_open > .fp_accordion--level-ttl:after {
 -webkit-transform: rotate(0);
 transform: rotate(0);
 -webkit-transition: .5s;
 transition: .5s;
 background: #458b13
}
.fp_accordion_q {
 text-indent: -3em;
 padding-left: 3em
}
.fp_accordion_q::before {
 content: "Q.";
 font-size: 28px;
 color: #458b13;
 font-weight: 700;
 padding-right: 8px
}
.fp_accordion_a {
 text-indent: -2.5em;
 padding-left: 2.5em;
 font-size: 16px;
 letter-spacing: .05em;
 line-height: 28px
}
.fp_accordion_a::before {
 content: "A.";
 font-size: 28px;
 color: #e8731c;
 font-weight: 700;
 padding-right: 8px
}
.fp_movie {
 max-width: 1024px;
 text-align: center
}
.fp_movie_wrap {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between
}
.fp_movie_wrap .fp_movie {
 width: 500px
}
.fp_movie_wrap .fp_txt {
 width: 500px
}
.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: 40px 28px;
 margin-top: 30px
}
.fp_txt_block_head {
 font-size: 24px;
 letter-spacing: .08em;
 line-height: 24px;
 color: #262626;
 font-weight: 700;
 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: 50px;
 height: 50px;
 margin-right: .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: .5em;
 background-color: #458b13;
 border-radius: 2px
}
.fp_txt_block_content {
 background: #fff;
 border-radius: 8px;
 padding: 24px 20px
}
.fp_txt_block_content_ttl {
 border-bottom: 1px solid #bfbfbf;
 margin: 0 0 20px;
 padding: 0 0 10px
}
.fp_txt_block_content_txt {
 font-weight: 400
}
.fp_txt_block_content_txt.recommend {
 text-indent: -1.5em;
 padding-left: 2em
}
.fp_txt_block_content_txt.recommend:before {
 content: "";
 display: inline-block;
 width: 18px;
 height: 12px;
 margin-right: .5em;
 background-image: url(../../../img/usr/common/icon_check.png);
 background-size: 100%;
 background-color: transparent;
 position: relative;
 top: -3px
} /*調整用*/ .center {
 text-align: center
}
.right {
 text-align: right
}
.left {
 text-align: left
}
.wht {
 color: #fff
}
.red {
 color: red
}
.blu {
 color: #06c
}
.grn {
 color: #060
}
.org {
 color: #f60
}
.yel {
 color: #fc0
}
.pnk {
 color: #f36
}
.pur {
 color: #606
}
.brn {
 color: #630
}
.lgry {
 color: #ccc
}
.dgry {
 color: #666
}
.bold {
 font-weight: 700
}
.fp_to_top {
 text-align: right;
 font-size: 18px;
 margin: 10px 10px 50px;
 font-size: 14px
}
.fp_to_top a {
 text-decoration: underline;
 color: #069
}
.m5 {
 margin: 5px
}
.m10 {
 margin: 10px
}
.m15 {
 margin: 15px
}
.m20 {
 margin: 20px
}
.mt5 {
 margin-top: 5px
}
.mt10 {
 margin-top: 10px
}
.mt15 {
 margin-top: 15px
}
.mt20 {
 margin-top: 20px
}
.mt25 {
 margin-top: 25px
}
.mt30 {
 margin-top: 30px
}
.mt40 {
 margin-top: 40px
}
.mt50 {
 margin-top: 50px
}
.mb5 {
 margin-bottom: 5px
}
.mb10 {
 margin-bottom: 10px
}
.mb15 {
 margin-bottom: 15px
}
.mb20 {
 margin-bottom: 20px
}
.mb25 {
 margin-bottom: 25px
}
.mb30 {
 margin-bottom: 30px
}
.mb40 {
 margin-bottom: 40px
}
.mb50 {
 margin-bottom: 50px
}
.ml5 {
 margin-left: 5px
}
.ml10 {
 margin-left: 10px
}
.ml15 {
 margin-left: 15px
}
.p5 {
 padding: 5px
}
.p10 {
 padding: 10px
}
.p15 {
 padding: 15px
}
.p20 {
 padding: 20px
}
.p25 {
 padding: 25px
}
.p30 {
 padding: 30px
}
.pt10 {
 padding-top: 10px
}
.pb10 {
 padding-bottom: 10px
}
.ptb10 {
 padding: 10px 0
}
.ft10 {
 font-size: 10px
}
.ft12 {
 font-size: 12px;
 line-height: 14px
}
.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%
}
.fssmaller {
 font-size: smaller
}
.fslarger {
 font-size: larger
}
.bold {
 font-weight: 700
}
.w270 {
 width: 270px
}
.w300 {
 width: 300px
}
.w350 {
 width: 350px
}
.w650 {
 width: 650px
}
.w700 {
 width: 700px
}
.w730 {
 width: 730px
}
.displaynone {
 display: none
}
.block-topic-page {
  width: 1025px;
}
.block-payment-info {
 padding: 10px 10px;
 font-size: 18px;
 font-weight: bold;
 background-color: #f5f5f5;
 margin: 10px 0 25px;
}
.ts_period {
 background-color: #ffd220;
 width: 100%;
 display: block;
 padding: 15px 25px 25px;
}
.ts_period p {
 text-align: center;
 font-size: 1.3em;
 font-weight: 700;
 margin-bottom: 10px
}
.ts_period span {
 font-size: .7em
}
.ts_off {
 background-color: red;
 margin-top: 6px;
 padding: 3px;
 text-align: center;
 color: #fff;
 font-size: 20px;
 letter-spacing: .05em;
 font-weight: 700
}
.ts_off span {
 font-size: 80%
}
.ts_period .timer {
 background: #c00;
 margin: 0 auto;
 padding-top: 12px
}
.ts_period #CDT {
 width: 100%;
 text-align: center;
 color: #fff;
 font-size: 45px;
 font-weight: 700;
 font-family: "Noto Sans JP", sans-serif
}
.ts_period .timer .ttl {
 color: #fff;
 font-size: 26px;
 font-weight: 700;
 text-align: center;
 margin: 0;
 line-height: 1.5
}
.block-goods-agree {
 line-height: 160%
}
.block-goods-agree a {
 color: #458b13;
 font-weight: 400; /*text-decoration: underline*/
}
@media screen and (max-width:1280px) {
 .page-top .fp_article_list.col3 .fp_article_list_item {
  width: 275px;
  margin: 0 10px
 }
 .page-top .fp_article_list.col4 {
  margin-right: 0
 }
 .page-top .fp_article_list.col4 .fp_article_list_item {
  width: 215px;
  padding: 0 10px
 }
 .page-top .fp_article_list {
  width: 96%;
  justify-content: flex-start
 }
 .fp-contents .pane-main {
  width: 880px
 }
}