@charset "utf-8";

/*ガイド*/

.guide p{
margin-left: 30px;
margin-right: 30px;
}
.width-bush{
background-color: #eeefed;
}
.width-width{
display: flex;
justify-content: center;
padding-top: 40px;
}
.width-slider{
width: 40%;
margin-right: 40px;
margin-left: 40px;
}
/*NEW無い時*/
.width-name{
width: 80%;
margin-top: 50px;
}
.width-name000{
width: 80%;
margin-top: 15px;
}
.bush-name1{
font-size: 23px;
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 600;
letter-spacing: 1px;
font-feature-settings: "palt";
}
.bush-name2{
font-size: 60px; 
font-family: rajdhani, sans-serif;
font-style: normal;
font-weight: 700;
margin-top: -10px;
letter-spacing: 1px;
font-feature-settings: "palt";
}


.bush-name2_new{
content: "";
display: inline-block;
font-size: 60px;  /*63px;*/
font-family: rajdhani, sans-serif;
font-style: normal;
margin-top: -10px;
letter-spacing: 1px;
font-feature-settings: "palt";
}

.bush-name2 span{
font-size: 47px;
vertical-align: 3%;
font-weight: 700;
}


.bush-name2_new span{
font-size: 47px; 
font-weight: 700!important;
vertical-align: 3%;
background-image: url( "../img/new_icon_2.webp");
background-size:  52px auto;
background-repeat: no-repeat;
background-position: left;
transform: translate(-5px, -2px);
}


.bush-name22{
font-size: 60px;  /*63px;*/
font-family: rajdhani, sans-serif;
font-style: normal;
font-weight: 700;
margin-top: -25px;
font-feature-settings: "palt";
}
.bush-name22 span{
font-size: 47px;
vertical-align: 3%;
font-weight: 700;
}
.bush-name3{
font-size: 40px;
font-family: rajdhani, sans-serif;
font-style: normal;
font-weight: 700;
color: darkgray;
margin-top: -10px;
}
.bush-name33{
font-size: 39px;
font-family: rajdhani, sans-serif;
font-style: normal;
font-weight: 700;
color: darkgray;
margin-top: -15px;
}

/*NEWある時*/
.bush-new{
padding-left: 1px;
margin-top: -2px;
margin-bottom: -25px;
}
.bush-new a{
background-color: red;
font-size: 30px;
font-family: rajdhani, sans-serif;
font-style: normal;
font-weight: 700;
color: white;
margin: auto;
padding-left: 18px;
padding-right: 18px;
}
/*NEW無い時*/
.thumb-item-nav{
margin-top: 40px; 
margin-left: 20px;
width: 450px;
}
.thumb-item-nav img{
  text-align: center;
}
/*商品名二行の時*/
.width-name .thumb-item-nav2{
margin-top: 10px;
margin-left: 20px;
width: 450px;
}
.thumb-item-nav2 img{
text-align: center;
}
/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
font-size: 20px;
color: black;
}
.slick-prev {
left: -30px;
z-index: 100;
}
.slick-next {
right: -30px;
z-index: 99;
}
.slick-prev:hover{
opacity: 0.5;
}
.slick-next:hover{
opacity: 0.5;
}

/*TOPのメインイメージ部分*/
.slick-prev2:before,.slick-next2:before {
color: black;
}
.slick-prev2 {
position: absolute;
top: 50%;
width: 15px;
left: 30px;
z-index: 50;/*20250509 100*/
}
.slick-next2 {
position: absolute;
top: 50%;
width: 15px;
right: 30px;
z-index: 50;/*20250509 99*/
}
.slick-prev2:hover{
opacity: 0.5;
}
.slick-next2:hover{
opacity: 0.5;
}


@media (max-width: 1440px) {
.slick-prev2 {
left: 15px;
    }
.slick-next2 {
right: 15px;
    }
}
	

