@charset "UTF-8";
/* CSS Document */

body{
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	font-size: 16px;
	line-height: 1.6em;
	text-align: center;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;}

.sp{
	display:none;}
.pc{
	display:block;}

/* clearfix */
.clearfix::after {
	content: "";
	display: block;
	clear: both;}

ul,li{
	list-style: none;}

table{
	border: none;
	border-collapse:collapse;}

img{
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;}

.mt20{
	margin-top: 20px;}
.mt40{
	margin-top: 40px;}
.mb20{
	margin-bottom: 20px;}

.slidearea{
	width: 100%;
	margin: 0;
	padding: 70px 0 0 0;
	background: #000;}
.slider_wrap{
	width: 1158px;
	margin: 0 auto;
	padding: 0;}

img.sticky{
	width: 100%;
	overflow: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;}
div.imaging_diagram{
	margin: 0;
	padding: 0 0 20vh 0;
	background-image: url("../img_new/gradation.png");
	background-position: top;
	background-repeat: repeat-x;
	background-size: auto 100%;}
div.imaging_diagram h3 img{
	width: 90%;
	margin: 0 5%;
	padding: 0;}
section.lpcontents{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 2;}
div.mainwrap{
	position: -webkit-sticky;
	position: sticky;
	z-index: 3;
	background: #FFF;}

article#pctest{
	width: 100%;
	margin: 0 auto;
	padding: 0;}
	article#pctest h2,section#shop h2{
		width: 100%;
		margin: 0 auto 60px auto;
		padding: 0;
		text-align: center;
		background: url(../img_new/pc_title_bg.jpg) repeat-x;}

article#pctest h2.newh2{
	background: none;}

#section03 h2.newh2{
	padding-top: 40px;}

table.pc_head{
	width: 1086px;
	margin: 0 auto;
	padding: 0;}
	table.pc_head td.txt{
		padding: 3px 0;
		font-size: 0.9em;
		color: #FFF;}
	table.pc_head td.txt a{
		text-decoration: none;}
	table.pc_head td.txt a:hover{
		text-decoration: underline;}


.outro h3{
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../img_new/pc009_bg.jpg) top repeat-x;}

