section#creator_course {
    margin-bottom: 250px;
    line-height: 2rem;
}

/* 共通 */
.hook_course {
    background: url(../image/creator_course_background.jpg);
    background-size: cover;
}

.course_title {
    color: #606;
}

.course_description {
    border-color: #c0c;
}

.course_contents {
    margin: 150px auto;
    background:
     linear-gradient(135deg,
      #ffe0ff 8.33%, #fff 8.33%, 
      #fff 50%, #ffe0ff 50%, 
      #ffe0ff 58.33%, #fff 58.33%, 
      #fff 100%);
    background-size: 8.49px 8.49px;
}

h2.simple_underline {
    color: #606;
    border-color: #c0c;
}

.course_group summary {
    background: 
    radial-gradient(circle at center center, transparent 0%,rgb(102,0,102) 99%),
    repeating-linear-gradient(0deg, rgba(163, 163, 163,0.2) 0px, 
    rgba(163, 163, 163,0.2) 1px,transparent 1px, transparent 6px),
    repeating-linear-gradient(90deg, rgba(163, 163, 163,0.2) 0px, 
    rgba(163, 163, 163,0.2) 1px,transparent 1px, transparent 6px),
    linear-gradient(90deg, rgb(102,0,102),rgb(102,0,102));
}

.course_group summary:hover {
    color: #606;
    background: 
    radial-gradient(circle at center center, transparent 0%,rgb(204,0,204) 99%),
    repeating-linear-gradient(0deg, rgba(66, 66, 66, 0.1) 0px, 
    rgba(66, 66, 66, 0.1) 1px,transparent 1px, transparent 6px),
    repeating-linear-gradient(90deg, rgba(66, 66, 66, 0.1) 0px, 
    rgba(66, 66, 66, 0.1) 1px,transparent 1px, transparent 6px),
    linear-gradient(90deg, rgb(204,0,204),rgb(204,0,204));
}

.details_link a {
    width: 300px;
    margin: 25px auto;
    color: #FAF2E9;
    background: linear-gradient(-90deg, rgb(204,0,204),rgb(102,0,102));
    border: 2px solid #606;
}

.details_link a::before {
    background: linear-gradient(90deg, rgb(204,0,204),rgb(102,0,102));
}

.details_link a:hover {
    color: #FAF2E9;
}
/* 共通 */

/* 装飾 */
.heading_striped_underline::before {
    background:
     repeating-linear-gradient(45deg,
      rgba(0,0,0,0.3) 0px, rgba(0,0,0,0.3) 16px,
      transparent 16px, transparent 32px, 
      rgba(0,0,0,0.05) 32px, rgba(0,0,0,0.05) 80px,
      transparent 80px, transparent 96px,      
      rgba(0,0,0,0.23) 96px, rgba(0,0,0,0.23) 208px),
     repeating-linear-gradient(135deg,
      transparent 0px, transparent 3px,
      rgba(0,0,0,0.1) 3px, rgba(0,0,0,0.1) 6px,     
      transparent 24px, transparent 27px,
      rgba(0,0,0,0.03) 27px, rgba(0,0,0,0.03) 30px,
      transparent 42px, transparent 45px,
      rgba(0,0,0,0.03) 51px, rgba(0,0,0,0.03) 54px),
     linear-gradient(135deg, rgb(204,0,204),rgb(102,0,102));
}

.simple_doubleline_style {
    width: min(500px, 100%);
    border-color: #c0c;
    text-align: right;
}

.triangle_Heading {
    border-bottom: 2px dashed #c0c;
}

.triangle_Heading::before {
    border-color: transparent transparent transparent #c0c;
}

.simple_bullet_points li::before {
    color: #c0c;
}

.highlighted {
    background: #c0c;
}
/* 装飾 */

/* クリエイター */
.course_group {
    width: min(500px, 100%);
    margin: 50px auto;
    margin-bottom: 0;
}
/* クリエイター */

/* 768px以下 */
@media screen and (max-width:768px) {
    .details_link a {
        width: 90%;
    }

    .side_line_style {
        width: 100%;
    }

    .side_line_style::before {
        top: 0;
    }

    .side_line_style:after {
        top: inherit;
        bottom: 0;
    }
}