#main h1 span {
max-width: 800px;
width: 80%;
padding: 70px 0 50px;
text-align: left;
margin: 0 auto;
display: block;
font-size: 1.5em;
}
footer .fit-menu, #main .menu {
background: #999;
width: 100%;
text-align: center;
}
footer .fit-menu li, #main .menu li {
display: inline-block;
}
footer .fit-menu li a, #main .menu li a {
display: block;
padding: 10px 20px;
color: #FFF;
transition: .5s;
}
footer .fit-menu li a:hover, #main .menu li a:hover {
color: #DDD;
}
#main .top-text {
margin-bottom: 50px;
}
#main section {
border-bottom: 1px solid #DDD;
padding-bottom: 75px;
margin-bottom: 75px;
}
#main .attn ul {
font-size: .9em;
max-width: 600px;
width: 90%;
margin: 10px auto 50px;
}
#main .attn ul li {
list-style: none;
text-indent: -14.4px;
}
#main .attn ul li::before {
content: "※";
}
#main #top-news {
padding-top: 50px;
margin-bottom: 50px;
}
#main #top-news h2 {
font-size: 1.5em;
}
#main #top-news ol {
margin: 0 auto 50px;
}
#main #top-news ol li {
list-style: decimal;
}
#main #news {
border-bottom: 0;
padding-bottom: 0;
}
#main table {
max-width: 800px;
width: 96%;
margin: 0 auto 30px;
border-collapse: collapse;
}
#main.tamagawa .enroll table {
max-width: 1200px;
}
#main table th, #main table td {
border: 2px solid #DDD;
padding: 5px 0;
}
#main table th span {
font-size: .9em;
}
#main table td .out {
text-decoration: line-through #E7611A;
}
#main .period {
text-align: right;
max-width: 800px;
width: 90%;
margin: 10px auto 30px;
}
#main .top #schedule {
border-bottom: 0;
}
#main .top h3 {
margin-bottom: 15px;
font-size: 1.5em;
}
#main .top .catch {
margin-bottom: 30px;
}
#main .top .feature {
font-size: 1.2em;
margin-bottom: 30px;
}
#main .btn,
#main #campaign .btn{
width: 250px;
margin: 30px auto;
text-align: center;
font-size: 1em;
}
#main .btn a {
display: block;
color: #FFF;
padding: 11px 20px;
border-radius: 30px;
transition: .5s;
}
#main .btn a:hover {
color: #CCC;
}
#main .btn a::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0a9";
font-size: 1.2em;
margin-left: 10px;
color: #FFF;
}
#main .button {
background: #000;
color: #FFF;
padding: 5px 15px;
border-radius: 15px;
display: block;
width: 280px;
margin: 0 auto;
transition: .5s;
}
#main .button::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f56d";
font-size: 1.3em;
margin-left: 10px;
color: #FFF
}
#main .button:hover {
color: #CCC;
}
#main .access iframe {
width: 100%;
margin-bottom: 15px;
}
#info {
margin: 50px 0;
}
#info h2 {
background: #999;
color: #FFF;
padding: 30px;
margin-bottom: 10px;
font-size: 1.5em;
}
#info dl {
max-width: 800px;
width: 96%;
margin: 0 auto;
display: table;
}
#info dt {
width: 120px;
padding: 20px;
display: table-cell;
border-bottom: 2px solid #FFF;
}
#info dd {
padding: 20px;
text-align: left;
display: table-cell;
}
#info dd span {
font-size: .9em;
}
#main .top-link {
max-width: 1200px;
width: 96%;
margin: 30px auto;
text-align: right;
}
@media screen and (max-width: 768px) {
footer .fit-menu li a, #main .menu li a {
font-size: .8em;
padding: 10px 7px;
}
#main p, #main ul {
width: 96%;
margin: 0 auto 30px;
text-align: left;
}
}
@media screen and (max-width: 480px) {
#main .menu {
width: 100%;
}
footer .fit-menu li a, #main .menu li a {
padding: 10px 5px;
}
#main .top .feature {
font-size: .9em;
}
#info dt {
width: 80px;
padding: 10px 5px;
}
#info dd {
padding: 10px 5px;
font-size: .9em;
}
} header.tamagawa {
background: #9D0030;
border-bottom: 0;
color: #FFF;
}
.tamagawa h1 {
background: center top no-repeat url(//www.oahuclub.jp/wp-content/themes/oahuclub/img/tamagawa-back.jpg);
background-size: cover;
}
.tamagawa .btn a {
background: #007E8C;
}
#info.tamagawa dt {
background: #FFB7CD;
}
#info.tamagawa dd {
border-bottom: 2px solid #FFB7CD;
border-right: 2px solid #FFB7CD;
}
#info.tamagawa dl:last-child dt {
border-bottom: 2px solid #FFB7CD;
}
#info.tamagawa dl:nth-child(2) dd {
border-top: 2px solid #FFB7CD;
}
#main.tamagawa .link-2 ul {
width: 100%;
display: flex;
border-bottom: 1px solid #9D0030;
align-items: stretch;
background: #F8DBF3;
}
.tamagawa .link-2 li {
text-align: center;
width: 100%;
list-style: none;
}
.tamagawa .link-2 a {
background: #F8DBF3;
width: 100%;
display: block;
padding: 10px;
border-right: 2px solid #FFF;
}
.tamagawa .link-2 a.select {
background: #FD004D;
color: #FFF;
width: 100%;
display: block;
padding: 10px;
}
.tamagawa .link-2 a:hover {
background: #DD0045;
color: #FFF;
}
@media screen and (max-width: 768px) {
#main.tamagawa .link-2 ul {
font-size: .9em;
}
.tamagawa .link-2 a {
padding: 10px 3px;
}
} header.wakabadai {
background: #1D1A8B;
border-bottom: 0;
color: #FFF;
}
header.wakabadai .gnav {
background: #1D1A8B;
}
.wakabadai h1 {
background: center top no-repeat url(//www.oahuclub.jp/wp-content/themes/oahuclub/img/wakabadai-back.jpg);
background-size: cover;
}
#main.wakabadai h1 span {
padding: 40px 0 40px;
color: #1D1A8B;
font-weight: normal;
line-height: 1.1em;
font-family: Times New Roman, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#main.wakabadai h1 span strong{
color: #333;
}
#main.wakabadai h1 span em{
color: #5BA4DB;
display: inline-block;
margin-top: 10px;
font-size: 14.5px;
text-shadow: 0 0 5px #FFF;
font-weight: normal;
}
.wakabadai .btn a {
background: #8B8A19;
}
.wakabadai #pick-up p {
margin: 0 auto 50px;
max-height: 600px;
}
#main .detail-link {
margin-top: 30px;
}
#main.wakabadai .detail-link a::after, .wakabadai .return-link a::after {
color: #1D1A8B;
}
.wakabadai .junior dl, .wakabadai .price dl, .wakabadai .start .enroll {
display: table;
max-width: 1200px;
width: 96%;
margin: 0 auto 30px;
}
.wakabadai .junior dt, .wakabadai .price dt, .wakabadai .enroll dt {
color: #FFF;
background: #8B8A19;
padding: 20px 10px;
display: table-cell;
}
.wakabadai .junior dd, .wakabadai .price dd, .wakabadai .enroll dd {
background: #F0F0F0;
padding: 20px 10px;
display: table-cell;
text-align: left;
}
#main.wakabadai .access .detail-link {
margin-bottom: 50px;
}
#info.wakabadai dt {
background: #DCDBF8;
}
#info.wakabadai dd {
border-bottom: 2px solid #DCDBF8;
border-right: 2px solid #DCDBF8;
}
#info.wakabadai dl:last-child dt {
border-bottom: 2px solid #DCDBF8;
}
#info.wakabadai dl:nth-child(2) dd {
border-top: 2px solid #DCDBF8;
}
#main.wakabadai .link-2 ul {
width: 100%;
display: flex;
border-bottom: 1px solid #1D1A8B;
align-items: stretch;
}
.wakabadai .link-2 li {
text-align: center;
width: 100%;
list-style: none;
}
.wakabadai .link-2 a {
background: #DCDBF8;
width: 100%;
display: block;
padding: 10px;
border-right: 1px solid #EEE;
}
.wakabadai .link-2 a.select {
background: #1D1A8B;
color: #FFF;
width: 100%;
display: block;
padding: 10px;
}
.wakabadai .link-2 a:hover {
background: #1D1A8B;
color: #FFF;
}
#info.wakabadai dd spna {
font-size: .9em;
} 
@media screen and (max-width: 768px) {
#main.wakabadai .link-2 ul {
font-size: .9em;
}
.wakabadai .link-2 a {
padding: 10px 3px;
}
} header.gakudo {
background: #063;
border-bottom: 0;
color: #FFF;
}
header.gakudo a {
color: #FFF;
}
header.gakudo .top-title {
display: flex;
align-items: center;
}
header.gakudo .top-title h1 {
font-weight: normal;
font-size: 1.3em;
}
header.gakudo .gnav {
background: #063;
}
#main.gakudo .menu {
margin-bottom: 0;
}
#main.gakudo article article {
padding-top: 75px;
border-bottom: 1px solid #DDD;
padding-bottom: 75px;
margin-bottom: 0;
}
#main.gakudo #news-detail {
padding-top: 80px;
margin-bottom: 50px;
}
#main.gakudo #news-detail .bg-orange {
padding-top: 30px;
}
#main.gakudo #news-detail h3 {
font-size: 1.3em;
margin-bottom: 30px;
}
#main.gakudo #news-detail .tel a {
color: #FF6A06;
font-size: 1.3em;
font-weight: bold;
}
#main.gakudo h2 {
color: #FF6A06;
padding: 30px 10px 10px;
}
#main.gakudo section {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 100px;
}
#main.gakudo section h3 {
font-weight: normal;
font-size: 1.3em;
margin-bottom: 30px;
}
#main.gakudo section h3::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f303";
font-size: 1.2em;
margin-right: 10px;
color: #005466;
}
.gakudo .bg-orange {
background: #FFE5D4;
padding: 30px;
}
.gakudo .flow h4, .gakudo .basic h4, .gakudo .event h4 {
color: #006633;
margin-bottom: 10px;
}
.gakudo .flow table {
margin-bottom: 5px;
}
.gakudo .flow aside ul, .gakudo .price aside ul, .gakudo .basic ul, .gakudo .event ul {
max-width: 800px;
width: 96%;
}
.gakudo .lesson ul {
max-width: 400px;
width: 96%;
}
.gakudo .flow aside li, .gakudo .price aside li, .gakudo .basic li, .gakudo .event li, .gakudo .lesson li {
margin: 0 0 5px 30px;
}
.gakudo #feature ol {
max-width: 600px;
width: 96%;
margin: 0 auto 50px;
text-align: left;
counter-reset: item;
}
.gakudo #feature li {
list-style: none;
font-size: 1.1em;
margin-bottom: 15px;
}
.gakudo #feature li:before {
counter-increment: item;
content: counter(item)'.';
font-size: 1.3em;
color: #006633;
margin-right: 5px;
}
.gakudo #feature li span {
font-size: .9em;
display: inline-block;
}
.gakudo #feature li strong {
color: #FF6A06;
}
.gakudo #feature .about p {
max-width: 800px;
width: 96%;
margin: 0 auto 30px;
text-align: left;
}
.gakudo #feature .about strong {
font-size: 1.2em;
font-weight: 200;
}
.gakudo #feature .about dl {
max-width: 800px;
width: 96%;
margin: 0 auto 50px;
}
.gakudo #feature .about dt {
font-size: 1.2em;
color: #006633;
margin-bottom: 10px;
}
.gakudo #feature .about dd {
text-align: left;
}
.gakudo #safety section h3::before {
content: "\f004";
color: #EF4B53;
}
.gakudo #faq dl {
max-width: 960px;
width: 90%;
margin: 0 auto 50px;
text-align: left;
}
.gakudo #faq dt {
font-size: 1.3em;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dotted #666;
}
.gakudo #faq dt::before {
content: "Q.";
font-size: 24px;
color: #006633;
}
.gakudo #faq dd::before {
content: "A.";
font-size: 24px;
color: #006633;
}
.gakudo .price .course {
margin-bottom: 50px;
}
.gakudo .price dl {
display: table;
width: 320px;
margin: 0 auto 5px;
text-align: left;
}
.gakudo .price dt {
display: table-cell;
color: #FF6A06;
width: 120px;
}
.gakudo .price dd {
display: table-cell;
}
.gakudo .price table span {
font-size: .9em;
}
.gakudo .access iframe {
border: 0;
}
#main.gakudo #info h2 {
color: #FFF;
}
#main.gakudo #info h2 span {
font-size: 12px;
display: block;
color: #FFF;
margin-bottom: 10px;
}
.gakudo .btn {
margin-bottom: 30px;
}
.gakudo .btn a {
background: #FF6A06;
}
.gakudo #info dt {
background: #C4FFE1;
}
.gakudo #info dd {
border-bottom: 2px solid #C4FFE1;
border-right: 2px solid #C4FFE1;
}
.gakudo #info dl:last-child dt {
border-bottom: 2px solid #C4FFE1;
}
.gakudo #info dl:nth-child(3) {
border-top: 2px solid #C4FFE1;
}
.gakudo .return-link a::after {
color: #006633;
}
footer.gakudo .links {
background: #C4FFE1;
}
footer.gakudo .footer-contact  {
display: none;
}
@media screen and (max-width: 768px) {
header.gakudo .top-title {
display: block;
}
header.gakudo .top-title .logo {
width: 160px;
padding: 10px;
}
header.gakudo .top-title h1 {
font-size: 1em;
text-align: left;
padding: 0 0 10px 10px;
}
.price .option table {
font-size: .9em;
}
}
@media screen and (max-width: 480px) {
.price .option table {
font-size: .8em;
}
header.gakudo .top-title .logo {
width: 160px;
padding: 10px;
}
#main.gakudo .menu li a {
padding: 10px 3px;
}
footer.gakudo {
padding-bottom: 40px;
}
footer.gakudo .footer-contact {
display: block;
}
footer.gakudo .footer-contact a {
width: 100%;
background: #FF6A06;
color: #FFF;
display: block;
padding: 10px;
position: fixed;
bottom: 0;
}
footer.gakudo .footer-contact a::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0a9";
font-size: 1.2em;
margin-left: 10px;
color: #FFF;
}
} header.yojien {
background: #6B1D7A;
border-bottom: 0;
color: #FFF;
}
header.yojien .gnav {
background: #6B1D7A;
}
.yojien h1 {
padding-top: 10px;
}
.yojien .btn a {
background: #6B1D7A;
} #main #sitemap {
max-width: 760px;
width: 96%;
margin: 30px auto 50px;
} #main .contact h3,
#main .dance-apply h3,
#main .apply h3,
#main .transfer-lesson h3,
#main .recruit h3{
margin-bottom: 5px;
font-weight: normal;
}
#main .contact h3 span,
#main .apply h3 span,
#main .dance-apply h3 span,
#main .transfer-lesson h3 span,
#main .recruit h3 span{
font-size: .9em;
margin-left: 5px;
}
#main .contact h3 .red,
#main .apply h3 .red,
#main .dance-apply h3 .red,
#main .transfer-lesson h3 .red,
#main .recruit h3 .red{
color: #9D0030;
}
#main .contact form,
#main .apply form,
#main .dance-apply form,
#main .transfer-lesson form,
#main .recruit form{
max-width: 800px;
width: 90%;
margin: 0 auto 30px;
text-align: left;
}
#main .contact form a,
#main .apply form a,
#main .dance-apply form a,
#main .transfer-lesson form a,
#main .recruit a{
text-decoration: underline;
}
#main .contact input[type=text],
#main .contact input[type=email],
#main .contact input[type=submit],
#main .contact input[type=tel],
#main .contact textarea,
#main .apply input[type=text],
#main .apply input[type=tel],
#main .apply input[type=email],
#main .apply input[type=submit],
#main .apply textarea,
#main .dance-apply input[type=text],
#main .dance-apply input[type=tel],
#main .dance-apply input[type=email],
#main .dance-apply input[type=submit],
#main .dance-apply textarea,
#main .transfer-lesson input[type=text],
#main .transfer-lesson input[type=email],
#main .transfer-lesson input[type=submit],
#main .recruit input[type=text],
#main .recruit input[type=tel],
#main .recruit input[type=email],
#main .recruit input[type=submit],
#main .recruit textarea{
width: calc(100% - 10px);
margin-top: 5px;
padding: 5px;
margin-bottom: 0;
}
#main .apply input[type=date],
#main .apply select,
#main .dance-apply input[type=date],
#main .dance-apply select,
#main .contact select,
#main .transfer-lesson input[type=date],
#main .transfer-lesson select,
#main .recruit input[type=number],
#main .recruit input[type=date],
#main .recruit select{
padding: 5px;
}
#main .contact input[type=submit],
#main .apply input[type=submit],
#main .dance-apply input[type=submit],
#main .transfer-lesson input[type=submit],
#main .recruit input[type=submit]{
color: #FFF;
background: #FF6A06;
border: none;
padding: 11px 20px;
border-radius: 30px;
transition: .5s;
}
#main .apply  input[type=date],
#main .apply .wpcf7-select option,
#main .dance-apply  input[type=date],
#main .dance-apply .wpcf7-select option {
color: #999;
}
#main .contact .wpcf7-spinner,
#main .apply .wpcf7-spinner,
#main .dance-apply .wpcf7-spinner{
margin: 5px auto 0;
display: block;
}
#main article.contact form a,
#main article.apply form a,
#main article.dance-apply form a,
#main article.recruit form a{
text-decoration: underline;
}
#main .wpcf7 form.sent .wpcf7-response-output {
border: 5px solid #9D0030;
}
#main .wpcf7 form.invalid .wpcf7-response-output,
#main .wpcf7 form.unaccepted .wpcf7-response-output {
border: 5px solid #1D1A8B;
}
#main.gakudo-contact .return-link a::after {
color: #006633;
}
#main .accepted h2,
#main .thanks h2 {
margin-top: 30px;
}
#main .accepted .text,
#main .thanks .text {
max-width: 500px;
width: 90%;
text-align: left;
margin: 0 auto 50px;
}
#main .accepted .return-link,
#main .thanks .return-link {
margin-bottom: 100px;
}