@charset "UTF-8";
/* ----------------------------------------------------------------
reset
----------------------------------------------------------------- */
*:focus {
  outline: none;
}
/* ----------------------------------------------------------------
html,body
----------------------------------------------------------------- */
html,body {
    min-width: 960px;
    margin: 0 auto;
    height: 100%;
}
@media only screen and (max-width: 600px){
html,body {
    min-width: 320px;
}
}
/* ----------------------------------------------------------------
common
----------------------------------------------------------------- */
.cRed{
  color: #E64646;
}
.fw .ttlXXLarge {
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
  font-size: 27px;
  font-weight: bold;
}
.fw .ttlXLarge {
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
  font-size: 25px;
  font-weight: bold;
}
.fw .ttlLarge {
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
  font-size: 23px;
  font-weight: bold;
}
.fw .ttlNormal {
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
  font-size: 21px;
  font-weight: bold;
}
.fw .ttlSmall {
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
  font-size: 19px;
  font-weight: bold;
  line-height: 160%;
}
.fw .ttlSmall + * {
    margin-top: 10px;
}
.fw .ttlXSmall {
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
  font-size: 17px;
  font-weight: bold;
}

.fw .section {
  padding-top: 25px;
  padding-bottom: 25px;
}
.fw .fontB {
    font-weight: bold !important;
    font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif !important;
}
.fw .border-none {
  border: none;
}

