@charset "UTF-8";
/* CSS Document */

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
*{ margin:0; padding:0; border:0;}

.btn_none{ display:none;}
/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/
div#wrap {
	min-height: 100vh;
	position: relative;
	padding-bottom: 51px;/*←footerの高さ*/
	box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}
div#wrap > div#wrapInner { height: auto;}
/* logIn-page */
div#pageWrap-logIn { padding-bottom: 66px; }  /* must be same height as the footer */
div#footerBlock-logIn {
	border-top:1px solid #d6d6d6;
	position: relative;
	clear: both;
	height: 66px;
	margin-top: -66px; /* negative value of footer height */
}
	#footerBlock-logIn #footerLink {
		padding-top: 14px;
	}
	#footerBlock-logIn .pull-right {
		float: none;
	}
	#footerBlock-logIn #adressTxt {
		padding-top: 0px;
	}
/* End logIn-page */
div#footerBlock {
	clear: both;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
}
div#footerLine {
	border-top:1px solid #d6d6d6;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

dl.itemList{
	display: flex;
	margin-bottom: 0;
}

.itemList dt:first-child,
.itemList dd:first-child{
	width: 60%;
	border-right: none;
}

.itemList dt:nth-child(2),
.itemList dd:nth-child(2){
	border-right: none;
	text-align: center;
}

.itemList dt,
.itemList dd{
	width: 20%;
	padding: 13px 10px;
	box-sizing: border-box;
	border: 1px solid #dee2e6;
}

.itemList dt{
	text-align: center !important;
	color: #495057;
	font-weight: bold !important;
	background: #e9ecef;
}

.itemList dd{
	margin-left: 0 !important;
	height: auto !important;
	border-top:none;
}



/* Footer */
footer {
    height: 50px;
    border-top: 1px solid #cccccc;
    font-size: 12px;
    color: #666666;
    padding: 0 10px;
}
.footer__nav {
    line-height: 100%;
    height: 12px;
    margin-top: 18px;
    display: block;
    float: left;
}
.footer__nav__item {
    margin: 0;
    padding: 0 10px;
    border-left: 1px solid #666666;
    float: left;
}
.footer__nav__item:first-child {
    border-left: none;
    padding: 0 10px 0 0;
}
.footer__nav__item > a {
    color: #666;
    padding: 0;
}
.footer__nav__item > a:hover {
    color: #0056b3;
    text-decoration: underline !important;
		background-color: #ffffff !important;
}
.footer__copyright {
    float: right;
    line-height: 50px;
}
.footer__copyright p {
    float: left;
    display: inline-block;
    margin: 0 5px 0 0;
}
.footer__copyright img {
    margin-top: -3px;
}



.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */

body {
  font-size: 16px;
  background: #ffffff;
	font-family: 'Noto Sans Japanese', sans-serif;
}
#footerLink,
#adressTxt {
	font-size: 12px;
	padding-top: 18px;
	margin-bottom:0;
}
.txt-gray {
	color: #666666;
}
.txt-gray-bold {
	color: #7d7d7d;
	font-weight: bold;
}
.txt-weight-bold {
	font-weight: bold;
}
.linkTxt-size {
	font-size: 13px;
}

/* login-style */
#loginLogo {
	padding-top: 15px;
	padding-bottom: 21px;
}
.loginBg {
	background: #f5f5f5;
}
#header-loginBlock {
	width: 100%;
	background: url(../images/common_img/header-shadow-bg.png) center bottom repeat-x;
}
.login-container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.login-container:before,
.login-container:after {
  display: table;
  content: "";
}
.login-container:after {
  clear: both;
}
#loginLogo-setWrap {
	padding-top: 84%;
	/*padding-top: 66%;*/
}
#loginLogo-set {
	margin: 0 0 0 0;
}
#loginLogo-set li {
	width: 39px;
	float: left;
	margin-right: 28px;
	padding-bottom: 20px;
}
#loginLogo-set li.shortLogo {
	width: 24px;
}

/* inner-header-style */
#header-innerOuter {
	width: 100%;
	background: #9a9a9a;
}
#header-innerBlock {
	width: 100%;
	background: url(../images/common_img/header-shadow-bg02.png) center bottom repeat-x;
}
#header-logoInfo{
	background: #f5f5f5;
	border-bottom: 1px solid #e9e9e9;
}
#header-topInfo {
	background: #444444;
	height: 12px;
}


/* header */
header {
    background: #3945bd;
    color: #fff;
    padding: 10px;
    border-bottom: 1px solid #cccccc;
		width: 100%;
    height: 50px;
    line-height: 30px;
    font-size: 14px;
		box-sizing: border-box;
		position: fixed;
		z-index: 101;
}

.header__logo{
    height: 30px;
    margin: 0;
    padding: 0;
    font-size: 0;
    float: left;
}

.header__logo  {
	background-image:url(../images/common_img/ac-account_logo-pc.svg);
	background-repeat:  no-repeat;
	width: 220px;
}
/* 20121126ショッピングカートと高さを合わせるために修正ここから */
#pageTitle {
	font-size: 16px;
	line-height: normal;
	padding-top: 8px;
	padding-bottom: 9px;
}
/* 20121126ショッピングカートと高さを合わせるために修正ここまで */
#userIcon {
	width: auto;
	height: 30px;
  position: relative;
  cursor: pointer;
}
#userIcon img{
	margin: 0;
	position: absolute;
  top: 0;
	float: right;
  display: block;
	border-radius: 50%;
}

