@CHARSET "utf-8";
/* Reset CSS
* --------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

table {
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-weight: normal;
  font-style: normal;
}

strong {
  font-weight: bold;
}

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

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
  margin: 0;
  padding: 0;
  color: #444;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}

/* Custom CSS
* --------------------------------------- */
body {
  font-family: メイリオ, meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 1.5;
  word-break: break-all;
}

p {
  padding-bottom: 15px;
}

a {
  color: #000000;
}
a:hover {
  color: #f38004;
}
a:hover img {
  opacity: 0.6;
}

/* header and footer */
.fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  width: 100%;
}

#footer {
  clear: both;
  padding: 0 0 30px;
  font-size: 12px;
  text-align: center;
}
#footer .btm-bnr {
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  background-color: #fff;
  border-top: 1px solid #cccccc;
}
#footer .btm-bnr img {
  width: 150px;
}
#footer .btm-bnr::before {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #3b7914;
  background: -moz-linear-gradient(left, #5e365d 1%, #b4007b 16%, #e27b30 32%, #ffea00 50%, #4fa000 66%, #008e9d 84%, #0098dd 100%);
  background: -webkit-linear-gradient(left, #5e365d 1%, #b4007b 16%, #e27b30 32%, #ffea00 50%, #4fa000 66%, #008e9d 84%, #0098dd 100%);
  background: linear-gradient(to right, #5e365d 1%, #b4007b 16%, #e27b30 32%, #ffea00 50%, #4fa000 66%, #008e9d 84%, #0098dd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e365d', endColorstr='#0098dd',GradientType=1 );
}
#footer .pc ul {
  margin-bottom: 10px;
  overflow: hidden;
}
#footer .pc li {
  display: inline;
  margin-left: 5px;
  padding: 0 10px 0 0;
  border-right: 1px solid #000000;
  line-height: 1;
}
#footer .pc li a {
  color: #000000;
}
#footer .pc li a:hover {
  text-decoration: underline;
}
#footer .pc li:last-child {
  border: none;
}

#footer .sp {
  display: none;
  margin-bottom: 10px;
}

/* breadcrumb */
#breadcrumb {
  clear: both;
  padding: 5px 0 0;
  border-bottom: 1px solid #cccccc;
}
#breadcrumb li {
  display: inline;
  font-size: 12px;
}
#breadcrumb li::after {
  content: '>';
  margin: 0 5px;
}
#breadcrumb li:last-child::after {
  display: none;
}
#breadcrumb a {
  color: #000000;
}
#breadcrumb a:hover {
  text-decoration: underline;
}

#content {
  clear: both;
}

.col-l {
  width: 100%;
  float: left;
  margin: 0 -340px 0 0;
}
.col-l .col-l-inner {
  margin-right: 340px;
}

.clear {
  clear: both;
}

/* CLEARFIX */
.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* close commented backslash hack */

.box-green, .box-orange, .box-red {
  clear: both;
  margin-bottom: 20px;
  padding: 0 20px 10px;
  border-top: 3px solid #003557;
  background: #fafaf3;
}
.box-green .title, .box-orange .title, .box-red .title {
  position: relative;
  color: #003557;
  margin: 15px 0;
  font-size: 1.4rem;
  font-weight: bold;
}
.box-green .title.icon, .box-orange .title.icon, .box-red .title.icon {
  padding-left: 50px;
}
.box-green .title.icon::before, .box-orange .title.icon::before, .box-red .title.icon::before {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  top: -20px;
  left: -20px;
  background: url(../images/common/icon.png) 0 0 no-repeat;
}

.box-orange {
  border-color: #f38004;
  background-color: #fff6c3;
}
.box-orange .title {
  color: #f38004;
}
.box-orange .title.icon::before {
  background-position: 0 -150px;
}

.box-red {
  border-color: #d74d1f;
  background-color: #fae5de;
}
.box-red .title {
  color: #d74d1f;
}
.box-red .title.icon::before {
  background-position: 0 -210px;
}

.box-in-white {
  margin-bottom: 10px;
  padding: 20px;
  background-color: #fff;
  overflow: hidden;
}

