@charset "UTF-8";

/*
nav ul,
nav ul li {
    display: none;
}
*/


/* ------------------------------ WPmenu humbarger Button ------------------------------ */

	div#custom_menu_icon {
		width: 48px;
		height: 54px;
	}

	div#custom_menu_icon:after {
		content: "MENU";
		font-size: 10px;
		line-height: 1;
		font-weight: bold;
		color: #fff;
		position: absolute;
		bottom:4px;
		left: 8px;
		z-index: 2;
	}
	
    #mg-wprm-wrap ul li {
        margin: 0;
    }
      #mg-wprm-wrap ul li:last-child {
          margin: 0;
          border-bottom: none;
      }

	#mg-wprm-wrap ul li.menu-item a { 
		height:55px;
		display: flex;
		align-items: center;
	}

	#mg-wprm-wrap ul li ul.sub-menu li.menu-item a { 
		height:60px;
		display: flex;
		align-items: center;
	}
    
    @media screen and (min-width:959px) {  /* for PC */

        div#custom_menu_icon {
            display: none;
        }
		
    } /* /@media */









  @media screen and (min-width:959px) {  /* for PC */


  /* ------------ nav ------------ */

  nav ul,
  nav ul li {
      list-style: none;
      display: block;
  }

    nav#global-nav {
        width: auto;
        height: auto;
        background: #e7e2d9;
        padding: 8px;
    }
        nav#global-nav ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;

            list-style-type: none;

            width: 100%;
/*			width: 100%;*/
            height: 50px;
            margin: 0 auto;
            padding: 0;

        }

        nav#global-nav ul li {
            flex: 1 0 0%;
            height: 50px;
            position: relative;
        }

          nav#global-nav > ul > li {
              margin-right: 8px;
          }
            nav#global-nav > ul > li:last-child {
                margin-right: 0;
            }


    nav#global-nav ul li a {
      margin: 0;
      padding: 1rem 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      letter-spacing: 0;
      color: #fff;
      background: url(../images/bg-nav.jpg) 0 -58px;
      border: 1px solid #bb8c90;
      border-radius: 2px;
      text-shadow: 1px 1px 3px #000;
      box-shadow: 0 0 0 1px #000;
    }	  
      nav#global-nav ul li a:hover {
        background: url(../images/bg-nav.jpg) 0 -58px;
        border:1px solid #f3b7bf;
        text-shadow: 0 0 4px #fff, 0 0 6px #fff,  0 0 8px #ffcc00, 0 0 10px #ccff00;
      }
	  
  nav#global-nav ul li.current-menu-ancestor a,
	nav#global-nav ul li.current-menu-item a {
    }



	  
    /* ul.sub-menu */	  

      nav#global-nav ul li ul.sub-menu {
          height: 0; /* necessary : hover action done just size */
      }

        nav#global-nav ul li ul.sub-menu li.current-menu-item {
            background: #333; color: #fff;
        }
        nav#global-nav ul li ul li.current-menu-item { /*  exsist on current page  */
            background: #333; color: #fff;
        }
            nav#global-nav ul li ul.sub-menu li.current-menu-item a {
                 background: #333; color: #fff;
            }





    /* dropDown */


    nav#global-nav ul li ul {
      display: block;
      list-style: none;
      position: absolute;
      z-index: 100;
      top: 100%;
      left: 0;
      width: 100%;
      margin: 0;
      padding: 0;
    }
      nav#global-nav ul li ul li {
        overflow: hidden;
        width: 100%;
        height: 0;
        color: #fff;
        transition: .2s;
		  
			margin: 0; /* n2added */
      }
        nav#global-nav ul li ul li a {
          padding: 13px 15px;
          background: #fdfdfa;
          text-align: left;
          font-size: 12px;
          font-weight: normal;
			color: #333;
			
            border: none;
            border-radius: none;
            box-shadow: none;
            text-shadow: none;
        }
          nav#global-nav ul li ul li a:before {
              position: static;
              content: "";
              width: auto;
              height: auto;
              background: 0;
          }
	  
          nav#global-nav ul > li:hover > a { background:#333; color: #fff; }
          nav#global-nav ul > li:hover li:hover > a { background: #333; color: #fff; }
          nav#global-nav ul > li:hover > ul > li {
            overflow: visible;
            height: 50px;
          }
            nav#global-nav ul li ul li ul {
              display: block;
              top: 0;
              left: 100%;
            }
            nav#global-nav ul li:nth-child(4) ul li ul {
/*            nav#global-nav ul li:last-child ul li ul {*/
              left: -100%;
              width: 100%;
            }
              nav#global-nav ul li ul li ul:before {
                position: absolute;
                content: "";
                top: 24px;
                left: -20px;
                width: 0;
                height: 0;
                border: 5px solid transparent;
                border-left-color: #333;
              }
                nav#global-nav ul li:nth-child(4) ul li ul:before {
                  position: absolute;
                  content: "";
                  top: 24px;
                  left: 200%;
                  margin-left: -20px;
                  border: 5px solid transparent;
                  border-right-color: #333;
                }
                  nav#global-nav ul li ul li:hover > ul > li {
                    overflow: visible;
                    height: 50px;
                  }
    nav#global-nav ul li ul li ul li a {  background: #fdfdfa; }
    nav#global-nav ul li:hover ul li ul li a:hover  { background: #333; color: #fff; }
	  

  } /* /@media */