span.userName {
	display: block;
  padding-left: 35px;
  padding-right: 16px;
  background: url(../images/common_img/icon-arrow.png) right -2px no-repeat;
}


#acountInfo {
	position: relative;
}
#acountInfo-box {
	position: absolute;
	top: 51px;
	right: 0px;
	padding-top: 8px;
	background: url(../images/common_img/acountInfo-box-arrow.png) right 0px no-repeat;
}
#acountInfo-box ul {
	background: #ffffff;
	padding: 10px;
	border: 2px solid #dddddd;
	font-size: 14px;
	color:#666666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

#acountInfo-box ul > li{
	line-height: 1.8;
}


#acountInfo-wrap {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
}
#forget-nav {
	font-size: 14px;
}
#forget-nav li {
	padding: 6px 10px 8px 11px;
	float: left;
	background: url(../images/common_img/forget-nav-separator.png) 0px 7px no-repeat;
}
#forget-nav li.headList {
	padding: 6px 10px 8px 0;
	background: none;
}
#forget-nav li a {
  color: #ffffff;
  text-decoration: none;
}
#forget-nav li a:hover {
  color: #005580;
  text-decoration: underline;
}
.breadcrumb-bbt {
  padding: 7px 14px 7px 0px;
  margin: 0 0 18px;
  list-style: none;
  font-size: 12px;
}
.breadcrumb-bbt li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.breadcrumb-bbt .divider {
  padding: 0 5px;
  color: #999999;
}
.breadcrumb-bbt .active a {
  color: #333333;
}
#logo-setWrap {
	margin-bottom: 20px;
	background: #ebebeb;
	padding: 8px 22px 8px 22px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
