@charset "utf-8";

/* ------------------------------------------------------------------------ */
/* --- Font --------------------------------------------------------------- */
/* ------------------------------------------------------------------------ */

@font-face {
  font-family: "NotoSansJP-R";
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), local("Noto Sans CJK JP");
}

@font-face {
  font-family: "YuGothic-M";
  font-weight: 500;
  src: local("Yu Gothic Medium"), local("Yu Gothic"), local("YuGothic");
}

@font-face {
  font-family: "YuMincho-R";
  font-weight: 400;
  src: local("Yu Mincho Regular"), local("Yu Mincho"), local("YuMincho");
}

/* ------------------------------------------------------------------------ */
/* --- Common ------------------------------------------------------------- */
/* ------------------------------------------------------------------------ */

html {
  height: 100%;
  width: 100%;
  font-size: 62.5%;
}

body {
  height: 100%;
  width: 100%;
  margin: 0;
  background-color: #FFFFFF;
  color: #333333;
  font-family: NotoSansJP-R, "Hiragino Kaku Gothic ProN", YuGothic-M, sans-serif !important;
  font-size: 1.2rem;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

img {
  border: 0 none;
  margin: 0;
  vertical-align: middle;
  /* for IE */
  -ms-interpolation-mode: bicubic;
  /* for Chrome */
  -webkit-backface-visibility: hidden;
}

a {
  text-decoration: none;
  color: #1122CC;
}

a:hover {
  color: #3366FF;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}
h1 {
  font-size: 1.2rem;
}
h2 {
  font-size: 2.2rem;
}
h3, h4 {
  font-size: 1.6rem;
}
h5, h6 {
  font-size: 1.4rem;
}

p, dl, dd {
  margin: 0;
}

table {
  border-collapse: collapse;
}

td, th {
  padding: 0;
}

th {
  text-align: center;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

sup {
  vertical-align: text-top;
  font-size: 0.7em;
  line-height: 1;
}

/* --- form ----------------------------------------------- */
input, textarea, button, select {
  margin: 0;
  font-size: 1.3rem;
  /* for Firefox */
  font-family: Arial, sans-serif;
}

input, button, select {
  vertical-align: middle;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
}

input[type=text],
input[type=password],
textarea,
select {
  box-sizing: border-box;
  border: 1px solid #999999;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: #6598CB;
  box-shadow: 0 0 3px #6598CB;
  background-color: #FFFFF0;
}

input[type=text],
input[type=password] {
  height: 2.6rem;
  border-radius: 2px;
  padding: 1px 1px 1px 4px;
}

textarea {
  width: 100%;
  height: 5em;
  border-radius: 2px;
  padding: 4px 1px 1px 4px;
}

select {
  height: 2.6rem;
  padding-left: 2px;
}

input[type=radio],
input[type=checkbox] {
  margin-right: 2px;
  /* for IE */
  padding: 0;
}
input[type=radio] + label,
input[type=checkbox] + label {
  vertical-align: middle;
}

input.textMax {
  width: 100%;
}
input.textMiddle {
  width: 75%;
}
input.textMiddle2 {
  width: 75%;
}
input.textMiddleS {
  width: 50%;
}
input.textSmall {
  width: 30%;
}
input.textNumber {
  width: 5em;
}

input.button-s {
  width: 50px;
  height: 22px;
}

input.button-m {
  width: 80px;
  height: 24px;
}

.cb_holder {
  width: 50%;
  margin-bottom: 8px;
  float: left;
  font-size: 1.3rem;
}
.cb_holder_s {
  width: 33.3%;
}
.cb_holder_xs {
  width: 33.3%;
}

.cb {
  display: inline-block;
  margin: 0 10px 8px 0;
  vertical-align: top;
  white-space: nowrap;
}
.cb.cbm {
  min-width: 100px;
  margin-right: 0;
}
.cb.cbmx3 {
  width: 300px;
  margin-right: 0;
}
.cb.cbs {
  min-width: 80px;
  margin-right: 0;
}
.cb.cb1col {
  display: block;
  margin-right: 0;
}

/* --- display ----------------------------------------------- */
.hide_sp {
  display: none !important;
}

/* --- clearfix ----------------------------------------------- */
.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

/* --- noscript ----------------------------------------------- */
#noscript {
  border-bottom: 1px solid #999999;
  margin: 0;
  padding: 5px 0;
  background-color: #E6E6E6;
  text-align: center;
  color: #000000;
}

/* --- a-button ----------------------------------------------- */
.a-button {
  border-color: #BCC1C8 #BABABA #ADB2BB;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  height: 25px;
  padding: 0;
  text-align: center;
  text-decoration: none !important;
  vertical-align: middle;
  background: none repeat scroll 0 0 #D8DDE6;
}
/* for IE7 */
*:first-child+html .a-button {
  display: inline;
  zoom: 1;
}
/* for IE6 */
* html .a-button {
  display: inline;
  zoom: 1;
}

.a-button:hover {
  border-color: #AEB4BD #ADADAD #9FA5AF;
}
.a-button:active {
  border-color: #ADB2BB #BABABA #BABABA;
}
.a-button:focus {
  border-color: #E47911;
  box-shadow: 0 0 2px rgba(228, 121, 17, 0.5);
  outline: medium none;
}

.a-button .a-button-inner {
  background: -webkit-gradient(linear, left top, left bottom, from(#F7F8FA), to(#E7E9EC));
  background: -webkit-linear-gradient(top, #F7F8FA, #E7E9EC);
  background: -moz-linear-gradient(top, #F7F8FA, #E7E9EC) repeat scroll 0 0 transparent;
  background: -o-linear-gradient(top, #F7F8FA, #E7E9EC);
  background: linear-gradient(to bottom, #F7F8FA, #E7E9EC);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffF7F8FA, EndColorStr=#ffE7E9EC);
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: block;
}
.a-button:hover .a-button-inner {
  background: -webkit-gradient(linear, left top, left bottom, from(#E7EAF0), to(#D9DCE1));
  background: -webkit-linear-gradient(top, #E7EAF0, #D9DCE1);
  background: -moz-linear-gradient(top, #E7EAF0, #D9DCE1) repeat scroll 0 0 transparent;
  background: -o-linear-gradient(top, #E7EAF0, #D9DCE1);
  background: linear-gradient(to bottom, #E7EAF0, #D9DCE1);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFE7EAF0, EndColorStr=#FFD9DCE1);
}
.a-button:active .a-button-inner {
  background-color: #E7E9EC;
  background-image: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=0);
  /* 何かのおまじない? */
  background-color: #DCDFE3;
  position: relative;
}

.a-button .a-button-text {
  background-color: transparent;
  border: 0 none;
  color: #1122CC;
  display: block;
  font-family: NotoSansJP-R, "Hiragino Kaku Gothic ProN", YuGothic-M, sans-serif;
  font-weight: bold;
  font-size: 1.3rem;
  letter-spacing: 1px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
  line-height: 1;
  outline: 0 none;
  margin: 0;
  padding: 1px 10px 1px 11px;
  text-align: center;
  white-space: nowrap;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* for IE6 */
* html .a-button .a-button-text {
  margin-top: -0.5em;
  top: 50%;
  cursor: pointer;
}

/* --- clear_button ----------------------------------------------- */
.clear_button {
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-left: 4px;
  background: url(../../images/common/button/clear.png) 0 0 no-repeat;
  vertical-align: middle;
}
.clear_button:hover {
  opacity: 0.75;
}

.clear_button a {
  display: block;
  height: 100%;
  width: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* --- slide_menu ----------------------------------------------- */
body.slide_menu_opened {
  overflow: hidden;
}

body.slide_menu_opened #base {
  overflow: hidden;
}

#slide_menu_container {
  display: none;
}

#slide_menu_overlay {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
}
body.slide_menu_opened #slide_menu_overlay {
  opacity: 0.6;
  transition: opacity 0.1s linear 0s;
  -webkit-transition: opacity 0.1s linear 0s;
}
body.slide_menu_closing #slide_menu_overlay {
  transition: opacity 0.1s linear 0.15s;
  -webkit-transition: opacity 0.1s linear 0.15s;
}

#slide_menu_content {
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 300;
}

#slide_menu_content_inner {
  height: 100%;
  background-color: #FFFFFF;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

#slide_menu_content.left {
  left: 0;
  margin-left: -100%;
}
body.slide_menu_opened #slide_menu_content.left {
  margin-left: 0;
  transition: margin-left 0.15s ease 0.1s;
  -webkit-transition: margin-left 0.15s ease 0.1s;
}
body.slide_menu_closing #slide_menu_content.left {
  transition: margin-left 0.15s ease 0s;
  -webkit-transition: margin-left 0.15s ease 0s;
}

#slide_menu_content.right {
  right: 0;
  margin-right: -100%;
}
body.slide_menu_opened #slide_menu_content.right {
  margin-right: 0;
  transition: margin-right 0.15s ease 0.1s;
  -webkit-transition: margin-right 0.15s ease 0.1s;
}
body.slide_menu_closing #slide_menu_content.right {
  transition: margin-right 0.15s ease 0s;
  -webkit-transition: margin-right 0.15s ease 0s;
}

#slide_menu_close {
  width: 38px;
  height: 38px;
  background: url("/images/front/sp/close.png") center center no-repeat;
  cursor: pointer;
  position: absolute;
  top: 0;
  z-index: 250;
}

.left #slide_menu_close {
  left: 100%;
  opacity: 0;
}
body.slide_menu_opened .left #slide_menu_close {
  opacity: 1;
/*
  transition: opacity 0.15s linear 0.1s;
  -webkit-transition: opacity 0.15s linear 0.1s;
*/
}

