@charset "utf-8";

/* 全体で必要な初期化
-------------------------------------------------- */
* {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
    font-size:16px;
  }
a { color: #333; /*-webkit-tap-highlight-color: rgba(0, 0, 255, 0.5);*/ }
.form-control{
    font-size:16px;
}
a:hover > img,
.btn:hover,
.text-link:hover,
.panel a:hover,
#carousel-example-generic .carousel-control:hover,
#main .flex_panels a:hover img,
#main .flex_buttons a:hover,
#main .flex_small_buttons a:hover,
#local-nav .nav a:hover { opacity: .75; }
.container,
.navbar-collapse,
.row > div {
    padding-left: 0;
    padding-right: 0;
}
.row {
    margin-left: 0;
    margin-right: 0;
}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5, .btn,.strong{
    font-weight:bold;
}
label{
    font-weight: normal;
}
p{ margin-bottom: 15px; }
.text-primary { color: #ef2a50; }
.text-info {
    font-size: 12px;
    font-weight: normal;
}
.text-warning{
	color:#e89e1f;
}
.text-point strong,
.text-point span {
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    margin-right: 8px;
}
.text-point strong {
    color: #e50833;
}
.bg-default {
    box-sizing: border-box;
    padding: 24px 16px;
    border: 1px solid #ddd;
    border-radius: 2px;
}
.bg-info {
    box-sizing: border-box;
    padding: 24px 16px;
    border: 1px solid #ddd;
    background-color: #fbfbfb;
    border-radius: 2px;
}
.bg-words{
    background-color: #faf8e4;
    color: #e50833;
}
.bg-info i{ margin-right: 10px; }

.m-t-tiny { margin-top: 10px; }
.m-t-small { margin-top: 20px; }
.m-t-middle { margin-top: 40px; }
.m-t-large { margin-top: 60px; }
.m-t-huge { margin-top: 80px; }
.m-b-reset { margin-bottom: 0 !important;}
.m-b-tiny-s { margin-bottom: 5px;}
.m-b-tiny { margin-bottom: 10px; }
.m-b-small { margin-bottom: 20px; }
.m-b-middle { margin-bottom: 40px; }
.m-b-large { margin-bottom: 60px; }
.m-b-huge { margin-bottom: 80px; }
img {
    max-width: 100%;
}
button{
    outline: 0 !important;
}
#main #tab-news-contents tr:after,
#global-nav .nav:after,
.cf:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }
#main #tab-news-contents tr,
.cf, #global-nav .nav {
    *zoom: 1;
}
.btn-exchange{
	margin: 0 auto !important;
}
.use-ana{
	font-size:16px;
}

.use-t{
	font-size:16px;
}
.use-jal{
	font-size:16px;
}
.use-pex{
	font-size:16px;
}
.use-nanaco{
	font-size:16px;
}
.use-dt{
	display: block;
	height:65px;
	margin-top: 1px;
	margin-bottom: 10px;
}

.use-dd1{
	display: block;
	height:20px;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: center;
}
.use-dd2{
	display: block;
	height:20px;
	text-align: center;
}

/* パソコンのモニター向け
-------------------------------------------------- */
/*
 * レイアウト
 * 標準: NONE
 * T002: .sbi_t002
 * T003: .sbi_t003
 */
.container { width: 970px; }
/* ヘッダー */
#header {
    width: 100%;
    box-sizing: border-box;
    border-top: 4px solid #003399;
}
#header-nav {
    background-color: #f4f4f4;
    border-bottom: 1px solid #dadada;
}
#header-nav .navbar-toggle {
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    margin: 0 10px 5px 0;
    padding: 0;
    background-color: #f4f4f4;
    border: 1px solid #dadada;
}
#header-nav .icon-bar {
    position: relative;
    height: 4px;
    margin-left: auto;
    margin-right: auto;
    background-color: #003399;
}
#header-nav .icon-bar::before,
#header-nav .icon-bar::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 4px;
    transition: .3s;
    background-color: #003399;
}
#header-nav .icon-bar::before {
    margin-top: -10px;
}
#header-nav .icon-bar::after {
    margin-top: 6px;
}
#header-nav .active .icon-bar {
    background: transparent;
}
#header-nav .active .icon-bar::before,
#header-nav .active .icon-bar::after {
    margin-top: -2px;
}
#header-nav .active .icon-bar::before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
#header-nav .active .icon-bar::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
#header-nav .nav.navbar-mypage {
	display:none;
}
#header-nav .nav a {
    font-size: 12px;
    line-height: 28px;
    color: #333;
    padding: 0;
    margin-left: 16px;
    padding-left: 16px;
}
#header-nav .nav li:first-of-type a {
    margin-left: 0;
}
#header-nav .nav a:hover,
#header-nav .nav a:active {
    text-decoration: underline;
}
#header-nav .nav.navbar-outsite a {
    background: url(../../../id.sbigroup.jp/images/ico-square-double-gray.png) left center no-repeat;
}
#header-nav .nav a {
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-gray.png) left center no-repeat;
    background-size: 9px auto;
}
#header-nav .navbar-right {
    margin-right: 0;
}
#header .navbar {
    min-height: 1px;
    margin-bottom: 0;
}
#header .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 10px 0 5px;
}
#header .row::before,
#header .row::after {
    display: none;
}
#header .row > div {
    padding: 32px 0 12px;
}
#header .row > div:nth-of-type(1) { width: 80px; }
#header .row > div:nth-of-type(2) {width: calc(100% - 380px);}
#header .row > div:nth-of-type(3) { width: 300px; }
#header .row > div:nth-of-type(1) img {
    width: auto;
    height: 54px;
}
#header .row > div:nth-of-type(3) {
    background: url(../../../id.sbigroup.jp/images/logo02.png) right top no-repeat;
    background-size: 51px auto;
}
#header .row p {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    margin-left: 64px;
}
#header .row p .text-primary {
    font-size: 15px;
}
#header .row .btn {
    position: relative;
    font-size: 15px;
    text-align: center;
    line-height: 41px;
    box-sizing: border-box;
    padding: 0;
    padding-right: 6px;
    border-radius: 2px;
}
#header .row .btn::after {
    position: absolute;
    right: 12px;
    top: 50%;
    display: block;
    width: 13px;
    height: 13px;
    content: "";
    margin-top: -6px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-white.png) center center no-repeat;
    background-size: contain;
}
#header .row .btn-action {
    width: 140px;
    margin-left: 6px;
}
#header .row .btn-primary {
    width: 140px;
    margin-left: 6px;
}
#header .row p.mypoint-box {
	box-sizing: border-box;
    padding: 4px 10px;
	background-color: #faf8e4;
    border: 1px solid #e6e1b3;
	border-radius: 2px;
	font-size:15px;
}
f .text-primary{
	font-size:16px;
}

/* グローバルナビ */
#global-nav {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #dadada;
}
#global-nav .nav {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-left: 1px solid #c3c3c3;
}
#global-nav .nav::before{
    display: none;
}
#global-nav .nav > a {
    display: block;
    width: 33.3%;
    font-size: 17px;
    font-weight: bold;
    color: #333;
    line-height: 38px;
    text-align: center;
    box-sizing: border-box;
	float:left;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-right: 1px solid #c3c3c3;
    border-bottom: 4px solid #fff;
}
#global-nav .nav > a:hover,
#global-nav .nav > a:active,
#global-nav .nav > a.active {
    color: #003399;
    border-bottom: 4px solid #003399;
	text-decoration:none;
}
#global-nav .nav .ico {
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-top: -6px;
    margin-right: 8px;
}
#global-nav .nav .ico-home {
    background: url(../../../id.sbigroup.jp/images/ico-home-gray.png) no-repeat;
    background-size: 19px auto;
}
#global-nav .nav .ico-wallet {
    background: url(../../../id.sbigroup.jp/images/ico-wallet-gray.png) no-repeat;
    background-size: 19px auto;
}
#global-nav .nav .ico-exchange {
    background: url(../../../id.sbigroup.jp/images/ico-exchange-gray.png) no-repeat;
    background-size: 19px auto;
}
#global-nav .nav > a.active .ico-home,
#global-nav .nav > a:hover .ico-home,
#global-nav .nav > a:active .ico-home {
    background: url(../../../id.sbigroup.jp/images/ico-home-blue.png) no-repeat;
    background-size: 19px auto;
}
#global-nav .nav > a.active .ico-wallet,
#global-nav .nav > a:hover .ico-wallet,
#global-nav .nav > a:active .ico-wallet {
    background: url(../../../id.sbigroup.jp/images/ico-wallet-blue.png) no-repeat;
    background-size: 19px auto;
}
#global-nav .nav > a.active .ico-exchange,
#global-nav .nav > a:hover .ico-exchange,
#global-nav .nav > a:active .ico-exchange {
    background: url(../../../id.sbigroup.jp/images/ico-exchange-blue.png) no-repeat;
    background-size: 19px auto;
}
/* ローカルナビ */
#local-nav {
    width: 100%;
    padding-bottom: 5px;
}
#local-nav .nav {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%;
    margin: 0;
    padding: 0;
}
#local-nav .nav::before,
#local-nav .nav::after {
    display: none;
}
#local-nav .nav a {
    position: relative;
    display: block;
    width: 25%;
	text-align:center;
	font-size:14px;
    vertical-align: middle;
    color: #fff;
    line-height: 37px;
    text-decoration: none;
    box-sizing: border-box;
	float:left;
    margin: 0;
    border: 1px solid #ccc;
    border-right: none;
    background-color: #888;
	font-weight:normal;
}
#local-nav .nav a:last-of-type {
    border-right: 1px solid #c3c3c3;
}
#local-nav .nav a.active {
    color: #ef2a50;
    background-color: #fff;
    border-bottom: 3px solid #ef2a50;
}
#local-nav .nav .ico {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 8px;
	background-size:30px auto;
}
#local-nav .nav .ico-user {
    background-image: url(../../../id.sbigroup.jp/images/ico-circle-user-gray.png);
}
#local-nav .nav .ico-edit {
    background-image: url(../../../id.sbigroup.jp/images/ico-circle-edit-gray.png);
}
#local-nav .nav .ico-link {
    background-image: url(../../../id.sbigroup.jp/images/ico-circle-link-gray.png);
}
#local-nav .nav .ico-note {
    background-image: url(../../../id.sbigroup.jp/images/ico-circle-note-gray.png);
}
#local-nav .active .ico-user {
    background-image: url(../../../id.sbigroup.jp/images/ico-circle-user-pink.png);
}
#local-nav .active .ico-edit {
    background-image: url(../../../id.sbigroup.jp/images/ico-circle-edit-pink.png);
}
#local-nav .active .ico-link {
    background-image: url(../../../id.sbigroup.jp/images/ico-circle-link-pink.png);
}
#local-nav .active .ico-note {
    background-image: url(../../../id.sbigroup.jp/images/ico-circle-note-pink.png);
}
/* カルーセル */
#carousel-example-generic {
    margin: 20px 0 54px;
}
#carousel-example-generic .carousel-inner {
    max-width: 864px;
    margin-left: auto;
    margin-right: auto;
}
#carousel-example-generic .carousel-indicators {
    bottom: -34px;
    margin-bottom: 0;
}
#carousel-example-generic .carousel-indicators li {
    width: 14px;
    height: 14px;
    font-size: 0;
    line-height: 14px;
    vertical-align: middle;
    margin: 0 6px;
    border: none;
    background-color: #e0e0e0;
}
#carousel-example-generic .carousel-indicators li.active {
    background-color: #013299;
}
#carousel-example-generic .carousel-control {
    top: 50%;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    opacity: 1.0;
}
#carousel-example-generic a.left {
    background: url(../../../id.sbigroup.jp/images/ico-control-prev-gray.png) no-repeat;
	filter:none;
}
#carousel-example-generic a.right {
    background: url(../../../id.sbigroup.jp/images/ico-control-next-gray.png) no-repeat;
	filter:none;
}
/* メインコンテンツ */
#main {
    padding-top: 0px;
    background-color: #f4f4f4;
}
#main a {
    color: #003399;
    text-decoration: underline;
    font-weight:bold;
}
#main a.btn{
    text-decoration:none;
	font-size:16px;
}
#main a:hover,
#main a:active,
#main a.btn:hover,
#main a.btn:active {
    text-decoration:none;
}

