@charset "utf-8";
/* -------------------------------------------------- 
	Copyright: (c)visual and echo japan
	Created: 2013-03-20
 -------------------------------------------------- */

@media screen and (max-width: 768px) {
/*----------------------------------------------------
 common
--------------------------------------------------- */
html,
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	/*font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;*/
	color: #333333;
	line-height: 180%;
}
/*----------------------------------------------------
 link
--------------------------------------------------- */
a:link,
a:visited,
a:active {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
/*******************************
 top
*******************************/
#dg_topArea {
	position: relative;
}
#dg_topArea #dg_logo {
	display: none;
}
#dg_topArea #dg_copy01 {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 100%;
}
#dg_topArea #dg_copy01 img {
	width: 100%;
}
#dg_topArea #dg_newSp {
	position: absolute;
	top: 25%;
	left: 0;
	width: 22%;
}
#dg_topArea #dg_newSp img {
	width: 100%;
}
#dg_topArea #dg_bottle {
	position: absolute;
	top: 32%;
	right: 7%;
	width: 45%;
	text-align: right;
}
#dg_topArea #dg_bottle img {
	width: 97%;
}
#dg_date {
	position: absolute;
	top: 60%;
	left: 1%;
	width: 35%;
}
#dg_date img {
	width: 100%;
	height: auto;
}
#dg_topArea #dg_grouping {
	position: absolute;
	top: 60%;
	right: 1%;
	width: 50%;
}
#dg_topArea #dg_grouping img {
	width: 100%;
}
#dg_topArea #dg_package {
	position: absolute;
	top: 65px;
	left: 465px;
	width: 27.5%;
}
#dg_topArea #dg_package img {
	width: 100%;
}
#dg_topArea #dg_copy02 {
	position: absolute;
	top: 68%;
	right: 0;
	width: 100%;
}
#dg_topArea #dg_copy02 img {
	width: 100%;
}
#dg_topArea #dg_copy03 {
	position: absolute;
	top: 79.5%;
	left: 0;
	width: 47%;
	border: 1px solid #334468;
}
#dg_topArea #dg_copy03 img {
	width: 100%;
}
#dg_topArea #dg_copy04 {
	position: absolute;
	top: 79.5%;
	right: 0;
	width: 47%;
	border: 1px solid #334468;
}
#dg_topArea #dg_copy04 img {
	width: 100%;
}
#dg_topArea #dg_topAttention {
	position: absolute;
	top: 93.5%;
	width: 100%;
	color: #fff;
	font-size: 10px;
	text-align: center;
	opacity: 0.5;
}
#dg_topArea #dg_movieBtn {
	position: absolute;
	top: 103%;
	width: 100%;
	margin: 0;
}
/*******************************
 alert
*******************************/
#alert {
	overflow: hidden;
	color: #fff;
	padding: 3%;
	position: absolute;
	top: 60px;
	width: 85.6%;
	border-radius: 5px;
	background: rgba(240,240,60,0.3);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000, gradienttype=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
}
#alert .alertIcon {
	float: left;
	width: 8%;
}
#alert .alertIcon img {
	width: 100%;
}
#alert .alertText {
	float: right;
	width: 90%;
}
/*******************************
 banner
*******************************/
.dg_bannerArea{
	width: 100%;
	background: url(/~/Media/com/digieye/top/images/banner_bg_sp.png) no-repeat;
	background-size: 100% 100%;
   position:relative;top:0px;left:0px;
}

#dg_bannerArea01{margin-top: 100px;}
#dg_bannerArea02{margin-top: 25px;}

.dg_bannerInner{
	padding: 2px;
}
.dg_banner{
	position: relative;
	z-index: 0;
}
.dg_banner #dg_bannerLink {
	float: right;
	margin: 25px 10px 0;
	width: 40%;
}
.dg_banner #dg_bannerLink img {
	width: 100%;
}
.dg_banner #dg_bannerMovie {
	clear: both;
	margin: 15px auto;
	width: 100%;
}
.dg_banner #dg_bannerMovie img {
	width: 100%;
}
.dg_banner #dg_bannerNew img {
	position: absolute;
	top: 32%;
	right: 0;
	width: 40px;
}
.dg_banner #dg_bannerCountdounText {
	width: 75%;
}
.dg_banner #dg_bannerCountdounText img {
	width: 100%;
}
.dg_banner #dg_bannerCountdoun {
	z-index: 1;
}
.dg_banner #dg_bannerCountdoun img {
	margin-right: -2%;
	vertical-align: middle;
}
.dg_banner #dg_bannerCountdoun img.dg_num0 {
	width: 9%;
}
.dg_banner #dg_bannerCountdoun img.dg_num1 {
	width: 6.9%;
}
.dg_banner #dg_bannerCountdoun img.dg_num2 {
	width: 9.2%;
}
.dg_banner #dg_bannerCountdoun img.dg_num3 {
	width: 9%;
}
.dg_banner #dg_bannerCountdoun img.dg_num4 {
	width: 9.95%;
}
.dg_banner #dg_bannerCountdoun img.dg_num5 {
	width: 9.2%;
}
.dg_banner #dg_bannerCountdoun img.dg_num6 {
	width: 9.2%;
}
.dg_banner #dg_bannerCountdoun img.dg_num7 {
	width: 9%;
}
.dg_banner #dg_bannerCountdoun img.dg_num8 {
	width: 9.2%;
}
.dg_banner #dg_bannerCountdoun img.dg_num9 {
	width: 9.2%;
}
.dg_banner #dg_bannerCountdoun img.dg_colon {
	width: 5.55%;
}
.dg_banner #dg_bannerCopy {
	width: 75%;
}
.dg_banner #dg_bannerCopy img {
	width: 100%;
	vertical-align: top;
}
.dg_bannerArea #dg_countdownAfter {
	display: none;
}
.dg_bannerArea #dg_countdownAfter_sp {
	width: 65%;
}
.dg_bannerArea #dg_countdownAfter_sp img {
	width: 100%;
}
/*///////////////// 2014.11.20 /////////////////*/
.dg_banner #dg_snowMiku {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 47.2%;
	margin: 0 auto;
}
.dg_bannerArea #dg_snowMiku img {
	width: 100%;
}
.dg_bannerArea .dg_text01_sp {

}

