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

.mt10{
	margin-top: 10px!important;	
}

.n-smt{
	display: none;
}

.index .top-line{
	margin: 0 auto;
}

/*タブレット用*/
@media screen and (max-width:1000px) {
	.n-pc{
		display: none;
	}
	
	.n-smt{
		display: block;
	}
}

/*スマホ用*/
@media screen and (max-width: 600px) {
	
	#header h1{
		display: none;
	}
	
	.headin .logo{
		width: 30%;
		display: table-cell;
			vertical-align: top;
	}
	
	.headin .headinfo dt{
		margin-bottom: 0px;
		text-align: left;
		font-size: 12px;
		line-height: 1.2;
	}
	
	.n-kv{
		margin-top: 65px;
	}
	
	.headin .right{
		display: table-cell;
		width: 68%;
		vertical-align: top;
		padding-left: 2%;
	}
	
  .flexb{
		display: table;
		width: 100%;
	}
	
	.accordion-body .flexb{
		display: inline-flex;
	}
	
	.header-inner{
		padding: 5px 0;
	}
	
	.headin .btnwrap,
	.t-shinki{
		display: none;
	}
	
	.index .header-inner{
		left: 0;
	}
	
	.headin .headinfo{
		width: 100%;
	}
	
	.headin .headinfo dd{
		text-align: left;
	}
	
	.headin .headinfo dd a{
		font-size: 14px;
		padding-left: 18px;
	}
	
	.customer01{
		font-size: 8px;
	}
	
	.gr662, .gr652, .gr642, .gr632, .gr622, .gr552, .gr542, .gr532, .gr522, .gr442, .gr432, .gr422, .gr332, .gr322{
		width: 100%;
	}
	
	a.item dl{
		position: relative;
	}
	
	a.item dl .pic{
		width: 40%;
	}
	
	.top-blog .item .date{
		position: absolute;
		left: 40%;
		top: 0;
		margin-top: 0;
		padding-left: 10px;
		font-size: 10px;
	}
	
	.top-blog .item .tit{
		position: absolute;
		left: 40%;
		top: 5px;
		padding-left: 10px;
	}
	
	.top-blog .item .ellipsis{
		white-space: normal;
		font-size: 12px;
	}
	
	.top-blog .item dd.arrow{
		display: none;
	}
}


/*==========KVスタイル==========*/


.n-kv{
	background-image: url("/upload/tenant_1/n-bg-kv.jpg");
	background-position: center top;
	background-repeat: no-repeat;
}

.n-kv-inner{
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
}

.n-kv-inner h1{
	padding: 125px 0;
}



/*タブレット用*/
@media screen and (max-width:1000px) {
	
	.n-kv{
		background-image: none;
	}
	
	.n-kv-inner h1{
		padding: 0;
		text-align: center;
	}
	
	.n-kv-inner h1 img{
		margin: 0 auto;
	}
	
}

/*スマホ用*/
@media screen and (max-width: 750px) {
	
}



/*==========LINEスタイル==========*/

.n-line-inner{
	padding: 20px 0;
}

.n-line-inner p{
	text-align: center;
}

/*タブレット用*/
@media screen and (max-width:1000px) {
	

	
}

/*スマホ用*/
@media screen and (max-width: 750px) {
	
	.n-line-inner{
		padding: 20px 10px;
	}
	
}

/*==========MENUスタイル==========*/

.n-menu{
	margin-top: 20px;	
}

.n-menu-inner{
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
}

.n-menu-inner ul{
	display: flex;
	flex-wrap: wrap;
}

.n-menu-inner ul li{
	width: 240px;
	text-align: center;
	font-size: 24px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	border: 2px solid #6b0b72;
	background-color: #eadeef;
	padding: 8px;
}

.n-menu-inner ul li a{
	background-color: #fff;
	display: block;
	background-repeat: no-repeat;
	padding: 80px 0 10px;
}

.n-menu-inner ul .n-menu-info{
	margin-right: 10px;
}

.n-menu-inner ul .n-menu-info a{
	background-image: url("/upload/tenant_1/n-ico-info.png");
	background-position: center top 15px;
	background-size: 60px;
}

.n-menu-inner ul .n-menu-medical{
	margin-right: 10px;
}

.n-menu-inner ul .n-menu-medical a{
	background-image: url("/upload/tenant_1/n-ico-medical.png");
	background-position: center top 15px;
	background-size: 50px;
}

.n-menu-inner ul .n-menu-doctor{
	margin-right: 10px;
}

.n-menu-inner ul .n-menu-doctor a{
	background-image: url("/upload/tenant_1/n-ico-doctor.png");
	background-position: center top 15px;
	background-size: 53px;
}

