.site-header {
	background-image: url(https://www.dropbox.com/scl/fi/463rowqygm7zhfxxi5cai/header.png?rlkey=8bger3vdyw5bh794n9y982hf0&raw=1);
	padding-top: 0;
	border-bottom: 0;
	background-position: calc(50% - 50px) top;
	background-repeat: repeat-x;
}

.site-header > div {
	padding-top: 25px;
}

.woocommerce-active .site-header .site-branding {
	width: 248px;
	height: 92px;
	margin-right: 32px;
	float: none;
}

.site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
  display: block;
  margin-bottom: 0;
}

.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
  width: 100%;
}
.site-header .site-branding img {
	max-width: 248px;
}

.woocommerce-active .site-header .main-navigation {
	margin-right: 0;
	float: none;
	width: calc(100% - 280px);
	position: relative;
}

.main-navigation::after {
  clear: both;
}
.main-navigation::before, .main-navigation::after {
  content: "";
  display: table;
}

.main-navigation .menu {
  clear: both;
}

.main-navigation ul.menu, .main-navigation ul.nav-menu {
	display: flex;
	margin-left: 25px;
}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a, .main-navigation ul.menu > li > div, .main-navigation ul.nav-menu > li > div {
	padding: 1.5em 1em .75em 1.25em;
	text-decoration: none;
	display: inline-block;
}

.main-navigation ul.menu ul.sub-menu {
	width: 45em;
}

.main-navigation .current-menu-ancestor ul.sub-menu, .main-navigation .current-menu-item ul.sub-menu {
	left: 0px;
}

.main-navigation ul.menu ul.sub-menu, .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul, .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul {
	top: 0;
}

.main-navigation ul ul {
	position: relative;
	float: none;
	display: block;
}

.main-navigation ul ul li {
	display: inline-block;
	height: 40px;
}

.main-navigation ul.menu > li.menu-item-has-children > a::after, .main-navigation ul.menu > li.page_item_has_children > a::after, .main-navigation ul.nav-menu > li.menu-item-has-children > a::after {
	content: '';
	margin: 0;
}

.main-navigation ul.sub-menu > li > a::before, .widget_jumpto li::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: inherit;
    content: "\f111";
	font-size: 7px;
	padding-top: 1px;
	text-indent: -15px;
}

.widget_jumpto li::before {
	padding-top: 6px;
}

.main-navigation ul.sub-menu > li > a::before {
	padding-top: 0;
	vertical-align: middle;
}

.main-navigation ul ul li a, .secondary-navigation ul ul li a {
	width: 100%;
	text-indent: 15px;
}

.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
	padding: .2776em 2.778em .45em 0;
	font-size: 1.125em;
}

.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children, .main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover > a, .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover > a {
	background: none;
	text-decoration: none;
}

.main-navigation li + li {
	margin-top: 0;
}

.the-noun {
	font-size: 50px;
	font-family: Yesteryear, Noto Sans JP, sans-serif;
	line-height: .2;
	font-weight: 400;
}

.the-action, .main-navigation br {
	font-weight: 600;
	display: inline-block;
	line-height: .8;
	font-size: 1.125em;
}

.main-navigation a.cart-contents {
	padding: 0;
}

.main-navigation .count {
	font-size: .75em;
	/* padding: .3em .7em .3em .6em;  when no width */
	font-weight: 600;
	display: inline-block;
	font-family: Quicksand, Noto Sans JP, sans-serif;
	line-height: 1.111;
	color: #ffffff;
	position: absolute;
    top: 21px;
    left: 55.5px;
	background: #3fc0ef;
	border-radius: 30px;
	z-index: 9999;
	padding: .2em;
	width: 21px;
	text-align: center;
	height: 20px;
}

.main-navigation .count .cartPlus {
	padding-left: .5em;
	padding-right: .6em;
}

.viewcart .main-navigation .count, .count:hover, .main-navigation #menu-item-18442 a:hover .count, li#menu-item-18442:hover > a .count {
	background: #15c3a1;
	text-decoration: none;
}

.emptyCart {
	visibility: hidden;
}



/* section-specific */
#menu-item-18451 {
	width: 176px;
}
#menu-item-18440 {
	width: 85px;
}
#menu-item-18441 {
	width: 165px;
}
#menu-item-18442 {
	width: 99.5px;
}

#menu-item-18451 .the-action {
	text-indent: 32px;
}
#menu-item-18440 > a {
	margin-left: 4px;
}
#menu-item-18440 .the-action {
	text-indent: -7px;
}
#menu-item-18441  .the-action {
	text-indent: 33px;
}
#menu-item-18442 .the-action {
	text-indent: -7px;
}

