@charset "UTF-8";




/* pc-none 
------------------------------------------------ */

.pc-none {
display: none !important;
}

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

#main .wrap {
background-color: #fff;
margin: 0;
padding: 10px;
}


/* header
------------------------ */





/* header
------------------------ */

#header-sub {
margin-bottom: 40px;
min-height: 409px;
}

#header-sub img {
display:block;
width: 300px;
height: auto;
}




#container-wrap {
min-width:1060px;
min-height: 800px;
background: url(/10-8/images/bg-sora.jpg);
background-size: cover;
background-attachment: fixed;
}

#container-wrap-wrap {
padding: 20px 40px 40px 40px;
}


#main .wrap {
margin-left: 340px;
padding: 20px;
background-color: #fff;
box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}

#main, #side {
margin-bottom: 40px;
}


#side {
position:relative;
float: left;
width: 300px;
}



/* footer
------------------------ */

#footer {
min-width:1060px;
padding: 20px 0;
background: #0062A0;
color: #fff;
text-align: center;
}

#footer a {
color: #fff;
}

/* title
------------------------------------------------ */

#main .title {
margin-bottom: 40px;
}

#main.learning .title {
background:url(/10-8/images/side-learning.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.quiz .title {
background:url(/10-8/images/top-btn-quiz.jpg) no-repeat 80% 80%;
background-size: cover;
}

#main.contest .title {
background:url(/10-8/images/top-btn-contest.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.download .title {
background:url(/10-8/images/side-learning.jpg) no-repeat 50% 50%;
background-size: cover;
}


#main .title-wrap {
padding: 30px;
background: rgb(74 74 74 / 50%);
font-size: 2rem;
min-height: 140px;
}

#main .title .target {
display: inline-block;
color: #fff;
margin-top: 10px;
padding: 5px 10px;
border-radius: 10px;
-moz-border-radius:
10px;-webkit-border-radius: 10px;
line-height: 1.5;
font-size: 2.5rem;
}

#main.learning  .title .target {
background: #EF4F64;
}

#main.quiz .title .target {
background: #2DBF28;
}

#main.contest .title .target {
background: #A5C128;
}

#main h1 {
font-size: 3.0rem;
line-height: 1.5;
font-weight: bold;
}

#main h2,#main_web h2 {
padding: 5px 45px;
font-size: 2.0rem;
margin-bottom: 20px;
background:url(/10-8/images/mark.gif) no-repeat 0 50%;
background-size: auto 50px;
font-weight: bold;
border-bottom: #E3007F solid 2px;
}

#main h3 {
padding: 0 10px;
font-size: 1.8rem;
margin-bottom: 10px;
font-weight: bold;
border-bottom: #E3007F dotted 1px;
}


/* side-menu
------------------------------------------------ */

#side .box {
margin-bottom: 40px;
border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
-webkit-border-radius: 20px 20px 0 0;
box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
text-align: center;
}




#side .box .wrap {
padding: 0 10px;
}

#side .box .wrap .button {

}


#side #learning {
background: #EF7F8C;
padding-bottom: 10px;
}

#side #quiz .button-wide,
#side #learning .button-wide {
margin-top: 10px;
}



#side #seminar {
background: #F7CA7C;
padding-bottom: 10px;
}

#side #seminar .button-wide,
#side #contest .button-wide {
margin-bottom: 10px;
}

#side #contest {
background: #D3E584;
padding-bottom: 10px;
}

#side #quiz {
background: #74DB6B;
padding-bottom: 10px;
}

#side #outline {
background: #E8D3EA;
padding-bottom: 10px;
}

#side .title {
padding: 10px;
font-weight: bold;
font-size: 2.0rem;
line-height: 1.5;
border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
-webkit-border-radius: 20px 20px 0 0;
color: #fff;
}

#side #learning .title {
background: #EF4F64;
}

#side #seminar .title {
background: #F2A31A;
}

#side #contest .title {
background: #A5C128;
}

#side #quiz .title {
background: #2DBF28;
}

#side #outline .title {
background: #C95BD3;
}

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

#side #outline ul li {
border-bottom: 1px dotted #C95BD3;
}

#side #outline ul li:last-child {
border-bottom: none;
}


#side #outline ul li a {
display: block;
}

#side #outline ul li a:hover {
background: #C95BD3;
color: #fff;
text-decoration: none;
}



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

#main .breadcrumb {
overflow: hidden;
margin-bottom: 10px;
padding: 10px 20px;
color: #fff;
font-size: 1.3rem;
}

#main.learning .breadcrumb {
background: #EF7F8C;
}

#main.quiz .breadcrumb {
background: #2DBF28;
}

#main.contest .breadcrumb {
background: #A5C128;
}

#main.download .breadcrumb {
background: #EF92B6;
}

#main .breadcrumb a {
color: #fff;
}

#main .breadcrumb li {
float: left;
}

