@charset "utf-8";

@media screen and (min-width: 641px) {

/* -----------------------------------------------------------------------------

	common

----------------------------------------------------------------------------- */
html, body {
	width: 100%;
	height: 100%;
	background: #fff;
	color: #333;
}
.sp {
	display: none !important;
}
#contents_block {
	min-width: 980px;
	font-size: 16px;
}
#contents_block #contentsWrap {
	overflow: hidden;
	position: relative;
}
#contents_block .inner {
	width: 980px;
	margin: 0 auto;
}

/* mv
---------------------------------------------*/
#mv {
	background: url(../img/bg_content.png);
}
#mv .inner {
	box-sizing: border-box;
	text-align: center;
	position: relative;
	z-index: 1;
}
/* decoration */
#mv .decoration {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
}
/* wave */
#mv .bgWave {
	width: 2000px;
	height: 204px;
	background: url(../img/img_mv_wave.png) repeat-x 0 bottom;
	position: absolute;
	bottom: 0;
	left: -50%;
	z-index: 2;
}
/* pkg */
#mv ul {
	position: absolute;
	z-index: 3;
}
#mv ul li {
	display: inline-block;
	vertical-align: bottom;
}
#mv ul li img {
	width: 100%;
	height: auto;
}


/* gnav
---------------------------------------------*/
#nav {
	background: url(../img/bg_gnav.png) no-repeat center top;
	width: 980px;
	position: absolute;
	top: 596px;
	left: 50%;
	margin-left: -490px;
	z-index: +1;
}
#nav ul {
	width: 980px;
	margin: 0 auto;
	/* padding-left: 15px; */
	display: block !important;
	box-sizing: border-box;
}
#mvWrap #nav ul {
	padding: 17px 0 19px;
}
#nav ul li {
	float: left;
}
#nav ul li a {
	display: block;
	/* height: 44px; */
	height: 56px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#nav ul li:first-child a {
	width: 140px;
	background: url(../img/nav_home.png) no-repeat center top;
	background-size: 100% auto;
}
/* #nav ul li:first-child + li a {
	width: 127px;
	background: url(../img/nav_about.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li:first-child + li + li a {
	width: 140px;
	background: url(../img/nav_secret.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li:first-child + li + li + li a {
	width: 140px;
	background: url(../img/nav_products.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li:first-child + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_movie.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li:first-child + li + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_voice.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li:first-child + li + li + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_event.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li:first-child + li + li + li + li + li + li + li a {
	width: 117px;
	background: url(../img/nav_diabetes.png) no-repeat center top;
	background-size: 100% auto;
} */
#nav ul li:first-child + li a {
	width: 118px;
	background: url(../img/btn_top-about.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li:first-child + li + li a {
	width: 124px;
	background: url(../img/btn_top-secret.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li:first-child + li + li + li a {
	width: 124px;
	background: url(../img/btn_top-products.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li:first-child + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_top-movie.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li:first-child + li + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_top-voice.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li:first-child + li + li + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_top-event.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li:first-child + li + li + li + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_top-diabetes.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li:first-child + li + li + li + li + li + li + li + li a {
	width: 118px;
	background: url(../img/btn_top-sunaolife.png) no-repeat center top;
	background-size: 100% auto;
}
#nav ul li a:hover {
	background-position: left bottom !important;
}

/* share
---------------------------------------------*/
#share {
	text-align: center;
	font-size: 0;
	background: url(../img/line_bnrArea.gif) repeat-x top center, #fff;
	padding: 40px 0;
}
#share img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
}
#share h2 {
	display: inline-block;
	width: 100px;
	margin: 6px 0;
	overflow: visible;
}
#share ul {
	display: inline-block;
	margin: 0 0 0 23px;
}
#share ul li {
	display: inline-block;
	width: 53px;
	height: 52px;
	overflow: hidden;
}
#share ul li + li {
	margin: 0 0 0 16px;
}
#share ul li a:hover img {
	margin-top: -52px;
}

