/* 現行 https://www.cymbidium.co.jp/cp/fukkoku/ 専用CSSを .sbs-real 配下に移植（自動生成: gen.py） */
/* ---- campaign.css (cymbidium.co.jp/common/css/) ---- */
.sbs-real #campaign_detail {}
.sbs-real #contents_wrap {padding: 10px;
 background: #EEE;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 behavior: url(https://www.cymbidium.co.jp/common/pie/PIE.htc);
 margin-bottom: 30px;}
.sbs-real .contents {background: #FFF;
 margin-bottom: 10px;
 padding-top: 20px;
 padding-bottom: 20px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 behavior: url(https://www.cymbidium.co.jp/common/pie/PIE.htc);}
.sbs-real .contents_subttl {width: 618px;
 padding: 5px 0 5px 10px;
 margin:0 auto 10px;
 border-left:2px solid #8EC31F;
 background: #EEE;
 color: #8EC31F;
 font-size: 18px;
 font-weight: bold;}
.sbs-real #step1txt {background-image: url(/html/user_data/sbs/campaign/img/step1txt.jpg);
	height: 101px;
	width: 570px;
	background-repeat: no-repeat;
	padding-left: 140px;
	font-size: 12px;}
.sbs-real #step3txt {background-image: url(/html/user_data/sbs/campaign/img/oyakusoku.jpg);
	height: 165px;
	width: 540px;
	background-repeat: no-repeat;
	padding-left: 170px;
	font-size: 12px;
	line-height: 1.2em;
	padding-top: 16px;}
.sbs-real #products_lineup_container {background: url(/html/user_data/sbs/welcome/img/products_lineup_bottom.jpg) left bottom no-repeat;
padding-bottom: 20px;}
.sbs-real #products_lineup {background: url(/html/user_data/sbs/welcome/img/products_lineup_body.jpg) left top repeat-y;
padding-top: 25px;}
.sbs-real #products_lineup .products_lineup_list {width: 640px;
margin: 0 auto 10px auto;}
.sbs-real #products_lineup .products_lineup_list ul {zoom: 1;
margin-right: -20px;
_margin-right: -40px;}
.sbs-real #products_lineup .products_lineup_list ul li {float: left;
width: 200px;
margin-right: 20px;}
.sbs-real #products_lineup .products_lineup_list ul li .products_name {color: #78AD3E;
font-weight: bold;
padding-left: 5px;
border-left: 2px solid #78AE3E;
margin-bottom: 5px;}
.sbs-real #products_lineup .products_lineup_list ul li .photo {float: left;
width: 80px;}
.sbs-real #products_lineup .products_lineup_list ul li .data {float: right;
width: 100px;}
.sbs-real #products_lineup .products_lineup_list ul li .price {padding-top: 7px;
border-top: 1px dotted #999999;
line-height: 1.3;}
.sbs-real #products_lineup .products_lineup_list ul li .price .teiki {color: #FC587D;
font-weight: bold;
margin-top: 3px;}
.sbs-real #products_lineup .btn_lineup {background: #EEEEEE;
padding: 5px 0;
text-align: center;
margin: 0 20px;}
/* ---- cpcal.css (cymbidium.co.jp/cp/css/) ---- */
.sbs-real .tac,
.sbs-real .center {text-align: center;}
.sbs-real .left {text-align: left !important;}
.sbs-real .right {text-align: right !important;}
.sbs-real .fl {float: left;}
.sbs-real .fr {float: right;}
.sbs-real .vam {vertical-align: middle;}
.sbs-real .fwb {font-weight: bold;}
.sbs-real .lsm2 {letter-spacing: -2px;}
.sbs-real .fs0 {font-size: 0;}
.sbs-real .bb0 {border-bottom: 0 !important;}
.sbs-real .pt0 {padding-top: 0px !important;}
.sbs-real .pt10 {padding-top: 0px !important;}
.sbs-real .pt20 {padding-top: 20px !important;}
.sbs-real .pt40 {padding-top: 40px !important;}
.sbs-real .pt50 {padding-top: 40px !important;}
.sbs-real .pt60 {padding-top: 40px !important;}
.sbs-real .pb0 {padding-bottom: 0px !important;}
.sbs-real .pb10 {padding-bottom: 10px !important;}
.sbs-real .pb20 {padding-bottom: 20px !important;}
.sbs-real .pb40 {padding-bottom: 40px !important;}
.sbs-real .mt0 {margin-top: 0px !important;}
.sbs-real .mt15 {margin-top: 15px !important;}
.sbs-real .mt40 {margin-top: 40px !important;}
.sbs-real .mt70 {margin-top: 70px !important;}
.sbs-real .mb0 {margin-bottom: 0px !important;}
.sbs-real .mb15 {margin-bottom: 15px !important;}
.sbs-real .mb20 {margin-bottom: 20px !important;}
.sbs-real .mb30 {margin-bottom: 30px !important;}
.sbs-real .mb40 {margin-bottom: 40px !important;}
.sbs-real .mb50 {margin-bottom: 50px !important;}
.sbs-real .mb60 {margin-bottom: 60px !important;}
.sbs-real .mb70 {margin-bottom: 70px !important;}
.sbs-real .mb80 {margin-bottom: 80px !important;}
.sbs-real .w100 {width: 100% !important;}
.sbs-real .fit {max-width: 100%;
  position: relative;}