/* ------------------------------ breadcrumbs on yoast seo------------------------------ */

p#breadcrumbs {
	padding: 20px 40px;
	background: #fff;
}
  p#breadcrumbs span:not(:first-child) {
      padding-left: 20px;
  }



/* ------------------------------ pageNav ------------------------------ */


nav#pageNav {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

    nav#pageNav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
        background: none;
    }
    nav#pageNav ul li {
        display: block;
		width: 100%;
        height: auto;
        position: relative;
        background: none;
    }
    nav#pageNav ul li a {
        display: flex;
        align-items: center;
		width: 100%;
        height: auto;
        color: #333;
		text-decoration: none;
        }


/* 親 */
  nav#pageNav > ul > li > a { 
      font-weight: bold!important;
	  width: 100%;
      margin: 40px 0 30px;
      font-size: 22px;
      padding: 12px;
      border-bottom: 1px solid #ccc;
  }
    nav#pageNav > ul > li:first-child > a {
        margin: 0 0 30px;
    }


/* 子 */
  nav#pageNav ul li ul {
      display: flex;
      align-items: center;
      justify-content: flex-start;
	  margin: 0;
      padding: 0;
  }

    nav#pageNav ul li ul li {
        width: 100%;
        height: auto;
        text-align: left;
		margin: 0;
    }
      nav#pageNav ul li ul li a {
          display:block;
          padding: 12px;
          margin: 0;
          position: relative;
      }
        nav#pageNav ul li ul li a::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 12px;
            width: 8px;
            height: 8px;
            border-top: 1px dotted #ccc;
            border-right: 1px dotted #ccc;
            transform: rotate(45deg);
            margin-top: -5px;
        }
          nav#pageNav > ul > li > ul > li.page_item_has_children > a::after {
            content: "";
            position: static;
			  border: none;

          }

/* 子 has 子  */
            nav#pageNav > ul > li > ul > li.page_item_has_children { 
                margin: 0 0 30px;
            }
              nav#pageNav > ul > li > ul > li.page_item_has_children > a { 
                  border: none;
                  border-bottom: 1px dotted #ccc;
              }

/* 孫  */
            nav#pageNav  ul  li  ul  li.page_item_has_children ul li { 
                margin:  0 0 0 20px;
            }


  @media screen and (min-width:959px) {  /* for PC */

    nav#pageNav {
        display: block;
        width: 100%;
        height: auto;
        padding: 0 40px;
        margin: 0 auto;
    }

    nav#pageNav ul li a:hover {
		background: #eee;
		font-weight: bolder;
    }

  }




/* ------------------------------ footer-nav ------------------------------ */


nav#footer-nav {
    display: block;
    width: 100%;
    height: auto;
    padding: 20px 0;
    margin: 0 auto;
}

    nav#footer-nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
        background: none;
    }
    nav#footer-nav ul li {
        display: block;
		width: 100%;
        height: auto;
        position: relative;
        background: none;
    }
    nav#footer-nav ul li a {
        display: flex;
        align-items: center;

        font-size: 14px;
		width: 100%;
        height: auto;
        color: #eee!important;
        font-weight: normal;
        list-style: none;
        text-decoration: none; 

        padding: 20px 0;
        }


/* 親 */
  nav#footer-nav > ul > li.menu-item-has-children > a { 
      width: 100%;
      margin: 40px 0 20px;
      font-size: 14px;
	  letter-spacing: 1px;
      padding: 12px 8px;
      border-bottom: 1px dotted #AAA6A0;
  }
    nav#footer-nav > ul > li > a { 
        font-weight: bold!important;
        width: auto;
        margin: 40px 0 12px;
        font-size: 12px;
		letter-spacing: 1px;
        padding: 12px 8px;
        border-bottom: 1px dotted #AAA6A0;
    }


/* 子 */
  nav#footer-nav ul li ul {
      display: flex;
      align-items: center;
      justify-content: flex-start;

      margin: auto;
      padding: 0 0 0 0;
  }
        nav#footer-nav ul li ul li {
            width: 100%;
            height: auto;
            text-align: left;
        }
        nav#footer-nav ul li ul li a {
            display:block;
            padding: 20px 0 20px 8px;
			font-size: 12px;
			letter-spacing: 0;
			height:auto;
			position: relative;
/*			background: #ccc;*/
        }
          nav#footer-nav ul li ul li a::after {
              content: "";
              position: absolute;
              top: 50%;
              right: 4px;
              width: 8px;
              height: 8px;
              border-top: 1px dotted #AAA6A0;
              border-right: 1px dotted #AAA6A0;
              transform: rotate(45deg);
              margin-top: -5px;
          }
            nav#footer-nav ul li ul li.menu-item-has-children ul { 
                border: none;
				padding: 0 0 20px 10px;
            }


		nav#footer-nav ul li.current-menu-item > a {
            font-weight: bold;
            color: #fff;
            background: #6D685F;

        }






	@media screen and (min-width:959px) {  /* for PC */
	
        nav#footer-nav {
            display: block;
            width:100%;
            height: auto;
            padding: 20px 0;
            margin: 0;
        }
            nav#footer-nav ul {
