/* 現行 https://www.cymbidium.co.jp/point/ 専用CSSを .sbs-real 配下に移植（自動生成: gen.py） */
/* ---- point.css (cymbidium.co.jp/common/css/) ---- */
.sbs-real #pagettl {margin-bottom: 13px;}
.sbs-real #welcome_tabs_wrap {background: url(/html/user_data/sbs/welcome/img/welcome_tabs_bottom.jpg) left bottom no-repeat;
padding-bottom: 44px;
margin-bottom: 65px;}
.sbs-real #welcome_tabs {zoom: 1;}
.sbs-real #welcome_tabs li {float: left}
.sbs-real #point_about {background: url(/html/user_data/sbs/welcome/img/welcome_tabs_body.jpg) left top repeat-y;
	width: 660px;
	padding-top: 2px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;}
.sbs-real .box610 {width: 610px;
	margin-right: auto;
	margin-left: auto;}
.sbs-real .point_subttl {width: 598px;
 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 .point_subbox1 {background-image: url(/html/user_data/sbs/point/img/pointimg06back.jpg);
	background-repeat: no-repeat;
	height: 105px;
	width: 610px;}
.sbs-real #point_contents .textbox {background-color: #F6F6F6;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;}
.sbs-real .present {background-color: #EEEEEE;
	width:582px;
	padding:10px;}
.sbs-real .present ul {text-align: center;}
.sbs-real .present li {float:left;
	margin-left:2px;
	margin-bottom:7px;}
.sbs-real .present li:nth-child(6) {margin-left:6px;
	margin-bottom:0;}
.sbs-real .present li:nth-child(7) {margin-left:6px;}
.sbs-real .present li:nth-child(8) {margin-left:17px;}
.sbs-real .present_02 li:nth-child(4) {float:none;}
.sbs-real .pre_ttl {text-align: center;
	margin:30px 0;}
.sbs-real #point_contents .guide_sub_con {width: 610px;
	margin-right: auto;
	margin-left: auto;}
.sbs-real #point_contents .point_flow {margin-bottom: 50px;
	background-color: #F6F6F6;
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;}
.sbs-real #point_contents .point_flow ol {zoom: 1;
	_margin-right: -60px;}
.sbs-real #point_contents .point_flow ol li {padding: 10px 0;
line-height: 1.8;
margin-right: 30px;}
.sbs-real #point_contents .point_flow ol li a {color: #333333;
background-position: left center;
background-repeat: no-repeat;
padding-left: 80px;}
.sbs-real #point_contents .point_flow ol li.step01 a {background-image: url(/html/user_data/sbs/point/img/manual/step01.jpg);}
.sbs-real #point_contents .point_flow ol li.step02 a {background-image: url(/html/user_data/sbs/point/img/manual/step02.jpg);}
.sbs-real #point_contents .point_flow ol li.step03 a {background-image: url(/html/user_data/sbs/point/img/manual/step03.jpg);}
.sbs-real #point_contents .point_flow ol li.step04 a {background-image: url(/html/user_data/sbs/point/img/manual/step04.jpg);}
.sbs-real #point_contents .point_flow ol li.step05 a {background-image: url(/html/user_data/sbs/point/img/manual/step05.jpg);}
.sbs-real #point_contents .point_flow ol li.step06 a {background-image: url(/html/user_data/sbs/point/img/manual/step06.jpg);}
.sbs-real #point_contents .c_pink {color: #FC8BA4;}

/* 付与の表（現在の付与率のみ・HTML化）— 画像の黄緑帯（x:54〜576）と表位置（x:73〜561）に合わせる */
.sbs-real .sbs-pointgrant { display: block; width: 610px; max-width: 100%; box-sizing: border-box; padding: 2px 8.03% 3px 11.97%;
  background: linear-gradient(to right, #fff 8.85%, #F4F7D8 8.85%, #F4F7D8 94.43%, #fff 94.43%); }
.sbs-real .sbs-pointgrant table { width: 100%; margin: 0; border-collapse: collapse; background: #FFF100; }
.sbs-real .sbs-pointgrant th, .sbs-real .sbs-pointgrant td { border: 2px solid #333; padding: 16px 6px; text-align: center; vertical-align: middle; line-height: 1.7; font-weight: bold; background: #FFF100; }
.sbs-real .sbs-pointgrant th { width: 21%; font-size: 13px; color: #333; }
.sbs-real .sbs-pointgrant td { width: 39.5%; font-size: 15px; color: #222; }
.sbs-real .sbs-pointgrant td b { font-size: 26px; font-family: Arial, Helvetica, sans-serif; }
.sbs-real .sbs-pointgrant .is-red { color: #E60012; }
@media (max-width: 979px) {
  .sbs-real .sbs-pointgrant th { font-size: 11px; padding: 10px 2px; }
  .sbs-real .sbs-pointgrant td { font-size: 11px; padding: 10px 2px; }
  .sbs-real .sbs-pointgrant td b { font-size: 17px; }
}
.sbs-real #welcome_container .mar_b_30 > img { max-width: 100%; height: auto; }