.right #slide_menu_close {
  right: 100%;
  opacity: 0;
}
body.slide_menu_opened .right #slide_menu_close {
  opacity: 100;
/*
  transition: opacity 0.15s linear 0.1s;
  -webkit-transition: opacity 0.15s linear 0.1s;
*/
}

#slide_menu_button_holder {
  box-sizing: border-box;
  border-radius: 4px;
  width: 116px;
  padding: 3px;
  background-color: rgb(239, 239, 239);
  font-size: 0;
  text-align: center;
  opacity: 0.9;
  z-index: 100;
}

.slide_menu_button {
  display: inline-block;
  height: 43px;
  width: 49px;
  margin: 0 3px;
  font-size: 1.2rem;
  cursor: pointer;
}
#slide_column3_button.slide_menu_button {
  background: url("/images/front/sp/button_info_b.png") left top no-repeat;
}
#slide_sidebar_button.slide_menu_button {
  background: url("/images/front/sp/button_menu_b.png") left top no-repeat;
}

/* --- more less toggle button ----------------------------------------------- */
.more_less_button_holder {
  text-align: center;
}

.more_less_button {
  display: inline-block;
  width: 40%;
  height: 32px;
  margin: 14px 4px;
  background-color: #E9E9E9;
  color: #191970;
  font-size: 1.2rem;
  line-height: 32px;
  text-indent: 0.6em;
}

