/*Theme Name: PLS 2025
Theme URI: http://underscores.me/
Author: It-pln Corp;
Author URI: http://underscores.me/
Description: 英会話教室PLS様専用のテーマファイルです。Wordpress6.8系統への更新に伴いテーマファイルも更新しました。
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pls-2025
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

pls is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*発音記号フォント*/
@font-face {
	font-family: AglaiaPhoneticSymbol;
	src: url(../fonts/AglaiaPhoneticSymbol.ttf);
	src: url(../fonts/AglaiaPhoneticSymbol.otf);
	src: url(../fonts/AglaiaPhoneticSymbol.woff);
}

@media (max-width:767px) {
	.hatsuonf {
		font-family: AglaiaPhoneticSymbol;
	}

	.hatsuonf_widget {
		font-size: 19pt;
	}

	.hatsuonf_widget a {
		text-decoration: none;
	}

	.hatsuonf_widget a:hover {
		color: #ff6600;
	}

	.hatsuonf_widget2 {
		font-size: 13pt;
	}

	.hatsuonf_widget2 a {
		text-decoration: none;
	}

	.hatsuonf_widget2 a:hover {
		color: #ff6600;
	}
}


@media (min-width:768px) {
	.hatsuonf {
		font-family: AglaiaPhoneticSymbol;
	}

	.hatsuonf_widget {
		font-size: 19pt;
	}

	.hatsuonf_widget a {
		text-decoration: none;
	}

	.hatsuonf_widget a:hover {
		color: #ff6600;
	}

	.hatsuonf_widget2 {
		font-size: 13pt;
	}

	.hatsuonf_widget2 a {
		text-decoration: none;
	}

	.hatsuonf_widget2 a:hover {
		color: #ff6600;
	}
}

.kigou_s {
	font-family: AglaiaPhoneticSymbol;
	font-size: 25px;
}


.kigou {
	font-family: AglaiaPhoneticSymbol;
	font-size: 25px;
	font-weight: normal;
}


.kigou_b {
	font-family: AglaiaPhoneticSymbol;
	font-size: 45px;
}

.kigou_font {
	font-family: AglaiaPhoneticSymbol;
	font-size: 40px;
}



/*--------------------------------------------------------------
# 発音記号一覧ページ
--------------------------------------------------------------*/
.hidden_2 {
	display: none;
}

/*発音記号一覧_オンマウスで単語変更*/
a.showf span.mae {
	display: inline;
	color: #000;
}

a.showf:hover span.mae {
	display: none;
}

a.showf span.ushiro {
	display: none;
}

a.showf:hover span.ushiro {
	display: inline;
	color: #000;
	font-weight: bold;
}

/*発音記号一覧_リンク*/
#hatsuon_ichiran_link {
	position: relative;
}

#hatsuon_ichiran_link a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width:1019px) {
	.res_br:before {
		content: "\A";
		white-space: pre;
	}
}


/*フォント設定*/
html {
	font-family: Helvetica, "メイリオ", sans-serif;

	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-family: Helvetica, "メイリオ", sans-serif;
	margin: 0;
}

p {
	font-family: Helvetica, "メイリオ", sans-serif;
}

article,
aside,
details,
figcaption,
figure,
header,
main,
hgroup,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}


pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	line-height: 1.3;
	color: #000;
	font-size: 16px;
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {

	body,
	button,
	input,
	select,
	textarea {

		line-height: 1.5;
		color: #000;
		font-size: 16px;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	color: #17605e;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}


body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto !important;
	/* Make sure images are scaled correctly. */
	max-width: 100% !important;
	/* Adhere to container width. */
}

/*--------------------------------------------------------------
# Forms メインメニューがボタンに変わった時の装飾
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #175e60;
}

a:visited {
	color: #175e60;
}


a:hover,
a:focus,
a:active {
	color: #000;
}


a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}


/*★こっち使う*/
@media screen and (max-width: 767px) {
	label {
		background-color: #f1f1f1;
		color: #777;
		border-radius: 10px;
		padding: 10px;
		display: block;
		margin: 20% 0% 1% 0%;
		border: 1px solid #777;
		cursor: pointer;
		position: relative;
		z-index: 2;
	}

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



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

/*ここまで*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}



/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
wp .comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: block !important;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*タブレット*/
.aboutpls_pankuzu {
	width: 90%;
	margin: 0px auto;
	max-width: 1100px;
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (max-width:768px) {
	.aboutpls_pankuzu {
		width: 80%;
	}
}


/* 全固定ページで非表示 */
.page .entry-title {
	display: none;
}

/* 全投稿ページで非表示 */
.post .entry-title {
	display: none;
}

/* 特定の投稿IDで非表示 .post-<ID>(例:post=77)*/
.post-77 .entry-title {
	display: none;
}

header {
	max-width: 100%;
}

#main {
	margin: 0px auto;
}


/*PC用*/
/*10/06変更*/
@media (min-width:1020px) {}

#mainh {
	float: left;
	width: 90%;
	margin: 10px 10px 10px 0px;
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	#mainh {
		float: left;
		width: 80%;
		margin: 10px 10px 10px 0px;
	}
}

.green {
	color: #17605e;
}



/*--------------------------------------------------------------
## TOPページ中のメニュー 09/04変更
--------------------------------------------------------------*/

/*真ん中メニューのウィジェット*/
.top_wiginfo_margin {
	margin: 2% 0% 2% 2%;
}

@media (min-width:768px) {

	.menu-items-num-7 li {
		width: 14.2%;
	}

	.menu-items-num-8 li {
		width: 12.5%;
	}

	.menu-items-num-9 li {
		width: 11.1%;
	}
}


#rightbar {
	float: right;
	height: 498px;
	margin: 10px 0px;
}


/*TOPページ右メニュー教室情報のラインの設定*/
.kiiro {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #f5a722;
	border: 0;
}

/*TOPページの右メニュー教室情報の行間*/
.gyoukan {
	line-height: 1.2;
}






/*マップを配置する予定のところにおいてる仮のもの*/
#karimap {
	width: 90%;
	height: 400px;
	background-color: #e2e2e2;
	margin: 0 auto;
	font-weight: bold;
}


/*レスポンシブ仮*/
/*全体マップの白背景の幅*/
.hatuonm_about {
	height: auto;
	background-color: #fff;
	margin: 0 auto;
	padding: 1%;
}

/*全体マップの白背景の幅2*/
.hatuonm_about2 {
	height: auto;
	background-color: #fff;
	margin: 0 auto;
	padding: 1%;
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	.hatuonm_about {
		height: auto;
		background-color: #fff;
		margin: 0 auto;
		padding: 30px;
	}

	.hatuonm_about2 {
		height: auto;
		background-color: #fff;
		margin: 0 auto;
		padding: 30px;
	}
}


/*教室案内ページの白背景の設定*/
.shiro {
	height: auto;
	background-color: #fff;
	margin: 0 auto;
	border: 1px solid #e2e2e2;
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	.shiro {
		background-color: #fff;
		margin: 0 auto;
	}
}