div.menu{
	background: #eaebed;}

div.headline{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #343947;}
div.headline2{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	background: #343947;
	z-index: 10000;}

.blue{
	color: #343947;}

div.pc001,div.pc001b{
	width: 100%;
	margin: 0;
	padding: 0 0 60px 0;
	text-align: center;}
div.pc001c{
	width: 100%;
	margin: 80px 0 0 0;
	padding: 0 0 60px 0;
	text-align: center;}
div.pc001d{
	width: 100%;
	margin: 80px 0 0 0;
	padding: 0;
	text-align: center;}
div.pc001e{
	width: 100%;
	margin: 0;
	padding: 50px 0 60px 0;
	text-align: center;}
div.pc001,div.pc001c{
	background: url(../img_new/pc001_bg.jpg) center no-repeat #000;}
div.pc001b{
	background: url(../img_new/pc001_bg.jpg) top center no-repeat #000;}
div.pc001d{
	background: url(../img_new/pc001_bg2.jpg) top center no-repeat #000;}
div.pc001e{
	background: url(../img_new/pc001_bg3.jpg) top center no-repeat #000;}
div.pc001e2{
	padding: 30px 0;
	background: url(../img_new/pc001_bg3.jpg) top center no-repeat #000;}
	div.pc001 table,div.pc001b table,div.pc001c table,div.pc001d table,div.pc001e table{
		width: 1086px;
		margin: 0 auto;
		padding: 0;}
div.pc001_slide{
	margin: 0;
	padding: 60px 0 0 0;
	background: #000;}
table.pctop h2{
	width: 766px;
	margin: 0 auto 40px auto !important;
	padding: 50px 0 0 0 !important;
	font-size: 1.8em;
	line-height: 1.6em;
	color: #FFF;
	background: none !important;}
table.pctop p{
	width: 766px;
	margin: 0 auto;
	text-align: left;
	color: #FFF;}
table.pctop2 p{
	width: 766px;
	margin:30px auto 0 auto;
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: center;}
	table.pctop p strong,table.pctop2 p strong{
		color: #F00;}

div.pcmenu{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
background: url("../img_new/gm_bg.jpg") repeat-x;}
	div.pcmenu ul{
		width: 1086px;
		margin: 0 auto;
		padding: 0;}
		div.pcmenu ul li{
			margin: 0;
			padding: 0;
			float: left;}

.w1086,.w1086b{
	width: 1086px;
	margin: 0 auto 60px auto;
	padding: 0;}
	.w1086 img{
		float: left;}
	.w1086 h3,.w1086 p{
		width: 490px;
		margin: 0 0 20px 0;
		padding: 0;
		text-align: left;
		float: right;}
	.w1086 h3,.w1086b h3{
		font-size: 1.9em;
		line-height: 1.6em;
		font-weight: bolder;}
	.w1086b p{
		width: 1086px;
		margin: 0 auto 20px auto;
		padding: 0;}
	.w1086 p strong,.w1086b p strong{
		color: #C00;}
	.w1086 p img.mil12{
		margin: 20px 0 0 -15px;
		float: none;}

div#pcsec02{
	width: 460px;
	margin: 0 auto;
	padding: 60px 30px 60px 596px;
	text-align: left;
	color: #FFF;
	background: url("../img/pcsec02_01.jpg") no-repeat;}
div#pcsec02 h3{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 2.0em;}

div.pckagi{
	width: 1086px;
	margin: 0 auto 60px auto;
	padding: 0;
	background: url("../img/bg_pckagi_02.gif") bottom;}
	div.pckagi ul{
		width: 1086px;
		margin: 0;
		padding: 0;
		background: url("../img/bg_pckagi_01.gif") top no-repeat;}
		div.pckagi ul li{
			width: 440px;
			padding: 0;
			text-align: left;}
	div.pckagi ul li.left{
		margin: 0 0 0 45px;
		float: left;}
	div.pckagi ul li.right{
		margin: 0 45px 0 0;
		float: right;}
	div.pckagi ul li h4{
		margin: 0 0 16px 0;
		padding: 0;
		font-size: 1.2em;}
	div.pckagi ul li p{
		margin: 0;
		padding: 0;
		text-align: left;}
		div.pckagi ul li p strong{
			color: #C00;}

#pcsec2_point,#pcsec3_point,#pcsales_point{
	width: 456px;
	margin: 0 auto 60px auto;
	padding: 60px 40px 60px 590px;
	color: #FFF;}
#pcsec2_point{
	background: url("../img/pcsec02_02.jpg");}
#pcsec3_point{
	background: url("../img/pc005_05.jpg");}
#pcsales_point{
	background: url("../img/pc009_05.jpg");}
	#pcsec2_point h3,#pcsec3_point h3,#pcsales_point h3 {
		margin: 0 0 30px 0;
		padding: 0;}
	#pcsales_point h3{
		background: none !important;}
		#pcsec2_point h3 strong,#pcsec3_point h3 strong,#pcsales_point h3 strong{
			font-size: 1.6em;
			line-height: 1.6em;
			font-weight: bolder;}
	#pcsec2_point p,#pcsec3_point p,#pcsales_point p{
		margin: 0;
		padding: 0;
		text-align: left;}
#pcsales_point p.salespoint{
	margin: 0 auto 30px auto;
	padding: 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: bolder;}
	#pcsec2_point ol{
		width: 456px;
		position: relative;
		margin:0;
		padding:0;
		text-align: left;
		font-size: 1.1em;
		font-weight: bold;}
		#pcsec2_point ol li{
			list-style: none;
			list-style-position:outside;
			margin:0 0 20px 0;
			padding-left:1.25em;}
			#pcsec2_point ol li span {
				position: absolute;
				left:0;
				margin:0;}

div.pcsales02,div.pcsales03{
	width: 1086px;
	margin: 0 auto 60px auto;
	padding: 0;}
div.pcsales04{
	width: 1086px;
	margin: 0 auto 60px auto;
	padding: 0 0 60px 0;}
div.pcsales02{
	background: url("../img/pc009_07.jpg") bottom no-repeat;}
div.pcsales03{
	background: url("../img/pc009_09.jpg") bottom no-repeat;}
div.pcsales04{
	background-image: url("../img/pc009_11.jpg");
	background-position: 0 170px;}
	div.pcsales02 h4,div.pcsales03 h4,div.pcsales04 h4{
		margin: 0;
		padding: 0;}
	div.pcsales02 p,div.pcsales03 p{
		width: 420px;
		margin: 0;
		padding: 60px 40px 60px 626px;
		text-align: left;}
	div.pcsales04 p{
		width: 420px;
		margin: 0;
		padding: 60px 40px 30px 626px;
		text-align: left;}
	div.pcsales04 p.button{
		width: 420px;
		margin: 0 0 0 626px;
		padding: 0;
		background: #333;}
	div.pcsales04 p.button a{
		display: block;
		padding: 20px 0;
		color: #FFF;
		text-decoration: none;
		text-align: center;}
		div.pcsales02 p strong,div.pcsales03 p strong,div.pcsales04 p strong{
			color: #C00;}


#sakai{
	width: 1086px;
	margin: 0 auto 60px auto;
	padding: 0;}

#sakai h4{
	margin: 0 0 20px 0;
	padding: 20px 0;
	font-size: 1.2em;
	color: #333;
	border-top: #333 3px solid;
	border-bottom: #333 3px solid;}

#sakai div.sakaiprof{
	width: 286px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #333;
	float: left;}
#sakai div.sakaiprof img{
	width: 100%;}
