@media screen and (max-width :832px) {
#hamburger {
    background-color: #d176ab;
}
#hamburger p {
    position: absolute;
    left: 21px;
    bottom: 19px;
    font-size: 11px;
    color: #FFF;
    font-weight: 700;
    letter-spacing: 0px;
    text-align: center;
}

/*ハンバーガーの位置*/
input[type="checkbox"].menu-trigger+div {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0px;
/*    transform: translateY(-50%);*/
    right:0px;
    z-index: 1001;
}
input[type="checkbox"].menu-trigger+div>label {
    /*ハンバーガーのサイズ*/
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    width: 88px;
    height: 86px;
    float: right;
	 cursor: pointer;
	outline: 2px solid #FFFFFF;
}
input[type="checkbox"].menu-trigger+div>label>span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
	width: 46.15%;
    left: 24px;
    height: 3px;
    background-color: #FFF;
    border-radius: 2px;
}
input[type="checkbox"].menu-trigger+div>label>span:nth-of-type(1) {
    top: 31px;
}
input[type="checkbox"].menu-trigger+div>label>span:nth-of-type(2) {
    top: 44px;
}
input[type="checkbox"].menu-trigger:checked+div>label>span:nth-of-type(1) {
    -webkit-transform: translateY(5px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
	background-color: #FFF;
	border-radius: 2px;
}
input[type="checkbox"].menu-trigger:checked+div>label>span:nth-of-type(2) {
    -webkit-transform: translateY(-7px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);
	background-color: #FFF;
	border-radius: 2px;
}
input[type="checkbox"].menu-trigger:checked+div>label>span:nth-of-type(3) {
    opacity: 0;
}

#sp_menu_contact {
	display: none;
}

#root_ul #closebt1 {
    display: block;
    background-color: #F4AC00;
    margin-top: 16px;
    text-align: center;
    width: 104px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    line-height: 24px;
    color: #FFFFFF;
    border-radius: 4px;
    font-size: 10px;
}

#menu_parent {
    background-color: #d176ab;
    margin-left: auto;
    overflow: auto;
    margin-top: 0px;
    -webkit-overflow-scrolling: touch;
    padding-top: 40px;
}
#menu_parent a {
    color: #FFF;
    text-decoration: none;
    font-weight: 600;
    display: block;
    font-size: 16px;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 8px;
    line-height: 1em;
}
#menu_parent li{
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
    line-height: 1em;
}
#menu_parent > li{
    display: table-cell;
}
#menu_parent ul {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-bottom: 72px;
    font-size: 13px;
}
#menu_parent ul li {
    padding-top: 16px;
    padding-bottom: 16px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px auto;
    border-bottom: 0.1em solid #FFF;
}
#menu_parent #root_ul ul li {
    border-bottom-color: #d176ab;
}
#menu_parent #root_ul ul li ul li {
    border-bottom-style: none;
    padding-top: 16px;
    padding-bottom: 0px;
}


#menu_parent #root_ul ul li a {
    color: #d176ab;
}
#menu_parent #root_ul ul li ul li a {
}


#menu_parent ul li a {
    padding: 0;
}
#root_ul ul .bordernone {
    border-bottom-style: none;

}

#menu_parent ul ul {
    padding-left: 16px;
    background-color: #FFFFFF;
}
#menu_parent ul ul ul {

}

/*parent_menu_style*/

input[type="checkbox"].menu-trigger ~ #menu_parent{
	box-sizing: border-box;
	height: 100%;
	padding: 24px; /*メニュー内部上下左右余白*/
	padding-bottom: 88px;
	position: fixed;
	right: -400px; /*メニュー横幅①と合わせる*/
	top: 88px;
	transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
	width: 400px; /*メニュー横幅①*/
	z-index: 1000;
	overflow: scroll;
}

input[type="checkbox"].menu-trigger ~ #menu_parent + #menu-background{
	background-color: #333; /*黒背景部分背景色*/
	display: none;
	height: 100%;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 88px;
	transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
	width: 100%;
	z-index: -1;
}
input[type="checkbox"].menu-trigger:checked ~ #menu_parent{
	transform: translate(-400px); /*メニュー横幅①と合わせる*/
}

