@charset "utf-8";
.timeTXT{
	font-size:18px;
	background-color:#FFF;
	border: 2px dashed #0CC;
	padding:3px 5px;
	color:#F39;
	width:680px;
	margin:-22px auto;
	z-index:9000;
	position:relative;
}
.newIMGgif{
	position:relative;
	bottom:61px;
	left:0px;	
}
.newIMGgiftBox{
	background-image:url(img_gift/bgNew.gif);
	position:relative;
	width:100%;
	top:-20px;
	z-index:0;
	font-size:44px;
	margin:0 auto;
	text-align:center;
}
.newTXTr{
	width:94px;
	height:94px;
	border-radius:100px;
	background-color:#CC0000;
	text-align:center; vertical-align:middle;
	color:#FFF; font-weight:bold; font-size:30px; white-space:nowrap;	
	margin-left:10px; margin-right:10px;
	box-sizing: border-box;
	display:inline-block;
	position:relative; top:-5px;
	border:2px #CC0000 solid;
}
.newTXTr2{
	width:86px;
	height:86px;
	border-radius:100px;
	border:2px #E06666 solid;
	line-height:84px;
}
.newTXTb{
	font-weight:bold;
	color: #0099CC;
	text-shadow:
		-1px -1px 0 #FFF,  
		1px -1px 0 #FFF,
		-1px 1px 0 #FFF,
		1px 1px 0 #FFF,
		-2px -2px 0 #FFF,  
		2px -2px 0 #FFF,
		-2px 2px 0 #FFF,
		2px 2px 0 #FFF;	
}
.newIMGBox{
	background-color:#FFF;
	width:300px; height:290px;
	border-top-left-radius:22px;
	border-top-right-radius:22px;
	vertical-align:bottom;
	position:relative;
	display:inline-block;
	margin:10px;
	margin-bottom:20px;
}








.newTXTbox{
	position:absolute;
	z-index:50;
	background:rgba(0,102,102,0.8);
	text-align:left;
	padding:12px;
	padding-top:8px;
	color: #fdeaea;
	width: 300px;
	height:90px;
	box-sizing: border-box;
	bottom:0px;
	overflow:hidden;
	transition-property: all;
	transition-duration:.5s;
	overflow:hidden;
}
.newTXTbox.move{
	padding-top:3px;
	background:rgba(255,204,0,1);
	color:#000;
	height:185px;
}
.newTXTbox.move1{
	padding-top:12px;
	background:rgba(255,204,0,1);
	color:#000;
	height:200px;
}

.newTXTbox_L{
	font-size: 28px;
	line-height: 34px;
	font-weight:bold;
}
.newTXTbox_M{
	font-size: 16px;
	line-height: 28px;
}
.newTXTbox_S{
	position: absolute;
	font-size: 12px;
	line-height:20px;
}
.newClip{
	width:18px; height:22px;
	clip-path: polygon(50% 85%, 100% 60%, 100% 75%, 50% 100%, 0% 75%, 0 60%);
	background-color:#FFF;
	right:5px; bottom:5px;
	margin:0 10px 10px 0;
	display:inline-block;
	position:absolute;
}
@media screen and (min-width:769px) and (max-width:1024px) {
.timeTXT{
	margin:-20px auto -10px;
}

.newIMGBox {
    width: 40%;
    height: auto;
    padding-top: 35%;
    display: inline-block;
    margin: 0px;
    margin-bottom: 20px;
    overflow: hidden;
}
.newTXTbox ,.newTXTbox.move{
	background:rgba(0,102,102,0.8);
	text-align:left;
	padding:10px;
	padding-top:8px;
	color:#FFF;	
	width:100%; height:180px;
	box-sizing: border-box;
	bottom:0px;overflow:auto;
}

.newTXTbox ,.newTXTbox.move1{
	background:rgba(0,102,102,0.8);
	text-align:left;
	padding:10px;
	padding-top:8px;
	color:#FFF;	
	width:100%; height:90px;
	box-sizing: border-box;
	bottom:0px;overflow:hidden;
}

.newTXTbox{
overflow:hidden;
}
.newIMGBox#gift_01:before , .newIMGBox#gift_02:before , .newIMGBox#gift_03:before{
	opacity: 0; display:none;
}
.newIMGBox#gift_01:after , .newIMGBox#gift_02:after , .newIMGBox#gift_03:after{
	opacity: 1; transform: scale(.85) translateY(-30px) 	translateX(-50px);
}
.newTXTbox_L{
	font-size:32px;
}
.newTXTbox_M{
	font-size:15px!important;
	line-height:22px!important;
	margin-bottom:10px;
	
}
.newTXTbox_S{
	font-size:12px;
	line-height:18px;
}
.newClip{
	opacity: 0;
}
}