#logo-set {
	margin: 0 0 0 0;
}
#logo-set li {
	width: 39px;
	float: left;
	margin-left: 30px;
}
#logo-set li.shortLogo {
	width: 24px;
}
/* ハンバーガーメニュ－(768pxで表示を切り替え) */
@media screen and (min-width: 768px) {
	#btn-hamburger-munu {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	#btn-hamburger-munu {
		width: 30px;
    	height: 30px;
		margin: 0 10px 0 0;
		padding: 0 15px 0 0;
		float: left;
		background: url(../images/nav-hamburger.svg) center no-repeat;
	}
}
/* ハンバーガーメニュー用のサイドバーメニュ－制御 */
@media screen and (max-width: 767px) {
	/* 閉じている状態 */
	#sidebar {
		background-color: #ffffff;
		position: fixed;
		top: 0;
		left: 0;
		width: 250px;
		height: 100%;
		padding-top: 50px;
		transform: translateX(-100%);
		transition: all .2s linear;
	}
	/* オープンしている状態 */
	#sidebar.is-open {
		transform: translateX(0);
		box-shadow: 10px 10px 15px -10px;
		z-index: 1;
	}
}
/* side-nav-style */
#sideNav {
	margin-bottom: 10px;
}
.nav-tabs > li > a {
	font-size: 14px;
}
.active .icon-chevron-right {
	background-image: url(../images/glyphicons-halflings.png);
	background-position: -456px -72px;
}
.icon-chevron-right {
	background-image: url(../images/glyphicons-halflings02.png);
	background-position: -456px -72px;
}
.side-info {
	font-size: 14px;
	padding: 12px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.side-info p {
	margin-bottom: 0;
	line-height: 20px;
}

/* inner-style */
.contentsTitle {
	font-size: 23px;
	color:#232323;
	margin: 0;
	line-height: 100%;
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 500;
}
.contentsTitle-forget {
	font-size: 23px;
	color:#232323;
	height: 37px;
	margin: 0;
	line-height: 100%;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 500;
	margin-bottom: 48px
}
.contentsTitle-alert {
	font-size: 22px;
	height: 38px;
	line-height: 38px;
	padding-left: 70px;
	margin-bottom: 40px
}
.registration-information-icon {
	background: url(../images/common_img/acount-icon.png) 0px 0px no-repeat;
}
.adress-change-icon {
	background: url(../images/common_img/acount-icon.png) 0px -50px no-repeat;
}
.password-change-icon {
	background: url(../images/common_img/acount-icon.png) 0px -100px no-repeat;
}
.forget-change-icon {
	background: url(../images/common_img/acount-icon.png) 0px -150px no-repeat;
}
.alert-change-icon {
	background: url(../images/common_img/acount-icon.png) 0px -200px no-repeat;
}
.formInfo-block {
	margin-bottom: 100px;
}
.end-formInfo-block {
	margin-bottom: 60px;
}
.formInfo-block h3 {
	font-size: 18px;
	margin: 35px 0 25px;
  line-height: 100%;
	color:#232323;
	font-weight: 500;
}
.formInfo-block table:last-child{
	margin-bottom: 0;
}

/*20130517tab追加修正分ここから*/
.formInfo-block-tab {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.formInfo-block-tab h3 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 36px;
}
/*20130517tab追加修正分ここまで*/

/* 20121105tuika-cssここから */
.formInfo-block dt {
	text-align: left;
	font-weight: normal;
}
.formInfo-block dt.longWidth {
  width: 180px;
}
.formInfo-block dt.confirm-dt {
	height: 106px;
	line-height: 106px;
}
.formInfo-block dd {
  margin-left: 185px;
  /* 20121105tuika-css */
  height: 16px;
}
.formInfo-block dd.dd-iconImage {
  margin-left: 185px;
  height: 106px;
}
.formInfo-block dd.dd-caption {
  margin-left: 185px;
  height: auto;
}
.formInfo-block dt.dtWide {
  width: 200px;
}
.formInfo-block dd.ddWide {
  margin-left: 246px;
}
.formLink-txt {
	display: block;
	font-size: 13px;
	line-height: 20px;
	padding-top: 24px;
}
.iconImage img {
	padding-right: 20px;
	width: 106px;
	height: 106px;
}
/* 20121105tuika-cssここまで */

.sticky{
	position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 50px;
}



.flowTxt {
	font-size: 16px;
	margin-top: 2px;
	margin-bottom: 24px;
	font-weight: normal;
}
.activePoint {
	font-size: 26px;
	font-weight: bold;
	color: #333333;
}
.strongTxt {
	font-size: 20px;
	font-weight: bold;
}
.contact-info {
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.contact-info p {
	margin-bottom: 4px;
	line-height: 20px;
}
.contact-info ul {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.contact-info ul.margin-ul-10 {
	margin-bottom: 10px;
	padding: 0;
	font-size: 14px;
}
.contact-info li {
	line-height: 22px;
}
.captchaTxt {
	width: 200px;
	height: 100%;
	margin-bottom: 10px;
}
.backBtn-style {
	margin-right:40px;
}
.pinkColor {
	background: #fee4e1;
}

/* form-layout */
/* base-style↓ */
.form-horizontal .control-group {
  margin-bottom: 18px;
}
.form-horizontal .control-label {
  width: 180px;
  padding-top: 5px;
  text-align: left;
}
label,
input,
button,
select,
textarea {
  height: 30px;
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  height: 30px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 16px;
  line-height: 30px;
}
input,
textarea {
  width: 210px;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}
.form-horizontal .controls {
  margin-left: 186px;
}
.formTxt-gray {
	color: #7d7d7d;
	font-weight: normal;
}
label.userIconName {
  height: 106px;
  line-height: 106px;
}
.btnMoreLarge {
  padding: 12px 10px 10px;
  font-size: 22px;
  line-height: 30px;
  *line-height: 20px;
}
.btnWrap button.btnMoreLarge {
  height: auto;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
}
.btnWrap button.btnMoreLarge {
  padding: 12px 10px 10px;
  font-size: 22px;
  line-height: 30px;
  *line-height: 20px;
}

/* base-style↑ */
/* form-login-style */
#loginContent {
}
#loginContent label {
  height: 30px;
  font-size: 22px;
  font-weight: normal;
  line-height: 30px;
}
#loginContent .form-horizontal .control-label {
  width: 120px;
  padding-top: 5px;
  text-align: left;
}
#loginContent .form-horizontal .controls {
  margin-left: 140px;
}
#loginContent label.checkbox {
  font-size: 16px;
  font-weight: normal;
  line-height: 36px;
  padding-top: 10px;
}
#loginContent .form-horizontal .control-group {
  margin-bottom: 7%;
}
.submitBlock {
  margin-bottom: 3%;
}
#loginContent .submitBlock button.btn-large-login {
  height: auto;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
}
button.btn-large-login {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.loginButton {
	width: 250px;
}
.SAMLLoginButton {
	width: 250px;
	padding: 9px 0px;
	font-size: 15px;
}
.loginSeparate {
	border: none;
	height: 1px;
	background-color: #d6d6d6;
}
/* form-inner-style */
.safetyRank {
	font-size: 22px;
	color: #0086ce;
}
.form-horizontal .bottomChange {
  margin-bottom: 0px;
}
.form-horizontal .bottomChange-26 {
  margin-bottom: 26px;
}
.requiredMark {
	padding-left:10px;
	color: #C00;
}
.smallCap {
	display: block;
}
.errorTxt {
	display: block;
	padding-top:10px;
	color: #C00;
}
.errorMessage {
	color: #C00;
}
.errorBk {
	background:#faeaea;
}


label.checkboxRestyle {
  height: 30px;
  font-size: 16px;
  font-weight: normal;
  line-height: 36px;
}
label.radioRestyle {
  height: 30px;
  font-size: 16px;
  font-weight: normal;
  line-height: 36px;
}
.captionName {
	padding-left: 10px;
}

/* input-area-size */
.width-100per {
	width: 98.4%;
}
.width-404 {
	width: 400px;
}
.width-322 {
	width: 322px;
}
.width-182 {
	width: 182px;
}
.form-horizontal .control-labelWide {
  width: 226px;
}
.form-horizontal .controlsWide {
  margin-left: 246px;
}

/* common-layout-style */
.line-height-26 {
	line-height: 26px;
}
.magin-bottom-48 {
	margin-bottom: 2.6%;
}
.magin-bottom-46 {
	margin-bottom: 46px;
}
.magin-bottom-90 {
	margin-bottom: 17%;
}
.magin-bottom-60 {
	margin-bottom: 60px;
}
.magin-bottom-36 {
	margin-bottom: 36px;
}
.magin-bottom-28 {
	margin-bottom: 28px;
}
.magin-bottom-26 {
	margin-bottom: 26px;
}
.magin-bottom-20 {
	margin-bottom: 20px;
}
.magin-bottom-120 {
	margin-bottom: 120px;
}
.magin-bottom-10 {
	margin-bottom: 10px;
}
.padding-bottom-10 {
	padding-bottom: 10px;
}
.noneMargin {
	margin-bottom: 0px;
}
.btnWrap {
	text-align: center;
	margin-bottom: 60px;
}
.lineSpacing-28 {
	line-height: 28px;
}



dl.dl-newFloat {
}

dl.dl-newFloat dt {
	clear: left;
	float: left;
	margin-bottom: 28px;
}

dl.dl-newFloat dd {
	margin-bottom: 28px;
}



.controls .radioRestyle {
	width: 200px;
}

#radio-cust-delivery-type label.radioRestyle {
	width: auto;
}