/*サイズキープ*/
@media screen and (min-width: 980px){
.width-slider{
max-width: 430px;
}
.width-name, .width-name000{
max-width: 600px;
}
}
@media screen and (max-width: 1000px){
.width-slider{
margin-left: 50px;
margin-right: 20px;
}
.width-name, .width-name000{
max-width: 450px;
margin-top: 60px;  /*30px;*/
}
.bush-name1{
font-size: 18px;
}
.bush-name2,.bush-name2_new,.bush-name22{
font-size: 50px;  /*58px;*/
}
.bush-name2 span,.bush-name2_new span,.bush-name22 span{
font-size: 39px;  /*43px;*/
background-size:  45px auto;
}
.bush-name22{
margin-bottom: 5px;
margin-top: -20px;
	}
.bush-name3{
font-size: 30px;  /*33px;*/
line-height: 1.3;
margin-bottom: 3px;
}
.bush-name33{
font-size: 29px;  /*32px;*/
}
.width-name .thumb-item-nav,.width-name000 .thumb-item-nav{
max-width: 370px;
}
.width-name .thumb-item-nav2,.width-name000 .thumb-item-nav2{
max-width: 360px;
}
}
@media screen and (max-width: 900px){
.width-name .thumb-item-nav,
	.width-name000 .thumb-item-nav{
margin-top: 35px;
}
}
@media screen and (max-width: 850px){
.bush-name1{
font-size: 13px;
}
.bush-name2,.bush-name2_new,.bush-name22{
font-size: 47px;  /*52px;*/
}
.bush-name2 span,.bush-name2_new span,.bush-name22 span{
font-size: 36px;  /*37px;*/
background-size:  40px auto;
}
.bush-name2,.bush-name2_new{
margin-bottom: 5px;
}
.bush-name3{
font-size: 25px; 
margin-bottom: 5px;
}
.bush-name33{
font-size: 24px; 
}
.width-name .thumb-item-nav,.width-name000 .thumb-item-nav{
max-width: 320px;
}
.width-name .thumb-item-nav2,.width-name000 .thumb-item-nav2{
max-width: 310px;
}
}
@media screen and (max-width: 800px){
.bush-name2,.bush-name2_new,.bush-name22{
font-size: 44px;
}
.bush-name22{
margin-top: -20px;
}
.bush-name2 span,.bush-name2_new span,.bush-name22 span{
font-size: 32px;
background-size:  36px auto;
}
.width-name .thumb-item-nav,.width-name000 .thumb-item-nav{
max-width: 280px;
margin-top: 30px;
}
.width-name .thumb-item-nav2,.width-name000 .thumb-item-nav2{
max-width: 270px;
margin-top: 20px;
}
}
@media screen and (max-width: 720px){
.width-slider{
margin-left: 35px;
}
.width-name{
margin-top: 40px;
}
.width-name000{
margin-top: 20px;
}
.bush-name2,.bush-name2_new,.bush-name22{
font-size: 42px;
}
.bush-name2 span,.bush-name2_new span,.bush-name22 span{
font-size: 30px;
background-size:  32px auto;
}
.bush-name3{
font-size: 21px;
}
.bush-name33{
font-size: 20px;
}
.width-name .thumb-item-nav2,.width-name000 .thumb-item-nav2{
max-width: 250px;
}
}
@media screen and (max-width: 700px){
.width-width{
padding-top: 25px;
}
.width-slider{
width: 38%;
}
.width-name,
.width-name000{
margin-top: 35px;
}
.bush-name1{
font-size: 13px;
margin-bottom: 5px;
}
.bush-name2,.bush-name2_new{
font-size: 44px;
}
.bush-name2 span,.bush-name2_new span{
font-size: 32px;
background-size:  37px auto;
}
.bush-name3{
font-size: 23px;
}
.bush-name33{
font-size: 22px;
margin-top: -8px;
}
.width-name .thumb-item-nav,.width-name000 .thumb-item-nav{
max-width: 260px;
margin-top: 30px;
}
.width-name .thumb-item-nav2,.width-name000 .thumb-item-nav2{
margin-top: 15px;
}
}
@media screen and (max-width: 680px){
.bush-name2,.bush-name2_new,.bush-name22{
font-size: 37px;
}
.bush-name2 span,.bush-name2_new span,.bush-name22 span{
font-size: 27px;
background-size:  32px auto;
}
.bush-name3{
font-size: 20px;
}
.bush-name33{
font-size: 18px;
}
}
@media screen and (max-width: 600px){
.width-name,
	.width-name000{
margin-top: 30px;
}
}
@media screen and (max-width: 599px){
.width-bush{
padding-bottom: 50px;
}
.width-width{
display: inline-block;
width: 100%; 
margin: 0 auto;
}
.width-slider{
width: 65%;
margin : 0 auto;
}
.width-name,.width-name000{
width: 100%; 
margin : 0 auto;
text-align: center;
}
.bush-name1{
font-size: 20px;
margin-bottom: 10px;
}
.bush-name2,.bush-name2_new,.bush-name22{
font-size: 53px;  /*55px;*/
}
.bush-name2 span,.bush-name2_new span,.bush-name22 span{
font-size: 40px;  /*43px;*/
background-size:  45px auto;
}
.bush-name3{
font-size: 31px;
}
.bush-name33{
font-size: 31px;
}
.width-name .thumb-item-nav,.width-name .thumb-item-nav2,.width-name000 .thumb-item-nav,.width-name000 .thumb-item-nav2{
margin : 0 auto;
max-width: 400px;
margin-top: 30px;
}
}
@media screen and (max-width: 480px){
.width-name .thumb-item-nav,.width-name .thumb-item-nav2,.width-name000 .thumb-item-nav,.width-name000 .thumb-item-nav2{
max-width: 350px;
}
}
@media screen and (max-width: 430px){
.bush-name1{
font-size: 18px;
margin-bottom: 10px;
}
.bush-name2,.bush-name2_new,.bush-name22{
font-size: 45px;
margin-bottom: 5px;
}
.bush-name2 span,.bush-name2_new span,.bush-name22 span{
font-size: 33px;
background-size:  37px auto;
}
.bush-name3{
font-size: 23px;
}
.bush-name33{
font-size: 23px;
}
.width-name .thumb-item-nav,.width-name .thumb-item-nav2,.width-name000 .thumb-item-nav,.width-name000 .thumb-item-nav2{
max-width: 260px;
}
}
@media screen and (max-width: 380px){
.bush-name2,.bush-name2_new,.bush-name22{
font-size: 40px;
}
.bush-name2 span,.bush-name2_new span,.bush-name22 span{
font-size: 28px;
background-size:  32px auto;
}
}
@media screen and (max-width: 330px){
.bush-name2,.bush-name2_new,.bush-name22{
font-size: 37px;
}
.bush-name2 span,.bush-name2_new span,.bush-name22 span{
font-size: 25px;
background-size:  28px auto;
}
}