/* ----------------------------------------------------------------
header
----------------------------------------------------------------- */
.header-rf2017-ph1 {
  font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
  height: 62px;
  border-bottom: 1px solid #e6e8eb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.header-rf2017-ph1 .header-rf2017-ph1-wrap {
  width: 950px;
  margin: 0 auto;
  height: 62px;
}
.header-rf2017-ph1 .header-rf2017-ph1-wrap:after {
  content: '';
  display: table;
  clear: both;
  width: 100%;
}
.header-rf2017-ph1 .header-rf2017-ph1-logo {
  display: table-cell;
  padding-top: 12px;
  text-align: left;
}
.header-rf2017-ph1 .header-rf2017-ph1-logo img {
  width: auto;
  height: 40px;
  -webkit-backface-visibility: hidden;
}
.header-rf2017-ph1 .btn-menu-wrap{
  position: relative;
	display:table-cell;
	vertical-align:top;
}
.header-rf2017-ph1 .btn-menu{
	margin-top:6px;
	position: relative;
	display: block;
	background-image: url(//cdn.softbank.jp/mysoftbank/set/common/p/img/sprite-menu-rf2.png);
	background-position: -55px -425px;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}
.header-rf2017-ph1 .btn-menu:hover {
    background-position: 0px -425px;
}
.header-rf2017-ph1 .btn-menu-wrap{
	margin-bottom:0;
	width:1%;
	line-height:1;
	white-space:nowrap;
}
.header-rf2017-ph1 .btn-menu-wrap span{
	display:inline-block;
}
.header-rf2017-ph1 .btn-menu-wrap a{
	font-weight:normal;
  text-decoration: none;
}

@media only screen and (max-width: 600px){
  .header-rf2017-ph1 {
    padding: 0px;
    height: 50px;
  }
  .header-rf2017-ph1,
  .header-rf2017-ph1 .header-rf2017-ph1-wrap {
    min-width: initial;
    min-width: auto;
    width: auto;
  }
  .header-rf2017-ph1 .header-rf2017-ph1-wrap {
    height: 28px;
    padding: 7px 10px 10px 10px;
    margin: 0px;
  }
  .header-rf2017-ph1 .header-rf2017-ph1-logo {
    padding-top: 5px;
  }
  .header-rf2017-ph1 .header-rf2017-ph1-logo img {
    width: auto;
    height: 28px;
    -webkit-backface-visibility: hidden;
  }
  .header-rf2017-ph1 .btn-menu{
  	position:relative;
  	display:block;
  	margin-top:0;
  	padding-top:27px;
    width: 40px;
    height: auto;
    background-image:none;
  	font-size:8px;
  	color:#5f6e7e;
  	text-align:center;
    text-indent: 0px;
  }
  .header-rf2017-ph1 .btn-menu:before{
  	content:"";
  	position:absolute;
  	top:0;
  	left:50%;
  	background-image:url(//cdn.softbank.jp/mysoftbank/set/common/s/img/sprite-menu-rf2.png);
  	background-position:0px 0px;
  	width:25px;
  	height:24px;
  	background-size:52.5px 50.5px;
  	background-repeat:no-repeat;
  	text-indent:-9999px;
  	overflow:hidden;
  	margin-right:auto;
  	margin-left:auto;
  	right:0;
  	left:0;
  }

  .header-rf2017-ph1 .btn-menu.open{
    margin-top: 2px;
    padding-top: 26px;
}

  .header-rf2017-ph1 .btn-menu.open:before,.header-rf2017-ph1 .btn-menu.open:after{
  	content:"";
  	margin-right:auto;
  	margin-left:auto;
  	width:2px;
  	height:20px;
  	display:block;
  	position:absolute;
  	top:0;
  	right:0;
  	left:0;
  	background-color:#5f6e7e;
  }

  .header-rf2017-ph1 .btn-menu.open:before{
  	-webkit-transform:rotate(-45deg);
  	-moz-transform:rotate(-45deg);
  	transform:rotate(-45deg);
  }

  .header-rf2017-ph1 .btn-menu.open:after{
  	-webkit-transform:rotate(225deg);
  	-moz-transform:rotate(225deg);
  	transform:rotate(225deg);
  }

}

/* ----------------------------------------------------------------
.backlink
----------------------------------------------------------------- */

.backlink {
    background-color: #e6e8eb
}

.backlink a {
    text-decoration: none;
    -webkit-transition: color 0.1s ease-out;
    transition: color 0.1s ease-out
}

.backlink a:link,.backlink a:visited,.backlink a:active {
    color: #000000
}

.backlink a:hover {
    color: #aaaaaa
}

.backlink a:focus {
    color: #000000
}

.backlink a.current {
    color: #aaaaaa
}

.backlink .link.linkArrowL {
    padding-left: 20px;
}
.backlink .link[class*="linkArrow"] {
    position: relative;
}
.backlink .link.linkArrowL:before {
    margin-top: -4px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: inherit;
    left: 0;
}
.backlink .link[class*="linkArrow"]:before {
    content: "";
    display: block;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
}

.backlink .backlink-wrap {
    width: 920px;
    margin: 0 auto
}

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

.backlink .backlink-title {
    float: left;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    padding: 0
}

.backlink .backlink-title>a {
    display: block;
    padding: 15px 0 15px 0
}

.backlink .backlink-title>a {
    padding-top: 10px\9;
    padding-bottom: 9px\9
}

@media all and (-ms-high-contrast: none) {
    .backlink-title>a {
        padding-top: 8px;
        padding-bottom: 11px
    }
}

body.os_Mac .backlink * {
    font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
    letter-spacing: 0 !important
}

.backlink {
    font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif
}

.backlink-title {
    border: none;
    margin: 0
}


@media only screen and (max-width: 600px){

  .backlink,
  .backlink .backlink-wrap {
      min-width: auto;
      width: auto;
  }
  .backlink .backlink-wrap {
      padding: 15px 15px;
  }
  .backlink .backlink-title {
      margin-right: 28px;
      color: #333333;
      font-size: 13px;

      line-height: 1;
  }
  .backlink .backlink-title a{
      margin: 0;
      padding: 0;
      font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
      color: #333;
  }

  .backlink .link.linkArrowL:before {
      margin-top: -3px;
  }
}


/* ----------------------------------------------------------------
menu
----------------------------------------------------------------- */

.header-menu {
	display:none;
	position:absolute;
	top:68px;
	right:0px;
	z-index:1000;
	width:430px;
  padding:20px;
	background-color:#fff;
	border:1px solid #d8dadc;
	text-align:left;
	font-size:14px;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.header-menu a{
	font-weight:normal;
}

.header-menu a:link {
	color:#006699;
	text-decoration:none;
}

.header-menu a:visited {
	color:purple;
	text-decoration:none;
}

.header-menu a:hover,.header-menu a:active,.header-menu a:focus {
	color:#999999;
	text-decoration:underline;
}

.header-menu:before {
	background-image:url(//cdn.softbank.jp/mysoftbank/set/common/p/img/sprite-menu-rf2.png);
	background-position:-110px -425px;
	width:30px;
	height:16px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	content:"";
	position:absolute;
	top:-16px;
	right:8px;
}

.header-menu .menu-inner>*:last-child{
	margin-bottom:0;
}

.header-menu .menu-hdg{
	font-size:15px;
	font-weight:bold;
	line-height:1.2;
	position:relative;
}

.header-menu .menu-hdg-container{
	margin-top:38px;
	box-sizing:border-box;
	background-color:#fff;
	text-align:left;
	position:relative;
}

.header-menu .menu-list-01+.menu-hdg-container{
	margin-top: 20px;
}

.header-menu .menu-inner>.menu-hdg-container:first-child{
	margin-top:0;
}

.header-menu .menu-hdg-container>.menu-hdg{
	display:table-cell;
	vertical-align:middle;
}
.header-menu .menu-list-01{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #e0e0e0;
}

.header-menu .menu-hdg-container+.menu-list-01,
  .header-menu .menu-hdg-container+.sb-sem-done .menu-list-01{
    padding-top: 20px;
}

.header-menu .menu-inner>ul:first-child{
	margin:18px 0 15px 0 !important;
}

.header-menu .menu-inner>ul::after,
.header-menu .menu-inner .sb-sem-done>ul::after{
	content: "";
	display: table;
	clear: both;
}

.header-menu .menu-list-01:last-of-type{
  border-bottom:none;
  margin-bottom: 0;
}

.header-menu .menu-list-01>li{
  float: left;
  width: 200px;
}
.header-menu .menu-list-01>li:nth-child(odd){
  margin-right: 30px;
}

.header-menu .menu-list-01>li:first-child>a{
	margin-top:0;
}

.header-menu .menu-list-01>li:last-child{
	border-bottom:none;
}

.header-menu .menu-list-01>li>a{
	font-size: 13px;
	padding:10px 0;
	color:#333;
	display:block;
	text-decoration:none;
	position:relative;
	line-height:1.2;
}

.header-menu .menu-list-01>li>a:hover{
	color:#999;
}

.header-menu .menu-list-01>li>a:before{
	content:"";
	margin-top:auto;
	margin-bottom:auto;
	display:block;
	position:absolute;
	top:-2px;
	right:0;
	bottom:0;
	border-bottom:1px solid #5f6e7e;
	border-right:1px solid #5f6e7e;
	width:6px;
	height:6px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.header-menu .menu-hdg-container+.menu-list,
.header-menu .menu-hdg+.menu-list,
.header-menu .menu-hdg-container+.menu-list-01,
.header-menu .menu-hdg-container+.sb-sem-done .menu-list-01,
.header-menu .menu-hdg+.menu-list-01{
	margin-top:0;
	border-top:none;
	border-top-left-radius:0;
	border-top-right-radius:0;
}

.header-menu .menu-login-change,
.header-menu .menu-logout {
	font-size: 15px;
	margin: 0;
	padding: 15px 0;
	border-top: 1px dotted #e0e0e0;
	text-align: center;
}
.header-menu .menu-logout {
	padding-bottom: 0;
}

@media only screen and (max-width: 600px){

  .header-rf2017-ph1 .btn-menu-wrap{
    position: static;
  }
  .header-menu {
  	display:none;
  	position:absolute;
  	top:51px;
    left: 0;
  	z-index:1000;
  	width:auto;
  	background-color:#fff;
  	border:none;
  	text-align:left;
  	font-size:14px;
  	-ms-user-select: none;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  }
  .header-menu:before {
    background: #000;
    width: auto;
    height: 0;
    overflow: hidden;
    content: "";
    position: static;
  }
  .header-menu .menu-hdg{
    font-size:19px;
  }
  .header-menu .menu-list-01+.menu-hdg-container{
  	margin-top: 30px;
  }
  .header-menu .menu-list-01>li{
    float: none;
    width: 100%;
  }
  .header-menu .menu-list-01>li a{
    padding: 15px 0;
    font-size: 15px;
  }
  .header-menu .menu-list-01>li>a:before{
  	right:5px;
  }

  .header-menu .menu-login-change {
  	font-size:  15px;
  }
	.header-menu .menu-login-change,
	.header-menu .menu-logout {
	   font-size:  15px;
	}
  .fw.hide,footer.hide {
  	display: none;
  }

}
/* ----------------------------------------------------------------
footer
----------------------------------------------------------------- */
.footer-rf2017-ph1 {
  margin-top: 30px;
  color: #333333;
  line-height: 1.55;
  font-size: 11px;
  font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
}

.footer-rf2017-ph1 .footer-rf2017-ph1-breadcrumbs {
    width: 950px;
    margin: 0 auto;
    padding-bottom: 15px;
}

.footer-rf2017-ph1 .footer-rf2017-ph1-breadcrumbs .footer-rf2017-ph1-breadcrumbs-list {
    margin: 0;
    padding-top: 5px;
    list-style-type: none;
    font-size: 11px;
    line-height: 1.6
}

.footer-rf2017-ph1 .footer-rf2017-ph1-breadcrumbs .footer-rf2017-ph1-breadcrumbs-list:after {
    content: "";
    display: block;
    clear: both
}

.footer-rf2017-ph1 .footer-rf2017-ph1-breadcrumbs .footer-rf2017-ph1-breadcrumbs-list li {
    float: left;
    margin-right: 5px
}

.footer-rf2017-ph1 .footer-rf2017-ph1-breadcrumbs .footer-rf2017-ph1-breadcrumbs-list li:before {
    content: ">";
    padding: 0 5px 0 0 !important;
}

.footer-rf2017-ph1 .footer-rf2017-ph1-breadcrumbs .footer-rf2017-ph1-breadcrumbs-list li:first-child:before {
    content: "";
    display: none
}

.footer-rf2017-ph1 .footer-rf2017-ph1-breadcrumbs .footer-rf2017-ph1-breadcrumbs-list li strong {
    color: #000;
    font-weight: normal
}

.footer-rf2017-ph1 .footer-rf2017-ph1-breadcrumbs .footer-rf2017-ph1-breadcrumbs-list li .footer-rf2017-ph1-breadcrumbs-item-home {
    display: inline-block;
    position: relative;
    line-height: 1;
    text-decoration: none
}
#str-container .footer-rf2017-ph1 .footer-rf2017-ph1-breadcrumbs .footer-rf2017-ph1-breadcrumbs-list li a {
    color: #006699;
    font-weight: normal;
    text-decoration: none
}

.footer-rf2017-ph1 .footer-rf2017-ph1-utility,
.footer-rf2017-ph1 .footer-rf2017-ph1-utility .footer-rf2017-ph1-utility-links {
    margin: 0 auto;
}
.footer-rf2017-ph1 .footer-rf2017-ph1-utility {
    padding: 20px 0 0 0;
    background: #e6e8eb
}
.footer-rf2017-ph1 .footer-rf2017-ph1-utility .footer-rf2017-ph1-utility-links{
    width:100%;
    display:table;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-size:0 !important;
    text-align:center;
    text-decoration:none
}
#str-container .footer-rf2017-ph1 .footer-rf2017-ph1-utility-links li a{
    font-weight:normal
}
.footer-rf2017-ph1 .footer-rf2017-ph1-utility .footer-rf2017-ph1-utility-links>li{
    margin:10px 0 0 0;
    display:inline-block;
    position:relative;
    font-size:11px;
    float:none;
    line-height:1
}
.footer-rf2017-ph1 .footer-rf2017-ph1-utility .footer-rf2017-ph1-utility-links>li a{
    padding:0 10px;
    display:block;
    text-decoration:none;
    line-height:1;
    color:#006699;
    font-size: 11px;
}
.footer-rf2017-ph1 .footer-rf2017-ph1-utility-copyright {
    text-align: center;
    padding: 20px 0 40px 0;
    line-height: 1;
}
.footer-rf2017-ph1-utility-links + .footer-rf2017-ph1-utility-copyright {
    padding: 20px 0 20px 0;
}
.footer-rf2017-ph1 .footer-rf2017-ph1-utility-copyright small {
    font-size: 11px;
}


#str-container .footer-rf2017-ph1 .footer-rf2017-ph1-utility-links li a {
    color: #333333;
    font-size: 11px;
}
#str-container .footer-rf2017-ph1 .footer-rf2017-ph1-utility-links li a:hover {
    text-decoration: underline;
}
@media only screen and (max-width: 600px){
.footer-rf2017-ph1 .footer-rf2017-ph1-breadcrumbs {
  width:auto;
    margin-top: 40px;
    padding: 0 20px
}
.footer-rf2017-ph1 .footer-rf2017-ph1-breadcrumbs .footer-rf2017-ph1-breadcrumbs-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 11px;
    line-height: 1.6
}
  .footer-rf2017-ph1 .footer-rf2017-ph1-utility {
      margin-top: 20px;
      padding: 40px 0 0 0;
  }
  .footer-rf2017-ph1 .footer-rf2017-ph1-utility-copyright {
      margin: 0;
      padding-top: 0;
      text-align: center;
      line-height: 1;
  }
  .footer-rf2017-ph1-utility-links + .footer-rf2017-ph1-utility-copyright {
      margin: 40px 0 0;
  }
  .footer-rf2017-ph1 .footer-rf2017-ph1-utility-copyright small {
      font-size: 11px;
  }
  #str-container .footer-rf2017-ph1 .footer-rf2017-ph1-utility-links li a {
      padding: 0 10px;
      display: block;
      text-decoration: none;
      line-height: 1;
      color: #006699;
      font-size: 11px;
  }
}
/* ----------------------------------------------------------------
 pagetop
----------------------------------------------------------------- */
.pageArrow {
  width: 80px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: none;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  .pageArrow {
    width: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow {
    width: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow {
    height: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow {
    height: 50px;
  }
}
.pageArrow:before, .pageArrow:after {
  width: 18px;
  height: 18px;
  content: "";
  display: block;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 38%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (max-width: 600px) {
  .pageArrow:before, .pageArrow:after {
    width: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow:before, .pageArrow:after {
    width: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow:before, .pageArrow:after {
    height: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow:before, .pageArrow:after {
    height: 12px;
  }
}
.pageArrow#pagetop:before, .pageArrow#pagetop:after {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pageArrow#pagetop:before {
  margin-top: -4px;
}
@media only screen and (max-width: 600px) {
  .pageArrow#pagetop:before {
    margin-top: -4px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow#pagetop:before {
    margin-top: -2px;
  }
}
.pageArrow#pagetop:after {
  display: none;
}
.pageArrow#pagetop.isHover:before {
  animation: arrowT .4s 2;
  -webkit-animation: arrowT .4s 2;
}
.pageArrow#pagedown:before, .pageArrow#pagedown:after {
  animation: sdb 1.5s infinite;
  -webkit-animation: sdb 1.5s infinite;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.pageArrow#pagedown:before {
  margin-top: -23px;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
}
@media only screen and (max-width: 600px) {
  .pageArrow#pagedown:before {
    margin-top: -23px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow#pagedown:before {
    margin-top: -17px;
  }
}
.pageArrow#pagedown:after {
  margin-top: -8px;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}