.box-line-blue, .box-line-orange {
  margin-bottom: 20px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-top: 3px solid #0084bb;
  border-radius: 5px;
}
.box-line-blue img, .box-line-orange img {
  width: 100%;
}
.box-line-blue h2, .box-line-orange h2 {
  margin: 0;
  padding: 5px 0;
  color: #0084bb;
  font-weight: bold;
  text-align: center;
}
.box-line-blue .btn, .box-line-orange .btn {
  display: block;
  margin: 15px 0;
  padding: 10px 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: -moz-linear-gradient(top, #3aabd2 0%, #007198 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #3aabd2 0%, #007198 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #3aabd2 0%, #007198 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aabd2', endColorstr='#007198',GradientType=0 );
  /* IE6-9 */
  border-radius: 5px;
}
.box-line-blue .btn:hover, .box-line-orange .btn:hover {
  background: #007198;
}

.box-line-orange {
  border-top: 3px solid #f38004;
}
.box-line-orange h2 {
  color: #f38004;
}
.box-line-orange .btn {
  background: #f9bc2c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f9bc2c 0%, #fc9a00 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f9bc2c 0%, #fc9a00 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f9bc2c 0%, #fc9a00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9bc2c', endColorstr='#fc9a00',GradientType=0 );
  /* IE6-9 */
}
.box-line-orange .btn:hover {
  background: #FC9A00;
}

.box-3col li {
  width: 32.5%;
  float: left;
  margin: 0 0.4%;
  padding-bottom: 10px;
  background-color: #fff;
  margin-bottom: 10px;
}
.box-3col li p {
  padding: 5px 10px;
  line-height: 1.4;
}
.box-3col li img {
  width: 100%;
}

.box-2col li {
  width: 48%;
  float: left;
  margin: 0 1%;
}
.box-2col li img {
  max-width: 100%;
  height: auto;
}
.box-2col li p {
  margin: 10px 0;
}

.box-article img {
  width: 210px;
  float: left;
  margin: 0 20px 20px;
}
.box-article a h3 {
  margin-bottom: 10px;
  font-weight: bold;
  text-decoration: underline;
}

/* heading */
h2 {
  margin: 15px 0;
  font-size: 1.4rem;
  font-weight: bold;
}

/* icon heading */
.t-event, .t-campaign,
.t-campaign-s, .t-present,
.t-present-s, .t-special,
.t-special-s, .t-shopping,
.t-shopping-s,
.t-event-s,
.t-campaign-s,
.t-present-s,
.t-special-s,
.t-shopping-s,
.t-category > h2 {
  position: relative;
  padding: 10px 0 10px 70px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #f38004;
  border-top: 3px solid #f38004;
  background: #fff6c3;
}
.t-event::before, .t-campaign::before,
.t-campaign-s::before, .t-present::before,
.t-present-s::before, .t-special::before,
.t-special-s::before, .t-shopping::before,
.t-shopping-s::before,
.t-event-s::before,
.t-campaign-s::before,
.t-present-s::before,
.t-special-s::before,
.t-shopping-s::before,
.t-category > h2::before {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  top: -5px;
  left: 0;
  background: url(../images/common/icon.png) 0 -150px no-repeat;
}

.t-event-s, .t-campaign-s, .t-present-s, .t-special-s, .t-shopping-s {
  margin-bottom: 10px;
  padding: 0 0 0 40px;
  border: none;
}
.t-event-s::before, .t-campaign-s::before, .t-present-s::before, .t-special-s::before, .t-shopping-s::before {
  width: 30px;
  height: 30px;
  top: 4px;
  background-position: 0 -390px;
}

.t-campaign,
.t-campaign-s {
  color: #d74d1f;
  border-color: #d74d1f;
  background-color: #fae5de;
}
.t-campaign::before,
.t-campaign-s::before {
  background-position: 0 -210px;
}

.t-campaign-s::before {
  background-position: 0 -420px;
}

.t-present,
.t-present-s {
  color: #c5156d;
  border-color: #c5156d;
  background-color: #ffeff7;
}
.t-present::before,
.t-present-s::before {
  background-position: 0 -270px;
}

.t-present-s::before {
  background-position: 0 -450px;
}

.t-special,
.t-special-s {
  color: #0084bb;
  border-color: #0084bb;
  background-color: #e4f8ff;
}
.t-special::before,
.t-special-s::before {
  background-position: 0 -330px;
}

.t-special-s::before {
  background-position: 0 -480px;
}

.t-shopping,
.t-shopping-s {
  color: #009084;
  border-color: #009084;
  background-color: #eefffb;
}
.t-shopping::before,
.t-shopping-s::before {
  background-position: 0 -770px;
}

.t-shopping-s::before {
  background-position: 0 -830px;
}

/* bg-color heading */
.t-green-bg, .t-orange-bg, .t-red-bg, .t-pink-bg, .t-blue-bg, .t-bluegreen-bg {
  clear: both;
  position: relative;
  margin-bottom: 10px;
  padding: 5px 20px;
  color: #003557;
  font-size: 100%;
  font-weight: bold;
  background-color: #dcdcd5;
}
.t-green-bg::before, .t-orange-bg::before, .t-red-bg::before, .t-pink-bg::before, .t-blue-bg::before, .t-bluegreen-bg::before {
  content: '';
  position: absolute;
  display: block;
  width: 5px;
  height: 70%;
  top: 15%;
  left: 0;
  background-color: #003557;
}

.t-orange-bg {
  color: #f38004;
  background-color: #fff6c3;
}
.t-orange-bg::before {
  background-color: #f38004;
}

.t-red-bg {
  color: #d74d1f;
  background-color: #fae5de;
}
.t-red-bg::before {
  background-color: #d74d1f;
}

.t-pink-bg {
  color: #c5156d;
  background-color: #ffeff7;
}
.t-pink-bg::before {
  background-color: #c5156d;
}

.t-blue-bg {
  color: #0084bb;
  background-color: #e4f8ff;
}
.t-blue-bg::before {
  background-color: #0084bb;
}

.t-bluegreen-bg {
  color: #009084;
  background-color: #eefffb;
}
.t-bluegreen-bg::before {
  background-color: #009084;
}

.t-yellow-bg {
  margin: 0 0 10px;
  padding: 3px 10px;
  font-size: 100%;
  color: #3b7914;
  background-color: #fff4ce;
}

/* border-top heading */
.t-green-bdt, .t-orange-bdt, .t-red-bdt, .t-pink-bdt, .t-blue-bdt, .t-bluegreen-bdt {
  padding: 5px 0 0;
  font-weight: bold;
  color: #3b7914;
  border-top: 3px solid #3b7914;
}

.t-orange-bdt {
  color: #f38004;
  border-color: #f38004;
}

.t-red-bdt {
  color: #d74d1f;
  border-color: #d74d1f;
}

.t-pink-bdt {
  color: #c5156d;
  border-color: #c5156d;
}

.t-blue-bdt {
  color: #0084bb;
  border-color: #0084bb;
}

.t-bluegreen-bdt {
  color: #009084;
  border-color: #009084;
}

/* table */
table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

th, td {
  padding: 10px;
  border: 1px solid #cccccc;
}

th {
  background-color: #efefef;
}

table.th-nowrap th {
  white-space: nowrap;
}

/* list */
.list-disc, .list-disc-line, .list-uline, .list-present, .list-category {
  margin: 10px 0;
  clear: both;
}
.list-disc li, .list-disc-line li, .list-uline li, .list-present li, .list-category li {
  position: relative;
  padding: 7px 0 7px 25px;
}
.list-disc li a:hover, .list-disc-line li a:hover, .list-uline li a:hover, .list-present li a:hover, .list-category li a:hover {
  text-decoration: underline;
}
.list-disc li::before, .list-disc-line li::before, .list-uline li::before, .list-present li::before, .list-category li::before {
  content: '';
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  top: 12.5px;
  left: 0;
  border-radius: 100%;
  background-color: #cccccc;
}

.list-disc-line li, .list-uline li, .list-present li, .list-category li {
  border-bottom: 1px solid #cccccc;
}
.list-disc-line li .time, .list-uline li .time, .list-present li .time, .list-category li .time {
  position: relative;
  bottom: 0;
  display: inline;
  margin-left: 15px;
}

.list-uline li {
  padding: 10px 0;
  overflow: hidden;
}
.list-uline li::before {
  display: none;
}
.list-uline a, .list-disc-line a {
  font-weight: bold;
}

.list-uline a.nominal_date, .tag-list-body .nominal_date {
  display: block;
  font-size: 0.8rem;
  color: #999999;
  float: right;
  padding: 0 10px 0 0;
}

.list-uline img:not(PR.jpg):not(NEW.jpg) {
  width: 120px;
  float: left;
  margin-right: 20px;
}

.list-bgw li {
  margin-bottom: 10px;
  padding: 8px 10px;
  background-color: #fff;
  overflow: hidden;
}
.list-bgw li img {
  float: left;
  margin: 0 20px 0 0;
}
.list-bgw li p {
  padding: 0;
}
.list-bgw li a:hover {
  text-decoration: underline;
}

.list-present li, .list-category li {
  padding-left: 45px;
}
.list-present li::before, .list-category li::before {
  width: 30px;
  height: 30px;
  top: 7px;
  background: white url(../images/common/icon.png) 0 -450px no-repeat;
}
.list-present li.enquete::before, .list-category li.enquete::before {
  background-position: 0 -740px;
}

/* link */
.link-r {
  clear: both;
  text-align: right;
}
.link-r a {
  position: relative;
  padding-right: 25px;
  color: #f38004;
  font-weight: bold;
  font-size: 0.8rem;
}
.link-r a:hover {
  text-decoration: underline;
}
.link-r a::after {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 0;
  right: 0;
  background: url(../images/common/icon.png) 0 -530px no-repeat;
}

.link-r.green a {
  color: #3b7914;
}
.link-r.green a::after {
  background-position: 0 -510px;
}

.link-r.red a {
  color: #d74d1f;
}
.link-r.red a::after {
  background-position: 0 -550px;
}

.link-r.pink a {
  color: #c5156d;
}
.link-r.pink a::after {
  background-position: 0 -570px;
}

.link-r.blue a {
  color: #0084bb;
}
.link-r.blue a::after {
  background-position: 0 -590px;
}

.link-r.bluegreen a {
  color: #009084;
}
.link-r.bluegreen a::after {
  background-position: 0 -860px;
}

/* img */
.img-l,
.img-r {
  width: 30%;
  float: left;
  margin: 0 20px 20px 0;
}
.img-l img,
.img-r img {
  max-width: 100%;
}
.img-l small,
.img-r small {
  display: block;
  margin-top: 5px;
  font-size: 0.8rem;
  color: #999999;
}

.img-r {
  float: right;
  margin: 0 0 20px 20px;
}

/* text */
em {
  font-weight: bold;
}

.txt-ll {
  font-size: 1.8rem;
}

.txt-l {
  font-size: 1.4rem;
}

.txt-s {
  font-size: 0.8rem;
}

.date-event,
.txt-orange {
  font-weight: bold;
  color: #f38004;
}

.time {
  display: block;
  position: absolute;
  bottom: 5px;
  right: 0;
  font-size: 0.8rem;
  color: #999999;
}

.Time {
    padding-left: 10px;
  font-size: 0.8rem;
  color: #999999;
}

/* float align */
.fl-l {
  float: left;
  margin: 0 15px 15px 0;
}

.fl-r {
  float: right;
  margin: 0 0 15px 15px;
}

.al-r {
  text-align: right;
}

.al-c {
  text-align: center;
}

/* margin padding */
.mgt20 {margin-top: 20px;}
.mgb20 {margin-bottom: 20px;}
.pd0 {
  padding: 0;
}

/* hr */
hr {
  clear: both;
  border: none;
  border-bottom: 1px solid #cccccc;
}

/* button */
.btn-area-gray {
  clear: both;
  margin-bottom: 20px;
  padding: 20px;
  text-align: center;
  border-radius: 5px;
  background-color: #efefef;
}

.btn-green,
.btn-orange {
  display: inline-block;
  min-width: 35%;
  margin: 10px 1%;
  padding: 10px;
  font-weight: bold;
  border-radius: 5px;
  box-shadow: 0 3px 0 #cccccc;
  color: #fff;
  background: #4f9a31;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4f9a31 0%, #3a7813 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4f9a31 0%, #3a7813 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4f9a31 0%, #3a7813 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f9a31', endColorstr='#3a7813',GradientType=0 );
  /* IE6-9 */
}
.btn-green:hover,
.btn-orange:hover {
  color: #fff;
  background: #3b7914;
  box-shadow: 0 0 0 #cccccc;
}

.btn-orange {
  background: -moz-linear-gradient(top, #ff9828 0%, #f38004 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff9828 0%, #f38004 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff9828 0%, #f38004 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9828', endColorstr='#f38004',GradientType=0 );
  /* IE6-9 */
}
.btn-orange:hover {
  background: #f38004;
}


.btn-member,
.btn-reserve {
  position: relative;
}
.btn-member::before{
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 10px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
}

.btn-reserve::before {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 10px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: url(../images/common/icon.png) 0 -680px no-repeat;
}

.btn-reserve::before {
  background-position: 0 -710px;
}

.btn-area-gray .btn-green,
.btn-area-gray .btn-orange {padding: 10px 10px 10px 45px;}


/* sns */
.sns-btn {
    clear: both;
}
.sns-btn li {
    display: table-cell;
    vertical-align: top;
}

/* pagination */
.pagination {
  clear: both;
  text-align: center;
  padding: 15px 0;
}
.pagination ul {
  overflow: hidden;
}
.pagination li {
  display: inline;
}
.pagination li a {
  display: table-cell;
  width: 30px;
  height: 30px;
  background-color: #cccccc;
  vertical-align: middle;
  color: #fff;
}
.pagination li a:hover,
.pagination li a.on {
  text-decoration: none;
  background-color: #000000;
}
.pagination li:first-child a, .pagination li:last-child a {
  background: #cccccc url(../images/common/icon.png) 7px -647px no-repeat;
  text-indent: -9999px;
}
.pagination li:last-child a {
  transform: rotate(180deg);
}
.pagination li a:hover, .pagination li:last-child a:hover {
  background-color: #000000;
}

/* pagetop link */
#page-top {
  position: fixed;
  z-index: 500;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}
#page-top a {
  display: block;
  width: 60px;
  height: 60px;
  background: #3b7914 url(../images/common/icon_arrow_top.png) no-repeat center center;
  opacity: 0.4;
  text-indent: -9999px;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}

