@charset  "UTF-8";
.main-navigation{
  display:none;
}
/* -----------------
	opinion english
 ----------------- */
.page-id-2790 h1.entry-title {
	display: none;
}

#post-2790, #oe {
	padding-bottom: 0;
}

#oe-main, #oe-cta {
	text-align: center;
	margin: -100px -2040px 0;
	padding: 100px 2000px 1px;
	background: url(http://yeah-education-booking.com/wp-content/uploads/bg-cyan.jpg) left top repeat;
}

#oe-cta {
	margin-bottom: -84px;
}

.oe-main-img-container {
	margin: 0 -60px 20px;
}

#oe-main h1 {
	position: relative;
}

.oe-ribbon {
	position: absolute;
	right: 20px;
	top: -20px;
	width: 10%;
	max-width: 77px;
}

.oe-container {
	max-width: 780px;
	margin: 0 auto;
}

#oe-main p {
	font-size: 1.4em;
}

#oe-main strong {
	color: #fff;
	display: inline-block;
	background: url("http://yeah-education-booking.com/wp-content/uploads/dot-line-yellow.gif") bottom left repeat-x;
	line-height: 1.5em;
}

#oe .slider-btn {
	margin-top: 40px;
}

#oe .slider-btn a {
	display: inline-block;
	width: 300px;
}

.oe-btn-online {
	background-color: #f98444;
}

.oe-btn-online:hover {
	background-color: #fd9c68;
}

.oe-btn-class {
	background-color: #fae476;
}

.oe-btn-class:hover {
/*background-color: #fff2b0;*/
	cursor: default;
}

#oe .slider-btn a.oe-btn-class {
	color: #333;
}

#oe-main .notice {
	border-top: 7px solid #fae476;
	border-bottom: 7px solid #fae476;
	text-align: left;
	list-style: none;
	margin: 2.5em 0 5em;
}

#oe-main .notice::before {
	content: '';
	height: 25px;
	width: 100%;
	border-left: 7px solid #fae476;
	border-right: 7px solid #fae476;
	display: block;
	font-size: 2em;
	margin-bottom: .5em;
}

#oe-main .notice::after {
	content: '';
	height: 25px;
	width: 100%;
	border-left: 7px solid #fae476;
	border-right: 7px solid #fae476;
	display: block;
	font-size: 2em;
	margin-top: .5em;
}

#oe-main .notice li {
	font-size: 1.2em;
	padding: 0 1.2em 0 2.8em;
	line-height: 2em;
	position: relative;
}

#oe-main .notice li::before {
	content: "＊";
	color: #fae476;
	font-size: 1.75em;
	position: absolute;
	left: .5em;
}

#oe-details {
	padding: 10px 0 6.5em;
	margin-top: 0;
}

#oe h2 {
	font-size: 3.2em;
	font-weight: bold;
	padding-bottom: .5em;
	text-align: center;
	position: relative;
}

#oe h2::after {
	content: "";
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 2px;
	width: 140px;
	border-top: 3px solid #f99b6d;
	bottom: 0;
}

#oe-details .notice {
	border: dotted 2px #f99b6d;
	padding: 1.5em;
	margin-top: 3em;
}

#oe-details .notice h4 {
	margin-top: 0;
}

#oe-details .notice p {
	margin-bottom: 0;
}

#oe .profile {
	margin-top: 3.5em;
	margin-bottom: 0;
}

#oe .profile-photo {
	width: 180px;
	display: table-cell;
	vertical-align: middle;
}

#oe .img-circle {
	width: 180px;
	height: 180px;
}

#oe .profile h4 {
	margin-top: 0;
}

#oe-cta {
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 0;
}

@media (max-width: 900px) {
	.oe-main-img-container {
		margin: 0 -20px 20px;
	}
}

@media (max-width: 600px) {
	#oe .profile-photo {
		width: 100%;
		display: block;
	}
	
	#oe .profile h4 {
		text-align: center;
	}
}

@media (max-width: 480px) {
	#oe-main, #oe-cta {
		padding-right: 2040px;
		padding-left: 2040px;
	}
	
	#oe-main p {
		font-size: 1em;
	}
	
	#oe .slider-btn {
		margin-top: 0;
	}
	
	#oe .slider-btn a {
		font-size: 1em;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	#oe-main .notice::before {
		margin-bottom: 0;
	}
	
	#oe-main .notice::after {
		margin-top: 0;
	}
	
	#oe-main .notice li {
		font-size: 1em;
	}
	
	#oe-main .notice {
		margin-bottom: 2.5em;
	}
	
	#oe-details {
		padding-bottom: 4.5em;
	}
	
	#oe h2 {
		font-size: 1.75em;
	}
}

/* -----------------
	general
 ----------------- */
body {
	letter-spacing: .04em;
	font-family: Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	overflow-x: hidden;
	font-weight: 300;
}

html:lang(ja) body {
	letter-spacing: .05em;
	font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	margin-top: 1.8em;
}

h1, h2, h3 {
	font-weight: 500;
}

h4, h5, h6 {
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.home h1, .home h2, .home h3, .home h4, .home h5, .home h6 {
	margin-top: 0;
	font-weight: 700;
}

p {
	font-size: 17px;
}

html:lang(en) p {
	line-height: 1.8;
	font-size: 19px;
}

html:lang(ja) p {
	line-height: 2;
}

strong, .font-smooth {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

button, input, select, textarea {
	max-width: 100%;
	border: 1px solid #ccc;
	color: #333 !important;
}

input[type="tel"] {
	padding: 3px 6px;
	height: 36px;
	width: 100%;
	-webkit-appearance: none;
}

textarea {
	padding: 3px 6px;
	-webkit-appearance: none;
}

ul, ol {
	margin-left: 1em;
}

.caption {
	color: #666;
	font-size: 95%;
	margin-top: -7px;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.pink {
	color: #fa8d78;
}

.underline {
	text-decoration: underline;
}

.main-title {
	font-family: Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.en-in-ja {
	font-size: 1.15em;
	letter-spacing: .04em;
	vertical-align: -.03em;
	font-weight: 500;
}

.section-title-wrapper {
	margin-bottom: 3em;
}

p.secondary-text {
	font-size: 15px !important;
}

html:lang(en) p.secondary-text {
	font-size: 17px !important;
}

.offset:before {
	display: block;
	content: "";
	height: 60px;
	margin-top: -120px;
	visibility: hidden;
}

.img-circle {
	border-radius: 50%;
	border: 7px solid #fff;
}

.profile {
	display: table;
	margin-bottom: 25px;
}

.profile img {
	display: table-cell;
	vertical-align: middle;
}

.profile-text {
	display: table-cell;
	vertical-align: middle;
	padding-left: 30px;
}

.profile-text p {
	margin-bottom: 0;
}

.widget_search .searchsubmit {
	border-radius: 0;
	background-color: #f98444;
	border: none;
}

.widget_search .searchsubmit:hover {
	background-color: #fd9c68;
}

.btn {
	margin: 10px auto;
	border-radius: 40px;
	padding: .5em 2.4em .5em 2em;
	font-weight: 700;
	letter-spacing: .1em;
	font-size: 16px;
	background-color: #fae476;
	max-width: 100%;
	color: #444;
	display: inline-block;
}

.btn:hover, .btn:focus, .btn:active {
	background: #46B3BD;
	color: #fff;
}

.btn::after {
	display: inline-block;
	position: relative;
	left: 10px;
	top: 0;
	font: normal normal normal 22px/1 FontAwesome;
	content: "\f105";
	vertical-align: text-bottom;
}

.arrow::after {
	display: inline-block;
	position: relative;
	left: 10px;
	top: 0;
	font: normal normal normal 22px/1 FontAwesome;
	content: "\f105";
	vertical-align: text-bottom;
}

/*SNSアイコン*/
.fa_sns {
	font-size: 2em !important;
}

/*youtube埋め込み*/
.y_video {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
}

.y_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

[class*="fa-twitter"] {
	color: skyblue;
}

[class*="fa-facebook"] {
	color: navy;
}

[class*="fa-google-plus"] {
	color: #cc0000;
}

[class*="fa-instagram"] {
	color: #3d8e95;
}

@media (max-width: 1200px) {
	.tg-container {
		width: 100%;
		padding: 0 2%;
	}
}

@media (max-width: 900px) {
	.tg-column-wrapper {
		margin: 0 auto;
		text-align: center;
		max-width: 780px;
	}
	
	.tg-column-2 {
		margin: 0 auto;
		text-align: left;
		width: 100%;
	}
}

@media (max-width: 600px) {
	.profile {
		display: block;
	}
	
	.profile img {
		display: block;
	}
	
	.profile-text {
		display: block;
		padding: 0;
		margin-top: 20px;
	}
}

@media (max-width: 480px) {
	h1 {
		font-size: 27px;
	}
	
	h2 {
		font-size: 24px;
	}
	
	h3 {
		font-size: 21px;
	}
	
	h4 {
		font-size: 18px;
	}
	
	h5 {
		font-size: 16px;
	}
	
	h6 {
		font-size: 15px;
	}
	
	p, .footer-contents p, html:lang(ja) p {
		font-size: 14px;
		line-height: 1.75em;
	}
	
	p.secondary-text {
		font-size: 13px !important;
		line-height: 1.75em;
	}
	
	article {
		padding-bottom: 30px;
	}
	
	.tg-container {
		padding: 0;
	}
	
	.img-circle {
		border: none;
	}
	
	.arrow::after {
		font: normal normal normal 20px/1 FontAwesome;
	}
}

/* -----------------
	pages
 ----------------- */
/* 
	pages general
*/
body.page #page, 
body.blog #page,
body.single #page, 
body.archive #page {
	background-color: #f8f9f8;
}

body.home #page {
	background-color: #fbfbfb;
}

body.page #primary, body.page .primary {
	width: 85%;
}

#content, .stick.non-transparent #content {
	margin-top: 58px;
}

