@charset "utf-8";
body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 1.6;
}
body.fixed {
	width: 100%;
	height: 100%;
	position: fixed;
}

.pc_nobr {display: none;}
@media screen and (max-width: 768px) {
.pc_nobr {display: block;}
.sp_nobr {display: none;}
}

.clearfix:after {
   content: "";
   display: block;
   clear: both;
}
#renew .m_auto {
	margin: auto !important;
}

#renew .mt_0 {
	margin-top: 0 !important;
}
#renew .mt_5 {
	margin-top: 0 !important;
}
#renew .mt_20 {
	margin-top: 20px;
}
#renew .mt_30 {
	margin-top: 30px;
}
#renew .mt_40 {
	margin-top: 40px !important;
}
#renew .mt_45 {
	margin-top: 45px !important;
}
#renew .mt_50 {
	margin-top: 50px !important;
}
#renew .mt_60 {
	margin-top: 60px;
}
#renew .mt_80 {
	margin-top: 80px;
}
#renew .mb_0 {
	margin-bottom: 0px !important;
}
#renew .mb_10 {
	margin-bottom: 10px !important;
	}
#renew .mb_20 {
	margin-bottom: 20px
}
#renew .mb_40 {
margin-bottom: 40px;
}
#renew .mb_50 {
	margin-bottom: 50px !important;
	}
#renew .mb_60 {
	margin-bottom: 50px !important;
	}
#renew .mb_70 {
	margin-bottom: 70px !important;
	}
#renew .mb_80 {
	margin-bottom: 80px !important;
}
#renew .mr_20 {
	margin-right: 20px;
}
#renew .ml_05 {
	margin-left: 5px;
}
#renew .pt_0 {
	padding-top: 0;
}
#renew .pt_10 {
	padding-top: 10px !important;
}
#renew .pt_30 {
    padding-top: 30px !important;
}
#renew .pt_40 {
    padding-top: 40px !important;
}
#renew .pt_45 {
    padding-top: 45px !important;
}
#renew .pt_50 {
    padding-top: 50px !important;
}
#renew .pb_0 {
	padding-bottom: 0 !important;
}
#renew .pb_10 {
	padding-bottom: 10px !important;
}
#renew .pb_30 {
	padding-bottom: 30px !important;
}
#renew .pb_40 {
	padding-bottom: 40px !important;
}
#renew .pb_55 {
	padding-bottom: 55px !important;
}
#renew .pb_60 {
	padding-bottom: 60px !important;
}
#renew main .pb_80 {
	padding-bottom: 80px ;
}
#renew main .sp_pb_80{
	padding-bottom: 80px ;
}
#renew .pb_110 {
	padding-bottom: 110px !important;
}
#renew .pr_80 {
	padding-right: 80px;
}
#renew .pl_80 {
	padding-left: 80px;
}
#renew .fs_16{
	font-size: 1.6rem !important;
}
#renew .fs_15{
	font-size: 1.5rem !important;
}
#renew .fs_18{
	font-size: 1.8rem !important;
}
#renew .fs_brand{
	font-size: 1.9rem !important;
}
@media screen and (max-width: 768px) {
#renew .fs_brand{
	font-size: 1.4rem !important;
}
}
#renew .fs_22{
font-size: 2.2rem;
}
#renew .w100{
	width: 100% !important;
    max-width: initial !important;
    padding-top: 20px;
}
#renew .pc_only {
	display: block;
}
#renew .sp_only {
	display: none;
}
#renew .bg_grey {
	background: #efefef;
	padding: 1rem;
	margin-top: 30px;
}

#renew .row{
    display: flex;
    padding: 0;
    flex-direction: row;
}
#renew .row_center{
    justify-content: center;
}
#renew .dblock{
	display: block !important;
	}
#renew .df{
	display: flex;
}
#renew .dc{
	display: contents !important;
}
#renew .dif{
display: inline-flex;
}
#renew main .fw_no{
	font-weight: normal !important;/*0207*/
}
#renew .df_c{
	display: flex;
	align-items: center;
}

/*汎用ボタン*/
#renew .btn_general {
	display: inline-block;
	min-width: 120px;
    color: #fff;
    background: #007096;
    border-radius: 5px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
	box-shadow: 2px 1px 1px #c5c5c5;
	font-weight: bold;
}
@media screen and (max-width: 1024px) {
#renew .btn_general {
	min-width: 90px;
}
}

@media screen and (max-width: 768px) {

#renew .mt_0 {
	margin-top: 0 !important;
}
#renew .mt_5 {
	margin-top: 3 !important;
}
#renew .mt_20 {
	margin-top: 13px;
}
#renew .mt_30 {
	margin-top: 20px;
}
#renew .mt_40 {
	margin-top: 25px !important;
}
#renew .mt_45 {
	margin-top: 28px !important;
}
#renew .mt_50 {
	margin-top: 33px !important;
}
#renew .mt_60 {
	margin-top: 40px;
}
#renew .mt_80 {
	margin-top: 53px;
}
#renew .mb_0 {
	margin-bottom: 0px !important;
}
#renew .mb_10 {
	margin-bottom: 7px !important;
	}
#renew .mb_20 {
	margin-bottom: 13px
}
#renew .mb_40 {
margin-bottom: 25px;
}
#renew .mb_50 {
	margin-bottom: 33px !important;
	}
#renew .mb_60 {
	margin-bottom: 40px !important;
	}
#renew .mb_70 {
	margin-bottom: 46px !important;
	}
#renew .mb_80 {
	margin-bottom: 53px !important;
}
#renew .mr_20 {
	margin-right: 13px;
}
#renew .ml_05 {
	margin-left: 3px;
}
#renew .pt_0 {
	padding-top: 0;
}
#renew .pt_10 {
	padding-top: 7px !important;
}
#renew .pt_30 {
	padding-top: 20px !important;
}
#renew .pt_40 {
	padding-top: 25px !important;
}
#renew .pt_45 {
	padding-top: 28px !important;
}
#renew .pt_50 {
	padding-top: 33px !important;
}
#renew .pb_0 {
	padding-bottom: 0 !important;
}
#renew .pb_10 {
	padding-bottom: 7px !important;
}
#renew .pb_30 {
	padding-bottom: 20px !important;
}
#renew .pb_40 {
	padding-bottom: 25px !important;
}
#renew .pb_55 {
	padding-bottom: 35px !important;
}
#renew .pb_60 {
	padding-bottom: 40px !important;
}
#renew main .pb_80 {
	padding-bottom: 53px ;
}
#renew main .sp_pb_80{
	padding-bottom: 53px ;
}
#renew .pb_110 {
	padding-bottom: 73px !important;
}
#renew .pr_80 {
	padding-right: 53px;
}
#renew .pl_80 {
	padding-left: 53px;
}

#renew main .sp_pb_80{
	padding-bottom: 90px !important;
}
#renew main .sp_pb_80 .mt_80{
	margin-top: 40px;
	font-size: 3.2rem;
}
#renew main .sp_pb_80 .explanation{
	margin-top: 30px;
}
#renew main .sp_pb_50{
	padding-bottom: 50px !important;
}
#renew .sp_mt_0{
	margin-top: 0 !important;
}

#renew .sp_mt_20 {
	margin-top: 20px !important;
}
#renew .sp_mb_10{
	margin-bottom: 10px !important;
}
#renew .sp_mb_20{
	margin-bottom: 20px !important;
}
#renew .sp_mb_40{
	margin-bottom: 40px !important;
}
#renew main .sp_pt_20{
	padding-top: 20px !important;
}
#renew main .sp_pb_100{
	padding-bottom: 100px !important;
}
#renew main .pr_80 {
	padding-right: 0;
}
#renew main .pl_80 {
	padding-left: 0;
}
#renew .btn_general.down_arrow {
	padding: 0.8em 2rem;
	margin-right: 15px;
}

}

#renew .btn_general:hover {
    transition: 0.2s;
    filter: brightness(120%);
}
#renew .btn_general.down_arrow {
    min-width: 150px;
    padding-right: 3rem;
	text-align: center;
	}
#renew .btn_general.down_arrow::after {
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    content: '';
    display: block;
    height: 10px;
    right: 15px;
    margin-top: -8px;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 10px;
}

#renew .btn_general select {
/*
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  */
    outline: none;
	text-align: center;
}
/* ie対応 */
#renew .btn_general select::-ms-expand {
  display: none;
}
#renew .btn_general select option {
color: #000;
}
#renew a {
	color: #007096;
}
#renew .al_center {
	text-align: center;
}
#renew .al_left {
	text-align: left;
}
#renew .al_left p{
	text-align: left;
	font-weight: 500;
}
#renew .bd_top {
	width: 100%;
	border-top: 1px solid #e4e4e4;
}
#renew .bd_bottom {
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
}
#renew .bd_none .bd_top {
	border: none!important;
}
#renew h2 {
	text-align: center;
	font-size: 3.4rem;
	font-weight: 500;
	margin-top: 60px;
}
#renew h2 span {
	font-size: 1.6rem;
	font-weight: bold;
	color: #FFF;
	background: #1b365d;
	vertical-align: middle;
	padding: 0.25em 0.5em;
	margin-left: 1.5rem;
}

#renew h2.profile_name {
	font-size: 2rem;
	font-weight: 600;
	padding:35px 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#renew h2.profile_name::before {
content: '';
display: inline-block;
width: 26px;
height: 26px;
background-image: url('../images/common/icon_profile.svg');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 0.5em;
}
#renew h2.profile_name span {
	font-size: 2rem;
	font-weight: 600;
	color: inherit;
	background: none;
	vertical-align:inherit;
	padding: 0 0 0 0.5em;
	margin:0;
}
@media screen and (max-width: 1024px) {
#renew h2.profile_name span {
width: auto;
}
#renew .sp_bd_top_no .bd_top{
	border-top:none;
}

}

#renew h3 {
	display: inline-block;
	margin: 68px auto 20px;
	text-align: center;
	font-size: 2.6rem;
	border-bottom: 1px solid #000;
}
#renew h3 span {
	font-size: 2.0rem;
}
#renew .h3_rightbutton {
position: relative;
width: 100%;
margin: 0 0 35px;
padding: 0;
text-align: center;
}
#renew .h3_rightbutton h3{
	padding: 0 0 5px 0;
	margin: 20px 0;
}
#renew .h3_rightbutton .btn_general {
position: absolute;
top: 20px;
right: 0;
font-weight: normal;
padding: 0.5em 2rem;
}
@media screen and (max-width: 1024px) {
#renew .h3_rightbutton .btn_general.down_arrow {
position: relative;
display: block;
width: 170px;
margin: 1em auto 0;
}
#renew .h3_rightbutton .btn_general{
	padding: 0.7em 4rem;
}
#renew .h3_rightbutton h3{
	font-size: 2.5rem;
}
#renew .h3_rightbutton h3 span{
	font-size: 2rem;
}
}

#renew .infomation_list {
margin: 0;
padding: 0;
}
#renew .infomation_list ul {
margin: 0;
padding: 0;
list-style: none;
}
#renew .infomation_list ul li {
border-top: 1px solid #e4e4e4;
padding: 1em 0 1em 6.5em;
margin: 0;
display: block;
position: relative;
}
@media screen and (max-width: 1024px) {
#renew .infomation_list ul li {
padding: 1em 0;
}
}

#renew .infomation_list ul li span.date {
font-weight: 600;
position: absolute;
left: 0;
top: 1em;
}
@media screen and (max-width: 1024px) {
#renew .infomation_list ul li span.date {
position: relative;
left: inherit;
top: inherit;
margin-right: 1em;
font-size: 1.8rem;
}
}

#renew .infomation_list ul li:last-child {
border-bottom: 1px solid #e4e4e4;
}
#renew .infomation_list ul li a {
text-decoration: none;
color: #000;
}
@media screen and (max-width: 1024px) {
#renew .infomation_list ul li a {
display: block;
font-size: 1.8rem;
}
}

#renew .infomation_list ul li a:hover {
text-decoration: underline;
}
#renew .infomation_list ul li .label {
background-color: #1b365d;
padding: 0.1em 0.4em;
margin: 0 0.5em 0 0;
line-height: 1;
color: #fff;
font-size: 1.4rem;
}
#renew .infomation_list ul li .label02 {
	background-color: #aa9f71;
	padding: 0.2em 0.4em;
	margin: 0 0.5em 0 0;
	line-height: 1;
	color: #fff;
	font-weight: 600;
	}
#renew .select_area_a {
	margin-top: 0px;
	display: flex;
	flex-wrap: nowrap;
	align-items: start;
	justify-content: center;
}
#renew .selectedVlaue {
	margin: 20px auto 3px;
	padding: 0 0 0 5px;
	max-width: 680px;
	font-size: 0;
}
#renew .selectedVlaue.active {
	font-size: 12px;
}


#renew p {
	font-size: 1.4rem;
	text-align: center;
	margin-top: 22px;
	/*font-weight: bold;*/
}

#renew .fl_col2 {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 30px;
}
#renew .fl_col2 .item {
	width: 45%;
}
@media screen and (max-width: 1024px) {
#renew .fl_col2 {
display: block;
}
#renew .fl_col2 .item {
	width: 100%;
}
}


#renew .fl_col3 {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	row-gap: 35px;
	column-gap: 30px;
	flex-wrap: wrap;
	padding-bottom: 30px;
}

#renew .fl_col3::after {
  content: "";
  display: block;
  width: calc(31%);
}
#renew .fl_col3::before {
	order: 1;
}

#renew .fl_col3 .item {
	max-width: 31%;
}
#renew .fl_col3 .item p {
	margin: 15px 0 5px;
	text-align: left;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.5;
}
#renew .fl_col3 .item .txt {
	font-size: 1.6rem;
	font-weight: 500;
	text-align: left;
	line-height: 1.4;
}

#renew .fl_col4 {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	row-gap: 30px;
	column-gap: 30px;
	flex-wrap: wrap;
	padding-bottom: 30px;
}
#renew .fl_col4 .item {
	max-width: 22%;
}
#renew .fl_col4 .item p {
	margin-top: 20px;
	text-align: left;
	font-size: 2.0rem;
	font-weight: bold;
}
#renew .fl_col4 .item .txt {
	font-size: 1.6rem;
	font-weight: 500;
	text-align: left;
}

#renew .fl_col5 {
	margin:0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	row-gap: 30px;
	column-gap: 30px;
	flex-wrap: wrap;
}
#renew .fl_col5 .item {
	max-width: 17.8%;
}
@media screen and (max-width: 1024px) {
#renew .fl_col5 {
	column-gap: normal;
}
#renew .fl_col5 .item {
	max-width: 48%;
}
}


#renew .fl_col5 .item p {
	margin-top: 16px;
	text-align: left;
	font-size: 1.6rem;
}
#renew .fl_col5 .item .txt {
	font-weight: 500;
	text-align: left;
}



/* NEWアイコン */
.icon_new {
  padding: 3px 5px 2px;
  margin: 0 2px 0 0;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #ff0000;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}

.icon_new::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #8592ad;
  opacity: 0;
  -webkit-transition: .2.2s opacity ease-in-out;
  transition: .2.2s opacity ease-in-out;
}

.icon_new span {
  position: absolute;
}