/* Toppage
* --------------------------------------- */
/* slider */
#slider {
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
}
#slider .bx-wrapper {
  position: relative;
  float: left;
  width: 66%;
  margin: 0;
  padding: 0;
  *zoom: 1;
  overflow: hidden;
}
#slider .bx-wrapper .bx-viewport {
  border: none;
  box-shadow: none;
  left: 0;
}
#slider .bx-wrapper .bx-controls {
  display: none;
}
#slider #bx-pager {
  width: 34%;
  height: 100%;
  float: right;
}
#slider #bx-pager img {
  float: left;
  width: 80px;
  height: 60px;
  margin: 10px;
}
#slider #bx-pager a {
  display: block;
  height: 80px;
  margin-bottom: 2px;
  position: relative;
  background-color: #dcdcd5;
    overflow: hidden;
}
#slider #bx-pager a:last-child {
  height: 81px;
  margin-bottom: 0;
}
#slider #bx-pager a:hover,
#slider #bx-pager a.active {
  background-color: #003557;
  color: #ffffff;
}
#slider #bx-pager p {
  padding: 10px;
  font-size: 13px;
    line-height: 1.1;
}

#slider.slider-bnr {
  padding-bottom: 40px;
}
#slider.slider-bnr .bx-wrapper {
  overflow: visible;
}
#slider.slider-bnr .bx-wrapper .bx-controls {
  display: block;
}