body.page article {
	border-bottom: none;
	position: relative;
}

.single article.hentry h1.entry-title, 
.page article.hentry h1.entry-title {
	font-size: 36px;
}

.home #content {
	margin-top: 0;
}

.hero {
	height: 300px;
	width: 100vw;
	position: relative;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: -15px auto 0;
}

.media-cover, .media-cover-dark::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.media-cover-dark::after {
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30);
	content: " ";
}

.hero-title {
	width: 90%;
	max-width: 800px;
	text-align: center;
	position: relative;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	left: 50%;
	letter-spacing: .075em;
}

.hero-title h2 {
	font-size: 90px;
	color: #fff;
	margin-top: 0 !important;
	line-height: 1em;
}

.hero-title h3 {
	font-size: 22px;
	color: #fff;
	margin: 20px 0 0 !important;
}

body.page .entry-content section {
	margin-top: 80px;
}

h1.entry-title {
	color: #222;
	font-weight: 500;
}

/* second header navi */
#second-header-navi {
	width: 100vw;
	position: relative;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: 0 auto;
	background-color: #e1e1e1;
}

#second-header-navi .primary {
	margin: 0 auto;
}

#second-header-navi a {
	display: inline-block;
	padding: 1em 2em 1em 0;
	color: #111;
	font-size: 90%;
}

#second-header-navi a:nth-child(1) {
	padding-left: 0;
}

#second-header-navi a:hover {
	color: #f98444;
}

/* table */
.twocolumns-table-container td {
	border: none;
	padding: 10px 20px 10px 0;
}

.twocolumns-table-container td:nth-child(1) {
	font-weight: 700;
	width: 25%;
}

.system-table-container thead th:nth-child(1) {
	width: 25%;
}

/* white-title */
.white-title {
	width: 100%;
	width: 100vw;
	position: relative;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	margin-bottom: 50px;
	padding: 50px 0;
}

.white-title .w-narrow {
	max-width: 700px;
	margin: 0 auto;
	width: 90%;
	position: relative;
	top: 50%;
}

.white-title h2 {
	margin: 0;
}

.white-title p {
	margin: 30px 0 0;
	font-size: 16px;
	line-height: 1.7em;
}

/* item-step */
.item-container {
	margin-top: 80px;
}

.item {
	text-align: center;
	margin: 1em 0;
	background: url("http://yeah-education-booking.com/wp-content/uploads/line_item_list.gif") no-repeat center top;
}

.item h3 {
	margin-bottom: 0;
	cursor: pointer;
	position: relative;
	top: -16px;
	font-weight: 500;
	font-size: 25px;
	transition: all .2s ease;
}

.item h3:hover {
	color: #f98444;
}

.item-active h3:hover {
	color: #333;
	cursor: initial;
}

.item h3:hover .item-step {
	background-color: #f98444;
}

.item span {
	transition: height .5s;
	font-size: 16px;
	line-height: 1.7em;
}

html:lang(en) .item span {
	font-size: 18px;
}

.item-step {
	width: 30px;
	height: 30px;
	margin: 0 auto 20px;
	line-height: 30px;
	text-align: center;
	display: block;
	background: #555;
	color: #fff;
	font-style: normal;
	border-radius: 100%;
	font-family: 'Roboto', sans-serif;
	transition: all .2s ease;
	font-size: 90%;
}

.item-active .item-step {
	background: #f98444;
}

.item-active span {
	height: 6.8em !important;
}

.item-segment {
	position: relative;
	margin: 120px 0 100px;
	height: 50px;
}

.item-segment span {
	background-color: #f9f9f8;
	padding: 1em 30px;
	font-size: 20px;
	display: inline-block;
	position: absolute;
	line-height: 1.25em;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #666;
	min-width: 370px;
}

.item-segment::before {
	display: block;
	content: '';
	background-color: #aaa;
	height: 1px;
	width: 100%;
	position: absolute;
	top: 50%;
}

/* course */
ol.course-list {
	list-style: none;
	margin: 0;
}

ol.course-list li {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 30px 0 5px;
}

ol.course-list li:nth-last-child(1) {
	border-bottom: none;
}

.course-list .course-image {
	display: table-cell;
	width: 140px;
	background-color: #eee;
}

.course-list .course-info {
	overflow: hidden;
	display: table-cell;
	vertical-align: top;
	border-left: 20px solid transparent;
}

.course-list .course-info h4 {
	margin: .5em 0;
}

.course-list .course-name {
	margin: 0;
	color: #fff;
	display: inline-block;
	padding: .1em .8em;
	border-radius: 4px;
}

.course-list .course-a {
	background-color: #f58b7a;
}

.course-list .course-b {
	background-color: #85ddde;
}

.course-list .course-c {
	background-color: #dddd58;
}

.course-list .course-d {
	background-color: #83abdf;
}

.course-list .course-e {
	background-color: #e187ba;
}

.course-list .course-f {
	background-color: #a6dcb0;
}

.course-list .course-g {
	background-color: #fd9c68;
}

#about-yeah.hero-img .hero-title {
	margin-top: 5px;
}

#about-yeah .hero-title h1 {
	color: rgb(255,255,255);
	z-index: 1;
	font-size: 90px;
	font-weight: 700;
	margin-top: 0 !important;
	width: 100%;
	text-align: center;
	max-width: 98%;
	display: block !important;
	line-height: 1em;
}

/* post-67 = courses, post-69 = courses-ja, post-71 = process, post-73 = process-ja, post-76 = faq, post-78 = faq-ja, post-2112 = trial-ja */
#post-67 h1, #post-71 h1, #post-73 h1, #post-81 h1, #post-83 h1, #post-81 h1, #post-83 h1, #post-76 h1, #post-78 h1, #post-2112 h1, #post-2462 h1, #post-2529 h1 {
	color: rgb(255,255,255);
	position: absolute;
	z-index: 1;
	font-size: 55px;
	font-weight: 700;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 65px;
	width: 100%;
	text-align: center;
	max-width: 98%;
}

#post-69 h1 {
	color: rgb(255,255,255);
	position: absolute;
	z-index: 1;
	font-size: 55px;
	font-weight: 700;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 95px;
	width: 100%;
	text-align: center;
	max-width: 98%;
}

#post-2535 h1, #post-2947 h1 {
	color: rgb(255,255,255);
	position: absolute;
	z-index: 1;
	font-size: 55px;
	font-weight: 700;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 170px;
	width: 100%;
	text-align: center;
	max-width: 98%;
}

#post-2457 h1 {
	color: rgb(255,255,255);
	position: absolute;
	z-index: 1;
	font-size: 55px;
	font-weight: 700;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 140px;
	width: 100%;
	text-align: center;
	max-width: 98%;
	text-shadow: 0 0 30px #ac601e;
}

#post-2672 h1 {
	color: rgb(255,255,255);
	position: absolute;
	z-index: 1;
	font-size: 55px;
	font-weight: 700;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 160px;
	width: 100%;
	text-align: center;
	max-width: 98%;
}

.title-shadow {
	text-shadow: 0 0 30px rgba(150,150,150,1);
}

#post-2457 .title-shadow {
	text-shadow: 0 0 30px #ac601e;
}

table.table-price {
	margin-top: 3em;
	font-size: 17px;
}

.table-price th {
	text-align: center;
	padding: 1em 10px;
	background-color: #fff;
}

.table-price td {
	text-align: center;
	padding: .5em 10px;
}

.table-price td:first-child {
	width: 40%;
}

.hero.hero-img {
	height: 450px;
	margin-top: -35px;
}

#courses.hero {
	background-color: #a6dcb0;
}

#process.hero {
	background-color: #63cced;
}

#hiring.hero {
	background-color: #e187ba;
}

#faq.hero {
	background-color: #83abdf;
}

#trial.hero {
	background-color: #fb925a;
}

.hero-title {
	font-size: 20px;
	padding-top: 90px;
	color: #fff;
	font-weight: 500;
}

.hero-img .hero-title {
	position: absolute;
	padding: 0;
	margin-top: 50px;
}

/* about */
.page-id-32 .hero-title h3,
.page-id-34 .hero-title h3, 
.page-id-1373 .hero-title h3,
.page-id-1350 .hero-title h3 {
	font-size: 19px;
	font-weight: 700;
}

.page-id-32 h2, .page-id-34 h2, .page-id-1373 h2, .page-id-1350 h2 {
	margin-bottom: 1em;
	font-size: 36px;
	font-weight: 700;
}

#team {
	margin-top: 140px;
}

.team > div {
	background-color: #fff;
	padding: 30px 8000px 70px;
	box-sizing: content-box;
	width: 100%;
}

.team .profile {
	display: block;
	margin-top: 4em;
}

.team .img-circle {
	width: 200px;
	height: 200px;
	border: none;
}