#sakai div.sakaiprof p{
	padding: 10px 20px;
	color: #FFF;
	font-size: 0.8em;
	line-height: 1.2em;}

#sakai div.sakaitxt{
	width: 760px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: right;}
#sakai div.sakaitxt h5{
	margin: 0 0 20px 0;
	padding: 40px;
	font-size: 1.1em;
	background: #f2f2f2;}
#sakai div.sakaitxt p{
	margin: 0 0 20px 0;
	padding: 0;}
#sakai div.sakaitxt p img{
	width: 180px;
	margin: 0 0 0 20px;
	padding: 0;
	float: right;}

#sakai div.sakaitxt div.button{
	border: #FFF 1px solid;
	padding: 4px;
	text-align: center;
	background: #666;}
#sakai div.sakaitxt div.button:hover{
	border: #333 1px solid;
	background: #FFF;}
#sakai div.sakaitxt div.button a{
	display: block;
	padding: 12px 0;
	font-weight: bolder;
	border: #FFF 1px solid;
	color: #FFF;
	text-decoration: none;}
#sakai div.sakaitxt div.button a:hover{
	color: #333;
	border: #333 1px solid;}



table.sec2{
	width: 1086px;
	margin: 0 auto;
	padding: 0;}

section.pccv{
	margin: 0 auto;
	padding: 0 0 60px 0;
	background: #FFF;}
	section.pccv table{
		width: 886px;
		margin: 0 auto;
		padding: 0;
		background: #e5e5e5;}
	section.pccv table td.pccvbutton{
		width: 606px;
		padding: 0 140px;}

.relative {
    position: relative;}
.absolute {
	width: auto;
    position: absolute;
	top: 756px;
	left: 300px;}

/*店舗紹介*/
section#shop{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 60px 0;
	text-align: center;
	background: #FFF;}

.tab-content input[type="radio"] {
  display: none;}

.tab-content .tab-box {
	width: 1086px;
	margin: 0 auto;}

.tab-content label{
	display: inline-block;
	width:28%;
	max-width: 342px;
	margin: 0 2.5%;
	padding: 0;
	cursor: pointer;}
.tab-content label img{
	width:100%;
	margin: 0;
	padding: 0;}

.tab-content > .tab-box > div {
  display: none;}

#tab1:checked ~ .tab-box > #tabView1 {
	width: 100%;
	display: block;}

#tab2:checked ~ .tab-box > #tabView2 {
	width: 100%;
	display: block;}