/* 2nd layer page
* --------------------------------------- */
.list-special {
  margin-bottom: 20px;
  overflow: hidden;
}
.list-special .thumb-l {
  float: left;
  width: 30%;
  margin-bottom: 20px;
}
.list-special .thumb-l img {
  width: 100%;
  margin-bottom: 10px;
}
.list-special ul.img{
  float: right;
  width: 67%;
}
.list-special ul li {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 35px;
  border-bottom: 1px solid #cccccc;
}
.list-special ul li a {
  font-weight: bold;
}

.bnr-support {
  margin-bottom: 20px;
}
.bnr-support #slider .bx-wrapper {
  width: 100%;
}
.bnr-support img {
  width: 100%;
}

/* article
* --------------------------------------- */
.article {
  margin-bottom: 30px;
}
.article .header {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}
.article .header h1 {
  padding-bottom: 15px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}
.article .header .img-l {
  width: 30%;
  margin-bottom: 20px;
}
.article .img-l,
.article .img-r {
  width: auto;
  max-width: 300px;
  margin-bottom: 10px;
}

.list-special > a {
  padding-top: 100px;
  margin-top: -100px;
}

/*---------------------------------------------------
fesレイアウト
---------------------------------------------------*/
p.titSponsor {
  text-align:center;
  margin:40px auto 20px;
  padding-bottom:0;
}