.team .img-circle.supporter {
	width: 150px;
	height: 150px;
	border: none;
}

.member1 {
	background: url("http://yeah-education-booking.com/cabinet/pic/member/oono.jpg") no-repeat center top;
	background-size: 100% auto;
}

.member2 {
	background: url("http://yeah-education-booking.com/cabinet/pic/member/suzuki.jpg") no-repeat center top;
	background-size: 100% auto;
}

.member7 {
	background: url("http://yeah-education-booking.com/wp-content/uploads/dr-shiizuka.jpg") no-repeat center top;
	background-size: 100% auto;
}

/*.team .member1:hover {
	background-position: center bottom;
}*/
.team .profile h4 {
	margin: 1em 0 .5em;
}

.profile-title {
	margin: 0 0 1em;
	color: #888;
	font-size: 14px;
	font-weight: 700;
}

/* hiring */
#application-flow .fa-angle-down {
	font-size: 30px;
}

#application-flow p {
	margin-bottom: 10px;
}

/* message */
.text-with-image {
	float: left;
	width: 60%;
}

.image-with-text-R {
	float: right;
	padding: 0 0 1em 1em;
	width: 40%;
	margin: 1em 0 .5em;
}

.image-with-text-L {
	float: left;
	padding: 0 2em 1em 0;
	width: 40%;
	margin: .5em 0 0;
}

.image-with-text-L h5 {
	margin-top: 0;
	text-align: center;
}

.image-with-text-L th {
	font-weight: bold;
	border: 1px solid #FA8D78;
	padding: 5px 10px;
	text-align: center;
}

.image-with-text-L .teaching-materials-img {
	padding: 0 !important;
	margin-bottom: 0 !important;
	font-size: 120%;
}

.image-with-text-L table {
	margin: 0;
}

.message-img {
	margin: 1.5em 0 2.5em;
}

.message-author-img p {
	font-size: 120%;
}

.message-author-img .img-circle {
	width: 90px;
	height: 90px;
	border: 4px solid #fff;
	margin: .5em auto 0;
}

.message-author {
	margin: 40px 0;
	font-size: 120%;
}

#home-message {
	background: url("http://yeah-education-booking.com/wp-content/uploads/bg-paper.jpg") repeat left top;
	text-align: center;
}

#home-message .main-title small {
	display: block;
	margin-top: .75em;
	font-size: .65em;
}

#home-message p {
	text-align: left;
}

#home-message .btn {
	margin: 1.5em 0 10px;
}

.home-message-author {
	margin: 2em 0 1.5em;
	text-align: center;
	font-size: 130%;
	font-weight: 700;
	letter-spacing: .075em;
}

.home-message-author .img-circle {
	width: 160px;
	height: 160px;
	border: 4px solid #fff;
	margin: 0 auto 1em;
}

@media (max-width: 600px) {
	.image-with-text-R {
		width: 100%;
		padding-left: 0;
	}
	
	.image-with-text-L {
		width: 100%;
		padding-right: 0;
	}
}

@media (max-width: 480px) {
	#home-message .main-title {
		font-size: 27px;
	}
	
	.message-author {
		font-size: 100%;
	}
}

/* 
	FAQ / Contact
*/
.faq {
	margin: 50px auto 150px;
}

h3.arconix-faq-term-title {
	margin: 1.8em 0 15px;
}

.arconix-faq-wrap {
	padding: 9px 10px;
	background-color: #fff;
	text-align: left;
}

.arconix-faq-title {
	background-color: #fff;
	background-image: none;
	padding: 0;
	font-size: 17px;
}

.arconix-faq-title::before {
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	line-height: 1em;
	content: "+";
	font-family: 'Roboto', sans-serif;
	padding-right: 10px;
}

.arconix-faq-title.faq-open {
	background-image: none;
}

.arconix-faq-title.faq-open::before {
	content: "-";
	-ms-transform: scale(1.5,1);
	-webkit-transform: scale(1.5,1);
	transform: scale(1.5,1);
	padding-left: 6px;
}

.arconix-faq-content {
	margin-top: 10px;
	border-top: 1px solid #eee;
	padding: 1em 1em 5px;
}

.faq .arconix-faq-content p {
	font-size: 17px;
}

.rscaptcha input {
	width: 8em;
}

/* contact form */
.contact-form input[type="email"], .contact-form input[type="text"] {
	width: 50%;
	min-width: 300px;
}

.contact-form textarea {
	width: 100%;
}

.navigation .nav-links a, .bttn, button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: none;
	padding: 1em 3em;
	height: 3em;
	font-size: 17px;
	letter-spacing: .05em;
	line-height: 1em;
	border-radius: 5px;
	background-color: #f98444;
	color: #fff !important;
}

.navigation .nav-links a:hover, .bttn:hover, button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background: #fd9c68;
}

/* contact from 7 */
.wpcf7-form {
	text-align: left;
}

.wpcf7 p {
	font-size: 15px !important;
	margin-bottom: 1em;
	font-weight: bold;
}

.g-recaptcha {
	margin-bottom: 1em;
}

span.wpcf7-not-valid-tip {
	font-size: 13px;
}

div.wpcf7-validation-errors {
	border: 2px solid #f66;
	font-size: 13px;
	padding: .75em 1em;
}

.wpcf7 .attachment input {
	border: none;
	line-height: 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #68bc77;
	color: #68bc77;
}

div.wpcf7-response-output {
	padding: 1em;
	text-align: center;
}

.wpcf7 .input-area-s {
	width: 200px;
}

span.wpcf7-list-item {
	margin-right: 1.5em;
}

/* 
	footer-copyright
*/
.copyright-text {display:none !important;}
#bottom-footer .copyright::before {
  content:'Copyright © YEAH education';
  float:left;
}

@media screen and (max-width: 768px) {
	#bottom-footer .copyright::before {
    	float:none;
    	text-align:center;
	}
}


/* 
	footer-contents
*/
body.page .entry-content .footer-contents {
	margin-top: 60px;
	font-size: 15px;
}

.footer-contents li {
	margin-top: 1em;
}

body.page .footer-contents p {
	font-size: 15px;
}

@media (min-width: 900px) {
	body.page #primary, body.page .primary {
		width: 784px;
	}
}

@media (min-width: 768px) {
	body.page #primary, body.page .primary {
		width: 700px;
	}
}

@media screen and (max-width: 768px) {
	.hero-title h2 {
		font-size: 70px;
	}
	
	.hero-title h3 {
		font-size: 17px;
	}
	
	.system-table-container table, .system-table-container tbody, .system-table-container th, .system-table-container td, .system-table-container tr {
		display: block;
	}
	
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.system-table-container tr {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	
	.system-table-container tr:nth-last-child(1) {
		border-bottom: 1px solid #ccc;
	}
	
	.system-table-container td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 6em;
	}
	
	.system-table-container td:nth-child(1) {
		width: 100%;
		padding-left: 10px;
		text-align: center;
		font-weight: bold;
	}
	
	.system-table-container td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	
	html:lang(ja) .system-table-container td:nth-of-type(2):before {
		content: "必要環境";
	}
	
	html:lang(ja) .system-table-container td:nth-of-type(3):before {
		content: "推奨環境";
	}
	
	html:lang(en) .system-table-container td:nth-of-type(2):before {
		content: "Minimum";
		font-size: 80%;
	}
	
	html:lang(en) .system-table-container td:nth-of-type(3):before {
		content: "Rec.";
		font-size: 80%;
	}
	
	.twocolumns-table-container table, .twocolumns-table-container tbody, .twocolumns-table-container th, .twocolumns-table-container td, .twocolumns-table-container tr {
		display: block;
	}
	
	.twocolumns-table-container td {
		border: none;
		position: relative;
	}
	
	.twocolumns-table-container td:nth-child(1) {
		width: 100%;
		padding: 1em 0 0;
	}
	
	.twocolumns-table-container td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		white-space: nowrap;
	}
	
	.course-list .course-image {
		width: 100px;
	}
	
	#about-yeah .hero-title h1 {
		font-size: 75px;
	}
	
	#post-67 h1, #post-71 h1, #post-73 h1, #post-81 h1, #post-83 h1, #post-76 h1, #post-78 h1, #post-2112 h1, #post-2462 h1, #post-2529 h1 {
		font-size: 45px;
		margin-top: 60px;
	}
	
	#post-69 h1 {
		font-size: 45px;
		margin-top: 75px;
	}
	
	#post-2535 h1, #post-2947 h1 {
		font-size: 36px;
		margin-top: 84px;
	}
	
	#post-2457 h1 {
		font-size: 41px;
		margin-top: 55px;
	}
	
	#post-2672 h1 {
		font-size: 41px;
		margin-top: 70px;
	}
	
	.hero, .hero.hero-img {
		height: 250px;
	}
	
	.hero-title {
		font-size: 18px;
	}
	
	.hero-img .hero-title {
		margin-top: 40px;
	}
	
	.item-segment span {
		min-width: 280px;
		padding: 1em 10px;
	}
}

