@charset "utf-8";

/*body {
	margin: 0 auto;
	padding: 0;
}*/
@media screen and (min-width: 769px) {
body {
	text-align: left;
}
.glico_header_logo {
	-webkit-box-sizing:initial;
	-moz-box-sizing:initial;
	box-sizing: initial;
}
#footer__socials {
	background-color: #fff;
}

.spOnly {
	display: none;
}
.width980 {
	width: 980px;
}
.mauto {
	margin-left: auto;
	margin-right: auto;
}

.f10 { font-size: 10px; } .f12 { font-size: 12px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; }
.f18 { font-size: 18px; } .f20 { font-size: 20px; } .f22 { font-size: 22px; } .f24 { font-size: 24px; }

.pic img { width: 100%; }

.contentFade {
	position:relative;
	opacity:0;
	top:100px;
}

/* navbar */
.navbar {
	min-width:980px;
	background-color: #03398e;
}
.navbar .global_menu .menuInner {
	width: 980px;
	/*width: 865px;*/
	text-align: center;
	margin:0 auto;
}
.navbar .global_menu h1.nav_logo {
	width: 175px;
	display: block;
	vertical-align: top;
	float: left;
}
.navbar .global_menu h1.nav_logo a {
	position:relative;
	display: block;
	height: 65px;
	vertical-align: middle;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	transition: all .3s ease;
	background: url(../images/nav/nav_logo.png) no-repeat center;
	font-size: 0;
}
.navbar .global_menu h1.nav_logo a:before {
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:1px;
	height: 65px;
	background-color:rgba(255,255,255,0.3);
}
.global_menu h1.nav_logo a:hover,
.index_page .global_menu h1.nav_logo a {
	background:#e1e9f6 url(../images/nav/nav_logo_on.png) no-repeat center;
}
.navbar .global_menu ul {
	/*float: right;*/
	float: left;
	font-size:0;
}
.navbar .global_menu ul li {
	display:inline-block;
	vertical-align:top;
}
.navbar .global_menu ul li a {
	position:relative;
	display: block;
	height: 65px;
	vertical-align: middle;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	transition: all .3s ease;
	background-color:#03398e;
}
.navbar .global_menu ul li a:after {
	position:absolute;
	content:'';
	top:0;
	right:0;
	width:1px;
	height: 65px;
	background-color:rgba(255,255,255,0.3);
}
.navbar .global_menu ul li:first-child a:before {
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:1px;
	height: 65px;
	background-color:rgba(255,255,255,0.3);
}

/* メニュー */

.global_menu ul li.nav_products {
	width: 129px;
}
.global_menu ul li a {
	background-position: center;
	background-repeat: no-repeat;
}
.global_menu ul li.nav_products a {
	background-image: url(../images/nav/nav_products.png);
}
.global_menu ul li.nav_bifix {
	width: 131px;
}
.global_menu ul li.nav_bifix a {
	background-image: url(../images/nav/nav_bifix.png);
}
.global_menu ul li.nav_inulin {
	width: 129px;
}
.global_menu ul li.nav_inulin a {
	background-image: url(../images/nav/nav_inulin.png);
}
.global_menu ul li.nav_become {
	width: 131px;
}
.global_menu ul li.nav_become a {
	/* background-image: url(../images/nav/nav_become.png); */
	background-image: url(../images/nav/nav_challenge.png);
}
.global_menu ul li.nav_magazine {
	width: 131px;
}
.global_menu ul li.nav_magazine a {
	background-image: url(../images/nav/nav_magazine.png);
}
.global_menu ul li.nav_special {
	width: 131px;
}
.global_menu ul li.nav_special a {
	background-image: url(../images/nav/nav_special.png);
}
.global_menu ul li.nav_cm a {
	background-image: url(../images/nav/nav_cm.png);
}
.global_menu ul li.nav_faq a {
	background-image: url(../images/nav/nav_faq.png);
}