/*タブ内の文字の位置設定*/
.moziichi {
	padding: 4%;
}



/*--------------------------------------------------------------
## 以下のタブ設定はいらない部分もある？－没になったｃｓｓのタブ
--------------------------------------------------------------*/

/*タブ表示*/
div#tab-unit,
h3.tab,
h3.tab a,
div.tab-target,
div.tab-content,
div.tab-content p {
	margin: 0;
	/*ここ消したらタブ下がる*/
	padding: 0;

}

div#tab-unit {
	position: relative;
	width: 100%;
	height: 920px;
	margin: 0px auto;
}

h3.tab {
	position: absolute;
	top: -40px;
}

h3.tab a {
	display: block;
	width: 230px;
	height: 40px;
	box-sizing: border-box;
	padding: 5px 20px;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	line-height: 25px;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	cursor: default;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #eee;
}

h3.tab a {
	background-color: #edf7f6;
}


div.tab-content {
	background-color: #edf7f6;
}

/*ポインタが乗った時の文字の色*/
h3.tab a:link,
h3.tab a:visited,
h3.tab a:active,
div.tab-content {
	color: #000;
}

h3.tab a:hover {
	background: #61aaa3;
}

div.tab-target {
	position: fixed;
	top: 0;
	width: 0;
	line-height: 0;
	visibility: hidden;
}

div#tab-target-1+div.tab-content h3.tab {
	left: -1px;
	z-index: 20;
}

div#tab-target-2+div.tab-content h3.tab {
	left: 230px;
}

div#tab-target-3+div.tab-content h3.tab {
	left: 460px;
}

div#tab-target-4+div.tab-content h3.tab {
	left: 690px;
}

div#tab-target-1+div.tab-content {
	z-index: 10;
}

div#tab-target-1+div.tab-content h3.tab a {
	border-left: 1px solid #e2e2e2;
}

div#tab-target-1:target+div.tab-content,
div#tab-target-2:target+div.tab-content,
div#tab-target-3:target+div.tab-content,
div#tab-target-4:target+div.tab-content {
	z-index: 100;
}

div.tab-content {
	position: absolute;
	top: 25px;
	left: 0;
	width: 100%;
	height: 1510px;
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #e2e2e2;
}

/*タブ内のレイアウト*/
#tabnaka {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 5% 0px 0px;
	background-color: #edf7f6;
}

#tabnaka2 {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 5% 0px 0px;
	background-color: #edf7f6;
}

/*レスポンシブ*/
/*768px以上（PC）用*/
/*タブ内のレイアウト*/
@media (min-width:768px) {
	#tabnaka {
		width: 80%;
		margin: 0px auto;
		padding: 5% 0px 0px;
		background-color: #edf7f6;
	}

	#tabnaka2 {
		width: 80%;
		height: auto;
		margin: 0px auto;
		padding: 5% 0px 0px;
		background-color: #edf7f6;
	}
}



/*見出しの設定*/
/*divの中で画像とテキストの高さを中央にする*/
.midashi p {
	display: inline-block;
	vertical-align: middle;

}

/*見出しの装飾*/
.midashi2 {
	height: auto;
	background-color: #b3ddda;
	border-radius: 5px;
	padding: 0 10px;

}

/*見出しの設定2*/
.midashi3 {
	padding: 2%;
	width: auto;
	height: auto;
	background-color: #b3ddda;
	border-radius: 5px;

}

/*レスポンシブ*/
/*768px以上（PC）用*/
/*divの中で画像とテキストの高さを中央にする*/
@media (min-width:768px) {
	.midashi p {
		display: inline-block;
		vertical-align: middle;

	}

	/*小見出し*/
	.midashi2 {
		width: auto;
		height: 60px;
		background-color: #b3ddda;
		border-radius: 5px;
		padding: 0 10px;
	}

	.midashi3 {
		padding: 2%;
		width: auto;
		height: 50px;
		background-color: #b3ddda;
		border-radius: 5px;

	}
}

/*教室案内ページのタイトルバーの設定*/
/*divの中で画像とテキストの高さを中央にする*/
.annaimidashi p {
	display: inline-block;
	vertical-align: middle;

}

/*教室案内ページのタイトルバーの装飾*/
.annaimidashi2 {
	width: auto;
	height: 55px;
	color: #fff;
	background-color: #61aaa3;
	padding: 0 10px;

}


/*ミニ講座下アイコン_ログイン_お問い合わせ_ブログアイコン*/
#leftnavi {
	float: left;
	width: 310px;
	height: 100px;
	margin: 10px 10px 10px 0px;
}

#rightnavi {
	float: left;
	width: 310px;
	height: 100px;
	margin: 10px 0px 10px 10px;
}

#centernavi {
	float: left;
	width: 310px;
	height: 100px;
	margin: 10px 0px 10px 0px;
}

#icon {
	width: 101%;
	margin: 0px auto;
	margin-right: -15px;
}

.leftnavi {
	float: left;
	width: 34%;
	margin: 10px 10px 10px 0px;
}


/*名前が重複してる？*/
.rightnavi {
	float: left;
	width: 32%;
	margin: 10px 0px 10px 10px;
}

.contents {
	float: left;
	width: 32%;
	margin: 10px 0px 10px 0px;
}



/*--------------------------------------------------------------
## フッター
--------------------------------------------------------------*/



.h_image {
	border: dashed 1px #999;
	margin-top: 10px;
}


/*重複してる？*/
/*divの中で画像とテキストの高さを中央にする*/
.hatuonm p {
	display: inline-block;
	vertical-align: middle;

}

.hatuonm2 {
	width: 100%;
	height: 70px;
	color: #fff;
	font-weight: bold;
	background-color: #61aaa3;

}

#karimap {
	width: 90%;
	height: 400px;
	background-color: #e2e2e2;
	margin: 0 auto;
	font-weight: bold;
}


/*--------------------------------------------------------------
## 発音ミニ講座ページ
--------------------------------------------------------------*/


.i {
	margin-left: -43px;
	margin-bottom: -18px;
}

.i a {
	text-decoration: none;
}


/*レスポンシブ*/
/*09/07 追記*/
/*768px以上（PC）用*/
@media (min-width:768px) {}


/*09/03*/
.minikouza_column {
	margin-left: 2%;
}

/*m*/

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	.minikouza_column {
		margin-left: 10%;
	}
}

/*発音ミニ講座_上2段目：音の組み合わせ*/
.minikouza_ondokurensyu {
	border-top: #999 solid 1px;
	padding: 10px 0px 10px 15px;
}

/*枠*/
.kouza {
	border: #61aaa3 solid 1px;
	margin: 0px auto;
}


/*----------------------------------------------------
   発音の得する知識ページ（レスポンシブ対応）　09/07追記
----------------------------------------------------*/