/*
                display: flex;
                flex-wrap: wrap;
				flex-direction: column;
				justify-content: flex-start;
*/
				column-count: 3;
                width: 100%;
                height: auto;
                margin: 0 auto;
                padding: 0 0;
				background: none;
            }
            nav#footer-nav ul li {
				display: block;
				width: 32%; /* Default */
                height: auto;
                position: relative;
				background: none;
            }
            nav#footer-nav ul li a {
                display: flex;
                align-items: center;
                justify-content: flex-start;

                font-size: 13px;
				letter-spacing: 0;
                height: auto;
                color: #eee!important;
                font-weight: normal;
                list-style: none;
                text-decoration: none; 

				padding: 10px!important;
				margin: 0!important;
                                
                border: none;
                position: inherit;
                }
                    /*  Hover Effect  */
                    nav#footer-nav ul li a:hover {
                      font-weight: bold;
                    }
                    /*  allow Effect remove  */
                    nav#footer-nav ul li a::after{
                          content: "";
                          position: inherit;
                          height: 0;
                          border: none;
                          margin: 0;
                        }

	/* 親 */
        nav#footer-nav > ul > li.menu-item-has-children > a,
        nav#footer-nav > ul > li.menu-item-object-page > a,
        nav#footer-nav > ul > li > a { 
            font-weight: bold!important;
            width: auto;
            height: auto;
            min-height: 24px;
            margin: 40px 20px 12px 0!important;
            font-size: 13px;
            letter-spacing: 0;
        }

    /* 子 */
        nav#footer-nav .sub-menu {
            margin: 0;
            padding: 0;
        }		
        nav#footer-nav .sub-menu .sub-menu {
            margin: 0;
            padding: 0 0 0 16px;
        }
		
          nav#footer-nav ul li ul li a::after {
              content: "";
              position: static;
              border:none;
              transform: none;
              margin: auto;
          }
		
		
              nav#footer-nav ul li ul li:last-child {
				  border: none!important;
              }

                nav#footer-nav ul li.current-menu-item > a {
                    font-weight: bold;
					color: #fff;
					background: #6D685F;
                }

            } /* /@media */








/* ------------------------------ footer-subnav ------------------------------ */


nav#footer-subnav {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 20px;
    margin: 0 auto;
}

    nav#footer-subnav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
        background: none;
/*		background: #ccc;*/
    }
    nav#footer-subnav ul li {
        display: block;
		width: 100%;
        height: auto;
        position: relative;
        background: none;
    }
    nav#footer-subnav ul li a {
        display: flex;
        align-items: center;

        font-size: 12px;
		width: 100%;
        height: auto;
        color: #eee!important;
        font-weight: normal;
        list-style: none;
        text-decoration: none; 

        padding: 20px 0;
        }
          nav#footer-subnav ul li a::after {
              content: "";
              position: absolute;
              top: 50%;
              right: 12px;
              width: 8px;
              height: 8px;
              border-top: 1px dotted #AAA6A0;
              border-right: 1px dotted #AAA6A0;
              transform: rotate(45deg);
              margin-top: -5px;
          }

/* 親 */
  nav#footer-subnav > ul > li.menu-item-has-children > a { 
      font-weight: bold!important;
	  width: 100%;
      margin: 40px 0 30px;
      font-size: 22px;
      padding: 12px;
      border-bottom: 1px solid #545990;
  }

		

	@media screen and (min-width:959px) {  /* for PC */	
		
        nav#footer-subnav {
            display: block;
            width: 100%;
            height: auto;
            padding: 20px 0;
            margin: 0 auto;
        }
        
            nav#footer-subnav ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-around;

                width: 100%;
                height: auto;
                margin: 0 auto;
                padding: 0 0;

            }
            nav#footer-subnav ul li {
                flex: 1 0 0%;
                height: auto;
                position: relative;
            }
                nav#footer-subnav ul li:last-child {
                    /*border-right: 0;*/
                }


            nav#footer-subnav ul li a {
                display: flex;
                align-items: center;
                justify-content: center;

                font-size: 10px;
                height: auto;
                color: #fff;
                font-weight: normal;
                list-style: none;
                text-decoration: none; 
                text-align: center;

                padding: 20px 0;
                transition: all  0.4s ease;
                
                border: none;
                position: inherit;
                }
                    /*  Hover Effect  */
                    nav#footer-subnav ul li a:hover {
                      font-weight: bold;
                    }
                    /*  allow Effect remove  */
                    nav#footer-subnav ul li a::after{
                          content: "";
                          position: inherit;
                          height: 0;
                          border: none;
                          margin: 0;
                        }


            } /* /@media */


/* ------------------------------ WPmenu font-family ------------------------------ */
/* ------------------------------ added on header.php line 25 ------------------------------ */


html ul#wprmenu_menu_ul li.menu-item a em {
        }