#main #breadcrumb {
    list-style: none;
    box-sizing: border-box;
    margin: 0 0 16px;
    padding: 0;
	line-height:1;
}
#main #breadcrumb a {
    font-size: 12px;
}
#main #breadcrumb > li {
    display: inline-block;
    font-size: 12px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
#main #breadcrumb > li::after {
    display: inline-block;
    content: "＞";
    margin-left: 4px;
}
#main #breadcrumb > li:last-of-type::after {
    display: none;
}
#main .h1 {
    position: relative;
    font-size: 35px;
    font-weight:normal;
    line-height: 1.2;
    box-sizing: border-box;
    margin: 0 0 40px;
    padding: 10px 0 0;
}
#main .h1 img {
    position: absolute;
    right: 0;
	top:0;
}
#main .h1 span {
    position: absolute;
    right: 0px;
    top: 50%;
    display: inline-block;
	padding:7px 16px 5px;
    margin-top: -13px;
	background-color:#faf8e4;
}
#main h2 {
	font-size:24px;
	margin-top:30px;
}
#main .h2 {
    position: relative;
    font-size: 24px;
    line-height: 1.2;
    font-weight: normal;
    box-sizing: border-box;
    margin: 40px 0 30px;
    padding: 2px 0 0 15px;
	border-left:6px solid #003399;
}
#main .h3 {
    font-size: 18px;
    line-height: 1.0;
    box-sizing: border-box;
    margin-bottom: 12px;
    padding-left: 12px;
    border-left: 6px solid #333;
}
#main .h4 {
    font-size: 18px;
    font-weight: bold;
    box-sizing: border-box;
    margin: 0 0 18px;
    padding: 0;
}
#main .h4 strong {
	margin:	0 20px;
}
#main .lead {
    font-size: 26px;
    box-sizing: border-box;
    margin: 0 0 30px;
    padding: 0;
	color:#60b301;
}
#main .lead span{
    font-size: 26px;
}
#main .pagelink .col-md-6:nth-of-type(1){
    padding-right: 10px;
}
#main .pagelink .col-md-6:nth-of-type(2){
    padding-left: 10px;
}
#main .buttons .col-md-6:nth-of-type(1){
    padding-right: 10px;
}
#main .buttons .col-md-6:nth-of-type(2) {
    padding-left: 10px;
}
#main .columns .col-md-6:nth-of-type(1) {
    padding-right: 15px;
}
#main .columns .col-md-6:nth-of-type(2) {
    padding-left: 15px;
}
#main .banners .col-md-6:nth-of-type(1) {
    padding-right: 10px;
}
#main .banners .col-md-6:nth-of-type(2) {
    padding-left: 10px;
}
#main .banks .col-md-4 {
    padding: 0 3px 8px;
}
#main #tab-news-contents .nav-tabs {
    box-sizing: border-box;
    background-color: #f1f1f1;
}
#main #tab-news-contents .nav-tabs>li {
    width: 20%;
}
#main #tab-news-contents .nav-tabs>li.active>a::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    content: "";
    background-color: #565656;
}
#main #tab-news-contents .nav-tabs>li>a {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #333;
    box-sizing: border-box;
    margin: 0;
    padding: 16px 0;
    border: none;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-radius: 0;
}
#main #tab-news-contents .nav-tabs .glyphicon {
    margin-right: 8px;
}
#main #tab-news-contents .nav-tabs>li:last-of-type a {
    border-right: 1px solid #ccc;
}
#main #tab-news-contents td a:hover,
#main #tab-news-contents td a:active {
    text-decoration: underline;
}

#main #tab-news-contents table {
    display: block;
    width: 100%;
	border: none;
    margin: 0;
}
#main #tab-news-contents tbody {
    display: block;
}
#main #tab-news-contents tr {
    display: block;
    width: 100%;
    letter-spacing: -0.4em;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
}
#main #tab-news-contents tr:first-of-type {
    border: none;
}
#main #tab-news-contents tr:first-of-type {
	padding-top:0;
}
#main #tab-news-contents tr:last-of-type{
	padding-bottom:0;
}
#main #tab-news-contents th,
#main #tab-news-contents td {
    display: block;
    width: 100%;
    letter-spacing: normal;
    box-sizing: border-box;
    padding: 12px 0 10px;
    border: none;
    background-color: #fff;
	float:left;
}
#main #tab-news-contents tr > td:nth-of-type(1) {
    display: inline-block;
    width: 102px;
    padding: 12px 0 0;
}
#main #tab-news-contents tr > td:nth-of-type(2) {
    display: inline-block;
    width: auto;
    text-align: left;
    padding: 12px 0 0 10px;
}
#main #tab-news-contents tr:first-of-type > td:nth-of-type(1),
#main #tab-news-contents tr:first-of-type > td:nth-of-type(2){
	padding-top:0;
}
#main #tab-news-contents tr:last-of-type > td:nth-of-type(3){
	padding-bottom:0;
}
#main #tab-news-contents table a {
    color: #333;
    font-weight:normal;
    text-decoration: none;
}
#main #tab-news-contents .detail a {
    color: #003399;
    text-decoration: underline;
    font-weight: bold;
}
#main #tab-news-contents td.text-center {
    font-weight: bold;
}
#main #tab-news-contents .ico {
    display: block;
    width: 99%;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    line-height: 24px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #000;
}
#main #tab-news-contents .ico-release { background-color: #f8f3ed; border-color: #ccaa7c; }
#main #tab-news-contents .ico-campaign { background-color: #f9effb; border-color: #ee2f7f; }
#main #tab-news-contents .ico-support { background-color: #eefbed; border-color: #60b301; }
#main #tab-news-contents .ico-media { background-color: #f5fafd; border-color: #6abfd4; }
#main #tab-news-contents .ico-update { background-color: #f0efff; border-color: #7b6dc4; }
#main .table-toggle table,
#main .table-toggle-2 table,
#main .row-toggle > .row,
#main .row-load-more > .row {
    margin-bottom: 0px !important;
}
#main .table-toggle p.btn::after,
#main .table-toggle-2 p.btn::after,
#main .row-toggle p.btn::after,
#main .row-load-more p.btn::after {
    display: none;
}
#main .table-toggle p.btn span,
#main .table-toggle-2 p.btn span,
#main .row-toggle p.btn span,
#main .row-load-more p.btn span {
    display: inline-block;
    margin-right: 8px;
}
#main .table-toggle p.btn i,
#main .table-toggle-2 p.btn i,
#main .row-toggle p.btn i,
#main .row-load-more p.btn i {
    color: #00349a;
}
#main .table-toggle .btn.btn-detail,
#main .table-toggle-2 .btn.btn-detail{
	box-shadow:none;
	border-radius:0;
	border: 1px solid #ccc;
	border-top:0;
	background-color:#e8e8e8;
}
#main #caution-toggle .btn span {
    display: inline-block;
    margin-right: 16px;
}
#main #caution-toggle #caution{
    margin-bottom: 0px;
	border-bottom:none;
}
#main #point-attr-box .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    justify-content: left;
    flex-wrap: wrap;
    align-items: left;
    width: 100%;
}
#main #point-attr-box .row::before,
#main #point-attr-box .row::after {
    display: none;
}
#main #point-attr-box .col-md-5 {
    padding: 16px 0 0 16px;
    background-color: #fff;
}
#main #point-attr-box .lead {
    margin: 0 0 10px;
	color:#333;
	font-size:18px;}