.icon_new span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 3px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(8, 20, 43, 0)), to(#ff0000));
  background: linear-gradient(to left, rgba(8, 20, 43, 0), #ff0000);
  -webkit-animation: 2.2s animateTop linear infinite;
          animation: 2.2s animateTop linear infinite;
}

@-webkit-keyframes animateTop {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.icon_new span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 3px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 20, 43, 0)), to(#ff0000));
  background: linear-gradient(to top, rgba(8, 20, 43, 0), #ff0000);
  -webkit-animation: 2.2s animateRight linear -1s infinite;
          animation: 2.2s animateRight linear -1s infinite;
}

@-webkit-keyframes animateRight {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.icon_new span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 3px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(8, 20, 43, 0)), to(#ff0000));
  background: linear-gradient(to right, rgba(8, 20, 43, 0), #ff0000);
  -webkit-animation: 2.2s animateBottom linear infinite;
          animation: 2.2s animateBottom linear infinite;
}

@-webkit-keyframes animateBottom {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.icon_new span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 3px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 20, 43, 0)), to(#ff0000));
  background: linear-gradient(to bottom, rgba(8, 20, 43, 0), #ff0000);
  -webkit-animation: 2.2s animateLeft linear -1s infinite;
          animation: 2.2s animateLeft linear -1s infinite;
}

@-webkit-keyframes animateLeft {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

/* NEWアイコン end */


/* 廃番品アイコン */
.icon_discontinue {
	display: inline-block;
	width: 30px;
	margin-right: 5px;
}
.icon_discontinue img {
	vertical-align: baseline;
	border: none !important;
}
#table_option .icon_discontinue,
table .icon_discontinue{
	width: 27px;
}
#table_option .icon_discontinue img,
table .icon_discontinue img{
	vertical-align: middle;
}

.product_info_area .icon_discontinue {
	width: 35px;
}


@media screen and (max-width: 768px) {
#table_option .icon_discontinue {
	width: 25px;
}
.icon_discontinue img {
	vertical-align: baseline;
}
#table_option .icon_discontinue img,
table .icon_discontinue img{
	vertical-align: text-top;
}
.product_info_area .icon_discontinue {
	width: 30px;
}
.product_info_area .icon_discontinue img {
	vertical-align: baseline;
}
}



#renew .tab_select {
	display: flex;
	flex-wrap: nowrap;
	align-items: end;
	justify-content: space-between;
	margin-top: 20px;
	overflow: hidden;
	padding: 0 3px;
}
#renew .tab_select div {
	width: 33.13%;
}
/** タブ2枚の時**/
#renew .tab_select.tab2 div {
	width: 49.8%;
}


#renew .tab_select span,
#renew .tab_select a {
	display: block;
	width: 100%;
	background: #007096;
	color: #FFF;
	border-radius: 5px 5px 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 2.0rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	text-decoration: none;
	position: relative;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
}
/*#renew .tab_select a::before {
	border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    content: '';
    display: block;
    height: 12px;
    right: 25px;
    margin-top: -11px;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 12px;
}*/
#renew .tab_select .active a::before {
	display: none;
}

#renew .tab_select a:hover {
	transition: 0.2s;
	filter: brightness(120%);
}
#renew .tab_select div.active span,
#renew .tab_select div.active a {
	background: #f4f4f4;
	border-radius: 5px 5px 0 0;
	color: #000;
	padding-top: 2.0rem;
	padding-bottom: 2.0rem;
}
#renew .tab_select div.active a:hover {
	transition: none;
	filter: inherit;
}
#renew .result_txt {
	width: 100%;
	text-align: center;
	font-size: 2.2rem;
	font-weight: bold;
	/*padding-top: 20px;*/
	margin-bottom: 20px;
}
#renew .result_txt span {
	font-size: 3.4rem;
	border-bottom: 2px solid #000;
}
@media screen and (max-width: 768px) {
#renew .result_txt span {
	font-size: 3rem;
}
}

#renew .result_txt span span{
	font-size: 2.4rem;
	border-bottom:none;
}
#renew #modal_inner .result_txt span span{/*0207*/
	font-size: 2.4rem;
	border-bottom:none;
}
#renew .search_area_a {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 30px;
	width: 100%;
}
#renew .search_area_a.search_area_btn {
	column-gap: 18px;
}

#renew .bd_top.fl p {
	width: 100%;
}
#renew .search_area_a .btn_line {
	width: 50%;
	max-width: 350px;
	text-align: center;
}
#renew .search_area_a .btn_line a {
	display: block;
	color: #FFF;
	font-size: 1.8rem;
	background: #007096;
	border-radius: 6px;
	padding: 0.8em 0;
	font-weight: bold;
	text-decoration: none;
	box-shadow: 0 0 0 3px #007096 inset, 0 0 0 5px #FFF inset;
	box-sizing: border-box;
	position: relative;
}

#renew .search_area_a .btn_line a:hover {
	transition: 0.2s;
	filter: brightness(120%);
}
#renew .search_area_a .btn_terms {
	width: 40%;
	max-width: 230px;
	text-align: center;
}
#renew .search_area_a .btn_terms a {
	display: block;
	color: #FFF;
	font-size: 1.8rem;
	background: #007096;
	border-radius: 5px;
	padding: 1.1em 0;
	text-decoration: none;
	position: relative;
	font-weight: bold;
}
#renew .search_area_a .btn_line a::after,
#renew .search_area_a .btn_terms a::after {
	content: "";
	position: absolute;
	display: block;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	border-radius: 6px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
}

#renew .search_area_a .btn_line.icon_search a::before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 2.1rem;
    height: 2.1rem;
    margin-right: 0.5rem;
    background-image: url(../images/common/icon_search_renew_white.png);
    background-size: contain;
}

#renew .search_area_a .btn_terms a::before {
	border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    content: '';
    display: block;
    height: 10px;
    right: 15px;
    margin-top: -11px;
    opacity: 1;
    position: absolute;
    top: 56%;
    transform: rotate(45deg);
    width: 10px;
}
#renew .search_area_a .btn_terms a:hover {
	transition: 0.2s;
	filter: brightness(120%);
}
#renew .search_area_b {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 30px;
	width: 100%;
	margin-bottom: 10px;
}
#renew .search_area_b .btn_terms {
	width: 50%;
	max-width: 200px;
	text-align: center;
}
#renew .search_area_b .btn_terms a {
	display: block;
	color: #FFF;
	font-size: 1.5rem;
	background: #007096;
	border-radius: 5px;
	padding: 0.5em 0;
	font-weight: 500;
	text-decoration: none;
	position: relative;
	padding-left: 2rem;
}
#renew .search_area_b .btn_terms a::before {
	content: "";
	position: absolute;
	display: block;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	border-radius: 5px;
	box-shadow: 2px 1px 1px #c5c5c5;
}
#renew .search_area_b .btn_terms a::after {
		border-right: 3px solid #FFF;
		border-bottom: 3px solid #FFF;
		content: '';
		display: block;
		height: 12px;
		left: 15px;
		margin-top: -8px;
		opacity: 1;
		position: absolute;
		top: 50%;
		transform: rotate(45deg);
		width: 8px;
}
#renew .search_area_b .btn_terms a:hover {
	transition: 0.2s;
	filter: brightness(120%);
}

#renew .search_area_num {
	font-size: 14px;
	margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
	#renew h2 {
		font-size: 2.5rem;
		margin-top: 50px;
		margin-bottom: 20px;
	}
	#renew h2 span {
		display: block;
		width: fit-content;
		font-size: 1.2rem;
	}
	#renew h3 {
		font-size: 2rem;
		margin-top: 60px;
	}
	#renew h3 span {
		font-size: 1.4rem;
	}


	#renew .fl_col3 .item {
		max-width: 48%;
	}
}
@media screen and (max-width: 768px) {
	#renew h2 span {
		margin:auto;
	}
	#renew .pt_50 {
		padding-top: 30px !important;
	}
	#renew h3{
		margin: 30px auto 20px;
	}
	#renew main .container .al_center h3{
		margin: 30px auto 20px;
	}




}



/*ヘッダー*/
#renew .global-header-inner {
	position: relative;
	max-width: 1100px;
}
#renew .global-header-inner .login_box {
	position: absolute;
	top: 0;
	right:0;
}

#renew .global-header-inner .login_box a {
    font-size: 13px;
}

#renew .global-header-inner .login_box .btn {
	background-color: #1b365d;
    border-radius: 0 0 5px 5px;
	color: #fff;
	text-decoration: none;
    padding: 4px;
	display: block;
	text-align: center;
	width: 280px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26), 1px -26px 2px rgba(0, 0, 0, 0.26);
}
#renew .global-header-inner .login_box .btn:hover {
	transition: 0.2s;
	filter: brightness(150%);
}

#renew .global-nav .login_box ul,
#renew .global-header-inner .login_box ul {
	list-style: none;
	display: flex;
	justify-content: center;
}
#renew .global-nav .login_box ul li,
#renew .global-header-inner .login_box ul li {
margin: 0;
padding: 0;
}
#renew .global-nav .login_box ul li a,
#renew .global-header-inner .login_box ul li a {
	text-decoration: none;
	color: #000;
	display: flex;
	align-items: center;
	padding: 8px;
	font-weight: bold;
	position: relative;
}
#renew .global-nav .login_box ul li a:hover,
#renew .global-header-inner .login_box ul li a:hover {
	transition: 0.2s;
	filter: brightness(150%);
	color: #1b365d;
}

#renew .global-nav .login_box ul li a::before,
#renew .global-header-inner .login_box ul li a::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;

-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
margin-right: 2px;
background-color: #000;
}

#renew .global-nav .login_box ul li a:hover::before,
#renew .global-header-inner .login_box ul li a:hover::before {
	background-color: #1b365d;
}
#renew .global-nav .login_box ul li.login a::before,
#renew .global-header-inner .login_box ul li.login a::before {
-webkit-mask-image: url("../images/common/icon_login.svg");
mask-image: url("../images/common/icon_login.svg");
}
#renew .global-nav .login_box ul li.memberregist a::before,
#renew .global-header-inner .login_box ul li.memberregist a::before {
-webkit-mask-image: url("../images/common/icon_memberregist.svg");
mask-image: url("../images/common/icon_memberregist.svg");
}

#renew .global-nav .login_box ul li.logout a::before,
#renew .global-header-inner .login_box ul li.logout a::before {
-webkit-mask-image: url("../images/common/icon_logout.svg");
mask-image: url("../images/common/icon_logout.svg");
}
#renew .global-nav .login_box ul li.mypage a::before,
#renew .global-header-inner .login_box ul li.mypage a::before {
-webkit-mask-image: url("../images/common/icon_profile.svg");
mask-image: url("../images/common/icon_profile.svg");
}
#renew .global-nav .login_box ul li.memberinfo a::before,
#renew .global-header-inner .login_box ul li.memberinfo a::before {
-webkit-mask-image: url("../images/common/icon_memberinfo.svg");
mask-image: url("../images/common/icon_memberinfo.svg");
}

#renew .global-nav-inner {
    width: 1000px;
    height: auto;
    margin: 0 auto;
}
#renew .logo {
	width: 205px;
}
#renew .global-header-inner p {
	display: block;
	margin: 0 auto;
	width: 205px;
	text-align: center;
	padding: 1px 0 0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}
#renew .global-nav-contents-inner {
	padding-bottom: 0;
}
#renew .header_icon_nav{
	display: none;
}
#renew .header_sns{
    display: none;
}

@media screen and (max-width: 1023px) {
#renew .global-nav-contents-inner {
	padding: 0;
	margin: 0;
	display: block;
	text-align: left;
}
#renew .header_icon_nav{
	text-align: center;
	margin-top: 30px;
	display: block;
}
#renew .header_icon_nav ul li{
	margin-top: 20px;
}
#renew .header_icon_nav ul li a{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
#renew .header_sns{
    margin-top: 30px;
	margin-bottom: 50px;
	display: block;
}
#renew .header_sns ul{
    display: flex;
    justify-content: space-evenly;
    list-style: none;
    width: 60%;
    align-items: center;
    justify-items: stretch;
    margin: 0 auto;
}
#renew .header_sns p{
	margin: 10px 0;
}
}

/** グロナビSP版のデザイン変更 **/
@media screen and (min-width: 1024px) {

#renew .global-nav {
	position: relative;
/*	margin-bottom: 68px;*/
}
}
#renew .global-nav {
	border-bottom: 3px solid #1b365d;
}


#renew .global-nav-list {
	max-width: 1000px;
	width: 100%;
	justify-content: center;
	column-gap: 1.3rem;
}
#renew .global-nav-list > li {
	padding: 5px 1.4rem;
	border-radius: 5px 5px 0 0;
	transition: 0.2s;
}
#renew .global-nav-list > li.pcnone {
display: none;
}
@media screen and (max-width: 1023px) {
#renew .global-nav-list > li.pcnone {
display: block;
}
}

#renew .global-nav-list li:nth-child(7) a::before {
content: none;
}

#renew .global-nav-list > li > a {
	font-weight: bold;
	color: #000;
	font-size: 1.7rem;
}

#renew .global-nav-list > li:hover,
#renew .global-nav-list > li.is-current {
	background: #1b365d;
}
#renew .global-nav-list > li:hover > a,
#renew .global-nav-list > li.is-current > a {
	color: #fff;
}
@media screen and (max-width: 1023px) {
#renew .global-nav-list > li:hover,
#renew .global-nav-list > li.is-current {
	background: #fff;
}
#renew .global-nav-list > li:hover > a,
#renew .global-nav-list > li.is-current > a {
	color: inherit;
}
}
/** グロナビSP版のデザイン変更 -PCのときのサブナビ **/
#renew .global-nav-list .global-nav-list-sub-wrap {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-top: 37px;
background: #1b365d;
}



@media screen and (max-width: 1023px) {
#renew .global-nav-list .global-nav-list-sub-wrap {
position: relative;
margin-top: 0;
display: none;
}

#renew .global-nav-list > li {
	border-radius: 0px;
}

}
#renew .global-nav-list .global-nav-list-sub {
display: flex;
justify-content: center;
list-style: none;
max-width: 1040px;
margin: 0 auto;
padding: 11px 20px;
}
@media screen and (max-width: 1023px) {
#renew .global-nav-list .global-nav-list-sub {
display: block;
max-width:100%;
margin: 0;
padding: 0;
}
}
#renew .global-nav-list .global-nav-list-sub > li {
margin: 0 20px;
padding: 0;
}
#renew .global-nav-list .global-nav-list-sub > li > a{
color: #fff;
font-size: 1.7rem;
font-weight: bold;
position: relative;
}



#renew .global-nav-list .global-nav-list-sub > li > a::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    transition: .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
#renew .global-nav-list .global-nav-list-sub > li > a.is-current,
#renew .global-nav-list .global-nav-list-sub > li > a:hover::after {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 1023px) {
	#renew .logo {
		width: 30%;
		margin: auto;
	}
#renew .logo img {
	width: 100%;
}


	#renew .global-header-inner .login_box {
		display: none;
	}
	#renew .global-nav-inner {
    width: 100%;
	}
	#renew .global-nav-trigger {
		top: 9px;
		height: 50px;
		display: block;
	}
}