.sbs-real .ofi_wrap {overflow: hidden;
  margin-bottom: 10px;}
.sbs-real .ofi_wrap img {object-fit: cover;
  font-family: 'object-fit: cover;';}
@media screen and (min-width: 789px) {
.sbs-real .ofi_wrap {height: 300px;}
.sbs-real .ofi_wrap img {height: 300px;}
}
.sbs-real .clearfix:before,
.sbs-real .clearfix:after {content: " ";
  display: table;}
.sbs-real .clearfix:after {clear: both;}
.sbs-real .flex {display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;}
.sbs-real .flex.c5 .item {width: calc((100% - 40px) / 5);}
.sbs-real .flex.c2 .item {width: calc((100% - 25px) / 2);
  margin-right: 25px;}
.sbs-real .flex.c2 .item:nth-child(2n) {margin-right: 0;}
.sbs-real .flex.c3 .item {width: calc((100% - 50px) / 3);
  margin-right: 25px;}
.sbs-real .flex.c3 .item:nth-child(3n) {margin-right: 0;}
.sbs-real .flex.c4 .item {width: calc((100% - 30px) / 4);}
.sbs-real .flex.ac {align-items: center;}
.sbs-real .flex.sb {justify-content: space-between;}
.sbs-real .flex.jc {justify-content: center;}
.sbs-real .flex.ja {justify-content: space-around;}
@media print, screen and (min-width: 769px) {
.sbs-real .flex_pc {display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;}
.sbs-real .flex_pc.ac {align-items: center;}
.sbs-real .flex_pc.afe {align-items: flex-end;}
.sbs-real .flex_pc.sb {justify-content: space-between;}
.sbs-real .flex_pc.c2 .item {width: calc((100% - 25px) / 2);
    margin-right: 25px;}
.sbs-real .flex_pc.c2 .item:nth-child(2n) {margin-right: 0;}
.sbs-real .flex_pc.c3 .item {width: calc((100% - 50px) / 3);
    margin-right: 25px;}
.sbs-real .flex_pc.c3 .item:nth-child(3n) {margin-right: 0;}
.sbs-real .flex_pc.c4 .item {width: calc((100% - 30px) / 4);
    margin-right: 10px;}
.sbs-real .flex_pc.c4 .item:nth-child(4n) {margin-right: 0;}
.sbs-real .flex_pc.c5 .item {width: calc((100% - 40px) / 5);
    margin-right: 10px;}
.sbs-real .flex_pc.c5 .item:nth-child(5n) {margin-right: 0;}
}
@media print, screen and (max-width: 480px) {
.sbs-real .flex_sp {display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;}
.sbs-real .flex_sp.ac {align-items: center;}
.sbs-real .flex_sp.afe {align-items: flex-end;}
.sbs-real .flex_sp.sb {justify-content: space-between;}
.sbs-real .flex_sp.jc {justify-content: center;}
.sbs-real .flex_sp.spc2 .item {width: calc((100% - 25px) / 2);
    margin-right: 25px;}
.sbs-real .flex_sp.spc2 .item:nth-child(2n) {margin-right: 0;}
.sbs-real .flex_sp.c73 .item {width: calc(70% - 25px);
    margin-right: 25px;}
.sbs-real .flex_sp.c73 .item:nth-child(2n) {width: calc(30% - 25px);
    margin-right: 0;}
}
.sbs-real .Flexsb {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;}
.sbs-real .Flexfs {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;}
.sbs-real .Flexfe {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;}
.sbs-real .Flexsa {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;}
.sbs-real .Flexc {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;}
.sbs-real .Flexacsb {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;}
.sbs-real .Flexacfs {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;}
.sbs-real .Flexacfe {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;}
.sbs-real .Flexacc {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;}
.sbs-real .Flexwrap {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;}
.sbs-real .Flexwrapsa {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  justify-content: space-around;
  -webkit-justify-content: space-around;}