.more_button_disabled {
  background-color: #F3F3F3;
  color: #6464AD;
}
.more_button_disabled:hover {
  color: #6464AD;
}

.less_button_disabled {
  background-color: #F3F3F3;
  color: #6464AD;
}
.less_button_disabled:hover {
  color: #6464AD;
}

/* --- social_button_widget ----------------------------------------------- */
#social_button_widget {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}

#social_button_widget .social_button {
  float: right;
  margin-left: 10px;
}

/* ------------------------------------------------------------------------ */
/* --- Rich editor contents ----------------------------------------------- */
/* ------------------------------------------------------------------------ */

.rich {
  word-wrap: break-word;
}

.rich * {
  max-width: 100% !important;
}

.rich img {
  height: auto !important;
}

.rich p {
  margin: 0 0 1em;
}

.rich h4 {
  background-color: #E9E9E9;
  font-size: 1.2rem;
}

.rich h5 {
  font-size: 1.2rem;
}

.rich h4 a,
.rich h5 a,
.rich h6 a {
  text-decoration: none;
}

.rich ul, .rich ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

.rich ul {
  list-style-type: disc;
}

.rich dl {
  margin: 1em 0;
}
.rich dd {
  margin-left: 40px;
}

.rich table {
  border-collapse: separate;
}

.rich td,
.rich th {
  padding: 1px;
}