@media screen and (max-width: 1023px) {

#renew .global-nav {
background-color: rgba(0,0,0,0.7);
border: none;
}
#renew .global-nav {
    transition: opacity .15s 0.1s ease-in-out, visibility .15s 0.1s ease-in-out;
}
#renew .global-nav .is-open {
    transition: opacity .15s 0s ease-in-out, visibility .15s 0s ease-in-out;
}
#renew .global-nav .global-nav-inner{
width: calc(100% - 30px);
margin: 0 0 0 30px;
background-color: #fff;
position: absolute;
transition: all .1s 0s ease-in-out;
right: -100%;
height: 100%;
}
#renew .global-nav.is-open .global-nav-inner{
right: 0;
transition: all .2s .15s ease-in-out;
}

#renew .global-nav-list li {
    padding: 0;
	margin: 0;
	border-top: 1px solid #e0e0e0;
}
#renew .global-nav-list li:last-child {
	border-bottom: 1px solid #e0e0e0;
}

#renew .global-nav-list li:hover {
background-color: inherit;
}
#renew .global-nav-list li:hover a {
color: inherit;
}
#renew .global-nav-list li a {
display: block;
padding: 12px 30px;
text-align: left;
position: relative;
}

#renew .global-nav-list li.subnav > a::before {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    content: '';
    display: block;
    height: 12px;
    right: 25px;
    margin-top: -11px;
    opacity: 1;
    position: absolute;
    top: 53%;
    transform: rotate(45deg);
    width: 12px;
	/*transition: all .15s;*/
}

#renew .global-nav-list li.subnav.is-open > a::before {
    transform: rotate(0deg);
	background-image: url("../images/common/icon_close.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border: none;
	width: 18px;
	height: 18px;
	right: 21px;
}

#renew .global-nav-list .global-nav-list-sub li{
background-color: #1b365d;
border-radius: 0px;
border-top: 1px solid #324a6e;
margin: 0;
}

#renew .global-nav-list .global-nav-list-sub li:last-child{
	border-bottom: 0px solid #e0e0e0;
}

#renew .global-nav-list .global-nav-list-sub li a{
padding: 12px 45px;
color: #fff;
}

#renew .global-nav .global-nav-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    background: transparent;
    border: none;
}
#renew .global-nav .global-nav-close::before,
#renew .global-nav .global-nav-close::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 28px;
    left: 13px;
    width: 30px;
    height: 3px;
    background: #1b365d;
}
.global-nav-close::after {
    transform: rotate(-45deg);
}
.global-nav-close::before {
    transform: rotate(45deg);
}


#renew .global-nav .global-nav-head {
    padding: 15px 0px 30px;
}
#renew .global-nav .login_box {
text-align: right;
}
#renew .global-nav .login_box a {
text-decoration: none;
font-size: 1.4rem;
}
#renew .global-nav .login_box .btn{
display: inline-block;
background-color: #1b365d;
border-radius: 5px;
padding: 0.2em 1.5rem;
margin-right: 55px;
font-weight: bold;
color: #fff;
box-shadow: 2px 2px 2px rgba(0,0,0,0.26);
}
#renew .global-nav .login_box ul {
margin-top: 30px;
}
#renew .global-nav .login_box ul li {
border-right: 1px solid #999;
line-height: 1.3;
}
#renew .global-nav .login_box ul li:last-child {
border-right: none;
}
#renew .global-nav .login_box ul li a{
padding-top: 1px;
padding-bottom: 1px;
}
/*SPの時は非表示 **/
.c-product-header {
display: none;
}


}
/** //グロナビSP版のデザイン変更 **/






/*ヘッダーEND*/

/*フッター*/

#renew .c-footer-contents01 {
    padding: 0px 0 0px;
}

#renew footer .copyright {
    font-size: 11px;
}
@media screen and (max-width: 768px) {
	#renew footer .copyright {
		font-size: 1.2rem;
	}
	#renew .c-footer-contents01 {
		padding: 0;
	}
}
/*フッターEND*/

/*container(1100px幅ブロック単位)*/
#renew .container {
	width: 1100px;
	margin: auto;
	padding: 0 0 60px;
}
#renew .container.narrow {
	max-width: 760px;
}


#renew .container.pb_none {
	padding-bottom: 0;
}
#renew .container.pb_half {
	padding-bottom: 50px;
}

/*containerEND*/
/*container_wide(100%幅ブロック単位)*/
#renew .container_wide {
	width: 100%;
	max-width: 100%;
}
#renew .container_wide.pb_none {
	padding-bottom: 0;
}
#renew .container_wide_g {
	background-color: #f4f4f4;
	width: 100%;
	max-width: 100%;
	padding-top: 30px;
}
@media screen and (max-width: 768px) {
	#renew .container_wide_g {
		padding-top: 20px;
	}
}
/*containerEND*/


/*パンくず*/
#renew .c-breadcrumbs {
	padding-left: 0;
	padding-right: 0;
	max-width: 1100px;
	font-weight: bold;
}
#renew .c-breadcrumbs > span {
	font-size: 1.2rem;
    font-weight: bold;
}
#renew .c-breadcrumbs > span > a {
    font-weight: 500;
}


@media screen and (max-width: 768px) {
#renew .c-breadcrumbs {
	overflow-x: scroll;
    word-break: keep-all;
    white-space: nowrap;
	margin-right: -15px;
	padding-right: 15px;
	padding-top: 10px;
}

#renew .c-breadcrumbs::-webkit-scrollbar {
    display: none;
}

#renew .c-breadcrumbs > span {
	font-size: 1.2rem;
}
}


/*パンくずEND*/
/*製品ページ用サブナビゲーション*/
#renew .c-product-nav-list li a {
	color: #FFF;
	font-size: 1.7rem;
}
@media screen and (max-width: 768px) {
#renew .c-product-nav-list li a {
	color: #007096;
}
}
/*製品ページ用サブナビゲーションEND*/
/*baseボタン*/
#renew .base_btn {
	display: block;
	width: 80%;
	max-width: 420px;
	margin: 0 auto 0;
}
#renew .base_btn a {
	display: flex;
	color: #FFF;
	font-size: 1.8rem;
	background: #007096;
	border-radius: 6px;
	padding: 1.4rem 0.5rem;
	text-decoration: none;
	position: relative;
	align-items: center;
    justify-content: center;
	font-weight: bold;
}
#renew .base_btn a:hover {
	transition: 0.2s;
	filter: brightness(120%);
}
#renew .base_btn a::before {
	content: "";
	position: absolute;
	display: block;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	border-radius: 6px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
}


#renew .base_btn.research {
	width: 350px;
	margin-top: 60px;
}

#renew .base_btn.research a span {
	font-weight: bold;
	position: relative;
}
#renew .base_btn.research a span:before {
	content: '';
	display: block;
	width: 25px;
	height: 27px;
	background-image: url(../images/common/icon_search_renew_white.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:2px;
	left: -35px;


}


/*baseボタンEND*/
/*inputボタン*/
#renew .bd_top.fl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding-top: 35px;/*0207*/
    margin-bottom: 35px;/*0207*/
	column-gap: 30px;
	padding-right: 1rem;
	padding-left: 2rem;
}

#renew .bd_top.fl.al_left {
	justify-content: flex-start;
}
#renew .bd_top.fl.al_left.gap_10 {
	column-gap: 7px;
	row-gap: 30px;
	align-items: flex-start;
}

#renew h4 {
	font-size: 1.8rem;
	padding-left: .7rem;
	border-left: 4px solid #000000;
	line-height: 1.2;
	min-width: 13rem;
}
#renew .container_wide_g .bd_top:nth-child(3) h4,
#renew .container_wide_g .bd_top:nth-child(4) h4 {
	margin-right: 20px;
}
#renew .container_wide_g .bd_top:nth-child(4) h4 {
	margin-top: 0.5rem;
}
#renew input[type=checkbox] {
    display: none;
}
#renew .checkbox01,
#renew .checkbox02,
#renew .checkbox03 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
	font-size: 1.6rem;
	/*font-weight: bold;*/
	z-index: 2;
}
#renew .checkbox01.pro_padding{
   padding: 5px 20px 5px 40px;
}
#renew .checkbox03.good,#renew .checkbox03.nogood {
	font-size: 1.0rem;
	font-weight: bold;
	text-align: center;
	padding-top: 40px;
	padding-left: 15px;
	/*padding-right: 10px;*/
	width: 75px;
}
#renew .checkbox03.nogood {
	cursor: default;
}
#renew .checkbox03.good::before {
	background-image: url('../images/good_btn_off.png');
	background-size: contain;
	content: '';
    display: block;
	position: absolute;
    top: 30px;
	left: 24px;
	width: 28px;
	height: 23px;
	margin-top: -20px;
	background-color: inherit;
	border-radius: inherit;
}
#renew .checkbox03.good::after {
	content: '';
    display: block;
	background: inherit;
	opacity: 0;
    position: absolute;
    bottom: -10px;
	left: -10px;
	width: 100%;
	height: 0.3rem;
	border-radius: 5px;
	z-index: 1;
}
#renew .checkbox02 {
	font-weight: 500;
}
#renew .checkbox03 {
	font-size: 1.3rem;
	font-weight: 500;
	padding: 0 0 0 8px;
	display: flex;
	align-items: center;
	line-height: 1.5;
}
#renew .checkbox03 span span{
	font-size: 1.1rem;
}
#renew .checkbox01::before,
#renew .checkbox02::before {
    background: #fff;
    border: 2px solid #919191;
    content: '';
    display: block;
    height: 18px;
	left: 0;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 18px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #c5c5c5;
}


#renew .checkbox01::after,
#renew .checkbox02::after {
    border-right: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    content: '';
    display: block;
    height: 12px;
    left: 5px;
    margin-top: -8px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 8px;
}
#renew .checkbox03::after {
/*
	content: '';
    display: block;
	background: #007096;
	opacity: 0;
    position: absolute;
    bottom: -10px;
	left: -10px;
	width: 100%;
	height: 0.3rem;
	border-radius: 5px;
	z-index: 1;
*/
}


#renew .checkbox03.silver::after,
#renew .checkbox03.grey::after {
	bottom: 0;
}
#renew input[type=checkbox]:checked + .checkbox01::before,
#renew input[type=checkbox]:checked + .checkbox02::before {
    background: #007096;
	border: none;
	transition: 0.2s;
}

#renew input[type=checkbox]:checked + .checkbox01::after,
#renew input[type=checkbox]:checked + .checkbox02::after,
#renew input[type=checkbox]:checked + .checkbox03::after {
    opacity: 1;
}
#renew input[type=checkbox]:checked + .checkbox03::before {
	border: 1px solid #982f33;
}
#renew .heart > input[type=checkbox]:checked + .checkbox03::before {
	border: none;
}
#renew .heart > input[type=checkbox]:checked + .checkbox03::after {
	background-image: url('../images/good_btn_on.png');
	background-size: contain;
	content: '';
    display: block;
	position: absolute;
    top: 30px;
	left: 24px;
	width: 28px;
	height: 23px;
	margin-top: -20px;
	background-color: inherit;
	border-radius: inherit;
}
#renew .color_box .checkbox03 {
	padding-right: 0;
	padding-left: 45px;
}
#renew .checkbox03 .before {
	background: #000;
    display: block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: inherit;
	background-size: cover;
	margin-right: 5px;
}
/* edit jobu 製品検索画面でカラー選択時に色が付かなくなったのでスタイルを復活 */
#renew input[type=checkbox]:checked + .checkbox03 .before {
border: #b12530 solid 2px;
}

#renew input[type=checkbox]:checked + .checkbox03 span {
color: #b12530;
}
/* edit jobu END */


#renew .color_box .checkbox03 .before {
	background: #000;
    display: block;
	position: absolute;
    top: 50%;
	left: 0px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	border-radius: 50%;
	border: solid 1px #ccc;
	background: inherit;
	background-size: cover;
}

#renew .color_box .checkbox03.is_red .before,
#renew .checkbox03.is_red .before{
	border: solid 2px #af272f;
}

#renew .checkbox03.is_red span{
	color: #af272f;
    font-weight: bold;
}
#renew .color_box .checkbox03 .before.mark {
	border: #b12530 solid 2px;
}

#renew .color_box input[type=checkbox]:checked + label {
	color: #af272f;
	font-weight: bold;
}
#renew .color_box input[type=checkbox]:checked + label {
	color: #af272f;
	font-weight: bold;
}
#renew .color_box input[type=checkbox]:checked + .checkbox03 .before {
	border: solid 2px #af272f;
  }

#renew .color_box input[type=checkbox]:checked + .checkbox03::after {
	background: inherit;
}
#renew .checkbox03::before
#renew .checkbox03.silver,
#renew .checkbox03.grey,
#renew .checkbox03.black,
#renew .checkbox03.white,
#renew .checkbox03.red,
#renew .checkbox03.brown,
#renew .checkbox03.other {
	padding-right: 15px;
}



/*
#renew .checkbox03.silver::before {
	background: inherit;
	background-image: linear-gradient(329deg, rgba(233, 233, 233, 1), rgba(172, 172, 172, 1) 50%, rgba(233, 233, 233, 1));
}
#renew .checkbox03.grey::before {
	background: #b9b9b7;
}
#renew .checkbox03.white::before {
	background: #FFF;
}
#renew .checkbox03.red::before {
	background: #982f33;
}
#renew .checkbox03.brown::before {
	background: #664e46;
}
#renew .checkbox03.other::before {
	background: inherit;
	background-image: url('../images/product/icon_circle_other.png');
	background-size: cover;
}
*/
/* ラジオボタン01 */
#renew input[type=radio] {
    display: none;
}
#renew .radio02,
#renew .radio03,
#renew .radio04,
#renew .radio05,
#renew .radio06,
#renew .radio07 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 7px 25px 5px 30px;
    position: relative;
    width: auto;
	font-size: 1.6rem;
}
#renew .radio05,
#renew .radio06 {
	font-weight: normal;
}

#renew .radio02::before,
#renew .radio03::before,
#renew .radio04::before,
#renew .radio05::before,
#renew .radio06::before {
    background: #fff;
    border: 2px solid #007096;
    border-radius: 50%;
    content: '';
    display: block;
    height: 18px;
    width: 18px;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    box-shadow: 2px 2px 1px #c5c5c5;	/*0207*/
}

#renew .radio07::before {
    background: #fff;
    border: 2px solid #919191;
    border-radius: 50%;
    content: '';
    display: block;
    height: 18px;
    width: 18px;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    box-shadow: 2px 2px 1px #c5c5c5;	/*0207*/
}


#renew .radio02::after,
#renew .radio03::after,
#renew .radio04::after,
#renew .radio05::after,
#renew .radio06::after {
    background: #007096;
    border-radius: 50%;
    content: '';
    display: block;
	width: 10px;
    height: 10px;
    /* edit jobu */
    opacity: 0;
    /* edit jobu END */
    position: absolute;
    top: 50%;
    left: 9px;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
}
#renew input[type=radio]:checked + .radio02::after,
#renew input[type=radio]:checked + .radio03::after,
#renew input[type=radio]:checked + .radio04::after,
#renew input[type=radio]:checked + .radio05::after,
#renew input[type=radio]:checked + .radio06::after,
#renew input[type=radio]:checked + .radio07::after {
    opacity: 1;
}
@media screen and (max-width: 768px) {
	#renew .radio02, #renew .radio03, #renew .radio04, #renew .radio05, #renew .radio06, #renew .radio07 {
		width: 50%;
	}
	#renew .color_box .checkbox03 .before{
		margin-top: -15px;
	}
}
/*type="text"*/
/*
#renew .bd_top.fl.al_left.number_area {
	align-items: flex-start;
}
#renew .number_area div {
	width: 24%;
	min-width: 260px;
	font-size: 1.6rem;
}
*/