table.txObserveAdminGroupTbl th {
	text-align: left;
	vertical-align: top;
	padding: 10px 50px 0 0;
}

table.txObserveAdminGroupTbl td {
	text-align: left;
	vertical-align: top;
	padding: 10px 50px 0 0;
}

table.acptDate tr:nth-child(3) td{
	padding-top:13px;
	padding-bottom:13px;
}
table.acptDate tr td {
	border-top:	1px solid #dee2e6;
	border-bottom:	1px solid #dee2e6;
	padding-top:13px;
	padding-bottom:13px;
}
.change_admin_group {
	padding: 5px 0 0 0;
	width: 400px;
}





/* responsive-layout */
/* Additional */
@media screen and (max-width: 480px) {
	.btn_none{
		display:inline-block;
	}


	.loginSpan1 {
		padding-right: 0px;
		border-right: none;
	}
	#footerBlock #footerLink {
		padding-top: 14px;
	}
	#footerBlock .pull-right {
		float: none;
	}
	#footerBlock #adressTxt {
		padding-top: 0px;
	}

	.footer__nav__item {
    border-left: none;
    padding: 0 10px 0 0;
	}

/* 20130128追加 */
	#footerBlock-logIn #footerLink {
		padding-top: 14px;
	}
	#footerBlock-logIn .pull-right {
		float: none;
	}
	#footerBlock-logIn #adressTxt {
		padding-top: 0px;
	}