/*外枠用テーブル*/
/*このメディアクエリ消したいけど保留*/
@media only screen and (max-width:480px) {
	.chishiki_tbl {
		padding: 0 02%;	/* 2025 edit */
	}

	.chishiki_tbl td {
		width: auto;
		display: block !important;
		border-top: none;
		margin-left: 0;
		margin-top: 10px;
	}

	/*区切り点線：右*/
	td.chishiki_tbl_right_border {
		border-right: none;
	}

	/*区切り点線：右･上*/
	td.chishiki_tbl_right_top_border {
		border-top: #999 dashed 1px;
	}

	/*区切り点線：上*/
	td.chishiki_tbl_top_border {
		border-top: #999 dashed 1px;
	}

	/*09/07　追記*/
	/*区切り点線：上　※PCのみ表示する*/
	td.chishiki_tbl_top_border_pc {
		border-top: #999 dashed 1px;
	}

}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	table.chishiki_tbl {
		margin-top: 10px;
	}

	/*区切り点線：右*/
	td.chishiki_tbl_right_border {
		border-right: #999 dashed 1px;
	}

	/*区切り点線：右･上*/
	td.chishiki_tbl_right_top_border {
		border-right: #999 dashed 1px;
		border-top: #999 dashed 1px;
	}

	/*区切り点線：上*/
	td.chishiki_tbl_top_border {
		border-top: #999 dashed 1px;
	}

	/*区切り点線：右*/
	td.chishiki_tbl_right_border_w29 {
		border-right: #999 dashed 1px;
		margin-left: 15px;
	}

	td.chishiki_tbl_top_border_pc {
		border-top-style: none;
	}
}


/*発音ミニ講座2カラム_外枠*/
/*09/08変更*/

.waku {
	background-color: #000000;
	padding: 10px 0px 10px 0px;
	color: #ffffff
}

.box2 {
	margin-left: 15px;
}

.box3 {
	border-top: dashed 2px #61aaa3;
}

.box4 {
	border: #61aaa3 solid 1px;
	padding: 20px 20px 20px 20px;
	width: auto;
}

.box5 {
	border-top: dashed 2px #61aaa3;
}


.box6 {
	/*　2025　もとに戻すなら
	margin-left: 40px;
	width: 500px; */
	padding-left: 40px;	/* 2025 add */
	width: 100%;	/* 2025 add */
	max-width: 600px;	/* 2025 add */
	box-sizing: border-box;	/* 2025 add */
	word-break: break-word;	/* 2025 add */
}

.box7 {
	text-align: right;
	float: right;
}



/*知識、コラムの日付部分*/
.when {
	text-align: right;
	font-size: 8pt;
	color: #888;
}


/*----------------------------------------------------
   レッスン内容
----------------------------------------------------*/

/*09/03*/
/*レッスン内容レイアウト*/
.box8 {
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 40px;
}

/*レッスン詳細*/

.lesson_waku {
	border: #61aaa3 solid 1px;
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-right: 20px;
}

.lesson_waku2 {
	border: #61aaa3 solid 1px;
	width: 100%;
	float: left;
	margin-top: 10px;

}

img.back {
	float: right;
	padding-right: 10%
}

/*レッスン内容右下のイラスト配置*/


@media (min-width:1020px) {
	.lesson_waku3 {
		border: #000 solid 1px;
		padding: 20px;
		margin-left: 10px;
		margin-right: 10px;
		color: #1E90FF;
		width: 50%;
	}

	/*コース目標と成果、レッスン回数の目安について*/
}

.midashi5 {
	background-color: #61aaa3;
	padding: 10px 0px 10px 0px;
}



@media (max-width:767px) {
	.lesson_waku3 {
		padding: 2%;
		color: #1E90FF;
		width: 100%;
	}
}

@media (min-width:768px) {
	.lesson_waku3 {
		border: #000 solid 1px;
		padding: 20px;
		margin-left: 10px;
		margin-right: 10px;
		color: #1E90FF;
		width: 80%;
	}
}

/*9/14*/
/*生徒様の声レスポンシブ*/


hr.student {
	border-style: dashed;
}


.student_box4 {
	padding-bottom: 20px;
	text-align: left;
}


/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	.box8 {
		margin-left: 20px;
		margin-top: 30px;
		margin-bottom: 40px;
	}

	.lesson_waku {
		border: #61aaa3 solid 1px;
		width: 49%;
		float: left;
		margin-top: 10px;
		margin-right: 1%;
	}

	.lesson_waku2 {
		border: #61aaa3 solid 1px;
		width: 49%;
		float: left;
		margin-top: 10px;
	}
}


body.page .edit-link {
	display: none;
}

.contents_1 {
	margin: 4%
}


/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	.contents_1 {
		margin-left: 40px;
		margin-right: 40px;
	}
}


/*divの右寄せ左寄せ*/
.float_left {
	float: left;
}

/*f*/

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

/*タブの背景＿空白*/
.tab_kuuhaku {
	height: 510px;
}



/*----------------------------------------------------
    ※レスポンシブ対応用　画面サイズによって消すためのタグ　10/01に変更
----------------------------------------------------*/


/*スマホで閲覧した場合、非表示にする（pc用）コンテンツ_span*/
@media screen and (max-width: 767px) {
	span.screensize_sp {
		display: none;
	}
}


/*スマホで閲覧した場合、非表示にする（pc用）コンテンツ_span*/
@media screen and (max-width: 767px) {
	p.screensize_sp {
		display: none;
	}
}

/*pcで閲覧した場合、非表示にする（スマホ用）コンテンツ*/
@media screen and (min-width: 768px) {
	.screensize_pc {
		display: none;
	}
}




/*テーブル設定*/
table {
	width: 100%;
	display: table;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: grey;
}


/*----------------------------------------------------
   発音記号一覧ページ
----------------------------------------------------*/

/*テーブル_発音記号一覧*/
table.hatsuon_ichiran {
	font-size: 28pt;
	font-family: serif;
	text-align: center;
	width: 100%;
	border-collapse: collapse;
}

table.hatsuon_ichiran_chigai {
	font-size: 26pt;
	text-align: center;
	width: 85%;
	border-collapse: collapse;
}

@media screen and (max-width: 767px) {
	table.hatsuon_ichiran_chigai {
		font-size: 23pt;
		text-align: center;
		width: 85%;
		border-collapse: collapse;
	}
}



td.hatsuon_ichiran_border {
	border: 1px solid black;
	width: 12%;
	height: 65px;
}

td.hatsuon_ichiran_border_xright {
	border: 1px solid black;
	border-right-style: none;
	width: 12%;
	height: 65px;
}

td.hatsuon_ichiran_border_xleft {
	border: 1px solid black;
	border-left-style: none;
	width: 12%;
	height: 65px;
}

td.hatsuon_ichiran_border2 {
	border: 1px solid black;
	width: 12%;
	height: 65px;

}

td.hatsuon_ichiran_border_xleft2 {
	border: 1px solid black;
	border-left-style: none;
	width: 3%;
	height: 65px;

}