.dg_bannerArea .dg_text01_sp .icon{
   width:70px;
   position:absolute;
}

#dg_bannerArea01 .dg_text01_sp .icon{
   top:-25px;
   right:-12px; 
}

#dg_bannerArea02 .dg_text01_sp .icon{
   top:-14px;
   right:-12px; 
}

.dg_bannerArea .dg_text01_sp img {
	width: 100%;
}
.dg_bannerArea #dg_packages_sp {
	width: 95%;
	margin: 0 auto;
	margin-top: 15px;
	margin-left: -0.5%;
}
.dg_bannerArea #dg_packages_sp img {
	width: 100%;
}
.dg_bannerArea #dg_and_sp {
	width: 9.25%;
	margin: 0 auto;
	margin-top: 0px;
}
.dg_bannerArea #dg_and_sp img {
	width: 100%;
}
.dg_bannerArea #dg_text02_sp {
	width: 88.6%;
	margin: 0 auto;
	margin-top: 15px;
}
.dg_bannerArea #dg_text02_sp img {
	width: 100%;
}
.dg_bannerArea #dg_live_sp {
	width: 57.1%;
	margin-top: 15px;
	margin-left: 3%;
}
.dg_bannerArea #dg_live_sp img {
	width: 100%;
}
.dg_bannerArea #dg_bannerLink_sp {
	width: 46.6%;
	margin-top: 10px;
	margin-left: 3%;
	line-height: 30px;
	height: 30px;
	font-size: 11px;
}
.dg_bannerArea #dg_bannerLink_sp img {
	width: 100%;
}
.dg_bannerArea .dg_text01,
.dg_bannerArea .dg_packages,
.dg_bannerArea .dg_and,
.dg_bannerArea .dg_text02,
.dg_bannerArea .dg_live,
.dg_bannerArea .dg_bannerLink {
	display: none;
}


/*******************************
 dg_copyright
*******************************/


.dg_copyright {
	padding-top: 15px;
	color: #FFFFFF;
	font-size: 8px;
	overflow: hidden;
	margin-bottom: 25px;
	line-height: 140%;
}
.dg_copyright li.miku {
	float: left;
	width:20%;
	margin-right: 2%;
}
.dg_copyright li.miku img {
	width: 100%;
	height: auto;
}
.dg_copyright li.text {
	width:78%;
	float: left;
}
.dg_copyright li.text span {
	display: block;
}
.dg_copyright li.text img {
	width: 30px;
	height: auto;
}
.dg_copyright li img {
	vertical-align: middle;
}
.dg_copyright li.text p:first-child{
	margin-bottom:1em;
}
/*******************************
 contentsArea
*******************************/

#dg_contentsArea {
	margin-top: 20px;
}
#dg_contentsArea ul {
	width: 100%;
}
#dg_contentsArea li {
	width: 100%;
	margin: 5% auto;
	padding: 3px;
	border: 2px solid #1c2024;
	box-sizing: border-box;
}
#dg_contentsArea li.dg_br {
}
#dg_contentsArea li img {
	width: 100%;
}
#dg_contentsArea li .dg_contentsLink {
	color: #fff;
	background: #12151a url(/~/Media/com/digieye/top/images/arrow.png) no-repeat 96% center;
	padding: 15px;
   font-size:11px;
}

#dg_headerSp{
    z-index:10000 !important;
}
#dg_particle{
  top:60px !important;  
}

.ul_product01 li, .ul_brand01 li, .ul_cmsns01 li, .ul_column01 li{
   line-height:20px;  
}

/*----------------------------------------------------
 rest
--------------------------------------------------- */
body {
	background: url(../images/bg.jpg) no-repeat center top;
	background-size: 100% 100%;
}

iframe[name="google_conversion_frame"] { position:absolute; }

#dg_particle{
	position:absolute;
	top:0px !important;left:0px;
	width: 100%;
	height: 100%;
	background: url(../assets/images/bg/bottom1.png);
}

#dg_wrapper.rest{
	max-width:100%;
	width:100%;
	padding:0px;
}

.rest .main{
	width:100%;
	background: url(../images/rest/figure-miku.png) no-repeat;
	background-size:50% auto;
	background-position: center 60%;
}

.rest .container{
	background: url(../images/rest/bg-rest_sp.png) center 20px;
	background-size:100% auto;
	padding-bottom:20px;
}

.rest .title-box{
		text-align:center;
		padding-top:50px;
}

.rest .title-box h2{
	margin-bottom:10px;
}

.rest .section-main{
		padding-top:160px;
		padding-bottom:168px;
}

.rest .section .section-inner{
		padding:0px 20px;
		margin:0 auto;
}

.rest .section-footer .copy-box{
	text-align:left;
	color:#FFF;
}

.rest .section-footer .copy-box .text-copy{
	font-size:10px;
	margin-top:30px;
	line-height:16px;
}

.rest .section-footer .copy-box .text-copy img{
	display:inline;
	position:relative;
	top:-4px;left:0px;
}

.sp-figure{
	margin:0 auto;
}
}