.sbs-real .Flexwrapfs {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;}
.sbs-real .Flexwrapc {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;}
.sbs-real .Flexwrapac {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  align-items: center;}
.sbs-real .Flexwrapacc,
.sbs-real .Flexwrapcc {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;}
.sbs-real .Flexwrapacsb {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;}
.sbs-real .Flexwrapacfs {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;}
.sbs-real .Flexwrapaesb {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  -webkit-justify-content: space-between;}
.sbs-real .Flexwrapaec {display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  -webkit-justify-content: center;}
@media screen and (max-width: 767px) {
.sbs-real .sp_flexc {justify-content: center;
    -webkit-justify-content: center;}
}
.sbs-real .col2 > .box {width: 50%;}
@media (max-width: 767px) {
.sbs-real .col2 > .box {width: 100%;}
}
@media (max-width: 480px) {
.sbs-real .col2 > .box {width: 100% !important;}
}
.sbs-real .col3 > .box {width: 32%;}
@media (max-width: 767px) {
.sbs-real .col3 > .box {width: 50%;}
}
@media (max-width: 480px) {
.sbs-real .col3 > .box {width: 100% !important;}
}
.sbs-real .col4 > .box {width: 24%;}
@media (max-width: 767px) {
.sbs-real .col4 > .box {width: 50%;}
}
@media (max-width: 480px) {
.sbs-real .col4 > .box {width: 100% !important;}
}
.sbs-real .col5 > .box {width: 19%;}
@media (max-width: 767px) {
.sbs-real .col5 > .box {width: 50%;}
}
@media (max-width: 480px) {
.sbs-real .col5 > .box {width: 100% !important;}
}
.sbs-real .col7-box {width: 66%;}
@media (max-width: 767px) {
.sbs-real .col7-box {width: 50%;}
}
@media (max-width: 480px) {
.sbs-real .col7-box {width: 100% !important;}
}
@media (max-width: 480px) {
.sbs-real .flex_order {display: flex !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.sbs-real .flex_order .order1 {-webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;}
.sbs-real .flex_order .order2 {-webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;}
.sbs-real .flex_order .order3 {-webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;}
}
.sbs-real .sp-only {display: none;}
@media (max-width: 480px) {
.sbs-real .sp-only {display: block;}
}
.sbs-real .pc-only {display: block;}
@media (max-width: 480px) {
.sbs-real .pc-only {display: none;}
}
.sbs-real .pc-none {display: none;}
@media (max-width: 1000px) {
.sbs-real .pc-none {display: block;}
}
.sbs-real .line-clamp3 {display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 50px;
  overflow: hidden;}
.sbs-real .font-awesome {position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f078";
  color: #ccc;
  font-size: 1em;
  font-weight: bold;
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;}
.sbs-real .shake {animation: shake_5015 3.875s ease infinite;
  transform-origin: 50% 50%;}
.sbs-real 0% {transform: rotate(-12deg);}
.sbs-real 5.16129% {transform: rotate(12deg);}
.sbs-real 6.45161% {transform: rotate(24deg);}
.sbs-real 11.6129% {transform: rotate(-24deg);}
.sbs-real 12.90323% {transform: rotate(-24deg);}
.sbs-real 18.06451% {transform: rotate(24deg);}
.sbs-real 19.35484% {transform: rotate(24deg);}
.sbs-real 24.51613% {transform: rotate(-24deg);}
.sbs-real 25.80645% {transform: rotate(-24deg);}
.sbs-real 30.96774% {transform: rotate(24deg);}
.sbs-real 32.25807% {transform: rotate(24deg);}
.sbs-real 37.41935% {transform: rotate(-24deg);}
.sbs-real 38.70968% {transform: rotate(-24deg);}
.sbs-real 43.87097% {transform: rotate(24deg);}
.sbs-real 48.3871% {transform: rotate(0deg);}
.sbs-real 100% {transform: rotate(0deg);}
.sbs-real 0%,
.sbs-real 20%,
.sbs-real 50%,
.sbs-real 80%,
.sbs-real 100% {transform: translateY(0);}
.sbs-real 40% {transform: translateY(-30px);}
.sbs-real 60% {transform: translateY(-15px);}
.sbs-real .animated {animation-duration: 1s;
  animation-fill-mode: both;}
.sbs-real .bounce {animation-name: bounce;}
.sbs-real .line_textb01 {background: rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffff00 0%) repeat scroll 0 0;}
.sbs-real .question {font-weight: bold;
  overflow: hidden;
  cursor: pointer;
  position: relative;}