#main #point-attr-box .col-md-6 .lead {
	font-size:16px;
}
#main #point-attr-box .col-md-6 .text-point span {
	font-size:25px;
}
#main #sitemap-tree {
    width: 100%;
}
#main #sitemap-tree .ico {
    display: inline-block;
    width: 26px;
    height: 26px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 8px;
}
#main #sitemap-tree .ico-home { background: url(../../../id.sbigroup.jp/images/ico-large-home-gray.png) no-repeat; }
#main #sitemap-tree .ico-login { background: url(../../../id.sbigroup.jp/images/ico-large-login-gray.png) no-repeat; }
#main #sitemap-tree .ico-newuser { background: url(../../../id.sbigroup.jp/images/ico-large-newuser-gray.png) no-repeat; }
#main #sitemap-tree .ico-user { background: url(../../../id.sbigroup.jp/images/ico-large-user-gray.png) no-repeat; }
#main #sitemap-tree .ico-wallet { background: url(../../../id.sbigroup.jp/images/ico-large-wallet-gray.png) no-repeat; }
#main #sitemap-tree .ico-heart { background: url(../../../id.sbigroup.jp/images/ico-large-heart-gray.png) no-repeat; }
#main #sitemap-tree .ico-exchange { background: url(../../../id.sbigroup.jp/images/ico-large-exchange-gray.png) no-repeat; }
#main #sitemap-tree .col-md-6:nth-of-type(odd) {
    padding-right: 20px;
}
#main #sitemap-tree .col-md-6:nth-of-type(even) {
    padding-left: 20px;
}
#main #sitemap-tree p a,
#main #sitemap-tree p strong {
    font-size: 24px;
	text-decoration:none;
	font-weight:normal;
}
#main #sitemap-tree dl {
    width: 100%;
    box-sizing: border-box;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    border: 1px solid #ddd;
	border-top:none;
}
#main #sitemap-tree dl a {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px;
	text-decoration:none;
}
#main #sitemap-tree p a:hover,
#main #sitemap-tree p a:active,
#main #sitemap-tree dt a:hover,
#main #sitemap-tree dt a:active {
	text-decoration:underline;
}
#main #sitemap-tree dt,
#main #sitemap-tree dd {
    width: 100%;
    box-sizing: border-box;
}
#main #sitemap-tree dt a {
   font-size: 18px;
    border-top: 1px solid #ddd;
    padding-right: 40px;
	background-color:#fdfdfd;
}
#main #sitemap-tree dd ul {
	margin-bottom:0;
}
#main #sitemap-tree dd a {
    font-size: 16px;
    font-weight: normal;
}
#main #sitemap-tree dt a::after {
    position: absolute;
    right: 15px;
    top: 50%;
    display: block;
    width: 13px;
    height: 13px;
    content: "";
    margin-top: -6px;
	border:none;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-gray.png) center center no-repeat;
    background-size: contain;
}
#main #search-results .btn-group {
    display: table;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #c3c3c3;
    background-color: #f4f4f4;
}
#main #search-results .btn-group::before,
#main #search-results .btn-group::after {
    display: none;
}
#main #search-results .btn-group > a {
    float: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #333;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 0;
    border-right: 1px solid #c3c3c3;
	font-size:14px;
}
#main #search-results .btn-group > a.active {
    color: #ef2a50;
    background-color: #fff;
    box-shadow: none;
}
#main #search-results .btn-group > a:last-of-type {
    border-right: 0;
}
#main #search-results table {
    table-layout: auto;
}
#main #search-results table thead tr th:nth-of-type(1),
#main #search-results table thead tr th:nth-of-type(4),
#main #search-results table thead tr th:nth-of-type(5) {
    width: 16% !important;
}
#main #search-results table th,
#main #search-results table td {
	width:auto !important;
    font-weight: normal;
    padding-top: 16px;
    padding-bottom: 16px;
    border-left: none;
    border-right: none !important;;
}
#main #search-results tbody tr th{
    background-color: transparent !important;
}
#main #search-results table tbody tr:nth-of-type(even) th,
#main #search-results table tbody tr:nth-of-type(even) td{
    background-color: #fff !important;
}
#main #search-box select,
#main #search-results select,
#main #search-box input {
    display: inline-block;
    width: auto;
    box-sizing: border-box;
}
#main #search-results .result-pager > div:nth-of-type(1) {
    padding-top: 6px;
}
#main #search-box .btn::after {
    display: none;
}
#main #search-box .row > div select:nth-of-type(1) {
    min-width: 100px;
}
#main #search-box .row > div select:nth-of-type(2) {
    min-width: 75px;
    margin-left: 16px;
}
#main .flex_panels,
#main .flex_small_panels,
#main .flex_buttons,
#main .flex_small_buttons,
#main .flex_col_buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%;
}
#main .flex_panels a,
#main .flex_small_panels a,
#main .flex_buttons a,
#main .flex_small_buttons a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
}
#main .flex_buttons a,
#main .flex_small_buttons a {
    color: #fff;
    padding: 80px 8px 12px;
    border: 1px solid #4688e2;
    background-color: #4688e2;
    background-position: center 16px;
    background-repeat: no-repeat;
    box-shadow: 0 3px 0 #2263bb;
    border-radius: 2px;
	position:relative;
}
#main .flex_buttons a::after,
#main .flex_small_buttons a::after {
    display: inline-block;
    width: 13px;
    height: 13px;
    content: "";
    margin-left: 12px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-white.png) center center no-repeat;
    background-size: contain;
	position: absolute;
	right: 16px;
	top: 83px;

}
#main .flex_col_buttons > a::after {
    position: absolute;
    right: 10px;
    top:50%;
    margin: 0;
    margin-top: -6px;
}
#main .flex_buttons > a {
    width: -webkit-calc((100% - 40px) / 3);
    width: calc((100% - 40px) / 3);
    margin-right: 19px;
	float:left;	
}
#main .flex_small_buttons > a {
    width: -webkit-calc((100% - 48px) / 4);
    width: calc((100% - 48px) / 4);
    margin-right: 16px;
	float:left;
}
#main .flex_col_buttons > a {
    display: table;
    height: 78px;
    width: -webkit-calc((100% - 20px) / 2);
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
	float:left;
}
#main .flex_col_buttons > a span {
    display: table-cell;
    vertical-align: middle;
}
#main .flex_buttons > a:last-of-type,
#main .flex_small_buttons > a:last-of-type,
#main .flex_col_buttons > a:last-of-type {
    margin-right: 0;
}
#main .flex_buttons > a:nth-of-type(1) {
    background-image: url(../../../id.sbigroup.jp/images/ico-edit-large-white.png);
}
#main .flex_buttons > a:nth-of-type(2) {
    background-image: url(../../../id.sbigroup.jp/images/ico-link-large-white.png);
}
#main .flex_buttons > a:nth-of-type(3) {
    background-image: url(../../../id.sbigroup.jp/images/ico-note-large-white.png);
}
#main .flex_small_buttons > a:nth-of-type(1) {
    background-image: url(../../../id.sbigroup.jp/images/ico-edit-large-white.png);
}
#main .flex_small_buttons > a:nth-of-type(2) {
    background-image: url(../../../id.sbigroup.jp/images/ico-email-large-white.png);
}
#main .flex_small_buttons > a:nth-of-type(3) {
    background-image: url(../../../id.sbigroup.jp/images/ico-key-large-white.png);
}
#main .flex_small_buttons > a:nth-of-type(4) {
    background-image: url(../../../id.sbigroup.jp/images/ico-check-large-white.png);
}
#main .flex_panels p {
    color: #333;
    text-align: left;
    font-weight: normal;
}
#main .flex_panels h2 {
    display: table;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
}
#main .flex_panels h2 span {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 72px;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.4;
    color: #003399;
    text-align: left;
    vertical-align: middle;
    text-decoration: none;
    box-sizing: border-box;
    padding: 0 40px 0 10px;

}
#main .flex_panels h2 span::after {
    position: absolute;
    right: 10px;
    top: 35px;
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    margin-top: -6px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-lightgreen.png) no-repeat;
    background-size: contain;
}
#main .flex_panels p {
    margin: 0;
    padding: 10px;
}
#main .flex_panels > .panel {
    width: 308px;
    box-sizing: border-box;
    margin-right: 20px;
    border: 1px solid #ddd;
    box-shadow: 0 3px 0 #bbb;
    border-radius: 2px;
	background-color:#fbfbfb;
	float:left;
}
#main .flex_panels > .panel:nth-of-type(2n) {
    margin-right: 0;
}
#main .flex_small_panels > .panel {
    width: 200px;
    box-sizing: border-box;
    margin-right: 20px;
    border: 1px solid #ddd;
	box-shadow: 0 3px 0 #bbb;
    border-radius: 2px;
	background-color:#fbfbfb;
	float:left;
}
#main .flex_small_panels > .panel div {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
	background-color:#fff;
}
#main .flex_small_panels > .panel dt::before  {
    position: relative;
    left: -20px;
    top: 16px;
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    margin-top: -6px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-blue.png) no-repeat;
    background-size: contain;
}
#main .flex_small_panels > .panel dl {
    text-align: left;
    color: #333;
    margin: 0;
    padding: 10px 10px 12px;
}
#main .flex_small_panels > .panel dt {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 8px;
	margin-left: 20px;
}
#main .flex_small_panels > .panel dd {
    font-weight: normal;
    font-size: 15px;
    color: #e50833;
}
#main .flex_small_panels > .panel dl .panel-rate{
    color: #ff7701;
    background-color: #fff4ea;
    border: 1px solid #ff7701;
	margin-right:5px;
	padding:1px 3px;
	font-size:13px;
	display:inline-block;
	border-radius: 2px;
}
#main .flex_small_panels > .panel dl i{
	font-size:12px;
	color:#777;
}
#main .flex_small_panels > .panel:nth-of-type(3n) {
    margin-right: 0;
}
#main #caution {
    width: 100%;
    box-sizing: border-box;
    padding: 24px 8px 24px 24px;
    border: 1px solid #f4b214;
    border-radius: 2px;
    background-color: #fdf7e9;
}
#main #caution p {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.0;
    box-sizing: border-box;
    margin-bottom: 12px;
}
#main #caution ul {
    margin: 0 0 0 20px;
    padding: 0;
}
#main #caution ul > li {
    margin-bottom: 5px;
}
#main #caution ul > li:last-of-type {
    margin-bottom: 0;
}
#main #caution a:hover {
    text-decoration: none;
}
#main #terms {
    margin-bottom: 40px;
}
#main #terms h3 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
	border-bottom:none;
}
#main #terms .inner {
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid #ccc;
    border-top: none;
}
#main #terms .box {
    width: 100%;
    height: 350px;
    box-sizing: border-box;
    padding: 18px;
    background-color: #fff;
    border: 1px solid #b2b0b1;
    border-radius: 2px;
    overflow: hidden;
    overflow-y: scroll;
}
#main #terms p {
    font-size: 14px;
    margin-bottom: 40px;
}
#main #terms p:last-of-type {
    margin-bottom: 0;
}
#main #errors {
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    margin: 0 0 30px;
    padding: 16px 16px 16px 41px;
    background-color: #fff3f5;
    border: 1px solid #b20323;
    border-radius: 2px;
}
#main #errors li {
    color: #b20323;
    margin-bottom: 5px;
}
#main #errors li:last-of-type {
    margin-bottom: 0;
}

#main #steps {
    list-style: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 30px;
    padding: 0;
    background-color: #f4f4f4;
    overflow: hidden;
    border-radius: 2px;
}
#main #steps li {
    display: table-cell;
    font-size: 15px;
    text-align: left;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#main #steps li::after {
    display: none;
}
#main #steps li:first-of-type {
    border-left: 1px solid #ccc;
}
#main #steps li:first-of-type.long {
    width: 260px;
}
#main #steps {
    border-right: 1px solid #ccc;
}
#main #steps li:last-of-type span::before,
#main #steps li:last-of-type span::after {
    display: none;
}
#main #steps li span {
    position: relative;
    display: block;
    float: left;
    color: #333;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    box-sizing: border-box;
    padding-left: 30px;
    background: #f4f4f4;
}
#main #steps li:first-of-type span {
    padding-left: 15px;
}
#main #steps li span:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 20px solid #f4f4f4;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 2;
}
#main #steps li span:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 20px solid #ccc;
    position: absolute;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
#main #steps li.active {
    border-top: 1px solid #565656;
    border-bottom: 1px solid #565656;
}
#main #steps li:first-of-type.active {
    border-left: 1px solid #565656;
}
#main #steps li.active span {
    color: #fff;
    background-color: #565656;
}
#main #steps li.active span:after {
    border-left: 20px solid #565656;
}
#main #steps li.active span:before {
    border-left: 20px solid #565656;
}
#main .required {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    box-sizing: border-box;
    margin-left: 8px;
    padding: 0 6px;
    background-color: #ee2a50;
    border-radius: 2px;
}
#main .text-box {
    width: 100%;
    box-sizing: border-box;
    padding: 24px 16px;
    background-color: #faf8e4;
	border:1px solid #e6e1b3;
    border-radius: 2px;
}
#main .text-box .h2,
#main .text-box .lead{
	margin:0 0 20px;
	padding:0;
	background-color: transparent;
	border:none;
}
#main .text-box .h2{
	border-bottom: 1px solid #e6e1b3;
	padding-bottom: 5px;
}
#main .login-box .text-box {
	min-height: 269px;
}
#main .qa-lists {
    width: 100%;
    box-sizing: border-box;
}
#main .qa-lists .row {
    background-color: #565656;
}
#main .qa-lists .row > .col-md-6 {
    padding: 16px;
}
#main .qa-lists .row h5,
#main .qa-lists .row a {
    color: #fff;
    font-size: 16px;
    line-height: 1.0;
    margin: 0;
    padding: 0;
}
#main .qa-lists dl {
    border: 1px solid #ccc;
    border-top: none;
}
#main .qa-lists dt {
    position: relative;
    display: block;
    min-height: 70px;
    font-size: 16px;
    font-weight: normal;
    box-sizing: border-box;
    margin: 0;
    padding: 15px 30px 15px 70px;
	background-color:#f4f4f4;
    border-top: 1px solid #ccc;
	clear:both;
}
#main .qa-lists dd.qadetail ,
#main .qa-lists dd > a {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: normal;
    box-sizing: border-box;
    margin: 0;
    padding: 15px 30px 15px 20px;
	clear:both;
	text-decoration:none;
	color: #333;
}

#main .qa-lists dd.qadetail ul {
    padding-left:20px;
}

#main .qa-lists dd a span.text-link {
	text-decoration: underline;
	margin-left:10px;
	color:#003399;
}
#main .qa-lists dd.qadetail::before ,
#main .qa-lists dd > a::before,
#main .qa-lists dt::before {
    display: inline-block;
    content: "Q";
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    background-color: #565656;
    border-radius: 2px;
	margin:0 10px 0 -55px;
	float:left;
}
#main .qa-lists dd.qadetail::before ,
#main .qa-lists dd > a::before{
    content: "A";
    background-color: #e50833;
}
#main .qa-lists dd {
    min-height: 70px;
}
#main .qa-lists dt a{
	text-decoration:none !important;
}
#main .qa-lists dt a::after {
    position: absolute;
    right: 16px;
    top: 50%;
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    margin-top: -7px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-blue.png) left center no-repeat;
    background-size: contain;
}
#main .qa-cat{
	box-sizing: border-box;
    padding: 10px 15px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 2px;
}
#main .qa-cat a{
	display:block;
	padding: 6px 12px 6px 22px;
	font-weight:normal !important;
	text-decoration:none !important;
}
#main .pagination {
    margin: 0;
}
#main .pagination>li>a,
#main .pagination>li>span {
    color: #333;
	text-decoration:none;
}
#main .pagination>li>a:focus,
#main .pagination>li>a:hover,
#main .pagination>li>span:focus,
#main .pagination>li>span:hover {
    background-color: #f4f4f4;
}
#main .pagination>.active>a,
#main .pagination>.active>a:focus,
#main .pagination>.active>a:hover,
#main .pagination>.active>span,
#main .pagination>.active>span:focus,
#main .pagination>.active>span:hover {
    color: #fff;
    background-color: #565656;
    border-color:#565656;
}
#main .pagination>.disabled>a,
#main .pagination>.disabled>a:focus,
#main .pagination>.disabled>a:hover {
    color: #c0c0c0;
    background-color: #fff;
}
#main .text-box .current_point{
	margin-bottom:0;
}
#main .current_point span{
	margin-right:16px;
}
#main .current_point strong {
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    margin: 0 8px 0 0;
}
#main .ex-box {
    position: relative;
}
#main .ex-box i {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 30px;
    margin-top: -17px;
    margin-left: -17px;
}
#main .ex-box > div {
    padding: 10px;
    background-color: #faf8e4;
}
#main .ex-box h5 {
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
	margin-top:5px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #565656;
}
#main .ex-box p{
	margin-bottom:0;
}
#main .ex-box p input {
    height: 38px;
    vertical-align: bottom;
    margin-right: 8px;
	width: 70%;
}
#main .ex-box p strong,
#main .ex-box p span {
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    margin-right: 8px;
}
#main .ex-box p .small{
    font-size: 25px;
}
#main .ex-box p strong {
     color: #e50833;
 }