td.hatsuon_ichiran_border_xright2 {
	border: 1px solid black;
	border-right-style: none;
	width: 3%;
	height: 65px;

}

td.hatsuon_ichiran_border_xleft_right {
	border: 1px solid black;
	border-left-style: none;
	border-right-style: none;
	width: 6%;
	height: 65px
}

td.hatsuon_ichiran_border_xleft_right2 {
	border: 1px solid black;
	border-left-style: none;
	border-right-style: none;
	width: 12%;
	height: 65px
}


td.hatsuon_ichiran_border_solid {
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: dashed 1px #000000;
	width: 12%;
	height: 65px;
}

td.hatsuon_ichiran_border_color_xtop {
	border: 1px solid black;
	border-top-style: none;
	width: 12%;
	background: #ccccff;
	height: 65px
}

td.hatsuon_ichiran_border_xtop {
	border: 1px solid black;
	border-top-style: none;
	width: 12%;
	height: 65px
}


/*----------------------------------------------------
   発音ミニ講座ページ（レスポンシブ対応）09/02　　　コメントアウトここまで_09/07
----------------------------------------------------*/

/*下・左：得する英語の知識*/
/*このメディアクエリ消したいけど保留*/
@media only screen and (max-width:480px) {
	.minikouza td {
		width: auto;
		display: block;
		border-top: none;
		margin-left: 0;
		margin-top: 10px;
	}


	td.minikouza_right_top_border {
		border-right: #999 dashed 1px;
		border-top: #999 dashed 1px;
	}

	td.minikouza_top_border {
		border-top: #999 dashed 1px;
	}
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	table.minikouza {
		margin-top: 10px;
	}

	td.minikouza_right_top_border {
		border-right: #999 dashed 1px;
		border-top: #999 dashed 1px;
	}

	td.minikouza_top_border {
		border-top: #999 dashed 1px;
	}
}



/*9/3*/
/*レッスン料_テーブル*/

td.lessonryou {
	color: #fff;
	background: #61aaa3;
	text-align: center;
	width: 60px;
	padding: 10px;
}

/*初期費用囲い*/

/*レスポンシブ*/
/*767px以下（スマホ）用　09/09追記*/
@media (max-width:767px) {
	td.lessonryou2 {
		padding-left: 20px;
		text-align: center;
	}
}

/*初期費用横のテキスト*/
td.lessonryou2 {
	padding-left: 20px;
}

/*レッスン料*/
table.lessonryou3 {
	border: #000 solid 1px;
	border-collapse: collapse;
}

/*テキスト*/
td.lessonryou3 {
	padding: 15px;
	width: 35%;
}

/*値段*/
td.lessonryou3_nedan {
	padding: 15px;
}


/*9/7*/
/*特商法上の表記_テーブル*/
table.regulations {
	border-collapse: collapse;
}

/*左側*/
td.regulations1 {
	padding: 15px;
	border: #000 solid 1px;
	width: 30%;
	text-align: center;
}

/*右側*/
td.regulations2 {
	padding: 15px;
	border: #000 solid 1px;
	width: 70%;
}

.regulations_box {
	margin: 0px auto;
	width: 80%;
}

.regulations_box2 {
	text-align: left;
}

@media (max-width:767px) {
	.regulations_box {
		margin: 0px auto;
		width: 100%;
	}
}


/*リンク集_テーブル*/
table.link {
	border-collapse: collapse;
	width: 100%
}

/*1段目*/
td.link {
	padding: 15px;
	border: #61aaa3 solid 1px;
	text-align: center;
	background-color: #61aaa3;
}

/*2段目左側*/
td.link1 {
	padding: 15px;
	border: #61aaa3 solid 1px;
	border-right: #61aaa3 dashed 1px;
	width: 25%;
	text-align: center;
}

/*2段目右側*/
td.link2 {
	padding: 15px;
	border: #61aaa3 solid 1px;
	border-left: #61aaa3 dashed 1px;
	width: 75%;
}


/*バナー一覧のテーブル*/
table.link_banner {
	border-collapse: collapse;
	width: 40%;
}

td.link3 {
	padding: 15px;
	border: #61aaa3 solid 2px;
}


@media (max-width:767px) {
	table.link_banner {
		border-collapse: collapse;
		width: 100%;
	}
}

/*小見出し文字の装飾*/
/*0929追記*/
.green_mozi {
	font-size: 16px;
	font-weight: bold;
	color: #17605e;
}

/*横線について*/
hr {
	box-sizing: content-box;
	height: 0;
}

hr {
	border-width: 1px 0px 0px 0px;
	height: 1px;
}

hr.lesson {
	color: #ccc;
}


/*追加*/
/*タブ*/
@media (max-width:767px) {
	.tab_area {
		overflow: hidden;
		display: block;
		margin: 0;
		padding: 0;
		background-color: #edf7f6;
	}

	.tab_area li {
		/*Tabの装飾*/
		width: 100%;
		height: 40px;
		text-align: left;
		padding: 0;
		border: 0px;
		cursor: pointer;
		vertical-align: middle;
		display: block;
		background-color: #ffffff;
	}

	.tab_area li:hover {
		/*タブ乗せたら色変わる*/
		background-color: #61aaa3;
	}

	/*2016/10/7 UESUGI:独トレのタブ装飾(幅を可変的）*/
	.tab_area2 {
		/*Tabの装飾*/
		font-size: 14px !important;
		padding: 10px 15px !important;
		height: auto !important;
	}

	/************************************************/

	div.content_area {
		/*Tabの内容を表示するエリアの装飾*/
		border: 0px;
		margin: 0px auto;
		width: auto;
		height: auto;
		padding: 0% 1% 10% 1%;
		background-color: #edf7f6;
	}

	.tab_area li.select {
		/*アクティブタブの装飾*/
		background-color: #edf7f6;
		border-bottom: 0px;
	}

	.hide {
		display: none;
	}
}


/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	.tab_area {
		overflow: hidden;
		display: table;
		margin: 0;
		padding: 0;
	}

	.tab_area li {
		/*Tabの装飾*/
		width: 230px;
		height: 40px;
		text-align: center;
		padding: 0;
		border: 0px;
		cursor: pointer;
		vertical-align: middle;
		display: table-cell;
		background-color: #ffffff;
	}

	.tab_area2 {
		/*Tabの装飾*/
		width: auto !important;
		font-size: 14px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/************************************************/

	.tab_area li:hover {
		/*タブ乗せたら色変わる*/
		background-color: #61aaa3;
	}

	div.content_area {
		/*Tabの内容を表示するエリアの装飾*/
		border: 0px;
		margin: 0px auto;
		width: auto;
		height: auto;
		padding: 5% 10%;
		background-color: #edf7f6;
	}

	.tab_area li.select {
		/*アクティブタブの装飾*/
		background-color: #edf7f6;
		border-bottom: 0px;
	}

	.hide {
		display: none;
	}

}

.wrapper {
	padding: 2% 5% 4% 1%;
	position: relative;
}