#tab3:checked ~ .tab-box > #tabView3 {
	width: 100%;
	display: block;}

#tabView1,#tabView2,#tabView3{
	width:100%;
	margin: 0;
	padding: 0;}
#tabView1 img,#tabView2 img,#tabView3 img{
	width:100%;}
#tabView1 p,#tabView2 p,#tabView3 p{
	width:90%;
	margin: 20px 5% 0 5%;
	padding: 0;
	text-align: center;}
#tabView1 ul,#tabView2 ul,#tabView3 ul{
	width:80%;
	margin: 0 10%;
	padding: 0;}
#tabView1 ul li,#tabView2 ul li,#tabView3 ul li{
	width:100%;
	margin: 20px 0 0 0;
	padding: 0;}
#tabView1{}
#tabView2{}
#tabView3{}

table.shoplist{
	width: 1086px;
	margin: 0;
	padding: 0;}


/*モーダルウィンドウ*/
#overlay,#overlay02,#overlay03,#overlay04,#overlay05 {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.9);
	display: none;
	z-index: 5;}

#modalWindow,#modalWindow02,#modalWindow03,#modalWindow04,#modalWindow05 {
	width: 98%;
	height: 98%;
	position: fixed;
	display: none;
	z-index: 10;
	overflow: scroll;}

#modalWindow h2,#modalWindow02 h2,#modalWindow03 h2,#modalWindow04 h2,#modalWindow05 h2{
	width: 100%;
	margin: 14px 0 0 0;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.0em;
	text-align: center;}
#modalWindow02 p,#modalWindow03 p,#modalWindow04 p,#modalWindow05 p{
	width: 100%;
	margin: 15px 0;
	padding: 0;
	text-align: center;}
#modalWindow a{
	color: #FFF;
	text-decoration: none;}
#modalWindow ul{
	width: 100%;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
	font-size: 1.3em;
	border-top: #CCC 1px solid;}
#modalWindow02 ul,#modalWindow03 ul,#modalWindow04 ul,#modalWindow05 ul{
	width: 90%;
	margin: 0 5%;
	padding: 0;}
#modalWindow ul li{
	margin: 0 0 10px 0;
	padding: 0 5% 10px 5%;
	border-bottom: #666 1px solid;}
#modalWindow02 ul li,#modalWindow03 ul li,#modalWindow04 ul li,#modalWindow05 ul li{
	margin: 0 0 10px 0;
	padding: 0 0 6px 0;
	border-bottom:#666 1px solid;}

p.copy{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #343947;}

/* SP
-------------------------------------------------------------*/
@media(max-width: 768px) {

body{
	font-size: 15px;
	line-height: 1.6em;}

.sp{
	display:block;}
.pc{
	display:none;}

img{
	width: 100%;}

.mb25{
	margin-bottom: 25px;}
.mb40{
	margin-bottom: 40px;}


img.sticky{
	width: 100%;
	overflow: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;}
div.imaging_diagram{
	margin: 0;
	padding: 0 0 20vh 0;
	background-image: url("../img_new/gradation.png");
	background-position: top;
	background-repeat: repeat-x;
	background-size: auto 100%;}
section.lpcontents{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 2;}
div.mainwrap{
	position: -webkit-sticky;
	position: sticky;
	z-index: 3;
	background: #FFF;}


article{
	width: 100%;
	margin: 0 auto;
	padding: 0;}

section.spcv,section.spcv dl,section.spcv dl dt,ul.half{
	width: 100%;
	margin: 0;
	padding: 0;}
	section.spcv dl dd,ul.half li{
		width: 50%;
		margin: 0;
		padding: 0;
		float: left;}

#sakai{
	width: 80%;
	margin: 0 10%;
	padding: 0;}
	#sakai div.sakaiprof{
		width: 100%;
		margin: 0;
		padding: 0;} 
	#sakai div.sakaiprof p{
		padding: 10px 6%;}

	#sakai div.sakaitxt{
		width: 100%;
		margin: 0;
		padding: 0;}
	#sakai div.sakaitxt h5{
		padding: 15px 5%;}