@media (max-width: 480px) {
	body.page #primary, body.page .primary {
		width: 90%;
	}
	
	.single article.hentry h1.entry-title, .page article.hentry h1.entry-title {
		font-size: 27px;
		margin-top: 1.5em;
	}
	
	body.page .entry-content section {
		margin-top: 40px;
	}
	
	.arconix-faq-title {
		font-size: 15px;
	}
	
	.white-title {
		margin-bottom: 25px;
		padding: 20px 0;
	}
	
	.white-title h2 {
		margin-top: 25px;
	}
	
	.white-title p {
		font-size: 13px;
		line-height: 1.75em;
		margin: 15px 0 20px;
	}
	
	table.table-price {
		font-size: 14px;
	}
	
	.summery {
		font-size: 13px;
	}
	
	.item h3 {
		font-size: 20px;
	}
	
	.item span {
		font-size: 14px;
	}
	
	#post-67 h1, #post-71 h1, #post-73 h1, #post-81 h1, #post-83 h1, #post-76 h1, #post-78 h1, #post-2112 h1, #post-2462 h1, #post-2529 h1 {
		font-size: 36px;
		margin-top: 15px;
	}
	
	#post-69 h1 {
		font-size: 36px;
		margin-top: 35px;
	}
	
	#post-2535 h1, #post-2947 h1 {
		font-size: 25px;
		margin-top: 45px;
	}
	
	#post-2457 h1 {
		font-size: 28px;
		margin-top: 23px;
	}
	
	#post-2672 h1 {
		font-size: 28px;
		margin-top: 30px;
	}
	
	.hero, .hero.hero-img {
		height: 150px;
	}
	
	#about-yeah .hero-title h1 {
		font-size: 55px;
		margin-bottom: 5px;
	}
	
	#about-yeah .hero-title h3 {
		font-size: 14px;
		margin-top: 0 !important;
	}
	
	.hero-title {
		font-size: 14px;
		padding-top: 50px;
	}
	
	.hero-img .hero-title {
		margin-top: 30px;
	}
	
	#message .rsp-hide {
		display: none;
	}
	
	body.page .entry-content .footer-contents {
		margin-top: 20px;
		font-size: 14px;
	}
}

/* -----------------
	home
 ----------------- */
/*	home text-widgets */
.home p {
	font-size: 19px;
	line-height: 2em;
}

html:lang(en) .home p {
	font-size: 21px;
}

.home section.widget_text {
	position: relative;
	padding: 100px 0;
}

.home section.w-continuation {
  padding-top:0;
}

.home .w-narrow > *, 
.home .w-wide > *, 
.home section.widget_text h2.main-title {
	padding: 0 15px;
}

.btn-next {
	color: #222;
	font-size: 26px;
	letter-spacing: -.05em;
	width: 88px;
	height: 88px;
	background-color: #e9e7f3;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
	line-height: 80px;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-family: 'Roboto', sans-serif;
	text-align: center;
	position: absolute;
	top: -44px;
	left: 50%;
	z-index: 1;
}

.btn-next:hover,
.btn-next:active,  
.btn-next:focus {
	background-color: #d0cce8;
	color: #222;
}

.btn-next span {
	display: block;
	-ms-transform: rotate(90deg) translateY(-48%);
	-webkit-transform: rotate(90deg) translateY(-48%);
	transform: rotate(90deg) translateY(-48%);
	width: 88px;
	height: 88px;
	left: -50%;
	position: relative;
}

.home .w-narrow .main-title, 
.home .w-narrow .textwidget {
	max-width: 780px;
	margin: 0 auto;
	width: 100%;
}

.home .w-wide .main-title, 
.home .w-wide .textwidget {
	max-width: 1170px;
	margin: 0 auto;
}

.home .widget .main-title::before, 
.home .widget .main-title::after {
	display: none;
}

.home .widget .main-title {
	display: block;
	text-align: center;
	font-size: 36px;
	color: #222;
}

.home .sub-title {
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	color: #222;
	font-size: 19px;
}

.home .textwidget h3 {
	font-size: 22px;
	margin-top: 60px;
}

.home .textwidget h3::before {
	display: inline;
	content: "＊";
	font-size: 1.2em;
	color: #fae476;
	margin-right: 5px;
}

/* 
	home Section Wipes
*/
.home section.widget.question-slider {
	margin-bottom: 8em;
}

.question-slider div#n2-ss-5 .n2-ss-layers-container {
	margin-top: 0 !important;
}

.question-slider div#n2-ss-5 .n2-ss-layer {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	margin: 0 auto !important;
}

.question-slider div#n2-ss-5 .n2-ss-slider-1 {
	padding: 0 15px !important;
	box-sizing: border-box !important;
}

.question-slider div#n2-ss-5 .n2-ss-slide, .question-slider .n2-ss-layers-container, .question-slider .n2-ss-layer {
	width: 100% !important;
}

.question-slider .question1-title {
	max-width: 270px !important;
}

.question-slider .question1-img {
	max-width: 403px !important;
}

.question-slider div#n2-ss-5 .n2-ss-layer.question1-text {
	margin: 2em auto 1em !important;
}

.question-slider .question2-title {
	max-width: 223px !important;
}

.question-slider .question2-img {
	max-width: 368px !important;
}

.question-slider div#n2-ss-5 .n2-ss-layer.question2-text {
	margin: 2em auto 1em !important;
	max-width: 39em;
}

.question-slider .question3-title {
	max-width: 250px !important;
}

.question-slider .question3-img {
	max-width: 247px !important;
}

.question-slider div#n2-ss-5 .n2-ss-layer.question3-text {
	margin: 2em auto !important;
	max-width: 39em;
}

.question-slider div#n2-ss-5 .n2-ss-layer.question3-text p {
	margin-bottom: 1em;
}

.question-slider ol {
	counter-reset: item;
	list-style-type: none;
	margin-left: 1.2em;
	position: relative;
}

.question-slider li {
	display: block;
	line-height: 2em !important;
}

.question-slider li:before {
	content: counter(item) ")  ";
	counter-increment: item;
	left: -1.2em;
	position: absolute;
}

.question-slider .n2-ss-slide-active::after {
	content: "";
	display: block;
	position: absolute;
	right: 45% !important;
	bottom: 5px;
	font-size: 18px;
}

.question-slider .n2-ss-slide-22.n2-ss-slide-active::after {
	content: "答えはこちら";
}

.question-slider .n2-ss-slide-23.n2-ss-slide-active::after {
	content: "解説はこちら";
}

.question-slider .n2-ss-slide-24.n2-ss-slide-active::after {
	content: "問題に戻る";
}

div#n2-ss-5.n2-ss-desktop .n2-ss-widget-display-desktop.n2-ib, div#n2-ss-5.n2-ss-tablet .n2-ss-widget-display-tablet.n2-ib, div#n2-ss-5.n2-ss-mobile .n2-ss-widget-display-mobile.n2-ib {
	width: 32px !important;
	height: 32px !important;
}

.question-slider #n2-ss-5-arrow-previous {
	display: none !important;
}

.question-slider #n2-ss-5-arrow-next {
	overflow: visible !important;
	left: 56% !important;
}

@media (min-width: 801px) {
	.question-slider div#n2-ss-5 .n2-ss-layer {
		font-size: 19px !important;
	}
}

@media (max-width: 800px) {
	.question-slider div#n2-ss-5, .question-slider div#n2-ss-5.n2-ss-mobile .n2-ss-slider-1, .question-slider div#n2-ss-5.n2-ss-tablet .n2-ss-slider-1, .question-slider div#n2-ss-5 .n2-ss-slide {
		height: 650px !important;
	}
	
	.question-slider div#n2-ss-5 .n2-ss-layer {
		font-size: 17px !important;
	}
}

@media (max-width: 480px) {
	.question-slider div#n2-ss-5 .n2-ss-layer {
		font-size: 14px !important;
		line-height: 1.75em !important;
	}
	
	.question-slider .n2-ss-slide-active::after {
		font-size: 14px;
		bottom: 8px;
	}
}

/* video */
.vidwrap {
	width: 750px;
	margin-bottom: 30px;
	max-width: 100%;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	padding-bottom: 56.2%;
	height: 0;
}

.vidwrap .video-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.vidwrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

a .video-btn {
	width: 64px;
	height: 64px;
	background: url('http://yeah-education-booking.com/wp-content/uploads/video-btn1.png') left top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

a:hover .video-btn,
a:focus .video-btn {
	background-position: right top;
	transition: none;
}

video {
	width: 100% !important;
	height: auto !important;
}

.down-button {
	padding: 30px 0 !important;
	background-color: #fbfbfb;
}

#link-next {
	padding: 30px 0;
	background-color: #fbfbfb;
}

#wearefor {
	background-color: #fbfbfb;
	text-align: center;
}

#wearefor h2 img {
	max-width: 80%;
}

#wearefor ul {
	margin: 2em 0;
}

#wearefor ul li {
	letter-spacing: .05em;
	font-size: 22.5px;
	line-height: 1.9;
	border: none;
	padding: 0;
}

#wearefor ul li::before {
	left: 0;
	content: "";
	position: relative;
}

#wearefor em {
	font-weight: bold;
	font-style: normal;
	color: #f98444;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#taikan-math-slide, #taikan-math-slide-m, #taikan-math-slide-s, #taikan-math {
	padding-bottom: 80px;
}

#taikan-math {
	padding-bottom: 0;
}

#n2-ss-2-arrow-next {
	overflow: visible !important;
	left: 53% !important;
}

.n2-ss-align {
	padding: 0 !important;
}

#premise {
	padding: 0;
}

#premise .w-narrow p {
	max-width: 780px;
	margin: 0 auto;
	width: 100%;
}

#premise .main-title {
	font-size: 32px;
}