@media only screen and (max-width: 600px) {
  .pageArrow#pagedown:after {
    margin-top: -8px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow#pagedown:after {
    margin-top: -10px;
  }
}
@media only screen and (max-width: 600px) {
  .pageArrow {
    right: 20px;
    bottom: 20px;
  }
  .pageArrow:before, .pageArrow:after {
    border-width: 1px;
  }
}
/* ----------------------------------------------------------------
input type submit
----------------------------------------------------------------- */
.fw .btn, .fw label.btn, .fw button.btn, .fw .formReset button.btn,
.modalArea .btn, .modalArea label.btn, .modalArea button.btn, .modalArea .formReset button.btn {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #c1c1c2;
    border-radius: 100px;
    font-family: inherit;
    color: #333;
    line-height: 153%;
    transition: .3s;
    background: transparent;
    outline: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}

@media only screen and (max-width: 600px){
.fw .listLine + .btnArea {
    margin-top: 20px;
}
}
.fw .listLine > * {
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-align-items: center;
}
.fw .btnArea.btn,
.fw .btnArea .btn,
.fw .btnArea .inputBtnArrowR{
  font-family: inherit;
  font-weight: bold;
}
.fw .btnArea.inputBtnArrowR,
.modalArea .btnArea.inputBtnArrowR {
	position: relative;
	width: 100%;
  margin: 30px auto;
}
.fw .btnArea.btnColorWh.inputBtnArrowR,
.modalArea .btnArea.btnColorWh.inputBtnArrowR {
  border-color: rgba(255, 255, 255, 0.5);
  color:#fff;
}
.fw .btnArea input[type="submit"],
.fw .btnArea input[type="button"],
.modalArea .btnArea input[type="button"],
.modalArea .btnArea input[type="submit"] {
  width: 300px;
  max-width: 300px;
  text-align: center;
  border-radius: 100px;
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
  line-height: 153%;
  transition: .3s;
  outline: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
}