section#sp_mission,section#sp_mission2{
	width: 100%;
	margin: 0;
	padding: 40px 0;
	color: #FFF;
	background-position: top;
	background-size: 100% auto;}
section#sp_mission{
	background-image: url("../img/spbg_mission.jpg");}
section#sp_mission2{
	background-image: url("../img/spbg_mission.jpg");}
	section#sp_mission h2{
		font-size: 1.4em;
		margin: 0 0 40px 0;
		padding: 0;}
	section#sp_mission2 h2{
		font-size: 1.4em;
		margin: 40px 0 0 0;
		padding: 0;}
	section#sp_mission p,section#sp_mission2 p{
		width: 80%;
		margin: 0 10%;
		padding: 0;
		text-align: left;}
	section#sp_mission p strong,section#sp_mission2 p strong{
		color: #e60000;}

section#spsection01,section#spsection02,section#spsection03b,section#spsection04b{
	margin: -60px 0 0 0;
	padding: 60px 0 40px 0;}
section#spsection05b,section#spsection06{
	margin: -60px 0 0 0;
	padding: 60px 0 0 0;}

h2.spnormal{
	width: 80%;
	margin: 25px 10%;
	color: #343947;
	font-size: 1.2em;
	font-weight: bolder;}
p.w80{
	width: 80%;
	margin-top: 0;
	margin-left: 10%;
	margin-right: 10%;
	text-align: left;}
	p.w80 strong,.kagi p strong,.sppaper p strong{
		color: #C00;}

.kagi{
	width: 100%;
	margin: 0 0 25px 0;
	padding: 0;
	background-image: url("../img/bg_kagi_02.gif");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;}
	.kagi h3{
		width: 100%;
		margin: 0;
		padding: 0 0 15px 0;
		background-image: url("../img/bg_kagi_01.gif");
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100% auto;}
	.kagi p{
		width: 76%;
		margin: 0 12%;
		font-size: 0.8em;
		text-align: left;}

h3.point{
	margin: 0 0 40px 0;
	padding: 0;
	font-size: 0.8em;
	font-weight: bolder;}
h3.point strong{
	font-size: 1.5em;}

div#sp_pointsec02,div#sp_pointsec03{
	width: 100%;
	margin: 0;
	padding: 40px 0;
	color: #FFF;
	background-position: bottom;
	background-size: 100% auto;}
div#sp_pointsec02{
	background-image: url("../img/sp004_04.jpg");}
div#sp_pointsec03{
	background-image: url("../img/sp005_10.jpg");}
	div#sp_pointsec02 ol{
		width: 80%;
		position: relative;
		margin:0 10%;
		padding:0;
		text-align: left;
		font-size: 1.1em;
		font-weight: bold;}
		div#sp_pointsec02 ol li{
			list-style: none;
			list-style-position:outside;
			margin:0 0 20px 0;
			padding-left:1.25em;}
			div#sp_pointsec02 ol li span {
				position: absolute;
				left:0;
				margin:0;}
	div#sp_pointsec02 p,div#sp_pointsec03 p{
		width: 80%;
		margin: 0 10%;
		text-align: left;}

div#sp_pointsec05{
	width: 100%;
	margin: 0;
	padding: 40px 0 0 0;}

