*{
	margin: 0;
	padding: 0;
    box-sizing: border-box;
}
a:link,a:visited{color:#333;text-decoration: none;}
a:hover,a:active{color:#666;}
/*----------------------------------------------------*/
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
/*----------------------------------------------------*/



.langC{
	background:#000;
	overflow:hidden;
	float:right;
	border-radius:0 0 0 10px;
	font-size:0.9rem;
}

.langC a{
	overflow:hidden;
display:block;
	padding:0.4em 0.6em;
	
}


.langC a:first-child{
	background:#cfcfcf;
	color:#000;
	float:left;
}

.langC a:last-child{
	background:#000;
	color:#fff;
}


body{
	min-width: 240px;
	background:#fff;
	text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /* Safari */
	font-size:1.0rem;
}
.spacer{display:block;overflow:hidden;clear:both;height:8vh;}

header{
	text-align:center;
margin:0 auto 2em;  
    padding-top:3em;
	width:100%;
}

header img{width:50%;margin-bottom:1em;}


.toiawase{
    text-align:center;
margin-bottom:5em;  
}
.toiawase h4{
margin-bottom:1em;  
}
.toiawase p{
margin-bottom:0.5em;  
}


footer{
     clear:both;display:block;
background:linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 60%),url(imagesTL/taekoLINK012.png) no-repeat;
	color: #000;
	height:50vw;
    padding-top: 2em;
	background-size:cover;
overflow:hidden;
text-align:center;			animation: flashC 3s linear infinite;

}
footer img{width:16vw;
}

.botF{text-align:center;padding: 0.8em;font-size:0.8rem;
	background:#000;color:#ccc;
}
.botF p{margin-bottom:1em;

}
#boxWrap{
display:block;
margin:0 auto 50px;  
 width:80%;
background:#fff;
    overflow: hidden;
}

.linkBox{
    width:80%;
    margin:0 auto;
    text-align:center;
}

.linkBox img{
    width:70%;
  }
.alk{
    clear:both;display:block;
	color: #000;
	margin: 0 auto;
overflow:hidden;
    margin-bottom:2em;  
    font-size:1.8vw;
}

.alkBOX{
 width:80%;
    border-radius:6vw;
    overflow:hidden;
	margin:0 auto 2em;
	background:url(imagesTL/taekoLINK0ALKBOX2.png) no-repeat;
	background-size:contain;  animation: flashC 3s linear infinite;
}


.alkBOX img{
	animation: flash0 260s linear infinite; 

}


.alk h2{
    color: #363636;
   font-size: clamp(0.8rem, calc(0.8rem + 0.625vw), 1.2rem);
	letter-spacing: 0.3em;
	font-family: 'Manrope', sans-serif;
			animation: flashC 3s linear infinite;
    }





.toiawase{font-size:0.9rem;}

#shohin h3{
    font-size:0.8em;
    color:#666;
    text-align:center;
	margin:0 auto 2em;
	padding:1.6em;
}
#shohin img{
    margin-bottom:0.6em;
}
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
@media(min-width:620px){
	
	#boxWrap{
display:block;
margin:0 auto 50px;  
 width:70%;
background:#fff;
    overflow: hidden;
}
	
.alk{clear:both;}
.alk h3{
    color: #5C6985;
    font-size:1.6vw;
		letter-spacing: 0.3em;
		margin-bottom:0.5em;
    }


  .kaigyo{display:none;}  
	
}

/*----------------------------------------------------*/

@media(min-width:980px){
	
	header img{width:28%;}

.toiawase{font-size:1.1rem;}


#boxWrap{
display:block;
margin:0 auto 50px;  
 width:80%;
background:#fff;
    overflow: hidden;
}

.linkBox{
    width:33.3%;
    text-align:center;
    float:left;
}

.linkBox img{
    width:70%;
	}
	.linkBox img.ecocon{
    width:50%;
  }
	
	.alk{clear:both;}
	
.alk h3{
    color: #5C6985;
    font-size:1.3vw;
    letter-spacing: 0.5em;
    }


	.alkBOX{float:left;width:59%;text-align:left;} 
	
	.alkLead{float:right;width:40%;text-align:left; } 
	
	.alkLead p{width:90%;text-align:left;	font-size:0.8rem;} 
	
    #wrapALK{width:80%;overflow:hidden;
    margin:0 auto 2em;}  
 
 .item{
     overflow:hidden;
     display:block;
background:#cfcfcf;
background: linear-gradient(90deg, rgba(255,255,255,1) 19%, rgba(244,241,236,1) 90%);

     width:100%;
     text-align:center;
    }

