@charset "utf-8";

.dia-tote {
	 font-size:14px !important;
	 line-height:23px !important;
	 color:#131313;
}

.dia-tote a:hover {
	opacity: 0.9;
}

.dia-tote .intro {
	background: url(https://www.super-groupies.com/special/dia-tote/intro.jpg);
	width: 996px;
	height: 487px;
	position: relative;
}

.dia-tote .intro div {
	width: 440px;
	margin: 0 auto;
	padding-top: 64px;
}

.dia-tote .itemarea1 {
	position: relative;
	height: 2886px;
	margin-top: 100px;
}
.dia-tote .title_item1 {
	background: #39477b;
	border-left: 74px solid #eaba30;
	color: #ffffff;
	width: 412px;
	position: relative;
	z-index: 10;
}
.dia-tote .title_item1 h3 {
	font-size: 45px;
	padding: 45px 40px 30px;
	margin: 0;
}
.dia-tote .title_item1 div {
	padding: 0 40px 32px;
}

.dia-tote .item1_1 {
	position: absolute;
	top: -60px;
	right: 52px;
}
.dia-tote .item1_2 {
	position: absolute;
	top: -2px;
	left: 85px;
}
.dia-tote .item1_3 {
	position: absolute;
	top: 702px;
	right: 20px;
	z-index: 1;
}
.dia-tote .item1_4 {
	position: absolute;
	top: 1076px;
	left: 16px;
	z-index: 2;
}
.dia-tote .item1_5 {
	position: absolute;
	top: 1432px;
	right: 0;
	z-index: 0;
}
.dia-tote .item1_6 {
	position: absolute;
	top: 1892px;
	right: 130px;
	z-index: 0;
}

.dia-tote .itemarea1 .txt {
	background: #f0e9d8;
	padding: 28px;
}
.dia-tote .itemarea2 .txt {
	color: #f9f2e8;
	background: #2d2e34;
	padding: 28px;
}

.dia-tote .txt1 {
	position: absolute;
	width: 380px;
	top: 564px;
	right: 40px;
	z-index: 10;
}
.dia-tote .txt2 {
	position: absolute;
	width: 366px;
	top: 824px;
	left: 142px;
	z-index: 10;
}
.dia-tote .txt3 {
	position: absolute;
	width: 342px;
	top: 1592px;
	left: 244px;
	z-index: 10;
}
.dia-tote .txt4 {
	position: absolute;
	width: 366px;
	top: 564px;
	right: 62px;
	z-index: 10;
}
.dia-tote .txt5 {
	position: absolute;
	width: 366px;
	top: 824px;
	left: 142px;
	z-index: 10;
}
.dia-tote .txt6 {
	position: absolute;
	width: 342px;
	top: 1592px;
	left: 244px;
	z-index: 10;
}

.dia-tote .coordi1 {
	position: absolute;
	top: 2650px;
	right: 65px;
	font-size: 12px;
	line-height: 24px;
	z-index: 10;
}
.dia-tote .coordi2 {
	position: absolute;
	top: 2630px;
	right: 98px;
	font-size: 12px;
	line-height: 24px;
	z-index: 10;
}

.dia-tote .btnarea1 {
	position: absolute;
	top: 2000px;
	left: 60px;
	z-index: 10;
}
.dia-tote .btnarea2 {
	position: absolute;
	top: 2140px;
	left: 60px;
	z-index: 10;
}

.dia-tote .itemarea1 .price {
	font-size: 40px;
	margin: 100px 5px 12px;
}
.dia-tote .itemarea2 .price {
	font-size: 40px;
	margin: 52px 5px 12px;
}
.dia-tote .price div {
	font-size: 12px;
	display: inline;
}

.dia-tote .itemarea2 {
	position: relative;
	height: 2720px;
}
.dia-tote .title_item2 {
	color: #2d2e34;
	background: #ededed;
	border-left: 74px solid #2d2e34;
	width: 504px;
	position: relative;
	z-index: 10;
}
.dia-tote .title_item2 h3 {
	color: #d32027;
	font-size: 45px;
	padding: 45px 45px 30px;
	margin: 0;
}
.dia-tote .title_item2 div {
	padding: 0 45px 32px;
}

.dia-tote .item2_1 {
	position: absolute;
	top: 48px;
	right: 65px;
}
.dia-tote .item2_2 {
	position: absolute;
	top: 0;
	left: 62px;
}
.dia-tote .item2_3 {
	position: absolute;
	top: 702px;
	right: 20px;
	z-index: 1;
}
.dia-tote .item2_4 {
	position: absolute;
	top: 1078px;
	left: 8px;
	z-index: 2;
}
.dia-tote .item2_5 {
	position: absolute;
	top: 1424px;
	right: 0;
	z-index: 0;
}
.dia-tote .item2_6 {
	position: absolute;
	top: 1928px;
	right: 182px;
	z-index: 0;
}

.dia-tote .tac { text-align: center; }

.dia-tote .detailarea {
	background: url(https://www.super-groupies.com/special/dia-tote/detail.png);
	background-position: top right;
	background-repeat: no-repeat;
	height: 525px;
}

.dia-tote .detail {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 64px 80px;
	width: 390px;
	padding-top: 30px;
}

.dia-tote .detail strong {
	display: inline-block;
	vertical-align: top;
	width: 48px;
}

.dia-tote .dib {
	display: inline-block;
	vertical-align: top;
}

.dia-tote .hosoku {
	color: #838383;
	font-size: 12px;
	line-height: 20px;
	margin-top: 56px;
}

.dia-tote .period {
	background: #f3f3f2;
	font-size: 18px;
	width: 390px;
	padding: 25px 0;
}

.dia-tote .period strong {
	padding-left: 64px;
	display: inline-block;
	width: 115px;
}

.dia-tote .logoarea {
	width: 640px;
	margin: 0 auto;
	font-size: 13px;
}

.dia-tote .logoarea .dib {
	color: #4a464c;
	font-size: 12px;
	line-height: 18px;
}

.dia-tote h4 {
	font-size: 24px;
	line-height: 34px;
}

.dia-tote .copy {
	text-align: center;
	color: #333;
	font-size: 12px;
	margin-top: 30px;
}

.dia-tote .horizon {
	width: 65%;
	border-bottom: dotted 1px #d5d5d5;
	margin: 0 auto;
}