#premise1 {
/*background: url("http://yeah-education-booking.com/wp-content/uploads/bg-paper.jpg") repeat left top;*/
	padding: 0 0 100px;
}

#premise1 img {
	margin: 40px auto 30px;
	width: 60%;
	max-width: 320px;
	min-width: 200px;
}

#premise1 strong {
	color: #f98444;
}

#premise2 {
	background: url("http://yeah-education-booking.com/wp-content/uploads/bg-orange.png") center top;
	color: #fff;
	position: relative;
	padding: 100px 0;
}

#premise2 .main-title {
	color: #fff;
}

#premise2 img {
	max-height: 300px;
	margin: 20px auto;
}

#premise2 strong {
	padding-bottom: 3px;
	background: url("http://yeah-education-booking.com/wp-content/uploads/dot-line-yellow.gif") bottom left repeat-x;
}

/* 
	home other text widgets
*/
#math {
	background: url("http://yeah-education-booking.com/wp-content/uploads/bg-green.png") center top;
}

#math .main-title {
	background: url("http://yeah-education-booking.com/wp-content/uploads/yeah-math2.png") no-repeat center center;
	background-size: 100% auto;
	width: 90%;
	max-width: 799px;
	margin: 0 auto 30px;
	height: 64px;
}

#math .sub-title {
	font-size: 25px;
}

#math .sub-title .math-decoration {
	color: #fae476;
	font-size: 52px;
	font-family: 'Roboto', sans-serif;
	padding: 0 .2em;
	vertical-align: -15%;
}

#math .sub-title strong {
	padding-bottom: 1px;
	background: url("http://yeah-education-booking.com/wp-content/uploads/dot-line-yellow.gif") bottom left repeat-x;
	display: inline-block;
}

.full-width-container {
	position: relative;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#math .lerning-process {
	margin: 50px auto;
	width: 100%;
}

#math .lerning-process:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 90%;
}

#math .lerning-process > .ratio {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#math .ratio {
	background: url("http://yeah-education-booking.com/wp-content/uploads/learning-process2-ja.png") center top no-repeat;
	background-size: 100% auto;
}

#math section h2 {
	text-align: center;
	color: #fff;
	font-size: 41px;
	border-left: 5px solid #fae476;
	border-right: 5px solid #fae476;
	padding: 1em;
	position: relative;
	margin-top: 100px;
}

#math section h2::before {
	border-top: 5px solid #fae476;
	display: block;
	content: "";
	height: 3em;
	position: absolute;
	top: 0;
	left: 0;
	width: 5%;
}

#math section h2::after {
	border-bottom: 5px solid #fae476;
	display: block;
	content: "";
	height: 3em;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5%;
}

#math section h2 .border-rt {
	border-top: 5px solid #fae476;
	display: block;
	content: "";
	height: 3em;
	position: absolute;
	top: 0;
	right: 0;
	width: 5%;
}

#math section h2 .border-rb {
	border-bottom: 5px solid #fae476;
	display: block;
	content: "";
	height: 3em;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 5%;
}

#math .number-decoration {
	background-color: #333;
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	font-family: 'Roboto', sans-serif;
	font-size: 34px;
	display: inline-block;
	vertical-align: 6%;
	line-height: 1.2em;
	text-indent: 2px;
}

#math strong {
	color: #fff;
}

#math section h5 {
	font-size: 19px;
}

#math .profile img {
	min-width: 225px;
}

#teaching-materials, 
#tutor,
#taikan-math-slide,
#taikan-math-slide-m,
#taikan-math-slide-s,
#taikan-math {
	background-color: #fbfbfb;
}

#teaching-materials {
	padding-top: 40px;
}

#teaching-materials .main-title,
#taikan-math .main-title {
	padding: 0;
	position: absolute;
}

#teaching-materials .sub-title {
	margin-bottom: 60px;
}

#taikan-math .sub-title {
	margin-bottom: 20px;
}

#teaching-materials .sub-title::before, 
#tutor .sub-title::before, 
#taikan-math .sub-title::before {
	content: "";
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 2px;
	width: 140px;
	border-top: 4px solid #fa8d78;
	margin-top: -31px;
}

#teaching-materials .textwidget h2, 
#taikan-math .textwidget h2 {
	text-align: center;
	color: #222;
	line-height: 1em;
	margin-bottom: 60px;
	font-size: 56px;
	font-weight: 700;
}

#teaching-materials h3, 
#taikan-math h3 {
	margin-top: 50px;
}

#teaching-materials h3::before, 
#tutor h3::before,
#taikan-math h3::before {
	color: #fa8d78;
}

#teaching-materials .profile {
	margin-bottom: 0;
	margin-top: 50px;
}

#teaching-materials .profile img {
	min-width: 180px;
	margin-right: 30px;
}

html:lang(en) #teaching-materials .math-ranking {
	margin: 30px auto;
}

html:lang(en) #teaching-materials .math-ranking h5 {
	text-align: center;
}

html:lang(en) #teaching-materials .teaching-materials-img {
	display: table;
	margin: 15px auto 0;
}

html:lang(en) .tm-table-container {
	display: table-cell;
}

html:lang(en) .tm-table-container:first-child .tm-table {
	border-left: 2px solid #FA8D78;
}

html:lang(en) .tm-table-container:last-child .tm-table {
	border-right: 2px solid #FA8D78;
}

html:lang(en) .tm-table {
	border-top: 2px solid #FA8D78;
	border-bottom: 2px solid #FA8D78;
	display: table;
}

html:lang(en) .tm-table th, .tm-table td {
	border: 1px solid #FA8D78;
	text-align: center;
	font-size: 80%;
}

html:lang(en) .tm-table tr:nth-child(12) {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	position: relative;
	left: 5px;
}

html:lang(en) .asia {
	color: #FA8D78;
}

html:lang(en) #teaching-materials .math-ranking .secondary-text {
	line-height: 1.4;
	font-size: 13px !important;
}

html:lang(ja) .teaching-materials-img {
	border: 1px solid #fa8d78;
	background-color: #fff !important;
	padding: 3em 2em 1.5em;
	margin: 15px auto 20px;
}

html:lang(ja) .teaching-materials-img p {
	font-size: 100%;
	line-height: 1.75;
}

html:lang(ja) .teaching-materials-img .kansei-text {
	float: left;
	width: 60%;
}

html:lang(ja) .teaching-materials-img img {
	float: left;
	padding: 5px 0 30px 20px;
	width: 40%;
}

html:lang(ja) .teaching-materials-img h4 {
	margin-bottom: 1.5em;
}

#tutor {
	padding-bottom: 50px;
}

#tutor .main-title {
	text-align: center;
	color: #222;
	line-height: 1em;
	margin-bottom: 60px;
	text-transform: none;
	letter-spacing: .04em;
	vertical-align: -.01em;
	font-size: 64.4px;
	font-weight: 500;
}

#tutor .sub-title {
	margin-bottom: 0;
}

#tutor ol {
	margin-left: 2em;
}

#tutor ol li {
	font-size: 16px;
	font-weight: bold;
}

#tutor ol li span {
	font-size: 19px;
	font-weight: 500;
	line-height: 2em;
	padding-left: .4em;
}

#teaching-materials .btn, 
#tutor .btn {
	color: #fff;
	background: #fa8d78;
}

#teaching-materials .btn:hover, #teaching-materials .btn:focus, #teaching-materials .btn:active, 
#tutor .btn:hover, #tutor .btn:focus, #tutor .btn:active {
	background: #f4593b;
}

/* cta */
#cta {
	background: #96ddf1 url("http://yeah-education-booking.com/wp-content/uploads/bg-sky.jpg") no-repeat center bottom;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
}

#cta .main-title {
	height: 1px;
}

#cta .textwidget {
	text-align: center;
}

#cta img {
	max-width: 414px;
	margin: 0 auto 60px;
	width: 90%;
}

#cta .bg-cloud {
	top: 45%;
}

#cta p {
	position: relative;
}

#cta .slider-btn {
	padding-bottom: 0;
	position: relative;
}

/* cta2 */
#cta2 {
	background: url("http://yeah-education-booking.com/wp-content/uploads/bg-paper.jpg") repeat left top;
/*	background-size: cover;
	background-attachment: fixed;
	width: 100%;*/
	padding-top: 0;
	padding-bottom: 100px;
}

#cta2 .main-title {
	height: 1px;
}

#cta2 .main-title.video-title {
	height: auto;
	margin-bottom: 1em;
}

#cta2 .main-title.video-title small {
	display: block;
	margin-top: .75em;
	font-size: .65em;
}

#cta2 .textwidget {
	text-align: center;
}

#cta2 img {
	max-width: 414px;
	margin: 0 auto 60px;
	width: 90%;
}

#cta2 .bg-cloud {
	top: 45%;
}

#cta2 p {
	position: relative;
}

#cta2 .slider-btn {
	padding-bottom: 0;
}

/* cta3 */
#cta3 {
	padding-top: 0;
	padding-bottom: 10px;
}

#cta3 img {
	max-width: 414px;
	margin: 0 auto 60px;
	width: 90%;
}

#cta3 p {
	position: relative;
}

#cta3 .slider-btn {
	padding-bottom: 0;
}

/* cta5 */
#cta5 {
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	padding: 0;
}

/*#cta5 .main-title {
height: 1px;
}*/
#cta5 .textwidget {
	text-align: center;
}