input[type="checkbox"].menu-trigger:checked ~ #menu_parent + #menu-background{
	display: block;
    opacity: 0.5; /*黒背景部分透過度*/
    z-index: 999;
}

input[type="checkbox"].menu-trigger{
    display: none;
}
	
/*child_menu_style*/

input[type="checkbox"].on-off{
    display: none;
}

#menu_parent label {
    cursor: pointer;
}
input[type="checkbox"].on-off + li > label{
	padding: 0;
	float: left;
	display: block;
}
/*
input[type="checkbox"].on-off + li > label:before{
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	padding: 0;
	position: relative;
	width: 30px;
	height: 22px;
}*/
#menu_parent{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}
#menu_parent > ul * {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
/*    list-style: none;*/
    overflow:auto;
}


#menu_parent + label > li * {
    padding: 5px;
}

input[type="checkbox"].on-off + label + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + label + ul{
    height: 10000px;
    max-height: 50px;
}
#menu_parent input[type="checkbox"].on-off:checked + label > li {
	border-bottom: 0.1em none #FFF4D6;
}
input[type="checkbox"].on-off + label > li > div{
	padding: 0;
	float: right;
	position: relative;
	left:-3px;
	width:18px;
	height: 18px;
}

/*右側の＋*/
input[type="checkbox"].on-off + label > li > div > span{
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	position: absolute;
	width: 70%;
	height: 2px;
	background-color: #FFF;
	border-radius: 4px;
	top: 8px;
}

input[type="checkbox"].on-off + label > li > div > span:nth-of-type(1){
	-webkit-transform: translateY(0) rotate(90deg);
	transform: translateY(0) rotate(90deg);
	/*top:10px;*/
}

input[type="checkbox"].on-off + label > li > div > span:nth-of-type(2){
	/*top:10px;*/
}

input[type="checkbox"].on-off:checked + label > li > div > span:nth-of-type(1){
	opacity: 0;
	/*-webkit-transform: translateY(0px) rotate(35deg);
	transform: translateY(0px) rotate(0deg);*/
}

input[type="checkbox"].on-off:checked + label > li > div > span:nth-of-type(2){
	-webkit-transform: translateY(0) rotate(360deg);
	transform: translateY(0) rotate(360deg);

/*-	-webkit-transform: translateY(0px) rotate(-30deg);
	transform: translateY(0px) rotate(-0deg);*/
}

.disable-accordion-menu{
    padding: 0;
    float: right;
    position: relative;
    left: 0px;
    width: 20px;
    height: 18px;
}

/*右側の＞動かない のサイズ①*/
.disable-accordion-menu > span{
	display: inline-block;
	/*transition: all .4s;*/
	box-sizing: border-box;
	position: absolute;
	width: 50%;
	height: 2px;
	background-color: #FFF;
	border-radius: 4px;
	top: 5px;
}
/*右側の＞動かない のサイズ②　移動ピクセルや角度の調整*/
.disable-accordion-menu > span:nth-of-type(1){
	-webkit-transform: translateY(0px) rotate(35deg);
	transform: translateY(0px) rotate(35deg);
}
/*右側の＞動かない のサイズ③　移動ピクセルや角度の調整*/
.disable-accordion-menu > span:nth-of-type(2){
	-webkit-transform: translateY(5px) rotate(-30deg);
	transform: translateY(5px) rotate(-30deg);
}

.scroll-stop{
	overflow: hidden;
}

label > * { /*iOSでlabelの子要素クリックがinput type=checkboxに反映されない問題を解決*/
    display: block;
    pointer-events: none;
}