/* 20130128追加ここまで */

	#loginLogo-setWrap {
		padding-top: 8%;
	}
	#loginLogo-set li {
		margin-right: 22px;
	}
	#loginLogo-set li:last-child {
		margin-right: 0px;
	}
	#loginContent label.checkbox {
		line-height: 24px;
	}
	.submitBlock .btn-large {
		width: 89%;
		padding: 9px 14px;
		font-size: 24px;
		line-height: normal;
	}
	.submitBlock .pull-left,
	.submitBlock .pull-right {
		float: none;
	}
	.linkTxt-size {
		font-size: 13px;
	}
	#innerLogo,
	#innerLogo img {
		width: 80%;
		height: auto;
	}
	#innerLogo {
		padding-top: 4px;
		padding-bottom: 2px;
	}
	#userIcon {
		width: auto;
	}
	#userIcon img{
		background:url(../images/common_img/icon-arrow.png) right 0px no-repeat;
	}
	#pageTitle {
		font-size: 22px;
		line-height: normal;
		padding-top: 8px;
		padding-bottom: 9px;
	}
	.nav-tabs > li > a,
	.side-info,
	#acountInfo-box ul {
		font-size: 16px;
	}
	.side-info {
		padding-top: 6px;
		padding-bottom: 6px;
		margin-bottom: 20px;
	}
	.contentsTitle {
		height: 28px;
		line-height: 26px;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.contentsTitle-forget {
		font-size: 18px;
		height: 28px;
		line-height: 18px;
		padding-left: 38px;
		margin-bottom: 24px
	}
	.contentsTitle-alert {
		height: 29px;
		line-height: 26px;
		padding-left: 38px;
		margin-bottom: 20px
	}
	.registration-information-icon {
		background: url(../images/common_img/acount-icon.png) 0px 2px no-repeat;
		-webkit-background-size:34px 151px; /* webkit系 */
		background-size: 34px 151px;
	}
	.adress-change-icon {
		background: url(../images/common_img/acount-icon.png) 0px -31px no-repeat;
		-webkit-background-size:34px 151px; /* webkit系 */
		background-size: 34px 151px;
	}
	.password-change-icon {
		background: url(../images/common_img/acount-icon.png) 0px -62px no-repeat;
		-webkit-background-size:34px 151px; /* webkit系 */
		background-size: 34px 151px;
	}
	.forget-change-icon {
		background: url(../images/common_img/acount-icon.png) 0px -93px no-repeat;
		-webkit-background-size:34px 151px; /* webkit系 */
		background-size: 34px 151px;
	}
	.alert-change-icon {
		background: url(../images/common_img/acount-icon.png) 0px -127px no-repeat;
		-webkit-background-size:34px 151px; /* webkit系 */
		background-size: 34px 151px;
	}
	.formInfo-block h3 {
		margin-bottom: 12px;
	}
	.dl-horizontal dt {
	  float: none;
	  clear: none;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  margin-bottom: 5px;
	}
	/* 20121105tuika-cssここから */
	.dl-horizontal dd,
	.dl-horizontal dd.ddWide {
		font-weight: bold;
		margin-left: 0px;
		height: auto;
	}
	.formInfo-block dd.dd-iconImage {
	  margin-left: 0px;
	  height: auto;
	}
	.formInfo-block dd.dd-caption {
	  margin-left: 0px;
	  height: auto;
	}
	/* 20121105tuika-cssここまで */



	.formInfo-block {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.end-formInfo-block {
		margin-bottom: 40px;
	}
	.formInfo-block dt.confirm-dt {
		height: auto;
		line-height: 18px;
	}
	.backBtn-style {
		margin-right: 0px;
	}
	#logo-setWrap {
		padding: 8px 10px 8px 10px;
	}
	#logo-setWrap .pull-right {
		float: none;
	}
	#logo-set li {
		float: left;
		margin-left: 0px;
		margin-right: 20px;
	}
	#logo-set li:last-child {
		margin-right: 0px;
	}
	.formLink-txt {
		font-size: 14px;
		padding-top: 16px;
	}
	.form-horizontal .control-group {
	  margin-bottom: 20px;
	}
	.form-horizontal .bottomChange {
	  margin-bottom: 0px;
	}
	.form-horizontal .controls,
	.form-horizontal .controlsWide {
	  margin-left: 0px;
	}
	.form-horizontal .control-label {
	  padding-top: 0px;
	}
	label {
	  height: 16px;
	  font-size: 16px;
	  font-weight: normal;
	  line-height: 16px;
	}
	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input {
	  margin-bottom: 0px;
	}
	select,
	textarea,
	.control-bottom-9 input[type="text"],
	.control-bottom-9 input[type="password"],
	.control-bottom-9 input[type="datetime"],
	.control-bottom-9 input[type="datetime-local"],
	.control-bottom-9 input[type="date"],
	.control-bottom-9 input[type="month"],
	.control-bottom-9 input[type="time"],
	.control-bottom-9 input[type="week"],
	.control-bottom-9 input[type="number"],
	.control-bottom-9 input[type="email"],
	.control-bottom-9 input[type="url"],
	.control-bottom-9 input[type="search"],
	.control-bottom-9 input[type="tel"],
	.control-bottom-9 input[type="color"],
	.uneditable-input {
	  margin-bottom: 9px;
	}
	label.userIconName {
	  height: auto;
	  line-height: 18px;
	}
	label.checkboxRestyle {
	  height: 16px;
	  font-size: 16px;
	  font-weight: normal;
	  line-height: 22px;
	}
	label.radioRestyle {
	  height: 16px;
	  font-size: 16px;
	  font-weight: normal;
	  line-height: 22px;
	}
	.captionName {
		padding-left: 0px;
	}
	.controls-bottom {
		margin-bottom: 20px;
	}
	.radio.inline,
	.checkbox.inline {
	  display: block;
	}
	.radio.inline + .radio.inline,
	.checkbox.inline + .checkbox.inline {
	  margin-left: 0px;
	}
	.flowTxtBlock {
		display: block;
	}
	.activePoint {
		font-size: 18px;
	}
	.strongTxt {
		font-size: 18px;
	}
	.menuBlock {
		width: 130px;
	}

	/* common-layout-style */
	.line-height-26 {
		line-height: 26px;
	}
	.magin-bottom-48 {
		margin-bottom: 5.6%;
	}
	.magin-bottom-46 {
		margin-bottom: 46px;
	}
	.magin-bottom-90 {
		margin-bottom: 5%;
	}
	.magin-bottom-60 {
		margin-bottom: 20px;
	}
	.magin-bottom-36 {
		margin-bottom: 20px;
	}
	.magin-bottom-28 {
		margin-bottom: 16px;
	}
	.magin-bottom-26 {
		margin-bottom: 26px;
	}
	.magin-bottom-20 {
		margin-bottom: 20px;
	}
	.magin-bottom-120 {
		margin-bottom: 40px;
	}
	.magin-bottom-10 {
		margin-bottom: 10px;
	}
	.padding-bottom-10 {
		padding-bottom: 10px;
	}
	.noneMargin {
		margin-bottom: 0px;
	}
	.btnWrap {
		text-align: center;
		margin-bottom: 40px;
	}
	.lineSpacing-28 {
		line-height: 28px;
	}

	.width-100per,
	.width-404,
	.width-322,
	.width-182 {
		width: 96.6%;
	}

	table.txObserveAdminGroupTbl th {
		text-align: left;
		vertical-align: top;
		padding: 10px 20px 0 0;
	}

	table.txObserveAdminGroupTbl td {
		text-align: left;
		vertical-align: top;
		padding: 10px 20px 0 0;
	}

	.change_admin_group {
		padding: 5px 0 0 0;
		width: 100%;
	}
}