button[type="submit"] {
    background-color: #e50833;
    border-color: #e50833;
    box-shadow: 0 3px 0 #b20222;
    border-radius: 2px;
	font-size:16px;
}
button[type="submit"].btn-action::after {
    display: inline-block;
    width: 13px;
    height: 13px;
    content: "";
    margin-left: 16px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-white.png) left center no-repeat;
    background-size: contain;
}
button[type="submit"].btn-action.disabled,
button[type="submit"].btn-action.disabled:hover,
button[type="submit"].btn-action.disabled:active{
    color: #a5a3a4;
	font-size:16px;
    background-color: #bbb;
    border-color: #bbb;
    box-shadow: 0 3px 0 #999;
	opacity: 1;
}
button[type="submit"].btn-action.disabled::after {
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-lightgray.png) left center no-repeat;
    background-size: contain;
}
.btn .glyphicon {
	font-size:13px;
}
.btn span + .glyphicon {
	position: absolute;
	right: 16px;
	top: 50%;
	margin: -6px 0 0;
}

.text-link {
	position:relative;
    white-space: inherit;
    text-align: left;
    text-decoration: underline !important;
	font-weight: normal !important;
	padding: 6px 12px 6px 25px;
}
.text-link.ico-prev {
	color:#333 !important;
	text-decoration:none  !important;
}
.text-link.ico-prev::before {
	position: absolute;
    top: 50%;
	left:0;
    display: inline-block;
    width: 13px;
    height: 13px;
    content: "";
	margin-top:-6px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-left-gray.png) left center no-repeat;
    background-size: contain;
}
.text-link.ico-next {
	font-weight: bold !important;
}
.text-link.ico-next::before {
	position: absolute;
    top: 50%;
	left:0;
    display: inline-block;
    width: 13px;
    height: 13px;
    content: "";
	margin-top:-7px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-blue.png) left center no-repeat;
    background-size: contain;
}
:root .text-link.ico-next::before {
	margin-top:-8px\0/;
}
.btn-default,
.btn-action,
.btn-primary,
.btn-detail,
.btn-info,
.btn-warning,
.btn-bank {
    position: relative;
    width: 100%;
    white-space: inherit;
    text-align: center;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0;
    border-radius: 2px;
	border-collapse: separate;
}
.btn-warning,
.btn-warning:hover {
    color: #fff;
    background-color: #f4b214;
    border-color: #f4b214;
    box-shadow: 0 3px 0 #cf9200;
}
.btn-default,
.btn-bank {
    color: #003399;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    box-shadow: 0 3px 0 #bbb;
}
.btn-default::after {
    display: inline-block;
    width: 13px;
    height: 13px;
    content: "";
    margin-left: 16px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-blue.png) left center no-repeat;
    background-size: contain;
	position: absolute;
	right: 16px;
	top: 50%;
	content: "";
	margin: -6px 0 0;
}
.btn-bank {
    height: 65px;
    line-height: 15px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0;
    box-shadow: 0 3px 0 #bbb;
}
.btn-action {
    color: #fff !important;
    background-color: #e50833;
    border: 1px solid #e50833;
    box-shadow: 0 3px 0 #b20222;
}
.btn-primary {
    color: #fff !important;
    background-color: #00349a;
    border: 1px solid #00349a;
    box-shadow: 0 3px 0 #001b50;
}
.btn-action::after,
.btn-primary::after{
    display: inline-block;
    width: 13px;
    height: 13px;
    content: "";
    margin-left: 16px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-white.png) left center no-repeat;
    background-size: contain;
	position: absolute;
	right: 16px;
	top: 50%;
	content: "";
	margin: -6px 0 0;
}
.btn-detail {
    color: #333 !important;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    box-shadow: 0 3px 0 #bbb;
}
.btn-detail::after {
    display: inline-block;
    width: 13px;
    height: 13px;
    content: "";
    background: url(../../../id.sbigroup.jp/images/ico-arrow-bot-gray.png) center center no-repeat;
    background-size: contain;
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -6px;
}
.btn-info {
    color: #003399;
    padding: 15px 0 15px 10px;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    box-shadow: 0 3px 0 #bbb;
}
.btn-info::before {
    position: absolute;
    left: 16px;
    top: 50%;
    display: inline-block;
    width: 18px;
    height: 18px;
    content: "";
    margin-top: -9px;
    background: url(../../../id.sbigroup.jp/images/ico-square-double-darkgray.png) center center no-repeat;
    background-size: contain;
}
.btn-info::after {
    position: absolute;
    right: 16px;
    top: 50%;
    display: inline-block;
    width: 13px;
    height: 13px;
    content: "";
    margin-top: -6px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-blue.png) center center no-repeat;
    background-size: contain;
}
.btn-action:hover,
.btn-action:active,
.btn-action:focus{
	color:#fff;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
    background-color: #00349a;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-bank:hover,
.btn-bank:active,
.btn-bank:focus {
	color: #003399;
	background-color: #f4f4f4 !important;
    border: 1px solid #f4f4f4 !important;;
}
#main a.btn.btn-min.btn-default{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0;
}
/*select関連*/
.cashback-select {
    display: inline-block;
    width: 80px;
}
/*select関連*/
td .btn-action,
td .btn-default,
td .btn-primary{
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    padding: 0;
    margin-left: 8px;
	border-collapse: separate;
}
td .btn-action::after,
td .btn-default::after,
td .btn-primary::after {
    display: none;
	margin:0;
	width:0;
}
#main .glyphicon-left{
    margin-right:5px;
	font-size: 13px;
}
#main .glyphicon-right{
    margin-left:5px;
	font-size: 13px;
}
#main h2 .glyphicon-left{
	font-size:18px;
}
#main.sbi_t003 .table-striped th,
#main.sbi_t002 .table-striped th,
#main.sbi_t004 .table-striped th {
    background-color: transparent;
}
#main .table-striped tr:nth-of-type(odd),
#main .table-striped tr:nth-of-type(odd) td, {
    background-color: #fbfbfb;
}
#main .table-striped tr:nth-of-type(even) td {
    background-color: #fff;
}
#main.sbi_t002,
#main.sbi_t003,
#main.sbi_t004 {
    background-color: #fff;
}
#main table{
	margin-bottom: 32px;
    border: 1px solid #ccc;
}
#main.sbi_t002 th,
#main.sbi_t002 td,
#main.sbi_t003 th,
#main.sbi_t003 td,
#main.sbi_t004 th,
#main.sbi_t004 td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 16px;
	word-wrap: break-word;
	border-color:#ccc;
}
#main.sbi_t004 .date,
#main.sbi_t004 .date {
    padding-left: 13px;
    padding-right: 13px;
}
#main.sbi_t002 th,
#main.sbi_t003 th,
#main.sbi_t004 th {
    width: 220px;
	font-weight:bold;
    border-left: 1px solid #ccc;
	background-color:#f4f4f4;
}
#main.sbi_t002 .wide-width,
#main.sbi_t003 .wide-width,
#main.sbi_t004 .wide-width {
    width: 241px;
}
#main thead th {
    border-bottom: none;
}
#main .th-double {
    table-layout: fixed;
}
#main .th-double thead tr th {
    background-color: #eee !important;
}
#main .th-double tbody tr th {
    background-color: #f4f4f4 !important;
}
#main .th-double th,
#main .th-double td {
    width: auto;
    border-right: 1px solid #ccc !important;
}
#main .th-double tbody th,
#main .th-double thead th:first-of-type{
	width:220px !important;
}
#main td .form-control input[type="text"],
#main td .form-control input[type="password"]{
	height: 38px;
    border-radius: 2px;
}
#main td .tips {
    font-size: 12px;
    line-height: 1.2;
    margin: 4px 0 0;
}

#main .th-plimit td strong{
	font-size:20px;
	display:inline-block;
	margin-right:5px;
}
#main .th-connect th{
	width:60%;
}
#main .col-md-10 {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
#main .ico-connect{
	color: #003399;
    background-color: #dae5f7;
    border: 1px solid #003399;
    margin-right: 15px;
    padding: 2px 10px;
    font-size: 14px;
    display: inline-block;
    border-radius: 2px;
}
#main .ico-deconnect{
	color: #e50833;
    background-color: #f3e0e3;
    border: 1px solid #e50833;
    margin-right: 15px;
    padding: 2px 10px;
    font-size: 14px;
    display: inline-block;
    border-radius: 2px;
}
#main a.ico-outlink{
	position:relative;
	padding-left: 43px;
    margin-left: -16px;
}
#main #sitemap-tree dt a.ico-outlink{
	padding-left:43px;
    margin-left: 0;
}
#main #sitemap-tree dd li.ico-outlink{
	padding-left:43px;
	margin-left:-40px;
	position:relative;
	list-style-type:none;
}
#main #sitemap-tree dt a.ico-outlink::before,
#main #sitemap-tree dd li.ico-outlink::before,
#main a.ico-outlink::before{
	position: absolute;
    top: 50%;
	left:15px;
    display: inline-block;
    width: 18px;
    height: 18px;
    content: "";
    margin-right: 10px;
	margin-top:-9px;
    background: url(../../../id.sbigroup.jp/images/ico-square-double-darkgray.png) center center no-repeat;
    background-size: contain;
}

/* ページTOPボタン */
#main #pagetop {
    margin-top: 95px;
}
#main #pagetop .btn {
    width: 172px;
    height: 42px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background: #003399 url(../../../id.sbigroup.jp/images/ico-arrow-top-white.png) 140px center no-repeat;
    background-size: 13px auto;
    border: 1px solid #003399;
    border-radius: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
/* フッター */
#footer {
    width: 100%;
    box-sizing: border-box;
    border-top: 4px solid #003399;
    background-color: #fff;
}
#footer .container {
    margin-bottom: 30px;
    padding-top: 22px;
}
#footer h5 {
    font-weight: bold;
}
#footer .toggle-panel {
    display: block;
}
#footer dl {
    display: table;
    margin-bottom: 15px;
}
#footer dl:last-of-type {
    margin-bottom: 0;
}
#footer dt,
#footer dd {
    display: table-cell;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
}
#footer dd span{
    font-size: 12px;
}
#footer dt {
    font-weight: bold;
    white-space: nowrap;
}
#footer dd {
    letter-spacing: -0.4em;
}
#footer dd span {
    display: inline-block;
    color: #003399;
    letter-spacing: normal;
}
#footer dd span::before {
    content: "｜";
    padding-left: 2px;
    padding-right: 2px;
}
#footer dd a {
    color: #003399;
    font-size: 12px;
}
#footer .navbar {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #f4f4f4;
}
#footer .navbar .navbar-nav {
    box-sizing: border-box;
    padding-right: 200px;
}
#footer .nav a {
    font-size: 12px;
    color: #333;
    padding: 0;
    margin-right: 16px;
    padding-left: 16px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-gray.png) left center no-repeat;
    background-size: 9px auto;
}
#footer .nav a:hover,
#footer .nav a:active {
    text-decoration: underline;
}
#footer .nav > li:last-of-type > a {
    margin-right: 0;
}
/* コピーライト */
#copyright {
    width: 100%;
    text-align: right;
    box-sizing: border-box;
    padding: 8px 0 30px;
    background-color: #f4f4f4;
}
#copyright p {
    font-size: 12px;
    margin: 0;
}
/* T002: ヘッダー */
#header.sbi_t002 .row .btn-action,
#header.sbi_t004 .row .btn-action {
    width: 140px;
    margin-left: 6px;
}
#header.sbi_t002 .row .btn-primary,
#header.sbi_t004 .row .btn-primary {
    width: 140px;
    margin-left: 6px;
}
/* T002: メインコンテンツ */
#main.sbi_t002 .row {
    margin-left: 0;
    margin-right: 0;
}
#main.sbi_t002 .row > div {
    padding: 0;
}
#main.sbi_t002 #content {
    float: left;
    width: 640px;
}