.main-third{
margin-top: 60px;
margin-bottom: 65px;
}
.third-copy1{
text-align: center;
font-size: 30px;
font-weight: bold;
color: crimson;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
font-feature-settings: "palt";
margin-left: 30px;
margin-right: 30px;
}
.third-copy2{
text-align: center;
margin-top: 30px;
font-size: 15px;
color: gray;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
margin-left: 20px;
margin-right: 20px;
letter-spacing: 1px;
font-feature-settings: "palt";
}
@media screen and (max-width: 600px){
.third-copy2 .brbr{
display: none;
}
}

.point-third{
max-width: 1300px;
margin: auto;
background-color: gainsboro;
}
.point-third_flex{
width: 100%;
display: flex;
margin: auto;
}
.point-third_01,.point-third_01{
width: 50%;
}
@media screen and (max-width: 1300px){
.point-third{
margin-left: 50px;
margin-right: 50px;
}
}


.use-third{
background-color: rgb(143,145,143);
/*#8f918f*/
}
.use-third-p{
max-width: 1300px;
margin: auto;
padding: 40px 50px 35px 50px;
}

.specs-third-top p{
text-align: center;
margin: 50px 30px 50px 30px;
font-size: 37px;
color: gray; /*lightgray;*/
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
font-style: normal;
font-weight: bold;
}

.specs-third-top p span{
display: inline-block;
}

@media screen and (max-width: 600px){
.specs-third-top p{
margin-top: 40px;
margin-bottom: 40px;
font-size: 32px;
}
}


@media screen and (max-width: 360px){
.specs-third-top p{
font-size: 28px;

}
}





.specs-third{
max-width: 1000px;

margin: auto;
margin-top: 30px;
margin-bottom: 50px;
}
.zen1{
width: 100%;
}
.zen1 th{
width: 100px; 
border-collapse: collapse;
border-spacing: 0;
text-align: left;
}
.zen1 td{
  width: 300px; 
}
.zen1 th,.zen1 td{
padding: 8px 15px 8px 15px;
text-align: left;
font-size: 14px;
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
letter-spacing: 1px;
font-feature-settings: "palt";
	
}
.zen1 th{
font-weight: 500;
}

.zen1 th span{
display: inline-block;
}


.zen1 td{
font-weight: 300;
}
table tr:nth-child(odd) th {
background: #eeefed;
}
table tr:nth-child(odd) td {
background: #eeefed;
}


@media screen and (max-width: 460px){
.zen1 th{
width: 130px; 
}
.zen1 th,.zen1 td{
padding: 8px 8px 8px 10px;
}
}


@media screen and (max-width: 420px){
.zen1 th{
width: 150px; 
}
.zen1 th,.zen1 td{
padding: 8px 8px 8px 10px;
font-size: 12px!important;
}
}





.card-group{
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 50px;/*60px*/
max-width: 1000px;
width: 90%;
height: auto;
   /* ポイント１ */
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
padding-bottom: 50px;
}
/* ポイント２ */
.card-group > :nth-child(2n){
  margin-left: 60px;
}
/* ポイント３ */
.card-group > :nth-child(n+3){
  margin-top: 30px;
}

