@charset "utf-8";

.sc_accordion_box img {
  max-width: 100%;
}

.sc_accordion_box {
  width: 100%;
  box-sizing: border-box;
  margin: 15px 0;
  padding: 15px;
  background: url("../images/bg-sc_accordion_box.png") repeat;
}

.sc_accordion_box_title {
  margin-bottom: 15px;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}

.sc_accordion_box .more_content {
  display: none;
}

.more_content_wrap::before,
.sc_accordion_box .more_content::before,
.sc_accordion_box .more_content::after {
  content: "";
  clear: both;
  display: table;
}

.sc_accordion_box .button_wrap {
  text-align: center;
}
.sc_accordion_box .more_open_button,
.sc_accordion_box .more_close_button{
  color: #fff;
  padding: 12px 15px;
  display: inline-block;
  margin-bottom: 5px;
  text-decoration: none;
  transition: 0.3s;
}
.sc_accordion_box .more_open_button:hover,
.sc_accordion_box .more_close_button:hover {
  color: #fff;
  opacity: 0.8;
}

.sc_accordion_box_color_sample {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
}

.sc_accordion_box_corner_sample {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 5px solid #61b373;
}

/* red: 赤 */
.sc_accordion_box.color-red {
  border: 5px solid #e41f1f;
}
.sc_accordion_box.color-red .sc_accordion_box_title {
  color: #e41f1f;
}
.sc_accordion_box.color-red .more_button {
  background-color: #e41f1f;
}
.sc_accordion_box.color-red .more_button:hover {
  background-color: #e41f1f;
}
.sc_accordion_box.color-red .more_close_button {
  background-color: #e41f1f;
}
.sc_accordion_box.color-red .more_close_button:hover {
  background-color: #e41f1f;
}
.sc_accordion_box_color_sample.color-red {
  background: #e41f1f;
}


/* pink: 桃 */
.sc_accordion_box.color-pink {
  border: 5px solid #c94848;
}
.sc_accordion_box.color-pink .sc_accordion_box_title {
  color: #c94848;
}
.sc_accordion_box.color-pink .more_open_button {
  background-color: #c94848;
}
.sc_accordion_box.color-pink .more_open_button:hover {
  background-color: #c94848;
}
.sc_accordion_box.color-pink .more_close_button {
  background-color: #c94848;
}
.sc_accordion_box.color-pink .more_close_button:hover {
  background-color: #c94848;
}
.sc_accordion_box_color_sample.color-pink {
  background: #c94848;
}

/* orange: 橙 */
.sc_accordion_box.color-orange {
  border: 5px solid #eb7937;
}
.sc_accordion_box.color-orange .sc_accordion_box_title {
  color: #eb7937;
}
.sc_accordion_box.color-orange .more_open_button {
  background-color: #eb7937;
}
.sc_accordion_box.color-orange .more_open_button:hover {
  background-color: #eb7937;
}
.sc_accordion_box.color-orange .more_close_button {
  background-color: #eb7937;
}
.sc_accordion_box.color-orange .more_close_button:hover {
  background-color: #eb7937;
}
.sc_accordion_box_color_sample.color-orange {
  background: #eb7937;
}

/* yellow: 黄 */
.sc_accordion_box.color-yellow {
  border: 5px solid #c0b62e;
}
.sc_accordion_box.color-yellow .sc_accordion_box_title {
  color: #c0b62e;
}
.sc_accordion_box.color-yellow .more_open_button {
  background-color: #c0b62e;
}
.sc_accordion_box.color-yellow .more_open_button:hover {
  background-color: #c0b62e;
}
.sc_accordion_box.color-yellow .more_close_button {
  background-color: #c0b62e;
}
.sc_accordion_box.color-yellow .more_close_button:hover {
  background-color: #c0b62e;
}
.sc_accordion_box_color_sample.color-yellow {
  background: #c0b62e;
}