/* T002: サイドコンテンツ */
#main.sbi_t002 #sidebar {
    float: right;
    width: 300px;
    text-align: center;
}
#main.sbi_t002 #sidebar a {
    color: #003399;
    text-decoration: underline;
}
#main.sbi_t002 #sidebar a:hover {
    text-decoration: none;
}
#main.sbi_t002 #sidebar .h4 {
    text-align: left;
    margin-bottom: 8px;
}
#main.sbi_t002 #sidebar .tips {
    font-size: 12px;
    text-align: left;
    margin-top: 8px;
}
#main.sbi_t002 #sidebar .banner-lists {
    box-sizing: border-box;
    margin: 30px 0;
    border: 1px solid #dadada;
}
#main.sbi_t002 #sidebar .banner-lists .row {
    border-bottom: 1px solid #dadada;
}
#main.sbi_t002 #sidebar .banner-lists .row:last-of-type {
    border-bottom: none;
}
#main.sbi_t002 #sidebar .banner-lists p {
    font-size: 12px;
    line-height: 1.6;
    text-align: left;
    margin: 0;
}
/* T003: ヘッダー */
#header.sbi_t003 {
    padding-bottom: 20px;
	border-bottom: 1px solid #dadada;
}
#header.sbi_t003 .row {
    margin: 18px 0 0;
}
#header.sbi_t003 .row > div:nth-of-type(1),
#header.sbi_t003 .row > div:nth-of-type(2) {
    width: 50%;
    padding: 0;
}
#header.sbi_t003 .row > div:nth-of-type(1) img {
    width: auto;
    height: 54px;
}
#header.sbi_t003 .row > div:nth-of-type(2) img {
    width: 60px;
    height: auto;
}



/*
 * ページ別要素
 * トップページ関連: NONE
 * 登録関連: #cat_mypage
 * 貯める: #cat_save
 * 使う・交換する: #cat_use
 */
/* トップページ関連 */
#items .btn {
    position: relative;
    width: 100%;
    font-weight: bold;
    text-align: center;
    line-height: 54px;
    box-sizing: border-box;
    padding: 0;
    border-radius: 0;
    border: 1px solid #dadada;
    background-color:#fff;
}
#items .btn span{
	color:#333;
}
#items .btn::after {
	background:none;
}
#items .btn:hover {
    opacity: 1.0;
}
#items .btn.opened {
    margin-top: 20px;
}
#items .btn i {
    position: absolute;
    right: 20px;
    top: 50%;
    display: inline-block;
    font-size: 16px;
    color: #013299;
    margin-top: -8px;
}
#items .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
}
#items .row > div {
    width: 302px;
    box-sizing: border-box;
    margin-top: 28px;
    margin-right: 28.5px;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 3px 0 #bbb;
    border-radius: 2px;
	border: 1px solid #dadada;
}
#items .row > div:nth-of-type(1),
#items .row > div:nth-of-type(2),
#items .row > div:nth-of-type(3) {
    margin-top: 0;
}
#items .row > div:nth-of-type(3n) {
    margin-right: 0;
}
#items .row a {
    text-decoration: none;
}

#items p,
#items dt,
#items dd,
#items .bar {
    box-sizing: border-box;
    margin: 0;
    color: #333;
    font-weight: normal;
}
#items img {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #dadada;
}
#items .top_bar {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    /*border-bottom: 1px solid #dadada;*/
    text-align:center;
}
#items .top_bar img{
    width: 300px;
    height: 93px;
}
#items .bar {
    color: #fff;
    line-height: 32px;
    padding-left: 12px;
    font-weight: 700;
}
#items .row a:hover dl,
#items .row a:active dl {
    color: #333;
    text-decoration: underline;
}
#items .bar-orange { background-color: #ff7700; }
#items .bar-yellow { background-color: #ffcc00; }
#items .bar-green { background-color: #009944; }
#items .bar-lightgreen { background-color: #5fb300; }
#items .bar-red { background-color: #dc0000; }
#items .bar-pink { background-color: #ee2f80; }
#items dl {
    box-sizing: border-box;
    margin: 0;
    padding: 14px;
	min-height:123px;
}
#items dt {
    font-weight: bold;
    margin-bottom: 4px;
}

#items2-btn p a{
    color: #333;
    text-decoration: none;
    display: inline-block;
    padding-left: 20px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-gray.png) left center no-repeat;
    background-size: 12px auto;
}

#item2-div{
	padding-top:20px;
}

#sns {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    background: url(../../../id.sbigroup.jp/images/line-dotted-blue.png) repeat-x;
}
#sns .inner {
    width: 100%;
    padding: 20px 0;
    background: url(../../../id.sbigroup.jp/images/line-dotted-blue.png) left bottom repeat-x;
}
#sns h3 {
    display: inline-block;
    font-size: 22px;
    color: #013299;
    text-decoration: none;
    margin: 0 20px 0 0;
    padding-left: 56px;
    background: url(../../../id.sbigroup.jp/images/ico-check.png) left center no-repeat;
    background-size: 47px auto;
}
#sns h3 strong {
    display: inline-block;
    font-size: 14px;
    color: #333;
    line-height: 52px;
    margin-left: 6px;
}
#sns .btn {
    position: relative;
    width: 300px;
    color: #fff;
    text-align: left;
    line-height: 54px;
    box-sizing: border-box;
    padding: 0 0 0 52px;
    background-position: 25px center;
    background-repeat: no-repeat;
    border-radius: 2px;
    border: none;
}
#sns .btn::after {
    position: absolute;
    right: 20px;
    top: 50%;
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    margin-top: -6px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-white.png) no-repeat;
    background-size: 13px auto;
}
#sns .btn-fb {
    margin-right: 5px;
    background-color: #3b5999;
    border: 1px solid #3b5999;
    background-image: url(../../../id.sbigroup.jp/images/ico-fb-white.png);
    background-size: 20px  auto;
	box-shadow: 0 3px 0 #1f3f84;
}
#sns .btn-tw {
    background-color: #55acef;
    border: 1px solid #55acef;
    background-image: url(../../../id.sbigroup.jp/images/ico-tw-white.png);
    background-size: 20px  auto;
    box-shadow: 0 3px 0 #288bd8;
}

#news {
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
    border: 1px solid #dadada;
    border-top: 4px solid #013299;
    background-color: #fff;
}
#news h3,
#news p {
    margin: 0;
    padding: 0;
}
#news h3 {
    padding-left: 30px;
    background: url(../../../id.sbigroup.jp/images/ico-info-blue.png) left center no-repeat;
    background-size: 21px auto;
}
#news p {
    font-weight: bold;
}
#news p a {
    color: #333;
    text-decoration: none;
    display: inline-block;
    padding-left: 20px;
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-gray.png) left center no-repeat;
    background-size: 12px auto;
}
#news p a:hover,
#news p a:active,
#news td a:hover,
#news td a:active{
    text-decoration: underline;
}
#news .inner {
    padding: 30px 60px 18px;
}
#news table {
    margin: 15px 0 0;
	border: none;
}
#news th,
#news td {
    padding: 12px 0 !important;
}
#news td a{
    color: #333;
    font-weight:normal;
    text-decoration: none;
}
#news td.text-center {
    font-weight: bold;
	text-align:center !important;
}
#news .ico {
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    line-height: 24px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #000;
}
#news .ico-release { background-color: #f8f3ed; border-color: #ccaa7c; }
#news .ico-campaign { background-color: #f9effb; border-color: #ee2f7f; }
#news .ico-support { background-color: #eefbed; border-color: #60b301; }
#news .ico-media { background-color: #f5fafd; border-color: #6abfd4; }
#news .ico-update { background-color: #f0efff; border-color: #7b6dc4; }
#banners {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
#banners img {
    width: auto;
    max-width: 100%;
}
#banners .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
}
#banners .row > .col-md-4 {
    width: 304px;
    box-sizing: border-box;
    margin-top: 20px!important;
    margin-right: 28.5px;
    padding: 0;
}
#banners .row > .col-md-12 {
    margin-top: 20px;
    padding: 0;
}
#banners .row > .col-md-4:nth-of-type(1),
#banners .row > .col-md-4:nth-of-type(2),
#banners .row > .col-md-4:nth-of-type(3) {
    margin-top: 0;
}
#banners .row > .col-md-4:nth-of-type(3n) {
    margin-right: 0;
}
#banners .row p {
    margin: 8px 0 0;
}
#banners .row a {
    color: #333;
    font-weight: normal;
    text-decoration: none !important;
}
#banners .row a:hover,
#banners .row a:active{
    color: #333;
    text-decoration: underline !important;
}
#mypage_banners {
    width: 100%;
    margin-top: 40px;
}
#mypage_banners .row > .col-md-4 {
    width: 304px;
    box-sizing: border-box;
    margin-top: 20px;
    margin-right: 28.5px;
    padding: 0;
}
#mypage_banners .row > .col-md-4:nth-of-type(3n) {
    margin-right: 0;
}
/* 登録関連ページ */
#cat_mypage .h2 {
    border-color: #003399;
}
#cat_mypage .lead {
	color:#4688e2;
}

/* 貯めるページ */
#cat_save .h2 {
    border-color: #dc0000;
}
#cat_save .flex_panels h2 span {
    color: #fff;
	background-color:#dc0000;
}
#cat_save .flex_panels h2 span::after {
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-white.png) no-repeat;
    background-size: contain;
}
#cat_save .lead {
	color:#dc0000;
}
/* 使う・交換するページ */
#cat_use .h2 {
    border-color: #ff7701;
}
#cat_use .flex_panels h2 span {
    color: #fff;
	background-color:#ff7701;
}
#cat_use .flex_panels h2 span::after {
    background: url(../../../id.sbigroup.jp/images/ico-arrow-right-white.png) no-repeat;
    background-size: contain;
}
#cat_use .lead {
	color:#ff7701;
}
/* 新規会員登録ページ */
#regist {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #dadada;
}
#header .row-regist > div {
    padding: 0px 0 5px;
}
#header .row-regist > div:nth-of-type(1) { width: 100px;padding: 0;}
#header .row-regist > div:nth-of-type(2) { width: calc(100% - 200px);padding: 0;}
#header .row-regist > div:nth-of-type(3) { width: 100px;padding: 0;}
#header .row-regist > div:nth-of-type(1) img {
    width: auto;
    height: 54px;
}
#header .row-regist > div:nth-of-type(3) img {
    width: 60px;
    height: auto;
}
#header .row-regist > div:nth-of-type(3) {
    background: none !important;
    background-size: 51px auto;
}
#eyecatch {
    position: relative;
    width: 100%;
    font-size: 28px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 5px;
}
#eyecatch dt {
    position: relative;
    width: 100%;
    font-weight: normal;
    box-sizing: border-box;
    margin: 0;
    padding: 3px 10px 1px;
    /*border: 1px solid #efe8de;*/
    border-bottom: 0;
    /*background: url(../../../id.sbigroup.jp/images/bg-eyecatch01.png) no-repeat;*/
}
#eyecatch dt p {
	font-size: 14px;
	margin-bottom:7px;
	margin-left: 0px;
	font-weight: normal;
}
#eyecatch dt span {
    font-size: 30px;
}
#eyecatch dd {
    width: 100%;
    color: #fff;
    font-weight: bold;
	font-size:17px;
    box-sizing: border-box;
    padding: 8px;
    background-color: #e50833;
}
.eyecatch-subinfo {
    font-size: 14px;
	text-align:center;
    margin-bottom: 20px;
}
.point-code .col-md-8{
	padding-left:20px;	
}
#regist_banners .row > div:nth-of-type(1),
#regist_banners .row > div:nth-of-type(2),
#regist_banners .row > div:nth-of-type(3) {
    margin-top: 0;
}
#regist_banners .row > div:nth-of-type(3n) {
    margin-right: 0;
}