dl.splineup{
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;}
	dl.splineup dt,dl.splineup dd{
		width: 100%;
		margin: 0;
		padding: 0;}
		dl.splineup dd h4{
			margin: 0 0 15px 0;
			padding: 0;}
		dl.splineup dd p{
			margin: 0 0 25px 0;
			padding: 0;
			font-size: 1.1em;
			font-weight: bolder;}

div.sppaper{
	width: 100%;
	margin: 0 0 40px 0;
	padding: 0 0 25px 0;
	background-image: url("../img/bg_sppaper.jpg");
	background-position: bottom;
	background-size: 100% auto;}
	div.sppaper h2{
		margin: 0 0 25px 0;
		padding: 0;}
	div.sppaper p{
		width: 70%;
		margin: 0 15%;
		padding: 0;
		text-align: left;}
	div.sppaper p.button{
		margin: 15px auto 0 auto;
		padding: 15px 0;
		text-align: center;
		font-weight: bolder;
		background: #333;}
	div.sppaper p.button a{
		color: #FFF;
		text-decoration: none;}





.footer{
	width: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	bottom: 0;}
	.footer ul{
		width: 100%;
		margin: 0;
		padding: 0;}
	.footer ul li{
		width: 25%;
		margin: 0;
		padding: 0;
		float: left;}

.footer2{
	width: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 5;}
	.footer2 ul{
		width: 100%;
		margin: 0;
		padding: 0;}
	.footer2 ul li{
		margin: 0;
		padding: 0;
		float: left;}
	.footer2 ul li.shop{
		width: 20%;}
	.footer2 ul li.tel{
		width: 40%;}

section#shop{
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
	background: #FFF;}

.tab-content .tab-box {
	width: 100%;
	margin: 0;}

.tab-content label{
	display: inline-block;
	width:33.333%;
	margin: 0 -1.3% 0 0;
	padding: 0;
	cursor: pointer;}
#tabView1 ul,#tabView2 ul,#tabView3 ul{
	width:100%;
	margin: 0;
	padding: 0;}
#tabView1 ul li,#tabView2 ul li,#tabView3 ul li{
	width:50%;
	margin: 0;
	padding: 0;}

p.copy{
	width: 100%;
	margin: 0;
	padding: 0;}



/*Gナビ2018*/
#headmenu{
	width: 100%;
	height: 75px;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	background-image: url("../img_new/sp_head3b.png");
	background-size: 100% auto;
	background-position: top;
	background-repeat: no-repeat;
	z-index: 5;}
	.h_logo{
		width: 72%;
		margin: 0;
		padding: 0;}

nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
	padding-top: 12vh;
    background: #000;
	opacity: 0.95;
    color: #FFF;
    text-align: left;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
	height: 88vh;
	overflow: scroll;}
nav.globalMenuSp h3{
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: center;
	border-bottom: #999 1px solid;}
nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 0 0 20px 0;
    width: 100%;
	overflow: visible;}

nav.globalMenuSp ul li {
    font-size: 1.0em;
    list-style-type: none;
    padding: 0 10%;
    width: 80%;
    border-bottom: 1px dotted #999;}
 
nav.globalMenuSp h2{
	width: 100%;
	margin: 0 auto 15px auto;
	padding: 0 0 10px 0;}
nav.globalMenuSp h3{
	margin: 0 auto;
	padding: 0 0 10px 0;
	border-bottom: #999 1px solid;}
nav.globalMenuSp p.menubnr{
	width: 80%;
	margin: 0 10% 40px 10%;
	padding: 0;}

/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #FFF;
    padding: 1em 0;}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);}

/*Gナビ2018-ハンバーガーメニュー*/
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 0;
    top: 5px;
    width: 20%;
    height: auto;
    cursor: pointer;
    z-index: 3;
    background: #000;
    text-align: center;}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 18px;}
 
.navToggle span:nth-child(1) {
    top: 9px;}
 
.navToggle span:nth-child(2) {
    top: 18px;}
 
.navToggle span:nth-child(3) {
    top: 27px;}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;}


/*Gナビ2018-ハンバーガーメニューclose*/

.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 18px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);}


}