@media print, screen and (min-width: 768px) {
.sbs-real .question {font-size: 18px;
    line-height: 24px;}
}
.sbs-real .question:before {counter-increment: count 1;
  content: "Q" counter(count);
  background: #F15A24;
  color: #fff;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  margin-right: 7px;}
.sbs-real .question:after {position: absolute;
  top: 0;
  right: 0;
  color: #95ADBA;
  font-family: "Font Awesome 5 Free";
  content: "\f055";}
.sbs-real,
.sbs-real div,
.sbs-real span,
.sbs-real object,
.sbs-real iframe,
.sbs-real h1,
.sbs-real h2,
.sbs-real h3,
.sbs-real h4,
.sbs-real h5,
.sbs-real h6,
.sbs-real p,
.sbs-real blockquote,
.sbs-real pre,
.sbs-real abbr,
.sbs-real address,
.sbs-real cite,
.sbs-real code,
.sbs-real del,
.sbs-real dfn,
.sbs-real em,
.sbs-real img,
.sbs-real ins,
.sbs-real kbd,
.sbs-real q,
.sbs-real samp,
.sbs-real small,
.sbs-real strong,
.sbs-real sub,
.sbs-real sup,
.sbs-real var,
.sbs-real b,
.sbs-real i,
.sbs-real dl,
.sbs-real dt,
.sbs-real dd,
.sbs-real ol,
.sbs-real ul,
.sbs-real li,
.sbs-real fieldset,
.sbs-real form,
.sbs-real label,
.sbs-real legend,
.sbs-real table,
.sbs-real caption,
.sbs-real tbody,
.sbs-real tfoot,
.sbs-real thead,
.sbs-real tr,
.sbs-real th,
.sbs-real td,
.sbs-real article,
.sbs-real aside,
.sbs-real canvas,
.sbs-real details,
.sbs-real figcaption,
.sbs-real figure,
.sbs-real footer,
.sbs-real header,
.sbs-real hgroup,
.sbs-real menu,
.sbs-real nav,
.sbs-real section,
.sbs-real summary,
.sbs-real time,
.sbs-real mark,
.sbs-real audio,
.sbs-real video {font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent;}
.sbs-real article,
.sbs-real aside,
.sbs-real details,
.sbs-real figcaption,
.sbs-real figure,
.sbs-real footer,
.sbs-real header,
.sbs-real hgroup,
.sbs-real menu,
.sbs-real nav,
.sbs-real section {display: block;}
.sbs-real nav ul,
.sbs-real ul,
.sbs-real li {list-style: none;}
.sbs-real blockquote,
.sbs-real q {quotes: none;}
.sbs-real blockquote:before,
.sbs-real blockquote:after,
.sbs-real q:before,
.sbs-real q:after {content: '';
  content: none;}
.sbs-real ins {text-decoration: none;
  color: #000;
  background-color: #ff9;}
.sbs-real mark {font-weight: bold;
  font-style: italic;
  color: #000;
  background-color: #ff9;}
.sbs-real del {text-decoration: line-through;}
.sbs-real abbr[title],
.sbs-real dfn[title] {cursor: help;
  border-bottom: 1px dotted;}
.sbs-real video {max-width: 100%;}
.sbs-real table {border-spacing: 0;
  border-collapse: collapse;
  width: 100%;}
.sbs-real table th,
.sbs-real table td {font-weight: normal;}
.sbs-real hr {display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;}
.sbs-real {color: #3e1d04;
  font-size: 16px;
  line-height: 2;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", Yu Gothic, "メイリオ", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.5;}
@media all and (-ms-high-contrast: none) {
.sbs-real {line-height: inherit;
    font-family: "メイリオ", Meiryo, "Hiragino Maru Gothic W4 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Helvetica Neue", Helvetica, Arial, sans-serif;}
}
.sbs-real #wrapper {overflow: hidden;}
.sbs-real h1,
.sbs-real h2,
.sbs-real h3,
.sbs-real h4,
.sbs-real h5,
.sbs-real h6 {font-weight: normal;}
.sbs-real img {max-width: 100%;
  height: auto;}
.sbs-real a:hover {opacity: .7;}
.sbs-real .btn02 a,
.sbs-real .btn02 input,
.sbs-real .btn02 button {display: inline-block;
  text-align: center;}
.sbs-real .btn02 {text-align: center;
  margin: 60px 0 0;}
.sbs-real .btn02 a,
.sbs-real .btn02 input,
.sbs-real .btn02 button {width: 233px;
  color: #fff;
  font-size: 15px;
  background: #3e1d04;
  border: 0;
  padding: 12px 0;}
.sbs-real .btn-n {margin: 0 auto;}
.sbs-real .btn-n a {letter-spacing: 2px;
  font-size: 2em;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: -webkit-linear-gradient(top, #e9b8b8, #edc7aa 16.67%, #e5dcb0 33.33%, #a4ceb8 49.48%, #a4cbd6 66.15%, #aeb1cc 82.81%, #cbb3c7);
  background: linear-gradient(to bottom, #e9b8b8, #edc7aa 16.67%, #e5dcb0 33.33%, #a4ceb8 82%, #a4cbd6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF35B2EA', endColorstr='#FF349CCE', GradientType=0);
  border-color: #e9b8b8, #edc7aa 16.67%, #e5dcb0 33.33%, #a4ceb8 49.48%, #a4cbd6 66.15%, #aeb1cc 82.81%, #cbb3c7;
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  height: inherit;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 3px;
  webkit-box-shadow: 0 0 1px #ccc, inset 0 1px 0 rgba(255, 255, 255, 0.35);
  box-shadow: 0 0 1px #ccc, inset 0 1px 0 rgba(255, 255, 255, 0.35);
  line-height: 45px;
  padding: 0 50px;
  margin: 0 auto;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;}
.sbs-real .tit01 {color: #3e1d04;
  font-size: 2.14em;
  line-height: 1.4;
  padding: 0 0 50px;}
.sbs-real .tit01 .sub {font-size: 0.27em;}
.sbs-real .tit_page {color: #fff;
  background: #3e1d04;
  border-radius: 45px;
  padding: 21.5px 70px;
  margin: 0 0 50px;}
.sbs-real .tit_page .intxt {position: relative;
  display: inline-block;}
.sbs-real .tit_page .intxt:before,
.sbs-real .tit_page .intxt:after {content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;}
.sbs-real .tit_page .intxt:before {left: -1%;}
.sbs-real .tit_page .intxt:after {right: -1%;}
.sbs-real .tit_page03 {color: #fff;
  font-size: 1.3em;
  background: #5ab8e2;
  border-radius: 10px 10px 0 0;
  padding: 22px 20px;
  margin: 0;}
.sbs-real .cmainC1 {color: #3e1d04;}
.sbs-real .cmainC2 {color: #e1b939;}
.sbs-real .cmainC3 {color: #5ab8e2;}
.sbs-real .csub {color: #184b4a;}
.sbs-real .stxt {font-size: 0.8em;}
.sbs-real .ltxt {font-size: 1.2em;}
.sbs-real .line_di01:before,
.sbs-real .line_di01:after {position: relative;
  display: inline-block;
  content: "";
  background: #e1b939;
  width: 2px;
  height: 6em;
  margin: 0 4em;
  margin-top: -8.2em;
  vertical-align: middle;}
.sbs-real .line_di01:before {transform: rotate(-35deg);}
.sbs-real .line_di01:after {transform: rotate(35deg);}
.sbs-real .bg_grey {background: #f5ede1;}
.sbs-real .bg_main {color: #fff;
  background: #3e1d04;}
.sbs-real .bg_sub {background: #184b4a;}
.sbs-real .triangleb {position: relative;}
.sbs-real .triangleb:before {content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 14.5px 0 14.5px;
  border-color: #3e1d04 transparent transparent transparent;}
@media (max-width: 767px) {
.sbs-real .col2_tbox .box,
.sbs-real .col3_tbox .box {margin-bottom: 30px;}
.sbs-real .col2_tbox .box:last-child,
.sbs-real .col3_tbox .box:last-child {margin-bottom: 0;}
}
.sbs-real .col2_tbox .col2 .box {width: calc((100% - 20px) / 2);}
@media (min-width: 768px) {
.sbs-real .col2_tbox .col2 .box {margin-right: 20px;}
}
.sbs-real .col2_tbox .col2 .box:nth-child(2n) {margin-right: 0;}
.sbs-real .col3_tbox .col3 > .box {width: calc((100% - 180px) / 3);}
@media (min-width: 768px) {
.sbs-real .col3_tbox .col3 > .box {margin-right: 90px;}
}
.sbs-real .col3_tbox .col3 > .box:nth-child(3n) {margin-right: 0;}
@media (min-width: 768px) {
.sbs-real .col2_tbox02 .box:first-child {width: 43.5%;}
.sbs-real .col2_tbox02 .box:last-child {width: 55.5%;}
}
@media (min-width: 768px) {
.sbs-real .col2_tbox02 .ofi_wrap {margin-bottom: 0;}
}
.sbs-real .col2_tbox02 .inner03 {max-width: 80%;
  margin: 0 auto;}
@media (min-width: 768px) {
.sbs-real .col2_tbox02 h2 {font-size: 3.428em;}
}
.sbs-real .lt_check {position: relative;}
.sbs-real .lt_check:before {content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #3e1d04 transparent transparent transparent;}
.sbs-real .arrowb {position: relative;}
.sbs-real .arrowb:before {content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -18px;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 9px 0 9px;
  border-color: #3e1d04 transparent transparent transparent;}
.sbs-real .col1_tbox,
.sbs-real .col2_tbox {padding: 40px 0;
  margin: 0 0 40px;}
.sbs-real .col1_tbox .boxb,
.sbs-real .col2_tbox .boxb {border: 1px solid #f5ede1;}
.sbs-real .col1_tbox .imgbox,
.sbs-real .col2_tbox .imgbox {margin: 0 0 10px;}
.sbs-real .col1_tbox .imgboxb,
.sbs-real .col2_tbox .imgboxb {border-bottom: 1px solid #f5ede1;}
.sbs-real .col1_tbox .txt,
.sbs-real .col2_tbox .txt {margin: 0 0 20px;}
.sbs-real .col1_tbox .price,
.sbs-real .col2_tbox .price {color: #cc0000;}
.sbs-real .col1_tbox .calendar,
.sbs-real .col2_tbox .calendar {font-size: 13px;
  padding: 0 0 7px;
  margin: 0 0 7px;}
.sbs-real .col1_tbox .calendar img,
.sbs-real .col2_tbox .calendar img {vertical-align: middle;}
.sbs-real .col1_tbox .day,
.sbs-real .col2_tbox .day {vertical-align: middle;}
.sbs-real .is-invasion.scaleUpIn,
.sbs-real .is-invasion.scaleUpInOver,
.sbs-real .is-invasion.scaleDownIn,
.sbs-real .is-invasion.scaleDownInOver {transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  transition-duration: .7s,.3s;
  transition-timing-function: cubic-bezier(0.32, 0.43, 0.49, 1.36), ease-in;}
.sbs-real .box_shadow-w {display: block;
  position: relative;
  border-radius: 1.6em 0 0 1.6em;
  background-color: #fff;
  filter: drop-shadow(0 0.4em 2em rgba(0, 0, 0, 0.2));}
@media screen and (min-width: 789px) {
.sbs-real .box_shadow-w {width: 86em;}
}
.sbs-real .scaleDownInOver {-webkit-transform: scale(1.15) translate(-30px, 0);
  transform: scale(1.15) translate(-30px, 0);
  opacity: 0;}
.sbs-real .is-invasion {-webkit-transform: scale(1) translate(0, 0) !important;
  transform: scale(1) translate(0, 0) !important;
  opacity: 1 !important;
  transition: opacity .5s ease-in,-webkit-transform 1s;
  transition: transform 1s,opacity .5s ease-in;
  transition: transform 1s,opacity .5s ease-in,-webkit-transform 1s;}
.sbs-real .h_bslant {text-align: center;}
.sbs-real .h_bslant .intxt {font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.4rem;
  position: relative;}
.sbs-real .h_bslant .intxt:before {content: "・・・・・";
  position: absolute;
  top: 0.5rem;
  left: -3.8rem;
  font-size: 1.5rem;
  letter-spacing: -1rem;
  transform: rotate(55deg);
  color: #00a1e9;}
.sbs-real .h_bslant .intxt:after {content: "・・・・・";
  position: absolute;
  top: 1.3rem;
  right: -2.6rem;
  font-size: 1.5rem;
  letter-spacing: -1rem;
  transform: rotate(-55deg);
  color: #00a1e9;}
.sbs-real .h_bg2 {background-color: #ef858c;
  
  color: #fff;
  
  overflow: hidden;
  padding: 10px;
  
  position: relative;}
.sbs-real .h_bg2:before {background-color: #fff;
  
  content: '';
  display: block;
  opacity: 0.3;
  
  transform: rotate(-50deg);
  position: absolute;
  bottom: -10px;
  right: -330px;
  width: 500px;
  height: 500px;}
.sbs-real .h_bg2:after {background-color: #fff;
  
  content: '';
  display: block;
  opacity: 0.3;
  
  transform: rotate(-70deg);
  position: absolute;
  bottom: -100px;
  right: -500px;
  width: 500px;
  height: 500px;}
.sbs-real .h_top_01 {font-size: 3.428em;
  padding-bottom: 40px;}
.sbs-real .h_top_01 .sub2 {font-size: 30px;
  position: relative;
  display: block;
  color: #221815;}
.sbs-real .h_top {font-weight: 700;
  font-style: normal;
  font-size: 2.3em;
  letter-spacing: .06em;
  color: #a4ceb8;
  display: inline-block;}
.sbs-real .h_borderb {white-space: nowrap;
  display: inline-block;
  font-size: 18px;
  letter-spacing: .12em;
  color: #a4ceb8;
  position: relative;
  font-weight: 700;
  padding-bottom: 10px;
  top: -15px;}
@media screen and (min-width: 789px) {
.sbs-real .h_borderb {margin-left: 36px;}
}
.sbs-real .h_borderb:before {content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #a4ceb8;}
.sbs-real .h_top2 {font-size: 30px;
  letter-spacing: .055em;
  font-weight: 700;
  margin-top: 40px;
  position: relative;
  left: -12px;}
.sbs-real .btxt01 {font-size: 16px;
  font-weight: 700;
  margin-top: 19px;
  position: relative;
  left: 3px;
  line-height: 36px;}
.sbs-real .h_bgb01 {font-size: 1.4em;
  display: inline-block;
  position: relative;
  padding: 0.1rem 2rem calc(0.2rem + 10px) 1rem;
  background: rgba(225, 185, 57, 0.7);
  margin: 0.5rem 0 auto 1.2rem;}
.sbs-real .h_bgb01:before {box-sizing: inherit;
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 2px solid #000;}
.sbs-real .notes {font-size: 14px;
  letter-spacing: .03em;
  opacity: .5;
  text-align: center;}
.sbs-real .mb0 {margin-bottom: 0px !important;}
.sbs-real .mb5 {margin-bottom: 5px !important;}
.sbs-real .mb20 {margin-bottom: 20px !important;}
.sbs-real .mb40 {margin-bottom: 40px !important;}
.sbs-real .w100p {width: 100% !important;}
.sbs-real .tac {text-align: center;}
.sbs-real .fl {float: left;}
.sbs-real .fr {float: right;}
.sbs-real .fwb {font-weight: bold;}
.sbs-real .tit-line02 {position: relative;
  padding-bottom: 0.5rem;}
.sbs-real .tit-line02::after {content: "";
  position: absolute;
  left: 0;
  bottom: -0.3rem;
  width: 100%;
  height: 8px;
  background: -webkit-repeating-linear-gradient(45deg, #1598ec, #1598ec 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(45deg, #1598ec, #1598ec 2px, #fff 2px, #fff 4px);}
.sbs-real .tit-line02::first-letter {margin-right: 0.1em;
  font-size: 1.5em;
  padding-left: 0.5rem;}
.sbs-real .tit-line03 {position: relative;
  padding: .25rem 0 .25rem .5rem;
  border-left: 6px solid #e1b939;}
.sbs-real .tit-line03::after {position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;}
.sbs-real .balloon {position: relative;
  background: #fde7d1;
  padding: 2em;}
.sbs-real .balloon:after {content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #fde7d1 transparent transparent transparent;
  border-width: 20px 20px 0 20px;}
.sbs-real .balloon_maru {position: relative;
  width: 120px;
  height: 120px;
  background: #ef887e;
  padding: 2em;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;}
.sbs-real .balloon_maru:after {content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 3px;
  bottom: 3px;
  border-style: solid;
  border-color: transparent transparent transparent #ef887e;
  border-width: 10px 0 10px 17.32px;
  transform: rotate(45deg);}
.sbs-real .balloon_waku {position: relative;
  padding: 2em;
  border: 3px solid #ef8f3a;}
.sbs-real .balloon_waku:before,
.sbs-real .balloon_waku:after {content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;}
.sbs-real .balloon_waku:before {top: -40px;
  border-style: solid;
  border-color: transparent transparent #ef8f3a transparent;
  border-width: 0 45px 40px 0;}
.sbs-real .balloon_waku:after {top: -34px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 39px 35px 0;
  z-index: 10;}
.sbs-real .ribbon {position: relative;
  background: #E7CFE9;
  padding: 1em;
  color: #fff;}
.sbs-real .ribbon:after {content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 25px 15px 25px 0;}
.sbs-real .ribbon_ori {background: #BDE5E7;}
.sbs-real .ribbon_ori :after {border-style: solid;
  border-color: transparent #fff #3a759a transparent;
  border-width: 0 20px 20px 0;}
.sbs-real .ribbon_orikaesi {position: relative;
  background: #CDE0EC;
  padding: 1em;
  color: #fff;}
.sbs-real .ribbon_orikaesi:after {content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #3a759a transparent transparent;
  border-width: 0 30px 10px 0;}
.sbs-real .ribbon_ori02 {display: inline-block;
  position: relative;
  background: #6aa7cd;
  padding: 1em;
  text-align: center;
  color: #fff;}
.sbs-real .ribbon_ori02:before,
.sbs-real .ribbon_ori02:after {content: "";
  position: absolute;
  width: 0;
  height: 0;}
.sbs-real .ribbon_ori02:before {right: 0;
  bottom: -10px;
  border-style: solid;
  border-color: transparent transparent transparent #3a759a;
  border-width: 0 0 10px 30px;}
.sbs-real .ribbon_ori02:after {right: -75px;
  right: -30px;
  bottom: -11px;
  width: 60px;
  z-index: -2;
  border: 22px solid #5191b9;
  border-right-color: transparent;}
.sbs-real .hyouka_good,
.sbs-real .hyouka_bad {-webkit-transition: all .5s;
  transition: all .5s;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
  max-width: 500px;
  margin: 30px auto;
  border-radius: 30px;
  text-align: center;
  line-height: 1.3;}
@media only screen and (min-width: 737px) {
.sbs-real .hyouka_good:hover,
.sbs-real .hyouka_bad:hover {-webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    box-shadow: 0 10px 20px -4px rgba(0, 0, 0, 0.22);}
}
.sbs-real .hyouka_good a,
.sbs-real .hyouka_bad a {transition: opacity 2s;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  line-height: 1;}
.sbs-real .hyouka_good a:after,
.sbs-real .hyouka_bad a:after {content: '\f13a';
  margin-left: auto;
  font-family: "Font Awesome 5 Free";
  font-size: 1.5rem;}
.sbs-real .hyouka_good a span,
.sbs-real .hyouka_bad a span {flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;}
.sbs-real .hyouka_good a span:before,
.sbs-real .hyouka_bad a span:before {margin-right: 0.5rem;
  font-family: "Font Awesome 5 Free";
  font-size: 1.65rem;
  font-weight: normal;}
.sbs-real .hyouka_good a span::before {content: '\f118';}
.sbs-real .hyouka_bad a span::before {content: '\f119';}
.sbs-real .akabotan {background-color: #26A69A;}
.sbs-real .akabotan:before {border-style: solid;
  border-color: #26A69A;}
.sbs-real .bluebotan {background-color: #3498db;}
.sbs-real .bluebotan:before {border-style: solid;
  border-color: #3498db;}
.sbs-real .akabotan,
.sbs-real .bluebotan {max-width: 320px;
  line-height: 1.5;
  position: relative;
  margin: 30px auto;
  border-radius: 30px;
  -webkit-transition: all .5s;
  transition: all .5s;}
@media only screen and (min-width: 737px) {
.sbs-real .akabotan .akabotan,
.sbs-real .akabotan .bluebotan,
.sbs-real .bluebotan .akabotan,
.sbs-real .bluebotan .bluebotan {text-align: center;}
.sbs-real .akabotan .akabotan:hover,
.sbs-real .akabotan .bluebotan:hover,
.sbs-real .bluebotan .akabotan:hover,
.sbs-real .bluebotan .bluebotan:hover {box-shadow: 0 10px 20px -4px rgba(0, 0, 0, 0.22);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);}
}
.sbs-real .akabotan a,
.sbs-real .bluebotan a {position: relative;
  display: block;
  padding: 15px 1.6rem 15px 1.6rem;
  transition: opacity 2s;
  color: #fff;}
.sbs-real .akabotan a:after,
.sbs-real .akabotan a:before,
.sbs-real .bluebotan a:after,
.sbs-real .bluebotan a:before {position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: '';
  display: block;}
.sbs-real .akabotan a:before {right: 21px;
  width: calc(.75em - 2px);
  height: calc(.75em - 2px);
  border-width: 3px 3px 0 0;
  z-index: 2;
  transform: rotate(45deg);}
.sbs-real .bluebotan a:before {right: -267px;
  z-index: 2;
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #3498db;
  border-right: solid 2px #3498db;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;}
.sbs-real .akabotan a:after,
.sbs-real .bluebotan a:after {right: 10px;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;}
.sbs-real .akabotan,
.sbs-real .bluebotan,
.sbs-real .page-botan {box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);}
.sbs-real .akabotan a,
.sbs-real .bluebotan a,
.sbs-real .page-botan a {font-size: 20px;
  text-decoration: none;
  font-weight: 700;}
.sbs-real .h3_01 {font-weight: 700;
  color: #fff;
  padding: 15px;
  border-top: none;
  font-size: 1.4em;
  line-height: 1.4;
  background-color: #a4ceb8;
  border-color: #83a48e;
  border-left-width: 4px;
  border-left-style: solid;}
.sbs-real .h4_01 {color: #fff !important;
  border-top: 0 !important;
  font-size: 1.3em !important;
  background-color: #17C3B2 !important;
  border-bottom: solid 4px #1DAC9E !important;
  margin: 2.5em 0 2em;
  padding: 12px 15px;
  font-weight: 700;
  line-height: 1.4;}
.sbs-real .h5_01 {font-size: 1.3em !important;
  background-color: transparent !important;
  border-bottom: none !important;
  margin: 0em 0 0.5em 0 !important;
  position: relative;
  padding-left: 1.2em;
  line-height: 1.4;
  padding: 12px 15px;
  font-weight: 700;}
.sbs-real .h5_01:before {font-family: "Font Awesome 5 Free";
  content: "\f075";
  font-weight: 900;
  position: absolute;
  font-size: 1em;
  left: 0;
  top: 12px;
  color: #E3F2FD;}
.sbs-real .h6_01 {background-color: #227C9D;
  border-bottom: none;
  color: #fff;
  padding: 12px 15px;
  font-size: 1.3em;
  margin: 2em 0 0;}
.sbs-real .h6_01 + p {background: #E3F2FD;
  padding: 20px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);}
.sbs-real .tit-line01 {position: relative;
  padding: .6rem 2rem .6rem 2rem;
  font-size: 1.5rem;
  text-align: center;
  border-top: solid 1px #e1b939;
  border-bottom: solid 1px #e1b939;}
.sbs-real .tit-line01::before,
.sbs-real .tit-line01::after {content: '';
  position: absolute;
  top: -10px;
  width: 1px;
  height: calc(100% + 20px);
  background-color: #e1b939;}
.sbs-real .tit-line01::before {left: 10px;}
.sbs-real .tit-line01::after {right: 10px;}
.sbs-real .fukidasi01 {letter-spacing: 1px;
  line-height: 1.75;
  background: url(/html/user_data/sbs/cp/img/fukidasi01.png) no-repeat left bottom;
  padding-left: 23%;
  padding-top: 3%;
  padding-bottom: 5%;
  height: 295px;}