/* btnav
---------------------------------------------*/
#btnav {
	background: #dcb46e;
	padding: 11px 0;
}
#btnav ul {
	width: 1160px;
	margin: 0 auto;
}
#btnav ul li {
	float: left;
}
#btnav ul li a {
	display: block;
	height: 78px;
	overflow: hidden;
	text-indent: 100%;
  white-space: nowrap;
}
#btnav ul li:first-child a {
	width: 140px;
	background: url(../img/nav_home.png) no-repeat center top;
}
#btnav ul li:first-child + li a {
	width: 139px;
	background: url(../img/nav_about.png) no-repeat center top;
}
#btnav ul li:first-child + li + li a {
	width: 140px;
	background: url(../img/nav_secret.png) no-repeat center top;
}
#btnav ul li:first-child + li + li + li a {
	width: 140px;
	background: url(../img/nav_products.png) no-repeat center top;
}
#btnav ul li:first-child + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_movie.png) no-repeat center top;
}
#btnav ul li:first-child + li + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_voice.png) no-repeat center top;
}
#btnav ul li:first-child + li + li + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_event.png) no-repeat center top;
}
#btnav ul li:first-child + li + li + li + li + li + li + li a {
	width: 141px;
	background: url(../img/nav_diabetes.png) no-repeat center top;
}
#btnav ul li a:hover {
	background-position: center bottom !important;
}
/* pagetop */
p.pagetop {
	position: fixed;
	bottom: 16px;
	right: -4%;
	z-index: 9999;
	overflow: hidden;
	cursor: pointer;
	display: none;
}
p.pagetop:hover img {
	opacity: 0.8;
}
p.pagetop img{
	width: 40%;
}
p.pagetop.fixed {
	position: absolute;
	bottom: 100px;
}


/* -----------------------------------------------------------------------------

	lower common

----------------------------------------------------------------------------- */
.lower {
	background: url(../img/bg_lower.png) center top repeat-y;
}
.lower h2 {
	/* height: 48px; */
	text-align: center;
	/* margin: 0 0 40px; */
	line-height: 1;
}
.lower h2 img {
	height: 100%;
	width: auto;
}
.lower .notes {
	font-size: 12px;
	text-indent: -1em;
	margin-left: 1em;
}

/* mv
---------------------------------------------*/
.lower #mv {
	margin-bottom: 80px;
	background: none;
}
.lower #mv .inner {
	height: 430px;
}
.lower #mv h1 {
	padding-top: 1px;
}
.lower #mv h1 span {
	display: block;
}
/* decoration */
.lower #mv .decoration {
	margin-left: -640px;
}

/* gnav
---------------------------------------------*/
.lower .subPageNavWrap {
	position: relative;
	z-index: +2;
	/* margin-bottom: -130px; */
	height: 70px;
	/* background: url(../img/bg_lower_nav.png) no-repeat center; */
	background-color: #dcb46e;
}
.lower #nav {
	top: 10px;
	margin-left: -560px;
	width: 1140px;
	background: none;
}
.lower #nav ul,
.lower #btnav ul {
	 width: 1140px; 
}
.lower #nav ul li a {
	/* height: 28px; */
	height: 48px;
}

.lower #nav ul li:first-child {
	margin-right: 34px;
	padding-left: 24px;
}
.lower #nav ul li:first-child a {
	width: 90px;
	background: url(../img/nav_home-l.png) no-repeat center top;
	background-size: 100% auto;
}

/* .lower #nav ul li:first-child + li a {
	width: 140px;
	background: url(../img/nav_about-l.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li a {
	width: 140px;
	background: url(../img/nav_secret-l.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li + li a {
	width: 140px;
	background: url(../img/nav_products-l.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_movie-l.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_voice-l.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_event-l.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li + li + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_diabetes-l.png) no-repeat center top;
	background-size: 100% auto;
} */