#renew .number_area .inner-block {
	width: 245px;
	margin: 0 auto;
	display: inline-grid;
    justify-items: center;
}
#renew .number_area .inner-block input[type="number"] {
	border-radius: 10px;
    height: 2.4em;
    width: 8rem;
    padding: 4px 8px;
    border-radius: 5px;
    background: #FFF;
    border: 1px solid #919191;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0 0.5rem;
	-moz-appearance: textfield !important;
}

#renew .number_area div span {
	vertical-align: bottom;
}
#renew .number_area div .bar {
	width: 180px;
	min-width: 180px;
	margin-top: 20px;
	margin-left: 1.8rem;
	padding: 0.15em 0;
	background: linear-gradient(#cdcdcd 0%, #cdcdcd 100%);
	position: relative;
}
#renew .number_area div .bar.second {
	margin-left: 3.5rem;
}
#renew .number_area div .bar.third {
	margin-left: 3.5rem;
}
#renew .number_area div .bar span {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	background: #ffffff;
	border: 1px solid #cdcdcd;
	border-radius: 50%;
}
#renew .number_area div .bar span.circle_min {
	top: -5px;
	left: 0;
}
#renew .number_area div .bar span.circle_max {
	top: -5px;
	right: 0;
}
#renew .number_area input[type="text"] {
    height: 2.4em;
    width: 7rem;
    padding: 4px 8px;
    border-radius: 5px;
	background: #FFF;
    border: 1px solid #919191;
    box-shadow: 0px 0px 1px #919191 inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	margin: 0 0.5rem;
}
#renew .number_area input[type="text"]:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #007096 inset;
}

/*inputボタンEND*/
/*製品検索エリア*/
#renew .select_area_a select {
	width: 17rem;
	height: 58px;
	padding: 15px 25px 15px 12px;
	border-radius: 5px 0 0 5px;
	border-top: 1px solid #919191;
	border-left: 1px solid #919191;
	border-bottom: 1px solid #919191;
}
#renew .select_area_a .select_wrap {
	position: relative;
}
#renew .select_area_a .select_wrap::after {
	border-right: 1px solid #222222;
    border-bottom: 1px solid #222222;
    content: '';
    display: block;
    height: 8px;
    margin-top: -10px;
    opacity: 1;
    position: absolute;
    top: 56%;
	right: 12px;
    transform: rotate(45deg);
    width: 8px;
}
#renew .select_area_a select:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #007096 inset;
}
#renew .select_area_a input[type="text"] {
	width: 45rem;
	height: 58px;
	padding: 0 15px 0 45px;/*2008*/
	border-radius: 0;
	border: 1px solid #919191;
	background: #f4f4f4;
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.15);
}
#renew .select_area_a input[type="text"]::placeholder {
	text-align: left;
}

#renew .select_area_a .input_wrap {
	position: relative;
}
#renew .select_area_a .input_wrap::before {
    content: "";
    display: block;
    position: absolute;
	top: 29%;
	left: 15px;
    width: 2.2rem;
    height: 2.2rem;
    background-image: url(../images/common/icon_search_renew_black_bold.png);
    background-size: cover;
}
#renew .select_area_a button {
	width: 11rem;
	border-radius: 0 5px 5px 0;
}
#renew .select_area_a button a {
	display: block;
    width: 11rem;
	height: 58px;
    background: #007096;
	border: 1px solid #007096;
    color: #FFF;
    border-radius: 0 5px 5px 0;
    text-align: center;
    font-size: 1.8rem;
    padding: 12px 15px 12px 15px;
    text-decoration: none;
    position: relative;
	font-weight: bold;
	line-height: 34px;
}
#renew .select_area_a button a::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 2.1rem;
	height: 2.1rem;
	margin-right: 0.5rem;
	background-image: url('../images/common/icon_search_renew_white.png');
	background-size: contain;
}
#renew .select_area_a button a:hover {
	transition: 0.2s;
	filter: brightness(120%);
}
#renew .select_area_a input[type="text"]::placeholder {
	position: relative;
  	top: 0.1rem;
	/* left: 3rem; */
	font-size: 1.8rem;
}
#renew .select_area_a input[type="text"]:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #007096 inset;
}

/*製品検索エリアEND*/
/*製品一覧*/
#renew .bd_top.fl.products {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-left: 0;
	padding-right: 0;
	column-gap: 0;
	align-items: flex-start;
}
#renew .pro_check_list .bd_top.fl.products{
	padding-top: 27px;
    margin-bottom: 27px;
}

#renew .bd_top.fl.products .product_img_area {
	width: 27%;
	max-width: 320px;
}
#renew .bd_top.fl.products .product_info_area {
	width: 35%;
	max-width: 380px;
	padding-left: 1rem;
}
#renew .bd_top.fl.products .product_info_area p {
	font-size: 2.6rem;
	font-weight: bold;
	margin-top: 0;
	text-align: left;
	word-break: break-all;
	line-height: 1.1;
}
#renew .bd_top.fl.products .product_info_area .type {
	display: block;
	font-size: 1.3rem;
	color: #1b365d;
	font-weight: bold;
	margin-top: 8px;
}
#renew .bd_top.fl.products .product_info_area .type span {
	vertical-align: middle;
}
#renew .bd_top.fl.products .product_info_area .type .line {
	font-size: 1.5rem;
}
#renew .bd_top.fl.products .product_info_area .color_box,
#renew .bd_top.fl.products .product_info_area .info_box{
	margin-top: 10px;
	word-wrap: break-word;
}
#renew .bd_top.fl.products .product_info_area .info_box span {
	padding-left: .5rem;
	padding-right: .5rem;
}
#renew .bd_top.fl.products .product_info_area .info_box .fs_15,
#renew .bd_top.fl.products .product_info_area .info_box .item_ttl{
	padding-left: 0;
	padding-right: 0;
}
#renew .bd_top.fl.products .product_info_area .info_box span.is_red,
#renew .color_box .is_red{
	color: #af272f;
	font-weight: bold;
}
#renew .bd_top.fl.products .product_info_area .item_ttl {
	display: inline-block;
	min-width: 10rem;
}
#renew .bd_top.fl.products .product_info_area .color_box {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	justify-content: flex-start;
	align-items: center;
}
#renew .bd_top.fl.products .product_info_area .color_box label {
	margin: 12px 0;/*0207*/
    width: 32%;
    line-height: 1.2;/*0207*/
}
#renew .bd_top.fl.products .product_icon_area {
	width: 38%;
}
#renew .bd_top.fl.products .product_icon_area .icon_tag {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	row-gap: 8px;
}
#renew .favorite_list .icon_tag a,
#renew .download_list .icon_tag a,
#renew .bd_top.fl.products .product_icon_area .icon_tag a {
	display: block;
	text-align: center;
	width: 23.8%;
	background: #FFF;
	border-radius: 6px;
	border: 1px solid #007096;
	font-size: 1.6rem;
	padding: 0.1rem 0.5rem;
	margin-left: 5px;
	color: #007096;
	text-decoration: none;
}
#renew .bd_top.fl.products .product_icon_area .icon_tag span {
	display: block;
	text-align: center;
	width: 23.8%;
	background: #f4f4f4;
	border-radius: 6px;
	border: 1px solid #ababab;
	font-size: 1.6rem;
	padding: 0.1rem 0.5rem;
	margin-left: 5px;
	color: #ababab;
	text-decoration: none;
}
#renew .favorite_list .icon_tag a{
	padding: 0;
	margin-right: 0;
}
#renew .bd_top.fl.products .product_icon_area .icon_tag.icon_tag_p0 a{
	padding: 0;
}

#renew .favorite_list .icon_tag a:nth-of-type(4n),
#renew .download_list .icon_tag a:nth-of-type(4n),
#renew .bd_top.fl.products .product_icon_area .icon_tag a:nth-of-type(4n),
#renew .bd_top.fl.products .product_icon_area .icon_tag span:nth-of-type(4n) {
	/*margin-right: 0px;*/
}

#renew .favorite_list .icon_tag a:hover,
#renew .download_list .icon_tag a:hover,
#renew .bd_top.fl.products .product_icon_area .icon_tag a:hover {
	background: #007096;
	color: #fff;
}

#renew .bd_top.fl.products .product_icon_area .btn_line {
	width: 100%;
	max-width: 350px;
	text-align: center;
}
#renew .bd_top.fl.products .product_icon_area .btn_line a {
	display: block;
	color: #FFF;
	font-size: 1.8rem;
	background: #007096;
	border-radius: 6px;
	padding: 0.8em 0 0.85em;
	font-weight: bold;
	text-decoration: none;
	box-shadow: 0 0 0 3px #007096 inset, 0 0 0 5px #FFF inset;
	box-sizing: border-box;
	position: relative;
	filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.26));
}
@media screen and (max-width: 1024px) {
#renew .bd_top.fl.products .product_icon_area .btn_line a {
	font-size: 1.6rem;
}
}

#renew .bd_top.fl.products .product_icon_area a:hover {
	transition: 0.2s;
	filter: brightness(120%);
}
/**
不明なタグ？？どこに使ってる？？？
#renew .bd_top.fl.products .product_icon_area a::before {
	content: "";
	position: absolute;
	display: block;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	border-radius: 5px;
	box-shadow: 2px 1px 1px #c5c5c5;
}
**/
#renew .bd_top.fl.products .product_icon_area .good_search_area {
	display: flex;
	flex-wrap: nowrap;
	margin-top: 30px;
	align-items: center;
}
@media screen and (max-width: 1024px) {
#renew .bd_top.fl.products .product_icon_area .good_search_area {
	margin-top: 20px;
}
}
#renew .sec {
	margin-top: 30px;
}
#renew .sec a {
	display: block;
	font-weight: bold;
}
#renew .sec a span {
	font-weight: 500;
}
#renew .slider {
	display: flex;
	column-gap: 1%;
	position: relative;
	margin-top: 10px;
	flex-wrap: wrap;
}
#renew .slider.slider_border{
	border-bottom: 1px solid #e4e4e4;;
	padding-bottom: 25px;
}
#renew .slider .card {
	width: 24%;
	list-style: none;
}
#renew .slider .card p{
	text-align: left;
	font-weight: bold;
	font-size: 1.6rem;
}
#renew .slider .card p span{
	text-align: left;
	font-weight:initial;
}
#renew .slider::marker {
	display: none!important;
}

#renew .slider.multiple-item .card {
	padding: 14px;
}

/*
#renew .slider::before {
	border-right: 3px solid #007096;
    border-bottom: 3px solid #007096;
    content: '';
    display: block;
    height: 30px;
    left: -25px;
    margin-top: -50px;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: rotate(135deg);
    width: 30px;
}
#renew .slider::after {
	border-right: 3px solid #007096;
    border-bottom: 3px solid #007096;
    content: '';
    display: block;
    height: 30px;
    right: -25px;
    margin-top: -50px;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    width: 30px;
}
*/




#renew.conditions .container.title {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    padding: 0 15px 0;
}
#renew.conditions .container.title .type {
	font-size: 24px; font-weight: bold; margin-top: 30px;
}
/*何か動作がおかしいので削除
#renew.conditions .bd_top.fl.products .product_icon_area a::before {
	content: "";
	position: absolute;
	display: block;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	border-radius: 5px;
	box-shadow: none;
}
*/
/* 条件を絞り込んで探すのカラーボックスの表示がおかしい（カラーバリエーションが2個以下の時レイアウト崩れる。）
 　「カラーや機能で絞り込む」ボタンと、同じクラス名なので「color_box_conditions」に変更しておく。
#renew.conditions .color_box {
*/
#renew.conditions .color_box_conditions {
	float: right;
	margin-bottom: 10px;
}
#renew.conditions .btn_line_color {
	width: 190px;
    text-align: center;
}
#renew.conditions .btn_line_color a {
    display: block;
    color: #FFF;
    font-size: 1.4rem;
    background: #007096;
    border-radius: 6px;
    padding: 1rem 0;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 0 0 3px #007096 inset, 0 0 0 5px #FFF inset;
    box-sizing: border-box;
	filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.26));
}
#renew.conditions .btn_line_color a:hover {
	transition: 0.2s;
	filter: brightness(120%);
}

#renew.conditions .conditions_itembox {
	background-color: #fff;
	padding: 20px;
	margin: 30px 0;
	display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 1024px) {

#renew.conditions .conditions_itembox {
	padding: 15px 10px 20px;
	margin: 30px 0 20px;
	display: block;
}

}

#renew.conditions .conditions_itembox .left {
	width: 80%;
}
#renew.conditions .conditions_itembox .right {
	width: 190px;
	margin-right: -15px;
}
#renew.conditions .conditions_itembox .right.bt a {
    display: block;
    color: #FFF;
    font-size: 1.4rem;
    background: #007096;
    border-radius: 6px;
    padding: 0.6em 0;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
}
#renew.conditions .conditions_itembox .right.bt a:hover {
	transition: 0.2s;
	filter: brightness(120%);
}

#renew.conditions .conditions_itembox ul {
    display: flex;
	flex-wrap:wrap;
}

#renew.conditions .conditions_itembox ul li {
	list-style-type : none;
	padding-left: 28px;
	margin: 3px 5px 3px 0;
	position: relative;
	font-weight: bold;
    font-size: 16px;
    align-items: center;
}
#renew.conditions .conditions_itembox ul li:before {
    font-size: 12px;
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: 600;
	padding-left : 10px;
	color: #000;
	position: absolute;
	left: 0%;
	top: 2px;
}
#renew .download_list .icon_tag .pc_100{
	width: 100px;
}

@media screen and (max-width: 768px) {

#renew.conditions .conditions_itembox .left {
	float: none; width: 100%;
	margin-bottom: 8px;
}
#renew.conditions .conditions_itembox .right {
	margin-right: 5px;
	float: right;
}
#renew.conditions .conditions_itembox .left ul li {
	font-size: 1.4rem;
	margin: 0 15px 5px 0;
}
#renew.conditions .color_box{
	/*margin-bottom: 40px;*//*0207 1-03-11*/
}
#renew .bd_top.fl.products .product_icon_area .icon_tag a{
	margin-right: 0;
}
#renew .favorite_list .icon_tag a,
#renew .download_list .icon_tag a,
#renew .bd_top.fl.products .product_icon_area .icon_tag a,
#renew .bd_top.fl.products .product_icon_area .icon_tag span {
	width: 31.7%;
	padding: 0.5rem 0.5rem 0.56rem;
	line-height: 1.1;
	font-size: 1.4rem;
}
.pc_100{
	width: auto;
}


}

/* 別売品　対応製品のアコーディオン */

#renew #sold_separately .contents_btn {
	position: relative;
	display: block;
	width: 85px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	background: #007096;
	border-radius: 6px;
	padding: 0.3em 0 0.2em;
	font-size: 13px;
	font-weight: bold;
    color: #fff;
	text-align: center;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
}
@media screen and (max-width: 768px) {
	#renew #sold_separately .contents_btn {
		padding: 0.3em 0;
	}
}

/* 別売品　対応製品のアコーディオン end */



/*製品一覧END*/

/*ページャー*/
#renew .pager .pagination {
	text-align: center;
  }

