@charset "utf-8";
body{
  background: #f3f2e7;
}
p.headerUpper{
  font-weight: bold;
  font-size: 1.2em;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  -webkit-margin-after: 0em;
  text-align: center;
}
.br::before {
	content: "\A" ;
	white-space: pre ;
}
.header-stack .site-name {
    margin: 10px 0 20px;
}
@media (min-width: 768px){
.site-name {
    font-size: 3em;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
}}
@media (max-width: 480px){
.site-name {
    font-size: 2.6em;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}}
.page-title-filter {
    background: rgba(0, 0, 0, 0);
}

.childTopArea{
  margin-bottom:50px;
}
.childTopTitle{
  font-size: 2.2em;
  line-height: 1.44;
  text-align: center;
      font-weight: bold;
  -webkit-margin-before: 0em;
    -webkit-margin-after: 0.5em;
    color:#1e393d;
}
@media (max-width: 480px){
  .childTopTitle{
    font-size: 1.8em;
    font-weight: bold;
}}
.childTopText{
  font-size: 1.2em;
    text-align: center;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0.5em;
  border-bottom: 1px dotted #000033;
}
.childTopSubTitle{
  background-color: #b8edfb;
  font-size: 1.8em;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  width:80%;
}

.main-slider-main-copy,.main-slider-side-copy{
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    background-color: rgba(255,204,102,0.7);
}
.main-slider-side-copy{
  font-weight: bolder;
  font-size: 2em;
}
.page-title{
text-shadow: 2px 2px 2px #000024;
}

.suggest-box{
  background-color: #faf4eb;
}
@media (min-width: 768px){
.header-stack .navbar li {
    border-left: 1px solid #fff;
}}
@media (min-width: 768px){
.header-stack .navbar>ul {
    border-right: 1px solid #fff;
}}

/* ------------------------------
　　見出し
------------------------------ */
.acms-page-header {
    border-bottom-style: none;
}
h1{
  font-size: 2.5em;
  line-height: 1.44;
  font-weight: normal;
}
.module-header {
    border-bottom-style: none;
}
.module-heading {
    font-size: 1.8em;
    text-align: center;
    color:#1e393d;
}
@media (max-width: 480px){
.module-heading{
    font-size: 1.6em;
}}
.entry-title {
    margin-bottom: 30px;
}
.entry-column h3 {
  font-size: 1.8em;
  border-left: 8px solid #ffc20e;
    font-weight: bold;
    color:#333;
    background-color: transparent;
  }
@media (max-width: 480px){
h3{
font-size: 1em;
}}
h4{
margin-block-end: 0.2em;
}
.entry-column h4{
  font-size: 1.6em;
  background: none;
  color:#0096e0;
}
.entry-column h5{
  font-size:1.4em;
  margin-block-start: 0.5em;
      margin-block-end: 0.5em;
}

/* ------------------------------
　　定義リスト
------------------------------ */
.entry-column dl{
  border:5px solid #e5e5e5;
  padding:10px;
}
.entry-column dt {
  color:#900;
font-weight: bold;
font-size: 18px;
}
.entry-column dd {
  border-bottom:1px dotted #999;
  margin-bottom: 15px;
}
/* テキスト・ポイント*/
p.point{
  font-size: 1.6em;
  font-weight:bold;
}
p.point::before{
  content: "POINT!\A";
  color:#c7000b;
  font-weight: bold;
  border-bottom:1px solid #c7000b;
white-space: pre;
}
/* テキスト・チェック*/
p.check{
  font-size: 1.6em;
  font-weight:bold;
}
p.check::before{
  content: "CHECK!\A";
  color:#1e87b8;
  font-weight: bold;
  border-bottom:1px solid #1e87b8;
white-space: pre;
}
/* 使用教具*/
p.tool{
  font-size: 1.4em;
  font-weight:normal;
}
p.tool::before{
  content: "使用教具・教材\A";
  color:#14c3f3;
  border-bottom:1px solid #999;
white-space: pre;
}

.bannerTop{
  margin-top: 50px;
  margin-bottom:50px;
}

.summary-default,.summary-default-entry {
    border-color: #1e393d;
    border-width: 0px;
    background-color: #fff;
}
.summary-title{
  font-size: 1.6em;
  font-weight: bolder;
}
.summary-detail {
    margin: 0;
    line-height: 1.7;
    font-size: 1.3em;
}

.bannerItem{
  border:solid 10px #8FC428;
  padding:5px;
}
.bannerItemTitle{
  text-align: center;
  font-size: 1.8em;
}
.bannerItem a{
  text-decoration: none;
}
.entry-column ol {
    overflow: hidden;
    margin: 0 0 30px 0;
    padding: 0 15px 0 23px;
    list-style: none;
    counter-reset: ol-counter;
}
.entry-column ol li {
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    margin: 0 0 5px 0;
    padding: 0 0 0 30px;
}
.entry-column ol li::before{
  font-size: 18px;
  font-weight: bold;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin: 0 7px 0 0;
    padding: 3px 5px 3px;
    content: counter(ol-counter);
    counter-increment: ol-counter;
    color: #fff;
    background: #0096e0;
}
.entry-column ul {
    overflow: hidden;
    margin: 0 0 30px 0;
    padding: 0 15px 0 38px;
}
.entry-column ul li {
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    display: block;
    margin: 0 0 5px 0;
    padding: 0 0 0 15px;
}
.entry-column ul li:before {
    position: absolute;
    top: 8px;
    left: -15px;
    width: 8px;
    height: 8px;
    content: '';
    transform: rotate(45deg);
    border-radius: 50%;
    background: #0096e0;
}
/* ユニット・*/
em{
  border-bottom: solid 2px #0096e0;
}

/* フッター*/
.foot-wrapper {
    background: #1E87B8;
}
p.linkBtnBlue{
  font-size: 1.4em;
}

p.linkBtnBlue a {
    background: #0068b7;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    border: 0;
    display: inline-block;
    padding: 15px 15px;
    border-radius: 3px;
}
p.linkBtnBlue a::after{
  content: "　⇒"
}
p.linkBtnBlue a:hover {
    background-color: #0068b7;
    background-image: linear-gradient(180deg,#0091ff,#0068b7);
    color: #fff;
}
p.linkBtnBlue a:hover, p.linkBtnBlue a:visited {
    color: #fff;
    text-decoration: none;
}

.contactBox .mailStep {
    background: #fff;
}
.contactBox .mailStepItem ol li {
float: left;
}

@media screen and (min-width: 768px){
.entry-column td, .entry-column th {
    border: 1px solid #dfdfdf;
    background-color: #fff;
}}
form.acms-admin-btn {
    display: inline-block;
    padding: 8px 10px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 3px;
    transition: background-color .2s,border-color .2s;
    font-size: 3em;
    color: #333;
    background-color: #f7f7f7;
    border: 1px solid rgba(0,0,0,.2);
    transition: background-color .2s;
}
ul.coment li {
  padding: 1em;
  border: 4px solid #0096e0;
  border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
  list-style-type: none;
  margin-bottom:10px;
}
ul.coment li::before{
  background: none;
}
/*ナビゼミフォーム・カスタムフィールドによるテーブル追加分*/
.acms-admin-table-admin-edit th {
    text-align: left;
}
/*ナビゼミフォーム・確認画面の文字の色*/
.font-red{
  color:#ff0000;
  font-weight: bold;
}
/*paypal・すぐに購入ボタンエリア*/
.paypal-pay{
  margin-bottom:10px;
}