.lower #nav ul li:first-child + li a {
	width: 124px;
	background: url(../img/btn_nav-about.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li a {
	width: 124px;
	background: url(../img/btn_nav-commit.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li + li a {
	width: 124px;
	background: url(../img/btn_nav-products.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_nav-movie.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_nav-voice.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_nav-event.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li + li + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_nav-diabetes.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li + li + li + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_nav-sunaolife.png) no-repeat center top;
	background-size: 100% auto;
}
.lower #nav ul li:first-child + li + li + li + li + li + li + li + li {
	margin-top: -3px;
}

#btnav ul li a {
	/* height: 28px; */
	height: 48px;
}

#btnav ul li:first-child {
    margin-right: 34px;
    padding-left: 24px;
}
#btnav ul li:first-child a {
	width: 90px;
	background: url(../img/nav_home-l.png) no-repeat center top;
	background-size: 100% auto;
}
/* #btnav ul li:first-child + li a {
	width: 140px;
	background: url(../img/nav_about-l.png) no-repeat center top;
	background-size: 100% auto;
}
#btnav ul li:first-child + li + li a {
	width: 140px;
	background: url(../img/nav_secret-l.png) no-repeat center top;
	background-size: 100% auto;
}
#btnav ul li:first-child + li + li + li a {
	width: 140px;
	background: url(../img/nav_products-l.png) no-repeat center top;
	background-size: 100% auto;
}
#btnav ul li:first-child + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_movie-l.png) no-repeat center top;
	background-size: 100% auto;
}
#btnav ul li:first-child + li + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_voice-l.png) no-repeat center top;
	background-size: 100% auto;
}
#btnav ul li:first-child + li + li + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_event-l.png) no-repeat center top;
	background-size: 100% auto;
}
#btnav ul li:first-child + li + li + li + li + li + li + li a {
	width: 140px;
	background: url(../img/nav_diabetes-l.png) no-repeat center top;
	background-size: 100% auto;
} */


#btnav ul li:first-child + li a {
	width: 124px;
	background: url(../img/btn_nav-about.png) no-repeat center top;
	background-size: 100% auto;
}
#btnav ul li:first-child + li + li a {
	width: 124px;
	background: url(../img/btn_nav-commit.png) no-repeat center top;
	background-size: 100% auto;
}
#btnav ul li:first-child + li + li + li a {
	width: 124px;
	background: url(../img/btn_nav-products.png) no-repeat center top;
	background-size: 100% auto;
}
#btnav ul li:first-child + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_nav-movie.png) no-repeat center top;
	background-size: 100% auto;
}
#btnav ul li:first-child + li + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_nav-voice.png) no-repeat center top;
	background-size: 100% auto;
}
#btnav ul li:first-child + li + li + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_nav-event.png) no-repeat center top;
	background-size: 100% auto;
}
#btnav ul li:first-child + li + li + li + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_nav-diabetes.png) no-repeat center top;
	background-size: 100% auto;
}
#btnav ul li:first-child + li + li + li + li + li + li + li + li a {
	width: 124px;
	background: url(../img/btn_nav-sunaolife.png) no-repeat center top;
	background-size: 100% auto;
	margin-top: -3px;
}

/* bnrArea
---------------------------------------------*/
.lower .bnrArea {
	padding: 51px 0px 47px;
	/* padding: 70px 0 50px; */
	text-align: center;
	background: url(../img/line_bnrArea.gif) repeat-x center top, #fff;
}
.lower .bnrArea p:first-child a {
	display: block;
	height: 139px;
	width: 681px;
	overflow: hidden;
	margin: 0 auto;
}
.lower .bnrArea p:first-child a:hover img {
	margin-top: -139px;
}
.lower .bnrArea p img {
	width: 100%;
	height: auto;
}
.lower .bnrArea p.pc {
	margin-top: 43px;
	/* margin-top: 50px; */
}
.lower .bnrArea p.pc a {
	display: block;
	height: 23px;
	width: 247px;
	overflow: hidden;
	margin: 0 auto;
}
.lower .bnrArea p.pc a:hover img {
	margin-top: -23px;
}
}