@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: 878px;
		position: absolute;
		top: 596px;
		left: 50%;
		transform: translateX(-50%);
		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: 129px;
		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-products.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-movie.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-voice.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_nav-sunaolife.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_nav-delivery.png) no-repeat center top;
		background-size: 100% auto;
	}

	/* #nav ul li:first-child+li+li+li+li+li+li+li a {
		width: 129px;
		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;
		position: relative;
		z-index: 1;
	}

	#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: 891px;
		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 {
		height: 67px;
		position: fixed;
		bottom: 55px;
		right: 10px;
		z-index: 999;
		overflow: hidden;
		cursor: pointer;
		display: none;
	}

	p.pagetop:hover img {
		margin-top: -67px;
	}

	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: -507px; */
		width: 891px;
		/* width: 766px; */
		background: none;
	}

	.lower #nav ul,
	.lower #btnav ul {
		width: 891px;
		/* width: 766px; */
	}

	.lower #nav ul li a {
		/* height: 28px; */
		height: 48px;
	}

	.lower #nav ul li:first-child {
		margin-right: 32px;
		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-products.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-movie.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-voice.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-sunaolife.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-delivery.png) no-repeat center top;
		background-size: 100% auto;
	}

	.lower #nav ul li:first-child+li+li+li+li+li+li {
		margin-top: -3px;
	}

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

	#btnav ul li:first-child {
		margin-right: 32px;
		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-products.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-movie.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-voice.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-sunaolife.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-delivery.png) no-repeat center top;
		background-size: 100% auto;
	}

	/* 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;
	}


	/*-----------------------------------------
	
	2021.06~

	-----------------------------------------*/
	/* 背景非表示 */
	.lower {
		background: none;
	}

	/* 色変更 */
	#btnav {
		background: #5a2800;
	}

	/* 色変更 */
	.lower .NavWrap,
	.lower .subPageNavWrap {
		position: relative;
		z-index: +2;
		/* margin-bottom: -130px; */
		height: 70px;
		/* background: url(../img/bg_lower_nav.png) no-repeat center; */
		background-color: #5a2800;
	}

	/* ホバー配置 */
	.lower #nav ul li a:hover {
		background-position: center bottom !important;
	}

	#btnav ul li a:hover {
		background-position: center bottom !important;
	}

	.lower #nav ul li:first-child+li+li+li+li+li+li {
		margin-top: 0;
	}

	.inn#js-header__menu {
		background-color: rgb(244, 67, 54) !important;
		background-image: url(../template/images/btn_menu_02.png) !important;
	}

	.inn {
		display: block !important;
	}

	/* ヘッダー調整 */
	#header_glonavi #header_toggle_menu .nav__trigger01 {
		font: 13px "游ゴシック",
			YuGothic,
			"ヒラギノ角ゴ ProN W3",
			"Hiragino Kaku Gothic ProN",
			"メイリオ",
			Meiryo,
			sans-serif !important;
	}

	#header_glonavi #header_glonavi_l .glico_header_logo {
		box-sizing: border-box;
	}

	#header_glonavi img {
		height: 40px;
		width: auto;
	}
}