.learnjapanese .primary-navigation, .learnjapaneseHover {
	background-image: url('https://www.dropbox.com/scl/fi/6af4l2wxp3lhm66im5gwt/bg-learnjapanese.png?rlkey=yg3lpnm3g53anvbxleef4gws2&raw=1');
	background-repeat: no-repeat;
}
.askme .primary-navigation, .askmeHover {
	background-image: url('https://www.dropbox.com/scl/fi/tmqk5v21tqk6nz2iihyrj/bg-askme.png?rlkey=zbxidrledwptcbfz1josep914&raw=1');
	background-repeat: no-repeat;
	background-position-x: 160px;
}
.accessaccount .primary-navigation, .accessaccountHover {
	background-image: url('https://www.dropbox.com/scl/fi/oseu4gv9xbch1w8ib6fio/bg-account.png?rlkey=720pxtk9bfcs5kdzjyaz70n00&raw=1');
	background-repeat: no-repeat;
	background-position-x: 280px;
}
.viewcart .primary-navigation, .viewcartHover {
	background-image: url('https://www.dropbox.com/scl/fi/ofz8finl47e7q8px83ix0/bg-cart.png?rlkey=h84jxxoqy4kxf1a6zjd8flwmo&raw=1');
	background-repeat: no-repeat;
	background-position-x: 380px;
}

/* order of learn japanese, ask me, access account, view cart */

#menu-item-18451 ul.sub-menu {
	margin-left: 6px;
}
#menu-item-18440 ul.sub-menu {
	margin-left: -170px;
}
#menu-item-18441 ul.sub-menu {
	margin-left: -255px;
}
#menu-item-18442 ul.sub-menu {
	margin-left: -420px;
}

#menu-item-18451 a:hover, li#menu-item-18451:hover > a, #menu-item-18451.current-menu-item > a, #menu-item-18451 .current-menu-item > a, #menu-item-18451.current-menu-parent > a, #menu-item-18451 div:hover, li#menu-item-18451:hover > div, #menu-item-18451.current-menu-item > div, #menu-item-18451.current-menu-parent > div {
	color: #cb1978;
	cursor: pointer;
}
#menu-item-18440 a:hover, li#menu-item-18440:hover > a, #menu-item-18440.current-menu-item > a, #menu-item-18440 .current-menu-item > a, #menu-item-18440.current-menu-parent > a, #menu-item-18440 div:hover, li#menu-item-18440:hover > div, #menu-item-18440.current-menu-item > div, #menu-item-18440.current-menu-parent > div {
	color: #edea07;
	cursor: pointer;
}
#menu-item-18441 a:hover, li#menu-item-18441:hover > a, #menu-item-18441.current-menu-item > a, #menu-item-18441 .current-menu-item > a, #menu-item-18441.current-menu-parent > a, .woocommerce-MyAccount-navigation .is-active a, #menu-item-18441 div:hover, li#menu-item-18441:hover > div, #menu-item-18441.current-menu-item > div, #menu-item-18441.current-menu-parent > div, #menu-item-18442 a:hover, li#menu-item-18442:hover > a, #menu-item-18442.current-menu-item > a, #menu-item-18442 .current-menu-item > a, #menu-item-18442.current-menu-parent > a, .woocommerce-MyAccount-navigation .is-active a, #menu-item-18442 div:hover, li#menu-item-18442:hover > div, #menu-item-18442.current-menu-item > div, #menu-item-18442.current-menu-parent > div {
	color: #15c3a1;
	cursor: pointer;
}


.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
  margin-bottom: 0;
}



:root {
  --tutor-border-color: #cdcfd5;
}


.tutor-mb-32 {
  margin-bottom: 32px;
}

.tutor-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.tutor-nav > li {
  line-height: 1.6;
  position: relative;
  margin: 0;
  padding: 0;
}

.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) {
  border-bottom: 1px solid var(--tutor-border-color);
}

.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link {
  border-bottom: 2px solid rgba(0,0,0,0);
  margin-bottom: -1px;
}