/* カレント,hover */
.global_menu ul li.nav_products a:hover,
.products_page .global_menu ul li.nav_products a {
	background:#e1e9f6 url(../images/nav/nav_products_on.png) no-repeat center;
}
.global_menu ul li.nav_bifix a:hover,
.about_page .global_menu ul li.nav_bifix a {
	background:#e1e9f6 url(../images/nav/nav_bifix_on.png) no-repeat center;
}
.global_menu ul li.nav_bifix a:hover,
.about_page .global_menu ul li.nav_bifix a {
	background:#e1e9f6 url(../images/nav/nav_bifix_on.png) no-repeat center;
}
.global_menu ul li.nav_inulin a:hover,
.inulin .global_menu ul li.nav_inulin a {
	background:#e1e9f6 url(../images/nav/nav_inulin_on.png) no-repeat center;
}
.global_menu ul li.nav_become a:hover,
.become .global_menu ul li.nav_become a {
	/* background:#e1e9f6 url(../images/nav/nav_become_on.png) no-repeat center; */
	background:#e1e9f6 url(../images/nav/nav_challenge_on.png) no-repeat center;
}
.global_menu ul li.nav_magazine a:hover,
.magazine .global_menu ul li.nav_magazine a {
	background:#e1e9f6 url(../images/nav/nav_magazine_on.png) no-repeat center;
}
.global_menu ul li.nav_special a:hover,
.special_page .global_menu ul li.nav_special a {
	background:#e1e9f6 url(../images/nav/nav_special_on.png) no-repeat center;
}
.global_menu ul li.nav_cm a:hover,
.cm .global_menu ul li.nav_cm a {
	background:#e1e9f6 url(../images/nav/nav_cm_on.png) no-repeat center;
}
.global_menu ul li.nav_faq a:hover,
.faq .global_menu ul li.nav_faq a {
	background:#e1e9f6 url(../images/nav/nav_faq_on.png) no-repeat center;
}

.global_menu ul li {
	width: 134px !important;
}
.global_menu ul li.nav_logo {
	width: 170px !important;
}
.global_menu ul li a {
	background-size: 115px !important;
}
.global_menu ul li.nav_logo a {
	background-size: auto !important;
}

/* comming soon */
.global_menu ul li.soon {
	position: relative;
}
.global_menu ul li.soon:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/nav/nav_soon.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
}
.global_menu ul li.soon a {
	cursor: default;
	opacity: 0.5;
}
.global_menu ul li.nav_special.soon a:hover {
	background: url(../images/nav/nav_special.png) no-repeat center;
}


/* sns_area */
.sns_area {
	position:relative;
	z-index: 3;
	min-width:980px;
	margin-top:-15px;
	background: url(../images/common/bg_sns.png) repeat-x center top;
}
.sns_area .inner {
	padding:100px 0 75px;
	margin:0 auto;
	width:980px;
}
.sns_area .list_sns {
	margin:0 auto;
	width:716px;
}
.sns_area .list_sns li {
	/* box-shadow:0px 5px 10px -6px rgba(0,0,0,0.6); */
}
.sns_area .list_sns li a {
	box-shadow:0px 5px 10px -6px rgba(0,0,0,0.6);
}
.sns_area .list_sns li a:hover img {
	opacity:1;
	transform:scale(1.1);
}
.sns_area .list_sns li:nth-child(odd) {
	float:left;
}
.sns_area .list_sns li:nth-child(even) {
	float:right;
}

/* page_top */
.page_top {
	position:absolute;
	right:33px;
	bottom:87px;
	z-index:10;
}
.page_top img {
	opacity: 0;
	pointer-events: none;
}
.page_top a:hover img {
	opacity:1;
	transform:scale(1.2);
}
.page_top.fixed {
	position:fixed;
	bottom:62px;
}
.page_top.fadeIn img {
	opacity: 1;
	pointer-events: visible;
}
.page_top.fadeOut img{
	opacity: 0;
	pointer-events: none;
}
/* .button */
.button {
	position: relative;
	padding: 11px 65px;
    display: inline-block;
    background-color: #03398e;
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    text-align: center;
    border-radius: 50px;
    transition: all .5s;
}
.button:hover { opacity: .8; }
.button:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -7px;
	width: 9px;
	height: 14px;
	background: url(../images/common/ico_arrow01.png) no-repeat right center;
}
.button.button_md {
	padding: 15px 65px;
}
.button.button_md:after {
	right: 23px;
}

}