#renew .pager .pagination li {
	display: inline;
	margin: 0 8px;
	padding: 0;
	display: inline-block;
	width: 33px;
	height: 33px;
	text-align: center;
	position: relative;
	border-radius: 5px;
  }

  #renew .pager .pagination li.pre {
	background: #bdbdbd;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
	margin: 0 5px 0 0;
  }
  #renew .pager .pagination li.next {
	background: #bdbdbd;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
	margin: 0 0 0 5px;
  }
  #renew .pager .pagination li.pre.mr_2 {
	margin-right: 2rem;
  }
  #renew .pager .pagination li.next.ml_2 {
	margin-left: 2rem;
  }

  #renew .pager .pagination li a {
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display:block;
	color: #bdbdbd;
	text-decoration: none;
	font-weight: bold;
  }
  #renew .pager .pagination li.pre a,
  #renew .pager .pagination li.next a {
	color: #FFF;
	font-weight: bold;
  }

  #renew .pager .pagination li a span {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
  }
  #renew .pager .pagination li a span img {
	width: 13px;
	height: 14px;
  }

  #renew .pager .pagination li a:any-link:hover,
  #renew .pager .pagination li a.active{
	color: #000;
	background: inherit;
	border-radius: 5px;
  }
  @media screen and (max-width: 768px) {
	#renew .pager .pagination li{
		margin:0;
	}
	#renew .pager .pagination li a span{
		font-size: 17px;
	}
  }


  /*製品情報*/
  #renew .bd_none .fl.products {
	padding-top: 0;
  }
  #renew .bd_none .fl.products .col_02 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
  }
  #renew .bd_none .fl.products .col_02 .item_left {
	width: 43%;
	padding-right: 40px;
  }
  #renew .bd_none .fl.products .col_02 .item_left img {
	border: 1px solid #e6e6e6;
  }

  #renew .bd_none .bd_top.fl.products .col_02 .product_img_area {
	width: 100%;
	max-width: inherit;
  }
  #renew .bd_none .fl.products .col_02 .product_info_area {
	width: 100%;
	max-width: inherit;
  }
  #renew .bd_none .fl.products .col_02 .product_icon_area {
	width: 100%;
	max-width: inherit;
  }
  #renew .bd_none .fl.products .col_02 .product_icon_area .btn_line {
	width: 50%;
  }

  #renew .bd_none .fl.products .col_02 .product_icon_area .btn_line a {
	box-shadow: inherit;
  }
  #renew .bd_none .fl.products .col_02 .product_icon_area .btn_line.btn_print {
	width: 185px;
  }
  #renew .bd_none .fl.products .col_02 .item_right {
	width: 57%;
	/*padding-left: 3rem;*/
  }
  #renew .bd_none .fl.products .col_02 .item_right th {
	width: 40%;
  }
	#renew .bd_none .fl.products .col_02 .item_right .base_btn a{
		text-align: center;
		}
	#renew .bd_none .fl.products .col_02 .item_right .base_btn span{
	font-size: 1.4rem;
	font-weight: normal;
	}


  #renew .bd_none .fl.products .col_02 ul {
	display: flex;
    flex-wrap: wrap;
    max-width: inherit;
    justify-content: space-between;
    margin: 30px 0 15px;
	row-gap: 10px;
  }
  #renew .bd_none .fl.products .col_02 ul li {
	list-style: none;
	width: 48%;
  }
  #renew .container_wide .w_33 th,
  #renew .container_wide .w_33 td {
	width: 33%;
	min-width: 200px;
  }
  #renew .fl_ttl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 80px;
	align-items: center;
  }
  #renew .fl_ttl .btn_terms a {
    display: block;
    color: #FFF;
    font-size: 1.5rem;
    background: #007096;
    border-radius: 5px;
    padding: 0.5em 3rem;/*0207*/
    font-weight: 500;
    text-decoration: none;
    position: relative;
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	}
	#renew .fl_ttl .btn_terms a:hover,.form_btn01 .f-button:hover,.form_btn02 .f-button:hover,.form_btn03 .f-button:hover,
	#renew .login_btn a:hover,#renew .login_btn-close a:hover,.form_btn04 .f-button:hover{
		transition: 0.2s;
		filter: brightness(120%);
	}
	#renew .icon_function {
		margin-top: 30px;
		display: flex;
		flex-wrap: wrap;
		row-gap: 20px;
		column-gap: 20px;
		text-align: center;
	}
	#renew .icon_function a {
		background: #008c95;
		text-decoration: none;
		position: relative;
		width: 77px;
		height: 77px;
		padding: 0.5rem 0.5rem;
		border-radius: 5px;
	}
	#renew .icon_function span {
		display: block;
		width: 90%;
		font-size: 1.4rem;
		color: #FFF;
		font-weight: 500;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
	}
	#renew .ac_area .col_02 {
		display: flex;
		flex-wrap: wrap;
	}
	#renew .ac_area .col_02 .item_left {
		width: 50%;
		padding-right: 3rem;
		margin-top: 30px;
	}
	#renew .ac_area .col_02 .item_right {
		width: 50%;
		padding-left: 3rem;
		margin-top: 30px;
	}
	#renew .ac_area .col_02 .ac {
/*		padding: 1rem 5rem 1rem 1rem; */
		padding: 1rem;
		border-top: 1px solid #cccccc;
		font-weight: bold;
		position: relative;
	}
	#renew .ac_area .col_02 .ac .bar {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	}
	#renew .ac_area .col_02 .ac .bar::after {
		border-right: 2px solid #191919;
		border-bottom: 2px solid #191919;
		content: '';
		display: block;
		height: 10px;
		margin-top: -3px;
		opacity: 1;
		transform: rotate(45deg);
		width: 10px;
		transition: all 0.3s;
	}
	#renew .ac_area .col_02 .ac.is-open .bar::after {
		margin-top: 7px;
		transform: rotate(-135deg);
	}


	#renew .ac_area .col_02 .ac .open_item {
	display: none;
}


	#renew .ac_area .col_02 .ac:last-child {
		border-bottom: 1px solid #cccccc;
	}



	#renew .ac_area .col_02 .bg_grey {
		padding: 20px;
		margin-bottom: 20px;
	}
	#renew .ac_area .col_02 .bg_grey table {
		margin: 0;
	}
	#renew .ac_area .col_02 .bg_grey a {
		text-align: center;
	}
	#renew .ac_area .col_02 .bg_grey span {
		font-size: 1.4rem;
		font-weight: normal;
	}
	#renew .icon_tag.sec_icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		column-gap :10px;
		row-gap: 10px;
		margin-top: 30px;
	}
	#renew .icon_tag.sec_icon a {
		text-decoration: none;
	}
	#renew .icon_tag.sec_icon span {
		display: block;
		text-align: center;
		width: 100px;
		background: #FFF;
		border-radius: 5px;
		border: 1px solid #007096;
		font-size: 1.8rem;
		padding: 0.2rem 0.5rem;
		color: #007096;

	}
	#renew .icon_tag.sec_icon.sec_icon02 span {
		padding: 0.8rem 3rem;
	}
	#renew .icon_tag.sec_icon.wide {
		display: flex;
		flex-wrap: wrap;
	}
	#renew .icon_tag.sec_icon.wide span {
		display: inline-block;
		padding-left: 2rem;
		padding-right: 2rem;
		width: inherit;
	}
	#renew .kerword {
		margin-top: 30px;
	}

  /*製品情報END*/
  @media screen and (max-width: 768px) {
	#renew .pager .pagination li{
		width: 30px;
		height: 30px;
	  }

	  #renew .pager .pagination li.pre,
	  #renew .pager .pagination li.next{
		display: inline-block;
		text-align: center;
	  }

	  #renew .pager .pagination li.pre a,
	  #renew .pager .pagination li.next a{
		width: 100%;
		text-align: center;
	  }
	  #renew .pager .pagination li.pre.mr_2 {
		margin-right: 0;
	  }
	  #renew .pager .pagination li.next.ml_2 {
		margin-left: 0;
	  }
  }
/*ページャーEND*/

/*マイページ*/
#renew .login_btn,#renew .login_btn-close{
    width: 80%;
    margin: 20px 10px 0;
    max-width: 230px;
	display: flex;
    align-items: stretch;
}
#renew .login_btn a,#renew .login_btn-close a{
    display: block;
    color: #FFF;
    font-size: 1.4118rem;
    background: #007096;
    border-radius: 5px;
    padding: 0.8em 0;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    text-align: center;
	width: 100%;

}
#renew .login_btn-close a::before,#renew .form_btn04 .f-button::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/close_btn.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 0.5rem;
}
#renew h2 .login_stext{
font-size: 3rem;
    font-weight: 500;
    color: #222;
    background: none;
    vertical-align: middle;
    padding: 0;
    margin-left: 0;
}
#renew .mypage_box .mypage_text{
	text-align: center;
	font-size: 2.259rem;
    font-weight: 500;
}
#renew .mypage_position {
	position: relative;
}
#renew .mypage_position .mypage_bt_blue{
	position: absolute;
    top: 0;
    right: 97px;
    margin-top: 14px;
}

#renew .mypage_position .mypage_bt_blue.download_bt_blue{
	right: 4px;
}
#renew .mypage_box h2.profile_name{
	padding-top: 0;
}
#renew h2 .mypage_stitle{
    font-size: 2.258rem;
    font-weight: 500;
    color: #222;
    background: none;
    padding: 0;
    margin-left: 0;
    display: block;
}
#renew .mypage_stitle::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/common/icon_profile.svg);
    background-size: contain;
    vertical-align: middle;
}
#renew h2 .mypage_stext{
    font-size: 1.6rem !important;
    font-weight: bold !important;
    color: #FFF !important;
    background: #008c95 !important;
    vertical-align: middle !important;
    padding: 0.25em 0.5em !important;
    margin-left: 1.5rem !important;
}
#renew .mypage_bt_blue{
    float: right;
}
#renew .mypage_bt_blue a {
    font-size: 15px;
    color: #fff;
    width: 200px;
    background-color: #007096;
    border-radius: 5px;
    text-decoration: none;
    padding: 8px 15px;
    text-align: center;
}
#renew .mypage_bt_blue a:hover{
	transition: 0.2s;
	filter: brightness(120%);
}
.form_area{
     width: 81.82%;
    margin-left: auto;
    margin-right: auto;
}
.form_box{
    display: flex;
    width: 81.82%;
    margin-left: auto;
    margin-right: auto;
    border-top:1px solid #e4e4e4;
    padding: 18px 0;
}
.form_box_line {
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
}
.form_box.last-element {
    border-bottom: 1px solid #e4e4e4;
}
.item_title{
    min-width: 32%;
    padding-left: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	margin-top: 15px;
}
.item_title_dm{
    width: 30%;
}
.item_title span{
    background: #af272f;
    color: #fff;
    text-align: left;
    padding: 3.5px 8px;
    margin-right: 30px;
    font-size: 1.318rem;
}
.item_input{
    width: 100%;
}
.item_input input{
    display: block;
    width: 100%;
    padding: 7px;
    margin: 4px 8px 8px 0;
    border-radius: 5px;
    border: 1px solid #919191;
}
.item_input input[type="text"]:focus {
	outline: 0;
    box-shadow: 0 0 0 2px #919191 inset;
}
.item_title label[for]{
    cursor: auto;
    border-left: 4px solid #000;
    padding: 0 0 0 8px;
    font-weight: bold;
}
.item_input span{
    color: #af272f;
}
.form_box .catalog-contact-form-radio-item + label{
	width: 28%;
}
.form_box .catalog-contact-form-select select{
	width: 100%;
    padding: 1rem 1rem;
    border-radius: 5px;
    border: 1px solid #919191;
}
.form_box .catalog-contact-form-select select::after {
    border-right: 1px solid #222222;
    border-bottom: 1px solid #222222;
    content: '';
    display: block;
    height: 12px;
    margin-top: -10px;
    opacity: 1;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: rotate(45deg);
    width: 12px;
}
.form_btn01{
    width: 100%;
    max-width: 360px;
    text-align: center;
    display: grid;
    margin: 20px 10px 0;
}
.form_btn02{
    width: 100%;
    max-width: 230px;
    text-align: center;
    display: grid;
    margin: 20px 10px 0;
}
.form_btn03{
    width: 100%;
    max-width: 360px;
    text-align: center;
    display: grid;
    margin: 20px 10px 0;
}
.form_btn04{
    width: 100%;
    max-width: 360px;
    text-align: center;
    display: grid;
    margin: 20px 10px 0;
}
.form_btn01 .f-button{
    display: block;
    color: #FFF;
    font-size: 1.8rem;
    background: #007096;
    border-radius: 5px;
    padding: 0.8em 0;
    font-weight: bold;
    text-decoration: none;
	box-shadow: 0 0 0 3px #007096 inset, 0 0 0 5px #FFF inset, 2px 0 4px rgba(0,0,0,.3);
    box-sizing: border-box;
    position: relative
}
.form_btn02 .f-button{
    display: block;
    color: #FFF;
    font-size: 1.8rem;
    background: #007096;
    border-radius: 5px;
    padding: 0.8em 0;
    font-weight: 500;
    text-decoration: none;
    position: relative;
}
.form_btn03 .f-button{
    display: block;
    color: #FFF;
    font-size: 1.8rem;
    background: #007096;
    border-radius: 5px;
    padding: 0.8em 0;
    font-weight: 500;
    text-decoration: none;
    position: relative;
}
.form_btn04 .f-button{
    display: block;
    color: #FFF;
    font-size: 1.8rem;
    background: #007096;
    border-radius: 5px;
    padding: 0.8em 0;
    font-weight: 500;
    text-decoration: none;
    position: relative;
}
.login_icon .f-button::before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 30px;
    height: 16px;
    margin-right: 0.5rem;
    margin-top: 0.3rem;
    background-image: url(../images/login_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.mail_icon .f-button::before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 30px;
    height: 16px;
    margin-right: 0.5rem;
    margin-top: 0.3rem;
    background-image: url(../images/mail_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.form_box .rule_box {
	font-size: 15px;
    overflow-y: auto;
    max-height: 180px;
	padding: 0 20px;
}
.form_box .rule_box .rule_title{
	font-size: 16px;
    font-weight: bold;
}
.form_box .rule_box .rule_text p{
    font-weight:normal !important;
	margin-top: 15px !important;
}
.form_box .rule_box .rule_text .title {
	font-weight: bold;
	border-bottom: 1px solid #1b365d;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
.form_box .item_input input[type=checkbox] + label[for]:before {
  display: inline-block;
}
.form_box .item_input .user_input{
	padding-top: 20px ;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 928px) {
	.form_box .catalog-contact-form-radio-item + label {
		width: 44%;
	}
}
@media screen and (max-width: 768px) {
	#renew .mypage_position.with_btn {
		padding-bottom: 30px;
	}

	.form_area{
		width: 100%;
	}
	.item_title{
		display: flex;
		justify-content: flex-start;
		margin-bottom: 20px;
		padding-left:0px;
	}
	.item_title span{
		margin-left: 20px;
	}
	.item_title_dm{
		width: 100%;
	}
	.form_box {
		display: block;
		width: 100%;
	}
	.item_input input{
		margin-top: 20px;
	}
	#renew .form_btn01,#renew .login_btn-close,#renew .login_btn{
		max-width: 100% !important;
		margin: 10px 4px;
		width: 100%;
	}
	#renew .form_btn02{
		max-width: 40% !important;
		margin: 10px 0;
	}
	#renew .form_btn04{
		max-width: 55% !important;
		margin: 10px 0;
	}
	#renew .sp-align-left   {
		text-align: left !important;
		padding: 20px 0 0 0 !important;
	}
	#renew .row_center {
		display: flex;
		padding: 0;
		flex-direction: column;
		/*align-items: center;*/
	}
	#renew h2 .login_stext{
		width: 100%;
	}
	.mypage_box .profile_name{
		display: block !important;
	}
	#renew .mypage_box h2.profile_name::before{
		margin-bottom: -6px;
	}
	.mypage_box .profile_name .mypage_stext{
		display: block !important;
		width: 12rem !important;
		margin: auto !important;
	}
	#renew .mypage_position .mypage_bt_blue{
		position: absolute;
        margin: 85px 0 20px 0;
	}
	.sp_senter_check{
		display: inline-table;
		text-align: center;
	}
	.sp_senter_check .checkbox02{
		width: 25% !important;
	}
	#renew h2 .mypage_stext{
		margin-left: auto !important;
	}
}
/*マイページEND*/
/*テーブル*/
#renew .container .table-scroll {
	margin-bottom: 50px;/*0207*/
}
#renew .container .table-scroll.margin_none {
	margin-bottom: 0px;
}
#renew .container table {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
	border-collapse: collapse;
	font-size: 1.6rem;
}
#renew .container table tr {
	vertical-align: middle;
}
#renew .container table tr.al_left th {
	text-align: left;
	text-wrap: nowrap;
}
#renew .container #sold_separately table tr.al_left th {
	vertical-align: top;
}
#renew .container table tr a {
	display: block;
}
#renew .container table tr td:nth-child(4) a {
	display: inline-block;
	margin-right: 1rem;
}
#renew .container table th {
	border: 1px solid #cccccc;
	vertical-align: middle;
	padding: 1rem 2rem;
	background: #eaeaea;
	font-weight: bold;
}
#renew .container table tr th a {
	display: inline-block;
}
#renew .container table#table_option {
	width: 1100px;
}
#renew .container table#table_option th:first-child {
	width: 200px;
}
#renew .container table#table_option th:nth-child(2) {
	width: 180px;
}
#renew .container table#table_option th:nth-child(3) {
	width: 180px;
}
#renew .container table#table_option th:nth-child(5) {
	width: 180px;
}
#renew .container table#table_option td:nth-child(4),
#renew .container table#table_option td:nth-child(5){
	font-size: 1.4rem;
}
#renew .container table td {
	border: 1px solid #cccccc;
	vertical-align: middle;
	padding: 1rem 2rem;
	background: #ffffff;
	font-weight: 500;
	line-height: 1.7;
}
#renew .container #sold_separately table td {
	vertical-align: top;
}
#renew .container table td span {
	font-size: 1.3rem;
	display: block;
	margin-top: -0.5rem;
	margin-left: 1rem;/*0207*/
}
#renew .container .open_item table td span {
	font-weight: bold !important;
	font-size:initial !important;
	display: block;
	margin-top: 0;
	min-width: auto;
}
@media screen and (max-width:1024px) {
	#renew .container .table-scroll {
		overflow-x: scroll;
	}
	#renew .container table {
		font-size: 1.4rem;
	}
	#renew .container table {
		margin-bottom: 0;
	}
  }
  @media screen and (max-width: 768px) {
	#renew .container .table-scroll{
		/*margin-bottom: 0;  0207*/
	}

  }