/* フォーム関連項目
-------------------------------------------------- */
.zipcode--first{
    width: 60px !important;
}
.zipcode--second{
    width: 70px !important;
}
.form-group.zipcode--wrapper * {
    display: inline-block;
}
.form-group.zipcode--wrapper span {
    width: 30px;
    text-align: center;
}
.modal-body{
    font-size: 16px;
    padding:15px 15px 0;
}
.modal-body ul{
    padding-left:25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.modal-checkbox{
    padding-left: 25px;
}
.modal-checkbox label{
    font-size: 16px;
    font-weight: normal;
}
.modal-footer{
    position: relative;
    padding-top:5px;
}
.modal-footer .radio-inline{
    position: absolute;
    top: 23px;
    left:
}
.modal-footer{
    border-top:none;
}
.nameForm .form-group{
    width: 45% !important;
}
.nameForm .form-control{
    width: 74% !important;
}
.nameForm label{
    width: 35px;
}
.infoForm .form-control{
    width: 90% !important;
}
.search-box .form-control{
    width: 97%;
    display: inline-block;
}
.search-box.point-history .form-control{
    width: 75%;
}
.search-box p.tl-qa{
	font-size:22px;
	margin-bottom:2px;
	
}
.search-box .btn{
	height: 33px;
    line-height: 33px;
	padding: 0;
}
.search-box .btn::after{
	background:none;
	margin:0;
	width:0;
}
.label-right{
	float:right;
}

/* その他 */
.list-striped{
	background-color:#f5f5f5;
}
pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* タブレットのモニター向け
-------------------------------------------------- */
@media(max-width: 992px) {
    /*
     * レイアウト
     * 標準: NONE
     * T002: .sbi_t002
     * T003: .sbi_t003
     */
    .container { width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    /* メインコンテンツ */
    #main .pagelink .col-xs-12{
    	margin-bottom: 16px;
	padding: 0 !important;
    }
    #main .pagelink .col-md-6:nth-of-type(2){
	margin-bottom:0;
    }
    #main .buttons .col-md-6:nth-of-type(1),
    #main .buttons .col-md-6:nth-of-type(2){
		padding: 0;
    }
    #main .buttons .col-sm-6.col-md-6:nth-of-type(1){
		padding-right: 20px;
    }
    #main .buttons .col-sm-12 {
        margin-bottom: 16px;
    }
    #main .buttons .col-sm-12:last-of-type {
        margin-bottom: 0;
    }
    #main #search-results table {
        table-layout: auto;
        box-sizing: border-box;
        border-bottom: none;
    }
    #main #search-results table tbody,
    #main #search-results table tbody tr {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    #main #search-results table tbody th,
    #main #search-results table tbody tr:nth-of-type(even) th {
        background-color: #f4f4f4 !important;
    }
    #main #search-results table tbody tr:nth-of-type(even) td{
        background-color: #fff;
    }
    #main #search-results table tbody > tr:last-of-type {
        border: none;
    }
    #main #search-results table tbody th,
    #main #search-results table tbody td {
        float: left !important;
        display: block;
        width: auto;
        white-space: inherit;
        box-sizing: border-box;
        border: none;
        padding: 10px;
		background-color:#fff;
    }
    #main #search-results table tbody th:nth-of-type(1) {
        width: 35% !important;
    }
    #main #search-results table tbody th:nth-of-type(2) {
        width: 65% !important;
    }
    #main #search-results table tbody td:nth-of-type(1) {
        width: 65% !important;
    }
    #main #search-results table tbody td:nth-of-type(2) {
         width: 35% !important;
     }
    #main #search-results table tbody td:nth-of-type(3) {
        width: 100% !important;
        padding-top: 8px;
        border-bottom: 1px solid #ccc;
    }
    #main #search-results table tbody strong {
        display: inline-block;
        margin-right: 16px;
		font-size:13px;
    }
    #main #search-box .row > div:nth-of-type(1){
        padding: 0;
    }
    #main #search-box .row > div {
        margin-bottom: 8px;
		font-size:14px;
    }
    #main #search-box .row > div:last-of-type {
        margin-bottom: 0;
    }
    #main #search-box .row > div select:nth-of-type(2) {
        margin-left: 0px;
		margin-top:10px;
    }
    #main .flex_panels,
    #main .flex_small_panels {
        width: 680px;
        margin-left: auto;
        margin-right: auto;
    }
    #main .flex_buttons a::after,
    #main .flex_small_buttons a::after {
        display: none;
    }
    /* T002: メインコンテンツ */
    #main.sbi_t002 #content {
        float: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* T002: サイドコンテンツ */
    #main.sbi_t002 #sidebar {
        float: none;
        box-sizing: border-box;
        margin: 60px auto 0;
    }



    /*
     * ページ別要素
     */
    /* トップページ関連 */
    /* ローカルナビ */
    #local-nav .nav a {
        line-height: 1.2;
        text-align: center;
        padding: 4px;
    }
    #local-nav .nav .ico {
        display: block;
        margin: 0 auto 4px;
		width:25px;
		height:25px;
		background-size:25px auto;
    }
    /* カルーセル */
    #carousel-example-generic .carousel-control {
        display: none;
    }
    /* メインコンテンツ */
    #items .row{
        width:636.5px;
        margin: 0 auto;
    }
    #items .row > div:nth-of-type(3n) {
        margin-right: 28.5px;
    }
    #items .row > div:nth-of-type(2n) {
        margin-right: 0;
    }
    #items .row > div:nth-of-type(3) {
        margin-top: 28px;
    }
    #sns h3{
        display: block;
    }
    #banners .row > .col-md-4 {
        /*width:31%;*/
        margin-right: 3.5%;
    }
    #banners .row {
        width: 636.5px;
        margin: 0 auto;
    }
    #banners .row > div:nth-of-type(3n) {
        margin-right: 28.5px;
    }
    #banners .row > div:nth-of-type(2n) {
        margin-right: 0;
    }
    #banners .row > div:nth-of-type(3) {
        margin-top: 28px;
    }
    #mypage_banners .row > .col-md-4 {
        /*width:31%;*/
        margin-right: 3.5%;
    }
    #mypage_banners .row {
        width: 636.5px;
        margin: 0 auto;
    }
    #mypage_banners .row > div:nth-of-type(3n) {
        margin-right: 28.5px;
    }
    #mypage_banners .row > div:nth-of-type(2n) {
        margin-right: 0;
    }
    #mypage_banners .row > div:nth-of-type(3) {
        margin-top: 28px;
    }
    #regist_banners .row > .col-md-4 {
        /*width:31%;*/
        margin-right: 3.5%;
    }
    #regist_banners .row {
        width: 636.5px;
        margin: 0 auto;
    }
    #regist_banners .row > div:nth-of-type(3n) {
        margin-right: 28.5px;
    }
    #regist_banners .row > div:nth-of-type(2n) {
        margin-right: 0;
    }
    #regist_banners .row > div:nth-of-type(3) {
        margin-top: 28px;
    }
    .dfp div {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    /* 登録関連ページ */
    .birth select {
        width: 176px;
        display: inline-block;
    }
    .nameForm input {
        width: 80%;
        display: inline-block;
    }
}



/* スマホのモニター向け
-------------------------------------------------- */

