@charset "utf-8";

/* ¼È´æ */
ul.snsIcons{
	width: auto;
	gap: 20px;
	margin-left: 0!important;
}
.commonHead .headContent .headFunction{
	padding-top: 32.5px;
}
.commonHead .headContent .headFunction .langSelect{
	margin-right: 36px;
}
.commonHead .headContent .headFunction .langSelect dd .selectJp, .commonHead .headContent .headFunction .langSelect dd .selectEn{
	line-height: 17px;
}
.commonHead .gNav{
	margin: 0;
	border-bottom: none;
	background-color: #35318F;
}
.commonHead .gNav ul li .childNav{
	top: 52px;
}
.commonHead .gNav ul li a{
	color: #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.mainVisual{
	border-top: none;
}

/* ×·Ó› */
.headMenu{
	width: 100%;
	background: #F9F7EC;
}
.headMenu ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.headMenu ul li{
	padding: 12.5px 0;
}
.headMenu ul li a{
	display: block;
	padding: 0 15px;
	border-right: 1px solid #D4CFB8;
	color: #35318F;
	font-size: 12px;
	font-weight: 300;
}
.headMenu ul li:last-of-type a{
	border-right: none;
}
.headMenu ul li a img{
	max-width: 20px;
	margin-right: 8px;
	vertical-align: middle;
}

@media screen and (min-width: 740px) and (max-width: 990px){
/* ¼È´æ */
.commonHead .gNav ul, .contentJP .commonHead .gNav ul li.parentNav a, .contentJP .commonHead .gNav ul li.parent2 a{
	background: #35318F;
}
.commonHead .headContent .headFunction{
	padding-top: 0;
}

/* ×·Ó› */
.headMenu{
	margin: 10px 0 0 0;
}
.headMenu ul{
	flex-wrap: wrap;
	justify-content: flex-start;
}
.headMenu ul li{
	width: 25%;
}
.headMenu ul li a{
	text-align: center;
}
}

@media screen and (min-width: 0px) and (max-width: 720px){
/* ¼È´æ */
.commonHead{
	border-top: none;
}
.gNavSp ul li a{
	position: relative;
}
.gNavSp ul li .switchAccordion,
.gNavSp ul li .noAccordion{
	padding: 18px 16px;
	font-size: 14px;
	text-decoration: none;
}
.gNavSp ul li .noAccordion img{
	max-width: 24px;
	margin-right: 8px;
	vertical-align: middle;
}
.gNavSp ul li .switchAccordion:after{
	display: block;
	content: '';
	position: absolute;
	top: 16px;
	right: 16px;
	transform: rotate(90deg);
	width: 24px;
	height: 24px;
	background: url(/cms/wp-content/themes/grips2014sp6/common/img/common/icon/arrowR-1.png) center no-repeat;
	transition: 0.3s;
}
.gNavSp ul li .switchAccordion.isOpen:after{
	transform: rotate(-90deg);
}
.gNavSp ul li.parentNav .childNav .iconArrow{
	display: none;
}
.gNavSp ul li.parentNav .childNav{
	display: block;
}
.gNavSp ul li.parentNav .childNav .childNavTitle{
	display: none;
}
.gNavSp ul li.parentNav .childNav .childNavList{
	position: relative;
	top: auto;
	width: 100%;
	height: 0;
	overflow-y: hidden;
	background: #35318F;
	transition: 0.3s;
	transform-origin: top center;
	transform: scale(1,0);
}
.gNavSp ul li.parentNav .childNav .childNavList.isOpen{
	height: auto;
	transform: scale(1,1);
}
.gNavSp ul li.parentNav .childNav .childNavList li{
	width: 86.7%;
	border-bottom: 1px solid #141155;
}
.gNavSp ul li.parentNav .childNav a{
	padding: 12px 16px;
	font-size: 14px;
}


}