/*テーブルEND*/


@media screen and (max-width: 1024px) {
	#renew .pc_only {
		display: block;
	}
	#renew .sp_only {
		display: none;
	}
	#renew .search_area_a {
		justify-content: center;
	}
	#renew .hr_slide_img {
		margin: 15px auto 10px;
		width: 90%;
	}
	#renew .bg_grey .hr_slide_img {
		margin: 0 auto 10px;
		width: 90%;
	}
}
@media screen and (max-width: 768px) {
	#renew .btn_print,
	#renew .pc_only {
		display: none;
	}
	#renew .sp_only {
		display: block;
	}
	#renew main .container {
		padding: 0 15px 50px;
		width: 100%;
	}
	#renew .container.container_sp{
		padding: 0;
	}
	#renew .select_area_a {
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 10px;
	}
	#renew select {
		font-size: 1.6rem;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 10px;
		margin: 0px;
	}
	#renew .catalog-contact-form-select{
		position: relative;
	}
	#renew .catalog-contact-form-select.sp_only select:focus {
		outline: 1px solid #919191;
	}
    #renew .catalog-contact-form-select.sp_only #job-select{
		padding: 9px 15px 13px 15px;
		box-shadow: inset 3px 3px 3px rgba(0,0,0,.1);
		padding: 14px 15px 8px 15px;
		margin: 6px 8px 5px 0;
	}

	#renew .catalog-contact-form-select::before {
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
		content: '';
		display: block;
		height: 10px;
		right: 22px;
		margin-top: -11px;
		opacity: 1;
		position: absolute;
		top: 27px;
		transform: rotate(45deg);
		width: 10px;
	}


	#renew .select_area_a .select_wrap {
		width: 30%;
	}
	#renew .select_area_a select {
	    font-size: 9px; /*追加240123分*/
	    height: 47px;
	    padding: 10px 22px 10px 8px;/* 追加240123分 */
		width: 100%;
		/*padding-right: 2.5rem; 元CSS240123*/
	}
	#renew .select_area_a .input_wrap {
		width: 70%;
	}
	#renew .select_area_a input[type="text"] {
		width: 100%;
		height: 47px;
		font-size: 1.3rem;
		/*padding-left: 3.5rem; 元CSS240123*/
		border-radius: 0 5px 5px 0;
		padding: 0 1.5rem 0 3.5rem;
		/* padding: 1.1rem 3.5rem 1rem 3.5rem; 追加240123分 */
	}
	#renew .select_area_a input[type="text"]::placeholder {
		left: 0rem;
	}
	#renew .radio02, #renew .radio03, #renew .radio04, #renew .radio05, #renew .radio06 {
		font-size: 1.6rem;
		width: 48%;
		padding: 6px 30px 5px 30px;
	}
	#renew .select_area_a .input_wrap::before {
		left: 12px;
		width: 1.7rem;
		height: 1.7rem;
	}
	/*
	#renew .number_area div {
		width: 100%;
		text-align: right;
	}
	*/


	#renew .number_area .inner-block {
		width: 100%;
	}

	#renew .number_area input[type="text"] {
		width: 32%;
	}
	#renew .number_area .inner-block input[type="number"]{
		width: 10rem;
	}
	#renew .number_area div .bar {
		width: 80%;
		margin-left: 15%;
	}
	#renew .select_area_a button {
		margin-top: 18px;
		width: 40%;
	}
	#renew .select_area_a button a {
		border-radius: 5px 5px 5px 5px;
		width: 100%;
		height: 47px;
		padding: 0 15px 0 5px;
		font-size: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
	}
	#renew p {
		font-size: 1.3rem;
	}

	#renew .tab_select {
		margin-top: 0;
	}

	#renew .tab_select div {
		width: 33%;
	}

	#renew .tab_select span,
	#renew .tab_select a {
		font-size: 1.3rem;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		height: 42px;
		line-height: 1.1;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.26);
	}
	#renew .tab_select div.active span,
	#renew .tab_select div.active a {
	padding: 0;
	height: 52px;
	}


	#renew .tab_select span::before,
	#renew .tab_select a::before {
		display: none;
	}
	#renew .checkbox01,
	#renew .checkbox02,
	#renew .checkbox03 {
		box-sizing: border-box;
		cursor: pointer;
		display: inline-block;
		padding: 5px 30px;
		font-size: 1.4rem;
		font-weight: 500;
		width: 50%;
		padding-right: 0;
	}

	 #renew .checkbox01.sp_halfwidth,
	 #renew .checkbox02.sp_halfwidth,
	 #renew .checkbox03.sp_halfwidth {
		width: 50%;
	 }
	#renew .checkbox01.sp_wide {
		width: 80%;
	  }
	#renew .bd_top.fl {
		justify-content: flex-start;
		padding-top: 20px;
		margin-bottom: 20px;
	}
	#renew h4 {
		font-size: 1.8rem;
		padding-left: 1.0rem;
		width: 48.3%;
	}
	#renew h4.w40p {
		width: 40%;
	}
	#renew h4.title01{
		width: 100%;
	}
	#renew h4.fs_22.mt_50 {
		width: 100%;
	}
	#renew h4.fullwidth {
		width: 100%;
		margin-bottom: 1em;
	}

	#renew .container_wide_g .bd_top:nth-child(3) h4,
	#renew .container_wide_g .bd_top:nth-child(5) h4{
		margin-right: 0;
		margin-top: 6px;
	}

	#renew .container_wide_g .bd_top:nth-child(4) h4 {
		margin-right: 0;
	}
	#renew .radio02,
	#renew .radio03,
	#renew .radio04,
	#renew .radio05,
	#renew .radio06 {
		padding-right: 0;
	}
	#renew .bd_top.fl.al_left {;
	}
	#renew .bd_top.fl.al_left.gap_10{
		row-gap: 10px !important;
	}
	#renew .checkbox03 {
		width: 23%;
		padding: 0px;
		display: flex;
		flex-direction: column;
        align-items: center;
		text-align: center;
	}
	#renew .pro_check_list .checkbox03 {
		flex-direction: initial;
	}
	#renew .checkbox03 .before{
		margin-right: 0;
		width: 42px;
		height: 42px;
	}

	#renew .checkbox03.silver,
	#renew .checkbox03.grey,
	#renew .checkbox03.black,
	#renew .checkbox03.white,
	#renew .checkbox03.red,
	#renew .checkbox03.brown,
	#renew .checkbox03.other {
		padding-right: 0;
		text-align: center;
	}
	#renew .checkbox03::before {
		left: 16px;
		margin-top: -50px;
	}
	#renew .checkbox03::after {
		left: 0;
	}
	#renew .checkbox03 span {
		margin-top: 5px;
		font-size: 1.4rem;
		line-height: 1.1;
	}
	#renew .heart .checkbox03 span {
		font-size: 1rem;
		margin-top: 0;
	}
	#renew .checkbox03 span span{
		font-size: 1rem;
	}
	#renew .number_area div .bar.third {
		margin-left: 15%;
	}
	#renew .number_area div .bar.second {
		margin-left: 15%;
	}
	#renew .radio05, #renew .radio06 {
	}
	#renew .input_wrap input[type="text"]::placeholder {
		font-size: 12px;
	   }
	#renew .bd_top.fl {
		padding-left: 0;
		padding-right: 0;
		/*row-gap: 30px;*/
	}
	#renew .search_area_a .btn_terms a::before {
		right: 10px;
	}
	#renew .search_area_a .btn_terms a::after {
	/*
		border-right: 2px solid #FFF;
		border-bottom: 2px solid #FFF;
		content: '';
		display: block;
		right: 15px;
		margin-top: -11px;
		width: 12px;
		height: 12px;
		margin-top: -10px;
		*/
	}
	#renew .search_area_a {
		justify-content: flex-end;
		row-gap: 30px;
		margin-top: 0;
	}
	#renew .search_area_a .btn_line {
		width: 100%;
		max-width: 100%;
	}
	#renew .search_area_a .btn_line a {
		width: 100%;
		font-size: 1.5rem;
		padding: 1.1em 0;
	}
	#renew .search_area_a .btn_terms {
		width: auto;
		padding: 0;
	}
	#renew .search_area_a .btn_terms a {
		width: 100%;
		font-size: 1.3rem;
		padding: .7em 2em .7em .8em;
	}

	#renew .result_txt {
		font-size: 1.7rem;
	}

	#renew .fl_col3 .item p {
		font-size: 1.5rem;
	}
	#renew .fl_col3 .item .txt {
		font-size: 1.2rem;
		margin-top: 10px;
	}
	#renew .fl_col3 .item {
		max-width: 48%;
	}
	#renew .fl_col3 {
		column-gap: 10px;
		margin-top: 0;
		padding-bottom: 10px;
	}
	#renew .base_btn {
		width: 100% !important;
		max-width: 100%;
	}
	#renew .base_btn.research {
		margin-top: 50px;
	}
	#renew .bd_none .fl.products .col_02 .item_right .base_btn.w100 a{
		font-size: 1.2rem;
	}
	.global-footer .copyright {
		font-size: 1.0rem;
		padding-left: 0;
		padding-right: 0;
	}
	#renew .bd_top.fl.products .product_info_area .color_box {
		margin-top: 10px;
	}
	#renew .bd_top.fl.products {
		row-gap: 5px;
		justify-content: flex-end;
	}
	#renew .bd_top.fl.products .product_img_area {
		width: 100%;
		max-width: 100%;
	}
	#renew .bd_top.fl.products .product_img_area label {
		width: 70%;
		padding: 5px 15px 0 30px;
	}
	#renew .bd_top.fl.products .product_img_area .sp_fl_wrap {
		display: flex;
		flex-wrap: nowrap;
	}
	#renew .bd_top.fl.products .product_img_area .sp_fl_wrap .txt_area {
		width: 70%;
	}
	#renew .bd_top.fl.products .product_img_area .sp_fl_wrap p {
		font-size: 2.0rem;
		font-weight: bold;
		margin-top: 0;
		text-align: left;
		word-break: break-all;
	}
	#renew .bd_top.fl.products .product_img_area .sp_fl_wrap .type {
		display: block;
		font-size: 1.1rem;
		color: #1b365d;
		font-weight: bold;
	}
	#renew .bd_top.fl.products .product_info_area {
		width: 100%;
		max-width: 700px;
	}
	#renew .bd_top.fl.products .product_info_area.product_info_area_pl {
		padding-left: 3rem;
	}
	#renew .bd_top.fl.products .product_info_area .info_box span {
		font-weight: normal; /*0207*/
	}
	#renew .bd_top.fl.products .product_info_area .info_box span span{
		font-weight: normal; /*0207*/
	}
	#renew .bd_top.fl.products .product_info_area .color_box label {
		padding-top: 10px;
		padding-left: 45px;
		text-align: left;
		margin: 0 0 5px;/*0207*/
		height: 40px;
		font-size: 1.1rem;
		flex-direction: initial;
	}
	#renew .color_box .checkbox03::before {
		width: 35px;
		height: 35px;
	}
	#renew .bd_top.fl.products .product_icon_area {
		width: 95%;
		max-width: 100%;
	}
	#renew .checkbox03.good,#renew .checkbox03.nogood {
		padding-left: 0;
		padding-right: 0;
		width: 60px;
	}
	#renew .checkbox03.nogood {
		cursor: default;
	}

	#renew .checkbox03.good::before {
		left: 13px;
	}
	#renew .heart > input[type=checkbox]:checked + .checkbox03::after {
		left: 13px;
	}
	#renew .bd_top.fl.products .product_icon_area .icon_tag {
		justify-content: flex-start;
		row-gap: 5px;
	}
	#renew .bd_top.fl.products .product_icon_area a::after {
		border-right: 2px solid #FFF;
		border-bottom: 2px solid #FFF;
		content: '';
		display: block;
		position: absolute;
		top: 32px;
		right: 15px;
		margin-top: -11px;
		width: 9px;
		height: 9px;
		transform: rotate(-45deg);
	}
	#renew .bd_top.fl.products .product_icon_area .icon_tag a::after {
		display: none;
	}
	#renew .bd_none .fl.products .col_02 .item_left {
		width: 100%;
		padding-right: inherit;
	}
	#renew .ac_area .col_02 .item_left {
		width: 100%;
		padding-right: inherit;
	}
	#renew .ac_area .col_02 .item_right {
		width: 100%;
		padding-left: inherit;
	}
	#renew .slider .card {
		width: 48%;
	}
	#renew .slider {
		column-gap: 10px;
	}