.boxx {
	position: relative;
	background: #FFFACD;
	height: auto;
	width: auto;
	padding: 10%;
	margin-bottom: 20px;
	margin: 0px auto;
	border-radius: 50px;
}

@media (min-width:768px) {
	.wrapper {
		padding: 2% 5% 4% 1%;
		position: relative;
	}

	.boxx {
		position: relative;
		background: #FFFACD;
		height: auto;
		width: auto;
		padding: 4%;
		margin-bottom: 20px;
		border-radius: 50px;
	}

	/*ふきだしのとげ*/
	.boxx:after {
		content: '';
		position: absolute;
		height: 50px;
		width: 50px;
		border-radius: 25px;
		z-index: -1;
		background: #fff;
		bottom: -30px;
		left: 30px;


	}

	.boxx:before {
		content: '';
		position: absolute;
		height: 50px;
		width: 50px;
		border-radius: 25px;
		z-index: -1;
		background: #FFFACD;
		bottom: -20px;
		left: 45px;

	}
}

/*教室案内用大枠*/
.annai_waku {
	border: #61aaa3 solid 1px;
	margin: 0px auto;
}

.aunaiyou {
	background-color: #000000;
	padding: 10px 0px 10px 0px;
	color: #ffffff
}



/*レスポンシブ対応のテーブル設定*/
section table {
	width: 100%;
}

section th,
section td {
	padding: 10px;
}


/*----------------------------------------------------
    レスポンシブのテーブル
----------------------------------------------------*/

.annai_table {
	padding: 0% 5%;
}

.annai_table th {
	width: 15%;
}

@media only screen and (max-width:480px) {
	.annai_table {
		margin: 0 -10px;
	}

	.annai_table th,
	.annai_table td {
		width: 100%;
		display: block;
		border-top: none;
	}
}


/*案内ページ用大枠見出し*/
.annai_title {
	background-color: #61aaa3;
	padding: 4% 0px;
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	.annai_title {
		background-color: #61aaa3;
		padding: 2% 0px;
	}
}

/*----------------------------------------------------
    レッスン内容（レスポンシブ対応）09/02
----------------------------------------------------*/

/*対面プライベートレッスン*/
/*このメディアクエリ消したいけど保留*/
@media only screen and (max-width:480px) {
	.lesson_tbl td {
		width: auto;
		display: block;
		border-top: none;
		margin-left: 0;
		margin-top: 10px;
	}

	td.lesson_tbl_right_border {
		border-right: #999 dashed 1px;
	}

	td.lesson_tbl_right_top_border {
		border-right: #999 dashed 1px;
		border-top: #999 dashed 1px;
	}

	td.lesson_tbl_top_border {
		border-top: #999 dashed 1px;
	}
}

/*768px以上（PC）用*/
@media (min-width:768px) {
	table.lesson_tbl {
		margin-top: 10px;
		width: 100%;
	}

	td.lesson_tbl_right_border {
		border-right: #999 dashed 1px;
	}

	td.lesson_tbl_right_top_border {
		border-right: #999 dashed 1px;
		border-top: #999 dashed 1px;
	}

	td.lesson_tbl_top_border {
		border-top: #999 dashed 1px;
	}

	td.lesson_tbl_right_border_w29 {
		border-right: #999 dashed 1px;
		margin-left: 15px;
		width: 50%;
	}
}


/*WEBプライベートレッスン*/
@media (max-width:768px) {
	.lesson_tbl_2 {
		float: left;
		padding-left: 0px;
		border-top: #999 dashed 1px;
	}
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	.lesson_tbl_2 {
		float: left;
		padding-left: 15px;
		border: none;
	}
}



/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	table.lesson_tbl {
		margin-top: 10px;
		width: 100%;
	}
}


@media (max-width:768px) {
	table.lesson_tbl {
		margin-top: 10px;
		width: 100%;
	}

	/*aaa*/
}



@media (max-width:767px) {
	.lesson_1 {
		float: left;
		padding: 5% 0%;
		border-top: #999 dashed 1px;
		width: 100%;
	}

	.lesson_2 {
		float: left;
		padding: 0% 0% 5% 2%;
		width: 100%;
	}

	.lesson_3 {
		padding: 0% 0% 0% 2%;
		width: 100%;
	}
}

/*右：音の組み合わせ*/
@media (min-width:768px) {
	.lesson_1 {
		float: left;
		padding: 0px 15px 0px 15px;
		border: none;
	}

	.lesson_2 {
		float: left;
		padding: 0px 15px 0px 15px;
		width: 100%;
	}
}


/*レッスン内容のレスポンシブテーブルここまで*/


/*発音ミニ講座1カラム_下の3ボタン*/
/*このメディアクエリ消したいけど保留*/
@media only screen and (max-width:480px) {
	.minikouza_1col_button {
		margin: 0 2%;
		width: 70%;
	}

	/*.lesson_tbl th,*/
	.minikouza_1col_button td {
		width: auto;
		display: block;
		border-top: none;
		margin-left: 0;
		margin-top: 10px;
	}
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	table.minikouza_1col_button {
		width: 50%;
	}
}

.lessonryou_haikei {
	background-color: #fff;
	margin: 0 auto;
	padding: 2%;
}



/*----------------------------------------------------
    発音ミニ講座2カラムメニュー（レスポンシブ対応）09/03
----------------------------------------------------*/
/*チェックボックスのon・offでメニューを出す*/

.header_bg_mobile {
	background-image: url('./css/images/bg2.jpg');
	padding: 5px 0px 10px;
	border-bottom: 1px dotted #808080;
}

.mobile_h_info {
	text-align: right;
	font-size: 16px;
}

.mobile_accordion_div {
	padding-left: 40px;
	font-size: 16px;
}

.mobile_top_table {
	border-style: none;
	background-color: transparent;
	text-align: left
}

.moile_a {
	font-size: 16px;
}

/********アコーディオンメニュー設定******/

/*幅とマージン設定 */
.ac-container {
	width: 250px;
}

/*クリックできるようにする設定とか */
.ac-container label {
	cursor: pointer;
	display: block;
}

/*クリック時にチェックボックスをオンにする */
.ac-container input:checked+label,
.ac-container input:checked+label:hover {}

/*ラジオボタンを隠す */
.ac-container input {
	display: none;
}

/*コンテンツ部分の表示・非表示の設定 */
.ac-container article {
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	transition:
		height 0.3s ease-in-out,
		box-shadow 0.6s linear;
}

.ac-container input:checked~article {
	transition:
		height 0.5s ease-in-out,
		box-shadow 0.1s linear;
}

/*コンテンツの部分のスタイル変更 */
.ac-container article p {
	line-height: 40px;
	font-size: 25px;
	text-align: left;
}

/*３つのクラスの高さを定義する */
.ac-container input:checked~article.ac-small {
	height: 480px;
	padding-top: 20px;
}

.ac-container input:checked~article.ac-medium {
	height: 180px;
}