@media screen and (max-width: 768px) {
.pcOnly {
	display: none;
}

.contentFade {
	position:relative;
	opacity:0;
	top:100px;
}

/* ========== sp_nav ========== */
.sp_nav { position: relative;}
.sp_nav #nav_sp {
	position:relative;
	background: #03398e;
}
.sp_nav #nav_sp h1 {
	margin:0 auto;
	width:190px;
}
.sp_nav #nav_sp h1 a {
	display: block;
	height: 70px;
	background: url(../images/common/sp/bifix_logo.gif) no-repeat 0 0;
	background-size: 100%;
	font-size: 0;
	overflow: hidden;
}
.sp_nav #nav_sp span {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:70px;
	height:70px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/common/sp/btn_menu.gif) no-repeat center top;
	background-size: contain;
}
.sp_nav #nav_sp span.active {
	background: url(../images/common/sp/btn_menu_close.gif) no-repeat center top;
}

.sp_nav .menu {
	display: none;
}
.sp_nav .list_nav {
	font-size: 30px;
	border-top: 10px solid #c70068;
	text-align:left;
}
.sp_nav .list_nav li {
	border-bottom: 2px solid #d3d3d3;
}
.sp_nav .list_nav li:last-child {
	border-bottom: none;
}
.sp_nav .list_nav li a,
.sp_nav .list_nav .btn_sub .btn {
	position:relative;
	padding: 20px 30px 20px 60px;
	display: block; color: #03398e;
}
.sp_nav .list_nav li a:before,
.sp_nav .list_nav .btn_sub .btn:before {
	position:absolute;
	left:30px;
	content:">";
}
.sp_nav .list_nav li a sup {
	vertical-align: sub;
	position: relative;
	top: 2px;
}
.sp_nav .list_nav .btn_sub .btn span {
	padding-right:60px;
	display:block;
	background: url(../images/common/sp/ico_plus.png) no-repeat right center;
	background-size:32px auto;
}
.sp_nav .list_nav .btn_sub .btn.active span {
	background: url(../images/common/sp/ico_minus.png) no-repeat right center;
	background-size:32px auto;
}


.sp_nav .list_sub {
	display:none;
	margin-left:30px;
	font-size: 30px;
}
.sp_nav .list_sub li {
	border-top: 2px solid #d3d3d3;
	border-bottom: none;
}
.sp_nav .list_sub li a {
	padding-right:80px;
	display: block; color: #03398e;
}


/* sns_area */
.sns_area {
	position:relative;
	z-index: 3;
	margin-top:-24px;
	padding:94px 63px 174px;
	background: url(../images/common/sp/bg_sns.png) no-repeat center top;
	background-size:cover;
}
.sns_area .inner {
}
.sns_area .list_sns {
}
.sns_area .list_sns li {
	/* box-shadow:0px 5px 10px -6px rgba(0,0,0,0.6); */
}
.sns_area .list_sns li a {
	box-shadow:0px 5px 10px -6px rgba(0,0,0,0.6);
}
.sns_area .list_sns li:nth-child(odd) {
	margin-bottom:26px;
}
.sns_area .list_sns li:nth-child(even) {
}

/* sns_area */
.page_top {
	position:absolute;
	right: 10px;
	bottom: 28px;
	width: 98px;
	z-index:10;
}
.page_top img {
	opacity: 0;
	pointer-events: none;
}
.page_top.fixed {
	position:fixed;
	bottom: 78px;
}
.page_top.fadeIn img {
	opacity: 1;
	pointer-events: visible;
}
.page_top.fadeOut img{
	opacity: 0;
	pointer-events: none;
}
/* .button */
.button {
	position: relative;
	padding: 21px 45px;
    display: inline-block;
    background-color: #03398e;
    font-size: 26px;
    font-weight: bold;
    color: #fff !important;
    text-align: center;
    border-radius: 60px;
    transition: all .5s;
}
.button:hover { opacity: .8; }
.button:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -12px;
	width: 16px;
	height: 24px;
	background: url(../images/common/sp/ico_arrow01.png) no-repeat right center;
}
.button.button_md {
	padding: 32px 60px;
}
.button.button_md:after {
	right: 23px;
}

/* footer */
#smp_footer_glonavi #footer__socials .footer__socials-title,
#smp_footer_glonavi.smp_gloval__footer .footer__section {
	max-height: 999999px;
}


}