/*
	#renew .slider::before {
		border-right: 2px solid #007096;
		border-bottom: 2px solid #007096;
		content: '';
		display: block;
		height: 15px;
		left: -5px;
		margin-top: -50px;
		opacity: 1;
		position: absolute;
		top: 50%;
		transform: rotate(135deg);
		width: 15px;
	}
	#renew .slider::after {
		border-right: 2px solid #007096;
		border-bottom: 2px solid #007096;
		content: '';
		display: block;
		height: 15px;
		right: -5px;
		margin-top: -50px;
		opacity: 1;
		position: absolute;
		top: 50%;
		transform: rotate(-45deg);
		width: 15px;
	}
*/
	#renew .slider .card:nth-child(n+3) {
		display: none;
	  }
	  #renew .sec a {
		margin-top: 10px;
	  }
	  #renew .icon_tag.sec_icon span {
		font-size: 1.4rem;
		width: 46%;
		min-width: 46%;
	  }
	  #renew .icon_tag.sec_icon.sec_icon02 a{
		text-align: center;
		width: 48%;
		background: #FFF;
		border-radius: 5px;
		border: 1px solid #007096;
		font-size: 1.8rem;
		padding: 0.5rem;
		color: #007096;
	  }
	  #renew .icon_tag.sec_icon.sec_icon02 span{
		display: initial;
		padding-left: initial;
		padding-right: initial;
		width: inherit;
		background: none;
		border: none;
	  }
	  #renew .ac_area .col_02 .is-open .bg_grey .hr_slide span {
		font-size: 0.4rem;
	  }
	  #renew .icon_function span {
		font-size: 1.2rem;
	  }
	  #renew .icon_function {
		row-gap: 10px;
    	column-gap: 10px;
	  }
	  #renew .bd_none .fl.products .col_02 .item_right {
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
	  }
	  #renew .bd_none .fl.products .col_02 ul li {
		width: 100%;
	  }

}

/*　ダウンロード履歴　*/
#renew .download_list .item {
border-bottom: 1px solid #E4E5E4;
padding: 30px 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
#renew .download_list .item:nth-child(2),
#renew .download_list .item:first-child {
border-top: 1px solid #E4E5E4;
}
@media screen and (max-width: 1024px) {
#renew .download_list .item:nth-child(2) {
border-top: none;
}
#renew .download_list .item{
	padding: 50px 0;
}

}
#renew .download_list .item .product_name {
width: 100%;
font-weight: bold;
font-size: 2.6rem;
margin: 0 0 0.5em;
text-align: left;
line-height: 1;
}
#renew .download_list .item .date {
margin: 0 0 0 1em;
text-align: left;
font-size: 1.6rem;
font-weight: bold;
}

/*　お気に入り履歴　*/
#renew .favorite_list .item {
border-top: 1px solid #E4E5E4;
padding: 30px 0;
margin: 0;
display: flex;
flex-wrap: wrap;
    text-align: left;

}
#renew .favorite_list .item:nth-last-child(2),
#renew .favorite_list .item:last-child  {
border-bottom: 1px solid #E4E5E4;
}
@media screen and (max-width: 1024px) {
#renew .favorite_list .item:nth-last-child(2) {
border-bottom: none;
}
}
#renew .favorite_list .item .btn_delete {
width: 28px;
background-image: url("../images/common/icon_delete.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
cursor: pointer;
}
@media screen and (max-width: 1024px) {
#renew .favorite_list .item .btn_delete {
width: 25px;
margin-right: 10px;
}
}
#renew .favorite_list .item .product_img_area {
width: 160px;
margin-right: 30px;
}
@media screen and (max-width: 1024px) {
#renew .favorite_list .item .product_img_area {
/*width: 120px;*/
margin-right: 15px;
}
}
#renew .favorite_list .item .product_name_area {
flex: 1;
}
#renew .favorite_list .item .product_name_area .name {
font-size: 2.6rem;
    font-weight: bold;
	word-break: break-all ;
	margin: 0 0 1rem;
	line-height: 1.2;
	text-align: left;
}
@media screen and (max-width: 1024px) {
#renew .favorite_list .item .product_name_area .name {
font-size: 2.2rem;
	margin: 0 0 1rem;
}
}
#renew .favorite_list .item .product_name_area .type{
font-size: 1.3rem;
color: #1b365d;
margin: 0;
text-align: left;
font-weight: bold;
}
@media screen and (max-width: 1024px) {
#renew .favorite_list .item .product_name_area .type{
font-size: 1.1rem;
}
}
#renew .favorite_list .item .product_name_area .type span::after {
content: '|';
padding: 0 0.8em;
color: #999;
}
#renew .favorite_list .item .product_name_area .type span:last-child::after {
content: none;
}
#renew .favorite_list .item .product_info_area {
width: 92%;
display: flex;
padding-left: calc(28px + 15px);
margin: 1em 0;
}
@media screen and (max-width: 1024px) {
#renew .favorite_list .item .product_info_area {
padding-left: calc(20px + 10px);
}
}
#renew .favorite_list .item .product_info_area p {
font-weight: normal;
text-align: left;
margin: 0;
font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
#renew .favorite_list .item .product_info_area p {
font-size: 1.4rem;
}
}
#renew .favorite_list .item .product_info_area p:nth-child(2) {
flex: 1;
}

#renew .favorite_list .item .product_icon_area {
width: 100%;
padding-left: calc(28px + 15px);
}
@media screen and (max-width: 1024px) {
#renew .favorite_list .item .product_icon_area {
padding-left: 20px;
}
}
#renew .favorite_list .item .product_icon_area .icon_tag {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px
}
#renew .favorite_list .item .product_icon_area .icon_tag a {
	width: 22%;
	margin-right: 5px;
	margin-left: 0;
}
@media screen and (max-width: 768px) {
#renew .favorite_list .item .product_icon_area .icon_tag {
    row-gap: 5px
}
#renew .favorite_list .item .product_icon_area .icon_tag a {
	width: 31.7%;
	margin-right: 0;
    margin-left: 5px;
}
}

#renew .result_area {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
#renew .result_area p{
margin: 0;
font-weight: normal;
line-height: 1;
font-size: 1.6rem;
}
/* 取り付けタイプオプションリスト */
#renew .non-select {
user-select: none;
}
#renew .product-option-type-list {
width: 100%;
padding: 2rem 0 0 16rem;
position: relative;
display: none;
}
@media screen and (max-width: 1024px) {
#renew .product-option-type-list {
padding-left: 0;
}
}

#renew .product-option-type-list.is-open {
display: block;
}
#renew .product-option-type-list::before {
content: "";
display: block;
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
background-image: url("../images/common/ico")
}

#renew .product-option-type-list-inner {
width: 100%;
padding: 3rem 2rem;
background-color: #fff;
border-radius: 10px;
position: relative;
}
@media screen and (max-width: 1024px) {
#renew .product-option-type-list-inner {
display: flex;
flex-wrap: wrap;
gap: 10px 15px;
}
#renew .product-option-type-list-inner .checkbox02 {
width: auto;
}
}
#renew .product-option-type-list-inner .nav-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    background: transparent;
    border: none;
}
#renew .product-option-type-list-inner .nav-close::before,
#renew .product-option-type-list-inner .nav-close::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 28px;
    left: 13px;
    width: 28px;
    height: 3px;
    background: #1b365d;
    border-radius: 1px;
}
#renew .product-option-type-list-inner .nav-close::before {
    transform: rotate(45deg);
}
#renew .product-option-type-list-inner .nav-close::after {
    transform: rotate(-45deg);
}
/* 240101追加CSS */
.comparison{
background: #fff;
overflow: auto;
max-width: 100%;
}
.comparison_position{
position: relative;
}
.comparison_bt_blue{
position: absolute;
top: 0;
right: 0;
margin-top: 10px;
display: flex;
}
#renew .comparison_bt_blue .btn01 a{
font-size: 15px;
color: #fff;
width: 200px;
background-color: #007096;
border-radius: 5px;
text-decoration: none;
padding: 10px 25px;
text-align: center;
}
#renew .comparison_bt_blue .btn02 a{
font-size: 15px;
color: #fff;
width: 200px;
background-color: #007096;
border-radius: 5px;
text-decoration: none;
padding: 10px 25px;
text-align: center;
box-shadow: 0 0 0 3px #007096 inset, 0 0 0 5px #FFF inset;
margin-left: 10px;
}

#renew .comparison_bt_blue .btn01 a:hover, #renew .comparison_bt_blue .btn02 a:hover{
	transition: 0.2s;
	filter: brightness(120%);
}

.comparison .product_img{
display: flex;
justify-content: center;
background: #fff;
top: 0;
z-index: 9999;
}
.comparison .product_img.fixed{
position: fixed;
right: 50%;
transform: translateX(50%) translateY(0%);
background: #fff;
width: 1100px;
}
.comparison .product_img_box{
padding: 10px;
border-left: 1px solid #e4e4e4;
border-top: 1px solid #e4e4e4;
text-align: center;
}
.comparison .product_img_box:first-child{
border-left: none;
}
.comparison .product_img_box .title{
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}
.comparison .product_img_box .btn{
	margin-top: 18px;
	margin-bottom: 11px;
}
.comparison .product_spec_area{
display: flex;
justify-content: center;
}
.comparison .product_spec_box{
padding: 10px;
border-left: 1px solid #e4e4e4;
text-align: center;
}
.comparison .product_spec_box:first-child{
border-left: none;
}
.comparison .product_clean_area{
display: flex;
justify-content: center;
}
.comparison .product_clean_box{
width: 220px;
padding: 10px;
border-left: 1px solid #e4e4e4;
text-align: center;
}
.comparison .product_clean_box .img{
	margin-top: 27px;
}
.comparison .product_clean_box:first-child{
border-left: none;
}
.comparison .product_energy_area{
display: flex;
justify-content: center;
}
.comparison .product_energy_box{
padding: 10px;
border-left: 1px solid #e4e4e4;
text-align: center;
}
.comparison .product_energy_box:first-child{
border-left: none;
}
.comparison .product_function_area{
display: flex;
justify-content: center;
}
.comparison .product_function_box{
padding: 10px;
border-left: 1px solid #e4e4e4;
text-align: center;
}
.comparison .product_function_box:first-child{
border-left: none;
}
.comparison .btitle{
background: #777777;
color: #fff;
padding-left: 20px;
height: 30px;
display: flex;
align-items: center;
}
.mt_30{
margin-top: 30px;
}
.comparison .product_spec_box .text,.comparison .product_clean_box .text,.comparison .product_energy_box .text,.comparison .product_function_box .text{
margin-bottom: 20px;
font-size: 1.5rem;
}
.comparison .text span{
display: block;
font-weight: bold;
}
.comparison .product_clean_box .text,.comparison .product_energy_box .text,.comparison .product_function_box .text{
/*font-weight: bold;*/
}
.comparison .product_img_box .btn a{
	display: block;
	color: #FFF !important;
	font-size: 1.5rem;
	background: #007096;
	border-radius: 5px;
	padding: 0.5em 0;
	text-decoration: none;
	box-sizing: border-box;
	position: relative;
	margin: 0 24px;
	box-shadow: 0 0 0 0px #007096 inset, 0 0 0 0px #FFF inset;
	font-weight: bold;
	}
@media screen and (max-width: 768px) {
.comparison .product_img_box .btn a{
	margin: 0;
	}
}
	.comparison .product_img_box .btn a::before {
		content: "";
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 5px;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
	}
	.comparison .product_img_box .btn a:hover {
		transition: 0.2s;
		filter: brightness(120%);
	}
	.comparison.product_3line .product_img,.comparison.product_4line .product_img,.comparison.product_5line .product_img,
	.comparison.product_3line .product_spec,.comparison.product_4line .product_spec,.comparison.product_5line .product_spec,
	.comparison.product_3line .product_clean,.comparison.product_4line .product_clean,.comparison.product_5line .product_clean,
	.comparison.product_3line .product_energy,.comparison.product_4line .product_energy,.comparison.product_5line .product_energy,
	.comparison.product_3line .product_function,.comparison.product_4line .product_function,.comparison.product_5line .product_function{
		width: 1100px;
	}
	.comparison.product_2line .product_img_box,.comparison.product_2line .product_spec_box,.comparison.product_2line .product_clean_box,.comparison.product_2line .product_energy_box,.comparison.product_2line .product_function_box{
		width: 220px;
	}
	.comparison.product_3line .product_img_box,.comparison.product_3line .product_spec_box,.comparison.product_3line .product_clean_box,.comparison.product_3line .product_energy_box,.comparison.product_3line .product_function_box{
		width: 366px;
	}
	.comparison.product_4line .product_img_box,.comparison.product_4line .product_spec_box,.comparison.product_4line .product_clean_box,.comparison.product_4line .product_energy_box,.comparison.product_4line .product_function_box{
		width: 275px;
	}
	.comparison.product_5line .product_img_box,.comparison.product_5line .product_spec_box,.comparison.product_5line .product_clean_box,.comparison.product_5line .product_energy_box,.comparison.product_5line .product_function_box{
		width: 220px;
	}

@media screen and (max-width: 768px) {

.comparison_bt_blue{
position: initial;
top: 0;
left: 0;
margin-top: 100px;
display: flex;
justify-content: flex-end;
}
.comparison .product_img,.comparison .product_spec,.comparison .product_clean,.comparison .product_energy,.comparison .product_function{
display: block;
clear: both;
width: 100%;
}

.comparison .product_img_box,.product_spec_box,.product_clean_box,.product_energy_box,.product_function_box{
/*width: 220px;*/
float: left;
}
.comparison .product_img.fixed {
left: 15px;
width: 92%;
transform: translateX(0%) translateY(0%);
}

.comparison.product_3line .product_img,.comparison.product_4line .product_img,.comparison.product_5line .product_img,
	.comparison.product_3line .product_spec,.comparison.product_4line .product_spec,.comparison.product_5line .product_spec,
	.comparison.product_3line .product_clean,.comparison.product_4line .product_clean,.comparison.product_5line .product_clean,
	.comparison.product_3line .product_energy,.comparison.product_4line .product_energy,.comparison.product_5line .product_energy,
	.comparison.product_3line .product_function,.comparison.product_4line .product_function,.comparison.product_5line .product_function{
		width: 1100px;
}

.scroll-hint-icon{
top: 50px !important;
}
.comparison.product_2line{
	width: 100%;
}
.comparison.product_2line .product_img_box,.comparison.product_2line .product_spec_box,.comparison.product_2line .product_clean_box,.comparison.product_2line .product_energy_box,.comparison.product_2line .product_function_box{
	width: 50%;
}
}
/* 240101追加CSS END*/

