@charset "shift_jis";

/*============ PC ===========*/

.mincho {
  font-family: "HGS–¾’©E",serif!important;
}

#section01 {
  background-color: #9acd32;
}

#section01 .width-small {
  background: transparent url(/kangsangjung/img/kangsangjung_intro.jpg) top left no-repeat;
}

#section01 .width-big {
  background: rgba(255,255,255,0.9);
  padding-left: 20px;
}

#section01, #section05 {
  background: #d5dd78; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #d5dd78 0%, #dee798 40%, #dee798 60%, #d5dd78 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #d5dd78 0%, #dee798 40%, #dee798 60%, #d5dd78 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #d5dd78 0%, #dee798 40%, #dee798 60%, #d5dd78 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#section02, #section05 {
  background: #b8e4f2; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #b8e4f2 0%, #e0ffff 40%, #e0ffff 60%, #b8e4f2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #b8e4f2 0%, #e0ffff 40%, #e0ffff 60%, #b8e4f2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #b8e4f2 0%, #e0ffff 40%, #e0ffff 60%, #b8e4f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#section03 {
  background: #f8e58c; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #f8e58c 0%, #fafad2 40%, #fafad2 60%, #f8e58c 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #f8e58c 0%, #fafad2 40%,#fafad2 60%, #f8e58c 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #f8e58c 0%, #fafad2 40%, #fafad2 60%, #f8e58c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#section04 {
  background: #ffdbdb; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ffdbdb 0%, #ffeaea 40%, #ffeaea 60%, #ffdbdb 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #ffdbdb 0%,#ffeaea 40%,#ffeaea 60%, #ffdbdb 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #ffdbdb 0%,#ffeaea 40%,#ffeaea 60%, #ffdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#section04 h3 span:nth-child(1) {
  background: #7e2223;
}

#section04 h3 span:nth-child(2) {
  background: #ffdddd;
}

#section01 .block, #section02 .block, #section04 .block, #section05 .column1 {
  box-shadow: 0 0 4px #aaa;
}

#section05 p.point-number {
  background-color: #715c1f;
}

#section05 h3 {
  color: #1e1e70;
}

.block em {
  color: #5d3512;
}

span.annotation {
  display: block;
  text-align: right;
}

.disc01 .cdlist-title, .disc02 .cdlist-title, .disc07 .cdlist-title, .disc08 .cdlist-title {
  background-color: #ff4500;
}

.disc01, .disc02, .disc07, .disc08 {
  border: 1px solid #ff4500!important;
}

.cdlist .disc01 ul li:before, .cdlist .disc02 ul li:before, .cdlist .disc07 ul li:before, .cdlist .disc08 ul li:before {
  color: #ff4500!important;
}

.disc03 .cdlist-title, .disc04 .cdlist-title, .disc09 .cdlist-title, .disc10 .cdlist-title {
  background-color: #007bbb;
}

.disc03, .disc04, .disc09, .disc10 {
  border: 1px solid #007bbb!important;
}

.cdlist .disc03 ul li:before, .cdlist .disc04 ul li:before, .cdlist .disc09 ul li:before, .cdlist .disc10 ul li:before {
  color: #007bbb!important;
}

.disc05 .cdlist-title, .disc06 .cdlist-title, .disc11 .cdlist-title, .disc12 .cdlist-title {
  background-color: #00552e;
}

.disc05, .disc06, .disc11, .disc12 {
  border: 1px solid #00552e!important;
}

.cdlist .disc05 ul li:before, .cdlist .disc06 ul li:before, .cdlist .disc11 ul li:before, .cdlist .disc12 ul li:before {
  color: #00552e!important;
}

.kangsangjung-line1 {
  border-bottom: 3px solid #ed0909;
}

.kangsangjung-line2 {
  border-bottom: 3px solid #365899;
}

.kangsangjung-line3 {
  border-bottom: 3px solid #006400;
}

.kangsangjung-natsume {
  color: #006400;
}

.detailetmpl img {
    margin: 0 auto;
}

/*============ SP ===========*/

@media screen and (max-width: 767px) {
  
#section01 .width-small {
  display: none;
}

#section01 .width-big {
  width: 100%;
}

#section02 .width-small , #section02 .width-big {
  clear: both;
  width: 100%;
}

}/* Media Query for SP */