/*
#cta5 img {
	max-width: 414px;
margin: 0 auto 60px;
	width: 100%;
}
*/
#cta5 .bg-cloud {
	top: 45%;
}

#cta5 p {
	position: relative;
}

#cta5 .slider-btn {
	padding-bottom: 0;
	position: relative;
}

/* fun */
#fun {
	background: url("http://yeah-education-booking.com/wp-content/uploads/bg-pink.png") center top;
}

#fun::after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background: url(http://yeah-education-booking.com/wp-content/uploads/bg-origami.png) center top repeat-y;
	position: absolute;
	top: 0;
	background-size: 100% auto;
}

#fun .textwidget {
	position: relative;
	z-index: 1;
}

#fun .main-title {
	color: #fff;
	margin: 0 auto 60px;
}

#fun .sub-title {
	color: #fff;
	letter-spacing: .05em;
	font-size: 22px;
}

#fun .sub-title::before {
	content: "";
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 2px;
	width: 140px;
	border-top: 4px solid #63cced;
	margin-top: -31px;
}

#fun .section-title-wrapper {
	margin-bottom: -.5em;
}

#fun .tg-column-wrapper {
	display: table;
	border-spacing: 50px;
	margin: 0;
}

#fun .blog-content-wrapper .tg-column-3 {
	box-shadow: 0 0 35px #fc694f;
	display: table-cell;
	background-color: #fff;
	float: none;
	width: 33.33%;
}

#fun .blog-block {
	padding: 0;
	position: relative;
}

#fun .blog-img img {
	width: 100%;
}

#fun .blog-block .blog-content-wrapper {
	padding: .5em 2.25em 2em;
}

#fun .blog-block .blog-title {
	margin: 1em 0;
}

#fun p {
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 0;
}

#fun .blog-view {
	margin: 0 auto;
	border-radius: 40px;
	padding: .7em 2em;
	width: 230px;
	font-weight: 500;
	letter-spacing: .1em;
	font-size: 17px;
	background-color: #66cae1;
	border-bottom: none;
}

#fun .blog-view:hover {
	background-color: #f98444;
}

#fun .blog-view::after {
	display: inline-block;
	position: relative;
	left: 10px;
	top: 0;
	font: normal normal normal 21px/1 FontAwesome;
	content: "\f105";
}

#fun a.btn {
	background-color: #63cced;
	color: #fff;
	min-width: 12em;
	padding-top: .65em;
	padding-bottom: .65em;
}

#fun a.btn:hover, #fun a.btn:active, #fun a.btn:focus {
	background-color: #fae476;
}

@media (max-width: 1200px) {
	.home .site-content .widget_text {
		padding-left: 2%;
		padding-right: 2%;
	}
}

@media (min-width: 1101px) {
	#math .lerning-process {
		width: 1074px;
	}
}

@media (min-width: 920px) and (max-width: 1100px) {
	#math .lerning-process {
		width: 120%;
	}
}

@media (max-width: 1100px) {
	#fun .tg-column-wrapper {
		border-spacing: 30px;
		margin: 0 -30px;
	}
}

@media (max-width: 900px) {
	#fun .tg-column-wrapper {
		border-spacing: 15px;
		max-width: none;
	}
	
	#fun .blog-block .blog-content-wrapper {
		padding: .5em 1em 2em;
	}
}

@media (max-width: 768px) {
	html:lang(en) .tm-table-container:first-child, html:lang(en) .tm-table-container:nth-child(2) {
		display: none;
	}
	
	#fun::after {
		background-size: 130% auto;
	}
	
	.blog-content-wrapper .tg-column-wrapper {
		margin-left: -2%;
	}
	
	#fun .tg-column-wrapper {
		display: block;
	}
	
	#fun .blog-content-wrapper .tg-column-3 {
		display: block;
		width: 100%;
		max-width: 420px;
		margin: 0 auto 30px;
	}
}

@media (max-width: 600px) {
	html:lang(ja) .teaching-materials-img {
		padding: 3em 1em 2em;
	}
	
	html:lang(ja) .teaching-materials-img .kansei-text {
		float: none;
		width: initial;
	}
	
	html:lang(ja) .teaching-materials-img img {
		float: none;
		margin: 10px auto 25px;
		padding-left: 0;
		padding-bottom: 0;
		display: block;
		width: 60%;
		min-width: 250px;
	}
	
	#math .lerning-process:before {
		padding-top: 364%;
	}
	
	#math .ratio {
		background: url("http://yeah-education-booking.com/wp-content/uploads/learning-process2-ver-ja-s.png") center top no-repeat;
		background-size: 100% auto;
	}
	
	#fun .blog-content-wrapper .tg-column-3:nth-child(1) {
		margin-left: auto;
	}
	
	#teaching-materials .profile img {
		margin-right: auto;
	}
}

@media (max-width: 480px) {
	html:lang(en) .tm-table-container:nth-child(3) {
		display: none;
	}
	
	#wearefor ul {
		margin: 2em 0;
	}
	
	#wearefor ul li {
		font-size: 16px;
	}
	
	#premise1 {
		padding: 0 0 60px;
	}
	
	#premise1 .main-title {
		font-size: 27px;
		padding: 0;
	}
	
	#premise2 {
		padding: 60px 0;
	}
	
	#premise img {
		margin: 30px auto;
	}
	
	#premise .main-title {
		font-size: 27px;
	}
	
	.home .textwidget h3 {
		font-size: 17px;
		margin-top: 35px;
	}
	
	.home .textwidget h3::before {
		font-size: 28px;
		line-height: 18px;
		vertical-align: middle;
	}
	
	.home p {
		font-size: 16px;
	}
	
	.home section.widget_text {
		padding: 60px 0;
	}
	
	#math .main-title {
		margin: 0 auto 10px;
	}
	
	#math .sub-title {
		font-size: 20px;
	}
	
	#math .sub-title .math-decoration {
		font-size: 30px;
		vertical-align: -3%;
	}
	
	#math .full-width-container {
		margin: 20px auto;
	}
	
	#math section h2 {
		font-size: 22px;
		margin-top: 50px;
	}
	
	#math .number-decoration {
		font-size: 24px;
		vertical-align: 12%;
	}
	
	#teaching-materials .textwidget h2, #taikan-math .textwidget h2 {
		font-size: 27px;
	}
	
	#teaching-materials .sub-title, #taikan-math .sub-title {
		margin-bottom: 35px;
	}
	
	#teaching-materials .profile img {
		display: block;
	}
	
	#teaching-materials .profile .profile-text {
		display: block;
		padding: 0;
		margin-top: 1em;
	}
	
	#tutor .main-title {
		font-size: 50px;
	}
	
	#tutor ol li span {
		font-size: 16px;
	}
	
	#fun .sub-title {
		font-size: 17px;
	}
	
	#fun p {
		font-size: 14px;
	}
}

/* 
	home slider 
*/
#home.slider-wrapper {
	overflow: hidden;
	background-color: #b8e8f6;
	z-index: 0;
}

#home.slider-wrapper .bxslider {
	background: url("http://yeah-education-booking.com/wp-content/uploads/bg-math.png") no-repeat center center;
	background-attachment: fixed;
	background-size: 100% auto;
}

.bg-cloud {
	background: url("http://yeah-education-booking.com/wp-content/uploads/bg-cloud.png") no-repeat center bottom;
	background-size: contain;
	width: 1235px;
	height: 400px;
	position: absolute;
	max-width: 90%;
	top: 70%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#home.slider-wrapper .parallax-overlay {
	background: none;
}

#home.slider-wrapper figure {
	position: absolute;
	z-index: -1;
	width: 100%;
}

#home.slider-wrapper figure img {
	width: 100%;
	min-height: 600px;
}

#home.slider-wrapper .tg-container {
	z-index: 1;
	position: relative;
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	padding: 50px 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
}

#home.slider-wrapper .tg-container::after {
	background: transparent url("http://yeah-education-booking.com/wp-content/uploads/bg-sky-bottom.png") no-repeat scroll center center;
	background-size: cover;
	display: block;
	content: "";
	width: 100%;
	height: 184px;
	position: absolute;
	bottom: 0;
}

#home.slider-wrapper .tg-container h3 {
	display: none;
}

#home.slider-wrapper .slider-readmore {
	display: none;
}

html:lang(en) #home.slider-wrapper h1 {
	color: #fff;
	font-size: 64px;
	letter-spacing: .15em;
	line-height: 1.3;
	margin-top: 15px;
}

html:lang(en) #home.slider-wrapper h1 span {
	color: #000;
	font-size: 130%;
	text-transform: uppercase;
}

#home.slider-wrapper .caption-sub {
	font-size: 18px;
	color: #000;
	z-index: 1;
	position: relative;
	display: block;
	padding: 0 15px;
	line-height: 1.75em;
	font-weight: 500;
}

html:lang(ja) #home.slider-wrapper .caption-sub {
	letter-spacing: .11em;
}

#home.slider-wrapper .caption-sub strong {
	color: #111;
/*	color: #fff;*/
	font-weight: bold;
	font-size: 20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: url("http://yeah-education-booking.com/wp-content/uploads/dot-line-white.gif") bottom left repeat-x;
	display: inline-block;
	line-height: 1em;
	padding-bottom: 5px;
}