.fw .btnArea input[type="submit"]{
  font-family: inherit!important;
  font-weight: normal;
}
.fw .btn.btnColorWh input[type="submit"],
.fw label.btn.btnColorWh input[type="submit"],
.fw button.btn.btnColorWh input[type="submit"],
.fw .formReset button.btn.btnColorWh input[type="submit"],
.fw .btn.btnColorWh input[type="button"],
.fw label.btn.btnColorWh input[type="button"],
.fw button.btn.btnColorWh input[type="button"],
.fw .formReset button.btn.btnColorWh input[type="button"],
.modalArea .btn.btnColorWh input[type="submit"],
.modalArea label.btn.btnColorWh input[type="submit"],
.modalArea button.btn.btnColorWh input[type="submit"],
.modalArea .formReset button.btn.btnColorWh input[type="submit"] {
  border-color: rgba(255,255,255,0.5);
  color: #fff;
  border-width: 0;
  background: transparent;
  font-size: 15px;
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
  font-weight:  bold;
}
.fw .btnArea.inputBtnArrowR::after,
.modalArea .btnArea.inputBtnArrowR::after{
	content: "";
  display: block;
  position: absolute;
  border-color: #fff !important;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  width: 6px;
  height: 6px;
  top: 50%;
  right: 25px;
  transform: rotate(45deg);
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  -o-transform: translate(0, -50%) rotate(45deg);
  cursor: pointer;
}
.fw .btn.borderColorBlue,
.fw label.btn.borderColorBlue,
.fw button.btn.borderColorBlue,
.fw .btn.borderColorBlue::before,
.fw label.btn.borderColorBlue::before,
.fw button.btn.borderColorBlue::before,
.fw .btn.borderColorBlue::after,
.fw label.btn.borderColorBlue::after,
.fw button.btn.borderColorBlue::after,
.modalArea .btn.borderColorBlue,
.modalArea label.btn.borderColorBlue,
.modalArea button.btn.borderColorBlue,
.modalArea .btn.borderColorBlue::before,
.modalArea label.btn.borderColorBlue::before,
.modalArea button.btn.borderColorBlue::before,
.modalArea .btn.borderColorBlue::after,
.modalArea label.btn.borderColorBlue::after,
.modalArea button.btn.borderColorBlue::after {
  border-color: #0b5bce!important;
  color: #0b5bce;
}
.fw .btn.borderColorBlue input[type="submit"],
.fw label.btn.borderColorBlue input[type="submit"],
.fw button.btn.borderColorBlue input[type="submit"],
.fw .formReset button.btn.borderColorBlue input[type="submit"],
.fw .btn.borderColorBlue input[type="button"],
.fw label.btn.borderColorBlue input[type="button"],
.fw button.btn.borderColorBlue input[type="button"],
.fw .formReset button.btn.borderColorBlue input[type="button"],
.modalArea .btn.borderColorBlue input[type="submit"],
.modalArea label.btn.borderColorBlue input[type="submit"],
.modalArea button.btn.borderColorBlue input[type="submit"],
.modalArea .formReset button.btn.borderColorBlue input[type="submit"] {
  color: #0b5bce;
  border-width: 0;
  background:  transparent;
}
.fw .btnArea.inputBtnArrowR:hover,
.modalArea .btnArea.inputBtnArrowR:hover {
  opacity: .6;
}
.fw .btnArea.inputBtnArrowR:hover::after,
.modalArea .btnArea.inputBtnArrowR:hover::after {
  animation: arrow .4s 2;
}
.fw .btnArea.inputBtnArrowR.disabled,
.modalArea .btnArea.inputBtnArrowR.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.fw .btnArea.borderColorBlue.inputBtnArrowR.disabled,
.modalArea .btnArea.borderColorBlue.inputBtnArrowR.disabled {
  opacity: 1;
  border-color: #81a9e3!important;
}
.fw .btnArea.borderColorBlue.inputBtnArrowR.disabled input,
.modalArea .btnArea.borderColorBlue.inputBtnArrowR.disabled input {
  color: #81a9e3;
}
.fw .btnArea.borderColorBlue.inputBtnArrowR.disabled::after,
.modalArea .btnArea.borderColorBlue.inputBtnArrowR.disabled::after {
  border-color: #81a9e3!important;
}
@keyframes arrow {
  0% {
    transform: translate3d(0, 0, 0) rotate(45deg);
    margin-top: -4px;
  }
  50% {
    transform: translate3d(30%, 0, 0) rotate(45deg);
    margin-top: -4px;
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(45deg);
    margin-top: -4px;
  }
}
@media only screen and (max-width: 600px) {
  @keyframes arrow {
    0% {
      transform: translate3d(0, 0, 0) rotate(45deg);
      margin-top: -2px;
    }
    50% {
      transform: translate3d(30%, 0, 0) rotate(45deg);
      margin-top: -2px;
    }
    100% {
      transform: translate3d(0, 0, 0) rotate(45deg);
      margin-top: -2px;
    }
  }
}
@media only screen and (max-width: 600px) {
  .fw .btnArea input[type="submit"],
  .fw .btnArea input[type="button"],
  .modalArea .btnArea input[type="button"],
  .modalArea .btnArea input[type="submit"] {
    font-size: 15px;
    width: 280px;
    max-width: 280px;
  }
	.fw .btnArea.inputBtnArrowR,
  .modalArea .btnArea.inputBtnArrowR {
		max-width: 280px;
	}
  .fw .btnArea.inputBtnArrowR::after,
  .modalArea .btnArea.inputBtnArrowR::after {
    width: 4px;
    height: 4px;
    border-width: 1px;
    right: 20px;
  }
}
@media only screen and (min-width: 601px) {
	.fw .btnArea input[type="submit"],
  .fw .btnArea input[type="button"],
  .modalArea .btnArea input[type="button"],
  .modalArea .btnArea input[type="submit"] {
		width: 300px;
		max-width: 300px !important;
	}
	.fw .btnArea.inputBtnArrowR,
  .modalArea .btnArea.inputBtnArrowR {
		position: relative;
		width: 300px;
	}
}
.modalArea .btnArea {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: column wrap;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
/* ----------------------------------------------------------------
input
----------------------------------------------------------------- */
.fw .formReset input {
  font-size: 17px;
}
.fw .formReset input[type="submit"],
.fw .formReset button[type="submit"],
.fw .formReset input[type="reset"],
.fw .formReset button[type="reset"],
.fw .formReset input[type="button"],
.fw .formReset button[type="button"],
.fw .formReset button,
.modalArea .formReset input[type="submit"],
.modalArea .formReset button[type="submit"],
.modalArea .formReset input[type="reset"],
.modalArea .formReset button[type="reset"],
.modalArea .formReset input[type="button"],
.modalArea .formReset button[type="button"],
.modalArea .formReset button {
  cursor: pointer;
  padding: 0;
  margin: 0;
  background: transparent;
}
.modalArea .formReset input[type="submit"],
.modalArea .formReset button[type="submit"],
.modalArea .formReset input[type="reset"],
.modalArea .formReset button[type="reset"],
.modalArea .formReset input[type="button"],
.modalArea .formReset button[type="button"],
.modalArea .formReset button {
  border: none;
}
/* ----------------------------------------------------------------
link linkArrowB
----------------------------------------------------------------- */
.fw .link {
  font-family: inherit;
  font-weight: bold;
  color: #333333;
}
.fw .link[class*="linkArrow"] {
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
  font-weight: bold;
}
.fw .link.linkArrowB::before {
  -webkit-transform: rotate(135deg);
}
.fw .link.linkArrowB.active::before {
  -webkit-transform: rotate(315deg);
}
.fw .j_toggleBtn.active .link.linkArrowB::before {
  -webkit-transform: rotate(315deg);
}
/* ----------------------------------------------------------------
btnArea btn
----------------------------------------------------------------- */
.fw .btnArea .btn,
.modalArea .btnArea .btn {
  width: 300px;
  font-size: 15px;
  margin-bottom: 20px;
  display: block;
  border: 1px solid #0b5bce\9 !important;
}

.fw .btnArea a.btn.bgGra {
  background: #0b5bce\9 !important;
}
.isAndroid2 .fw .btnArea .btn {
  border: 1px solid #0b5bce; /*Android2.2にのみ適用*/
}
@media only screen and (max-width: 600px) {
  .fw .btn,
  .modalArea .btn {
    width: 100%;
	  max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
}

.fw .btnArea + .linkArea {
    margin-top: 30px;
}
.isIE .modalArea .btnArea .btn span {
  background: none;
  color: #0b5bce;
}
.is-ipad .fw .btnArea .btn.btnColorGra span {
  background: none;
  color: #0b5bce;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: rgb(11,91,206);
}
/* ----------------------------------------------------------------
readonly
----------------------------------------------------------------- */
.fw .item input.readonly {
  background-color: #f8f9fa;
  border: none;
  font-size: 17px;
}

/* ----------------------------------------------------------------
ist-bullet-01 notice
----------------------------------------------------------------- */
.fw .item .notice {
  font-size: 13px;
}

/* ----------------------------------------------------------------
input
----------------------------------------------------------------- */
.fw .btn.btnColorGra[class*="btnArrow"]:before,
.fw label .btn.btnColorGra[class*="btnArrow"]:before,
.fw button.btn.btnColorGra[class*="btnArrow"]:before,
.fw .formReset button.btn.btnColorGra[class*="btnArrow"]:before,
.modalArea .btn.btnColorGra[class*="btnArrow"]:before,
.modalArea label .btn.btnColorGra[class*="btnArrow"]:before,
.modalArea button.btn.btnColorGra[class*="btnArrow"]:before,
.modalArea .formReset button.btn.btnColorGra[class*="btnArrow"]:before {
    border-color: #0b5bce;
}
.fw .btn.btnArrowR:before,
.fw label.btn.btnArrowR:before,
.fw button.btn.btnArrowR:before,
.fw .formReset button.btn.btnArrowR:before,
.modalArea .btn.btnArrowR:before,
.modalArea label.btn.btnArrowR:before,
.modalArea button.btn.btnArrowR:before,
.modalArea .formReset button.btn.btnArrowR:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.fw .btn.btnColorGra:after,
.fw label.btn.btnColorGra:after,
.fw button.btn.btnColorGra:after,
.fw .formReset button.btn.btnColorGra:after,
.modalArea .btn.btnColorGra:after,
.modalArea label.btn.btnColorGra:after,
.modalArea button.btn.btnColorGra:after,
.modalArea .formReset button.btn.btnColorGra:after {
    background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 100px;
    z-index: -2;
    margin: auto;
    width: calc( 100% + 2px);
    height: calc( 100% + 2px);
    transition: .3s;
}
.modalArea a {
    text-decoration: none;
}
.fw .btn[class*="btnArrow"]:before,
.fw label.btn[class*="btnArrow"]:before,
.fw button.btn[class*="btnArrow"]:before,
.fw .formReset button.btn[class*="btnArrow"]:before,
.modalArea .btn[class*="btnArrow"]:before,
.modalArea label.btn[class*="btnArrow"]:before,
.modalArea button.btn[class*="btnArrow"]:before,
.modalArea .formReset button.btn[class*="btnArrow"]:before {
    content: "";
    display: block;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -4px;
}
@media only screen and (max-width: 600px) {
.fw .btn[class*="btnArrow"]:before,
.fw label.btn[class*="btnArrow"]:before,
.fw button.btn[class*="btnArrow"]:before,
.fw .formReset button.btn[class*="btnArrow"]:before,
.modalArea .btn[class*="btnArrow"]:before,
.modalArea label.btn[class*="btnArrow"]:before,
.modalArea button.btn[class*="btnArrow"]:before,
.modalArea .formReset button.btn[class*="btnArrow"]:before {
    width: 4px;
    height: 4px;
    border-width: 1px;
    right: 20px;
    margin-top: -2px;
}
}
.fw .btnArea.inputBtnArrowR::after,
.modalArea .btnArea.inputBtnArrowR::after {
    content: "";
    display: block;
    position: absolute;
    border-color: #fff !important;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    width: 6px;
    height: 6px;
    top: 50%;
    right: 25px;
    transform: rotate(45deg);
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    -o-transform: translate(0, -50%) rotate(45deg);
    cursor: pointer;
}
.fw .btnArea.borderColorBlue.inputBtnArrowR::after,
.modalArea .btnArea.borderColorBlue.inputBtnArrowR::after {
    border-color: #0b5bce!important;
  }
@media only screen and (max-width: 600px){
.fw .btnArea.inputBtnArrowR::after,
.modalArea .btnArea.inputBtnArrowR::after {
    width: 4px;
    height: 4px;
    border-width: 1px;
    right: 20px;
}
}
/* ----------------------------------------------------------------
Android2、IE8～10
----------------------------------------------------------------- */
.fw .btn.btnColorGra,
.fw label.btn.btnColorGra,
.fw button.btn.btnColorGra,
.fw .formReset button.btn.btnColorGra,
.modalArea .btn.btnColorGra,
.modalArea label.btn.btnColorGra,
.modalArea button.btn.btnColorGra,
.modalArea .formReset button.btn.btnColorGra {
  background: #fff;
  position: relative;
  border: none;
}
.fw .btn.btnColorGra span,
.fw label.btn.btnColorGra span,
.fw button.btn.btnColorGra span,
.fw .formReset button.btn.btnColorGra span,
.modalArea .btn.btnColorGra span,
.modalArea label.btn.btnColorGra span,
.modalArea button.btn.btnColorGra span,
.modalArea .formReset button.btn.btnColorGra span {
  color: #0b5bce;
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.isAndroid2 .fw .btn.btnColorGra span,
.isAndroid2 .fw label.btn.btnColorGra span,
.isAndroid2 .fw button.btn.btnColorGra span,
.isAndroid2 .fw .formReset button.btn.btnColorGra span,
.isAndroid2 .modalArea .btn.btnColorGra span,
.isAndroid2 .modalArea label.btn.btnColorGra span,
.isAndroid2 .modalArea button.btn.btnColorGra span,
.isAndroid2 .modalArea .formReset button.btn.btnColorGra span {
  -webkit-text-fill-color: #0b5bce;
}
.fw .btn.btnColorGra:after,
.fw label.btn.btnColorGra:after,
.fw button.btn.btnColorGra:after,
.fw .formReset button.btn.btnColorGra:after,
.modalArea .btn.btnColorGra:after,
.modalArea label.btn.btnColorGra:after,
.modalArea button.btn.btnColorGra:after,
.modalArea .formReset button.btn.btnColorGra:after {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1 );
}
.fw .formReset .btnSelect.radioBox, .fw .formReset .btnSelect.checkBox{
    background: #f4f5f6;
    border-radius: 5px;
}
.fw .formReset .btnSelect.radioBox .selectInr, .fw .formReset .btnSelect.checkBox .selectInr {
  padding: 9px 35px;
}
.fw .formReset .btnSelect.radioBox .selectInr.selectInrFlex,
.fw .formReset .btnSelect.checkBox .selectInr.selectInrFlex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.fw .formReset .btnSelect.radioBox .selectInr.selectInrFlex p:last-child,
.fw .formReset .btnSelect.checkBox .selectInr.selectInrFlex p:last-child {
  margin-left: auto;
}
.fw .formReset .btnSelect.radioBox:before,
.fw .formReset .btnSelect.radioBox:after,
.fw .formReset .btnSelect.checkBox:before,
.fw .formReset .btnSelect.checkBox:after {
    left: 14px;
    top: 21.5px;
}
@media only screen and (max-width: 600px) {
  .fw .formReset .btnSelect.radioBox .selectInr, .fw .formReset .btnSelect.checkBox .selectInr {
    padding: 9px 31px;
  }
  .fw .formReset .btnSelect.radioBox:before, .fw .formReset .btnSelect.radioBox:after, .fw .formReset .btnSelect.checkBox:before, .fw .formReset .btnSelect.checkBox:after {
      left: 10px;
      top: 14px;
  }
}
.fw .formReset .btnSelect.radioBox:before,
.fw .formReset .btnSelect.checkBox:before {
    background: #ffffff;
}
.fw .formReset .btnSelect.radioBox.checked,
.fw .formReset .btnSelect.checkBox.checked {
    background: #cee6ff;
    color: #000000;
    text-align: left;
}

.fw .formReset input[type=radio]:checked+.btnSelect.radioBox, .fw .formReset input[type=checkbox]:checked+.btnSelect.checkBox {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%), linear-gradient(0deg, rgba(15, 130, 184, 0.5) 0%, rgba(11, 91, 206, 0.5) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce)),-webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  background-clip: content-box, border-box;
  color: #fff;
}
@media only screen and (min-width: 601px) {
  .fw .btn,
  .fw label.btn,
  .fw button.btn,
  .fw .formReset button.btn,
  .modalArea .btn,
  .modalArea label.btn,
  .modalArea button.btn,
  .modalArea .formReset button.btn {
    width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
}
.fw .link.linkGra {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 1px;
}
.isAndroid2 .fw .link.linkGra {
  -webkit-text-fill-color: #0b5bce;
  background: #fff;
}
.fw .link.linkGraGray {
  background: linear-gradient(0deg, #606467 0%, #414447 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#606467), to(#606467));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#606467', endColorstr='#606467',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.isAndroid2 .fw .link.linkGraGray {
  -webkit-text-fill-color: #414447;
  background: #fff;
}
.fw .link.linkGraRed {
  background: linear-gradient(0deg, #eb6877 0%, #e43b4f 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#eb6877), to(#e43b4f));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eb6877', endColorstr='#e43b4f',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.isAndroid2 .fw .link.linkGraRed {
  -webkit-text-fill-color: #e43b4f;
  background: #fff;
}
.fw .iconGra {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.isAndroid2 .fw .iconGra {
  -webkit-text-fill-color: #0b5bce;
  background: #fff;
}
.fw .batch {
  background: linear-gradient(0deg, #ced0d0 0%, #c6c7c8 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ced0d0), to(#c6c7c8));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ced0d0', endColorstr='#c6c7c8',GradientType=1, );
}
@media only screen and (max-width: 600px) {
  .fw .batch.batchColorGra {
    background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
    color: #fff;
  }
}
.fw .boxGra {
  background: linear-gradient(0deg, #fff 0%, #fff 100%), linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),-webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#0b5bce',GradientType=1, );
  background-clip: content-box, border-box;
}
.fw .bgGra,
.modalArea .bgGra {
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  background: -webkit-linear-gradient(bottom, #0f82b8 0%, #0b5bce 100%);
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  color: #fff;
}

.fw .bgGraGry {
  background: linear-gradient(0deg, #606467 0%, #414447 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  color: #fff;
}
.fw .listTerms + .boxWh .checkBox {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.isAndroid2 .fw .listTerms + .boxWh .checkBox {
  -webkit-text-fill-color: #0b5bce;
}
.fw .listCaption .item .category:after {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  color: #fff;
}
.fw .listFlow {
    width: 560px;
}
.fw .listFlow ul li {
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
}
.fw .listFlow ul li span{
  font-size: 13px;
}
.fw .listFlow ul li.active,
.fw .listFlow ul li.active i{
  font-family: inherit;
  font-weight: bold;
}
.fw .listFlow ul li.active i {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.isAndroid2 .fw .listFlow ul li.active i {
  -webkit-text-fill-color: #0b5bce;
}
.fw .listFlow ul li.active:before {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}
.fw header .btnMenu a {
  background: #babcbe;
  background: linear-gradient(to bottom, #606467 0%, #414447 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#606467), to(#414447));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#606467', endColorstr='#414447',GradientType=1, );
}
.fw .sliderChooseModel .j_sliderChooseModel:after,
.fw .sliderChooseModel .j_sliderChooseSimpleModel:after {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}
.fw .sliderChooseModel .j_sliderChooseModel .slick-list:before,
.fw .sliderChooseModel .j_sliderChooseSimpleModel .slick-list:before {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}
.fw .sliderChooseModel .j_sliderChooseModel .slick-list:after,
.fw .sliderChooseModel .j_sliderChooseSimpleModel .slick-list:after {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}
.fw .tabBase ul li .j_tabBtn.active span {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.isAndroid2 .fw .tabBase ul li .j_tabBtn.active span {
  -webkit-text-fill-color: #0b5bce;
}
.fw .tabGra ul li a.active {
  color: #fff;
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}
.fw#products.products_detail .main .sliderProduct .dot-thum li.slick-active {
  background: linear-gradient(#fff 0%, #fff 100%), linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),-webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#0b5bce',GradientType=1, );
  background-clip: content-box, border-box;
}
.fw #step2 #model .chooseColor .colorBox .radioBox .reserve {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
  color: #fff;
}
.fw #step2 #model .chooseColor .colorBox input[type=radio]:checked+.radioBox:before {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}

.fw #step2 #model .chooseColor .colorBox .radioBox.colorRosegold:after {
  background: linear-gradient(0deg, #e5c1bb 0%, #f1d8d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#e5c1bb), to(#f1d8d2));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5c1bb', endColorstr='#f1d8d2',GradientType=1, );
}

.fw #step2 #model .chooseColor .colorBox input[type=radio]:checked+.radioBox.colorRosegold:after {
  background: linear-gradient(0deg, #e5c1bb 0%, #f1d8d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#e5c1bb), to(#f1d8d2));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5c1bb', endColorstr='#f1d8d2',GradientType=1, );
}
.fw #step2 #model .chooseColor .colorBox .radioBox.colorGold:after {
  background: linear-gradient(0deg, #f8e3ce 0%, #e3c9b7 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8e3ce), to(#e3c9b7));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f8e3ce', endColorstr='#e3c9b7',GradientType=1, );
}

.fw #step2 #model .chooseColor .colorBox input[type=radio]:checked+.radioBox.colorGold:after {
  background: linear-gradient(0deg, #f8e3ce 0%, #e3c9b7 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8e3ce), to(#e3c9b7));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f8e3ce', endColorstr='#e3c9b7',GradientType=1, );
}
.slick-dots li.slick-active button {
  background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0f82b8', endColorstr='#0b5bce',GradientType=1, );
}

/* ----------------------------------------------------------------
listFlow
----------------------------------------------------------------- */
.fw .listFlow li:first-of-type:after {
    width: 50%;
    right: 0;
    left: 50%;
}
.fw .listFlow li:last-of-type:after {
    width: 50%;
    right: 50%;
    left: 0;
}

@media only screen and (max-width: 600px) {
  .fw .listFlow.no-translateX {
    width: 100%!important;
    transform: translateX(0px)!important;
  }
}

/* ----------------------------------------------------------------
list-bullet-01
----------------------------------------------------------------- */
.list-bullet-01 + .notice-list,
.notice-list + .list-bullet-01 {
  margin-top: 10px;
}
[class*="list-"].note>li, .notice-list>li {
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 0.4em 0;
}
.list-bullet-01>li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 0.4em;
}
.list-bullet-01>li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 7px;
  width: 4px;
  height: 4px;
  overflow: hidden;
  border-radius: 4px;
  background-color: #333333;
}
.list-bullet-01.fc_white>li::before {
  background-color: #fff;
}

[class*="list-"].note>li:first-child, .notice-list>li:first-child, .link-list.note>li:first-child, .uni-link-list.note>li:first-child {
  margin-top: 0;
}
ul.notice-list>li {
  position: relative;
  margin: 0 0 0.4em;
  padding: 0 0;
  font-size: 14px;
  line-height: 1.5;
  zoom: 1;
}
ul.notice-list>li>span,
ul.notice-list>li>div {
  display: table-cell;
}
ul.notice-list>li>span {
  white-space: nowrap;
  padding-right: .5em;
}

.list-bullet-01,
.notice-list{
  margin-top: 30px;
}
.list-bullet-01 li:last-child,
.notice-list li:last-child{
  margin-bottom: 0;
}


.list-bullet-01 li .list-bullet-01{
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: -1em;
  background: #e0e0e0;
}

/* ----------------------------------------------------------------
.ttlSmall
----------------------------------------------------------------- */
.fw .radioUnit .p {
    margin-top: 10px;
}
.fw .radioUnit .item {
    margin-top: 15px;
}
.fw .radioUnit .item:first-child {
    margin-top: 0;
}

/* ----------------------------------------------------------------
.note
----------------------------------------------------------------- */
.fw .note {
    font-size: 13px;
}
/* ----------------------------------------------------------------
.btnSelect
----------------------------------------------------------------- */
.fw .formReset .btnSelect.radioBox .txt,
.fw .formReset .btnSelect.checkBox .txt{
  font-weight: bold;
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
  align-items: unset;
  text-align: left;
  font-size: 15px;
}
/* ----------------------------------------------------------------
.flex
----------------------------------------------------------------- */
.fw .flex {
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
}
.fw .block {
    display: block;
}
/* ----------------------------------------------------------------
fw (style.css to be relocated)
----------------------------------------------------------------- */
.fw {
  font-size: 15px;
}
.fw .box + .item,
.fw .item + .item,
.fw .lead + .item,
.fw .lead + .item + .item {
  margin-top: 20px;
}
/* ----------------------------------------------------------------
.inputName
----------------------------------------------------------------- */
.fw .inner .item .inputName {
    padding-bottom: 10px;
    font-weight: bold;
}


/* ----------------------------------------------------------------
.listLine
----------------------------------------------------------------- */
.fw .inner .txt + .listLine {
  margin-top: 30px;
}
.fw .inner .listLine > .item {
    padding: 15px 0;
    min-height: auto;
    font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
    width: 100%;
}
.fw .inner .listLine.underline {
    border-bottom: 1px solid #e0e0e0;
}
.fw .inner .listLine .item .inputName {
    padding-bottom: 0px;
    font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
    font-weight: normal!important;
    font-size: 13px;
}
.fw .inner .listLine .item .flex8 .inputName {
    color:#000000;
    font-weight: bold;
}
.fw .inner .listLine .item .inputName + .inputArea {
    padding-bottom: 0px;
    font-weight: bold;
}
.inner .listLine .item + .item {
    margin-top: 0;
}
.inner .listLine.radioUnit > .item {
    padding: 30px 0;
}
.inner .listLine.radioUnit > .item:first-child {
    padding-top: 0;
}
.inner .listLine.radioUnit > .linkArea {
    display: block;
    border-top: none;
    padding-top: 0;
    padding-bottom: 30px;;
    min-height: auto;
}
.inner .listLine.radioUnit > .linkArea a {
    display: inline;
}
.inner .listLine.mailDelivery .item .inputName {
    color: #000;
    font-size: 15px;
    font-weight: bold!important;
}
.inner .listLine.mailDelivery .item .inputArea {
    color: #666;
    font-size: 13px;
    font-weight: normal!important;
}

/* ----------------------------------------------------------------
.sectionInner
----------------------------------------------------------------- */
.sectionInner {
  width: 560px  ;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  .sectionInner {
    width: 100%;
    margin: 0 auto;
  }
}

/* ----------------------------------------------------------------
.listHistory
----------------------------------------------------------------- */
.fw .listHistory {
  width: 100%;
  margin: 0 auto;
}
.fw .listHistory .j_toggleDetail {
  display: none;
}
.fw .listHistory .j_toggleDetail .flex .flex4 {
  font-family: inherit;
  font-weight: 800;
}
.fw .listHistory > .item {
  margin-top: 0!important;
  display: block;
  transition: .4s;
  border-bottom: 1px solid #e0e0e0;
}
.fw .listHistory>.item:first-child {
    border-top: 1px solid #e0e0e0;
}
.fw .listHistory > .item > :first-child {
  padding: 15px;
}
.fw .listHistory > .item > :last-child {
  padding: 0 15px;
  margin-bottom: -1px;
}
.fw .listHistory > .item > :last-child .item {
  display: table;
}
.fw .inner .listHistory .listLine .item .inputName {
  width: 30%;
  color: #000;
  display: table-cell;
  min-width: 95px;
  font-weight: bold!important;
  font-size: 13px;
}
.fw .inner .listHistory .listLine .item .inputName + .inputArea {
  font-size: 13px;
}
.fw .listHistory > .item > :last-child .inputName + .inputArea {
  width: 70%;
  font-weight: normal;
  display: table-cell;
  font-size: 13px;
}

@media only screen and (max-width: 600px) {
  .fw .listHistory > .item > :first-child {
    padding: 15px;
  }
}

.fw .listHistory > * .txt {
  width: calc( 100% - 120px);
}

.fw .listHistory > * .link {
  width: 120px;
  text-align: right;
  display: block;
}

.fw .listHistory > * .link:before {
  transition: .2s;
}

@media only screen and (max-width: 600px) {
  .fw .listHistory > * .txt {
    width: calc( 100% - 10px);
  }
  .fw .listHistory > * .link {
    width: 10px;
  }
}
.fw .inner .txt + .listHistory{
   margin-top: 30px;
}
.fw .inner .listHistory + .btnArea .btn{
   margin-top: 30px;
}
/* ----------------------------------------------------------------
error
----------------------------------------------------------------- */
.sError {
  background-color: #eb6877;
  height: 50px;
  color: #fff;
  display: flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
  font-weight: bold;
}

.item.error {
  position: relative;
  transition: 0.6s padding-top;
}
.item.error .txtError {
  left: 0;
  top: -10px;
}
.fw .txtError li {
  padding: 4px;
}
@media only screen and (max-width: 600px) {
  .item.error .txtError {
    left: 0;
    top: -10px;
  }
}

/* ----------------------------------------------------------------
modal
----------------------------------------------------------------- */
#j_modalBoxInner {
  padding: 0;
}

@media only screen and (max-width: 700px) {
  #j_modalBoxInner {
    padding: 0;
  }
}

@media only screen and (max-width: 700px) {
  #j_modalBoxInner {
    padding: 0 10px !important;
  }
}

#j_modalWrap {
  position: relative;
}

.modalArea {
  width:auto;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  transition: opacity 1s, transform 0.4s cubic-bezier(0, 0.585, 0.385, 1);
  opacity: 0;
  padding: 0 60px;
  background: #fff;
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
}

.modalArea * {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

:not(.thisWindows) .modalArea {
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

@media only screen and (min-width: 601px) {
  .modalArea {
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.3);
  }
}

.modalArea.show {
  display: block !important;
}

.modalArea.animeStart {
  opacity: 1;
}

:not(.thisWindows) .modalArea.animeStart {
  -ms-transform: scale(1);
  transform: scale(1);
}

.modalArea iframe {
  vertical-align: top;
  width: 100%;
}

.modalArea .section {
    padding-top: 30px;
    padding-bottom: 30px;
    max-height: 86vh;
}

.modalArea .ttlSmall {
    font-size: 19px;
    text-align: center;
    line-height: 166%;
    font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "WinGothic W6", sans-serif;
}

.modalArea .ttlSmall ~ .lead {
    margin-top: 30px;
    font-size: 15px;
    text-align: center;
    line-height: 166%;
}

.modalArea .lead ~ .btnArea {
    margin-top: 20px;
}
.modalArea .mt0 {
    margin-top: 0!important;
}
.modalArea .mb0 {
    margin-bottom: 0!important;
}


.j_modalWide #j_modalWrap {
  height: calc( 100vh - 40px) !important;
}

.j_modalWide .modalArea {
  height: calc( 100vh - 40px) !important;
  position: absolute;
  left: 0;
  top: 0;
}

.j_modalNormal {
  height: auto!important;

}

.fw .modalArea > .sectionSmall {
    max-height: 86vh;
}

@media only screen and (max-width: 700px) {
  .j_modalNormal .modalArea {
    padding: 0 60px;
  }
}

@media only screen and (max-width: 700px) {
  .j_modalNormal .modalArea {
    padding: 0;
  }
}

@media only screen and (max-width: 700px) {
  .j_modalWide #j_modalWrap {
    height: calc( 100vh - 100px) !important;
  }
  .j_modalWide .modalArea {
    height: calc( 100vh - 100px) !important;
  }
}

#j_modalBoxClose {
  height: 70px;
  width: 70px;
  display: block;
  top: 20px !important;
  right: 20px !important;
  background: #000;
  transition: 0.4s 0.4s;
  opacity: 0;
}

#j_modalBoxClose:before, #j_modalBoxClose:after {
  content: '';
  height: 2px;
  width: 50%;
  border-radius: 2px;
  top: 33px;
  left: 50%;
  margin-left: -25%;
  display: block;
  background: #fff;
  position: absolute;
}

#j_modalBoxClose:before, #j_modalBoxClose:after {
  transition: 0.4s 0.7s;
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#j_modalBoxClose.animeStart {
  opacity: 1;
}

#j_modalBoxClose.animeStart:before, #j_modalBoxClose.animeStart:after {
  opacity: 1;
}

