@charset "UTF-8";


.pc { display: block !important; }
.sp { display: none !important; }


#DtArea {
	margin-left: auto;
	margin-right: auto;
}
#DtArea #sec-1 {
	background-image: url(../images/bg-line.png);
	background-repeat: repeat-x;
}
.mainTitle {
	margin-bottom: 30px;
	text-align: center;
}


.DtMenu {
display: flex; 
flex-wrap: wrap;
justify-content: space-around;

}.DtMenu li {
	margin-bottom: 30px;
}
#sec-2 {
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/bg-2nd-1.png);
}
.sec2-Title {
	padding-top: 65px;
	padding-bottom: 60px;
	text-align: center;
}
.DtItemArea {
	width: 844px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
}
.Dt-ItemBox-L {
	width: 45%; /*42.06%*/
	float: left;
}
.Dt-ItemBox-R {
	width: 45%;
	float: right;
}
.ItemName-1 {
	line-height: 1em;
	border-radius: 50px;
	background-color: #E35745;
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: 600;
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
}
.ItemName-2 {
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 15px;
}
.DtDate,
.DtPri{
	text-align: center;
	font-size: 0.9em;
	line-height: 1.3em;
}

.price{
	margin: 5px auto 5px auto;
	text-align: center;
}

.sec-2-wrapper {
	background-image: url(../images/bg-2nd-2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 120px;
}
#sec-3 {
	background-image: url(../images/bg-juju.png);
}


#sec-3 .ItemName-1 {
	background-color: #B8B8B8;
	color: #000;
}
#sec-3 .ItemName-2 {
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 15px;
	color: #FFFFFF;
}
#sec-3 .DtDate,
#sec-3 .DtPri{
	font-size: 0.9em;
	line-height: 1.3em;
	color: #FFFFFF;
}
.copyArea {
	text-align: right;
	color: #FFFFFF;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.copyArea_black {
	text-align: right;
	color: #000;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}
.copyArea_bts {
	text-align: right;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}
.copyArea_bts img {
	width: 30%;
}

.Btn-lineUp {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	padding-bottom: 50px;
}


#sec-4 {
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/bg-buzz.png);
}
#sec-4 .ItemName-1 {
	background-color: #f7e954;
	color: #000;
}
#sec-4 .ItemName-2 {
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 15px;
	color: #FFFFFF;
}
#sec-4 .DtDate,
#sec-4 .DtPri{
	font-size: 0.9em;
	line-height: 1.3em;
	color: #FFFFFF;
}



#sec-5 {
	background-image: url(../images/bg-kirby.png);
}
#sec-5 .ItemName-1 {
	background-color: #181878;
	color: #FFF;
}
#sec-5 .ItemName-2 {
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 15px;
	color: #FFFFFF;
	text-shadow:2px 2px 4px #000;
}
#sec-5 .DtDate,
#sec-5 .DtPri{
	font-size: 0.9em;
	line-height: 1.3em;
	color: #FFFFFF;
	text-shadow:2px 2px 4px #000;
}



#sec-6 {
	background-image: url(../images/bg-sumikko.png);
	background-repeat: repeat;
}
#sec-6 .ItemName-1 {
	background-color: #ef8f7a;
	color: #573c25;
}
#sec-6 .ItemName-2 {
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 15px;
	color: #7e634c;
}
#sec-6 .DtDate,
#sec-6 .DtPri{
	font-size: 0.9em;
	line-height: 1.3em;
	color: #7e634c;
}


#sec-7 {
	background-image: url(../images/bg-molcar.jpg);
	background-repeat: repeat;
}
#sec-7 .ItemName-1 {
	background-color: #f85a2a;
	color:antiquewhite;
}
#sec-7 .ItemName-2 {
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 15px;
	color: #8c4900;
}
#sec-7 .DtDate,
#sec-7 .DtPri{
	font-size: 0.9em;
	line-height: 1.3em;
	color: #8c4900;
}



#sec-8 {
	background-color: #FDEBC7;
}
#sec-8 .ItemName-1 {
	background-color: #009844;
	color:antiquewhite;
}
#sec-8 .ItemName-2 {
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 15px;
	color: #543823;
}
#sec-8 .DtDate,
#sec-8 .DtPri{
	font-size: 0.9em;
	line-height: 1.3em;
	color: #543823;
}



#sec-9 {
	background-color: #fff;
}
#sec-9 .ItemName-1 {
	background-color: #fabf31;
	color: #0453a5;
}
#sec-9 .ItemName-2 {
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 15px;
	color: #0453a5;
}
#sec-9 .DtDate,
#sec-9 .DtPri{
	font-size: 0.9em;
	line-height: 1.3em;
	color: #0453a5;
}

#sec-10 {
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../images/bg_bts.png);
	background-color: #f8f1d2;
}
.sec10-Title {
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
}
#sec-10 .ItemName-1 {
	background-color: #84613c;
	color: antiquewhite;
}
#sec-10 .ItemName-2 {
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 15px;
	color: #84613c;
}
#sec-10 .DtDate,
#sec-10 .DtPri{
	font-size: 0.9em;
	line-height: 1.3em;
	color: #84613c;
}






#sec-1 .DtMenu li a img:hover{
		-webkit-transform: translate(0px,-10px);
		-moz-transform: translate(0px,-10px);
		-ms-transform: translate(0px,-10px);
		-o-transform: translate(0px,-10px);
		transform: translate(0px,-10px);
}



#sec-1 .DtMenu li a img {
transition: 0.5s;
}