ul.company{
  text-align:center;
  margin: 0 auto;
}

.company li {
  display: inline-block;
  margin: 0 30px 30px;
  vertical-align: middle;
}

.download .company li {
  margin: 0 20px 20px;
}

ul.company{
  text-align:center;
  margin: 0 auto;
}

div.float-wrap {
  margin-bottom: 19px;
}

div.float-wrap.top {
  margin-bottom: 0;
}

div.float-wrap:after {
  content: '';
  display: block;
  clear: both;
}

div.float-wrap dl dt {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 3px;
}

div.float-wrap dl dd {
  font-size: 14px;
  line-height: 1.6;
  padding-left: 138px;
}
div.float-wrap dl.pNashi dd {
  font-size: 14px;
  line-height: 1.6;
  padding-left: 0;
}

.float-wrap::after {
  content: '';
  display: block;
  clear: both;
}

.float-wrap {
  text-align: left;
}

.float-wrap .float-right {
  float: right;
  margin: 0 0 20px 40px;
}

.float-wrap .float-left {
  float: left;
}

div.float-wrap dl dd {
  margin: 0 auto 15px;
  padding-left:0;
}

.float-wrap .float-right {
  float: none;
  margin: 0 0 20px;
  text-align: center;
}

.float-wrap .float-left {
  float: none;
}