#home.slider-wrapper .caption-sub img.wp-image-329 {
	max-width: 429px;
	width: 70%;
	height: auto;
	margin: 0 auto 50px;
}

#home.slider-wrapper .caption-sub img.wp-image-334 {
	max-width: 562px;
	width: 100%;
	height: auto;
	margin: 20px auto 30px;
}

html:lang(en) .slider-text {
	margin: 40px auto;
	font-weight: 500;
	color: #222;
	max-width: 720px;
}

html:lang(ja) .slider-text {
	margin: 40px 0 20px;
}

#home.slider-wrapper .tagline {
	max-width: 600px;
}

#home.slider-wrapper .tagline img {
	max-height: 36px;
	margin: .2em 0;
}

.slider-btn {
	padding-bottom: 40px;
	margin-top: 30px;
}

.slider-btn a {
	border-radius: 5px;
	color: #FFF;
	display: inline-block;
	font-size: 16px;
	line-height: 50px;
	letter-spacing: .11em;
	margin: 20px 15px 0;
	padding: 0 15px;
	width: 250px;
	text-transform: uppercase;
	font-weight: bold;
}

.slider-btn .slider-btn-trial {
	background-color: #f98444;
}

.slider-btn .slider-btn-trial:hover {
	background-color: #fd9c68;
}

.slider-btn .slider-btn-login {
	background-color: #fff;
	color: #41b9e5;
}

.slider-btn .slider-btn-login:hover {
	background-color: #41b9e5;
	color: #fff;
}

.slider-btn-trial a::after {
	position: relative;
	left: 8px;
	top: 1px;
	content: "/f105";
	font-family: FontAwesome;
	font-size: 130%;
	line-height: 1em;
	transition: color .2s ease 0;
}

@media (max-width: 768px) {
	html:lang(en) #home.slider-wrapper h1 {
		font-size: 48px;
	}
	
	#home.slider-wrapper .caption-sub {
		line-height: 1.75em;
	}
	
	#home.slider-wrapper .math-brain {
		width: 100px;
	}
}

@media (max-width: 480px) {
	html:lang(en) #home.slider-wrapper h1 {
		font-size: 30px;
	}
	
	#home.slider-wrapper .bxslider {
		background-size: 150% auto;
	}
	
	#home.slider-wrapper .caption-sub {
		font-size: 14px;
		letter-spacing: .05em !important;
	}
	
	#home.slider-wrapper .caption-sub strong {
		font-size: 100%;
	}
	
	#home.slider-wrapper .caption-sub img.wp-image-329 {
		margin-bottom: 30px;
	}
	
	#home.slider-wrapper .caption-sub img.wp-image-334 {
		width: 100%;
		min-width: 0;
		margin-bottom: 10px;
	}
	
	#home.slider-wrapper .math-brain {
		width: 80px;
	}
	
	.slider-btn {
		padding-bottom: 0;
	}
}

/* -----------------
	navi
 ----------------- */
/*
	changing menu collapse point
*/
@media (max-width: 1270px) {
	.logged-in.customize-support .header-wrapper.stick, .home.logged-in.customize-support .header-wrapper {
		top: 46px;
	}
	
	#site-navigation .menu, #site-navigation ul {
		float: left;
		list-style: outside none none;
		margin: 0;
		width: 95%;
		padding: 10px 0 0;
	}
	
	#site-navigation .menu li:first-child, #site-navigation .menu li {
		margin-left: 20px;
		float: none;
	}
	
	#site-navigation .menu-primary-container, #site-navigation div.menu {
		background: #fff none repeat scroll 0 0;
		left: 0;
		position: absolute;
		top: 100%;
		width: 100%;
		display: none;
		z-index: 99;
	}
	
	.header-wrapper .tg-container {
		padding: 0 20px;
		width: 100%;
	}
	
	.home-search {
		padding-right: 1%;
	}
	
	.menu-toggle {
		display: block;
		background: rgba(0,0,0,0) url("http://yeah-education-booking.com/wp-content/uploads/toggle.png") no-repeat scroll center center;
		height: 21px;
		width: 30px;
		cursor: pointer;
		margin: 18px 10px;
	}
	
	.header-wrapper.stick .menu-toggle {
		margin: 18px 10px;
	}
	
	#site-navigation .menu li:first-child, #site-navigation .menu li, .header-wrapper.stick #site-navigation .menu li {
		border-bottom: 1px solid rgba(255,255,255,0.5);
		float: none;
		line-height: 50px !important;
		margin-left: 20px;
		width: 100%;
	}
	
	.home .header-wrapper #site-navigation .menu-primary-container {
		top: 65px;
	}
	
	.header-wrapper #site-navigation .menu-primary-container, .header-wrapper.stick #site-navigation .menu-primary-container {
		top: 58px;
	}
	
	#site-navigation .menu, #site-navigation ul {
		width: 100%;
	}
	
	#site-navigation .menu li a {
		color: #222 !important;
	}
	
	#site-navigation .menu li#menu-item-2132, #site-navigation .menu li#menu-item-139 {
		padding: 0 20px !important;
		margin: 0;
	}
	
	#site-navigation .menu li#menu-item-137, #site-navigation .menu li#menu-item-2909 {
		background-color: #41b9e5 !important;
		padding: 0 20px !important;
		margin-left: 0;
	}
	
	#site-navigation .menu li#menu-item-137:hover, #site-navigation .menu li#menu-item-2909:hover {
		background-color: #fff !important;
	}
	
	#site-navigation .menu li#menu-item-2132 a, #site-navigation .menu li#menu-item-139 a, #site-navigation .menu li#menu-item-137 a, #site-navigation .menu li#menu-item-2909 a, #site-navigation .menu li#menu-item-137::after, #site-navigation .menu li#menu-item-2909::after {
		color: #fff !important;
	}
	
	#site-navigation .menu li#menu-item-137:hover a, #site-navigation .menu li#menu-item-2909:hover a, #site-navigation .menu li#menu-item-137:hover::after, #site-navigation .menu li#menu-item-2909:hover::after {
		color: #41b9e5 !important;
	}
}

/* 
	header navi
*/
.header-wrapper .tg-container {
	width: 100%;
	padding: 0 0 0 20px;
}

.home .header-wrapper.transparent.stick {
	background-color: #fff;
}

.header-wrapper.non-transparent, 
.header-wrapper.transparent, 
.header-wrapper.non-stick {
	background-color: #fff;
	padding: 0;
	position: fixed;
	z-index: 2;
	width: 100%;
}

.header-wrapper.transparent, .header-wrapper.transparent.non-stick {
	background-color: rgba(255,255,255,0.6);
	padding: 10px 0;
}

.non-transparent .header-wrapper {
	background-color: #fff !important;
}

#masthead .header-wrapper .logo {
	padding: 0;
}

.home #masthead .header-wrapper .logo img {
	padding-top: 4px;
}

#masthead .header-wrapper.stick .logo img, .home #masthead .header-wrapper.stick .logo img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

#masthead .header-wrapper .logo img, 
#masthead .header-wrapper.stick .logo img {
	padding: 5px 0 7px;
	width: 92px;
}

.header-wrapper.stick #site-navigation .menu li {
	line-height: 58px;
}

#site-navigation .menu li a {
	color: #222;
	font-size: 14px;
	font-weight: 500;
}

.home #site-navigation .menu li a {
	color: #fff;
}

.header-wrapper.stick #site-navigation .menu li a, 
.header-wrapper.no-slider #site-navigation .menu li a {
	color: #222;
}

#site-navigation .menu li#menu-item-2132,
#site-navigation .menu li#menu-item-139 {
	padding: 0 18px;
	background-color: #f98444;
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-o-transition: background-color .2s ease;
	transition: background-color .2s ease;
	margin-left: 0;
}

#site-navigation .menu li#menu-item-2132:hover, 
#site-navigation .menu li#menu-item-139:hover {
	background-color: #fd9c68;
}

#site-navigation .menu li#menu-item-2132 a, 
#site-navigation .menu li#menu-item-139 a {
	color: #fff;
	font-weight: bold;
}

#site-navigation .menu li#menu-item-137,
#site-navigation .menu li#menu-item-2909 {
	padding: 0 18px;
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-o-transition: background-color .2s ease;
	transition: background-color .2s ease;
	background-color: #fff;
}

#site-navigation .menu li#menu-item-137:hover, 
#site-navigation .menu li#menu-item-2909:hover {
	background-color: #41b9e5;
}

#site-navigation .menu li#menu-item-137 a, 
#site-navigation .menu li#menu-item-2909 a {
	color: #41b9e5;
	font-weight: bold;
}

#site-navigation .menu li#menu-item-137:hover a, 
#site-navigation .menu li#menu-item-2909:hover a, 
#site-navigation .menu li#menu-item-137:hover::after, 
#site-navigation .menu li#menu-item-2909:hover::after {
	color: #fff;
}

.home-search {
	display: none;
}

#site-navigation .menu-primary-container, #site-navigation div.menu {
	background-color: #fff;
}