#main .breadcrumb li::after {
  display: inline-block;
  content: '\00bb';
  margin: 0 1em;
}

#main .breadcrumb li:last-of-type::after {
  display: none;
}

/* entryBody-common
------------------------------------------------ */
#main .entryBody {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: #E3007F solid 2px;
}


#main .entryBody .fig {
text-align: center;
font-weight: bold;
}
#main .entryBody ul {
list-style: disc;
margin: 0 2em 1em;
padding: 1em 2em;
background: #F4E07C;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

#main .entryBody ul.nostyle {
list-style: none;
}



#main .entryBody a:link {
color:#004D77;
text-decoration:underline
}

#main .entryBody a:visited {
color:#004D77;
text-decoration:underline
}

#main .entryBody a:hover {
color:#00A0F7;
text-decoration:underline
}

#main .entryBody a:active {
color:#00A0F7;
text-decoration:underline
}

#main .button-wide.toQuiz {
font-size: 2rem;
}

#main .entryBody .lead {
background: #F9E68E;
font-size: 2rem;
padding: 20px;
}

/* supporter
------------------------------------------------ */


#supporter {
min-width: 1060px;
background: #00819E;
color: #fff;
}

#supporter .wrap {
width: 1060px;
padding: 40px 0;
margin: 0 auto;
}


#supporter ul {
margin: 0 10px;
}

#supporter ul.company {
margin: 0 10px 20px;
}

#supporter ul li {
float: left;
margin: 0 10px 20px 10px;
}

#supporter ul.company li {
float: left;
margin: 0 0 5px 5px;
}

#supporter ul.company li img {
width: 200px;
}

#supporter .title {
margin-bottom: 5px;
color: #fff;
font-weight: bold;
line-height: 1.5;
font-size: 2.5rem;
}

#supporter .title span {
font-size: 1.6rem;
font-weight: normal;
}

#supporter .title-l {
margin-bottom: 5px;
color: #fff;
font-weight: bold;
line-height: 1.5;
font-size: 3rem;
}

#supporter .title-l span {
display:block;
font-size: 2rem;
}


#supporter a {
color: #fff;
}

#supporter a:hover {
color: #EF4F64;
text-decoration: none;
}


#supporter ul.media {
margin: 0 0 20px 0;
}


#supporter ul.media li {
margin: 0 20px 0 20px;
}

/* contest
------------------------------------------------ */

#main.contest .title .contest-cat {
background: #A5C128;
color: #fff;
padding: 5px 10px;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

#main .entryBody .button a:link,
#main .entryBody .button-wide a:link,
#main .entryBody .button a:visited,
#main .entryBody .button-wide a:visited,
#main .entryBody .button a:hover,
#main .entryBody .button-wide a:hover,
#main .entryBody .button a:active,
#main .entryBody .button-wide a:active {
color: #fff;
text-decoration: none;
}

#main .entryBody .button-wide.big {
font-size: 3rem;
}


.contest dl.price {
font-size: 2rem;
margin: 0 3em 1em;
}

.contest dl.price dt {
font-weight: bold;
}

.contest dl.price dd {
padding-left: 3em;
}

.contest .waku {
margin: 0 2em 1em;
}

.contest ul.dm3min {
list-style: none !important;
}

.contest ul.dm3min li {
margin-left: 1em;
}

.contest ul.dm3min li.midashi {
font-weight: bold;
margin-left: 0;
}


/* quiz
------------------------------------------------ */

#main.quiz .box {
padding: 20px;
}

#main.quiz .box.odd{
background: #74DB6B;
}

#main.quiz .box .question {
margin-bottom: 10px;
font-size: 3rem;
line-height: 1.5;
padding-left: 3.7em;
text-indent: -3.7em;
}

#main.quiz .box .flex {
font-size: 6rem;
line-height: 1;
font-weight: bold;
  display: -webkit-flex; /* Safari */
  display: flex;

  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;

  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
}

#main.quiz .box .flex div {
padding: 20px;
margin: 0 20px 10px;
border:1px solid #a9a9a9;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
color: #fff;
cursor: pointer;
}

#main.quiz .box .circle {
background: #89BDDE;
}

#main.quiz .box .circle:hover {
background: #fff;
color: #89BDDE;
}

#main.quiz .box .cross {
background: #E8868F;
}

#main.quiz .box .cross:hover {
background: #fff;
color: #E8868F;
}

#main.quiz .box .triangle {
background: #BEDD89;
}

#main.quiz .box .triangle:hover {
background: #fff;
color: #BEDD89;
}


#main.quiz .box .answer {
font-weight: bold;
margin: 20px 0;
text-align: center;
font-size: 2rem;
//line-height: 1;
background: #F7CA7C;
color: #fff;
}

#main.quiz .box .answer span {
font-size: 6rem;
line-height: 1;
}

#main.quiz .description {
display: none;
}