.tutor-nav-link {
  font-size: 16px;
  font-weight: 400;
  padding: 8px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.tutor-nav-link, .tutor-nav-link:focus, .tutor-nav-link:hover, .tutor-nav-link:active {
  background: rgba(0,0,0,0);
  text-decoration: none;
  line-height: 1.6;
  box-shadow: none;
  outline: 0;
}



@media (max-width: 1131px) {
	.site-header {
		background-position: -266px top;
	}
}

@media (device-pixel-ratio: 2) and (max-width: 1025px) {
	.main-navigation {
		overflow-x: scroll;
	}
}


@media (min-width: 889px) and (max-width: 964px) {
	.site-header {
		background-position: -237px top;
	}
	.site-header > div {
		padding-top: 9px;
		margin-right: 0;
	}
}


@media (min-width: 769px) and (max-width: 888px) {
	.site-header {
		background-position: -237px top;
	}
	.site-header > div {
		padding-top: 9px;
		margin-right: 0;
	}

	.woocommerce-active .site-header .main-navigation {
		width: calc(100% - 188px);
	}
	.woocommerce-active .site-header .site-branding {
		margin-right: 0;
		width: 188px;
		height: 70px;
		margin-top: 16px;
	}
}


@media (max-width: 768px) {
	.site-header {
		background-position: 0 0;
		background-size: 210%;
		padding-bottom: 0;
		position: relative;
		z-index: 999;
	} 
	
	.site-branding, .site-search, .site-header-cart, .site-logo-anchor, .site-logo-link, .custom-logo-link {
		margin-bottom: 1.41575em;
	}
	.site-header .site-branding {
		display: block;
		margin-left: 0;
		clear: both;
	}
  .site-header .site-branding img {
		height: auto;
		max-height: none;
  }

	.site-header .col-full {
	    margin-left: 0;
	    margin-right: 0;
	}

	.main-navigation {
	    padding-left: 2.617924em;
		overflow-x: scroll;
		display: block;
	}

  .main-navigation ul, .secondary-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
  }

	.main-navigation ul li,
      .secondary-navigation ul li {
        position: relative;
        display: inline-block;
        text-align: left;
	}
	.main-navigation ul li a::before, .secondary-navigation ul li a::before {
		display: none;
	}
  
	.woocommerce-active .site-header .site-branding {
		width: auto;
		height: auto;
		margin: 0;
	}
	.woocommerce-active .site-header .main-navigation {
		width: 100%;
		clear: both;
	}
	.site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
		width: 40vw;
		margin: 0 auto;
		min-width: 120px;
	}
	.site-header > div, .primary-navigation {
		display: block;
	}
	.main-navigation ul ul {
		z-index: 99999;
		left: -9999px;
		margin-left: 1em;
	}
	.main-navigation ul.menu, .main-navigation ul.nav-menu {
		max-height: none;
		overflow: visible;
		transition: none;
		margin-left: 0;
	}
	.main-navigation ul.menu > li.menu-item-has-children > a::after, .main-navigation ul.menu > li.page_item_has_children > a::after, .main-navigation ul.nav-menu > li.menu-item-has-children > a::after, .main-navigation ul.nav-menu > li.page_item_has_children > a::after {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		line-height: 1;
		line-height: inherit;
		vertical-align: baseline;
	}
	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a, .main-navigation ul.menu > li > div, .main-navigation ul.nav-menu > li > div {
		padding-left: .8em;
	}
	
	.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
		padding-left: 15px;
	}

	.main-navigation ul ul li a, .secondary-navigation ul ul li a {
		text-indent: 0;
	}
	
	.main-navigation ul.menu ul.sub-menu {
		width: 44.8em;
	}

	.main-navigation .current-menu-ancestor ul.sub-menu, .main-navigation .current-menu-item ul.sub-menu {
		left: 0;
	}
	.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul, .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul {
		left: 0;
		display: block;
	}
	
	#menu-item-18451 ul.sub-menu {
		margin-left: 0;
	}
	#menu-item-18440 ul.sub-menu {
		margin-left: -176px;
	}
	#menu-item-18441 ul.sub-menu {
		margin-left: -261px;
	}
	#menu-item-18442 ul.sub-menu {
		margin-left: -426px;
	}

	.main-navigation .count {
		left: 47.5px;
	}
}

@media (min-width: 768px) {
	.site-header {
		position: relative;
		z-index: 999;
	} 
	
	.site-branding, .site-search, .site-header-cart, .site-logo-anchor, .site-logo-link, .custom-logo-link {
		margin-bottom: 1.41575em;
	}
	.site-header .site-branding {
		display: block;
		margin-left: 0;
		clear: both;
	}
  .site-header .site-branding img {
		height: auto;
		max-height: none;
  }


	.main-navigation {
		display: block;
	}

  .main-navigation ul, .secondary-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
	z-index: 99999;
    left: -9999px;
  }
  .main-navigation ul li, .secondary-navigation ul li {
    position: relative;
    text-align: left;
  }
  
    .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul, .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul {
		left: 0;
		display: block;
  }
   .main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
    font-weight: 400;
  }
   .main-navigation ul li a, .secondary-navigation ul li a {
    display: block;
  }
  
	.main-navigation ul li a::before, .secondary-navigation ul li a::before {
		display: none;
	}
  
	.woocommerce-active .site-header .main-navigation {
		clear: both;
	}
	.main-navigation ul.menu, .main-navigation ul.nav-menu {
		max-height: none;
		overflow: visible;
		transition: none;
	}
	.main-navigation ul.menu > li.menu-item-has-children > a::after, .main-navigation ul.menu > li.page_item_has_children > a::after, .main-navigation ul.nav-menu > li.menu-item-has-children > a::after, .main-navigation ul.nav-menu > li.page_item_has_children > a::after {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		line-height: 1;
		line-height: inherit;
		vertical-align: baseline;
	}
}


@media (min-width: 568px) and (max-width: 768px) {
	.site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
		max-width: 188px;
	}
}

@media (max-width: 568px) {
	.main-navigation {
		padding-left: 1.41575em;
	}
	#menu-item-18442 > a {
		margin-left: 8px;
	}

	.main-navigation .count {
		left: 55.5px;
	}
}