.n-menu-inner ul .n-menu-fee{
}

.n-menu-inner ul .n-menu-fee a{
	background-image: url("/upload/tenant_1/n-ico-fee.png");
	background-position: center top 15px;
	background-size: 68px;
}

.n-menu-inner ul .n-menu-reservation{
	margin-top: 10px;
	margin-right: 10px;
	width: 490px;
}

.n-menu-inner ul .n-menu-reservation a{
	background-image: url("/upload/tenant_1/n-ico-reservation.png");
	background-position: left 40px center; 
	background-size: 55px;
	padding: 45px 0 45px 40px;
}

.n-menu-inner ul .n-menu-basic{
	margin-top: 10px;
	margin-right: 10px;
	border: 2px solid #22ba4f;
	background-color: #d3efdb;
}

.n-menu-inner ul .n-menu-basic a{
	background-image: url("/upload/tenant_1/n-ico-basic.png");
	background-position: left 15px center; 
	background-size: 36px;
	padding: 45px 0 45px 40px;
}

.n-menu-inner ul .n-menu-plan{
	margin-top: 10px;
	border: 2px solid #22ba4f;
	background-color: #d3efdb;
}

.n-menu-inner ul .n-menu-plan a{
	background-image: url("/upload/tenant_1/n-ico-plan.png");
	background-position: left 15px center; 
	background-size: 36px;
	padding: 45px 0 45px 40px;
}

/*タブレット用*/
@media screen and (max-width:1000px) {
	
	.n-menu{
		margin-top: 0px;
	}
	
	.n-menu-inner{
		max-width: 750px;
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
	}
	
	.n-menu-inner ul li{
		width: 49%;
	}
	
	.n-menu-inner ul .n-menu-info{
		margin-right: 2%;
	}
	
	.n-menu-inner ul .n-menu-medical{
		margin-right: 0;
	}
	
	.n-menu-inner ul .n-menu-doctor{
		margin-right: 2%;
		margin-top: 2%;
	}
	
	.n-menu-inner ul .n-menu-fee{
		margin-right: 0;
		margin-top: 2%;
	}
	
	.n-menu-inner ul .n-menu-reservation{
		margin-right: 0;
		margin-top: 2%;
		width: 100%;
	}
	
	.n-menu-inner ul .n-menu-basic{
		margin-top: 2%;
		margin-right: 2%;
	}

	.n-menu-inner ul .n-menu-plan{
		margin-top: 2%;
	}

	
}

/*スマホ用*/
@media screen and (max-width: 750px) {
	

	
}

/*スマホ用*/
@media screen and (max-width: 540px) {
	
	.n-menu-inner ul li{
		font-size: 18px;
	}
}

/*スマホ用*/
@media screen and (max-width: 400px) {
	
	.n-menu-inner ul li{
		font-size: 14px;
	}
	
	.n-menu-inner ul li a{
		padding: 60px 0 10px;
	}
	
	.n-menu-inner ul .n-menu-info a{
		background-size: 40px;
	}
	
	.n-menu-inner ul .n-menu-medical a{
		background-size: 32px;
	}
	
	.n-menu-inner ul .n-menu-doctor a{
		background-size: 32px;
	}
	
	.n-menu-inner ul .n-menu-fee a{
		background-size: 40px;
	}
	
	.n-menu-inner ul .n-menu-reservation a{
		background-size: 36px;
		padding: 35px 0 35px 40px;
	}
	
	.n-menu-inner ul .n-menu-basic a{
		background-size: 24px;
		background-position: left 10px center; 
		padding: 35px 0 35px 40px;
	}

	.n-menu-inner ul .n-menu-plan a{
		background-size: 30px;
		padding: 35px 0 35px 40px;
		background-position: left 10px center; 
	}
	
}

/*==========人気MENUスタイル==========*/

.n-pmenu{
	margin-top: 50px;	
}

.n-pmenu-inner{
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
}

.n-pmenu-inner ul{
	display: flex;
	flex-wrap: wrap;
}

.n-pmenu-inner ul li{
	width: 49%;
}

.n-pmenu-piko{
	margin-right: 2%;
}

.n-pmenu-art{
	margin-right: 2%;
	margin-top: 2%;
}

.n-pmenu-po{
	margin-top: 2%;
}


/*タブレット用*/
@media screen and (max-width:1000px) {
	
	.n-pmenu-inner{
		max-width: 750px;
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
	}
	
}