.item img{
	vertical-align: bottom;
    width:30%;
    }
.itemSE img{
	vertical-align: bottom;
    width:40%;text-align:center;
    }
.iteLOGO img{
	vertical-align: bottom;
    width:40%;
    }   
.ite img{
	vertical-align: bottom;
    width:40%;
    }
    
}
/*----------------------------------------------------*/
	.linkBox img.ecocon{
    width:46%;
  }
	
 
.rBox{
	vertical-align: bottom;
overflow:hidden; width:80%;margin:0 auto;
}

/*----------------------------------------------------*/
/*--------B&R-PLUS---------------------------------*/

#baLandC,#richLandC{
	text-align:center; 
	font-size: clamp(0.8rem, calc(0.8rem + 0.625vw), 1rem);
	color:#963;letter-spacing:0.2em;
	margin:1rem 0 1rem;
	& span{color:#000;}
}

.newFlash{
	animation: flash 4s linear infinite;
	background:#000;color:#fff;
	padding:0.5rem 0;

	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(0,0,0,1) 35%, rgba(0,0,0,1) 65%, rgba(255,255,255,1) 80%);
	& a:link{color:#fff;	font-size:120%;}
	& span{font-size:80%;}
}
.newFlashB{
	animation: flash 7s linear infinite;
	background:#000;color:#fff;
	padding:1rem 0;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,232,215,1) 35%, rgba(255,232,215,1) 65%, rgba(255,255,255,1) 80%);
	& a:link{color:#333;font-size:120%;}
	& span{font-size:80%;}
}




.newBUN{ font-size: clamp(0.7rem, calc(0.7rem + 0.625vw), 0.9rem);
	padding:0.6rem 0;	margin:0.3rem 0 1rem;
}	

p.newITM {
	animation: flash 1.5s linear infinite;
    margin:0 auto 1em;
    display: block;
    width: 50px;
    height:50px;    line-height:48px; text-align:center;
	border-radius: 50%;
border:1px solid #666;
}

p.newITMen {
	animation: flash 1.5s linear infinite;
    margin:0 auto 1em;
	display: block;
	font-size:0.7rem;
    width: 50px;
    height:50px;    line-height:48px; text-align:center;
	border-radius: 50%;
border:1px solid #666;
}

p.newItemL {
	animation: flash 1.5s linear infinite;
    margin:0 auto 0.2em;
    display: block;
    width: 80px;
    height:80px;    line-height:78px; text-align:center;
	border-radius: 50%;
border:1px solid #666; font-size:80%;
}

#bBRr{
	text-align:center;
	& img{width:90%; max-width:600px; }
	margin-bottom:2rem;
	& p{font-size: clamp(0.8rem, calc(0.8rem + 0.625vw), 1rem); line-height:1.6em;}
}

.oNLine{
padding:2em 0; margin-bottom:3rem;
	& a{font-size:90%; color:#963; }

}

.oNLineE{
padding:2em 0; margin-bottom:3rem;
	& a{font-size:100%; color:#963; }

}

.oNLine a::after,.oNLineE a::after {
  display:block;
  content: " NEXT";
  width: 80px;
	height: 40px;
	border-top:0px solid #fff; border-bottom:2px solid #963; border-left:2px solid #963; 
	border-radius: 50% / 0 0 100% 100%;
	margin:5px auto; background:#fff;
}




/*----------------------------------------------------*/

/*----------------------------------------------------*/

/*----------------------------------------------------*/

/*----------------------------------------------------*/
.arrow01{
    margin:0 auto 2em;
    display: block;
    width: 30px;
    height:30px;
    border-bottom: solid 6px #cdcdcd;
    border-left: solid 6px #9b9b9b;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.arrow01 {
	animation: flash 2s linear infinite;
}

@keyframes flash {
	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}
}

@keyframes flashC {
	0%,
	100% {
		opacity: 1;
	}

	60% {
		opacity: 0.6;
	}
}


@keyframes flash0 {
	0%,
	100% {
		opacity: 1;  transform: rotate(0deg);
	}

	50% {
		opacity: 0.6; transform: rotate(360deg);
;
	}
}