.closebuttonlabel{
	margin: 0;
    padding: 0;
    vertical-align: bottom;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    width: 88px;
    height: auto;
    margin-top: 16px;
}
}
@media screen and (max-width :700px) {

#sp_menu_contact {
    display: inherit;
    margin-bottom: 16px;
}
#sp_menu_tel {
    padding: 8px;
    text-align: center;
    margin-bottom: 16px;
    background-color: #FFFFFF;
}
#menu_parent #sp_menu_tel a {
    font-size: 32px;
    line-height: 32px;
    color: #000000;
    display: block;
    padding-bottom: 0px;
    font-family: "Agdasima", sans-serif;
}
#sp_menu_tel a img{
    width: 24px;
    margin-right: 8px;
    vertical-align: middle;
}
#sp_menu_tel span {
    background-color: #ffd004;
    background-image: -webkit-linear-gradient(1deg,rgba(244,237,85,1.00) 0%,rgba(255,208,4,1.00) 100%);
    background-image: -moz-linear-gradient(1deg,rgba(244,237,85,1.00) 0%,rgba(255,208,4,1.00) 100%);
    background-image: -o-linear-gradient(1deg,rgba(244,237,85,1.00) 0%,rgba(255,208,4,1.00) 100%);
    background-image: linear-gradient(89deg,rgba(244,237,85,1.00) 0%,rgba(255,208,4,1.00) 100%);
    font-family: "Agdasima", sans-serif;
    font-weight: 800;
    border-radius: 30px;
    border: 3px solid #FFFFFF;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    font-size: 18px;
    justify-content: center;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 6px;
}
#sp_menu_mail-line {
    display: flex;
    justify-content: space-between;
		
}
#sp_menu_mail {

		
}
#menu_parent #sp_menu_mail a {
    background-color: #E177C0;
    background-image: -webkit-linear-gradient(6deg,rgba(230,145,204,1.00) 0%,rgba(225,119,192,1.00) 100%);
    background-image: -moz-linear-gradient(6deg,rgba(230,145,204,1.00) 0%,rgba(225,119,192,1.00) 100%);
    background-image: -o-linear-gradient(6deg,rgba(230,145,204,1.00) 0%,rgba(225,119,192,1.00) 100%);
    background-image: linear-gradient(84deg,rgba(230,145,204,1.00) 0.00%,rgba(225,119,192,1.00) 100.00%);
    color: #FFFFFF;
    font-weight: 600;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 32px;
    border: 3px solid #FFFFFF;
    font-family: "Agdasima", sans-serif;
    font-size: 24px;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    text-indent: 0.05em;
    width: auto;
    justify-content: center;
    padding-bottom: 8px;
    padding-top: 8px;
}
#sp_menu_mail a img {
    width: 22px;
    vertical-align: middle;
    margin-right: 8px;
}
#sp_menu_line {
    width: 48.46%;
		
}
#menu_parent  #sp_menu_line a {
    padding: 6px;
    background-color: #FFF4D6;
    text-align: center;
    font-size: 16px;
    color: #00B900;
    border: 0.1em solid #00B900;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
#sp_menu_line a img {
    width: 20px;
    vertical-align: middle;
    margin-right: 8px;
}


#menu_parent a {
    font-size: 15px;
    display: block;
}
#menu_parent li{
	font-size: 15px;
}

input[type="checkbox"].menu-trigger~#menu_parent {
	top:64px;
}
input[type="checkbox"].menu-trigger~#menu_parent+#menu-background {
	  top:64px;
}
input[type="checkbox"].menu-trigger+div>label {
    /*ハンバーガーのサイズ*/
    width: 56px;
    height: 56px;
}
input[type="checkbox"].menu-trigger+div>label>span {
	width: 50%;
    left: 15px;
}
input[type="checkbox"].menu-trigger+div>label>span:nth-of-type(1) {
    top: 16px;
}
input[type="checkbox"].menu-trigger+div>label>span:nth-of-type(2) {
    top: 26px;
}
input[type="checkbox"].menu-trigger:checked+div>label>span:nth-of-type(2) {
    -webkit-transform: translateY(-4px) rotate(45deg);
    transform: translateY(-4px) rotate(45deg);
}
#hamburger p {
    left: 8px;
    bottom: 8px;
    font-size: 10px;
}

/*parent_menu_style*/

input[type="checkbox"].menu-trigger ~ #menu_parent{
	right: -340px; /*メニュー横幅①と合わせる*/
	top: 64px;
	transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
	width: 340px; /*メニュー横幅①*/
}
input[type="checkbox"].menu-trigger:checked ~ #menu_parent{
	transform: translate(-340px); /*メニュー横幅①と合わせる*/
}

}