/* 一般サイト追加CSS */
#renew.general .global-header-inner .login_box ul li.online a::before{
	mask-image: url(../../fujioh/images/common/icon_online.png);
	content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    margin-right: 2px;
    background-color: #000;
}
#renew.general .global-header-inner .login_box ul li.global a::before{
	mask-image: url(../../fujioh/images/common/icon_global.png);
	content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    margin-right: 2px;
    background-color: #000;
}
#renew.general .fl_col3 .base_btn{
	max-width: 345px;
}
#renew.general .global-footer{
	border-top: none;
}

#renew.general .global-footer-nav a::after{
	background: none;
}
#renew.general .global-footer-nav ul li::before{
	border-left: initial;
    border-bottom: initial;
}
#renew.general .global-footer-nav-col p{
	text-align: left;
	margin-top: 7px;
}
#renew.general .global-footer-nav-col a{
	color: #000;
}
#renew.general .global-footer-nav ul{
	margin: 7px 0 0 0px;
}
#renew.general .global-footer-nav ul li{
	padding-left: 0;
}
#renew.general .global-footer-nav-col .footer_sns ul{
    padding-left: 0;
	flex-wrap: nowrap;
    justify-content: flex-start;
	align-items: center;
}
#renew.general .news_box{
	display: flex;
	margin-top: 50px;
}
#renew.general .news_box .container{
	max-width: 500px;
}
#renew.general .news_box .container .h3_rightbutton{
	text-align: left;
}
#renew.general .news_box .container .h3_rightbutton .btn_general{
	text-align: center;
}
#renew.general .news_box .container .h3_rightbutton h3{
	border-bottom: none;
	border-left: 4px solid #000;
	font-size: 16px;
	font-weight: bold;
	padding-left: 9px;
}
#renew.general .news_box .infomation_list ul li a{
	display: block;
}
#renew.general .bnr-contents ul{
	display: flex;
	list-style: none;
	justify-content: center;
}
#renew.general .bnr-contents ul li{
	width: 300px;
    margin: 0 15px;
}
#renew.general .news_box .container{
	padding: 0;
}
#renew.general .products .checkbox01::before {
    background: initial;
    border: initial;
    box-shadow: initial;
}
#renew.general .product_box{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#renew.general .product_box a{
	width: 50%;
	text-decoration:none;
	color: #222;
}
#renew.general .product_box a:hover{
	opacity: 0.5 ;
}
#renew.general .product_box .bd_top.fl.products{
    justify-content: flex-start;
	position: relative;
	padding: 30px 20px 0 0;
}
#renew.general .product_box .odd{
	padding: 30px 0 0 20px !important;
}
#renew.general .product_box .bd_top.fl.products .product_img_area{
	width: 30%;
    max-width: inherit;
}
#renew.general .product_box .bd_top.fl.products .product_info_area{
	width: 70%;
    max-width: inherit;
    padding-left: 0;
}
#renew.general .bd_top.fl.products .product_info_area .info_box .red{
	color: #af272f;
	font-weight: bold;
}
#renew.general .product_box .products::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5%;
    border-top: 1px solid #e4e4e4;
    margin: 1px;
    width: 95%;
}
#renew.general .product_box .odd::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    border-top: 1px solid #e4e4e4;
    margin: 1px;
    width: 95%;
}
#renew.general .product_box .odd::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-right: 1px solid #e4e4e4;
	margin: 10px 0;
    height: 100%;
}
#renew.general .product_box .checkbox01{
	padding: 5px 30px 5px 0;
}
#renew.general .link_icon a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.8rem;
    margin-left: 0.8rem;
    background-image: url(../images/link_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}
#renew.general .search_color{
	justify-content: flex-end;
	margin-bottom: 30px;
}
#renew.general .search_color .btn_line{
	max-width: 240px;
}
#renew.general .global-footer-nav-col .footer_sns p{
	color: #000;
}
#renew.general .global-footer-nav-col .link_icon a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.8rem;
    margin-left: 0.8rem;
    background-image: url(../images/link_icon02.png);
    background-size: contain;
    background-repeat: no-repeat;
}
#renew.general .global-footer-nav-col .footer_sns li img{
	width: initial;
}
#renew.general .global-nav-list{
	position: initial;
}
#renew.general  .global-nav-list .global-nav-list-sub{
	max-width: initial;
}
@media screen and (max-width: 1023px) {
	#renew.general .global-nav .login_box ul li.global a::before{
		mask-image: url(../../fujioh/images/common/icon_global.png);
	}
	#renew.general .global-nav .login_box ul li.online a::before{
		mask-image: url(../../fujioh/images/common/icon_online.png);
	}

	#renew.general .global-nav .header_icon_nav ul li.global a,
	#renew.general .global-nav .header_icon_nav ul li.online a{
        position: relative;
	}
	#renew.general .global-nav .header_icon_nav ul li.global a::before{
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 1.8rem;
		height: 1.8rem;
		margin-left: 0.8rem;
		background-image: url(../../fujioh/images/common/icon_global.png);
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		left: -32px;
	}
	#renew.general .global-nav .header_icon_nav ul li.online a::before{
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 1.8rem;
		height: 1.8rem;
		margin-left: 0.8rem;
		background-image: url(../../fujioh/images/common/icon_online.png);
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		left: -32px;
	}


	#renew.general .global-nav-trigger {
		top: 3px;
		height: 50px;
		display: block;
	}
	#renew.general .news_box{
		flex-direction: column;
	}
	#renew.general .news_box .container{
		margin-bottom: 60px;
	}
	#renew.general .global-nav-contents-inner {
		overflow-y: scroll;
	}
	#renew.general .sub-global a{
		position: relative;
	}
	#renew.general .global-nav-list .is-open.sub-global > a::before,
	#renew.general .global-nav-list .is-open.sub-global > a::after {
		/*content: '';
		position: absolute;
		height: 50%;
		width: 2px;
		background: black;
		top: 10px;
		right: 25px;
		left: initial;
		visibility: initial;
		opacity: 1;
		margin-top: initial;*/
	}
	#renew .global-nav-list .sub-global .global-nav-list-sub > li > a::after{
		background: none;
		transition: none;
	}
	#renew.general .is-open.sub-global a::before {
		transform: rotate(45deg);
	}
	#renew.general .is-open.sub-global a::after {
		/*transform: rotate(-45deg);*/
	}
	#renew.general .sub-global a::after{
	   transition: initial;
	}
}
@media screen and (max-width: 768px) {
	#renew.general .bnr-contents ul{
		flex-wrap: wrap;
	}
	#renew.general .bnr-contents ul li{
		margin-bottom: 40px;
	}
	#renew.general .fl_col4 .item{
		max-width: 45%;
	}
	#renew .fl_col4 .item p{
		font-size: 1.8rem;
	}
	#renew.general .global-footer-nav a::after{
	content: '';
    position: absolute;
    top: 50%;
    right: 17px;
    width: 6px;
    height: 12px;
    background: url(../images/common/icon_arrow-right-blue_01.png) 0 0 no-repeat;
    background-size: 6px 12px;
    transform: translateY(-50%);
	}
	#renew.general .global-footer-nav .js-fnav-accordion::after {
		right: 15px;
		width: 12px;
		height: 6px;
		background-image: url(../images/common/icon_arrow-bottom-black_01.png);
		background-size: 12px 6px;
	}
	#renew.general .global-footer-nav .js-fnav-accordion.is-open::after{
		transform: translateY(-50%) rotate(180deg);
	}
	#renew.general .global-footer-nav ul{
		margin:0
	}
	#renew.general .fl_col3 .base_btn{
		max-width: 100%;
	}
	#renew.general .global-footer-nav-col .footer_sns ul{
		margin-left: 30px;
	}
	#renew.general .global-footer-nav-col .footer_sns ul li{
		margin-right: 15px;
	}
	#renew.general .global-footer-nav-col .footer_sns li img{
		width: auto;
	}
	#renew.general .product_box {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		flex-wrap: wrap;
	}
	#renew.general .product_box a{
		width: 100%;
	}
	#renew.general .product_box .bd_top {
		width: 100%;
	}
	#renew.general .bd_top.fl.products{
		padding: 10px 0 !important;
	}
	#renew.general .product_box a .bd_top.fl.products .product_img_area {
		width: 100%;
		max-width: inherit;
	}
	#renew.general .product_box a .bd_top.fl.products .product_info_area{
		width: 100%;
	}
	#renew.general .product_box .odd::before{
		border: none;
	}
	#renew.general .product_box .products::after{
		width: 100%;
		right: 0;
		left: 0;
	}
	#renew.general .product_box .odd{
		padding:0;
	}
	#renew.general .bd_top.fl.products .product_img_area label{
		width: 50%;
	}
	#renew.general .product_box .checkbox01{
		padding: 5px 0 5px 0;
	}
}
/* QA */
#renew.qa main p{
	text-align: left;
	font-weight: 400;
	margin-top: 0;
}
#renew.qa a{
	color: #1b365d;
}
#renew.qa .c-button-blue:hover{
    color:#fff;
}
#renew.qa .c-button-blue-fill:hover {
    color: #1b365d;
}
#renew.qa h2.c-heading01{
	margin-bottom: 10px;
    padding-left: 10px;
    border-left: 5px solid #1b365d;
    font-size: 2.4rem;
	font-weight: bold;
	text-align: left;
}
#renew.qa h3.c-heading02{
    padding-bottom: 2px;
    border-bottom: 2px solid #1b365d;
    display: block;
    text-align: left;
    font-size: 2.0rem;
    font-weight: 400;
	margin: 0 auto 30px;
}
#renew.qa h4.support-index-section01-sub-heading{
	font-size: 1.6rem;
	padding: 0;
	border: none;
	line-height: 1.6;
	min-width: auto;

}
#renew.qa h4.support-index-section02-sub-heading{
	margin-top: 30px;
    font-size: 1.6rem;
	font-weight: 700;
	padding: 0;
	border: none;
}
#renew.qa h4.support-index-section04-sub-heading{
	font-size: 1.6rem;
	padding: 0;
	border: none;
	line-height: 1.6;
	min-width:auto;
}
#renew.qa h4.support-index-section03-sub-heading,
#renew.qa h4.support-index-section03-contact{
	font-size: 1.6rem;
	padding: 0;
	border: none;
	line-height: 1.6;
	min-width:auto;
}
#renew.qa .support-index-section02_box{
	display: flex;
    justify-content: center;
}
#renew.qa .support-index-section02_box .form_limk01{
	margin: 20px 15px;
    width: 400px;
}
#renew.qa .support-index-section02_box .form_limk02{
	margin: 20px 15px;
	width: 300px;
}
#renew.qa p.support-index-section03-company-tel,#renew.qa p.support-index-section03-synthesis-tel{
	font-size: 3.0rem;
    font-weight: 700;
	padding-left: 25px;
}
#renew.qa p.support-index-section03-private-tel::before{
	top: 3px;
    width: 21px;
    height: 24px;
	background: url(../images/support/icon_05.png) 0 0 no-repeat;
	background-size: 21px 24px;
}
#renew.qa p.support-index-section03-info{
	margin-top: 20px;
}
#renew.qa .c-button-blue-fill {
    color: #fff;
}
@media screen and (max-width: 768px) {

#renew.qa .support-index-section02_box{
	flex-wrap: wrap;
}
#renew.qa .support-index-section02_box .form_limk01,#renew.qa .support-index-section02_box .form_limk02{
	margin: 15px;
    width: 100%;
}
#renew.qa h4{
	width: 100%;
}
}

/* QA END */

/* 一般サイト追加CSS　END */

/* 0129追加CSS */
#renew .search_area_b.comparison {
	font-size: 14px;
    display: block;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 5px;
    width: 100%;
    margin-bottom: 15px;
    background-color:transparent;
    overflow: visible;
	clear: both;
}
#renew .search_area_b.comparison.bottom {
	margin: 30px 0 30px;/*フッター側のマージン指定 *//*0207*/
}
#renew .search_area_b.comparison div {
	float: left;
	margin-right: 2px;
}

#renew .search_area_b.comparison .btn_terms {
	width: 50%;
	max-width: 110px;
	margin: -11px 5px 0 0;
}
#renew .search_area_b.comparison .btn_terms a {
	display: block;
	color: #FFF;
	font-size: 1.5rem;
	background: #007096;
	border-radius: 6px;
	padding: 0.7em 0 0.75em;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	padding-left: 0rem;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
}

#renew .search_area_b.comparison .btn_terms.none a { /*ボタンをグレーにする場合 */
	pointer-events: none;
	background: #d2d2d2;
}
#renew .search_area_b.comparison .btn_terms.none {
	pointer-events: none;
}
#renew .search_area_b.comparison .btn_terms a::before {
	display: none;
}
#renew .search_area_b.comparison .btn_terms a::after {
		display: none;
}

#renew .search_area_b.comparison div {
	line-height: 20px;
}

#renew .search_area_b.comparison .bold {
	font-weight: bold;
}
#renew .search_area_b.comparison .large {
	font-size: 20px;
}
#renew .search_area_b.comparison .textbox {
	margin-left: 5px;
}
#renew .search_area_b.comparison .textbox.red {
	color: #af272f;/* テキストを赤に */
}
#renew .search_area_b.comparison .textbox .text_select {
	float: left;
}

#renew .search_area_b.comparison .comparison_close {
	font-size: 14px;
	font-weight: bold;
	color: #007096;
	line-height: 27px;
	margin-left: 3px;
	float: left;
}



@media screen and (max-width: 1024px) {

#renew .search_area_b.comparison .textbox {
}
#renew .search_area_b.comparison {
	font-size: 12px;
	display: flex;
	flex-wrap: nowrap;
	column-gap: 0;
	align-items: center;
}
#renew .search_area_b.comparison div.nowrap{
	white-space: nowrap;
}
#renew .search_area_b.comparison .btn_terms {
	width: 24%;
	min-width: 88px;
	margin-top: 0;
}
#renew .search_area_b.comparison .btn_terms a {
	font-size: 1.4rem;
}
#renew .search_area_b.comparison .textbox.single {
	margin-top: 0px;/*テキストか選択解除どちらか1つにする場合指定 */
}
#renew .search_area_b.comparison .textbox .text_select {
	float: none;
	margin-right: -10px;
}

#renew .search_area_b.comparison .comparison_close {
	float: none;
	margin-left: 0;
}
#renew .search_area_a.search_area_btn {
	row-gap: 13px;
}
}
/* 0129追加CSS　END */
/* サジェストCSS */
.custom-dropdown {
	position: relative;
	display: inline-block;
  }

  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	z-index: 1;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #919191;
	margin-top: 5px;
	padding: 12.5px 0;
	z-index: 20;
  }

  .product-option {
	padding: 7.5px 20px;
	cursor: pointer;
	display: flex;
	column-gap: 10px;
	align-items: center;
  }

  .product-option:hover {
	background-color: #ddd;
  }
  .product-list-text{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
  }
  .product-list-img img{
	width: 50px;
	max-width: 50px;
  }
  .product-list-title{
	font-weight: bold;
  }
  @media screen and (max-width: 768px) {
	.select_area_a{
	  position: relative;
	}
	.dropdown-content{
	padding: 15px 0;
	position: absolute;
	top: 59px;
	right: 0px;
	}
	.product-option {
	padding: 15px 15px;
	 }
	 .product-list-img img{
	width: 95px;
	max-width: 95px;
	}
  }
  /* サジェストCSS　END */