/* green: 緑 */
.sc_accordion_box.color-green {
  border: 5px solid #61b373;
}
.sc_accordion_box.color-green .sc_accordion_box_title {
  color: #61b373;
}
.sc_accordion_box.color-green .more_open_button {
  background-color: #61b373;
}
.sc_accordion_box.color-green .more_open_button:hover {
  background-color: #61b373;
}
.sc_accordion_box.color-green .more_close_button {
  background-color: #61b373;
}
.sc_accordion_box.color-green .more_close_button:hover {
  background-color: #61b373;
}
.sc_accordion_box_color_sample.color-green {
  background: #61b373;
}

/* blue: 青 */
.sc_accordion_box.color-blue {
  border: 5px solid #3160a5;
}
.sc_accordion_box.color-blue .sc_accordion_box_title {
  color: #3160a5;
}
.sc_accordion_box.color-blue .more_open_button {
  background-color: #3160a5;
}
.sc_accordion_box.color-blue .more_open_button:hover {
  background-color: #3160a5;
}
.sc_accordion_box.color-blue .more_close_button {
  background-color: #3160a5;
}
.sc_accordion_box.color-blue .more_close_button:hover {
  background-color: #3160a5;
}
.sc_accordion_box_color_sample.color-blue {
  background: #3160a5;
}

/* purple: 紫 */
.sc_accordion_box.color-purple {
  border: 5px solid #83288f;
}
.sc_accordion_box.color-purple .sc_accordion_box_title {
  color: #83288f;
}
.sc_accordion_box.color-purple .more_open_button {
  background-color: #83288f;
}
.sc_accordion_box.color-purple .more_open_button:hover {
  background-color: #83288f;
}
.sc_accordion_box.color-purple .more_close_button {
  background-color: #83288f;
}
.sc_accordion_box.color-purple .more_close_button:hover {
  background-color: #83288f;
}
.sc_accordion_box_color_sample.color-purple {
  background: #83288f;
}

/* black: 黒 */
.sc_accordion_box.color-black {
  border: 5px solid #0c0c0c;
}
.sc_accordion_box.color-black .sc_accordion_box_title {
  color: #0c0c0c;
}
.sc_accordion_box.color-black .more_open_button {
  background-color: #0c0c0c;
}
.sc_accordion_box.color-black .more_open_button:hover {
  background-color: #0c0c0c;
}
.sc_accordion_box.color-black .more_close_button {
  background-color: #0c0c0c;
}
.sc_accordion_box.color-black .more_close_button:hover {
  background-color: #0c0c0c;
}
.sc_accordion_box_color_sample.color-black {
  background: #0c0c0c;
}

/* gray: 灰 */
.sc_accordion_box.color-gray {
  border: 5px solid #6e6e6e;
}
.sc_accordion_box.color-gray .sc_accordion_box_title {
  color: #6e6e6e;
}
.sc_accordion_box.color-gray .more_open_button {
  background-color: #6e6e6e;
}
.sc_accordion_box.color-gray .more_open_button:hover {
  background-color: #6e6e6e;
}
.sc_accordion_box.color-gray .more_close_button {
  background-color: #6e6e6e;
}
.sc_accordion_box.color-gray .more_close_button:hover {
  background-color: #6e6e6e;
}
.sc_accordion_box_color_sample.color-gray {
  background: #6e6e6e;
}

/* white: 白 */
.sc_accordion_box.color-white {
  border: 5px solid #fafafa;
}
.sc_accordion_box.color-white .sc_accordion_box_title {
  color: #333;
}
.sc_accordion_box.color-white .more_open_button {
  background-color: #fafafa;
  color: #333;
}
.sc_accordion_box.color-white .more_open_button:hover {
  background-color: #fafafa;
}
.sc_accordion_box.color-white .more_close_button {
  background-color: #fafafa;
  color: #333;
}
.sc_accordion_box.color-white .more_close_button:hover {
  background-color: #fafafa;
}
.sc_accordion_box_color_sample.color-white {
  background: #fafafa;
}

/* r: 角丸 */
.sc_accordion_box.corner-r,
.sc_accordion_box.corner-r .more_open_button,
.sc_accordion_box.corner-r .more_close_button,
.sc_accordion_box_corner_sample.corner-r {
  border-radius: 6px;
}