@media(max-width: 767px) {
    /*
     * レイアウト
     * 標準: NONE
     * T002: .sbi_t002
     * T003: .sbi_t003
     */
    body { min-width: 1px; }
    a:hover > img,
    .btn:hover { opacity: 1.0; }
    .container { width: 100%; }
    .container, .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
	.m-t-middle { margin-top: 30px; }
	.m-b-middle { margin-bottom: 30px; }
    /* ヘッダー */
    #header {
        position: relative;
        padding-top: 5px;
        border-top: none;
    }
    #header::before {
        position: absolute;
        right: 65px;
        top: 18px;
        display: block;
        content: "";
        width: 60px;
        height: 24px;
        background: url(../../../id.sbigroup.jp/images/logo02.png) center center no-repeat;
        background-size: contain;
    }
    #header-nav {
        background: none;
        border-bottom: none;
    }
    #header-nav .navbar-collapse {
        position: absolute;
        z-index: 999;
        width: 100%;
        box-sizing: border-box;
        border-top: 1px solid #dadada;
        background-color: #f4f4f4;
    }
    #header-nav .navbar-collapse .nav,
    #header-nav .navbar-collapse .navbar-nav {
        margin: 0;
        padding: 0;
    }
    #header-nav .nav > li {
        border-bottom: 1px solid #dadada;
    }
    #header-nav .nav a {
        position: relative;
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        padding: 0;
        margin-left: 0;
        padding-left: 26px;
    }
    #header-nav .nav a::after {
        position: absolute;
        right: 10px;
        top: 50%;
        display: block;
        content: "";
        width: 9px;
        height: 9px;
        margin-top: -4px;
        background: url(../../../id.sbigroup.jp/images/ico-arrow-right-gray.png) no-repeat;
        background-size: contain;
    }
    #header-nav .nav.navbar-mypage {
		display:block;
	}
    #header-nav .nav.navbar-mypage > li:nth-of-type(1) a {
		color: #e50833;
	}
    #header-nav .nav.navbar-mypage > li:nth-of-type(2) a {
		color: #00349a;
	}
    #header-nav .nav a {
        padding-left: 10px;
        background: none;
    }
    #header-nav .nav.navbar-outsite a {
       padding-left: 26px;
       background: url(../../../id.sbigroup.jp/images/ico-square-double-gray.png) 10px center no-repeat;
    }
	#header .row {
		margin: 0;
	}
    #header .row > div {
        padding: 0;
    }
    #header .row > div:nth-of-type(1),
    #header .row > div:nth-of-type(2),
    #header .row > div:nth-of-type(3) { width: auto; }
    #header .row > div:nth-of-type(1) {
        position: absolute;
        left: 10px;
        top: 5px;
        padding: 0;
    }
    #header .row > div:nth-of-type(1) img {
        width: auto;
        height: 40px;
    }
    #header .row > div:nth-of-type(2) {
        padding: 0 10px 5px;
    }
    #header .row > div:nth-of-type(3) {
        width: 100%;
        letter-spacing: -0.4em;
        padding: 0 10px 10px;
        background: none;
    }
    #header .row p {
        display: block;
        letter-spacing: normal;
        line-height: 1.3;
	    text-align: center;
        margin: 0;
        background: none;
    }
	#header .row p.mypoint-box{
		font-size:14px;
        line-height: 1.2;
		padding: 2px 10px;
	}
    #header .row .btn {
        width: 48%;
        letter-spacing: normal;
        text-align: center;
        margin: 0;
        padding-left: 0;
        background-image: none;
    }
    #header .row .btn-action {
        float: left;
    }
    #header .row .btn-primary {
        float: right;
    }
    /* グローバルナビ */
    #global-nav {
        padding: 0 10px;
        background: none;
        border: none;
    }
    #global-nav .nav {
        border: 1px solid #c3c3c3;
        background-color: #f4f4f4;
    }
    #global-nav .nav > a {
        font-size: 12px;
        line-height: 1.2;
        padding: 5px 2px 3px;
        border-right: 1px solid #c3c3c3;
        background-color: #f4f4f4;
        border-bottom:4px solid #f4f4f4;
    }
    :root #global-nav .nav > a {
		min-height:71px\0/;
    }
    #global-nav .nav > a:last-of-type {
        border-right: none;
    }
    #global-nav .nav > a:hover,
    #global-nav .nav > a:active {
        background: none;
    }
    #global-nav .nav .ico {
        display: block;
        margin: 0 auto 5px;
    }
    /* ローカルナビ */
    #local-nav .nav a {
        font-size: 12px;
    }
    :root #local-nav .nav a {
        min-height:67px\0/;
    }
    /* カルーセル */
    #carousel-example-generic {
        /*margin: 10px 10px 34px;*/
        margin-bottom:34px;
    }
    #carousel-example-generic .carousel-inner {
        /*width: 100%;*/
    }
    #carousel-example-generic .carousel-indicators {
        bottom: -24px;
    }
    #carousel-example-generic .carousel-indicators li {
        width: 8px;
        height: 8px;
        line-height: 8px;
        margin: 0 3px;
    }
    #carousel-example-generic .carousel-control {
        display: none;
        width: 16px;
        height: 16px;
        margin-top: -8px;
    }
    #carousel-example-generic a.left {
        left: 10px;
        background-size: contain;
    }
    #carousel-example-generic a.right {
        right: 10px;
        background-size: contain;
    }
    /* メインコンテンツ */
    #main {
        padding:20px 10px 0;
    }
	#main.sbi_t002,
	#main.sbi_t003,
	#main.sbi_t004{
        padding:5px 10px 0;
	}	
    #main .h1 {
        font-size: 22px;
        margin: 0 0 15px;
		padding:0;
		font-weight:bold;
    }
	#main .h1::before {
    width: 16.6%;
    }
    #main .h1 img {
		width:90px;
		position: static;
	}
    #main .h1 span {
        position: static;;
        display: block;
        margin-top: 8px;
		padding: 5px 8px;
    }
    #main .h2 {
        font-size: 19px;
		padding:0 0 0 12px;
		margin: 20px 0 15px;
		font-weight:bold;
    }
	#main .h4 strong {
		display:block;
		margin:	10px 0 0;
	}
    #main .lead {
        font-size: 18px;
		margin: 0 0 15px;
    }
	#main .lead span{
    font-size: 18px;
	}
    #main .pagelink .col-md-6:nth-of-type(1),
    #main .pagelink .col-md-6:nth-of-type(2),
    #main .buttons .col-md-6:nth-of-type(1),
    #main .buttons .col-md-6:nth-of-type(2),
    #main .columns .col-md-6:nth-of-type(1),
    #main .columns .col-md-6:nth-of-type(2),
    #main .banners .col-md-6:nth-of-type(1),
    #main .banners .col-md-6:nth-of-type(2) {
        padding: 0;
    }
	#main .buttons .col-sm-6.col-md-6:nth-of-type(1){
		padding-right: 0;
    }

    #main .pagelink .col-xs-12,
    #main .buttons .col-xs-12,
    #main .columns .col-xs-12,
    #main .banners .col-xs-12 {
        margin-bottom: 10px;
    }
    #main .pagelink .col-xs-12:last-of-type,
    #main .buttons .col-xs-12:last-of-type,
    #main .columns .col-xs-12:last-of-type,
    #main .banners .col-xs-12:last-of-type {
        margin-bottom: 0;
    }
    #main .banners .col-xs-12 {
        text-align: center;
    }
    #main .pagelink .btn-detail{
		padding:8px 0;
	}
    #main #tab-news-contents tr > td:nth-of-type(1) {
        width: 37%;
    }
    #main #tab-news-contents tr > td:nth-of-type(2) {
        width: 60%;
    }
    #main #caution {
        margin-bottom: 24px;
        padding: 16px 10px;
    }
    #main #terms {
        margin-bottom: 24px;
    }
    #main #terms h3 {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
	#main #terms .box{
		height: 230px;
	}
    #main #errors {
        margin: 0 0 24px;
        padding: 10px  10px 10px 30px;
    }
    #main #steps,
    #main #breadcrumb {
        display: none;
    }
	#main .text-box {
	    padding: 16px 10px;
	}
    #main .q-lists .row > .col-md-6 {
        padding: 8px;
    }
    #main .pagination {
        width: 100%;
    }
    #main .pagination>li {
        display: none;
    }
    #main .pagination>li:first-of-type {
        float: left;
        display: inline;
    }

    #main .pagination>li:last-of-type {
        float: right;
        display: inline;
    }
    #main .pagination>li>a,
    #main .pagination>li>span {
        color: #333;
    }
    #main .ex-box h5 {
		margin-bottom:8px;
	}
    #main .ex-box > div {
        min-height: 1px;
        margin-bottom: 30px;
    }
    #main .ex-box i {
        margin-top: -15px;
    }
    #main .ex-box .cashback{
        margin-top: 0px;
    }
    #main .ex-box > div:last-of-type {
        margin-bottom: 0;
    }
    #main .ex-box p input {
        display: inline-block;
    }
    #main #tab-news-contents .nav-tabs {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 24px;
        border: none;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    #main #tab-news-contents .nav-tabs::before,
    #main #tab-news-contents .nav-tabs::after {
        display: none;
    }
    #main #tab-news-contents .nav-tabs>li:nth-of-type(2),
    #main #tab-news-contents .nav-tabs>li {
        width: 50%;
        box-sizing: border-box;
        overflow: hidden;
        margin: 0;
    }
    #main #tab-news-contents .nav-tabs>li.active>a::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 5px;
        content: "";
        background-color: #565656;
    }
    #main #tab-news-contents .nav-tabs>li:nth-of-type(1) {
        width: 100%;
    }
    #main #tab-news-contents .nav-tabs>li>a {
        font-size: 12px;
        text-align: left;
        box-sizing: border-box;
        padding-left: 7px;
        overflow: hidden;
        border: none;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    #main #tab-news-contents .nav-tabs>li>a::after {
        position: absolute;
        right: 5px;
        top: 50%;
        display: block;
        content: "";
        width: 12px;
        height: 12px;
        margin-top: -6px;
        background: url(../../../id.sbigroup.jp/images/ico-arrow-bot-gray.png) no-repeat;
        background-size: contain;
    }
    #main #tab-news-contents .nav-tabs .glyphicon {
        font-size: 12px;
        margin-right: 4px;
    }
    #main #point-attr-box {
        width: 100%;
    }
	#main #point-attr-box p{
		margin:0 0 10px;
	}
	#main #point-attr-box .lead{
		margin:0;
	}
	#main #point-attr-box .col-md-5{
			padding:10px 0 0 8px;
	}
    #main #point-attr-box .btn {
        text-align: left;
        padding-left: 10px;
        padding-right: 25px;
    }
    #main #point-attr-box .row {
        margin-bottom: 0;
    }
    #main #point-attr-box .row > div:nth-of-type(1) {
        margin-bottom: 20px;
    }
    #main #sitemap-tree .col-md-6:nth-of-type(odd),
    #main #sitemap-tree .col-md-6:nth-of-type(even) {
        padding: 0;
    }
    #main #sitemap-tree p a, #main #sitemap-tree p strong{
		font-size:20px;
	}
	#main #sitemap-tree .ico {
		background-size:19px auto;
		width:19px;
		height:19px;
	}
	#main #sitemap-tree dt a{
		padding:10px 30px 10px 8px;
		font-size:16px;
	}
	#main #sitemap-tree dd a{
		padding:10px 8px;
	}
    #main #search-results .result-pager > div:nth-of-type(1){
		padding: 0;
	}
    #main #search-results table {
        table-layout: auto;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-bottom: none;
		background-color:#f4f4f4;
    }
    #main #search-results table::after {
        content: " ";
        display: block;
        clear: both;
    }
	#main .login-box .text-box {
		min-height: auto;
	}
    #main .flex_col_buttons > a {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 0 20px;
    }
    #main .flex_col_buttons > a:last-of-type {
        margin-bottom: 0;
    }
    #main .flex_col_buttons > a span {
        display: block;
    }
    #main .flex_buttons a,
    #main .flex_small_buttons a {
        font-size: 13px;
        padding: 32px 4px 3px;
    }
    #main .flex_buttons > a {
        width: -webkit-calc((100% - 16px) / 3);
        width: calc((100% - 20px) / 3);
        margin-right: 9px;
		background-size: 30px;
		background-position: center 6px;
    }
    #main .flex_small_buttons > a {
        width: -webkit-calc((100% - 8px) / 2);
        width: calc((100% - 10px) / 2);
        margin-right: 9px;
        margin-top: 12px;
		background-size: 30px;
		background-position: center 6px;
    }
    #main .flex_small_buttons > a:nth-of-type(1),
    #main .flex_small_buttons > a:nth-of-type(2) {
        margin-top: 0;
    }
    #main .flex_small_buttons > a:nth-of-type(even) {
        margin-right: 0;
    }
    #main .flex_panels,
    #main .flex_small_panels {
        width: 100%;
    }
	#main .flex_small_panels > .panel dl .panel-rate{
		display:block;
		margin-right:0;
		margin-bottom:3px;
	}

    #main .flex_panels h2 span {
        font-size: 16px;
        padding: 0 24px 0 8px;
    }
    #main .flex_panels > .panel,
    #main .flex_small_panels > .panel {
        width: 48%;
        margin-right: 3%;
		margin-bottom:15px;
    }
    #main .flex_small_panels > .panel:nth-of-type(3n) {
        margin-right: 4%;
    }
    #main .flex_small_panels > .panel:nth-of-type(2n) {
        margin-right: 0;
    }
    #main .flex_small_panels > .panel:last-of-type {
		margin-bottom:0;
	}
    #main .flex_small_panels > .panel div {
        padding-left: 15px;
        padding-right: 15px;
    }
    #main .flex_small_panels > .panel dl {
        text-align: center;
		padding: 8px 10px;
    }
	.bg-info,
	.bg-default {
		padding: 16px 10px;
	}

	button[type="submit"].btn-action,
    .btn-default,
	.btn-action,
	.btn-primary,
	.btn-detail,
	.btn-info{
        line-height: 1.2;
		padding: 15px 30px 15px 20px;
    }
    .btn-action {
		padding: 15px 30px 15px 20px;
	}
    .btn-info {
        line-height: 1.2;
        padding: 10px 0 10px 10px;
    }
    td .btn-default,
	td .btn-primary {
        text-align: center;
        margin-left: 0;
        margin-top: 8px;
    }

    #main thead,
    #main tbody,
    #main tr{
        display: block;
        width: 100%;
    }
    #main table.table-striped,
    #main table.th-double {
        display: table !important;
    }
    #main table.table-striped thead,
    #main table.table-striped tbody,
    #main table.th-double thead,
    #main table.th-double tbody {
        display: table-row-group;
    }
    #main table.table-striped tr,
    #main table.th-double tr {
        display: table-row;
    }
    #main table.table-striped th,
    #main table.table-striped td,
	#main .th-double tbody th,
	#main .th-double thead th:first-of-type{
        width: 40%  !important;
        display: table-cell;
		font-size:13px;
    }
	#main table.table-striped th.col-xs {
        width: 80%  !important;
	}
	#main .th-plimit thead th:last-of-type,
    #main table.table-striped td{
        width: 60%  !important;
	}
    #main table.table-striped td strong,
    #main table.th-double td strong{
		font-size:13px;
	}
	#main table.th-plimit td strong {
    	font-size: 16px !important;
	}
    #main table.table-striped{
		border-right:1px solid #ccc !important;
		border-left:1px solid #ccc !important;
	}
    #main table.table-striped td,
    #main table.table-striped th{
		border:none;
		border-top:1px solid #ccc;
		float:none !important;
	}
	#main table.th-connect th{
		width:70% !important;
	}
	#main table.th-connect th span:first-of-type{
		width:30%;
		margin-right: 0;
		float: left;
		white-space:nowrap;
	}
	#main table.th-connect th span + span{
		width:70%;
		display:inline-block;
		padding-left:10px;
	}
	#main table.th-connect td{
		width:30% !important;
	}
	#main table.th-connect td .btn-action{
		margin:0;
	}

	#main.sbi_t002 table,
    #main.sbi_t003 table,
    #main.sbi_t004 table {
        display: block;
        width: 100%;
        margin-bottom: 24px;
        border: none;
        border-bottom: 1px solid #ccc;
    }
    #main.sbi_t002 td,
    #main.sbi_t003 td,
    #main.sbi_t004 td {
        display: block;
        width: 100%;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
	    border-top: none;
		padding:10px;
    }
    #main.sbi_t002 .th-double td,
    #main.sbi_t003 .th-double td,
    #main.sbi_t004 .th-double td {
	    border-top: 1px solid #ccc;
    }
    #main.sbi_t002 th,
    #main.sbi_t003 th,
    #main.sbi_t004 th {
        display: block;
        width: 100%;
		padding:10px;
	    border-right: 1px solid #ccc;
	    border-bottom: none;
	}
	:root #main.sbi_t002 td,
    :root #main.sbi_t003 td,
    :root #main.sbi_t004 td,
    :root #main.sbi_t002 th,
    :root #main.sbi_t003 th,
    :root #main.sbi_t004 th {
		float:left\0/;
	}#main td .tips {
        margin: 8px 0 0;
    }
	#main .ico-connect,
	#main .ico-deconnect{
		font-size:13px;
	}
	#main #search-results .qa-lists dt::after {
		content: "\e081";
		position:absolute;
		top: 40%;
		right: 15px;
		font-size:13px;
		display: inline-block;
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	#main #search-results .qa-lists dt.opened::after {
		content: "\e082";
	}
	#main .qa-cat{
		padding:5px;
	}
	#main .qa-cat a{
		font-size:14px;
		padding: 8px 0px 8px 15px;
	}
	
	#main a.ico-outlink::before,
	.text-link.ico-next::before{
		top: 35%;
    }
    /* ページTOPボタン */
    #main #pagetop {
        box-sizing: border-box;
        margin-top: 40px;
    }
    /* フッター */
    #footer .container {
        margin: 0;
        padding: 0;
    }
    #footer h5 {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        border-top: 1px solid #dadada;
    }
    #footer h5.active {
        border-bottom: 1px solid #dadada;
    }
    #footer .toggle-link {
        position: relative;
        display: block;
        width: 100%;
        color: #003399;
        line-height: 40px;
        box-sizing: border-box;
        padding-left: 20px;
    }
    #footer .toggle-link::after {
        position: absolute;
        right: 10px;
        top: 50%;
        display: block;
        content: "";
        width: 12px;
        height: 12px;
        margin-top: -6px;
        background: url(../../../id.sbigroup.jp/images/ico-arrow-bot-blue.png) no-repeat;
        background-size: contain;
    }
    #footer .toggle-link.active::after {
        background: url(../../../id.sbigroup.jp/images/ico-arrow-top-blue.png) no-repeat;
        background-size: contain;
    }
    #footer .toggle-panel {
        display: none;
    }
    #footer .text-center {
        width: 100%;
        margin-top: 20px;
        border-bottom: 4px solid #003399;
    }
    #footer .btn {
        border-radius: 0;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
    }
    #footer dl {
        display: block;
        margin: 20px 10px 0;
    }
    #footer dl:last-of-type {
        margin-bottom: 20px;
    }
    #footer dt,
    #footer dd {
        display: block;
        line-height: 1.6;
    }
    #footer dd {
        letter-spacing: normal;
    }
    #footer dd span::after {
        content: "｜";
        padding-left: 2px;
        padding-right: 2px;
    }
    #footer dd span::before,
    #footer dd span:last-of-type::after {
        display: none;
    }
    #footer .navbar,
    #footer .navbar-nav {
        margin: 0;
        padding: 0;
        border-bottom: none;
    }
    #footer .navbar .navbar-nav {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
    }
    #footer .navbar-nav::before,
    #footer .navbar-nav::after {
        display: none;
    }
    #footer .navbar-nav > li {
        width: 50%;
        box-sizing: border-box;
        border-bottom: 1px solid #dadada;
		float:left;
    }
    #footer .navbar-nav > li:nth-of-type(1),
    #footer .navbar-nav > li:nth-of-type(3),
    #footer .navbar-nav > li:nth-of-type(6) {
        border-right: 1px solid #dadada;
    }
    #footer .navbar-nav > li:nth-of-type(5),
    #footer .navbar-nav > li:nth-of-type(8) {
        width: 100%;
    }
    #footer .nav a {
        line-height: 1.2;
        margin-right: 0;
        padding: 14px 0 14px 26px;
        background: url(../../../id.sbigroup.jp/images/ico-arrow-right-gray.png) 10px center no-repeat;
        background-size: 9px auto;
    }
    #footer .nav a:hover,
    #footer .nav a:active {
        text-decoration: underline;
    }
    #footer .navbar-nav > li:nth-of-type(3) a,
    #footer .navbar-nav > li:nth-of-type(4) a {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    #footer .nav > li:last-of-type > a {
        margin-right: 0;
    }
    /* コピーライト */
    #copyright {
        text-align: center;
    }
    /* T002: ヘッダー */
    #header.sbi_t002 .row > div:nth-of-type(2),
    #header.sbi_t004 .row > div:nth-of-type(2) {
        width: 100%;
    }
    #header.sbi_t002 .row p,
    #header.sbi_t004 .row p {
        text-align: left;
    }
    #header.sbi_t002 .row .btn-action,
    #header.sbi_t002 .row .btn-primary,
    #header.sbi_t004 .row .btn-action,
    #header.sbi_t004 .row .btn-primary {
        width: 48%;
        margin: 0;
    }
    /* T002: メインコンテンツ */
    #main.sbi_t002 {
        background-color: #fff;
    }
    #main.sbi_t002 .row {
    }
    #main.sbi_t002 .row > div {
    }
    #main.sbi_t002 #content {
        float: none;
        width: 100%;
    }
    /* T002: サイドコンテンツ */
    #main.sbi_t002 #sidebar {
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin-top: 60px;
    }
    #main.sbi_t002 #sidebar .banner-lists .row .col-xs-3 {
        padding-left: 8px;
        padding-right: 8px;
    }
    #main.sbi_t002 #sidebar .banner-lists .row .col-xs-9 {
        padding-right: 8px;
    }
    /* T003: メインコンテンツ */
    #main.sbi_t003 {
        background-color: #fff;
    }
    /* T003: ヘッダー */
	#header.sbi_t003 {
	    padding-bottom: 0;
		border-bottom:none;
	}
    #header.sbi_t003::before {
        display: none;
    }
    #header.sbi_t003 .row {
        margin: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    #header.sbi_t003 .row > div:nth-of-type(1),
    #header.sbi_t003 .row > div:nth-of-type(2) {
        position: static;
        width: 50%;
        padding: 0;
    }
    #header.sbi_t003 .row > div:nth-of-type(1) img {
        width: auto;
        height: 40px;
    }


    /*
     * ページ別要素
     */
    /* トップページ関連 */
    #items .btn:hover {
        background-color: #fff;
        opacity: 1.0;
    }
    #items .row {
        display: block;
	width:auto;
    }
    #items .col-xs-12 {
        float: none;
    }
    #items .row > div {
        margin: 0 auto 20px;
        padding: 0;
        background: none;
        background-color: #fff;
        border-bottom: 1px solid #dadada;
    }
    #items .row > div:nth-of-type(3){
        margin-top: 0;
        margin-right: auto;
    }
    #items .row > div:nth-of-type(3n),#items .row > div:nth-of-type(2n)  {
        margin-right: auto;
    }
    #items .row > div:last-of-type {
        margin-bottom: 0;
    }
    #items dl {
		min-height: auto
    }
    #sns {
        margin-top: 20px;
        background: none;
    }
    #sns .inner {
        padding: 0;
        background: none;
    }
    #sns h3 {
        font-size: 22px;
        margin: 0;
        padding-left: 46px;
        background-size: 40px auto;
    }
    #sns .btn { width: 100%; }
    #sns .btn-fb { margin-right: 0; }
    #sns .btn-tw { margin-top: 10px; }
    #news {
        margin-top: 20px;
    }
    #news h3 {
        font-size: 18px;
        padding-left: 20px;
        background-size: 16px 16px;
    }
    #news .inner {
        padding: 10px 10px 18px;
    }
    #news table {
        display: block;
        width: 100%;
        margin: 5px 0 0 !important;
		border:none !important;
    }
    #news colgroup {
        display: none;
    }
    #news tr {
        display: block;
        width: 100%;
        letter-spacing: -0.4em;
        box-sizing: border-box;
        border-top: 1px solid #ccc;
    }
    #news th,
    #news td {
        display: block;
        width: 100%;
        letter-spacing: normal;
        box-sizing: border-box;
        padding: 0 0 10px !important;
        border: none !important;
    }
    :root #news th,
    :root #news td {
		float:left\0/;
	}
    #news tr > td:nth-of-type(1) {
        display: inline-block;
        width: 37%;
		border:none !important;
        padding: 12px 0 10px !important;
    }
    #news tr > td:nth-of-type(2) {
        display: inline-block;
        width: 60%;
		border:none !important;
        text-align: left !important;
        padding: 12px 0 10px 10px !important;
    }
    #news .ico {
        font-weight: bold;
    }
    #banners {
        margin-top: 0;
        padding-top: 10px;
    }
    #banners .row {
        display: block;
        width: auto;
    }
    #banners .row > .col-md-4 {
        width: 100%;
        margin-top: 10px;
        margin-right: 0;
    }
    #banners .row > .col-md-12 {
        margin-top: 10px;
    }
    #banners .row > .col-md-4:nth-of-type(1),
    #banners .row > .col-md-4:nth-of-type(2),
    #banners .row > .col-md-4:nth-of-type(3) {
        margin-top: 10px;
    }
    #banners .row p {
        margin-top: 4px;
    }
    #mypage_banners {
        margin-top: 0;
        padding-top: 10px;
    }
    #mypage_banners .row {
        display: block;
        width: auto;
    }
    #mypage_banners .row > .col-md-4 {
        width: 100%;
        margin-top: 10px;
        margin-right: 0;
    }
    #mypage_banners .row > .col-md-4:nth-of-type(1),
    #mypage_banners .row > .col-md-4:nth-of-type(2),
    #mypage_banners .row > .col-md-4:nth-of-type(3) {
        margin-top: 10px;
    }
    .dfp div {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    /*新規会員登録ページ */
    #header.sbi_regist::before {
        right: 10px;
        top: 14px;
    }
    #header .row-regist p {
        font-size: 10px;
    }
    #header .row-regist > div:nth-of-type(1),
    #header .row-regist > div:nth-of-type(2),
    #header .row-regist > div:nth-of-type(3) { width: auto; }
    #header .row-regist > div:nth-of-type(1) {
        position: absolute;
        left: 10px;
        top: 5px;
        padding: 0;
    }
    #header .row-regist > div:nth-of-type(1) img {
        width: auto;
        height: 40px;
    }
    #header .row-regist > div:nth-of-type(2) {
        padding: 0 10px 5px;
        top: 37px;
    }
    #eyecatch {
        height: auto;
        font-size: 22px;
        line-height: 1.2;
        margin-bottom: 40px;
    }
    #eyecatch dt {
        min-height: 1px;
        font-size: 12px;
        box-sizing: border-box;
        /*border: 2px solid #e8e5dc;*/
        border-bottom: none;
        /*background: url(../../../id.sbigroup.jp/images/bg-eyecatch01.png) right top no-repeat;*/
        background-size: cover;
    }
    #eyecatch dt p{
        font-size: 13px;
		line-height:1.4	;
        text-align: left;
	}
    #eyecatch dt strong {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
    }
    #eyecatch dt span {
        font-size: 15px;
    }
    #eyecatch dd {
        font-size: 12px;
        text-align: left;
    }
	.eyecatch-subinfo {
        font-size: 13px;
		line-height:1.4	;
		text-align:left;
    	margin-bottom: 16px;
	}
	.point-code .col-md-8{
		padding-left:0;	
	}
    #main .nameForm .form-group {
    	width: 100% !important;
    }
    #main .form-group:last-of-type {
	margin-bottom: 0;
    }
	.search-box .form-control{
		width: 100%;
		margin-bottom:10px;
	}
	.search-box.point-history .form-control{
    	width: 75%;
	}
	.search-box p.tl-qa{
		font-size:18px;
		margin-bottom:5px;
	}
	#main #tab-news-contents .nav-tabs:after,
	table tr:after, .inner:after {
		visibility: hidden;
		display: block;
		content: " ";
		clear: both;
		height: 0;
		}
	#main #tab-news-contents .nav-tabs,
	table tr, .inner {
		*zoom: 1;
	}
	
	.use-ana{
		font-size:13px;
	}
	.use-t{
		font-size:13px;
	}
	.use-jal{
		font-size:13px;
	}
	.use-pex{
		font-size:13px;
	}
	.use-nanaco{
		font-size:13px;
	}
	.use-dl{
		display: block;
		height:90px;
	}
	
	.use-dd1{
		display: block;
		height:20px;
		margin-top: 1px;
		margin-bottom: 5px;
		text-align: center;
	}
	.use-dd2{
		display: block;
		height:20px;
		text-align: center;
	}
}

