@charset "shift_jis";

/* page == top
------------------------------------------------------------------*/
.mvWrap{
    background: url(/brand/breathcare/sp/img/mv.jpg) no-repeat;
    background-size: 100% auto;
	padding-top: 94%;
	position: relative;
	padding-bottom: 22%;
	background-color: #daedf1;
}
.scroll{
	animation-name: scrollDown;
	animation-duration: 0.6s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	-webkit-animation-name: scrollDown;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%; 
    transform-origin: 50% 50%;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
    position: absolute;
    text-align: center;
    bottom: 7.5%;
    width: 100%;
}
@-webkit-keyframes scrollDown {
	0% { -webkit-transform: translateY(5px); }
	50% { -webkit-transform: translateY(0); }
	100% { -webkit-transform: translateY(5px); }
}
@keyframes scrollDown {
	0% { -webkit-transform: translateY(5px); transform: translateY(5px); }
	50% { -webkit-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(5px); transform: translateY(5px); }
}
.sceneWrap{
	background: url(/brand/breathcare/img/img_bg.jpg) top center;
}
.sceneWrap li a{
    display: block;
}
.bnrCampaign{
    position: absolute;
    bottom: 5%;
    text-align: center;
    width: 100%;
}
#contentsWrap .bnrCampaign img{
	width: 90%;
	height:auto;
}

.c-naviStore_ttl{
	width: 94%;
    margin: auto;
    padding: 2% 0 2% 5%;
}


/*?@?L?????y?[???o?i?[????A?K????????X?^?C???i?R?????g?A?E?g???????????j
------------------------------------------------------------------*/
/*
.mvWrap{
	background: url(/brand/breathcare/sp/img/top_img_mv_type02.jpg) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 125%;
}
.scroll{
	bottom: 29%;
}
.mvWrap p {
	padding: 0 10px;
	bottom: 5%;
	position: absolute;
}*/


/*add sailormoon  section 
------------------------------------------------------------------*/

.bnr_limited{
	padding: 0px 20px 36px 20px;
	background: url(/brand/breathcare/sp/img/bg_shadow.png) repeat-x bottom #dbeff1;
	background-size: 4px auto;
}
.bnr_limited img{
	max-width: 100%;
}