@charset "utf-8";
/*===========================
add
===========================*/

:root {
	--basic-color:#4f8766;
}


/*===========================
t-box01
===========================*/
.t-box01 tr:nth-child(2n+3){
  background-color: #bdbdbd;
}

.t-box01 td{
  text-align: center;
  vertical-align: middle;
}


/*===========================
macy-box 
===========================*/
.macy-box {
  margin: 0 20px;
}

.macy-box img {
  display: block;
  width: 100%;
  max-width: 100%;
  border-radius: 2px;
}


/*===========================
width
===========================*/
@media screen and (max-width: 768px) {
	.w100Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}
}


/*===========================
title-af-none
===========================*/
.title-af-none{
	text-shadow: none;
}
.title-af-none:after{
	content: none;
}

.title-shadow-none{
	text-shadow: none;
}


/*===========================
text
===========================*/
.texs-black{
  text-shadow: #000 2px 0 5px;
}


/*===========================
onOff
===========================*/
.pcOFFtabletONspOFF{display: none !important;}
.pcOFFtabletOFFspON{display: none;}

@media screen and (min-width: 769px) {
	.pcOFFtabletONspON{display: none !important;}
}

@media screen and (max-width: 768px) {
	.pcOFFtabletONspOFF{display: block !important;}
	.pcOFFtabletOFFspON{display: none;}
	.pcONtabletOFFspOFF{display: none !important;}
}

@media screen and (max-width: 600px) {
	.pcOFFtabletONspOFF{display: none !important;}
	.pcOFFtabletOFFspON{display: block;}
	.pcONtabletONspOFF{display: none;}
}