/*スマホ用*/
@media screen and (max-width: 750px) {
	
	.n-pmenu-inner ul li{
		width: 100%;
	}

	.n-pmenu-piko{
		margin-top: 2%;
		margin-right: 0;
	}
	
	.n-pmenu-hifu{
		margin-right: 0;
		margin-top: 2%;
	}

	.n-pmenu-art{
		margin-right: 0;
		margin-top: 2%;
	}

	.n-pmenu-po{
		margin-top: 2%;
	}
	
}


/*==========お悩み別MENUスタイル==========*/

.n-omenu{
	margin-top: 50px;
}

.n-omenu-inner{
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
}

.n-omenu .n-omenu-box{
	display: flex;
	flex-wrap: wrap;
}

.n-omenu .n-omenu-box .n-omenu-01{
	width: 49%;
	margin-right: 2%;
}

.n-omenu .n-omenu-box .n-omenu-02{
	width: 49%;
}

.n-omenu .n-omenu-box .n-omenu-03{
	width: 49%;
	margin-right: 2%;
}

.n-omenu .n-omenu-box .n-omenu-04{
	width: 49%;
}


.n-omenu .n-omenu-box h4{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 24px;
	padding: 50px 0 50px 30px;
	color: #6b0b72;
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 20px;
}

.n-omenu .n-omenu-box h4 em{
	font-size: 16px;
	font-style: normal;
	color: #6b0b72;
}

.n-omenu-01 h4{
	background-image: url("/upload/tenant_1/n-bg-h4-01.jpg")
}

.n-omenu-02 h4{
	background-image: url("/upload/tenant_1/n-bg-h4-02.jpg")
}


.n-omenu-03 h4{
	background-image: url("/upload/tenant_1/n-bg-h4-03.jpg")
}


.n-omenu-04 h4{
	background-image: url("/upload/tenant_1/n-bg-h4-04.jpg")
}

.n-omenu .n-omenu-box ul{
	display: flex;
	flex-wrap: wrap;
}

.n-omenu .n-omenu-box ul li{
	width: 50%;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	margin-bottom: 2%;
	background-image: url("/upload/tenant_1/n-ico-arrow.png");
	background-repeat: no-repeat;
	padding-left: 15px;
	background-size: 10px;
	background-position: center left;
}

/*タブレット用*/
@media screen and (max-width:1000px) {
	
	.n-omenu-inner{
		max-width: 750px;
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
	}
	
	.n-omenu .n-omenu-box h4{
		font-size: 20px;
		padding: 50px 0 50px 50px;
		color: #6b0b72;
		background-repeat: no-repeat;
		background-position: right center;
		margin-bottom: 20px;
		background-size: cover;
	}

}




/*スマホ用*/
@media screen and (max-width: 750px) {
	
	.n-omenu .n-omenu-box h4{
		padding: 50px 0 50px 20px;
	}
	
	.n-omenu .n-omenu-box{
		display: block;
	}
	
	.n-omenu .n-omenu-box .n-omenu-01{
		width: 100%;
		margin-right: 0;
	}

	.n-omenu .n-omenu-box .n-omenu-02{
		width: 100%;
		margin-right: 0;
	}

	.n-omenu .n-omenu-box .n-omenu-03{
		width: 100%;
		margin-right: 0;
	}

	.n-omenu .n-omenu-box .n-omenu-04{
		width: 100%;
		margin-right: 0;
	}
	
	.n-omenu .n-omenu-box ul li{
		font-size: 14px;
		padding: 5px 5px 0 15px ;
	}
	
}

/*==========サブMENUスタイル==========*/

.n-smenu{
	margin-top: 30px;
	margin-bottom: 30px;
}

.n-smenu-inner{
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
}

.n-smenu-inner ul{
	display: flex;
	flex-wrap: wrap;
    width: 660px;
    margin: 0 auto;
}

.n-smenu-inner ul li{
	width: 320px;
	text-align: center;
	font-size: 22px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	border: 2px solid #6b0b72;
	background-color: #eadeef;
	padding: 8px;
}

.n-smenu-inner ul .n-pmenu-flow{
	margin-right: 15px;
}

.n-smenu-inner ul .n-pmenu-number{
	margin-right: 15px;
}

.n-smenu-inner ul .n-pmenu-item{

}

.n-smenu-inner ul .n-pmenu-flow a{
	background-image: url("/upload/tenant_1/n-ico-flow.png");
	background-position: left 20px center; 
	background-size: 45px;
}

.n-smenu-inner ul .n-pmenu-number a{
	background-image: url("/upload/tenant_1/n-ico-member.png");
	background-position: left 20px center; 
	background-size: 45px;
}