.banner-lists .dfp {
	text-align: left!important;
	padding: 8px 5px;
	overflow: hidden;
	zoom: 1;
	
}

.side_bottom_banner_left {
	width: 54px;
	margin-right: 5px!important;
	float: left;
}

.side_bottom_banner_right {
	text-align: left!important;
	overflow: hidden;
}

.side_bottom_banner_title {
	display: block;
}

.side_bottom_banner_title,
.side_bottom_banner_title a{
	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
}

.side_bottom_banner_title a:hover {
	text-decoration: underline!important;
}
.side_bottom_banner_message {
	font-size: 12px;
	margin: 0;
	line-height: 15px;
	display: block;
}

.notes-select-store{
	color: #ff0000;
	font-size: 12px;
	margin-top: 10px;
}

.global-nav-menu{
	width: 50% !important;
}

.text-link.ico-next {
	font-weight: bold !important;
}
.text-link.ico-next::before {
	position: absolute;
    top: 50%;
	left:0;
    display: inline-block;
    width: 13px;
    height: 13px;
    content: "";
	margin-top:-7px;
    background: url(/images/ico-arrow-right-blue.png) left center no-repeat;
    background-size: contain;
}
:root .text-link.ico-next::before {
	margin-top:-8px\0/;
}
/* JSなしでスムーススクロール
-------------------------------------------------- */
html{
	scroll-behavior: smooth;
}