/* seminar
------------------------------------------------ */

#main.seminar .title {
background:url(/10-8/images/top-btn-seminar-r.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.seminar .breadcrumb {
background: #F2A31A;
}

#main.seminar dl.seminar-outline {
padding: 20px;
background: #F4E07C;
margin: 1em;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

#main.seminar dl.seminar-outline dt {
padding: 5px 5px 0;
border-top: 1px dotted #a9a9a9;
font-weight: bold;
font-size: 2rem;
}

#main.seminar dl.seminar-outline dd {
margin-left: 1em;

}


#main.seminar dl.seminar-outline dl {
padding: 10px;
background: #fff;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

#main.seminar dl.seminar-outline dl dt {
font-size: 1.6rem;
}

/* outLine
------------------------------------------------ */

#main.outLine .about {
margin: 0 40px;
}

#main.outLine .title {
background:url(/10-8/images/top-btn-about.jpg) no-repeat 50% 50%;
background-size: cover;
}


#main.outLine .breadcrumb {
background: #C95BD3;
}

#main.outLine .gmap iframe {
width: 100%;
min-height: 300px
}

/* download
------------------------------------------------ */

#main.download .box {
margin: 0 0 20px 0;
  display: -webkit-flex; /* Safari */
  display: block;
  overflow: hidden;
}

#main.download .box .lead {
font-size: 1.6rem;
}

#main.download .box p {
margin: 0;
}

#main.download .box .thumbnail {
padding-right: 2px;
width: auto;
border: none;
}

#main.download .box .thumbnail img {
width: 200px;
display:block;
border: solid 1px #EF92B6;
margin: 0 auto;
}

#main.download .box .lead {
margin-bottom: 20px;
}

@media print, screen and (min-width: 736px) {
#main.download .box .lead {
padding-left: 320px;
}

#main.download .box .thumbnail img {
float: left;
width: 300px;
display:block;
border: solid 1px #EF92B6;
}
}


/* side download
------------------------------------------------ */

#side #download {
padding: 10px;
background: #F24987;
color: #fff;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
margin-bottom: 40px;
}

#side #download .title {
text-align: center;
}


#side #download p {
margin-bottom: 5px;
}

#side #download .button {
margin-top: 5px;
}

#side #download .button a {
background: #CC165C;
color: #fff;
}

#side #download .button a:hover {
background: #fff;
color: #FF325B;
}

/* contest　作品一覧
------------------------------------------------ */

#main.contest .sakuhin {
margin: 0 40px;
font-size: 2.0rem;
padding: 10px 20px 0 20px;
border-top: 5px solid #A5C128;
border-left: 5px solid #A5C128;
}

#main.contest .author {
margin: 0 40px 20px 40px;
text-align: right;
padding: 0 20px 10px 20px;
border-bottom: 5px solid #A5C128;
border-right: 5px solid #A5C128;
}

#main.contest .icon img {
width: 300px;
height: auto;
}

#main.contest .theme {
display:block;
background: #A5C128;
text-align: center;
font-size: 100%;
margin-top: 10px;
}

#main.contest .theme:before {
content: "作品テーマ：";
}

#main.contest .sakuhin .hitokoto {
font-size: 140%;
color: red;
}

/* 20170817
------------------------------------------------ */

#main.contest .punc {
color: red;
font-weight: bold;
}

/* 20171003
------------------------------------------------ */

#main.hakaru .breadcrumb {
background: #F7BE02;
}

#main.hakaru .title {
background:url(/10-8/images/side-hakaru.png) no-repeat 50% 50%;
background-size: cover;
}

#side #hakaru .title {
background: #F7BE02;
}
#side #hakaru {
background: #fbe497;
padding-bottom: 10px;
}

#side #hakaru .memo {
text-align: left;
}


.pageNation p {
margin-bottom: 1em;
}

.pageNation p:last-child {
margin-bottom: 0;
}

/* 20180731
------------------------------------------------ */

.entryBody .contest-example {
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.entryBody .contest-example div {
margin: 10px;
}


/* 20181101
------------------------------------------------ */

#main.control .breadcrumb {
background: #031fc7;
}

#main.control .title {
background:url(/10-8/images/side-control.png) no-repeat 50% 50%;
background-size: cover;
}

#side #control .title {
background: #031fc7;
}
#side #control {
background: #a0dfff;
padding-bottom: 10px;
}

#side #control .memo {
text-align: left;
}


.pageNation p {
margin-bottom: 1em;
}

.pageNation p:last-child {
margin-bottom: 0;
}

#main.control .notes {
font-size: 80%;
padding-left: 1em;
text-indent: -1em;
line-height: 1.4em;
}

#main.control .table {
line-height: 1.5em;
}

#main.control .table2 {
line-height: 1.2em;
text-align: center;
}

#main_web .box {
    background: #fff;
    margin: 15px;
    border-radius: 5px;
}