@media only screen and (min-width: 480px) and (max-width: 766px) {
	.loginSpan1 {
		padding-right: 0px;
		border-right: none;
	}

	#footerBlock #footerLink {
		padding-top: 14px;
	}
	#footerBlock .pull-right {
		float: none;
	}
	#footerBlock #adressTxt {
		padding-top: 0px;
	}
	#loginLogo-setWrap {
		padding-top: 8%;
	}
	#loginLogo-set li {
		margin-right: 22px;
	}
	#loginLogo-set li:last-child {
		margin-right: 0px;
	}
	#loginContent label.checkbox {
		line-height: 24px;
	}
	.submitBlock .btn-large {
		width: 89%;
		padding: 9px 14px;
		font-size: 24px;
		line-height: normal;
	}
	.submitBlock .pull-left,
	.submitBlock .pull-right {
		float: none;
	}
	.linkTxt-size {
		font-size: 13px;
	}

	/* common-layout-style */
	.line-height-26 {
		line-height: 26px;
	}
	.magin-bottom-48 {
		margin-bottom: 5.6%;
	}
	.magin-bottom-46 {
		margin-bottom: 46px;
	}
	.magin-bottom-90 {
		margin-bottom: 5%;
	}
	.magin-bottom-60 {
		margin-bottom: 20px;
	}
	.magin-bottom-36 {
		margin-bottom: 20px;
	}
	.magin-bottom-28 {
		margin-bottom: 16px;
	}
	.magin-bottom-26 {
		margin-bottom: 26px;
	}
	.magin-bottom-20 {
		margin-bottom: 20px;
	}
	.magin-bottom-120 {
		margin-bottom: 40px;
	}
	.magin-bottom-10 {
		margin-bottom: 10px;
	}
	.padding-bottom-10 {
		padding-bottom: 10px;
	}
	.noneMargin {
		margin-bottom: 0px;
	}
	.btnWrap {
		text-align: center;
		margin-bottom: 40px;
	}
	.lineSpacing-28 {
		line-height: 28px;
	}

	.width-100per,
	.width-404,
	.width-322,
	.width-182 {
		width: 96.6%;
	}
}

@media screen and (max-width: 767px) {
  .acptInfo > td{
  	line-height: 135%;
  }
  body {
    padding-right: 0px;
    padding-left: 0px;
  }
	.header__logo  {
	background-image:url(../images/common_img/ac-account_logo-sp.svg);
	background-repeat:  no-repeat;
	width:112px;
	}
  .login-container,
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
	footer {
		width: 100%;
    display: inline-block;
    box-sizing: border-box;
		text-align: center;
	}
	.footer__nav,
	.footer__copyright {
    float: none;
	}
	.footer__copyright {
    display: inline-block;
		margin:20px auto;
	}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .rowLogin {
    margin-left: -20px;
    *zoom: 1;
  }
  .rowLogin:before,
  .rowLogin:after {
    display: table;
    content: "";
  }
  .rowLogin:after {
    clear: both;
  }
  [class*="loginSpan"] {
    float: left;
    margin-left: 20px;
  }
  .login-container {
    width: 724px;
  }
  .loginSpan2 {
    width: 190px;
  }
  .loginSpan1 {
    width: 493px;
	padding-right: 20px;
	border-right: 1px solid #d6d6d6;
  }
	#loginContent label.checkbox {
	  line-height: 26px;
	}
	.form-horizontal .control-label,
	.form-horizontal .control-labelWide,
	.formInfo-block dt,
	.formInfo-block dt.longWidth,
	.formInfo-block dt.dtWide {
		width: 150px;
	}
	.form-horizontal .controls,
	.form-horizontal .controlsWide,
	.formInfo-block dd,
	.formInfo-block dd.ddWide {
		margin-left: 155px;
	}
	.formInfo-block dt,
	.formInfo-block dt.longWidth,
	.formInfo-block dt.dtWide {
		text-overflow: ellipsis;
		white-space: normal;
	}
	.controls-bottom {
		margin-bottom: 20px;
	}

	.row {
		margin-left: -20px;
		*zoom: 1;
	}
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    margin-left: 20px;
  }
  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    /*width: 538px;*/
	width: 506px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    /*width: 166px;*/
	width: 198px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
	.width-182,
	.width-322,
	.width-404 {
		width: 96.6%;
	}
}

@media only screen and (min-width: 980px) and (max-width: 1200px) {
  .rowLogin {
    margin-left: -40px;
    *zoom: 1;
  }
  .rowLogin:before,
  .rowLogin:after {
    display: table;
    content: "";
  }
  .rowLogin:after {
    clear: both;
  }
  [class*="loginSpan"] {
    float: left;
    margin-left: 40px;
  }
  .login-container {
    width: 832px;
  }
  .loginSpan2 {
    width: 203px;
  }
  .loginSpan1 {
    width: 548px;
	padding-right: 40px;
	border-right: 1px solid #d6d6d6;
  }
}


@media screen and (min-width: 1200px) {
  .rowLogin {
    margin-left: -40px;
    *zoom: 1;
  }
  .rowLogin:before,
  .rowLogin:after {
    display: table;
    content: "";
  }
  .rowLogin:after {
    clear: both;
  }
  [class*="loginSpan"] {
    float: left;
    margin-left: 40px;
  }
  .row {
    margin-left: -68px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    margin-left: 68px;
  }
  .login-container {
    width: 832px;
  }
  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1156px;
  }
  .span12 {
    width: 1156px;
  }
  .span11 {
    width: 1054px;
  }
  .span10 {
    width: 952px;
  }
  .span9 {
    width: 850px;
  }
  .span8 {
    width: 748px;
  }
  .span7 {
    width: 646px;
  }
  .span6 {
    width: 544px;
  }
  .span5 {
    width: 442px;
  }
  .span4 {
    width: 340px;
  }
  .span3 {
    width: 238px;
  }
  .span2 {
    width: 136px;
  }
  .span1 {
    width: 34px;
  }
  .loginSpan2 {
    width: 203px;
  }
  .loginSpan1 {
    width: 548px;
	padding-right: 40px;
	border-right: 1px solid #d6d6d6;
  }
}