.ac-container input:checked~article.ac-large {
	height: 230px;
}

/****************************/
/****************************/


/*TOPの真ん中メニュー 09/03*/
/*このメディアクエリ消したいけど保留*/
@media only screen and (max-width:480px) {
	.top_center_button {
		margin: 0 2%;
	}

	.top_center_button td {
		width: auto;
		display: block;
		border-top: none;
		margin-left: 0;
		margin-top: 2%;
	}
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	table.top_center_button {
		width: auto;
		padding: 0px 0px 0px 0px;
	}
}


/*レスポンシブ仮*/
/*TOP真ん中メニュー用*/
@media (min-width:768px) {
	.top_center_button .col {
		float: left;
		width: auto;
		margin-right: 5px;
	}

	/*09/17変更*/
	.top_center_button .col:first-child {
		margin-left: 0;
	}

	.top_center_button:after {
		content: "";
		display: block;
		clear: both
	}
}




/*----------------------------------------------------
   発音ミニ講座_実践練習（レスポンシブ対応）09/08追記　　
----------------------------------------------------*/

/*実践練習の中身_テーブル作成部分*/
/*このメディアクエリ消したいけど保留*/
@media only screen and (max-width:480px) {
	.minikouza_res {
		margin: 0 2%;
	}

	.minikouza_res td {
		width: auto;
		display: block;
		border-top: none;
		margin-left: 0;
		margin-top: 10px;
		text-align: left;
	}
}

/*タブレット*/
@media (max-width: 1019px) {
	.minikouza_res td {
		width: auto;
		display: block;
		border-top: none;
		margin-left: 0;
		margin-top: 10px;
	}
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:1020px) {
	table.minikouza_res {
		margin-top: 10px;
	}

	td.minikouza_res3 {
		width: 23%;
	}

	td.minikouza_res4 {
		width: 1%;
	}

	td.minikouza_res5 {
		width: 15%;
	}

	td.minikouza_res {
		text-align: right;
	}

	td.minikouza_res2 {
		text-align: center;
	}
}




img.border {
	border: 1px solid black;
}

/*重要母音の出し方の画像サイズ調整*/
img.res {
	width: 60%;
	height: 60%;
	margin: 0% 20%;
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	img.res {
		width: auto;
		height: auto;
	}
}


/*英文の音読練習用テーブル*/
/*このメディアクエリ消したいけど保留*/
@media only screen and (max-width:480px) {
	.ondokurenshuu_res {
		margin: 0 2%;
		border: #61aaa3 solid 1px;
	}

	.ondokurenshuu_res td {
		width: auto;
		display: block;
		margin-left: 0;
		margin-top: 10px;
		text-align: center;
	}
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	table.ondokurenshuu_res {
		border: #61aaa3 solid 1px;
		padding: 20px 20px 20px 20px;
		margin: 0 auto;
	}
}




/*----------------------------------------------------
    レスポンシブのテーブル　09/08追記
----------------------------------------------------*/


.ondokurenshuu_tbl {
	padding: 0% 0%;
}

.ondokurenshuu_tbl th {
	width: 15%;
}

@media only screen and (max-width:480px) {
	.ondokurenshuu_tbl {
		margin: 0 -10px;
	}

	.ondokurenshuu_tbl th,
	.ondokurenshuu_tbl td {
		width: 100%;
		display: block;
		border-top: none;
	}
}

/*小見出し文字の装飾*/
.ondokurenshuu_mozi {
	font-size: 20px;
	font-weight: bold;
	color: #17605e;
}


/*----------------------------------------------------
   発音ミニ講座_英文音読練習（レスポンシブ対応）09/10追記　　
----------------------------------------------------*/
/*英文音読練習ページの音声部分*/
/*このメディアクエリ消したいけど保留*/
@media only screen and (max-width:480px) {

	.ondokurenshuu_res2 td {
		width: auto;
		display: block;
		border-top: none;
		margin-left: 0;
		margin-top: 10px;
		text-align: center;
	}
}
@media (min-width:481px){
	table.ondokurenshuu_res2 {
		width: 400px;
		margin-left: 32px;
		margin-top: 10px;
	}

}
@media (min-width:768px) {

	.ondokurenshuu_res2 td:first-child {
		padding-right: 2%;
		box-sizing: border-box;
		width: 24px; /* 2025 edit */
	}

	.ondokurenshuu_res2 td img {
		width: 100% !important;
		height: 20px;
	}

	/* 20251110 Download Monitorプラグインで表示されるロード画像用調整 */
	.ondokurenshuu_res2 td img.dlm-xhr-loading-gif {
		width: auto !important;
	}


}

/*Audio再生バーの表示*/
/*09/17*/
.audio_size {
	height: 50px;
	width: 468px;
}

/*発音向上マップの背景　09/24*/
#map_backbround {
	background-color: #edf7f6;
}

/*レスポンシブ*/
/*768px以上（PC）用*/
@media (min-width:768px) {
	#map_backbround {
		background-color: #edf7f6;
		padding: 4%;
	}
}

.map_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*ウィジェット*/

.widget_000 {
	font-size: 10pt;
	color: #000;
}

/*重要母音ウィジェット「/」に使用*/


/*お問い合わせの枠*/
.ask_waku {
	padding: 10px;
	border: #61aaa3 solid 2px;
}


/*Audioのサイズ調整試し　09/28*/
.audio_size {
	width: 50%;
}




ul.hatsuon {
	list-style: square;
	margin: 0 0 2px 20px;
}

@media (max-width:1019px) {
	.hatsuon_center {
		text-align: center;
	}

	.hatsuon_tango {
		text-align: center;
	}
}

@media (max-width:768px) {
	.hatsuon_tango {
		text-align: center;
	}
}

@media (min-width:1020px) {
	.hatsuon_tango {
		text-align: right;
	}
}

@media (min-width:1020px) {
	.gazou_right {
		text-align: right;
	}
}

@media (max-width:1019px) {
	.gazou_right {
		text-align: left;
	}
}

@media (max-width:768px) {
	.gazou_right {
		text-align: center;
	}
}

/*レスポンシブ改行<ｂｒ>を無効化*/
@media (min-width:768px) {
	.map_icon_top {
		margin-top: -20px;
	}
}



@media (min-width:769px) {
	.regulations_waku {
		border: #61aaa3 solid 1px;
		margin: 0px auto;
		width: 100%;
	}
}

@media (max-width:768px) {
	.regulations_waku {
		width: 100%;
	}
}

/*768px以上（PC）用*/
@media (min-width:1020px) {
	.regulations_waku {
		border: #61aaa3 solid 1px;
		margin: 0px auto;
		width: 1100px;/* 2025 edit */
	}
}



DIV.tuzukiwaku {
	display: none;
}



/*----------------------------------------------------
   ミニ講座1カラム下3つボタン（レスポンシブ対応）　10/21
----------------------------------------------------*/


.minikouza1col_tbltd_l {
	width: 33%;
	text-align: left;
}