@media screen and (max-width:768px) {
.timeTXT{
	margin:-20px auto 0px;
}
.newIMGtop img{
	vertical-align:top;
	z-index:20;
	width:100%;
	
}
.newIMGBox{
	width:94%; height:360px;
	display:inline-block;
	margin:0px;
	margin-bottom:20px;
	overflow:hidden;
}
.newIMGBox#gift_01:before , .newIMGBox#gift_02:before , .newIMGBox#gift_03:before{
	opacity: 1; display:none; 
}
.newIMGBox#gift_01:after , .newIMGBox#gift_02:after , .newIMGBox#gift_03:after{
	opacity: 1; transform: scale(.9) translateY(-30px) 	translateX(-25px);
}
.newTXTbox ,.newTXTbox.move{
	background:rgba(0,102,102,0.8);
	text-align:left;
	padding:10px;
	padding-top:8px;
	color:#FFF;	
	width:100%; height:180px;
	box-sizing: border-box;
	bottom:0px;overflow:hidden;
}
.newTXTbox ,.newTXTbox.move1{
	background:rgba(0,102,102,0.8);
	text-align:left;
	padding:10px;
	padding-top:8px;
	color:#FFF;	
	width:100%; height:70px;
	box-sizing: border-box;
	bottom:0px;overflow:hidden;
}
.newTXTbox_L{
	font-size:28px;
	line-height:32px;
	font-weight:bold;
}
.newTXTbox_M{
	font-size:18px;
	line-height:28px;
}
.newClip{
	opacity: 0;
}
}

@media screen and (min-width:641px) and (max-width:1000px){
.newIMGBox#gift_01:after , .newIMGBox#gift_02:after , .newIMGBox#gift_03:after{
	opacity: 1; transform: scale(.9) translateY(-40px) 	translateX(120px);
}
}
@media screen and (max-width: 640px) {
.timeTXT{
	width:90%;
	margin:-20px auto -10px;
	font-size:16px;
}
.newIMGBox{
	width:94%; height:260px;
	display:inline-block;
	margin:0px;
	margin-bottom:20px;
}
.newTXTbox ,.newTXTbox.move{
	background:rgba(0,102,102,0.8);
	text-align:left;
	padding:10px;
	padding-top:8px;
	color:#FFF;	
	width:100%; height:180px;
	box-sizing: border-box;
	bottom:0px;overflow:auto;
}

.newTXTbox ,.newTXTbox.move1{
	background: rgba(0,102,102,0.8);
	text-align: left;
	padding: 10px;
	padding-top: 8px;
	color: #FFF;
	width: 100%;
	height: 70px;
	box-sizing: border-box;
	bottom: 0px;
overflow:hidden;
	z-index: 300;
}
.newTXTbox_S{
	font-size:12px;
	line-height:18px;
}	
.newIMGBox#gift_01:after , .newIMGBox#gift_02:after , .newIMGBox#gift_03:after{
}
.newIMGBox#gift_03:after{
	top:10px;
}
}

@media screen and (max-width: 1000px) {
.newIMGgiftBox{
	font-size:35px;
	padding-top:30px;
}
.newTXTr{
	width:74px;	height:74px;
	margin-top:16px;
	font-size:26px; 
	margin-left:0px; margin-right:6px;
	position:relative; top:-8px;
}
.newTXTr2{
	width:66px;	height:66px;
	line-height:64px;
}
.newTXTb{
	font-size:34px;
	position:relative;
	top:2px;
}

}





.keepTop{
	position:fixed;
	text-align: right;
	z-index:100;
	right:0px;
}
.keepTopBox{
	max-width:1270px;	
	text-align: right;
	position:absolute;
}
#keepTopIMG{
	width:349px;
	margin-right:50px;
}
#keepTopIMG:hover{
    -webkit-filter:contrast(1.4);
}
.keepBom{
	width:100%;
	position:fixed;
	bottom:0px;
	z-index:100;
	display:none;
}
.keepBom img{
	width:100%;
}
.menu_top{
	max-width:1270px;
	margin: auto;
	position:relative;
	text-align: left;
	padding-right: 15px;
	padding-left: 15px;
}
.menu{
	z-index:140;
}

