/* メインイメージ */
       #introduction {
              margin-bottom:20px;
       }
	#introduction p,#power_type p {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		padding: 25px 0 25px;
	}
	#choice_list ul li,#choice_list ul li a,#power_type ul a {
		display: block;
		width: 100%;
		height: 100%;
	}
	#choice_list ul,#choice_list ul li a,#power_type ul {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}
	#choice_list ul li {
		text-align: center;
		border: 1px solid;
		margin-right: 20px;
	}
	#choice_list ul li:last-child {
		margin-right: 0px;
	}
	#choice_list ul li a {
		text-decoration: none;
		font-family :YuMincho,'Yu Mincho',serif;
	}
	/* ここにテーマカラー 　前回色#2c2c2c*/
	#choice_list ul li a {
		color: #2c2c2c;
	}
	#choice_list ul .choiced.theme_border {
		background-color: #2c2c2c;
	}
	#choice_list ul .theme_border {
		border-color: #2c2c2c;
	}
	#choice_list ul .choiced.theme_border a {
		color: #fff;
	}
	#choice_list .two_choice li {
		width: 50%;
		height: 130px;
	}
	#choice_list .two_choice li a {
		font-size: 60px;
	}
	#choice_list .three_choice li {
		width: calc(100% / 3);
		height: 110px;
	}
	#choice_list .three_choice li a {
		font-size: 30px;
		line-height: 130%;
	}
	/* タブレット対応 */
	@media screen and (max-width: 1024px) {
			#introduction p,#choice_list .three_choice li a,#power_type p {
				font-size: 20px;
			}
			#introduction p {
				padding: 15px 0 5px;
			}
			#choice_list {
				margin-bottom: 25px;
			}
			#choice_list ul {
				margin-bottom: 10px;
			}
			#choice_list ul li {
				margin-right: 10px;
			}
			#choice_list .two_choice li,#choice_list .three_choice li {
				height: 80px;
			}
			#choice_list .two_choice li a {
				font-size: 40px;
			}
       		#power_type p {
              		padding: 0px;
       		}
	}
	/* スマホ対応 */
	@media screen and (max-width: 896px) {
			#introduction p,#choice_list .three_choice li a,#power_type p {
				font-size: 13px;
			}
			#choice_list .two_choice li,#choice_list .three_choice li {
				height: 45px;
			}
			#choice_list .two_choice li a {
				font-size: 20px;
			}
	}

 /* css 追加分 ここから*/

 #sub_introduction {
   text-align: center;
   font-size: 16px;
 }

 #sub_introduction .spbr {
   display: none;
 }

 #sub_introduction ul {
   list-style-type: none;
   margin-block-start: 0em;
   margin-block-end: 0em;
   padding-inline-start: 0px;
 }

 #sub_introduction .btn_white_td {
   margin: 90px 0;
 }

 #sub_introduction .btn_white_td a {
   width: 90%;
   max-width: 560px;
   height: 90px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   text-align: center;
   border: 1px solid #000;
   margin: auto;
   position: relative;
   cursor: pointer;
   text-decoration: none;
   font-size: 22px;
   font-weight: bold;
 }

 #sub_introduction .btn_white_td a:after {
   content: '';
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 8px 6.5px 0 6.5px;
   border-color: #000 transparent transparent transparent;
   position: absolute;
   top: 0;
   bottom: 0;
   right: 50px;
   margin: auto;
   transition: .3s;
 }

 #sub_introduction .btn_white_td a:hover::after {
   top: 15px;
 }

 #sub_introduction .read h2 {
   font-size: 26px;
   font-weight: bold;
   line-height: 1.6;
   margin-bottom: 50px;
   display: block;
 }
  
  #sub_introduction .read p {
    margin-bottom: 1.5em;
  }

 #sub_introduction .selfcheck_wrap {
   padding: 90px 30px 15px 30px;
   max-width: 1080px;
   margin: auto;
   position: relative;
   font-size: 16px;
   color: #595757;
 }

 #sub_introduction .selfcheck_headline {
   padding: 5px;
   position: relative;
   background:  url(https://www.bradelisny.com/jp/common/img/selfcheck/frame_parts02.svg) repeat left top;
   background-size: 100% auto;
   margin: 0 auto 10px;
   width: 100%;
   text-align: center;
 }

 #sub_introduction .selfcheck_headline::before, .selfcheck_headline::after {
   content: '';
   position: absolute;
   top: -40px;
   left: 0;
   right: 0;
   margin: auto;
   width: 100%;
   height: 40px;
   background: url(https://www.bradelisny.com/jp/common/img/selfcheck/frame_parts01.svg) no-repeat center bottom/contain;
 }

 #sub_introduction .selfcheck_headline::after {
   top: auto;
   bottom: -40px;
   transform: scale(1, -1);
 }

 #sub_introduction .selfcheck_btn {
   width: 100%;
   max-width: 500px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   text-align: center;
   color: #fff;
   line-height: 1.5;
   background: #000;
   border: 1px solid #000;
   margin: auto;
   position: relative;
   cursor: pointer;
   text-decoration: none;
   font-size: 20px;
   font-weight: bold;
   display: table-cell;
   vertical-align: middle;
 }

 #sub_introduction .selfcheck_btn.still {
   cursor: not-allowed;
 }

 #sub_introduction .selfcheck_btn::after {
   content: '';
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 6.5px 0px 6.5px 8px;
   border-top: 6.5px solid transparent;
   border-bottom: 6.5px solid transparent;
   border-left: 8px solid #fff;
   position: absolute;
   top: 0;
   bottom: 0;
   right: 12%;
   margin: auto;
   transition: .3s;
 }

 #sub_introduction .selfcheck_btn:hover {
   color: #fff;
 }

 #sub_introduction .selfcheck_btn:hover::after {
   right: 10%;
 }

 #sub_introduction .z_ind_Headline {
   display: block;
   padding: 0 2.7em 5px 2.7em;
   margin-bottom: 60px;
   text-align: center;
   position: relative;
 }

 #sub_introduction .z_ind_Headline:after {
   content: "";
   background: #000;
   height: 1px;
   width: 405px;
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
 }

 #sub_introduction .z_ind_Headline span {
   display: block;
   font-size: 16px;
   padding-left: 0;
 }

 #sub_introduction .pickupbox .pickupitem {
   max-width: 1124px;
   width: 100%;
   display: flex;
   justify-content: space-between;
   margin: 0 auto 25px auto;
   flex-wrap: wrap;
   align-items: stretch;
 }

 #sub_introduction .pickupbox .pickupitem li.pickupitem_li {
   max-width: 540px;
   width: 48%;
   text-align: center;
   margin-bottom: 75px;
 }

 #sub_introduction .pickupbox .pickupitem li.pickupitem_li h3 {
   text-align: center;
   font-size: 20px;
   font-weight: bold;
 }

 #sub_introduction .pickupbox .pickupitem li.pickupitem_li a {
   text-decoration: none;
 }

 #sub_introduction .pickupbox .pickupitem li.pickupitem_li h3 span {
   font-size: 18px;
   font-weight: 100;
   display: block;
   line-height: 1.5;
   margin-bottom: 0.5em;
 }
  
  #sub_introduction .pickupbox .pickupitem li.pickupitem_li h3 span a{
    color: #00A3D8;
    text-decoration: underline;
 }
  
  #sub_introduction .pickupbox .pickupitem li.pickupitem_li h3 span a:hover{
    text-decoration: none;
 }
  

 #sub_introduction .pickupbox .pickupitem li.pickupitem_li .fs-c-productMarks {
   margin: 10px 0 35px 0;
 }

 #sub_introduction .pickupbox .pickupitem li.pickupitem_li .fs-c-productMark {
   justify-content: center;
 }

 #sub_introduction .pickupbox .pickupitem li.pickupitem_li .txt {
   font-size: 15px;
   text-align: left;
   margin: 35px 0 35px 0;
 }

 #sub_introduction .pickupbox .pickupitem li.pickupitem_li .selfcheck_btn {
   display: inline-block;
   width: auto;
   padding: 0 10%;
   height: 60px;
   line-height: 60px;
   font-size: 18px;
 }

 #sub_introduction .selfcheck_wrap ul {
   overflow: hidden;
   display: flex;
   justify-content: space-between;
   padding: 20px 0 30px 0;
   width: 87%;
   margin: 0 auto;
   inset-inline-start: 0;
   align-items: stretch;
 }

 #sub_introduction .selfcheck_wrap ul li {
   width: 48%;
   inset-inline-start: 0;
   display: table;
   min-height: 90px;
 }

 #sub_introduction .selfcheck_wrap ul.btn_item3 li {
   width: 31%;
 }

 #sub_introduction .sch_txt {
   font-size: 22px;
   border-bottom: #040000 1px solid;
   text-align: center;
   display: inline-block;
   line-height: 60px;
   font-weight: bold;
   padding: 0 40px;
   margin-bottom: 0.8em;
 }

 #sub_introduction .sch_txt:before {
   content: "";
   background: url("https://bradelis.itembox.design/item/img/top/10header/hd_srh.svg?t=20230913151200") no-repeat left center;
   background-size: auto 100%;
   width: 50px;
   height: 50px;
   line-height: 40px;
   display: inline-block;
   margin-right: 20px;
   margin-bottom: -10px;
 }

 div#undercolumn {
   padding-top: 50px;
 }

 @media screen and (max-width: 1080px) {
   #sub_introduction {
     font-size: 13px;
     ;
   }
 }
 /*スライド*/

 #sub_introduction .c-contents_list {
   margin-top: 10px;
   text-align: left;
   max-width: 1249px;
   margin: 0 auto;
 }

 #sub_introduction .slick-slider .slick-list {
   margin: 0 calc(100vw / ( 1249 / -25));
 }

 #sub_introduction ul li.slide-list {
   width: calc(100vw / ( 1249 / 385));
   margin: 0 calc(100vw / ( 1249 / 25));
 }

 #sub_introduction .c-contents_list li a {
   text-decoration: none;
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out
 }

 #sub_introduction .c-contents_list li figure a {
   display: block;
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out
 }

 #sub_introduction .c-contents_list li figure img {
   width: 100%;
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out;
 }

 #sub_introduction .c-contents_list li .txt-area {
   margin-top: 10px
 }

 #sub_introduction .c-contents_list li .txt-area .entry-txt-head {
   display: block;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between
 }

 #sub_introduction .c-contents_list li .txt-area .entry-txt-head .entry-date-cat {
   width: 70%
 }

 #sub_introduction .c-contents_list li .txt-area .entry-txt-head .entry-date-cat .entry-date {
   display: block;
   font-size: 12px;
   font-size: 1.2rem
 }

 #sub_introduction .c-contents_list li .txt-area .entry-txt-head .entry-date-cat .entry-cat {
   display: inline-block;
   font-size: 10px;
   font-size: 1rem;
   border: 1px solid #000;
   color: #fff;
   font-weight: 600;
   background: #000;
   padding: 2px 4px;
   margin-top: 5px
 }

 #sub_introduction .c-contents_list li .txt-area .entry-txt-head .entry-user {
   text-align: center;
   width: 70px
 }

 #sub_introduction .c-contents_list li .txt-area .entry-txt-head .entry-user span {
   display: block;
   margin: auto
 }

 #sub_introduction .c-contents_list li .txt-area .entry-txt-head .entry-user .entry-ava {
   width: 35px
 }

 #sub_introduction .c-contents_list li .txt-area .entry-txt-head .entry-user .entry-ava img {
   border-radius: 50%
 }

 #sub_introduction .c-contents_list li .txt-area .entry-txt-head .entry-user .entry-name {
   font-size: 10px;
   font-size: 1rem;
   margin-top: 6px;
   line-height: 1.2
 }

 #sub_introduction .c-contents_list li .txt-area .entry-tag {
   display: block;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-top: 5px
 }

 #sub_introduction .c-contents_list li .txt-area .entry-tag span {
   font-size: 11px;
   font-size: 1.1rem;
   display: inline-block;
   margin-right: 4px
 }

 #sub_introduction .c-contents_list li .txt-area .entry-ttl {
   font-size: 15px;
   font-size: 1.5rem;
   font-weight: bold;
   margin-top: 10px;
   line-height: 1.5
 }

 #sub_introduction .c-contents_list li .txt-area .txt {
   font-size: 14px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   margin: 10px 0 0 0;
   line-height: 1.6;
 }

 #sub_introduction .slick-slider .slick-dots {
   position: relative;
   bottom: 0;
   margin: 0;
   padding-top: 0;
 }

 #sub_introduction .slick-slider .slick-dots li {
   margin: 0
 }

 #sub_introduction .slick-slider .slick-dots li button {
   background: none
 }

 @media screen and (max-width: 750px) {
   #sub_introduction .spbr {
     display: block;
   }
   #sub_introduction {
     font-size: calc(100vw / ( 750 / 28));
     text-align: left;
   }
   #sub_introduction .btn_white_td {
     margin: calc(100vw / ( 750 / 100)) 0;
   }
   #sub_introduction .btn_white_td a {
     font-size: calc(100vw / ( 750 / 29));
     width: 100%;
     height: calc(100vw / ( 750 / 120));
     max-width: none;
   }
   #sub_introduction .btn_white_td a:after {
     right: calc(100vw / ( 750 / 50));
   }
   #sub_introduction .btn_white_td a:hover::after {
     top: 0;
   }
   #sub_introduction .read {
     width: calc(100vw / ( 750 / 650));
     margin: 0 auto;
   }
   #sub_introduction .read h2{
     text-align: center;
     margin-bottom: calc(100vw / ( 750 / 67));
     display: block;
    font-size: calc(100vw / ( 750 / 36));
   }
   #sub_introduction .selfcheck_wrap {
     padding: 12% 2.376% 0 2.376%;
   }
   #sub_introduction .selfcheck_headline {
     padding: 7% 5%;
     margin: 0 auto 7%;
   }
   #sub_introduction .sch_txt:before {
     width: calc(100vw / ( 750 / 45));
     height: calc(100vw / ( 750 / 45));
     margin-right: 2%;
     margin-bottom: calc(100vw / ( 750 / -10));
   }
   #sub_introduction .selfcheck_wrap ul {
     display: block;
     width: 100%;
     padding: calc(100vw / ( 750 / 20)) 0 0 0;
   }
   #sub_introduction .selfcheck_wrap ul {
     width: 95%;
     flex-wrap: wrap;
   }
   #sub_introduction .selfcheck_wrap ul li {
     width: 100%;
     margin-bottom: calc(100vw / ( 750 / 40));
     min-height: calc(100vw / ( 750 / 90));
   }
   #sub_introduction .selfcheck_btn {
     height: calc(100vw / ( 750 / 120));
     font-size: calc(100vw / ( 750 / 30));
   }
   #sub_introduction .selfcheck_btn:hover {
     color: #FFF;
   }
   #sub_introduction .selfcheck_btn::after {
     right: 15%;
   }
   #sub_introduction .selfcheck_btn:hover:after {
     right: 15%;
   }
   #sub_introduction .selfcheck_headline .selfcheck_btn:hover::after {
     right: 15%;
   }
   #sub_introduction .selfcheck_headline .sch_txt {
     font-size: calc(100vw / ( 750 / 32));
     padding: 0;
     display: block;
     line-height: 1.6;
     padding-bottom: calc(100vw / ( 750 / 10));
   }
   #sub_introduction .selfcheck_headline .sm {
     font-size: calc(100vw / ( 750 / 24));
   }
   #sub_introduction .selfcheck_wrap ul.btn_item3 li {
     width: calc(100vw / ( 750 / 609));
   }
   #sub_introduction .z_ind_Headline {
     display: block;
     text-align: center;
   }
   #sub_introduction .z_ind_Headline span {
     font-size: calc(100vw / ( 750 / 24));
   }
   #sub_introduction .z_ind_Headline:after {
     width: calc(100vw / ( 750 / 650));
   }
   #sub_introduction .pickupbox .pickupitem {
     width: 100%;
     display: block;
   }
   #sub_introduction .pickupbox .pickupitem li.pickupitem_li {
     width: 100%;
     margin-bottom: calc(100vw / ( 750 / 100));
     max-width: initial;
   }
   #sub_introduction .pickupbox .pickupitem li.pickupitem_li h3 span {
     font-size: calc(100vw / ( 750 / 28));
   }
   #sub_introduction .pickupbox .pickupitem li.pickupitem_li h3 {
     font-size: calc(100vw / ( 750 / 34));
   }
   #sub_introduction .pickupbox .pickupitem li.pickupitem_li .txt {
     font-size: calc(100vw / ( 750 / 28));
     width: calc(100vw / ( 750 / 650));
     margin: calc(100vw / ( 750 / 40)) auto;
   }
   #sub_introduction .pickupbox .pickupitem li.pickupitem_li .selfcheck_btn {
     width: calc(100vw / ( 750 / 400));
     font-size: calc(100vw / ( 750 / 30));
     padding: 0;
   }
   div#undercolumn {
     padding-top: calc(100vw / ( 750 / 70));
   }
 }
 
 @media screen and (max-width:600px) {
    .selfcheck_wrap {
      padding: 15% 5%;
    }
    .selfcheck_headline {
      padding: 5%;
      margin: 0 auto 15%;
    }
  }