.n-smenu-inner ul .n-pmenu-item a{
	background-image: url("/upload/tenant_1/n-ico-item.png");
	background-position: left 20px center; 
	background-size: 45px;
	padding: 42px 10px 42px 30px;
	line-height: 1.3;
}


.n-smenu-inner ul li a{
	background-color: #fff;
	display: block;
	background-repeat: no-repeat;
	padding: 53px 10px 53px 10px;
}

/*タブレット用*/
@media screen and (max-width:1000px) {
	
	.n-smenu-inner{
		max-width: 750px;
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
	}
	
  .n-smenu-inner ul{
    	display: flex;
    	flex-wrap: wrap;
        width: auto;
        margin: 0 auto;
    }
	
	.n-smenu-inner ul .n-pmenu-flow{
		margin-right: 0px;
		width: 100%;
	}

	.n-smenu-inner ul .n-pmenu-number{
		margin-right: 0px;
		width: 100%;
		margin-top: 2%;
	}

	.n-smenu-inner ul .n-pmenu-item{
		width: 100%;
		margin-top: 2%;
	}
	
  

}




/*スマホ用*/
@media screen and (max-width: 750px) {
	

	
}


/*スマホ用*/
@media screen and (max-width: 540px) {
	
	.n-smenu-inner ul li{
		font-size: 18px;
	}
	
	.n-smenu-inner ul .n-pmenu-flow a{
		padding: 20px 0 20px 0px;
		background-size: 30px;
	}
	
	.n-smenu-inner ul .n-pmenu-number a{
		padding: 20px 0 20px 0px;
		background-size: 30px;
	}
	
	.n-smenu-inner ul .n-pmenu-item a{
		padding: 20px 0 20px 0px;
		background-size: 30px;
	}
	
}

/*スマホ用*/
@media screen and (max-width: 400px) {
	
	.n-smenu-inner ul li{
		font-size: 14px;
	}
}



/*==========バナースタイル==========*/

.n-bana{
	margin-top: 30px;
	margin-bottom: 30px;
}

.n-bana-inner{
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
}

.n-bana-inner ul{
	display: flex;
	flex-wrap: wrap;
}

.n-bana-inner ul li{
	width: 49%;
}

.n-bana-inner ul .n-bana-clum{
	margin-right: 2%;
}

.n-bana-p{
	text-align: center;
	margin-top: 20px;
}

/*タブレット用*/
@media screen and (max-width:1000px) {
	
	.n-bana-inner{
		max-width: 750px;
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
	}
	
	.n-bana-inner ul{
		display:block;
	}

	.n-bana-inner ul li{
		width: 100%;
	}
	
	.n-bana-inner ul .n-bana-clum{
		margin-right: 0;
		margin-bottom: 2%;
	}

	.n-bana-p{
		text-align: center;
		margin-top: 10px;
	}

}


/*スマホ用*/
@media screen and (max-width: 750px) {
	

	
}

/*==========SNSバナースタイル==========*/

.n-footsns{
	margin-top: 30px;
}

.n-footsns-inner{
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
}

.n-footsns-inner ul{
	display: flex;
	flex-wrap: wrap;
}

.n-footsns-inner ul li{
	width: 24%;
	margin: 0 auto;
}

/*タブレット用*/
@media screen and (max-width:1000px) {
	
	.n-footsns-inner{
		max-width: 750px;
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
	}

}

/*スマホ用*/
@media screen and (max-width: 750px) {
	
	.n-footsns-inner ul li{
		width: 49%;
		margin: 0 auto 1%;
	}
	
}

.add-news{
  text-align: center;
  color: #D0070A;
  padding: 10px 10px;
}

.fixbtn__new{
    display: block;
    width: 130px;
    position: fixed;
    top: 10%;
    right: 0;
    z-index: 250;
}

.fixbtn__new li{
  margin-bottom: 10px;
}

.fixbtn__new li a{
  padding: 0;
}

.tel__new__sp{
  display: none;
}

.foot-sns{
  margin-top: 20px;
}

.foot-sns ul li{
  float: left;
  width: 24%;
  margin-right: 1%;
}

/*スマホ用*/
@media screen and (max-width: 1000px) {
	
.fixbtn__new{
  width: 100%;
  top: auto;
  bottom: 0;
  display: table;
  background-color: #98629A;
}

.fixbtn__new ul{
  max-width: 640px;
  margin: 0 auto;
}

.fixbtn__new li{
  margin-bottom: 0px;
  display: table-cell;
}

.tel__new__sp{
  display: block;
}

.fixbtn__new .tel__new__pc{
  display: none;
}

.foot-sns ul li{
  float: left;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%; 
}

.foot-sns ul li:nth-of-type(even){
  margin-right: 0;
}


#gnav .accordion-menu{
	display: none;
	padding: 10px 0;
}