/* SAML Error Page */
.saml-error-contents > div.saml-error-item {
	padding: 1em 0 0 0;
}
.saml-error-item span {
	vertical-align: middle;
	padding: 0 0 0 1em;
}
.saml-error-item svg {
	vertical-align: middle;
}
.saml-error-contents ul {
	padding: 1em 0 0 2em;
}

.saml-error-contents li {
	padding: 0 0 1em 0;
}

.saml-error-contents div.saml-error-back {
	text-align: center;
	padding: 1em 0 0 0;
}

/* ファイルアップロード */
#fileUpload {
	margin: 0px 0px 50px 0px;
	clear: both;
}
#file-upload-file-select {
	float: left;
    height: 35px;
	margin: 2px 5px 0px 0px;
}
/* NOTE: ファイルアップロード後にformが差し込まれてボタンの高さずれが生じるため調整 */ 
#file-upload-file-select form {
	display:none;
} 
#file-upload-delete-btn {
	float: left;
	display: flex;
	justify-content: center;
	margin: 2px 0px 0px 0px;
}
#deleteButton {
	margin-left: 5px;
}

/* クレカ */
/* カード情報の表示領域(768pxで表示を切り替え) */
@media screen and (min-width: 768px) {
	.card-block {
		border-radius: 4px;
		margin: 10px 10px 20px 10px;
		padding: 15px 15px 5px 15px;
		border: gray 1px solid;
		width: 400px;
		display: flex;
		flex-wrap: wrap;
	}
	.card-info {
		font-size: 17px;
		width: 200px;
	}
	.card-change {
		margin-top: 15px;
		width: 200px;
		margin-left: auto;
	}
}
@media screen and (max-width: 767px) {
	.card-block {
		border-radius: 4px;
		margin: 5px 0px 10px 0px;
		padding: 10px 10px 5px 10px;
		border: gray 1px solid;
		display: flex;
		flex-wrap: wrap;
	}
	.card-info {
		width: 50%;
		font-size: 17px;
		margin: 10px 0px 10px 0px;
	}
	.card-change {
		width: 50%;
		height: 60px;
		margin-top: 0px;
		margin-left: auto;
	}
	#update-card-popup {
		top: 40%;
	}
}
.holder-name {
	margin-left: 5px;
}
.card-change-btn {
	clear: both;
}
.card-change-btn {
	clear: both;
}
.btn-card-expire {
	float: left;
	margin: 2px 10px 0px 0px;
	height: 34px;
}
.btn-card-delete {
	float: left;
	margin: 2px 0px 0px 0px;
}
.card-expire-date-select {
	margin: 10px 10px 0px 10px;
}
.card-expire-date-select select {
	width:50px;
}
.message-delete-disabled {
	margin: 10px 0px 0px 0px;
	width:100%;
}
.message-delete-disabled p {
	font-size: 14px;
}
p.card-nothing {
	margin: 20px 0px 20px 0px;
}

/* サブスク一覧、カード変更 */
#card-change-popup {
	top:40%;
	max-height: 90vh; /* ビューポートの90%までに制限 */
  	overflow-y: auto;
}
.subscription-information {
	margin: 20px 0px 20px 0px;
}
.card-change-popup-modal-body {
	max-height:50%;
}
.card-change-popup-message {
	margin: 0px 5px 15px 5px;
}
.btn-card-change {
    padding-top: 10px;
}
.btn-subscription-cancel {
   	margin-top: 15px;
}
.btn-subscription-cancel .btn {
	width: 87px;
}
p.subscription-cancel-message {
	font-size: 14px;
}
.radio-card-seq {
	margin: 8px 8px 0px 8px !important;
}
.change-card-info {
	padding-left: 20px;
}
#card-change-popup-message-disable-add-card {
	font-size: 14px;
	margin: 0px 5px 5px 5px;
}
.add-card-block select {
	width: 100px;
}
#token-payment-error-message {
	display: none;
	font-size: 12px;
	color: #dc3545;
}
#form-add-card-title {
	width: 100%;
}
#form-add-card-title {
	margin: 0px 0px 5px 0px;
}
#radio-card-new {
	margin: 8px;
}
#add-card-title {
	padding-left: 15px;
}
.subscription-cancel-survey-ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
.subscription-cancel-survey-ul li label {
	font-size: 14px;
	line-height: 25px;
}
.subscription-cancel-survey-ul input[type="radio"] {
	margin-right: 8px;
}
/* サブスクカード変更の表示領域(768pxで表示を切り替え) */
@media screen and (min-width: 768px) {
	.subscription-block {
		border-radius: 4px;
		margin: 10px 10px 20px 10px;
		padding: 15px 15px 5px 15px;
		border: gray 1px solid;
		width: 400px;
	}
	.subscription-card-block {
		border-radius: 4px;
		margin: 10px auto 20px auto;
		padding: 15px 15px 5px 15px;
		border: gray 1px solid;
		width: 400px;
		display: flex;
	}
	.subscription-info {
		border-bottom: 1px dashed #ccc;
		width: 400px;
	}
	.subscription-cancel-info {
		width: 400px;
	}
	.btn-cancel, .btn-cancel-return {
		width: 200px;
		margin-bottom: 18px;
	}
	.subscription-cancel-warning {
		font-size: 14px;
		text-decoration: underline;
	}
	.subscription-cancel-ul li {
		font-size: 14px;
		line-height: 130%;
		margin-bottom: 10px;
	}
	.subscription-cancel-warning-message {
		font-size: 14px;
	}
	.subscription-cancel-survey-title {
		font-size: 14px;
		text-decoration: underline;
	}
	.subscription-block-form {
		width: 400px;
		text-align: center;
	}
	.subscription-card-info {
		display: flex;
		margin-top: 10px;
		width: 400px;
	}
	.subscription-card {
		width: 220px;
	}
	.add-card-block {
		width: 400px;
		border-radius: 4px;
		border: gray 1px solid;
		margin: 10px auto 20px auto;
		padding: 15px 15px 5px 15px;
		display: flex;
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 767px) {
	.subscription-block {
		border-radius: 4px;
		margin: 10px 10px 20px 10px;
		padding: 15px 15px 5px 15px;
		border: gray 1px solid;
	}
	.subscription-card-block {
		border-radius: 4px;
		margin: 5px 0px 10px 0px;
		padding: 10px 10px 5px 10px;
		border: gray 1px solid;
		display: flex;
	}
	.subscription-info {
		border-bottom: 1px dashed #ccc;
	}
	.subscription-cancel-info {
		border-bottom: none;
	}
	.subscription-card-info {
		display: flex;
		margin: 10px 0px 10px 0px;
	}
	.subscription-card {
		width: 200px;
	}
	.add-card-block {
		border-radius: 4px;
		border: gray 1px solid;
		margin: 10px auto 20px auto;
		padding: 15px 15px 5px 15px;
		display: flex;
		flex-wrap: wrap;
	}
	.add-card-block input {
		margin-bottom: 9px;
	}
	.add-card-block input[name="card_no"] {
		width:180px;
	}
	.add-card-block input[name="card_owner_name"] {
		width:170px;
	}
	.add-card-block input[name="security_code"] {
		width:50px;
	}
	.subscription-block-form {
		text-align: center;
	}
	.cancel-check-agree {
		margin: 0px 0px 30px 0px;
	}
}
/* 購入履歴一覧 */
div#contents {
	line-height: 150%;
}
p.acpt-history-message {
	font-size: 13px;
	color: #666;
	margin: 5px 0px 0px 5px;
}
p.acpt-history-message span.underline {
	text-decoration: underline;
}
p.acpt-history-message span.bold {
	font-weight: bold;
}
div.acpt-list-message {
	display: none;
}
/* 角丸テーブル */
.radius-table {
  border: 1px solid #ddd;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
}