.minikouza1col_tbltd_c {
	width: 33%;
	text-align: center;
}

.minikouza1col_tbltd_r {
	width: 33%;
	text-align: right;
}


@media only screen and (max-width:480px) {

	.minikouza1col_tbltd_l {
		width: 100%;
		text-align: center;
		display: block;
	}

	.minikouza1col_tbltd_c {
		width: 100%;
		text-align: center;
		display: block;
	}

	.minikouza1col_tbltd_r {
		width: 100%;
		text-align: center;
		display: block;
	}

	.kotei_tbl tr:first-child th {
		border-top: 1px solid #ddd;
	}
}



/*----------------------------------------------------
   体験レッスン　10/22
----------------------------------------------------*/
/*スマホで閲覧した場合、非表示にする（pc用）コンテンツ_span*/
@media screen and (max-width: 767px) {
	.iframe {
		display: none;
	}
}


/*----------------------------------------------------
   アクセス　10/22
----------------------------------------------------*/


.access_tbltd_l {
	width: 20%;
	text-align: left;
	padding-right: 2%;
	vertical-align: top;
}

.access_tbltd_r {
	width: 50%;
	text-align: left;
	padding-right: 2%;
}


@media only screen and (max-width:480px) {
	.access_tbl {
		margin: 0 -10px;
	}

	.access_tbltd_l {
		width: 30%;
		width: 100%;
		display: block;
		border-top: none;
	}

	.access_tbltd_r {
		width: auto;
		width: 100%;
		display: block;
		border-top: none;
	}

	.access_tbl tr:first-child th {
		border-top: 1px solid #ddd;
	}
}

/*----------------------------------------------------
   20161011 UESUGI :アンカーリンク（独トレ）調整の為
----------------------------------------------------*/

.ACLink {
	color: #175e60;
	text-decoration: underline;
	cursor: pointer;
}

.Click3:hover {
	color: #000000;
}

.Click4:hover {
	color: #000000;
}

.Click5:hover {
	color: #000000;
}

.Click6:hover {
	color: #000000;
}

.Click7:hover {
	color: #000000;
}

.Click8:hover {
	color: #000000;
}

.Click9:hover {
	color: #000000;
}

.Click10:hover {
	color: #000000;
}

.Click11:hover {
	color: #000000;
}

.Click12:hover {
	color: #000000;
}

.Click13:hover {
	color: #000000;
}

.Click14:hover {
	color: #000000;
}

.Click15:hover {
	color: #000000;
}

.Click16:hover {
	color: #000000;
}

.Click17:hover {
	color: #000000;
}

.Click18:hover {
	color: #000000;
}

.Click19:hover {
	color: #000000;
}

.Click20:hover {
	color: #000000;
}

.Click21:hover {
	color: #000000;
}

.Click22:hover {
	color: #000000;
}

.Click23:hover {
	color: #000000;
}

.Click24:hover {
	color: #000000;
}

.Click25:hover {
	color: #000000;
}

.Click26:hover {
	color: #000000;
}

.Click27:hover {
	color: #000000;
}

/*----------------------------------------------------
   発音記号一覧注意書き　10/22
----------------------------------------------------*/
/*スマホ・タブレットで表示にするコンテンツ_span*/
@media screen and (min-width: 960px) {
	.kigouichiran_none {
		display: none;
	}
}


.search_wig_margin {
	margin: 0% 0% 5% 0%;
}

/*11/16*/
.ppp {
	padding: 0% 0% 5% 0%;
}

/*----------------------------------------------------
   2016/11/25　余白削除の為、非表示（独トレ）
----------------------------------------------------*/
.div_Hidden {
	display: none;
}

/*----------------------------------------------------
   2016/11/25　独トレテーブル加工
----------------------------------------------------*/
.table_dokutore {
	width: 80%;
	margin-left: 6%;
}

.table_dokutore td {
	width: 40%;
}

@media screen and (max-width: 767px) {
	.table_dokutore td {
		display: block;
		width: 100%;
	}
}

table td.BoderN_L {
	border-left: hidden;
}

table td.BoderN_B {
	border-bottom: hidden;
}

table td.BoderN_T {
	border-top: hidden;
}

table td.BoderN_R {
	border-right: hidden;
}

/*----------------------------------------------------
   2017/03/22　PC/MB切替ボタン
----------------------------------------------------*/
@media (min-width:768px) {
	.pc_site {
		display: none;
	}
}

@media (max-width:767px) {
	.pc_site {
		text-align: center;
		width: 100%;
	}
}

.mb_site_on {
	text-align: center;
	width: 100%;
	clear: both;
}

@media (min-width:768px) {
	.mb_site {
		display: none;
	}

}

@media (max-width:767px) {
	.mb_site {
		display: none;
	}
}


/*----------------------------------------------------
   2017/03/10　ポップアップ表示
----------------------------------------------------*/

#ipop {
	padding: 0;
	background-color: #fff;
	border: 1px solid #61aaa3;
	overflow: auto;

	/* この５行は必須 */
	width: 300px;
	height: 200px;
	position: absolute;
	display: none;
	z-index: 9999;
}

#ipop_title {
	background-color: #61aaa3;
	cursor: move;
}

#ipop_close {
	cursor: pointer;
	float: right;
}

/*----------------------------------------------------*/
/*ログインページ生成　2017/1/11*/
/*----------------------------------------------------*/

/*ログインページ　発音記号サイズ*/
.hatsuonf_FS {
	font-size: 32px;
	padding-left: 5px;
	padding-right: 10px;
}

/*ログインページヘッダー*/
.HC {
	background-color: #61AAA3;
	color: #61AAA3;
}

/*ログインボタン*/
.LB {
	padding: 10px;
	background: #fff;
	border: 4px #66cdaa solid;
	position: relative;
	z-index: 10;
	width: 150px;
	margin: 6px;
}

.LB:before {
	content: "";
	position: absolute;
	background: #fff;
	margin: 3px;
	border: 2px #7accb0 solid;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: -10;
}

div.LBa a:hover {
	text-decoration: none;
}

div.LBa a {
	text-decoration: none;
}

/*コース受講者用ログインページ テーブル*/
table.CorseLG,
CorseLG2 {
	border-collapse: collapse;
}

table.CorseLG,
CorseLG th {
	border: 1px solid #629B94;
}

table.CorseLG,
CorseLG td {
	border: 1px solid #629B94;
}

@media screen and (max-width: 767px) {

	.CorseLG td,
	th {
		display: block;
		width: 100%;
		color: #FFF;
	}

	.BN {
		border-bottom: 0px !important;
	}

	.BGH {
		background-color: #629B94;
	}
}

/*発音基礎徹底コース ログインページ*/
.midashi2_LG {
	vertical-align: middle !important;
	border: 1px solid #b3ddda;
	padding: 0px 10px;

	height: 40px;
	width: 1000px;
	display: table-cell;
}



.midashi2_LG .kigou_b {
	line-height: normal;
}

.LG_P_R {
	width: 90%;
}