/* --- css_button ----------------------------------------------- */
.rich .css_button_holder {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.rich .css_button {
  display: inline-block;
  border: 1px solid #9c9c9c;
  border-radius: 3px;
  margin: 10px;
  text-align: center;
  /* for a.css_button */
  text-decoration: none !important;
  box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4);
}
/* for IE7 */
*:first-child+html .rich .css_button {
  display: inline;
  zoom: 1;
}
/* for IE6 */
* html .rich .css_button {
  display: inline;
  zoom: 1;
}

.rich .css_button:hover {
  box-shadow: 0 0 .1em rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 .1em rgba(0, 0, 0, 0.4);
}
.rich .css_button:active {
/* When pressed, move it down 1px */
  position: relative;
  top: 1px;
}

.rich .css_button a,
.rich .css_button span {
  display: block;
  padding: 0.5em 2.5em;
  font: bold 16px; /*Change the em value to scale the button*/
  color: #FFFFFF !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  text-decoration: none !important;
}

/* for IE6 */
.rich .css_button a:hover {
  color: #FFFFFF;
}

/* khaki */
.rich .button-khaki {
  background-color: #A2B598;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BDD1B4), to(#A2B598));
  background-image: -webkit-linear-gradient(top, #BDD1B4, #A2B598);
  background-image: -moz-linear-gradient(top, #BDD1B4, #A2B598);
  background-image: -o-linear-gradient(top, #BDD1B4, #A2B598);
  background-image: linear-gradient(to bottom, #BDD1B4, #A2B598);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BDD1B4', EndColorStr='#A2B598');
}

.rich .button-khaki:hover {
  background-color: #BDD1B4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#A2B598), to(#BDD1B4));
  background-image: -webkit-linear-gradient(top, #A2B598, #BDD1B4);
  background-image: -moz-linear-gradient(top, #A2B598, #BDD1B4);
  background-image: -o-linear-gradient(top, #A2B598, #BDD1B4);
  background-image: linear-gradient(to bottom, #A2B598, #BDD1B4);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#A2B598', EndColorStr='#BDD1B4');
}

.rich .button-khaki:active {
  background: #A2B598;
}

/* blue */
.rich .button-blue {
  background-color: #4477a1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1));
  background-image: -webkit-linear-gradient(top, #81a8cb, #4477a1);
  background-image: -moz-linear-gradient(top, #81a8cb, #4477a1);
  background-image: -o-linear-gradient(top, #81a8cb, #4477a1);
  background-image: linear-gradient(to bottom, #81a8cb, #4477a1);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#81a8cb', endColorstr='#4477a1');
}

.rich .button-blue:hover {
  background-color: #81a8cb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb));
  background-image: -webkit-linear-gradient(top, #4477a1, #81a8cb);
  background-image: -moz-linear-gradient(top, #4477a1, #81a8cb);
  background-image: -o-linear-gradient(top, #4477a1, #81a8cb);
  background-image: linear-gradient(to bottom, #4477a1, #81a8cb);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4477a1', endColorstr='#81a8cb');
}

.rich .button-blue:active {
  background: #4477a1;
}

/* brown */
.rich .button-brown {
  background-color: #8f3714;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bf6f50), to(#8f3714));
  background-image: -webkit-linear-gradient(top, #bf6f50, #8f3714);
  background-image: -moz-linear-gradient(top, #bf6f50, #8f3714);
  background-image: -o-linear-gradient(top, #bf6f50, #8f3714);
  background-image: linear-gradient(to bottom, #bf6f50, #8f3714);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#bf6f50', EndColorStr='#8f3714');
}

.rich .button-brown:hover {
  background-color: #bf6f50;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8f3714), to(#bf6f50));
  background-image: -webkit-linear-gradient(top, #8f3714, #bf6f50);
  background-image: -moz-linear-gradient(top, #8f3714, #bf6f50);
  background-image: -o-linear-gradient(top, #8f3714, #bf6f50);
  background-image: linear-gradient(to bottom, #8f3714, #bf6f50);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#8f3714', EndColorStr='#bf6f50');
}

.rich .button-brown:active {
  background: #8f3714;
}

/* green */
.rich .button-green {
  background-color: #428739;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c8dd95), to(#428739));
  background-image: -webkit-linear-gradient(top, #c8dd95, #428739);
  background-image: -moz-linear-gradient(top, #c8dd95, #428739);
  background-image: -o-linear-gradient(top, #c8dd95, #428739);
  background-image: linear-gradient(to bottom, #c8dd95, #428739);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c8dd95', EndColorStr='#428739');
}

.rich .button-green:hover {
  background-color: #c8dd95;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428739), to(#c8dd95));
  background-image: -webkit-linear-gradient(top, #428739, #c8dd95);
  background-image: -moz-linear-gradient(top, #428739, #c8dd95);
  background-image: -o-linear-gradient(top, #428739, #c8dd95);
  background-image: linear-gradient(to bottom, #428739, #c8dd95);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#428739', EndColorStr='#c8dd95');
}

.rich .button-green:active {
  background: #428739;
}

/* red */
.rich .button-red {
  background-color: #D82741;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#D82741));
  background-image: -webkit-linear-gradient(top, #E84B6E, #D82741);
  background-image: -moz-linear-gradient(top, #E84B6E, #D82741);
  background-image: -o-linear-gradient(top, #E84B6E, #D82741);
  background-image: linear-gradient(to bottom, #E84B6E, #D82741);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E84B6E', EndColorStr='#D82741');
}

.rich .button-red:hover {
  background-color: #E84B6E;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#D82741), to(#E84B6E));
  background-image: -webkit-linear-gradient(top, #D82741, #E84B6E);
  background-image: -moz-linear-gradient(top, #D82741, #E84B6E);
  background-image: -o-linear-gradient(top, #D82741, #E84B6E);
  background-image: linear-gradient(to bottom, #D82741, #E84B6E);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D82741', EndColorStr='#E84B6E');
}

.rich .button-red:active {
  background: #D82741;
}

/* purple */
.rich .button-purple {
  background-color: #6F50E7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#B8A9F3), to(#6F50E7));
  background-image: -webkit-linear-gradient(top, #B8A9F3, #6F50E7);
  background-image: -moz-linear-gradient(top, #B8A9F3, #6F50E7);
  background-image: -o-linear-gradient(top, #B8A9F3, #6F50E7);
  background-image: linear-gradient(to bottom, #B8A9F3, #6F50E7);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B8A9F3', EndColorStr='#6F50E7');
}

.rich .button-purple:hover {
  background-color: #B8A9F3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6F50E7), to(#B8A9F3));
  background-image: -webkit-linear-gradient(top, #6F50E7, #B8A9F3);
  background-image: -moz-linear-gradient(top, #6F50E7, #B8A9F3);
  background-image: -o-linear-gradient(top, #6F50E7, #B8A9F3);
  background-image: linear-gradient(to bottom, #6F50E7, #B8A9F3);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#6F50E7', EndColorStr='#B8A9F3');
}

.rich .button-purple:active {
  background: #6F50E7;
}

/* black */
.rich .button-black {
  background-color: #141414;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#141414));
  background-image: -webkit-linear-gradient(top, #656565, #141414);
  background-image: -moz-linear-gradient(top, #656565, #141414);
  background-image: -o-linear-gradient(top, #656565, #141414);
  background-image: linear-gradient(to bottom, #656565, #141414);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#656565', EndColorStr='#141414');
}

.rich .button-black:hover {
  background-color: #656565;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#141414), to(#656565));
  background-image: -webkit-linear-gradient(top, #141414, #656565);
  background-image: -moz-linear-gradient(top, #141414, #656565);
  background-image: -o-linear-gradient(top, #141414, #656565);
  background-image: linear-gradient(to bottom, #141414, #656565);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#141414', EndColorStr='#656565');
}

.rich .button-black:active {
  background: #141414;
}

/* orange */
.rich .button-orange {
  background-color: #f09c15;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8c939), to(#f09c15));
  background-image: -webkit-linear-gradient(top, #f8c939, #f09c15);
  background-image: -moz-linear-gradient(top, #f8c939, #f09c15);
  background-image: -o-linear-gradient(top, #f8c939, #f09c15);
  background-image: linear-gradient(to bottom, #f8c939, #f09c15);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f8c939', EndColorStr='#f09c15');
}

.rich .button-orange:hover {
  background-color: #f8c939;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f09c15), to(#f8c939));
  background-image: -webkit-linear-gradient(top, #f09c15, #f8c939);
  background-image: -moz-linear-gradient(top, #f09c15, #f8c939);
  background-image: -o-linear-gradient(top, #f09c15, #f8c939);
  background-image: linear-gradient(to bottom, #f09c15, #f8c939);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f09c15', EndColorStr='#f8c939');
}

.rich .button-orange:active {
  background: #f09c15;
}

/* silver */
.rich .button-silver {
  background-color: #c5c5c5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c5c5c5));
  background-image: -webkit-linear-gradient(top, #eaeaea, #c5c5c5);
  background-image: -moz-linear-gradient(top, #eaeaea, #c5c5c5);
  background-image: -o-linear-gradient(top, #eaeaea, #c5c5c5);
  background-image: linear-gradient(to bottom, #eaeaea, #c5c5c5);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#c5c5c5');
}

.rich .button-silver:hover {
  background-color: #eaeaea;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#eaeaea));
  background-image: -webkit-linear-gradient(top, #c5c5c5, #eaeaea);
  background-image: -moz-linear-gradient(top, #c5c5c5, #eaeaea);
  background-image: -o-linear-gradient(top, #c5c5c5, #eaeaea);
  background-image: linear-gradient(to bottom, #c5c5c5, #eaeaea);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c5c5c5', EndColorStr='#eaeaea');
}

.rich .button-silver:active {
  background: #c5c5c5;
}

/* --- etc ----------------------------------------------- */
.rich table.custom_bukken {
  border: 0 none;
}

.rich .custom_bukken .custom_button_wrap {
  display: flex;
  justify-content: space-between;
}

.rich .custom_button {
  margin: 4px;
  text-align: center;
  width: 100%;
}

.rich .custom_button_wrap .custom_button a {
  display: block;
  padding: 8px;
  background-color: #1f6eb8;
  color: #fff !important;
  text-decoration: none;
  font-size: 14px;
  border-radius: 2px;
}

.rich .custom_button_wrap .custom_button a:hover {
  background-color: #125798;
  color: #fff !important;
}

.rich table.custom_table,
.rich table.custom_table_55 {
  width: 100%;
  font-size: 14px;
  border: 1px solid #cccccc;
  border-collapse: collapse;
  margin-top: 10px;
}

.rich table.custom_table th {
  background-color: #f1f1f1;
  color: #333333;
  padding: 8px;
  width: 25%;
}

.rich table.custom_table_55 th {
  background-color: #f1f1f1;
  color: #333333;
  padding: 8px;
  width: 20%;
}

.rich table.custom_table td,
.rich table.custom_table_55 td {
  padding: 5px;
  color: #2f2f2f;
}

.rich table.custom_table td.custom_td_55 {
  width: 20%;
}

/* 20220303 テンプレート用追記 */
.rich .layout_02 .layout_02_wrap,
.rich .layout_04 .layout_04_wrap,
.rich .layout_05 .layout_05_wrap,
.rich .layout_06 .layout_06_wrap {
  flex-wrap: wrap;
}

.rich .layout_06 .layout_06_wrap .layout_06_box,
.rich .layout_06 .layout_06_wrap .layout_06_box>div {
  width: 100% !important;
}

.rich .layout_04 .layout_04_wrap img,
.rich .layout_06 .layout_06_wrap .layout_06_box img {
  width: auto !important;
}

.custom_property_img div {
  margin-bottom: 2rem;
}

.custom_property_img {
  display: flex;
  justify-content: space-around;
  margin: 2rem 0 0;
  width: 100%;
  flex-wrap: wrap;
}

.custom_property_img_text div:first-of-type {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* label */
.icon {
  font-size: 13px;
  display: inline-block;
  padding: 2px 4px;
  color: #fff;
  margin-bottom: 3px;
}

.icon.label_recommend {
  background-color: #ff7d1e;
}

.icon.label_new {
  background-color: #fd3047;
}

.icon.label_shinchiku {
  background-color: #1a6ffd;
}

.icon.label_shodan,
.icon.label_pet,
.icon.label_top_floor,
.icon.label_corner,
.icon.label_parking,
.icon.label_reform,
.icon.label_all_denka {
  background-color: #139fd1;
}



.copyright {
  width: 100%;
  /* position: absolute; */
  bottom: 0;
  left: 0;
}