.linkBT{
	display:inline-block;
	width:50px;
	height:50px;
	padding: 2px;
	padding-top:0px;
}
.linkBT:hover{
    -webkit-filter:contrast(1.4);
}
.menu_pc{
	max-width:1280px;
	margin: auto;
	position:relative;
	text-align: center;
	z-index:10;
	margin-left:15px;
	margin-right:15px;
}
.bgIMG{
	width: 100%;
	position: relative;
	top: 0;
	z-index: 10;
	background-repeat: no-repeat;
	background-position: center top;
}

.pop{margin:-100px auto 30px; z-index:990;}
.pop:hover{
	-webkit-filter:saturate(1.3);
	-webkit-filter:contrast(1.1);
	transition: 0.3s;
}
.img_01{
	top:-30px;
	position:relative;
	z-index:30;
	animation:ghostUpdown 0.8s infinite alternate ease-in-out;
	-webkit-animation:ghostUpdown 0.8s infinite alternate ease-in-out;
	width:100%;
	height:184px;
	background-image:url(img_gift/img_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom:0px;	
}
@keyframes ghostUpdown{
	from{top:-40px;;}
	to{top:-30px;;}
}
@-webkit-keyframes ghostUpdown{
	from{top:-40px;;}
	to{top:-30px;;}
}
.menu_pc img{
	max-width: 100%;  
    max-height: 100%;
	width:auto;  
    height: auto;
	display:inline;
	vertical-align:top;
}
.img_06{
	background-image:url(img_gift/img_05_bg.gif);
	text-align: center;
	vertical-align: middle;
	font-family: "Arial", "Helvetica", "sans-serif", "Microsoft JhengHei", "Heiti TC", "WenQuanYi Zen Hei";
	font-size:32px;  line-height:40px;
	color:#FF3333;
	margin-top:20px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}
.text_01{
	font-size:18px; line-height:26px;
	color:#333;
}
.img_07_bg{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0d1f8+0,d88deb+100 */
	background: #f0d1f8; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0d1f8 0%, #d88deb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f0d1f8 0%,#d88deb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f0d1f8 0%,#d88deb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d1f8', endColorstr='#d88deb',GradientType=0 ); /* IE6-9 */
	width:100%;
	margin-top:40px;
	text-align: center;
}
.img_07{
	top:-23px;
	position:relative;
}
.img_08{
	display:inline-block;
	vertical-align: top;
	background-image:url(img_gift/img_08.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:188px;
	height:117px;
}
.img_08_txt{
	font-family: "Arial", "Helvetica", "sans-serif", "Microsoft JhengHei", "Heiti TC", "WenQuanYi Zen Hei";
	display:inline-block;
	width:80%;
}
.img_09{
	display:inline-block;
	vertical-align: top;
	background-image:url(img_gift/img_09.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:188px;
	height:77px;
}
.text_02{
	font-size:25px;
	color:#000;
	margin-top: 10px;
}
.text_03{
	font-size:18px;
	color:#333;
	margin-top: -15px;
	margin-left: -15px;
	line-height: 30px;
}.text_03 a { color:#FFF; text-decoration:underline}
.tableA{
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	box-sizing: border-box;
}
.tableTXT{
	font-size:10pt;
	line-height:14pt;
	text-align:center;
	background-color:#333;
	border: 2px solid #333;
	box-sizing: border-box;
}
.tableTXT2{	font-size:10pt; line-height:16pt;}
.tableTXT td{background-color:#f0d1f8; padding:5px;}


.tableTXT3{
	font-size:10pt;
	line-height:14pt;
	text-align:center;
	background-color:#333;
	border: 2px solid #333;
	box-sizing: border-box;
}

.tableTXT3 td{background-color:#ffe6f1; padding:5px;}

@media screen and (min-width: 641px) {
.pop{margin:-30px auto 30px; z-index:990;}

.tableTXT{font-size:14pt; line-height:20pt;}
.tableTXT2{	font-size:14pt; line-height:22pt;}
.tableTXT3{	font-size:14pt; line-height:22pt;}
}
.table_left{
	background-color:rgba(255, 255, 255, 0.4);
	text-align: center;
	font-size:18px;
	color:#333;
	margin-top: -15px;
	margin-left: -15px;
	line-height: 30px;
	padding: 5px;
	width:215px;
}
.table_right{
	background-color:rgba(255, 255, 255, 0.6);
	font-size:18px;
	color:#333;
	margin-top: -15px;
	margin-left: -15px;
	line-height: 30px;
	padding: 15px;
	text-align: left;
}
.text_04{
	font-size:25px;
	color:#990000;
	font-weight: bold;
}
.img_1x{
	width:65px;
	text-align: right;
	vertical-align: top;
}

.tableB{
	margin-bottom:0px;	
	
}
@media screen and (min-width: 1280px) {
.menu_pc{
	margin:0 auto;
}	
}

@media screen and (min-width: 1001px) and (max-width: 1280px) {

.keepTop{
	right:0px;
}
.tableA{
	margin-right: 10px;
	margin-left: 0px;
}
.menu_pc img{
	max-width: 100%;  
    max-height: 100%;
	width:auto;
    height: auto;
	display:inline;vertical-align:top;
}
.newIMGtop img{
	width:50%; height: auto;
}
.menu_pc{
	margin-left:15px;
	margin-right:15px;
}
.newIMGtop >div {
    display: inline-block;
    width: 45%;
}
}
	
	
@media screen and (min-width: 641px) and (max-width: 1000px) {
.newIMGtop>div {
    display: block;
    width: auto;
}
.keepTop{
	right:0px;
}
#keepTopIMG{
	margin-right:10px;
	width:270px;
}
.img_01{
	max-width:100%;
	background-size:contain;
}

.img_08{
	background-image:url(img_gift/img_08_m.png);
	width:309px;
	height:77px;
	margin-bottom:20px;
}
.img_08_txt{
	width:100%;
}
.img_09{
	background-image:url(img_gift/img_09_m.png);
	width:309px;
	height:77px;
	margin-bottom:20px;
}
.img_1x{
	width:51px;
}
.tableA{
	margin-right: 10px;
	margin-left: 0px;
}
.menu_pc{
	margin-left:15px;
	margin-right:15px;
}
}

@media screen and (max-width: 640px) {
.keepTop{
	display:none;
}
.keepBom{
	display:block;
}
.menu_top{
	margin-top: 10px;
	max-width:100%;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

.linkBT{
	padding-top:5px;
}
.menu_pc{
	max-width:100%;
	padding-right: 10px;
	padding-left: 10px;
	margin-left:5px;
	margin-right:5px;
}
.bgIMG{
	background-size:100%;
	position:relative;
}
.img_01{
	max-width:100%;
	background-image:url(img_gift/img_01_m.png);
	background-size:contain;
	margin-bottom:-80px;	
}
@keyframes ghostUpdown{
	from{top:-80px;;}
	to{top:-90px;;}
}
@-webkit-keyframes ghostUpdown{
	from{top:-80px;;}
	to{top:-90px;;}
}
.img_06{
	font-size:28px; line-height:34px;
}
.img_08{
	background-image:url(img_gift/img_08_m.png);
	width:309px;
	height:77px;
	margin-bottom:20px;
}
.img_08_txt{
	width:100%;
}
.img_09{
	background-image:url(img_gift/img_09_m.png);
	width:309px;
	height:77px;
	margin-bottom:20px;
}
.text_03{
	margin-top: -10px;
	margin-left: -40px;
	line-height: 25px;
}
.tableA{
	margin-right: 0px;
	margin-left: 0px;
}
.table_left{
	width:35%;
}
.img_1x{
	width:51px;
}

.tableB{
	
}


.square.cross {
    width:25px;/*その要素自身の幅を、高さの1/4に指定。*/
    left:37.5px;
}
.cross::before {
    content:"";	/*before疑似要素のcontent*/
    display:block;	/*ブロック化*/
    width:100%;	/*幅と高さを100%に*/
    height:100%;
    /*90度回転。回転の基準点はデフォルトで中心なので指定しない*/
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    /*色を変えたのはサンプルとしての分かり易さのため*/
    background:rgb(80,80,200);
}