@charset "UTF-8";
/* -------------------------------
common
------------------------------- */
.l-content img {
  vertical-align: bottom;
}
/* section */
.l-content .section {
  margin: 0 auto;
  background-color: #fff;
  padding: 10px;
  box-sizing: border-box;
}
.l-content .section_wrap {
  width: 950px;
  background-color: #f4f4f4;
  padding: 10px;
  box-sizing: border-box;
}

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content .mainVisual {
  width: 950px;
  height: 200px;
  margin-bottom: 30px;
  padding: 0;
  border: none;
  background: url("/pr/vm/half_term_fair/fs/img/202308/mv.png") no-repeat 0 0;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .leadTxt {
  width: 950px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: bold;
  margin: 0 auto 30px;
}
/*tab*/
.l-content .tab {
    width: 100%;
    margin-bottom: 12px;
    border-bottom: 4px solid #d75c3e;
}
/*tabNav*/
.l-content .tabNav{
  width: 950px;
}
.l-content .tabNav li {
	float: left;
	margin-left: 10px;
}
.l-content .tabNav li:first-child {
	margin-left: 0;
}
.l-content .tabNav li a {
	display: block;
	width: 468px;
	background: #d75c3e;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-decoration: none;
}
.l-content .tabNav li a:hover {
	text-decoration: none;
}

.l-content .tabNav li a.on {
    background:#ffcc00;
}
.l-content .tabNav li span {
	display: table-cell;
	text-align: center;
  vertical-align: middle;
	font-weight: bold;
  font-size: 14px;
  width: 593px;
  padding-top: 2px;
  height: 34px;
  color: #333333;
}

/*アンカー*/
.l-content .anc_area {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.l-content .ancBox {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
.l-content .ancBox p.m-down {
  width: 210px;
}
.l-content .ancBox p.m-down:not(:nth-last-child(-n + 2)) {
  margin-bottom: 5px;
}
.l-content .ancBox_wrap {
  width: 470px;
  margin-bottom: 20px;
  background: #f0f0f0;
}
.l-content .ancBox_wrap p.anc_title {
	background-color: #dfdfdf;
    height: 37px;
    font-size: 13px;
    line-height: 37px;
    font-weight: bold;
    text-align: center;
}
.l-content .anchor .anchorNav{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 10px 0 0;
}
.l-content .anchor .anchorNav li{
	margin-bottom: 5px;
}
.l-content .anchor .anchorNav li a{
    width: 220px;
    height: 57px;
    text-align: left;
    display: flex;
    align-items: center;
}
.l-content .anchor .anchorNav li a.col2{
    align-items: flex-start;
}
.l-content .anchor ul .btn01 a span {
    width: 200px;
    line-height: 35px;
    background: url(/pr/vm/half_term_fair/fs/img/202308/anc_btn01.png) 130px center no-repeat;
}
.l-content .anchor ul .btn02 a span {
    width: 200px;
    line-height: 35px;
    background: url(/pr/vm/half_term_fair/fs/img/202308/anc_btn02.png) 140px center no-repeat;
}
.l-content .anchor ul .btn03 a span {
    width: 200px;
    line-height: 35px;
    background: url(/pr/vm/half_term_fair/fs/img/202308/anc_btn03.png) 128px center no-repeat;
}
.l-content .anchor ul .btn04 a span {
    width: 200px;
    line-height: 35px;
    background: url(/pr/vm/half_term_fair/fs/img/202308/anc_btn04.png) 129px center no-repeat;
}
.l-content .anchor ul .btn05 a span {
    width: 200px;
    line-height: 35px;
    background: url(/pr/vm/half_term_fair/fs/img/202308/anc_btn05.png) 130px center no-repeat;
}
.l-content .anchor ul .btn06 a span {
    width: 200px;
    line-height: 35px;
    background: url(/pr/vm/half_term_fair/fs/img/202308/anc_btn06.png) 139px center no-repeat;
}

/* アンカー　サブ */
.l-content .anchorNav_sub li a.m-btn--down{
    width: 220px;
    height: 57px;
	display: flex;
    align-items: center;
}
.l-content .anchorNav_sub {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px 0 0;
}
.l-content .anchorNav_sub li{
    margin: 0 10px 10px 0;
}
.l-content .anchorNav_sub li:nth-child(4n) {
	margin: 0 0 10px 0;
}

/* h2 */
.l-content h2.m-h2 {
  background-color: #f7ded8;
  height: 50px;
  line-height: 50px;
  border-top: solid 3px #d75c3e;
  border-bottom: solid 1px #d75c3e;
  position: relative;
  padding: 0 0 0 30px;
  margin: 40px auto 0;
}
.l-content .m-h2::before {
  border-left: none;
  position: absolute;
  top: 5px;
  left: 10px;
  width: 7px;
  height: 35px;
  content: "";
  background: #d75c3e;
}
.l-content .m-h2 span {
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 15px;
}

/* h3 */
.l-content .h3_tokubai {
  height: 46px;
  background-color: #fffbe9;
  font-size: 17px;
  font-weight: bold;
  line-height: 46px;
  border-bottom: solid 1px #e18a00;
  padding-left: 10px;
}
.l-content .h3_tokubai span {
  color: #e18a00;
}
.l-content .m-h3 {
  margin: 10px auto;
}

.l-content .m-h4 {
  margin: 0 auto 5px;
}

/* maker_title */
.l-content .maker_title {
  border-bottom: solid 1px #a7a7a7;
  display: flex;
  align-items: center;
  height: 45px;
  justify-content: space-between;
  padding-bottom: 5px;
}

.l-content .copy_brownback {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #555;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 0.4em 0;
}

/* mini_bnr */
.l-content .mini_bnr {
  text-align: center;
}

.l-content .mini_bnr > .catchcopy {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

.l-content .mini_bnr > .note {
  text-align: center;
  margin-top: 10px;
  font-size: 13px;
  font-weight: bold;
}
/* btn_document */
.l-content .btn_document {
  display: flex;
    justify-content: center;
    margin: 0 auto;
}
.l-content .btn_document li{
margin:0 5px;
}

/* maker_box_1col */
.l-content .maker_box_1col {
  background-color: #f1f1f1;
  padding: 10px;
  overflow: hidden;
  box-sizing: border-box;
}

.l-content .maker_box_1col > .inner {
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  padding: 15px 0;
}
.l-content .maker_box_1col .label_list {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.l-content .maker_box_1col .label_list > li {
  font-size: 14px;
  line-height: 30px;
  width: 150px;
  text-align: center;
  font-weight: bold;
  color: #333333;
  border: solid 1px #333;
}
.l-content .maker_box_1col .label_list > li:not(:last-child) {
  margin-right: 10px;
}
.l-content .maker_box_1col > .inner > .item_list {
  display: flex;
  justify-content: space-between;
  width: 840px;
  margin: 0 auto;
}
.l-content .maker_box_1col > .inner > .item_list > li {
  width: 410px;
}
.l-content .maker_box_1col > .inner > .item_list > li > .top_inner {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.l-content .maker_box_1col > .inner > .item_list > li .name {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}
.l-content .maker_box_1col > .inner > .item_list > li .des {
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  padding: 0 10px;
}

/* itemsBox 4col*/
.l-content ul.itemsBox{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.l-content ul.itemsBox li.itemsList {
  width: 220px;
  position: relative;
  margin-bottom: 10px;
}
.l-content ul.itemsBox li.itemsList .figure {
  margin: 0 auto 20px;
  width: 162px;
  height: 162px;
  overflow: hidden;
}
.l-content ul.itemsBox li.itemsList .figure img {
  max-width: 100%;
  height: 100%;
}
.l-content ul.itemsBox li.itemsList a {
  display: block;
  box-sizing: border-box;
  padding: 20px 10px;
  border: 1px solid #bfbfbf;
  position: relative;
  min-height: 375px;
}
.l-content ul.itemsBox li.itemsList a,
.l-content ul.itemsBox li.itemsList a:hover,
.l-content ul.itemsBox_col2 li.itemsList_col2 a,
.l-content ul.itemsBox_col2 li.itemsList_col2 a:hover {
  text-decoration: none;
}

.l-content ul.itemsBox li.itemsList span,
.l-content ul.itemsBox_col2 li.itemsList_col2 span:not(.icon_reco) {
  display: block;
}
.l-content ul.itemsBox_col2 li.itemsList_col2 span.itemsWrap_col2 {
  display: flex;
}
.l-content .itemsList .maker {
  color: #7f7f7f;
  font-weight: bold;
  line-height: 1.0;
  margin-bottom: 5px;
}
.l-content .itemsList .name {
  height: 60px;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-weight: bold;
}
.l-content .itemsList .modelNumber {
  margin-bottom: 15px;
  line-height: 1.0;
  color: #333;
}
.l-content .itemsList .nomalPrice {
  text-align: right;
  color: #333;
  line-height: 1.0;
  margin-bottom: 8px;
}
.l-content .itemsList .nomalPrice strong {
  font-size: 14px;
}
.l-content .itemsList .lastPrice {
  text-align: right;
  color: #dd0000;
  line-height: 1.0;
  margin-bottom: 20px;
}
.l-content .itemsList .lastPrice strong {
  font-size: 18px;
}

/* itemsBox_col2 */
.l-content ul.itemsBox_col2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.l-content ul.itemsBox_col2 li.itemsList_col2 a {
  display: block;
  box-sizing: border-box;
  width: 450px;
  padding: 20px;
  border: 1px solid #bfbfbf;
}
.l-content ul.itemsBox_col2 li.itemsList_col2 a,
.l-content ul.itemsBox_col2 li.itemsList_col2 a:hover {
  text-decoration: none!important;
}
.l-content .itemsWrap_col2{
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.l-content .itemsList_col2 .itemsCol_r {
  position: relative;
  width: 180px;
}
.l-content .itemsList_col2 .itemsCol_l {
  position: relative;
  width: 220px;
}
.l-content .itemsList_col2 .name {
  width: 100%;
  font-weight: bold;
  line-height: 1.0;
  margin-bottom: 10px;
}
.l-content .itemsList_col2 .maker {
  color: #7f7f7f;
  font-weight: bold;
  line-height: 1.0;
  margin-bottom: 10px;
}
.l-content .itemsList_col2 .modelNumber {
  font-size: 12px;
  line-height: 1.0;
  margin-bottom: 10px;
  color: #333;
}
.l-content ul.itemsBox_col2 li.itemsList_col2 .des {
  width: 220px;
  height: 58px;
  margin-bottom: 10px;
  color: #333;
}
.l-content .itemsList_col2 .nomalPrice {
  color: #333;
  line-height: 1.0;
  margin-bottom: 8px;
}
.l-content .itemsList_col2 .nomalPrice strong {
  font-size: 14px;
  font-weight: bold;
}
.l-content .itemsList_col2 .lastPrice {
  line-height: 1.0;
  color: #dd0000;
}
.l-content .itemsList_col2 .lastPrice strong {
  font-size: 18px;
  font-weight:bold;
}
.l-content ul.itemsBox_col2 li.itemsList_col2 .figure {
  width: 150px;
  height: 120px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}
.l-content ul.itemsBox_col2 li.itemsList_col2 .figure img {
  max-width: 100%;
  height: 100%;
}

/* OFFアイコン */
.l-content .itemsList .icon {
  position: absolute;
  top: 10px;
  left: 10px;
}
.l-content .icon_1col {
  position: absolute;
  left: 20px;
}
.l-content .itemsList_col2 .icon{
  position: absolute;
  top: 0;
  right: 0;
}

/* おすすめアイコン */
.l-content .icon_reco{
  border: 1px solid #d00;
  background-color: #fff;
  color: #d00;
  padding: 2px 6px 1px;
  text-align: center;
  text-indent: 0;
  line-height: 1;
  font-size: 11px;
}
.l-content .itemsList .icon_reco{
  position: absolute;
  top: 15px;
  right: 10px;
}
.l-content .m-table .icon_reco {
  width: 43px;
  display: block;
  margin-bottom: 2px;
}
.l-content .itemsList_col2 .icon_reco {
  margin-right: 10px;
}

/* sold out */
.l-content .m-table .sold_out {
  position: relative;
  background-clip: padding-box;
}
.l-content .m-table .sold_out::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d00;
  background-color: #fff;
  width: 50px;
  height: 15px;
  margin: auto;
  content: "完売";
  font-size: 11px;
  color: #d00;
  text-align: center;
  line-height: 11px;
  z-index: 1;
}
.l-content .m-table .sold_out > img {
  opacity: 0.6;
}

/* table */
.l-content .m-table {
  margin-bottom: 10px;
}
.l-content .m-table th {
  text-align: center;
  padding: 7px 0;
  background-color: #e6e6e6;
  color: #333;
}
.l-content .m-table td {
  padding: 4px 9px;
  vertical-align: middle;
}
.l-content .m-table td a {
  text-decoration: none;
}
.l-content .m-table .off {
  width: 73px;
  height: 23px;
  text-align: center;
  background-color: #c7243a;
  color: #fff;
  font-weight: bold;
  line-height: 23px;
}
.l-content p.off.long {
  width: 100px;
}
.l-content .m-table .name {
  text-align: left;
}
.l-content .m-table .lastPrice {
  color: #dd0000;
  font-weight: bold;
}
.l-content .m-table .lastPrice span {
  font-size: 16px;
}
.l-content .m-table .m-btnLink--conversion {
  width: 90px;
  padding: 3px 2px 2px 6px;
  background-position: 6px center;
}


/* 数量限定特売品 */
.l-content .c-attention p {
  padding-left:4.6em;
  position:relative;
}
.l-content .c-attention p:before {
  content:"［ご注意］";
  position:absolute;
  left:0;
  top:0;
}
.l-content .txt_bn {
  font-size: 14px;
  line-height: 15px;
  font-weight: bold;
  text-align: center;
}

/* cvボタン幅を揃える */
.l-content .m-btn--conversion {
	min-width: 260px;
}

/* include調整 */
.l-content .section .itemsBoxCol4 > li {
    box-sizing: border-box;
    width: 220px;
}
.l-content .section .itemsBoxCol4 > li > a {
    width: 197px;
}
.l-content .section .itemsBoxTable > li.head span.off ,
.l-content .section .itemsBoxTable > li > a > .itemContent > .itemDiscountRate{
    width: 102px;
}
.l-content .section .itemsBoxTable > li.head span.img ,
.l-content .section .itemsBoxTable > li > a > span.itemImage{
    width: 125px;
}
.l-content .section .itemsBoxTable > li.head span.maker ,
.l-content .section .itemsBoxTable > li > a > .itemContent > .itemMaker{
    width: 107px;
}
.l-content .section .itemsBoxTable > li.head span.name ,
.l-content .section .itemsBoxTable > li > a > .itemContent > .itemName{
    width: 226px;
}
.l-content .section .itemsBoxTable > li.head span.modelNumber,
.l-content .section .itemsBoxTable > li > a > .itemContent > .daihyoKataban{
    width: 95px;
}
.l-content .section .itemsBoxTable > li.head span.nomalPrice ,
.l-content .section .itemsBoxTable > li > a > .itemContent > .itemOriginalPrice{
    width: 105px;
}
.l-content .section .itemsBoxTable > li.head span.lastPrice ,
.l-content .section .itemsBoxTable > li > a > .itemContent > .itemDiscountPrice{
    width: 130px;
}

/* アンケート */
.l-content .questionnaire{
    border: 3px solid #004098;
    padding: 20px;
    text-align: center;
    width: 700px;
    margin: 15px auto;
}
.l-content .questionnaire .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
}
.l-content .questionnaire .caption{
    background: #ffcc00;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    display: inline-block;
    padding: 3px 15px 0 15px;
    margin: 0 10px 0px 0;
}
.l-content .questionnaire .txt_01{
    color: #f5a82e;
}
.l-content .questionnaire .txt_02{
    color: #d75c3e;
}