.text-center {
  text-align: center;
}

#footer li {
  display: inline;
  border-right: 1px solid #000000;
  margin-left: 5px;
  padding-right: 10px;
}

#footer li:last-child {
  border-right: transparent;
}



/*---------------------------------------------------
RESPONSIVE
---------------------------------------------------*/
@media screen and (max-width: 1023px) {
  #slider .bx-wrapper,
  #slider #bx-pager {
    width: auto;
    float: none;
  }
  #slider .bx-wrapper li, #slider .bx-wrapper img {
    width: 100%;
  }
  #slider .bx-wrapper .bx-controls {
    display: block;
  }
  #slider #bx-pager {
    margin-top: 10px;
    text-align: center;
  }
  #slider #bx-pager a,
  #slider #bx-pager a:last-child {
    width: 10px;
    height: 10px;
    display: inline-block;
    text-indent: -9999px;
    border-radius: 100%;
  }
  #slider #bx-pager img {
    display: none;
  }

  #content {
    margin: 0 15px;
  }
}
@media screen and (max-width: 800px) {
  #content {
    margin: 0 15px;
  }

  .content-inner, #content .content-inner {
    width: auto;
    background: none;
  }

  .col-l, .col-r {
    clear: both;
    width: auto;
    float: none;
    margin: 20px 0 30px;
  }

  .col-l .col-l-inner {
    margin: 0;
  }

  #footer li {
    display: list-item;
    border-right: transparent;
    margin-left: 0;
    padding-right: 0;
  }

  #footer li a {
    display: inline-block;
  }

  #breadcrumb {
    padding: 0 15px;
  }

  .link-r a {
    display: block;
  }

  .fl-l,
  .fl-r {
    float: none;
    text-align: center;
    margin: 15px 0;
  }
  .fl-l img,
  .fl-r img {
    width: 100%;
  }

  #fixedBox .content-inner {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
    #slider .bx-wrapper .bx-caption span {
        font-size: 85%;
    }

  .box-3col li,
  .box-2col li {
    width: auto;
    float: none;
    margin-bottom: 20px;
  }
  .box-in-white {padding: 10px;}
  .box-article img {
    float: none;
    width: 100%;
    margin: 0 auto 20px;
  }

  #breadcrumb {
    display: none;
  }

  .img-l, .img-r {
    float: none;
    width: 100%;
    max-width: 100% !important;
    margin: 0 0 20px;
    text-align: center;
  }

  th, td {
    display: block;
  }

  .list-bgw li img,
  .list-uline img:not([src*="/PR.jpg"]) {
    margin: 0 15px 0 0;
    width: 80px;
  }

  .list-disc-line .date-event, .list-uline .date-event, .list-present .date-event, .list-category .date-event {
    display: block;
  }

  .time {
    position: relative;
    margin-top: 10px;
  }

  .date-event {
    font-size: 0.8rem;
  }

  .btn-green,
  .btn-orange {
    width: auto;
    display: block;
    margin: 15px 0;
  }

  /* 2nd layer page */
  .list-special .thumb-l, .list-special ul {
    float: none;
    width: auto;
  }

  .article .header .img-l {
    width: 100%;
  }

  .list-uline img:not([src*="/PR.jpg"]) {
    float: none;
    width: 100%;
    object-fit: cover;
    height: 75%;
  }
  .image_middle_summary img {
    height: 33%;
    height: 75%;
  }

  #footer .logo-container {
    position: relative;
  }

  #footer .logo-container img {
    position: absolute;
    left: calc(50vw - 80%);
  }

  #footer .sp {
    display: block;
  }

  #footer [align^="center"] td {
    display: none;
  }

  #footer [align^="center"] td:first-child {
    display: table-cell;
    width: 100%;
    text-align: center;
  }

  #footer [align^="center"] td:first-child img {
    width: 100px;
  }

  .col-r {
    height: 100%;
  }
}
/* Flexnav Base Styles */
@media all and (max-width: 800px) {
  .flexnav {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
    -webkit-transform-style: preserve-3d;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-height: 0;
  }

  .flexnav.opacity {
    opacity: 0;
  }

  .flexnav.flexnav-show {
    max-height: 2000px;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }

  .flexnav li a {
    position: relative;
    display: block;
    z-index: 2;
    overflow: hidden;
  }

  .flexnav li ul {
    width: 100%;
  }

  .flexnav li ul li {
    font-size: 100%;
    position: relative;
    overflow: hidden;
  }

  .flexnav li ul.flexnav-show li {
    overflow: visible;
  }

  .flexnav li ul li a {
    display: block;
  }
}
/*---------------------------------------------------
PRINT
---------------------------------------------------*/
@media print {
  #page-top {
    display: none;
  }

  body {
    background: none;
  }

  .img-l,
  .img-r,
  .img-c {
    clear: both;
    float: none;
    max-width: 100%;
    margin: 15px 0;
    text-align: center;
  }
}