.radius-table tbody th,
.radius-table tbody td {
  padding: 12px;
  border-bottom: 1px solid #ddd;
}

.radius-table tbody th {
  background-color: #ddd;
  color: #fff;
}

.radius-table tbody td {
  border-left: 1px solid #ddd;
}
.radius-table tbody tr>*:first-child {
  border-left: none;
}
.radius-table tbody tr:last-child th,
.radius-table tbody tr:last-child td {
  border-bottom: none;
}
tr.acptInfo {
	background-color: #e9ecef;
}
div.acpt div.alert-info {
	color: #009944;
	background-color: transparent;
	border: none;
	line-height: 180%;
	padding: 2px;
}	
div.acpt div.alert-error {
	background-color: transparent;
	border: none;
	line-height: 180%;
	padding: 2px;
}
/* 購入履歴一覧PC(768pxで表示を切り替え) */
@media screen and (min-width: 768px) {
	div.acpt {
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 20px 0px;
	}
	div.acpt span.acpt-label {
		font-weight: bold;
		padding-right: 6px;
	}
	div.contents {
		display: flex;
		padding: 5px 0px 5px 0px;
		font-size: 16px;
	}
	div.item {
		padding: 0px 35px 0px 0px;
		white-space: nowrap;
	}
	div.link {
		margin-left: auto;
		padding: 0px 0px 0px 0px;
	}
	table.prod-table {
		margin: 5px;
		width: 100%;
	}
	table.prod-table td, td {
		padding: 10px;
	}
	table.prod-table td.price-total, td.price-total-label {
		font-weight: bold;
	}
	table.prod-table td.prod-name {
		width: 70%;
	}
	table.prod-table td.prod-price, td.price-total, td.price-total-label {
		width: 30%;
		text-align: right;
	}
	div.irregular-msg {
		margin: 0px 0px 0px 5px;
		font-size: 13px;
		width: 95%;
	}
	div.irregular-msg div.alert {
		margin: 0;
		line-height: 150% !important;
	}
}
/* 購入履歴一覧SP(768pxで表示を切り替え) */
@media screen and (max-width: 767px) {
	div.contents {
		line-height: 150%;
		padding: 0;
	}
	div.item {
		padding: 1px 0px 1px 0px;
		white-space: nowrap;
	}
	div.acpt {
		margin: 0px 10px 25px 0px;
		padding: 0px;
	}
	div.acpt span.acpt-label {
		font-weight: bold;
		padding-right: 6px;
	}
	table.prod-table {
		margin: 5px;
		width: 100%;
	}
	div.link {
		white-space: nowrap;
	}
	table.prod-table th, td {
		padding: 10px;
	}
	table.prod-table th {
		font-weight: bold;
	}
	table.prod-table td.prod-name {
		width: 70%;
	}
	table.prod-table td.prod-price, td.price-total, td.price-total-label {
		width: 30%;
		text-align: right;
	}
	div.irregular-msg {
		margin: 0px 0px 0px 5px;
		font-size: 13px;
		width: 100%;
	}
	div.irregular-msg div.alert {
		margin: 0;
		line-height: 150% !important;
	}
}