.card-group2{
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 60px;
max-width: 1000px;
width: 90%;
height: auto;
   /* ポイント１ */
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
/* ポイント２ */
.card-group2 > :nth-child(2n){
  margin-left: 60px;
}
/* ポイント３ */
.card-group2 > :nth-child(n+3){
  margin-top: 30px;
}

.card{
  /* ポイント４ */
  width: calc((100% - 60px * 1) / 2);
  height: auto;
  overflow: hidden;
}
.card__imgframe{
width: 100%;
height: auto;
padding-top: 56.25%;
box-sizing: border-box;
}
.card__textbox{
width: 100%;
height: auto;
padding: 5px 0px;
box-sizing: border-box;
}
.card__textbox > * + *{
  margin-top: 5px;
}
.card__titletext{
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
font-size: 20px;
font-weight: bold;
line-height: 125%;
font-feature-settings: "palt";
letter-spacing: 0.06em;}
.card__overviewtext{
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
font-size: 15px;
color: #666666;
line-height: 150%;
}
@media screen and (max-width: 600px){
	.card-group{
	margin-bottom: 10px;
	}
	.card-group > :nth-child(n+3){
  margin-top: 0px;
}
}

  /* イベント_カードレイアウトここから */
.card_event .card_eventbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
	max-width: 1000px;
}
.card_event .item {
  background: #fff;
  padding: 20px;
width: calc((100% - 100px* 1) / 2);}
.card_event .item p {
  margin: 0;
}
.card_event .card_eventbtn {
  margin: 0;
}
.card_event .card_eventbtn span {
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
display: block;
background: #ff6c27;
color: #fff;
line-height: 50px;
font-size: 16px;
font-weight: bold;
text-align: center;
border: 2px solid #ff6c27;
background: #ff6c27;
color: #fff;
transition: 0.5s;
}
.card_event .card_eventbtn span:hover {
	color: #ff6c27;
	background: #fff;
}
.card_event .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
background-color: #eaedee;
	        margin-bottom: 20px;

}
.card_event .card_eventbtn {
  margin-top: auto;
}
.card_event .card_eventbtn span {
  margin: 5px 0 0;
}
.card_eventbtn a {
	text-decoration: none;
}
.card_eventbox .use-lyte-p2 p{
font-size: 20px;
}
  /* イベント_カードレイアウトここまで */

.features_sub_text {
max-width: 700px;
text-align: left;
font-size: 18px;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
margin-left: auto;
margin-right: auto;
margin-top: 30px;
letter-spacing: 0.5px;
font-feature-settings: "palt";
list-style-position :outside;
list-style-type: square;
text-indent:-1.25em;
}

@media screen and (max-width: 1300px){
.specs-third{
	    width: 90%;
}
		
.features_sub_text {
max-width: 600px;
margin-left: auto;
margin-right: auto;}
}

@media screen and (max-width: 960px) {
.col_2 > *{
width: 100%;
margin-right: auto;
}
}

@media screen and (max-width: 900px) {
.card_eventbox .use-lyte-p2 p{
font-size: 18px;
}
}

@media screen and (max-width: 800px) {
.card_eventbox .use-lyte-p2 p{
font-size: 16px;
}
}

@media screen and (max-width: 750px) {
.card_eventbox .use-lyte-p2 p{
font-size: 15px;
}
}

@media screen and (max-width: 700px){
.specs-third{
margin-left: 30px;
margin-right: 30px;
}
.zen1 th,.zen1 td{
font-size: 13px;
}
.card {
width: 100%;
}
.card_event .item {
width: 100%;
margin-bottom: 20px;
}
	
.card-group > :nth-child(2n){
  margin-left: 0px;
}
.card-group2 > :nth-child(2n){
  margin-left: 0px;
}
	
.card__textbox{
  padding: 10px 0px 30px 0px;
}
	
.features_sub_text {
margin-left: 50px;
margin-right: 30px;
}

.card_eventbox .use-lyte-p2 p{
font-size: 20px;
}	
	
.third-copy1{
font-size: 26px!important;
}
}
@media screen and (max-width: 600px){
.third-copy1{
font-size: 24px!important;
}
}

@media screen and (max-width: 480px){
.specs-third{
margin-left: 20px;
margin-right: 20px;
}
.zen1 th,.zen1 td{
font-size: 12px;
}
	.card_eventbox .use-lyte-p2 p{
font-size: 18px;
}	
}

@media screen and (max-width: 400px){
	.card_eventbox .use-lyte-p2 p{
font-size: 16px;
}	
}

.sterv{
font-size: 13px;
font-family: noto-sans-cjk-jp, sans-serif;
letter-spacing: 1px;
font-feature-settings: "palt";
margin-top: 15px;
}