.tag-list{
    position: relative;
    padding: 0 0 0 40px;
    font-size: 1.4rem;
    font-weight: bold;
    border-bottom: 3px solid transparent;
    color: #003557;
    border-color: #003557;
}
:not(.column_area_ttl) > .curled-box {
  position: absolute;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  background: #003557;
}


.tab-list-img{
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    top: -5px;
    left: 0;
    overflow: hidden;
}

.tag-list-body{
    position: relative;
    margin: 10px 0;
    list-style: none;
    display: block;
}

.tag-list-body li{
    border-bottom: 1px solid #cccccc;
    position: relative;
    padding: 7px 0 7px 25px;
    padding-left: 45px;
}

.tag-list-body-img{
    float: left;
    position: relative;
    width: 30px;
    height: 30px;
    top: 7px;
    left: 0;
    border-radius: 100%;
    overflow: hidden;
}

.tag-list-body-img img{
    position: absolute;
    top: -60px;
}

.fix-subscription {
  position: fixed;
  right: 50%;
  top: 180px;
  margin-right: -620px;
  z-index: 99;
}
.fix-subscription a {
  display: block;
  background: #f98c17 url(/relife/images/icn-arrow.png) 50% 91% no-repeat;
  background-size: 26px;
  color: #fff;
  padding: 1.4em 1.8em 3em;
  width: 1em;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  border-radius: 12px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}

.fix-subscription a:hover {
  opacity: .8;
}

/* レスポンス対応 */
@media screen and (max-width: 1180px) {
  .fix-subscription {
    position: fixed;
    right: 0;
    margin-right: 0;
    z-index: 99;
  }
  .fix-subscription a {
    opacity: 0.94;
    border-radius: 12px 0 0 12px;
  }
  .fix-subscription a:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 800px) {
  #support-jinsei,
  #support-kurashi{
    padding-bottom: 50px;
  }
  .fix-subscription {
    top: auto !important;
    right: auto !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 62px !important;
    margin-left: -20% !important;
  }
  .fix-subscription a {
    height: auto !important;
    width: 120% !important;
    padding: 14px 0;
    background-position: 80% 50% !important;
    background-size: 30px !important;
    text-align: center;
    font-size: 24px !important;
    opacity: 1;
    border-radius: 0 !important;
  }
  .fix-subscription.upper {
    bottom: 62px !important;
  }
  #page-top {
    bottom: 50px;
  }
}
.sub-title {
  margin-bottom: 10px;
}

.closed_offer {
  text-align: center;
  font-size: 18px;
  margin-bottom: 12px;
}
.closed_offer span {
  color: #000080;
}