@media (max-width: 480px) {
	#site-navigation .menu li:first-child, #site-navigation .menu li, .header-wrapper.stick #site-navigation .menu li {
		line-height: 40px !important;
	}
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) and (max-width: 480px) {
	/* IE10+ */
	#masthead .header-wrapper .logo img, #masthead .header-wrapper.stick .logo img, .home #masthead .header-wrapper .logo img, .home #masthead .header-wrapper.stick .logo img {
		display: none;
	}
	
	#masthead .header-wrapper .logo a::before, #masthead .header-wrapper.stick .logo a::before, .home #masthead .header-wrapper .logo a::before, .home #masthead .header-wrapper.stick .logo a::before {
		content: url('http://yeah-education-booking.com/wp-content/uploads/yeah-education-ie.png');
		width: 74px;
		height: 36px;
		margin: 9px 0 7px;
		display: block;
	}
}

/* 
	scrollup
*/
.scrollup {
	z-index: 999;
}

.scrollup:hover {
	background-color: #32c4d1;
}

/* 
	footer
*/
#colophon.footer-with-widget {
	margin-top: 0;
}

#top-footer {
	background-color: #fff;
	padding: 90px 0 25px;
}

#top-footer, #top-footer a {
	color: #474747;
	font-size: 14px;
}

#footer1-text {
	font-size: 12px;
	margin-bottom: 10px;
}

#footer1-text .footer-logo {
	display: block;
	width: 123px;
	margin-bottom: 15px;
}

#footer1-text .textwidget {
	text-align: left;
	font-weight: 300;
}

#top-footer .widget ul li {
	border-bottom: 1px solid #E1E1E1;
}

#top-footer #polylang-2.widget ul li {
	border-bottom: none;
	text-transform: uppercase;
	text-align: left;
}

#top-footer #polylang-2.widget ul li::before {
	left: 0;
	content: "\f0ac";
	font-size: 140%;
}

#footer2-menu ul li::before, 
#footer3-menu ul li::before {
	left: 0;
	content: "";
}

#footer2-menu ul li, 
#footer3-menu ul li {
	padding-left: 2px;
}

#bottom-footer {
	background-color: #f7f7f7;
}

.copyright {
	color: #474747;
	font-weight: 300;
}

.footer-nav ul {
	padding: 5px 0;
}

.footer-nav li a {
	color: #474747;
	font-size: 11px;
	text-transform: uppercase;
}

#footer-layout-one ul li {
	border: none;
}

#footer-layout-one ul li:nth-child(1) {
	margin-left: 0;
}


@media (max-width: 768px) {
	.footer-nav {
    	float: none;
	}
  	.footer-nav li {
    	float:none;
  		display: inline-block;
  	}
}

@media (min-width: 601px) {
	#top-footer .tg-column-3 ul li:nth-last-child(1) {
		border-bottom: none;
	}
}

@media (max-width: 600px) {
	#footer1-text .textwidget {
		text-align: center;
	}
	
	#polylang-2.widget ul {
		display: inline-block;
	}
	
	#footer1-text .footer-logo {
		margin: 0 auto 15px;
	}
	
	#footer2-menu {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	#footer3-menu ul li:nth-last-child(1) {
		border-bottom: none;
	}
}

@media (max-width: 480px) {
	.header-wrapper .tg-container {
		width: 100%;
		padding: 0 0 0 10px;
	}
	
	#masthead .header-wrapper .logo img, #masthead .header-wrapper.stick .logo img, .home #masthead .header-wrapper .logo img, .home #masthead .header-wrapper.stick .logo img {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	
	.menu-toggle {
		margin: 18px 10px;
	}
	
	.scrollup {
		right: 15px;
		bottom: 15px;
	}
}

/* 
	blog
*/
.blog #primary > article:nth-last-child(1), 
.blog #secondary .widget ul li:nth-last-child(1), 
.single #primary > article:nth-last-child(1), 
.single #secondary .widget ul li:nth-last-child(1), 
.archive #primary > article:nth-last-child(1), 
.archive #secondary .widget ul li:nth-last-child(1) {
	border-bottom: none;
}

body.archive #primary article:nth-last-child(1) {
	border-bottom: none;
}

body.single #content, 
body.archive #content {
	margin-top: 120px;
}

#comments {
	border-top: none;
	margin-bottom: 100px;
}

.comment-meta .comment-permalink {
	height: 0;
	width: 0;
	line-height: 0;
	overflow: hidden;
}

/*
	post page
*/
.blog .entry-header {
	height: 400px;
	position: relative;
	margin-bottom: 60px;
}

.blog .media-cover {
	background: rgb(250,254,255) url("http://yeah-education-booking.com/wp-content/uploads/hero-yeah-fun.jpg") no-repeat scroll center bottom;
}

.blog .media-cover::after {
	opacity: .1;
	filter: alpha(opacity=10);
}

.blog h1.hero-title {
	margin: 0;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: transparent url("http://yeah-education-booking.com/wp-content/uploads/yeah-fun.png") no-repeat scroll center center;
	background-size: 100% auto;
	width: 601px;
	max-width: 90%;
	height: 180px;
	text-align: center;
}

/* -----------------
	Temporary
 ----------------- */
#polylang-2, #menu-item-1533-en, #site-navigation .menu li#menu-item-139 {
	display: none;
}

.post-password-form {
	z-index: 1;
	position: relative;
}

/*.menu-toggle {
	margin-right: 0;
}*/
@media (max-width: 480px) {
	.header-wrapper .tg-container {
		padding: 0 10px;
	}
}

.ribbon-container {
	position: relative;
	width: 240px;
	margin: 60px auto 100px;
}

.ribbon {
	width: 240px;
	position: absolute;
	text-align: center;
	font-size: 15px !important;
	background: #f98444;
}

.ribbon h6 {
	color: #fff;
	margin: 0;
	padding: 10px;
	letter-spacing: .1em;
}

.ribbon:before, .ribbon:after {
	content: '';
	position: absolute;
	display: block;
	bottom: -.75em;
	border: 1em solid #f98444;
}

.ribbon:before {
	left: -2em;
	border-right-width: 1.75em;
	border-left-color: transparent;
}

.ribbon:after {
	right: -2em;
	border-left-width: 1.75em;
	border-right-color: transparent;
}

.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
	border-color: #a6623d transparent transparent;
	position: absolute;
	display: block;
	border-style: solid;
	bottom: -.75em;
	content: '';
}

.ribbon .ribbon-content:before {
	left: 0;
	border-width: .75em 0 0 .75em;
}

.ribbon .ribbon-content:after {
	right: 0;
	border-width: .75em .75em 0 0;
	z-index: 1;
}

/* -----------------
	PRINT
 ----------------- */
.print {
	display: none;
}

@media print {
	.print {
		display: block !important;
	}
	
	header, nav, footer, .screen, .ribbon, .lerning-process, .scrollup, .btn-next, #home figure, .logo, .btn, .blog-view, #home.slider-wrapper .tg-container::after, #teaching-materials .profile a {
		display: none !important;
	}
	
	img {
		max-width: 300px;
	}
	
	h1 {
		font-size: 21px !important;
	}
	
	h2 {
		font-size: 18px !important;
	}
	
	h3 {
		font-size: 15px !important;
	}
	
	h4 {
		font-size: 14px !important;
	}
	
	h5 {
		font-size: 13px !important;
	}
	
	h6 {
		font-size: 12px !important;
	}
	
	p, li, #tutor ol li span {
		font-size: 12px !important;
	}
	
	p.secondary-text {
		font-size: 10px !important;
	}
	
	.profile-title {
		font-size: 9px;
	}
	
	#page::before {
		content: url(http://yeah-education-booking.com/wp-content/uploads/yeah-education-print.png);
		position: absolute;
		top: 0;
		left: 15px;
		z-index: 999;
	}
	
	#home.slider-wrapper .tg-container {
		padding: 0;
	}
	
	#home.slider-wrapper .caption-sub img.wp-image-1603 {
		width: 172px;
		display: block;
	}
	
	#home.slider-wrapper .caption-sub img.wp-image-1605 {
		width: 225px;
		display: block;
	}
	
	html:lang(ja) .slider-text {
		font-size: 13px;
	}
	
	#home.slider-wrapper .caption-sub strong {
		font-size: 13px;
	}
	
	.home .textwidget h3 {
		margin-top: 30px;
	}
	
	.home section.widget_text {
		padding: 20px 0;
	}
	
	#premise .main-title {
		font-size: 20px;
	}
	
	#premise1, #premise2 {
		padding: 0;
	}
	
	#premise1 img {
		max-width: 200px;
	}
	
	#premise2 img {
		max-width: 250px;
	}
	
	#premise2, #premise2 .main-title {
		color: #222;
	}
	
	#math h2.sub-title {
		background: none;
	}
	
	#math h2.sub-title .print {
		width: 202px;
		margin: 0 auto 20px;
	}
	
	#math section img {
		margin: 0 auto;
	}
	
	#math section h2 {
		margin-top: 20px;
	}
	
	#math .sub-title .math-decoration {
		font-size: 28px !important;
	}
	
	#math .number-decoration {
		font-size: 20px;
	}
	
	#teaching-materials .textwidget h2, #tutor h2.main-title {
		font-size: 35px !important;
	}
	
	#fun h2.main-title .print {
		width: 117px;
		margin: 0 auto 60px;
	}
	
	#fun .tg-column-3 {
		width: 170px;
		box-shadow: none !important;
	}
	
	#cta .print {
		width: 166px;
		margin: 0 auto 20px;
		display: block;
		position: relative;
		z-index: 999999;
	}
	
	.hero {
		width: 100% !important;
	}
	
	.white-title {
		width: 100% !important;
	}
	
	.item span {
		height: initial !important;
	}
}