@media screen and (max-width:1000px) {
	#gnav .accordion-menu{
		display: block;
	}
	
	/*
	
	#gnav .accordion-inner{
		display: none;
	}
	
	*/
}

#gnav .accordion-menu-logo{
	text-align: center;
	padding: 20px 10px;
}

#gnav .menuBox > li{
	border-top: 1px #ddd solid;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  display: block;
  padding: 0;
}

#gnav .menuBox > li > a,
#gnav .menuBox > li summary{
	display: block;
	padding: 10px 10px 10px 40px;
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 16px;
}

#gnav .menuBox .menuBox-contact a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/5894842c3f87bf34fb4cf9403988a2d3.png);
}

#gnav .menuBox .menuBox-line a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/07dab96997715ef05100798ade825ffa.png);
}

#gnav .menuBox .menuBox-tel a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/05fa88d50ceeab1168d81b890429197e.png);
}

#gnav .menuBox .menuBox-nayami summary{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/8b74846bffacabd7eb0585ed476c4e0c.png);
}

#gnav .menuBox .menuBox-clinic a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/3eec5dcf87aef659095282c97464d13e.png);
}

#gnav .menuBox .menuBox-treatment a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/71aef3b3aba9ff6976c62e93018b2e90.png);
}

#gnav .menuBox .menuBox-staff a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/67080ffb805eb40b8bead5544adc4de2.png);
}

#gnav .menuBox .menuBox-price a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/0bec278d02caaa8990b23e6b2586126c.png);
}

#gnav .menuBox .menuBox-first a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/8c711183202370b113b18757a2c21be2.png);
}

#gnav .menuBox .menuBox-monthly-plan a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/8bb14338e8a9aad02cbe2e8febd37590.png);
}

#gnav .menuBox .menuBox-pmenu summary{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/c2d574d1969769c60b2043511d9cc2f5.png);
}

#gnav .menuBox .menuBox-blog a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/17e6b4ca8c04e1d01b1523c2cc42e405.png);
}

#gnav .menuBox .menuBox-news a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/c0f7668483f3b41f4b6363c68f83f39a.png);
}

#gnav .menuBox .menuBox-access a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/c4e5a8de7d302ce9d28b0e4672163d90.png);
}

#gnav .menuBox .menuBox-cancel a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/3d6bd6790e78d826ea6928cfc1b72102.png);
}

#gnav .menuBox .menuBox-faq a{
	background-image: url(https://www.akasaka-bc.jp/upload/tenant_1/aa762b0fd9b1d330354ae6420cfdb1a1.png);
}



#gnav .menuBox-nayami details,
#gnav .menuBox-pmenu details{
}

#gnav .menuBox-nayami summary,
#gnav .menuBox-pmenu summary {
	padding: 10px 10px 10px 40px;
	cursor: pointer;
	list-style: none;
	position: relative;
}

/* Safari対応　デフォルトの三角形アイコン非表示 */
#gnav .menuBox-nayami details summary::-webkit-details-marker,
#gnav .menuBox-pmenu details summary::-webkit-details-marker {
  display: none;
}

#gnav .menuBox-nayami div,
#gnav .menuBox-pmenu div{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  padding: 10px;
background-color: #dfdfdf;
}

#gnav .menuBox-nayami div li,
#gnav .menuBox-pmenu div li{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  display: block;
  padding: 0;
}

#gnav .menuBox-nayami div li a,
#gnav .menuBox-pmenu div  li a{
	display: block;
	padding: 5px;
}

#gnav .menuBox-nayami .icon,
#gnav .menuBox-pmenu .icon{
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 24px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.5s;
}

/* アイコンの三角矢印 */
#gnav .menuBox-nayami .icon::before,
#gnav .menuBox-nayami .icon::after,
#gnav .menuBox-pmenu .icon::before,
#gnav .menuBox-pmenu .icon::after{
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 3px;
  background-color: #98639B;
}

#gnav .menuBox-nayami .icon::before,
#gnav .menuBox-pmenu .icon::before{
  left: 0;
  transform: rotate(45deg);
}

#gnav .menuBox-nayami .icon::after,
#gnav .menuBox-pmenu .icon::after{
  right: 0;
  transform: rotate(-45deg);
}

/* アコーディオン表示の際に回転する */
#gnav .menuBox-nayami details[open] .icon,
#gnav .menuBox-pmenu details[open] .icon{
  transform: rotate(180deg);
}