.LG_P_L {
	text-align: center;
}

.midashi_LG {
	display: block;
}

.MGT5 {
	margin-top: 5px;
}

.LGM {
	width: 100%;
	background-color: #629B94;
	color: #FFF;
	margin-bottom: 10px;
}

.LGM a {
	color: #FFF;
}

.LG_waku {
	border: 1px solid #629B94;
	text-align: center;
}

.LG_waku_L {
	border: 1px solid #629B94;
	text-align: left;
	padding: 30px;
}

.LG_waku_L2 {
	border: 1px solid #b3ddda;
	text-align: left;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 15px;
}

.LG_waku_bottom {
	border-bottom: #629b94 dashed 1px;
	margin-top: 10px;
}

.LG_waku_top {
	border-top: #629b94 dashed 1px;
	margin-top: 10px;
	padding: 10px;
}

.LG_waku_L2_MG {
	margin-top: 15px;
}

.LG_center {
	text-align: center;
}

.LG_left {
	text-align: left;
}

@media screen and (max-width: 767px) {
	.LG_waku {
		text-align: left;
	}

	.LG_waku_L {
		padding: 5px;
	}

	.LG_waku2 {
		padding: 5px
	}

	.smh_C {
		text-align: center;
	}

	.spLG_none {
		display: none;
	}
}

.LinkPR {
	padding-right: 10px;
}

@media screen and (min-width: 767px) {
	.pcLG_none {
		visibility: hidden;
	}
}

@media screen and (min-width: 767px) {
	.pcLG_Dnone {
		display: none;
	}
}


/*改行*/
@media (max-width:767px) {
	.res_br_smh:before {
		content: "\A";
		white-space: pre;
	}
}

@media only screen and (min-width:768px) and (max-width:1019px) {
	.res_br:before {
		content: "\A";
		white-space: pre;
	}
}

@media (min-width:768px) {
	.res_br_pc:before {
		content: "\A";
		white-space: pre;
	}
}

.hidden_CH {
	visibility: hidden;
}

.LG_table_basic {
	border-collapse: collapse;
	border: 1px #e5e5e5 solid;
	width: 100%;
	color: #000;
}

.hidden-content {
	display: none;
	border-left: 0px !important;
	border-bottom: 0px !important;
}

.show-hidden-btn {
	cursor: pointer;
}

/*audioバーの横幅調整*/
@media (min-width:1001px) {
	.ADplayer-width-fit-video {
		max-width: 448px;
	}

	/*ビデオ時間表示*/
	.video-time-fit-video-right {
		max-width: 448px;
		text-align: right;
	}
}

/*ビデオ時間表示*/
.video-time-fit-video-right {
	text-align: right;
}

/*add20241220*/
.destyle {
	border: none !important;
}

.destyle .bordernonetd {
	border: none !important;
}

/***/

.LG_table_basic td {
	border: 1px #e5e5e5 solid;
	padding: 10px;
	vertical-align: top;
}

.LG_td_W274 {
	width: 274px;
}

.LG_li {
	list-style-type: none !important;
	margin-left: 20px;

}

.LG_li:before {
	font-family: FontAwesome;
	content: "\f0a4";
	position: absolute;
	text-indent: -20px;
	color: #c9d0d8;
	/*アイコン色*/
}

.LG_tdbg {
	background-color: #61aaa3;
	color: #fff;
}

.TMR {
	padding-right: 10px;
	padding-left: 10px;
}

.LG_block {
	padding: 20px;
	border: #629b94 dashed 1px;
	background: #fff;
}

.LG_block2 {
	background-color: #fff;
	border: 1px solid #b3ddda;
	border-radius: 5px;
	padding: 20px;
	position: relative;
	z-index: 0;
	margin-top: 10px;
}

.LG_block2:before {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 4px;
	border: 1px solid #b3ddda;
	border-radius: 5px;
	z-index: -1;
}

.LGPL10 {
	padding-left: 20px;
}

.Li_block {
	position: relative;
	list-style: none;
	margin-left: 10px;
}

.Li_block::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 8px;
	height: 3px;
	border-left: 2px solid #3498db;
	border-bottom: 2px solid #3498db;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*ログインページの「ログアウト」位置調整のため*/
.label_MT {
	margin-top: 10px !important;
}

@media (min-width:768px) {}

.regular ul {
	display: flex;
	flex-flow: row;
	margin: 0;
	padding: 6px;
	padding-bottom: 0px;
	list-style-type: none;
	color: #000;
	background-color: #b3ddda;
	justify-content: space-around;
}

.regular a {
	display: block;
	border-radius: 4px;
	padding: 12px 5px;
	text-decoration: none;
}

.regular li a:hover {
	background-color: #fff;
}

.li_select_a {
	display: block;
	padding: 12px 5px !important;
	font-weight: bold;
}

.li_select_border {
	border-bottom: 3px solid #175e60 !important;
}

.li_select {
	padding: 12px 5px;
	border-bottom: 3px solid #175e60;
	font-weight: bold;
}

@media (max-width:819px) {
	.regular ul {
		display: block;
	}

	.regular ul {
		padding: 5px;
	}

	.regular a {
		padding: 5px;
	}

	.li_select {
		padding: 5px;
		background-color: #FFF;
		border-bottom: 0px solid #175e60;
	}

	.li_select_a {
		display: block;
		padding: 5px !important;
		background-color: #FFF;
	}

	.li_select_border {
		border-bottom: 0px solid #175e60 !important;
	}
}

.W20 {
	width: 5% !important;
	border-left-style: none !important;
	text-align: center;
}

.LeftBN {
	border-right-style: none !important;
}

@media (max-width:767px) {
	.LeftBN {
		width: 90% !important;
	}
}

.LGL {
	margin-left: 9px !important;
}

video {
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 1000px) {
	.LG_table_basic .wp-video {
		max-width: 100% !important;
		width: 96% !important;
		height: auto !important;
	}
}

.my-video-dimensions {
	width: initial !important;
	width: auto !important;
}

.video-js {
	width: initial !important;
	width: auto !important;
}


.sr-menu-toggle {
	height: 30px;
	padding: 10px !important;
	margin-top: 100px !important;
}

.PL26-ol {
	padding-left: 40px !important;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}



/* sidebar-40 の center 置換 */
.al-3 {
	text-align: center;
	/* 内部の inline / inline-block 要素を中央揃え */
}

.al-3 .widget-area div {
	display: inline-block;
	/* ウィジェットを横並びにする場合 */
}

/* TOPページー発音独トレ（無料コンテンツ）の font 置換 */
.font-size-4 {
	font-size: 1.2rem;
}


/* スラッグ：ask */
.ananai_padding {
	padding: 10% 2%;/*2025 add*/
}

@media (min-width: 768px) {
	.ananai_padding {
		padding: 2% 10%;/*2025 add*/
	}
}

ul,
ol {
	padding: 0;/*2025 add*/
	margin: 0;/*2025 add*/
}