.accordion { width:80%; margin:0 auto 0px; padding:0px;}
.accordion a { display:block; padding:0px; text-decoration:none; color:#000;}
.accordion span { display:block; padding:0px;color:#000; font-weight:bold;}
.accordion ul { display:none;}

.article .right {
  margin-left: 10px;
}
.article .left {
  margin-right: 10px;
}

.article a[href^="http://"]:not(.orange):not(.blue):not(.btn-orange):not(.btn-green),
.article a[href^="https://"]:not(.orange):not(.blue):not(.btn-orange):not(.btn-green),
.article a[href^="/"]:not(.orange):not(.blue):not(.btn-orange):not(.btn-green)
{
  text-decoration: underline;
  color: blue;
}

.article a[href^="http://"]:not(.orange):not(.blue):not(.btn-orange):not(.btn-green):hover,
.article a[href^="https://"]:not(.orange):not(.blue):not(.btn-orange):not(.btn-green):hover,
.article a[href^="/"]:not(.orange):not(.blue):not(.btn-orange):not(.btn-green):hover
{
  color: #f38004;;
}

.article figcaption {
  font-size: 12px;
  color: #444;
}

.list-uline img {
  margin-right: 20px;
  object-fit: contain;
}

.list-uline li {
  padding: 10px 0 4px 0;
}

.txt-s.summary {
  line-height: 1.3;
  padding-top: 5px;
}

a.title {
  line-height: 1.3;
}

#footer .footer-color-bar::before {
  content: '';
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #3b7914;
  /* Old browsers */
  background: -moz-linear-gradient(left, #5e365d 1%, #b4007b 16%, #e27b30 32%, #ffea00 50%, #4fa000 66%, #008e9d 84%, #0098dd 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #5e365d 1%, #b4007b 16%, #e27b30 32%, #ffea00 50%, #4fa000 66%, #008e9d 84%, #0098dd 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #5e365d 1%, #b4007b 16%, #e27b30 32%, #ffea00 50%, #4fa000 66%, #008e9d 84%, #0098dd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e365d', endColorstr='#0098dd', GradientType=1);
  /* IE6-9 */
  margin-bottom: 30px;
  margin-top: -5px;
}

#footer .sp [class^=accordion-trigger] {
  padding: 10px;
  background: #dcdcd5;
  font-size: 16px;
  font-weight: 700;
  border: solid 1px #cccccc;
  cursor: pointer;
}

#footer .sp .accordion-target {
  padding: 0;
  background: #efefe8;
  font-size: 16px;
  font-weight: 700;
}

#footer .sp .accordion-target li {
  padding: 10px;
  border: solid 1px #cccccc;
}

.col-l {
  margin-bottom: 50px;
}

#footer ul {
  margin-bottom: 10px;
}

#footer img {
  min-width: 100px;
}

.tag-list-body .tag-list-title {
  font-weight: bold;
}

figure {
  margin: 0;
  display: inline-block !important;
}

[src*="NEW.jpg"],
[src*="PR.jpg"] {
  width: 30px !important;
}

[id^=div-gpt-ad] {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}

.pr-list {
  border-top: 3px solid #3b7914;
  color: #0084bb;
  border-color: #0084bb;
}

.pr-list h3 {
  float: left;
  vertical-align: middle;
  width: auto;
  border: transparent;
}

.pr-list > div {
  margin-left: 10px;
  float: left;
  padding-top: 7px;
}

.card-layout {
  margin-bottom: 8px;
}

.card-layout > .card {
  float: left;
  width: calc(50% - 20px);
  position: relative;
  padding: 10px 10px 0 10px;
  font-size: 15px;
}
.card-layout > .card:nth-child(odd){
  clear: both;
}

.card-layout > .card a img {
  width: 100px;
  max-height: 75px;
  object-fit: cover;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.card-layout > .card .time {
  font-size: 12px;
  position:static;
  text-align: left;
  word-break: break-all;
  left:120px;
  bottom:5px;
}

.card-layout > .card p {
  padding-bottom: 7px;
}


@media screen and (max-width:1024px) {
  .card-layout > .card {
    padding: 5px 10px 0 10px;
  }
}

@media screen and (max-width:890px) {
  .card-layout > .card .time {
    position:relative;
    left:0;
  }
}

@media screen and (max-width:768px) {
  .card-layout > .card {
    height: auto;
  }

  .card-layout > .card a img {
    float: none;
    width: 100%;
    height: auto;
    max-height: none;
    margin-bottom: 7px;
  }

  .card .time {
    text-align: right;
  }
}

.link-r a.series::after {
  background: url(../images/common/icon.png) 0 -590px no-repeat;
}

.facebook_video {
  position:relative;
  width:100%;
  height:0;
}

.facebook_video iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.hidden_contents label.answer_open_btn{
  display: block;
  margin: 40px auto;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 25px;
  width: 248px;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  background-color: #fff;
  transition: 0.3s;
  opacity: 1;
  text-align: center;
}
.hidden_contents label.answer_open_btn:hover{
  color: #fff;
  border: 1px solid #000;
  background-color: #000;

}
.hidden_contents input {
  display: none;
}
.hidden_contents .quiz_answer{
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
.hidden_contents input:checked ~ .quiz_answer {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}