#j_modalBoxClose.animeStart:before {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#j_modalBoxClose.animeStart:after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#j_modalBoxClose:hover {
  opacity: .8;
}

@media only screen and (max-width: 700px) {
  #j_modalBoxClose {
    height: 50px;
    width: 50px;
    top: 0px !important;
    right: 10px !important;
  }
  #j_modalBoxClose:before, #j_modalBoxClose:after {
    content: '';
    height: 1px;
    width: 50%;
    border-radius: 1px;
    top: 24px;
    left: 50%;
    margin-left: -25%;
    display: block;
    background: #fff;
    position: absolute;
  }
}
/* ----------------------------------------------------------------
.topMenu
----------------------------------------------------------------- */
.fw .topMenu h2.ttlSmall + .listLine{
  margin-top: 15px;
}
.fw .topMenu .listLine.bgWh a,
.fw .topMenu .listLine.bgWh .listWrap{
    padding-left: 20px;
    padding-right: 50px;
    border-color: #f8f8f8;
}
.fw .topMenu .listLine.bgWh a::before{
    right: 30px;
}
.fw .topMenu .listLine.bgWh a .item{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.fw .topMenu .listLine.bgWh a .item .inputArea{
    font-weight: bold;
    font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
}
@media only screen and (max-width: 600px) {
  .fw .topMenu h2.ttlSmall {
    font-size: 19px;
  }
  .fw .topMenu .listLine.bgWh a,
  .fw .topMenu .listLine.bgWh .list-wrap{
      padding-left: 15px;
      padding-right: 30px;
      border-color: #f8f8f8;
  }
  .fw .topMenu .listLine.bgWh a::before{
      right: 15px;
  }

}
/* ----------------------------------------------------------------
.bgGryLt
----------------------------------------------------------------- */
.fw .bgGryLt .section .btnArea,
.fw .bgGryLt .section .btnArea .btnArrowR{
  margin-top: 0;
  margin-bottom: 0;
}
.fw .bgGryLt .section .btnArea.borderColorBlue.inputBtnArrowR{
  background: #ffffff;
}
/* ----------------------------------------------------------------
#no_authorization_number
----------------------------------------------------------------- */
#no_authorization_number .boxBorder {
  padding: 30px;
}
#no_authorization_number .boxBorder .bgGryLt.boxInnerSmall {
  padding: 15px;
}
@media only screen and (max-width: 600px) {
  #no_authorization_number .boxBorder {
    padding: 30px 15px;
  }
}

.js-acc.is-acc-open .listLine.underline {
  border-bottom:none;
}

.js-acc.is-acc-open .js-acc-cont {
  border-bottom:1px solid #e0e0e0;
}

.js-acc.is-acc-open .js-acc-cont .item.error { margin-top:10px; }
.js-acc .btnArea .btn.js-check-zipcode { width:calc(100% - 2px); }