@charset "utf-8";


.container-wrap {
padding: 20px 0;
}

article {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: #f4aefd 6px solid;
}

/* ------------------------------------------------ */
/* 扉ページ　前田先生
------------------------------------------------ */

article h1,
article .cornerTitle {
color: #c80000;
font-size: 200%;
font-weight: bold;

text-align: center;
}

/* profile
------------------------ */

article .profile {
border: solid 8px #ff96ec;
border-radius: 6px;
padding: 20px;
margin-bottom: 1em;
background: -moz-linear-gradient(top, #ffd7ff, #FFF);
background: -webkit-linear-gradient(top, #ffd7ff, #FFF);
background: linear-gradient(to bottom, #ffd7ff, #FFF);
}

article .profile .photo {
float: left;
width: 160px;
}

article .profile .photo img {
display:block;
box-shadow: 10px 10px #bebebe;
width: 144px;
margin: 0 auto;
}

article .profile .detail {
width: 444px;
float: right;
}

article .profile h2 {
font-weight: bold;
font-size: 130%;
}

article .profile .clearfix {
margin-bottom: 1em;
}

article .profile .name {
float: left;
width: 75px;
}

article .profile .katagaki {
float: right;
width: 359px;
}

article .profile h3:before {
font-family: FontAwesome;
content : "\f0c8";
margin-right: .2em;
}

article h2 {
color: #c80000;
font-size: 130%;
font-weight: bold;
}

article h2:before {
font-family: FontAwesome;
content : "\f111";
margin-right: .2em;
}

/* table
------------------------------------------------ */

article .table-layout {
margin-bottom: 1em;
}

article .table-layout table {
width: 100%;
font-size: 90%;
}

article .table-layout th,
article .table-layout td {
padding: .5em;
text-align: center;
}

article .table-layout .note {
font-size: 90%;
text-align: right;
color: #ff0000;
}


/* table-layout tobira1
------------------------ */

article .table-layout.tobira1 th,
article .table-layout.tobira1 td {
border: 5px solid #fff;
}

article .table-layout.tobira1 .tate {
    background: #E560DE;
    color: #fff;
    text-align: center;
}


article .table-layout.tobira1 thead .sec1 {
background: #E560DE;
color: #fff;
}

article .table-layout.tobira1 thead .sec2 {
background: #E560DE;
color: #fff;
}

article .table-layout.tobira1 thead .sec3 {
background: #E560DE;
color: #fff;
}

article .table-layout.tobira1 tbody .sec1 {
background: #FFD1FC;
}

article .table-layout.tobira1 tbody .sec2 {
background: #FFD1FC;
}

article .table-layout.tobira1 tbody .sec3 {
background: #FFD1FC;
}

/* ------------------------------------------------ */
/* 下層ページ　前田先生
------------------------------------------------ */

article.subPage h2 {
color: #aa37c8;
margin-bottom: 10px;
}

article.subPage h2 span {
font-size: 80%;
}

article.subPage h3 {
color: #aa37c8;
font-weight: bold;
margin-bottom: 10px;
}


/* titleArea
------------------------------------------------ */
article .titleArea {
margin-bottom: 20px;
padding: 0 0 20px 0;
border: #ff99ef solid 6px;
}

article .titleArea .haikei {
display: inline-block;
background: #ffd6ff;
padding: 0 30px 10px 20px;
margin-bottom: 10px;
-moz-border-radius: 0 0 20px;
-webkit-border-radius: 0 0 20px;
border-radius: 0 0 20px;
}

article .titleArea h1 {
text-align: left;
margin: 0;
}
article .titleArea h1:before {
font-family: FontAwesome;
content : "\f111";
color: #ffa882;
margin-right: .2em;
}
article .titleArea .label {
color: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 0 .5em;
}
article .titleArea .label.seijinki {
background: #ef73ff;
}
article .titleArea .label.cyunenki {
background: #c654fd;
}
article .titleArea .label.koreiki {
background: #aa37c8;
}

article .titleArea .lifeStage {
color: #c80000;
font-weight: bold;
}

article .titleArea ul {
margin-left: 20px;
margin-bottom: 0;
}

article .titleArea .mokuji .lv1:before {
font-family: FontAwesome;
content: "\f111";
color: #ff55ff;
margin-right: .2em;
}

article .titleArea .mokuji .lv2 {
margin-left: 1em;
}

/* 本文
------------------------------------------------ */

article ul,
article ol {
margin-bottom: 1em;
}

article ul.disc {
list-style: disc;
margin-left: 1em;
padding-left: 1em;
}

article ul.maru {
margin-left: 1em;
padding-left: 1em;
text-indent: -1em;
}

article ul.maru li:before {
font-family: FontAwesome;
content: "\f111";
color: #ff55ff;
margin-right: .2em;
}



article ol {
list-style: decimal;
margin-left: 1em;
padding-left: 1em;
}

article .movie {
width: 560px;
margin: 0 auto 0;
}


article .point {
width: 560px;
margin: 0 auto 1em;
}

article .point .movie {
width: 490px;
}


article .point i {
display:block;
text-align: center;
margin-bottom: 1em
}

article .point .star {
font-weight: bold;
}

article .point .star:before {
font-family: FontAwesome;
content : "\f005";
margin-right: .2em;
}

/* ------------------------------------------------ */
/* 扉ページ　菅野先生
------------------------------------------------ */

article.drkanno {
border-bottom: #06eafe 6px solid;
}

article.drkanno h1,
article.drkanno .cornerTitle {
color: #0c1cb5;
}

article.drkanno .profile {
border: solid 8px #007eff;
background: -moz-linear-gradient(top, #d4e9fe, #FFF);
background: -webkit-linear-gradient(top, #d4e9fe, #FFF);
background: linear-gradient(to bottom, #d4e9fe, #FFF);
}

article.drkanno h2 {
color: #0c1cb5;
font-size: 130%;
font-weight: bold;
}

article.drkanno .mokuji h2 {
background: #00ebfe;
font-size: 120%;
padding: 0 10px;
margin-bottom: 10px;
}

article.drkanno .mokuji h2:before {
content: "";
}

article.drkanno .mokuji ul {
margin-bottom: 0;
}

article.drkanno .mokuji li a {
display:block;
width: 50%;
float: left;
height: 45px;
line-height: 45px;
padding-left: 64px;
}



article.drkanno .mokuji li.no1 a {
background: url(/exer/images/icon-01.jpg) no-repeat 0 0;
}
article.drkanno .mokuji li.no2 a {
background: url(/exer/images/icon-02.jpg) no-repeat 0 0;
}
article.drkanno .mokuji li.no3 a {
background: url(/exer/images/icon-03.jpg) no-repeat 0 0;
}
article.drkanno .mokuji li.no4 a {
background: url(/exer/images/icon-04.jpg) no-repeat 0 0;
}
article.drkanno .mokuji li.no5 a {
background: url(/exer/images/icon-05.jpg) no-repeat 0 0;
}
article.drkanno .mokuji li.no6 a {
background: url(/exer/images/icon-06.jpg) no-repeat 0 0;
}
article.drkanno .mokuji li.no7 a {
background: url(/exer/images/icon-07.jpg) no-repeat 0 0;
}
article.drkanno .mokuji li.no8 a {
background: url(/exer/images/icon-08.jpg) no-repeat 0 0;
}
article.drkanno .mokuji li.no9 a {
background: url(/exer/images/icon-09.jpg) no-repeat 0 0;
}
article.drkanno .mokuji li.no10 a {
background: url(/exer/images/icon-10.jpg) no-repeat 0 0;
}
article.drkanno .mokuji li.no11 a {
background: url(/exer/images/icon-11.jpg) no-repeat 0 0;
}

/* ------------------------------------------------ */
/* もくじ ページ下部
------------------------------------------------ */

.mokuji-all {
margin-top: 10px;
padding-top: 10px;
border-top: #f4aefd 6px solid;
font-size: 90%;
}

.mokuji-all .table-layout {
margin-bottom: 1em;
}

.mokuji-all .table-layout table {
width: 100%;
font-size: 100%;
}

.mokuji-all .table-layout th,
.mokuji-all .table-layout td {

text-align: center;
border: 5px solid #fff;
}

.mokuji-all .table-layout .note {
font-size: 90%;
text-align: right;
color: #ff0000;
}

.mokuji-all th {
background: #E560DE;
color: #fff;
}

.mokuji-all a,
.mokuji-all span {
display:block;
background: #FFD1FC;
}

.mokuji-all a:hover {
background: #FF91E9;
text-decoration: none;
color: #fff;
}

.mokuji-all a:after {
font-family: FontAwesome;
content : "\f138";
margin-left: .5em;
}

/* ------------------------------------------------ */

article ol.waku {
border: 3px solid #F4AEFD;
padding: .5em .5em .5em 2em;
margin-right: 1em;
}
