@charset "utf-8";
body .sp-obj {
display: none;
}
body.sp-vis .pc-obj {
display: none!important;
}
body.sp-vis .sp-obj {
display: block;
}
body.sp-vis.ad .ssb-form-date.sp-obj {
display: none;
}
body.sp-vis.ad .ssb-form-date.pc-obj {
display: block;
}
body.sp-vis.ad-df .ssb-form-date.sp-obj {
display: none;
}
body.sp-vis.ad-df .ssb-form-date.pc-obj {
display: block!important;
}


html {
	height: 100%;
	line-height: 1;
	background: #ffffff;
	color: #333333;
	font-size: 62.5%;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Helvetica,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	font-size: 1rem;
	line-height: 1.4;
	overflow-y: scroll;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Helvetica,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;
}
select {
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Helvetica,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;
}
*,:after,:before {
	box-sizing: border-box
}
article,aside,details,figcaption,include,footer,header,hgroup,main,nav,section,summary {
	display:block;
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6,dl,dt,dd,p,blockquote,ul,ol,li {
	margin: 1.4em 0 .6em;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	word-wrap: break-word;
}
p {
	font-size: 1.4rem;
}
audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],template {
	display: none;
}
a:link {
	color: #024591;
	text-decoration: none;
}
a:visited {
	color: #024591;
	text-decoration: none;
}
a:active,a:hover {
	color: #268ae4;
	text-decoration: underline;
}
abbr[title] {
	border-bottom: 1px dotted;
}
i,em {
	font-style:normal;
}
b,strong,em {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 100%;
}
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
ul,ol {
	margin: 1.2em 0;
	padding: 0 0 0 2em;
}
li {
	margin: .4em 0;
}
img {
	border: 0;
}
img {
	-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
	overflow: hidden;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,kbd,pre,samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,input,optgroup,textarea {
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	font-size: 1.4rem;
	font-family: inherit;
	line-height: normal;
}
textarea,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="month"],
input[type="search"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="number"],
button {
	-webkit-appearance: none;
	border-radius: 0;
	border: 1px solid #999999;
	background-color: #ffffff;
}
textarea:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="number"]:focus,
button:focus{
	outline: none;
	border-radius: 0;
	border: 1px solid #0a385b;
	background-color: #ffffff;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea:disabled,
input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="search"]:disabled,
input[type="password"]:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled,
input[type="number"]:disabled {
	background-color: #ececec;
	cursor: not-allowed;
}
button {
overflow: visible;
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="month"],
input[type="search"],
input[type="password"],
input[type="number"] {
padding: 4px 0.4em;
line-height: 22px;
}
input[type="date"],
input[type="month"] {
height: 40px;
}
textarea {
padding: 0.2em 0.2em;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type="date"]:hover,
input[type="month"]:hover {
padding-right: 0;
background-image: none;
}
input[type="date"],
input[type="month"] {
padding-right: 32px;
background: #ffffff url(../images/date_s.png) no-repeat 100% center;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
input[type="date"],
input[type="month"],
input[type="date"]:focus,
input[type="month"]:focus,
input[type="date"]:hover,
input[type="month"]:hover {
background: #ffffff url(../images/date_l.png) no-repeat 100% center;
background-size: 39px 39px;
}
}

@-moz-document url-prefix() {
input[type="date"]:hover,
input[type="month"]:hover {
padding-right: 0;
background-image: none;
}
input[type="date"],
input[type="month"] {
padding-right: 32px;
background: #ffffff url(../images/date_s.png) no-repeat 100% center;
}
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
height: auto;
}
input[type=number] {
-moz-appearance: textfield;
}
::-webkit-input-placeholder,
:-ms-input-placeholder,
::-moz-placeholder {
color: #cccccc;
}
input::-webkit-input-placeholder { color: #cccccc; }
input:-moz-placeholder { color: #cccccc; }
input::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder { color: #cccccc; }

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
color:transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
color:transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
color:transparent;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
legend {
border: 0;
padding: 0;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,th {
padding: 0;
}
/* ★↑シングルセレクタのベース */
/************************************************************************************/
/*clearfix*/
span.ssb-clearfix {
display: inline-block;
}
.ssb-clearfix:after,
.ssb-container ul:after,
a.ssb-bd-tcontlink:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .ssb-clearfix {
zoom: 1; 
}
*:first-child+html .ssb-clearfix {
zoom: 1;
}

hr.int {
margin: 0;
border: none;
height: 8px;
}
hr.int2 {
margin: 0;
border: none;
height: 16px;
}
.ssb-tac {
text-align: center;
}
/*link系*/
.ssb-link-wrap {
margin: 12px 0;
}
.ssb-setlink-box a {
display: inline-block;
margin-left: 1em;
position: relative;
text-indent: -1em;
color: #0071bc;
}
.ssb-setlink-box a:hover {
color: #2292dd;
}
dt .link-add {
display: block;
margin-top: 16px;
text-align: right;
}
.ssb-setlink-box a:before {
content: "";
display: inline-block;
margin: -3px 2px 0 5px;
border: 4px solid transparent;
border-left-color: #024591;
vertical-align: middle;
-webkit-transform: scaleY(.6);
transform: scaleY(.6);
}
a.a-blank:after{
content: " ";
display: inline-block;
margin: 0 5px 0 3px;
width: 12px;
height: 10px;
background-image: url(../images/icon_blank.png);
background-position: 0 -20px;
background-repeat: no-repeat;
}

.ssb-bottom-link {
	padding: 8px 0 8px;
	text-align: left;
	width: fit-content;
}
a.ssb-link-b {
	position: relative; 
	color: #326691ff;
	text-decoration: none;
	line-height: 1.5;
}
a.ssb-link-b:hover {
	text-decoration: underline;
}
a.ssb-link-b span {
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 1.4rem;
}
a.ssb-link-b span:before {
	content: url(../images/icon_gray_arrow_left.svg);
	display: block;
	width: 24px;
	height: 24px
}

a.ssb-link-s {
	display: inline-block;
	margin-left: 1em;
	position: relative;
	text-indent: -1em;
	color: #326691ff;
	text-decoration: none;
	font-size: 1.4rem;
}
a.ssb-link-s:hover {
	text-decoration: underline;
}
a.ssb-link-s:before {
	content: "";
	display: inline-block;
	margin: -3px 2px 0 5px;
	border: 4px solid transparent;
	border-left-color: #024591;
	vertical-align: middle;
	-webkit-transform: scaleY(.6);
	transform: scaleY(.6);
}
@media screen and (min-width: 752px) {
	a.ssb-link-b span {
		font-size: 1.6rem;
	}
	a.ssb-link-s {
		font-size: 1.6rem;
	}
	.ssb-abroad-link a.ssb-link-s {
		font-size: 1.4rem;
	}
}

a.ssb-link-p {
	color: #0071bc;
}
a.ssb-link-p:hover {
	color: #2292dd;
}



/*btn系*/
a.ssb-btn-m1,
button.ssb-btn-m1,
a.ssb-btn-back,
button.ssb-btn-back {
	width: 100%;
	font-weight: 700;
	font-size: 1.4rem;
	padding: 8px;
	color: #ffffffff;
	border: none;
	text-align: center;
	cursor: pointer;
	border-radius: 2px;
	background-color: #003e70ff;
	margin: 0;
	text-decoration: none;
}
a:hover.ssb-btn-m1,
button:hover.ssb-btn-m1,
a:hover.ssb-btn-back,
button:hover.ssb-btn-back {
	background-color: #004c8aff;
}
button.ssb-btn-m1:disabled,
.ssb-agree-box button.ssb-btn-m1:disabled,
.ssb-agree-box button.ssb-btn-m1:disabled:hover,
.ssb-agree-box button.ssb-btn-back:disabled,
.ssb-agree-box button.ssb-btn-back:disabled:hover {
	background-color: #333333ff;
	opacity: 40%;
	cursor: default;
}
a.ssb-btn-m1 span:after,
button.ssb-btn-m1 span:after,
a.ssb-btn-back span:after,
button.ssb-btn-back span:after {
	content: url(../images/icon_white_arrow.svg);
	display: inline-block;
	margin-inline-start: 12px;
}
@media screen and (min-width: 752px) {
	a.ssb-btn-m1,
	button.ssb-btn-m1,
	a.ssb-btn-back,
	button.ssb-btn-back {
		font-size: 1.6rem;
		line-height: 1.5;
		padding: 12px 0;
	}
}

.ssb-btn-m1 small,
.ssb-btn-back small {
display: block;
font-size: 1.2rem;
font-weight: normal;
}
.ssb-btn-next .ssb-btn-m1,
.ssb-btn-next .ssb-btn-back {
min-height: 50px;
}
a.ssb-btn-sub1,button.ssb-btn-sub1,
a.ssb-btn-sub2,button.ssb-btn-sub2,
a.ssb-btn-back1,button.ssb-btn-back1,
a.ssb-btn-back2,button.ssb-btn-back2 {
display: inline-block;
border-radius: 2px;
border: 1px solid #cccccc;
box-shadow: 0px 1px 0 rgba(0,0,0,0.2);
background: #f8f8f8;
color: #333333;
font-size: 1.4rem;
text-align: center;
position: relative;
}
a.ssb-btn-sub1,button.ssb-btn-sub1,
a.ssb-btn-sub2,button.ssb-btn-sub2 {
padding: 8px 18px 8px 8px;
}
a.ssb-btn-back1,button.ssb-btn-back1,
a.ssb-btn-back2,button.ssb-btn-back2 {
padding: 8px 8px 8px 24px;
}
a:hover.ssb-btn-sub1,button:hover.ssb-btn-sub1,button:focus.ssb-btn-sub1,
a:hover.ssb-btn-sub2,button:hover.ssb-btn-sub2,button:focus.ssb-btn-sub2,
a:hover.ssb-btn-back1,button:hover.ssb-btn-back1,button:focus.ssb-btn-back1,
a:hover.ssb-btn-back2,button:hover.ssb-btn-back2,button:focus.ssb-btn-back2 {
background: #f0f0f0;
text-decoration: none;
}
a.ssb-btn-sub1,button.ssb-btn-sub1,
a.ssb-btn-back1,button.ssb-btn-back1 {
display: block;
}	
.ssb-btn-sub1:after,
.ssb-btn-sub2:after {
content: "";
position: absolute;
margin-top: -3px;
width: 8px;
height: 7px;
overflow: hidden;
top: 50%;
right: 10px;
background-image: url(../images/icon_linkbtn_s.png);
background-repeat: no-repeat;
background-position: 0 -17px;
}
.ssb-btn-back1:after,
.ssb-btn-back2:after,
.ssb-btn-back:after {
content: "";
position: absolute;
margin-top: -3px;
width: 8px;
height: 7px;
overflow: hidden;
top: 50%;
left: 10px;
background-image: url(../images/icon_linkbtn_b.png);
background-repeat: no-repeat;
background-position: 0 -17px;
}
.ssb-btn-back:after {
background-image: url(../images/icon_linkbtn_bw.png);
}
a.ssb-btn-sub1.disabled,button.ssb-btn-sub1.disabled,
a.ssb-btn-sub2.disabled,button.ssb-btn-sub2.disabled,
a.ssb-btn-back1.disabled,button.ssb-btn-back1.disabled,
a.ssb-btn-back2.disabled,button.ssb-btn-back2.disabled,
a:hover.ssb-btn-sub1.disabled,button:hover.ssb-btn-sub1.disabled,
a:hover.ssb-btn-sub2.disabled,button:hover.ssb-btn-sub2.disabled,
a:hover.ssb-btn-back1.disabled,button:hover.ssb-btn-back1.disabled,
a:hover.ssb-btn-back2.disabled,button:hover.ssb-btn-back2.disabled,
a:focus.ssb-btn-sub1.disabled,button:focus.ssb-btn-sub1.disabled,
a:focus.ssb-btn-sub2.disabled,button:focus.ssb-btn-sub2.disabled,
a:focus.ssb-btn-back1.disabled,button:focus.ssb-btn-back1.disabled,
a:focus.ssb-btn-back2.disabled,button:focus.ssb-btn-back2.disabled {
opacity: 0.6;
filter: alpha(opacity=60);
cursor: not-allowed;
background: #f8f8f8;
}

button.ssb-btn-overlaysubmit {
    background-color: #003e70ff;
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.65;
	font-weight: 700;
	color: #ffffffff;
	border: none;
	text-align: center;
	cursor: pointer;
	border-radius: 2px;
	padding: 12px 0;
	margin-top: 8px;
}
button.ssb-btn-overlaysubmit:hover {
    background-color: #004c8aff;
}
button.close-btn3 {
	font-size: 1.4rem;
	line-height: 1.65;
	padding: 0;
	width: fit-content;
	font-weight: 400;
	border: none;
	text-align: center;
	cursor: pointer;
	margin: auto;
}
/************************************************************************************/
/*
.ssb-headwrap,
.ssb-footwrap,
.ssb-mainwrap {
min-width: 910px;
}
*/
.wrap-all {
	width: 100%;
	display: flex;
	flex-direction: column;
	min-height: 100lvh;
}
.ssb-mainwrap {
	width: auto;
	background-color: #f9f9f9;
	flex: 1;
}
.ssb-container,
.ssb-foot-cont {
	margin: auto;
	width: 100%;
	padding-left: 16px;
	padding-right: 16px;
}
.ssb-container,
.ssb-foot-cont {
	max-width: 512px;
	padding-top: 24px;
	padding-bottom: 0px;
}
@media screen and (min-width: 752px) {
	.ssb-container,
	.ssb-foot-cont {
		padding-left: 32px;
		padding-right: 32px;
		max-width: 1024px;
	}
}


/****************************************/
/* ★↓ヘッダーフッターメニュー */
/*header*/
/****************************************/
.ssb-headwrap {
	padding: 14px 16px;
	background-color: #ffffff;
	border-bottom: 1px solid #e8e8e8ff;
	aling-items: center;
	justify-content: center;
	display: flex;
}
.ssb-header {
    padding: 0;
    display: flex;
    width: 100%;
    align-items: center;
    position: relative
}
.ssb-header-logo {
	padding: 0;
	margin: 0;
}
.ssb-header-logo img {
	height: 20px;
	width: 155px;
}
.ssb-header-info {
    position: absolute;
    right: 0
}
.ssb-header-info a {
    font-size: 1.4rem;
    line-height: 1.65px;
    color: #326691ff;
    align-items: center;
    display: inline-flex;
    text-decoration: none;
}
.ssb-header-info a:hover {
	text-decoration: underline;
}
.ssb-header-helpwrap {
    display: flex;
    align-items: center;
}
.ssb-header-help-icon {
    width: 20px;
    height: 20px;
    background-image: url(../images/help.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    margin-inline-end: 4px;
}
@media screen and (min-width: 752px) {
	.ssb-headwrap {
		padding: 20px 32px;
	}
	.ssb-header {
		max-width: 960px;
		justify-content: center;
	}
	.ssb-header-logo img {
		height: 32px;
		width: 248px;
	}
}
.ssb-header .ssb-head-user {
margin-top:15px;
}

/****************************************/
/*footer*/
/****************************************/
.ssb-footwrap {
	padding-top: 30px;
	background-color: #f9f9f9;
}
.ssb-footwrap ul,
.ssb-footwrap li,
.ssb-footwrap p {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ssb-foot-cont {
	position: relative;
}
.ssb-foot-cont .pagetop {
	margin: 0 0 20px auto;
	width: 150px;
}
.ssb-foot-cont .pagetop a {
	display: block;
	line-height: 28px;
	font-size: 1.2rem;
	text-align: right;
	color: #326691ff;
}
.ssb-foot-cont .pagetop a:hover {
	color: #326691ff;
}
.l-copyright {
	background-color: #003e70ff;
	line-height: 1;
}
.l-copyright_body {
	margin: auto;
	padding: 20px 0;
	text-align: center;
	font-size: 0;
}
.l-copyright_logo {
	margin-right: 12px;
	vertical-align: middle;
}
.l-copyright_logo img {
	vertical-align: middle;
	width:57px;
}
.l-copyright_text {
	color: #fff;
	margin: 0;
	font-size: 12px;
	vertical-align: middle;
}

/************************************************************************************/
.ssb-top-cont {
	display: flex;
    flex-direction: column;
    row-gap: 24px;
    margin-bottom: 48px;
}
.ssb-indicator {
	display: flex;
	column-gap: 16px;
	align-items: stretch;
	flex-shrink: 0;
	flex-wrap: nowrap;
}
.ssb-indicator span {
	min-height: 24px;
	color: #003e70ff;
	font-size: 12px;
	line-height: 1.65;
	padding: 2px 8px;
	border: 1px solid #003e70ff;
	position: relative;
	text-align: center;
	background-color: #ffffffff;
}
.ssb-indicator span:not(:first-child):before {
	content: url(../images/icon_darkBlue_arrow.svg);
	display: block;
	position: absolute;
	left: -11px;
}
.ssb-indicator span.current {
	background-color: #003e70ff;
	color: #ffffffff;
	font-weight: 700;
}
.ssb-top-title {
	display: flex;
	color: #333333ff;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	align-items: center;
	margin: 0;
}
.ssb-top-title:before {
	content: "";
	display: block;
	background-color: #003e70ff;
	width: 4px;
	height: 27px;
	margin-right: 12px;
}
@media screen and (min-width: 752px) {
	.ssb-top-cont {
		flex-direction: row-reverse;
		column-gap: 16px;
		justify-content: space-between;
		margin-bottom: 56px;
	}
	.ssb-indicator span {
		height:31px;
		font-size: 14px;
		line-height: 1.65;
		padding: 4px 12px;
	}
	.ssb-top-title {
		font-size: 22px;
		line-height: 22px;
	}
	.ssb-top-title:before {
		height: 32px;
		margin-right: 16px;
	}
}

/*contents*title1*/
/****************************************/
.ssb-kchead-att {
margin: 20px 0px 20px;
}
.ssb-kchead-att span {
display: inline-block;
margin-right: 16px;
padding: 3px 16px;
background-color: #fcf0f0;
color: #d75655;
font-size: 1.2rem;
}

/****************************************/
/* .ssb-form-wrap内モジュールBOX */
/****************************************/
.ssb-form-in,
.ssb-conf-in,
.ssb-fin-in {
	margin: 0 0 32px 0;
}
.ssb-conf-in {
	margin: 0;
	border: 1px solid #dadadaff;
}
.ssb-fin-in {
margin: 32px auto;
}
.ssb-form-2way .ssb-title2 {
margin:0 0 24px;
padding: 8px 4px 8px;
border-top: 2px solid #0a385b;
border-bottom: 1px dotted #d6d6d6;
font-size: 1.6rem;
font-weight: 400;
}
.ssb-conf-in .ssb-title2 {
	background-color: #dadadaff;
	font-weight: 700;
	margin: 0;
	padding: 8px;
	text-align: left;
	border-top: 1px solid #dadadaff;
	font-size: 1.4rem;
	line-height: 1.65;
}
@media screen and (min-width: 752px) {
	.ssb-conf-in .ssb-title2 {
		padding: 8px 16px;
		font-size: 1.6rem;
		line-height: 1.5;
	}
}
.ssb-form-in .ssb-title2 {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 700;
	padding-bottom: 8px;
	border-bottom: 1px solid #c8c8c8ff;
	margin-bottom: 16px;
}

.ssb-form-ttset3 {
position: relative;
}
.ssb-form-ttset3 .ssb-nikkeiid-logo {
position: absolute;
bottom: 4px;
right: 4px;
width: 100px;
}
.ssb-form-ttset3 h3 {
margin-bottom: 6px;
padding-left: 8px;
border-left: 4px solid #d6d6d6;
font-size: 1.6rem
}
.ssb-form-ttset3 p {
margin: 0 0 0.6em 0.8em;
font-size: 1.4rem
}

.ssb-select-item {
	border: 1px solid #dadadaff;
	width: 100%;
	background-color: #ffffffff;
	color: #000000ff;
	padding: 16px;;
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	margin: 0 0 48px 0;
}
.ssb-select-item li {
	list-style: none;
}
.ssb-select-item-title {
	font-size: 14px;
	line-height: 0.5;
}
.ssb-select-item-product {
	font-size: 16px;
	line-height: 0.5;
	font-weight: 700;
	color: #333333ff;
}

@media screen and (min-width: 752px) {
	.ssb-select-item {
		margin: 0 0 56px 0;
	}
	.ssb-select-item-title {
		font-size: 16px;
		line-height: 0.5;
	}
	.ssb-select-item-product {
		font-size: 18px;
		line-height: 0.5;
	}
}

.ssb-select-item dl {
display: table;
margin: 0;
margin-top: -1px;
width: 100%;
box-sizing: border-box;
font-size: 1.4rem;
}
.ssb-select-item dl dt {
margin: 0;
padding: 5px 48px 5px 0;
box-sizing: border-box;
border: none;
background: none;
text-align: right;
vertical-align: middle;
}
.ssb-select-item dl dd {
display: table-cell;
margin: 0;
padding: 16px 0;
width: 72%;
box-sizing: border-box;
font-size: 1.6rem;
}
.ssb-select-item dl dd em {
font-size: 1.6rem;
}
.ssb-select-item span {
margin-left: 4px;
font-weight: bold;
}


.ssb-form-in .col2-pin {
margin: 16px 0;
font-size: 1.2rem;
}
.ssb-form-in .col2-pin ul {
margin: 0;
padding: 0;
list-style: none;
}
.ssb-form-in .col2-pin ul li {
display: inline-block;
margin-right: 16px;
}
.ssb-form-in .hidden {
display: none;
}

.ssb-next-box .ssb-btn-m1,
.ssb-next-box button.ssb-btn-m1 {
display: block;
padding: 15px 20px 15px 5px;
font-size: 1.6rem;
}
.ssb-next-box a.ssb-btn-back1,
.ssb-next-box button.ssb-btn-back1,
.ssb-next-box a.ssb-btn-sub1,
.ssb-next-box button.ssb-btn-sub1 {
margin: 0 auto;
padding: 14px 24px 14px 5px;
font-size: 1.6rem;
}
.ssb-next-box a.ssb-btn-back1,
.ssb-next-box button.ssb-btn-back1 {
padding: 14px 5px 14px 24px;
}

.ssb-next-box p {
text-align: left;
}
/* .ssb-form-wrap内*dl.ssb-insetレイアウト*/
/****************************************/
dl.ssb-inset {
	display: table;
	margin: 0;
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.65;
	border-spacing: 0;
}
dl.ssb-inset > dt {
	display: table-cell;
	margin: 0;
	padding: 8px;
	background-color: #f1f1f1ff;
	text-align: left;
	border-top: 1px solid #dadadaff;
	width: 35%;
	vertical-align: middle;
	border-spacing: 0;
}
dl.ssb-inset > dt em {
	font-weight: 400;
}
dl.ssb-inset > dd {
	display: table-cell;
	margin: 0;
	padding: 8px;
	text-align: left;
	border-top: 1px solid #dadadaff;
	background-color: #ffffffff;
	vertical-align: middle;
	word-break: break-all;
}
@media screen and (min-width: 752px) {
	dl.ssb-inset > dt {
		padding: 16px;
	}
	dl.ssb-inset > dd {
		padding: 16px;
	}
}
dl.ssb-inset > dd div dl {
display: table;
margin: 0;
width: 100%;
border: none!important;
}
dl.ssb-inset > dd div dt {
padding: 8px 4px 8px 8px;
width: 30%;
box-sizing: border-box;
background-color: transparent;
}
dl.ssb-inset > dd div dd {
padding: 8px 4px 8px 8px;
width: 70%;
box-sizing: border-box;
border-left: none;
}
dl.ssb-inset:after,
dl.ssb-inset dt:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

dl.ssb-inset > dd div.enq-other-tb dl {
margin: 0 auto 0 0;
width: auto;
}
dl.ssb-inset > dd div.enq-other-tb dt {
width: auto;
}
dl.ssb-inset > dd div.enq-other-tb dd {
width: auto;
}
.enq-other .enq-other-tb > p {
margin-bottom: 8px;
font-weight: bold;
}

/* dl内レイアウト 
/****************************************/
/* dt>em */
.ssb-form-in dl.ssb-inset > dt em small {
font-size: 1.4rem;
font-weight: 400;
}
dl.ssb-inset > dt b {
width: 100%;
display: inline-block;
vertical-align: middle;
font-weight: bold;
}
dl.ssb-inset > dt em .price,
dl.ssb-inset > dt b .price {
padding-left: 0.5em;
}
/* dt：必須-任意 */
dl.ssb-inset > dt span.required,
dl.ssb-inset > dt span.any {
float: right;
display: inline-block;
width: 2.8em;
padding: 3px 0 1px;
line-height: 16px;
vertical-align: middle;
text-align: center;
color: #fff;
font-size: 1.2rem;
}
dl.ssb-inset > dt span.required {
background-color: #ee8c00;
}
dl.ssb-inset > dt span.any {
background-color: #999999;
}
/* dt>small.inp-attx */
dl.ssb-inset > dt em small.inp-attx,
dl.ssb-inset > dt small.inp-attx {
font-size: 1.2rem;
font-weight: 100;
}

dl.ssb-inset > dd p {
margin: 0.4em 0 0;
}
fieldset.ssb-form-radio ul li > p,
fieldset.ssb-form-check ul li > p {
margin-left: 30px;
}
dl.ssb-inset > dd p.form-view {
margin: 0 0 8px 0;
}
dl.ssb-inset > dd p.form-view .lbcol-f .ct {
padding-left: 8px;
font-weight: bold;
}
.ssb-form-in p.tt {
margin: 0.3em 0 0.6em 0;
}
dl.ssb-inset > dd label {
display: block;
padding: 6px 0;
vertical-align: middle;
}
dl.ssb-inset > dd label p {
margin: 0 0;
}

/* .ssb-atttx-in*注意書き */

p.ssb-atttx-in,
ul.ssb-atttx-in,
ul.ssb-atttx-in li {
margin: 0;
padding: 0;
list-style: none;
font-size: 1.2rem;
line-height: 1.5;
}
p.ssb-atttx-in {
margin: 0.3em  0.1em;
}
p.ssb-atttx-in.cancel {
color:#d75655;
font-size: 1.4rem;
}
ul.ssb-atttx-in li {
position: relative;
margin: 0.3em 0.1em;
padding-left: 1.6em;
text-align: left;
}
ul.ssb-atttx-in li span.no {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 1.6em;
}
dl.ssb-inset > dd .inp-attx {
margin: 0.5em 0 0 0;
font-size: 1.2rem;
font-weight: 100;
}
dl.ssb-inset > dd p.int-b {
margin-bottom: 8px;
}
.ssd-form-attbox {
margin-bottom: 8px;
}
.ssb-atttx-link {
margin: 0;
font-size: 1.4rem;
}

dl.form-view {
background-color: #ffffff;
}
dl.form-view .card-num {
font-size: 18px;
font-weight: bold;
}
dl.ssb-inset > dd .ssb-ddslist {
margin: 0;
padding: 0;
list-style: none;
font-size: 1.4rem;
}
dl.ssb-inset > dd .ssb-ddslist li {
margin: 6px 0;
padding: 0;
}
dl.ssb-inset > dd .ssb-ddsp {
margin: 0;
padding: 6px 0;
}
dl.ssb-inset > dd .ssb-ddslist + .ssb-atttx-in {
margin: 12px 0 0 0;
font-size: 1.2rem;
}




/*form項目 ラジオ＆チェック*/
/****************************************/
.ssb-form-radio ul,
.ssb-form-check ul {
margin: 0;
padding: 0;
list-style: none;
}
.ssb-form-radio li,
.ssb-form-check li {
margin: 0;
padding: 0;
}
.ssb-form-radio li,
.ssb-form-check li {
float: left;
display: block;
}

.ssb-form-radio li label,
.ssb-form-check li label,
.ssb-agree label,
.ssb-infomail label {
display: block;
margin: 0;
padding: 6px 0;
position: relative;
cursor: pointer;
}

.ssb-agree label {
display: inline-block;
margin: 0.4em 0 0 0;
}

.ssb-form-radio li b,
.ssb-form-check li b {
display: table-cell;
min-height: 22px;
vertical-align: top;
font-style: normal;
font-weight: 400;
}
.ssb-form-radio li b small,
.ssb-form-check li b small {
font-size: 1.2rem;
}
.ssb-form-radio ul.col3f li,
.ssb-form-check ul.col3f li {
padding-right: 1.2em;
}
.ssb-form-radio ul.col2f li,
.ssb-form-check ul.col2f li {
padding-right: 1.2em;
}
.ssb-form-radio ul.col2 li,
.ssb-form-check ul.col2 li {
width: 32.5%;
padding-left: 1%;
}
.ssb-form-radio ul.col2 li:nth-child(3n+1),
.ssb-form-check ul.col2 li:nth-child(3n+1) {
padding-left: 0;
}
.ssb-form-radio ul.col1f li,
.ssb-form-check ul.col1f li {
padding-right: 1.2em;
}
.ssb-form-radio ul.col1 li,
.ssb-form-check ul.col1 li {
float: none;
width: 100%;
}

/* form項目dd内 入れ子レイアウト**/
/****************************************/
.ssb-form-in dd .lbcol {
width: 100%;
display: table;
}
.ssb-form-in dd .lbcol-f {
display: table;
width: auto;
}

.ssb-form-in dd label span.lb,
.ssb-form-in dd label span.lb2,
.ssb-form-in dd label span.lb6 {
display: table-cell;
padding-right: 0.5em;
width: 4.5em;
vertical-align: middle;
text-align: right;
line-height: 1.2;
}

.ssb-form-in dd label span.lb2 {
width: 2.5em;
}
.ssb-form-in dd label span.lb6 {
width: 8em;
}
.ssb-form-in dd label span.ct,
.ssb-form-in dd label span.ut,
.ssb-form-in dd label span.ut2,
.ssb-form-in dd label span.ut3  {
display: table-cell;
vertical-align: middle;
}
.ssb-form-in dd label span.ut {
padding: 0 2.5em 0 0.5em;
white-space: nowrap;
}
.ssb-form-in dd label span.ut2,
.ssb-form-in dd label span.ut3 {
padding: 0 0 0 0.5em;
}
.ssb-form-in dd .lbcol span i,
.ssb-form-in dd .lbcol-f span i{
display: inline-block;
font-size: 1.2rem;
font-style: normal;
}
.ssb-form-in dd .post-add span i {
font-size: 1.4rem;
}

.ssb-form-in dd .ssb-form-add .post-dummy {
display: table;
width: 93%;
margin: 0;
padding: 6px 0;
vertical-align: middle;
position: relative;
}
.ssb-form-in dd .ssb-form-add .post-dummy span.lb {
display: table-cell;
padding-right: 0.5em;
width: 4.5em;
vertical-align: middle;
text-align: right;
line-height: 1.2;
}
.ssb-form-in dd .ssb-form-add .post-dummy span.ct {
display: table-cell;
vertical-align: middle;
}
.ssb-form-add .post-dummy input:focus {
outline: none;
border-color: #999999;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
.ssb-form-add label.lbcol {
    width: 93%;
}
.ssb-form-add input {
    width: 100%;
}

/* 日付 */
.ssb-form-in dd .ssb-form-date label {
display: inline-block;
}
/* 姓名 */
.ssb-form-name label.lbcol {
display: block;
float: left;
width: auto;
}
.ssb-form-name label.lbcol+label.lbcol>span.lb {
width: 2.5em;
}
.ssb-form-name label.lbcol input[type="text"] {
width: 194px;
}

.ssb-input-name {
display: block;
padding-right: 8px;
float: left;
}

/* 郵便番号 */
.ssb-form-name +.ssb-form-zip {
}
.ssb-form-zip label.lbcol-f {
float: left;
}
.ssb-form-zip input[type="tel"] {
width: 160px;
}

div.ssb-post-link {
	display: flex;
	flex-direction: row;
	font-size: 1.4rem;
	line-height: 1.65;
	align-items: center;
	margin: 0;
	padding: 0;
}
div.ssb-post-link .ssb-btn-post {
	margin-right: 10px;
}
div.ssb-post-link a.ssb-link-i {
	color: #326691ff;
	text-decoration: none;
}
div.ssb-post-link a.ssb-link-i:hover {
	color: #326691ff;
	text-decoration: underline;
}
/* 郵便番号から探す */
.ssb-form-search select {
min-width: 100%;
}
.ssb-form-search label.lbcol {
width: 100%;
}
/* 住所 */
.ssb-form-add input {
width: 100%;
}
.ssb-form-add select {
min-width: 100%;
}
.ssb-form-add label.lbcol {
width: 93%;
}
.ssb-form-add .post-dummy input[type="text"] {
background: #ececec;
color: #999;
}
.ssb-form-country select {
min-width: 300px;
}
/* 電話番号 */
.ssb-form-tel input {
width: 100%;
}
.ssb-form-tel label {
width: 93%;
}
.ssb-form-add + .ssb-form-tel {
padding: 5px 0;
}
.ssb-form-tel label.lbcol-f {
float: left;
width: 450px;
}
.ssb-form-tel label.lbcol-f + span.inp-attx {
display: inline-block;
margin: 1.3em 0 0 0.3em; 
}
.ssb-form-tel label.lbcol-f span.ct input {
margin-right: 0.5em;
width: 100%;
}
.ssb-form-tel .input-tel {
display: inline-block;
width: auto;
}
.ssb-form-tel3 {
width: 93%
}
.ssb-form-tel3 label.input-tela {
display: table-cell;
width: 40%;
}
.ssb-form-tel3 label.input-telb,
.ssb-form-tel3 label.input-telc {
display: table-cell;
width: 30%;
text-align: center;
}
.ssb-form-tel3.tel-ctcol {
width: 75%;
}
.ssb-form-tel3.tel-ctcol label.input-tela {
width: 30%;
}
.ssb-form-tel3.tel-ctcol label.input-telb,
.ssb-form-tel3.tel-ctcol label.input-telc {
width: 35%;
}
.ssb-form-tel3.tel-ctcol label.input-tela .ct {
display: block!important;
}
.ssb-form-tel3 label.input-telb .ct,
.ssb-form-tel3 label.input-telc .ct {
display: inline-block!important;
padding-left: 1em;
}
.ssb-form-tel3 label.input-telb:before,
.ssb-form-tel3 label.input-telc:before {
content: "-";
position: absolute;
width: 1em;
height: 1em;
margin: auto;
top: 8px;
left: 0;
}
.ssb-form-tel3 label .ct input {
width: 100%;
}
.ssb-form-tel3 + .ssb-form-check {
margin: 6px 0 0 0;
}
/* お勤め先情報 */

.ssb-form-corp label.lbcol {
width: 93%;
}
.ssb-form-corp input {
width: 100%;
}
.ssb-form-corp select {
min-width: 200px;
}
/* メールアドレス */
.ssb-form-mail input {
width: 100%;
}
.ssb-form-mail label {
width: 93%;
}
/* パスワード */
.ssb-form-pw input {
width: 100%;
}
.ssb-form-pw label {
width: 93%;
}

/* アンケートフリー入力 */
.ssb-form-text1 input {
width: 450px;
}
.enq-other-tb .ssb-form-text2 label {
margin-left: 8px;
}
.ssb-form-text2 input {
width: 100%;
}
/* セレクトボックス */
.ssb-form-select .select-num select,
.ssb-form-date select {
margin: 0 0.5em 0 0.5em;
min-width: 120px;
}
.ssb-form-select .select-date select {
min-width: 245px;
}
.ssb-form-select select:first-child,
.ssb-form-date select:first-child {
margin-left: 0;
}
.ssb-form-select select {
min-width: 93%;
}
.ssb-form-select span.ct select {
width: 100%;
}
.ssb-form-date .select-year,
.ssb-form-date .select-month {
padding: 4px 8px 4px 0;
}
.ssb-form-date .select-month select,
.ssb-form-date .select-day select {
width: 80px;
min-width: 80px;
}

/* テキストエリア */
.ssb-form-textarea textarea {
width: 84%;
height: 110px;
}
.ssb-form-group input {
width: 100%;
}

/* アンケート用 */
.ssb-form-questarea textarea {
width: 84%;
height: 110px;
}
.ssb-form-questx input {
width: 100%;
}


/* フォームinput内クリアボタン*clear-btn*/
/*******************************************************/
dd label{
position: relative;
}
input::-ms-clear{
visibility:hidden;
}
i.clear-btn {
display: block !important;
width: 36px;
height: 36px;
position: absolute;
top: 4px;
right: 0px;
background: url(../images/clear_btn.png) no-repeat center;
background-size:18px;
cursor: pointer;
}
.ssb-form-add .post-dummy .clear-btn {
display: none!important;
}


/****************************************/
/* エラーメッセージ*.ssb-error-topbox */
/****************************************/
.ssb-error-topbox {
margin: 0 auto 24px;
max-width: 620px;
background-color: #ffffff;
border: 2px solid #d75655;
}
.ssb-error-topbox .error-tt {
margin: 0;
padding: .2em 1em;
background-color: #d75655;
color: #ffffff;
font-size: 1.4rem;
font-weight: normal;
text-align: center;
}
.ssb-error-topbox .error-tt em {
margin: 0 .1em;
font-size: 2.2rem;
font-weight: bold;
}
.ssb-error-topbox .error-tt b {
margin: 0 .1em;
font-size: 1.6rem;
font-weight: bold;
}
.ssb-error-topbox .error-tx {
margin: 16px 16px;
padding: 0;
line-height: 1.5;
color: #d75655;
}
.ssb-error-topbox .error-tx em {
font-weight: bold;
}
.ssb-error-topbox ul {
margin: 16px 16px;
padding: 0;
list-style: none;
}
.ssb-error-topbox ul li {
color: #d75655;
font-size: 1.4rem;
text-indent: -1em;
margin-left: 1.2em;
}
.ssb-error-topbox ul li:before {
content: "";
display: inline-block;
margin-right: 5px;
width: 12px;
height: 12px;
overflow: hidden;
background-image: url(../images/icon_error.png);
background-repeat: no-repeat;
background-position: 0 -28px;
}
.ssb-error-topbox p.ssb-atttx-in {
margin: -8px 0 16px 16px;
}
/* フォームエラー系form-error*/
/****************************************/
label.ok textarea,
label.ok select,
label.ok input[type="text"],
label.ok input[type="tel"],
label.ok input[type="email"],
label.ok input[type="date"],
label.ok input[type="month"],
label.ok input[type="search"],
label.ok input[type="password"],
label.ok input[type="number"] {
border-color: #999999;
background-color: #f0f8fc;
}
label.again input[type="password"] {
border-color: #40B030;
background-color: #E9F6E9;
}
label.error textarea,
label.error select,
label.error input[type="text"],
label.error input[type="tel"],
label.error input[type="email"],
label.error input[type="date"],
label.error input[type="month"],
label.error input[type="search"],
label.error input[type="password"],
label.error input[type="number"] {
border-color: #d75655;
background-color: #fcf0f0;
}
label.error textarea:focus,
label.error select:focus,
label.error input[type="text"]:focus,
label.error input[type="tel"]:focus,
label.error input[type="email"]:focus,
label.error input[type="date"]:focus,
label.error input[type="month"]:focus,
label.error input[type="search"]:focus,
label.error input[type="password"]:focus,
label.error input[type="number"]:focus {
border-color: #0a385b;
}
.post-add.error i {
color: #d75655;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
label.error select {
background-image: url(../images/select_error_s.png) ;
}
label.error input[type="date"],
label.error input[type="month"] {
background-image: url(../images/date_error_s.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
label.error select {
background-image: url(../images/select_error_l.png) ;
}
label.error input[type="date"],
label.error input[type="month"] {
background-image: url(../images/date_error_l.png);
}
}
@-moz-document url-prefix() {
label.error select {
background-image: url(../images/select_error_s.png) ;
}
label.error input[type="date"],
label.error input[type="month"] {
background-image: url(../images/date_error_s.png);
}
}
body.ad-df label.error select {
background-image: url(../images/select_error_s.png) ;
}

div.error-ongo {
clear: both;
display: none;
padding-bottom: 6px;
}
div.error-after {
clear: both;
display: none;
padding-top: 6px;
}
div.error-ongo p,
div.error-after p,
fieldset li.error-point p.error-ongo,
fieldset li.error-point p.error-after {
position: relative;
display: inline-block;
margin: 0!important;
padding: 4px 0.6em;
background: #d75655;
color: #ffffff;
font-weight: bold;
}
div.error-ongo p {
margin-top: 7px;
}
div.error-after p {
margin-bottom: 7px;
}
div.error-after.error-pw2 p {
background: #40b030;
}
div.error-ongo p i,
div.error-after p i {
display: block;
position: absolute;
border: 5px solid transparent;
-webkit-transform: scaleX(.6);
transform: scaleX(.6);
}
div.error-ongo p i {
top: -10px;
left: 12px;
border-bottom-color: #d75655;
}
div.error-after p i {
top: auto;
bottom: -10px;
border-top-color: #d75655;
}
div.error-after.error-pw2 p i {
border-top-color: #40b030;
}

.set-credit .error-point .error-attx {
display: inline-block;
margin: 0.2em 0 0.2em 1em;
text-indent: -1em;
font-size: 1.4rem;
color: #d75655;
}
.set-credit .error-point .error-attx i {
content: "";
display: inline-block;
margin-right: .2em;
width: 12px;
height: 12px;
overflow: hidden;
background-image: url(../images/icon_error.png);
background-repeat: no-repeat;
background-position: 0 -28px;
}

/****************************************/
/* キャンペーンに関する情報の入力 */
.fcont-campaign .ssb-form-name label {
width: 65%;
}
.fcont-campaign .ssb-form-name label input {
width: 100%;
}

/****************************************/
/* .ssb-form-wrap内 実行ボタンエリア*/
/****************************************/
/* ▼利用規約タイトル▼ */

.fcont-agree h2 {
display: none;
}
/* ▲利用規約タイトル▲ */

.ssb-bottom-wrap {
margin-bottom: 40px;
}
.ssb-bottom-box {
padding: 0px 0;
font-size: 1.4rem;
text-align: center;
}
.ssb-conf-top .ssb-bottom-box {
padding: 8px 0;
}
.ssb-bottom-box.ssb-agree-box {
padding: 24px 0;
background-color: #FFF6EB; 
}
.ssb-bottom-box p {
margin: 0.3em 0;
}
.ssb-bottom-box p.ssb-agree {
margin: 0 0 0.3em;
}
.ssb-bottom-wrap .ssb-terms-tx {
margin: 0 auto 0;
width: 480px;
text-align: left;
line-height: 1.5;
}
p.ssb-terms-ssl {
position: relative;
display:inline-block;
margin: 0;
padding-left: 16px;
font-size: 1.2rem;
}
p.ssb-terms-ssl i {
display: inline-block;
position: absolute;
margin: 0 4px 0 0;
width: 12px;
height: 13px;
background: url(../images/icon_key.png) no-repeat left bottom;
top: 2px;
left: 0px;
}
.ssb-bottom-box label.ssb-btn-next,
.ssb-bottom-box label.ssb-btn-back {
	display: block;
	width: 100%;
	margin: 8px auto;
}
@media screen and (min-width: 752px) {
	.ssb-bottom-box label.ssb-btn-next,
	.ssb-bottom-box label.ssb-btn-back {
		width: 320px;
	}
}

.ssb-bottom-wrap label.ssb-btn-next,
.ssb-bottom-wrap label.ssb-btn-back {
margin: 8px auto;
}
.ssb-bottom-wrap label.ssb-btn-next + label.ssb-btn-back {
margin: 16px auto 8px auto;
}

.ssb-bottom-box button.ssb-btn-m1 small {
font-size: 1.4rem;
}
.ssb-bottom-wrap .ssb-atttx-in {
margin: 0 auto 12px;
text-align: center;
}
.ssb-bottom-wrap .ssb-atttx-in.ssb-tac {
text-align: center;
}
.ssb-bottom-wrap .ssb-atttx-in + .ssb-atttx-in {
margin-top: 0.8em;
}
.ssb-link-pw {
padding: 16px 0 8px;
font-size: 1.4rem;
text-align: center;
}

.ssb-conf-top.ssb-conf-act {
margin: 32px 0 8px; /* @1611 */
}
/****************************************/
/* form項目「合計金額」レイアウト**/
/* .ssb-conf-goods 申込商品確認*/
/****************************************/
.ssb-form-in.fcont-total {
position: relative;
}
.ssb-conf-goods.ssb-calbox {
margin: 0 0 16px 0;
padding: 16px 100px;
border : 2px solid #ee8c00;
}
.ssb-form-in.fcont-total p.ssb-calbox-op {
position: absolute;
margin: 0;
right: 0;
top: 13px;
font-size: 1.2rem;
}
.ssb-conf-goods ul.ssb-imgic li.sum {
color: #F25F25;
}
.ssb-calbox {
margin: 0 auto 8px;
padding: 16px 100px;
border:1px solid #0a385b;
background-color: #ffffff;
}
.ssb-calbox .ssb-calbox-tt {
margin: 0;
padding: 8px 0;
font-size: 1.4rem;
overflow: hidden;
}
.ssb-conf-goods ul.ssb-imgic+.ssb-calbox-tt {
padding-top: 24px;
border-top: 1px dotted #999;
}
.ssb-calbox .ssb-calbox-tt span {
font-size: 1.2rem;
}
.ssb-calbox ul.ssb-imgic {
margin: 0;
padding: 0;
list-style:none;
}
.ssb-calbox ul.ssb-imgic li {
display: table;
width: 100%;
margin: 0;
padding: 8px 0;
border-top: 1px solid #ececec;
font-size: 1.6rem;
}
.ssb-calbox ul.ssb-imgic li:first-child {
border-top: none;
}
.ssb-calbox ul.ssb-imgic li.sum {
border-top: 1px dotted #999;
font-weight: bold;
font-size: 1.8rem;
}
.ssb-calbox ul.ssb-imgic li > b {
display: table-cell;
box-sizing: border-box;
margin: 0;
padding: 10px 16px 10px 40px;
width: 56%;
background-color: transparent;
font-weight: normal;
background-position: 0 center;
}
.ssb-calbox ul.ssb-imgic li > b .copy {
margin-left: 8px;
}
.ssb-calbox ul.ssb-imgic li.sum b {
font-weight: bold;
}
.ssb-calbox ul.ssb-imgic li > b small,
.ssb-calbox ul.ssb-imgic li .pricebox small {
font-size: 1.2rem;
}
.ssb-calbox ul.ssb-imgic li > b small {
margin-left: 8px;
}
.ssb-calbox ul.ssb-imgic li .pricebox,
.ssb-calbox ul.ssb-imgic li .ssb-dscancel-st {
display: table-cell;
box-sizing: border-box;
margin: 0;
width: 40%;
padding: 10px 16px;
text-align: right;
}
.ssb-calbox ul.ssb-imgic li .pricebox small {
display: block;
font-size: 1.2rem;
}
.ssb-calbox ul.ssb-imgic li .pricebox br {
display: none;
}
.ssb-calbox ul.ssb-imgic li.sum dd {
}
.ssb-calbox ul.ssb-imgic li > b:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
dl.ssb-imgic > dt b {
width: 165px;
padding-left: 42px;
position: relative;
min-height: 40px;
}
.ssb-imgic b {
background-size: 32px;
background-repeat: no-repeat;
background-position: 0 0;
} 
.ssb-imgic b.imgic-sendnp {
background-image: url(../images/imgic_sendnp.png);
}
.ssb-imgic b.imgic-ssbiz {
background-image: url(../images/imgic_ssbiz.png);
}
.ssb-imgic b.imgic-mj {
background-image: url(../images/imgic_mj.png);
}
.ssb-att-tt {
margin: 0 0 8px 0;
font-weight: bold;
}

/* @1611-----ここまで------------------ */


/* 修正するボタン*ssb-conf-backs*/
/****************************************/
div.ssb-conf-backs {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-top: 20px;
}
div.ssb-conf-backs div {
	width: 72px;
	white-space: nowrap;
}
button.ssb-btn-conf-back {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.65;
	padding: 8px;
	text-align: center;
	cursor: pointer;
	border-radius: 2px;
	background-color: initial;
	border: 1px solid;
	font-weight: 400;
	border-color: #3266914d;
	color: #326691ff;
}
button.ssb-btn-conf-back:hover {
	background-color: #3333330a;
}
@media screen and (min-width: 752px) {
	div.ssb-conf-backs div {
		width: 80px;
	}
	button.ssb-btn-conf-back {
		font-size: 1.6rem;
		line-height: 1.5;
		padding: 12px 0;
	}
}
/****************************************/
/* .ssb-form/conf-wrap内 確認/完了メッセージ*/
/****************************************/

.ssb-conf-top {
	margin: 32px 0 8px 0;
}
.ssb-fin-in p,
.ssb-conf-top p {
	margin: 0.6em 0;
	font-size: 1.4rem;
}
.ssb-fin-in p.ssb-msg-tt {
	margin: 16px auto 16px;
	font-size: 1.8rem;
	font-weight: bold;
/*text-align: center;*/
}
.ssb-fin-in.ssb-tac p.ssb-msg-tt {
	text-align: center;
}
.ssb-conf-top p.ssb-msg-tt {
	margin: 8px 0;
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.65;
}
@media screen and (min-width: 752px) {
	.ssb-conf-top p.ssb-msg-tt {
		font-size: 1.6rem;
		line-height: 1.5;
	}
}
.ssb-conf-top p.ssb-msg-tt em {
	font-weight: bold;
}

/****************************************/
/* .ssb-fin-next 完了後遷移*/
/****************************************/
.ssb-fin-next {
margin: 32px 0;
}
.ssb-fin-next {
margin: 32px auto;
width: 360px;
}
.ssb-fin-tx {
margin: 16px auto 40px;
}
.ssb-fin-tx p {
line-height: 1.5;
}
.ssb-fin-tx ul {
font-size: 1.4rem
}
.ssb-fin-tx ul li {
margin-bottom: 8px;
line-height: 1.5;
}
.ssb-next-box {
margin: 0 auto;
padding-bottom: 24px;
font-size: 1.4rem;
}
.ssb-next-box p {
}
/****************************************/
/* .ssb-contact-box*お問い合わせBOX */
/****************************************/
.ssb-contact-wrap {
	display: grid;
	row-gap: 16px;
	font-size: 14px;
}
.ssb-cont-tt {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.8;
	padding-bottom: 8px;
	border-bottom: 1px solid #c8c8c8ff;
	margin: 0;
}
.ssb-cont-info {
	font-weight: 700;
	margin: 0;
}
.ssb-cont-internal {
	display: grid;
	align-items: baseline;
}
.ssb-cont-tel {
	display: flex;
	color: #333333ff;
	font-size: 24px;
	line-height: 1.65;
	font-weight: 700;
	text-decoration: none;
	margin: 0;
}
.ssb-cont-tel:before {
	content: url(../images/tel.svg);
	display: block;
	width: 26px;
	margin-inline-end: 8px;
}
.ssb-cont-reception-hours {
	font-size: 14px;
	line-height: 1.8;
	font-weight: 400;
}
@media screen and (min-width: 752px) {
	.ssb-cont-internal {
		display: flex;
	}
}
.ssb-contact-box {
	border: 1px solid #d6d6d6;
	width: auto;
	padding: 16px 16px;
	font-size: 1.4rem;
}
.ssb-contact-wrap .ssb-contact-box+.ssb-contact-box {
	margin-top: 16px;
}
.ssb-contact-box .ssb-cont-tt {
	margin: 0 0 0.8em;
	padding: 0 0 0 0.5em;
	border-left: 4px solid #999999;
	font-size: 1.6rem;
	line-height: 1.8;
}
.ssb-contact-box dl {
	margin: 0;
	padding: 0;
}
.ssb-contact-box dl dt {
	margin: 5px 0;
	font-size: 1.2rem;
}
.ssb-contact-box dl dd {
margin: 0;
}
.ssb-contact-box dl dd em {
font-weight: 400 !important;
}
.ssb-contact-box dl dd p {
margin: 5px 0;
line-height: 1.5;
}
.ssb-contact-box dl dd p:last-child {
margin-bottom: 0;
}
.ssb-contact-box .tel {
}
.ssb-contact-box .tel a {
display: inline-block;
color: #333333;
font-family: Helvetica, Arial;
font-size: 2.4rem;
font-weight: bold;
cursor: default;
text-decoration: none;
}
.ssb-contact-box .tel a:before {
content: "";
display: inline-block;
padding-right: 5px;
width: 26px;
height: 14px;
background-image: url(../images/icon_free.png);
background-position: 0 -26px;
background-repeat: no-repeat;
overflow: hidden;
}

.ssb-contact-box .ssb-contact-overseas {
margin: 0;
padding:0;
list-style: none;
}
.ssb-contact-box .ssb-contact-overseas li {
margin: 0;
padding: 0 32px 0 0;
float: left;
}

/****************************************/
/* 共通アクションコンテンツ*/
/* アコーディオン大*ssb-acc1wrap*/
/****************************************/
.ssb-acc1wrap {
	font-size: 1.4rem;
	margin: 0px 0 1px 0;
}
.ssb-acc1wrap .ssb-acc1pin {
	position: relative;
	margin: 0;
	padding: 11px 24px 11px 8px;
	cursor: pointer;
	border: 1px solid #d6d6d6;
	background-color: #f8f8f8;
}
.ssb-acc1wrap .ssb-acc1pin:hover {
	background-color: #f0f0f0;
}
.ssb-acc1wrap .ssb-acc1box {
	display: none;
}
.ssb-acc1wrap.open .ssb-acc1pin {
	border-color: #bbb;
	margin: 0;
}
.ssb-acc1wrap.open .ssb-acc1box {
	display: block;
}
.ssb-acc1wrap .ssb-acc1pin:before {
	content: "";
	display: block;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 8px;
	width: 16px;
	height: 16px;
	background-color: #155483;
}
.ssb-acc1wrap .ssb-acc1pin:after {
	content: "";
	margin-top: -2px;
	position: absolute;
	top: 50%;
	right: 12px;
	border: 4px solid transparent;
	border-top-color: #ffffff;
}
.ssb-acc1wrap.open .ssb-acc1pin:after {
	margin-top: -6px;
	border-top-color: transparent;
	border-bottom-color: #ffffff;
}

/* 試読から予約 */

#SSB_KC .ssb-acc1wrap .ssb-acc1pin.ssb-rsv-btn {
	margin-bottom: 16px;
	background: #E3F2FC;
}
#SSB_KC .ssb-acc1wrap.open .ssb-rsv-btn {
	padding: 12px 8px 12px 8px;
	position: relative;
	background: #ee8c00;
	border-color: #ccc;
}
#SSB_KC .ssb-acc1wrap.open .ssb-rsv-btn:before {
	display: none;
}
#SSB_KC .ssb-acc1wrap.open .ssb-rsv-btn:after {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	border: none;
	background: #ee8c00;
	top: auto;
	bottom: -15px;
	left: 50%;
	margin-left: -20px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	z-index: 2;
}
#SSB_KC .ssb-acc1wrap .ssb-acc1box.ssb-enqbox-view {
	display: block;
}
#SSB_KC .ssb-acc1box.enqpack-box {
	overflow: hidden;
}
.ssb-goto-enq {
	display: none;
}
#SSB_KC .ssb-acc1wrap.open .ssb-goto-enq {
	display: block;
	position: relative;
	float: right;
	width: 200px;
	margin: 0;
	padding: 4px;
	background-color: #155483;
	border-radius: 2px;
	box-shadow: 0px 2px 0 rgba(0,0,0,0.2);
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
}
#SSB_KC .ssb-acc1wrap.open .ssb-goto-enq:after {
	content: "";
	position: absolute;
	margin-top: -3px;
	width: 8px;
	height: 7px;
	overflow: hidden;
	top: 50%;
	right: 10px;
	background-image: url(../images/icon_nextbtn.png);
	background-repeat: no-repeat;
	background-position: 0 -17px;
}
#SSB_KC .ssb-acc1wrap .ssb-rsv-ttl {
	display: inline-block;
	*display: inline;
	margin: 0;
	font-weight: bold;
	font-size: 2rem;
	*zoom: 1;
}
#SSB_KC .ssb-acc1wrap.open .ssb-rsv-ttl {
	color: #fff;
	font-size: 2.2rem;
}
#SSB_KC .ssb-acc1wrap .ssb-rsv-easy {
	display: inline-block;
	*display: inline;
	margin: 0 4px 0 0;
	padding: 5px 10px;
	text-align: center;
	font-size: 1.4rem;
	background: #ee8c00;
	border-radius: 60px;
	line-height: 1.2;
	color: #ffffff;
	font-weight: bold;
	*zoom: 1;
}
#SSB_KC .ssb-acc1wrap .ssb-rsv-easy em {
	font-size: 2rem;
}
#SSB_KC .ssb-acc1wrap.open .ssb-rsv-easy {
	background: none;
	padding: 0;
}
#SSB_KC .ssb-acc1wrap.open .ssb-rsv-easy em {
	font-size: 1.4rem;
}
#SSB_KC .ssb-acc1wrap .ssb-rsv-deliver {
	display: inline-block;
	*display: inline;
	margin: 0;
	font-size: 1.4rem;
	position: relative;
	z-index: 100;
	*zoom: 1;
}
@media screen and (max-width: 751px) {
	.ssb-acc1wrap .ssb-acc1pin:before {
		margin-top: -6px;
		width: 12px;
		height: 12px;
	}
	.ssb-acc1wrap .ssb-acc1pin:after {
		margin-top: -2px;
		right: 10px;
		border-width: 4px;
		-webkit-transform: scaleX(.6);
		transform: scaleX(.6);
	}
	.ssb-acc1wrap.open .ssb-acc1pin:after {
		margin-top: -6px;
	}
	.ssb-acc1wrap .ssb-acc1pin,
	.ssb-acc1wrap .ssb-acc1pin:hover {
		background-color: #f0f9f0;
	}
	
	#SSB_KC .ssb-acc1wrap .ssb-acc1pin.ssb-rsv-btn {
		padding: 8px 24px 8px 8px;
	}
	#SSB_KC .ssb-acc1wrap.open .ssb-rsv-btn {
		padding: 8px 8px 12px 8px;
		border: none;
	}
	#SSB_KC .ssb-acc1wrap .ssb-rsv-ttl {
		z-index: 100;
		position:relative;
		font-size: 1.4rem;
	}
	#SSB_KC .ssb-acc1wrap.open .ssb-rsv-ttl {
		font-size: 2.0rem;
		display: block;
		text-align: center;
		color: #fff;
	}
	
	
	#SSB_KC .ssb-acc1wrap .ssb-rsv-easy {
		margin: 0;
		text-align: left;
		background: #ee8c00;
		padding: 2px 5px;
		line-height: 1.2;
		vertical-align: bottom;
		color: #ffffff;
		font-weight: bold;
		font-size: 1.2rem;
	}
	#SSB_KC .ssb-acc1wrap .ssb-rsv-easy em {
		font-size: 1.4rem;
	}
	#SSB_KC .ssb-acc1wrap.open .ssb-rsv-easy {
		display: block;
		padding: 0;
		font-size: 1.4rem;
		margin-top: 12px;
		text-align: center;
	}
	
	#SSB_KC .ssb-acc1wrap .ssb-rsv-deliver {
		display: block;
		margin: 6px 0 0 0;
		font-size: 1.2rem;
	}
	#SSB_KC .ssb-acc1wrap.open .ssb-rsv-deliver {
		margin: 0;
		text-align: center;
	}
	#SSB_KC .ssb-acc1wrap.open .ssb-goto-enq {
		display: block;
		float: none;
		width: auto;
	}
	#SSB_KC .ssb-acc1wrap.open .ssb-goto-enq:after {
		background-position: 0 0;
		background-size: cover;
	}
}

/* アコーディオン小*ssb-acc2wrap*/
/****************************************/
.ssb-acc2wrap {
margin-top: 0.5em;
}
.ssb-acc2wrap.addpack {
margin: 0;
}
.ssb-acc2wrap .ssb-acc2pin {
position: relative;
margin: 0;
padding: 3px 0 3px 23px;
color: #024591;
cursor: pointer;
}
.ssb-acc2wrap .ssb-acc2pin:hover {
color: #268ae4;
text-decoration: underline;
}
.ssb-acc2wrap .ssb-acc2box {
display: none;
}
.ssb-acc2wrap.open .ssb-acc2box {
display: block;
}
.ssb-acc2wrap .ssb-acc2pin:before {
content: "";
display: block;
position: absolute;
top: 6px;
left: 5px;
width: 12px;
height: 12px;
background-color: #155483;
}
.ssb-acc2wrap .ssb-acc2pin:after {
content: "";
position: absolute;
top: 11px;
left: 8px;
border: 3px solid transparent;
border-top-color: #ffffff;
}
.ssb-acc2wrap.open .ssb-acc2pin:after {
top: 7px;
border-top-color: transparent;
border-bottom-color: #ffffff;
}
.addpack .disabled:hover,
.addpack .disabled  {
cursor: default;
color: #999;
text-decoration: none;
}
dl.ssb-inset + .ssb-acc2wrap .ssb-acc2pin {
margin: 6px 0;
}

/****************************************/
/* プロモーションエリア（未定）.ssb-promotion-area*/
/****************************************/
.ssb-promotion-area {
margin: 0 auto 32px;
}
.ssb-promotion {
width: 600px;
margin: 0 auto;
text-align: center;
}
.ssb-promotion-box,
.ssb-promotion-boxs {
margin: 0 auto 16px;
}
.ssb-promotion img {
margin: 0 auto;
vertical-align: bottom;
}
.ssb-promotion a {
display: block;
color: #333;
}
.ssb-promotion a:hover img {
opacity: 0.85;
}
.ssb-promotion a:hover {
text-decoration: underline;
}
.ssb-promotion .ssb-promotion-tx {
display: block;
margin: 4px 0 0 0;
text-align: left;
font-size: 1.4rem;
word-break: break-all;
word-wrap: break-word;
}
.ssb-promotion i {
margin-right: 4px;
}
.ssb-promotion-left {
width: 288px;
float: left;
}
.ssb-promotion-right {
width: 288px;
float: right;
}
.ssb-promotion-center {
width: 288px;
margin: 0 auto;
}


.ssb-bottom-box .ssb-rec-box {
margin: 0 48px 16px;
padding: 16px 24px;
background: #fff;
text-align: left;

}
.ssb-rec-box > p {
color: #155483;
}
.ssb-rec-box p {
margin: 0;
line-height: 1.5;
font-size: 1.4rem;
}
.ssb-bottom-box .ssb-rec-box p {
font-size: 1.2rem;

}
.ssb-rec-box p.ssb-rec-tt {
font-weight: bold;
margin-bottom: 12px;
text-align: left;
}
.ssb-bottom-box  .ssb-rec-box p.ssb-rec-tt {
text-align: center;
font-size: 1.4rem;

}
.ssb-rec-box p.ssb-rec-tx {
text-align: left;
}
.ssb-rec-box .ssb-contact-box {
border: none;
background: #ffffff;
width: 580px !important;
margin-top: 12px;
padding: 0;
}
.ssb-rec-box .ssb-contact-box dl {
display: table;
width: 100%;
}
.ssb-rec-box .ssb-contact-box dl dt {
display: table-cell;
vertical-align: middle;
}
.ssb-rec-box .ssb-contact-box dl dd {
display: table-cell;
}
.ssb-rec-box .ssb-contact-box dl dt p,
.ssb-rec-box .ssb-contact-box dl dd p {
margin: 0;
}
.ssb-rec-box p.ssb-atttx-in {
margin: 6px 0 0 0;
color: #333;
}

.ssb-rec-box .ssb-agree label {
display: block;
margin: 8px auto 0;
width: 360px;
text-align: center;
}
.ssb-bottom-box p.ssb-agree {
margin-bottom: 0;
}

/****************************************/
/* プロモーションエリア（未定）.ssb-promotion-area*/
/****************************************/
.ssb-promotion-area {
margin: 0 auto 32px;
}
.ssb-promotion {
width: 600px;
margin: 0 auto;
text-align: center;
}
.ssb-promotion-box,
.ssb-promotion-boxs {
margin: 0 auto 16px;
}
.ssb-promotion img {
margin: 0 auto;
vertical-align: bottom;
}
.ssb-promotion a {
display: block;
color: #333;
}
.ssb-promotion a:hover img {
opacity: 0.85;
}
.ssb-promotion a:hover {
text-decoration: underline;
}
.ssb-promotion .ssb-promotion-tx {
display: block;
margin: 4px 0 0 0;
text-align: left;
font-size: 1.4rem;
word-break: break-all;
word-wrap: break-word;
}
.ssb-promotion i {
margin-right: 4px;
}
.ssb-promotion-left {
width: 288px;
float: left;
}
.ssb-promotion-right {
width: 288px;
float: right;
}
.ssb-promotion-center {
width: 288px;
margin: 0 auto;
}

/****************************************/
/* KC20x 4946 */
/****************************************/

#SSB_KC .ssb-identry-box {
	background: #E3F2FC;
	border: none;
	margin: 0 0 16px;
	padding: 16px 16px;
	text-align: left;
}
#SSB_KC .ssb-identry-box p {
	margin: 0;
	color: #333333;
	font-size: 1.2rem;
}
#SSB_KC .ssb-identry-box .ssb-rec-tt {
	margin: 0 0 4px;
	font-size: 1.6rem;
	font-weight: bold;
}
#SSB_KC .ssb-identry-box .ssb-identry {
	margin: 0;
	width: 100%;
}
@media screen and (min-width: 752px) {
	#SSB_KC .ssb-identry-box {
		padding: 16px 24px;
	}
	#SSB_KC .ssb-identry-box p {
		font-size: 1.4rem;
	}
	#SSB_KC .ssb-identry-box .ssb-rec-tt {
		font-size: 1.6rem;
	}
	#SSB_KC .ssb-identry-box .ssb-identry {
		width: 300px;
		float: right;
	}
}
#SSB_KC .ssb-select-num {
margin: 0 10px 0 0;
float: left;
}
#SSB_KC .ssb-price-box,
#SSB_KC .ssb-price-subbox {
width: 400px;
padding: 8px;
background: #f8f8f8;
float: right;
}
#SSB_KC .ssb-price-box {
padding-bottom: 0;
}
#SSB_KC .ssb-price-subbox {
padding-top: 0;
}
#SSB_KC .ssb-price-tx {
font-weight: bold;
font-size: 1.6rem;
margin-top: 0;
}
#SSB_KC .ssb-price-tx em {
margin: 0 0.6em 0 0;
font-size: 1.8rem;
}
#SSB_KC .ssb-price-tx small {
font-size: 1.2rem;
}

#SSB_KC .ssb-price-mfee {
margin-right: 4px;
}
#SSB_KC .ssb-atttx-in em {
color: #F25F25;
}
#SSB_KC .ssb-vs-price li {
font-weight: bold;
}
#SSB_KC .ssb-vs-price li em {
font-size: 1.8rem;
}
#SSB_KC .ssb-vs-price li em small {
font-size: 1.2rem;
}
#SSB_KC .ssb-vs-price li .ssb-kc-otoku {
display: inline-block;
margin: 0 0 0 10px;
position: relative;
padding: 6px 6px;
background-color: #FFF6EB;
border-radius: 2px;
font-size: 1.2rem;
}
#SSB_KC .ssb-vs-price li .ssb-kc-otoku:before {
content: "";
display:block;
position: absolute;
border: 10px solid transparent;
-webkit-transform: scaleX(.6);
transform: scaleX(.6);
top: 5px;
left: -20px;
border-right-color: #FFF6EB;
border-right-width: 20px;
}
#SSB_KC .ssb-vs-price li .ssb-kc-otoku em {
margin: 0 3px;
color: #F25F25;
}

#SSB_KC .ssb-infomail-box {
margin: 0 0 24px 0;
border: 1px solid #d6d6d6;
}
#SSB_KC .ssb-infomail {
margin: 0;
}
#SSB_KC .ssb-infomail label {
margin: 0;
padding: 0;
}

.ssb-kc-confbox {
 display:table;
 width: 100%;
 box-sizing: border-box;
 border-collapse: collapse;
 }
.ssb-kc-confbox .ssb-kc-conf {
 display: table-cell;
 border-collapse: collapse;
 vertical-align: top;
 border-bottom: 1px solid #999999;
}
.ssb-kc-confbox .ssb-kc-conf .ssb-title3 {
 margin: 0;
 padding: 8px;
 background: #999999;
 font-size: 1.4rem;
 font-weight: normal;
 color: #ffffff;
}
.ssb-kc-confbox .ssb-conf-backs {
 display: table-cell; 
 width: 162px;
 border: none;
 border-collapse: collapse;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
 box-sizing: border-box;
 vertical-align: middle;
}
.ssb-kc-confbox .ssb-conf-backs .ssb-btn-sub2 {
width: 130px;
 padding: 8px 5px 8px 10px;
}
.ssb-bottom-box p.ssb-btn-office {
margin: 20px auto 0;
}
/* ID */
/************************************************************************************/
.ssb-id-form {
position: relative;
margin: 0 0 48px 0;
padding: 20px 16px 16px;
	background: #fafafa;
	border: 1px solid #dddddd;
}
.ssb-id-form .ssb-link-f {
font-weight: normal;
font-size: 1.2rem;
}
.ssb-id-form p {
margin: 0 0 8px 0;
}
.ssb-id-form .ssb-id-tt {
margin: 0 0 8px 0;
font-size: 1.8rem;
font-weight: bold;
}
.ssb-id-form .ssb-id-tt em {
color: #F25F25;
}
.ssb-id-form .ssb-id-tt img.ssb-logo-nikkeiid {
width: 120px;
margin: 0 4px;
vertical-align: baseline;
}
.ssb-id-form .ssb-id-list {
margin: 0;
padding: 4px 0;
background: #ffffff;
border: 1px solid #ddd;
border-top: none;
}
.ssb-id-form p.ssb-id-service {
margin: 16px 0 0 0;
padding: 8px 0 6px 8px;
background: #ffffff;
font-size: 1.4rem;
border: 1px solid #ddd;
border-top: 2px solid #4781b6;
}
.ssb-id-form p.ssb-id-service small {
font-size: 1.2rem;
}
.ssb-id-form .ssb-about-id {
margin: 0;
padding: 8px;
font-size: 1.2rem;
background: #ECECEC;
}
.ssb-id-form .ssb-about-id dt {
margin: 0 0 2px;
padding: 0;
font-weight: bold;
}
.ssb-id-form .ssb-about-id dd {
margin: 0;
padding: 0;
}
.ssb-id-form .ssb-about-id dd small {
font-size: 1.2rem;
}
.ssb-id-form .ssb-id-list ul {
display: table;
margin: 0 auto;
padding: 0;
list-style: none;
}
.ssb-id-form .ssb-id-list ul li {
display: table-cell;
margin: 0;
padding: 0px 43px;
text-align: center;
vertical-align: middle;
border-left: 1px solid #ddd;
}
.ssb-id-form .ssb-id-list ul li:first-child {
border-left: none;
}
.ssb-id-form .ssb-id-list ul li a {
display: block;
}
.ssb-id-form .ssb-id-list ul li a img {
width: 200px;
height: auto;
vertical-align: middle;
}
.ssb-id-form .ssb-id-list ul li.ssd-id-nk a img {
}
.ssb-id-form .ssb-id-list ul li.ssd-id-store a img {
}
.ssb-id-form .ssb-id-list ul li a:hover img {
opacity: 0.8;
}
.ssb-id-form .ssb-bottom-wrap {
margin: 0;
position: absolute;
top: 16px;
right: 16px;
text-align: right;
}
.ssb-id-form .ssb-bottom-wrap .ssb-bottom-box label.ssb-btn-next {
margin: 0;
width: auto;
}
.ssb-id-form .ssb-bottom-box .ssb-btn-nikkeiid {
position: relative;
display: block;
padding: 12px 24px;
border: none;
border-radius: 2px;
box-shadow: 0px 2px 0 rgba(0,0,0,0.2);
background-color: #EF7510;
background-position: 98% center;
background-repeat: no-repeat;
color: #ffffff;
font-size: 1.6rem;
text-align: center;
font-weight: bold;
text-decoration: none;
}
.ssb-id-form .ssb-bottom-box .ssb-btn-nikkeiid:after {
content: "";
position: absolute;
margin-top: -3px;
width: 8px;
height: 7px;
overflow: hidden;
top: 50%;
right: 10px;
background-image: url(../images/icon_nextbtn.png);
background-repeat: no-repeat;
background-position: 0 -17px;
}
.ssb-id-form a:hover.ssb-btn-nikkeiid,.ssb-id-form button:hover.ssb-btn-nikkeiid {
background-color: #BD5C0D
}
.ssb-id-form .ssb-bottom-box .ssb-btn-nikkeiid small {
font-size: 1.4rem;
}

/* modal */
/************************************************************************************/
.modal-head {
	position: relative
}
.modal-head h2 {
	margin: 0 0 16px;
	color: #333333ff;
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: 700;
}
.modal-select-box {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}
.modal-select-box .ssb-select-box {
	margin-top: 8px;
}
.modal-select-title {
	font-weight: 700;
}

.modal-area-box {
	width: 100%;
	max-width: 480px;
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}
.modal-area-box .modal-area-item {
	font-size: 1.4rem;
	line-height: 1.65;
	display: inline-block;
}
@media screen and (min-width: 752px) {
	.modal-area-box .modal-area-item {
		font-size: 1.6rem;
		line-height: 1.5;
	}
}
.next-btn {
position: absolute;
bottom: 105px;
left: 410px;
display: block;
width: 320px;
height: 65px;
background: transparent;
}
.next-btn i {
display: none;
}
.overlay-box {
display: none; 
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 200;
overflow: auto;
}
.overlay-bg {
display: none; 
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 120%;
background: url(../images/modal_bg.png)\9;
background: rgba(0,0,0,.5);
z-index: 120;
}
.modal-base {
position: absolute;
margin: auto;
padding: 40px 24px 24px;
width: 100%;
max-width: 480px;
background-color: #ffffffff;
font-size: 14px;
left: 0;
right: 0;
top: 10%;
/* 
background-repeat: no-repeat;
background-position: 50% 35%;
height: 300px;
bottom: 0;
*/
}
.modal-base .btn-box {
 margin: 16px 0 0;
 text-align: center;
}
.modal-box {
 display: none;
 min-height: 80px;
}
.modal-box.disp {
 display: block;
}
.modal-cont {
 padding: 1em;
 min-height: 150px;
 background-color: #eee;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
}
.modal-inner {
 max-height: 280px;
 overflow-y: auto;
}
.modal-inner::-webkit-scrollbar{ 
 width: 5px;
}
.ad-df .modal-inner::-webkit-scrollbar{
 width: 0;
}
.modal-inner::-webkit-scrollbar-thumb{
 background: #969100;
 border-radius: 10px;
}
.modal-inner::-webkit-scrollbar-track-piece:start{
 background: #bebc9a;
}
.modal-inner::-webkit-scrollbar-track-piece:end{
 background: #ddd;
}
a.close-btn {
display: block;
margin: 0 auto;
width: 55%;
line-height: 34px;
background: #f8f8f8;
border: 1px solid #e8e8e8;
box-shadow: 0 1px 0 rgba(0,0,0,0.1);
color: #333333;
font-size: 1.4rem;
text-align: center;
text-decoration: none;
cursor: pointer;
}
a.close-btn:hover {
background: #f0f0f0;
}
a.close-btn i:before {
content: "×";
    margin-right: 0.5em;
    
}
.close-btn2 {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	cursor: pointer;
}
.close-btn2 img {
	width: 100%;
}
html.ovlay-ie {
 overflow-y: hidden;
}
.ovlay-ie body {
 width: 100%;
 overflow-y: hidden;
}
.ovlay-ie .wrap-all {
 position: fixed;
 width: 100%;
 overflow-y: scroll;
}
.ovlay body {
 position: fixed;
 width: 100%;
 overflow-y: hidden;
}
.ovlay .wrap-all {
 overflow-y: scroll;
}
.ovlay-sp {
 width: 100%;
 height: 100%;
 overflow-y: hidden;
}
.ovlay-sp body {
 width: 100%;
 height: 100%;
 overflow-y: hidden;
}
.ovlay-sp .wrap-all {
/* display: none;*/ 
 position: fixed;
 left: 0;
 width: 100%;
}
html.ovlay-ad {
 overflow-y: hidden;
}
.ovlay-ad body {
 overflow-y: hidden;
}
.ovlay-ad .wrap-all {
overflow-y: scroll;
}
.try-modal-ttl {
	display: block;
	margin-bottom: .3em;
	line-height: 1.4;
	color: #1f1f1f;
	font-size: 14px;
	font-weight: bold;
}
.try-modal-tx {
 display: block;
 margin-bottom: .8em;
 line-height: 1.6;
 color: #1f1f1f;
 font-size: 12px;
}
.try-modal-img {
 display: block;
 margin-bottom: .5em;
}
.try-modal-img img {
 width: 100%;
}
.try-modal-dl {
 margin: .5em 0 0;
 padding: 0;
 line-height: 1.4;
 color: #1f1f1f;
 font-size: 12px;
}
.try-modal-dl dt {
 display: block;
 margin: 0 0 .5em;
 font-weight: bold;
 color: #1f1f1f;
 font-size: 13px;
}
.try-modal-dl dd {
 display: block;
 margin: 0 0 .5em;
}

.laybox-foot {
width: 100%;
padding: 32px 0 0px 0;
text-align: center;
}
.laybox-foot a {
display: block;
}
.laybox-foot a.ssb-btn-m1 {
display: block;
margin: 0 auto;
width: 55%;
}
.modal-box .ssb-form-search label.lbcol {
display: table;
width: 100%;
}
.modal-box .ssb-form-search label {
padding: 6px 0;
vertical-align: middle;
}
.modal-box .ssb-form-search label span.lb {
display: table-cell;
padding-right: 0.5em;
width: 4.5em;
vertical-align: middle;
text-align: right;
line-height: 1.2;
}
.modal-box .ssb-form-search label span.ct {
display: table-cell;
vertical-align: middle;
}
.btn-box.nodisp {
display: none;
}
#POST-SLC .modal-box {
height: 270px;
}
.campInfo {
	font-size:1.4rem;
	margin-bottom:20px;
	color: #F25F25;
	font-weight:bold;
}

.ssb-try {
font-size: 1.4rem;
margin: 16px 0;
background-color:#ffffff;
border: 8px solid #E3F2FC;
}
 
.ssb-try:after {
content: "";
display: block;
clear: both;
}

.try1{
float: left;
}
.try1-1{
font-weight:bold;
padding:30px 0 30px 20px;
width: 350px;
}

.try2{
float: left;
border-left: 3px solid #E3F2FC;
}
.try2-1{
padding:20px 0 20px 20px;
}

.try2-1 b{
font-size: 1.8rem;
}

.ssb-try em {
color: #d75655;
}

.ssb-bottom-wrap .ssb-terms-tx2 {
margin: 0 auto 0;
width: 490px;
text-align: left;
line-height: 1.5;
}

.ssb-bottom-wrap .ssb-btn-m1 {
margin:10px 0;
}

.ssb-rec-box ul.ssb-atttx-in {
margin: 1em 0;
padding-left: 20px;
}
.ssb-rec-box ul.ssb-atttx-in li {
list-style: disc;
padding: 0;
}

/* ERROR AREA */
.error-area {
margin: 8px 0 0 0;
padding: 12px;
border: 2px solid #d75655;
background: #fcf0f0;
}
.error-area p {
color: #d75655;
font-size: 1.4rem;
text-indent: -1em;
margin:  0 0 0 1.2em!important;
font-weight: bold;
line-height: 1.5;
}
.error-area p:before {
content:"";
display: inline-block;
width: 14px;
height: 12px;
overflow: hidden;
background-image: url(../images/icon_error.png);
background-repeat: no-repeat;
background-position: 0 -28px;
}
.error-area p em {
margin: 0 0 8px 0;
font-size: 1.6rem;

}

.ssb-bottom-wrap .ssb-terms-tx3 {
margin: 0 auto 0;
width: 430px;
text-align: left;
line-height: 1.5;
}

.ssb-rec-box > p.ssb-terms-tx3 {
color: #333333;
}

.ssb-text-Em{
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
}

.ssb-btn-center {
width: 100%;
margin: 8px 0 0 0;
text-align:center;
}

a.ssb-btn-m2,button.ssb-btn-m2 {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	border: none;
	border-radius: 2px;
	box-shadow: 0px 2px 0 rgba(0,0,0,0.2);
	background-color: #155483;
	background-position: 98% center;
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 1.6rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.1;
	text-decoration: none;
	min-width: 350px;
}

button.ssb-btn-m2:after {
	content: "";
	position: absolute;
	margin-top: -3px;
	width: 8px;
	height: 7px;
	overflow: hidden;
	top: 50%;
	right: 10px;
	background-image: url(../images/icon_nextbtn.png);
	background-repeat: no-repeat;
	background-position: 0 -17px;
}

a:hover.ssb-btn-m2,button:hover.ssb-btn-m2{
background-color: #0A385B;
}
button.ssb-btn-m2:disabled,
.ssb-agree-box button.ssb-btn-m2:disabled,
.ssb-agree-box button.ssb-btn-m2:disabled:hover{
background-color: #999999;
cursor: not-allowed;
}
.ssb-btn-m2 small{
display: block;
font-size: 1.2rem;
font-weight: normal;
}
.ssb-btn-next .ssb-btn-m2{
min-height: 30px;
}

.ssb-bottom-wrap .ssb-btn-m2 {
margin:10px 0;
}

/* 20230427 update*/
.flx-ssb-price-tx{
	display: flex;
	line-height: 1;
	margin-top: 2px!important;
}

.flx-ssb-price-tx label{
	margin-left: 5px;
	cursor: pointer;
}
.flx-ssb-price-tx .ssb-price-mfee{
    width: 6em;
    display: inline-block;
	font-weight: bold;
}
/* 202305 add css */
.ssb-top-info {
padding: 20px 25px;
margin: 16px 0;
border: 2px solid #003873;
background-color:#ffffff;
}
.ssb-top-info span{
    font-weight: bold;
    display: inline-block;
    padding-bottom: 10px;
}

.col-ssb-price-tx {
margin-top: 0;
}
.col-ssb-price-tx em {
margin: 0 0.6em 0 0;
}
.col-ssb-price-tx small {
font-size: 1.2rem;
}

.col-ssb-price-tx .ssb-price-mfee {
    width: 6em;
	font-weight: bold;
    display: inline-block;
}

input[type="radio"],
input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	min-width: 16px;
	height: 16px;
	border: 1px solid #0068bcff;
	background-color: #ffffffff;
	margin: 0 8px 0 0;
	padding: 0;
	cursor: pointer;
}
input[type="radio"] {
	border-radius: 50%;
}
input[type="checkbox"] {
	border-radius: 2px;
}
input[type="radio"]:hover,
input[type="checkbox"]:hover {
	background-color: #005aa317;
}
input[type="radio"]:checked {
	border-width: 5px;
	background-color: #ffffffff;
}
input[type="radio"]:checked:hover {
	border-color: #0076d6ff;
}
input[type="checkbox"]:checked {
	background-color: #0068bcff;
	position: relative;
}
input[type="checkbox"]:checked:before {
    position: absolute;
    top: -2px;
    content: url(../images/icon_check-on-checkbox.svg);
}

input[type="tel"].ssb-input-input,
input[type="text"].ssb-input-input,
input[type="email"].ssb-input-input {
	width: 100%;
	border: 1px solid #33333380;
	background-color: #ffffffff;
	border-radius: 2px;
	position: relative;
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 12px 16px;
}
textarea.ssb-input-textarea {
	width: 100%;
	padding: 12px 16px;
	font-size: 1.6rem;
	line-height: 1.65;
	resize: none;
	border-radius: 2px;
	border: 1px solid #33333380;
}
.ssb-input-container {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
	margin-block-start: 16px;
	width: 100%;
}
.ssb-input-labelwrap {
	margin: 0;
	margin-block-end: 8px;
	font-weight: 700;
}
.ssb-input-label {
	color: #333333ff;
	font-size: 1.6rem;
	line-height: 1.5;
	display: flex;
	align-items: center;
	font-weight: 700;
}
.ssb-input-addr-label,
.ssb-input-name-label {
	font-size: 1.4rem;
	line-height: 1.65;
	font-weight: 400;
	margin: 0;
	margin-block-end: 8px;
	padding: 0;
}
.ssb-input-required:after,
.ssb-input-optional:after {
	font-size: 1.2rem;
	width: 40px;
	height: 20px;
	display: block;
	text-align: center;
	align-items: center;
	margin-left: 4px;
	box-sizing: border-box;
	font-weight: 500;
	border-radius: 2px;
}
.ssb-input-required:after {
	content: "必須";
	border: 1px solid #d11100ff;
	color: #d11100ff;
}
.ssb-input-optional:after {
	content: "任意";
	border: 1px solid #474747ff;
	color: #474747ff;
}
.ssb-input-zipcode {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	margin-bottom: 5px;
}
@media screen and (min-width: 752px) {
	.ssb-input-zipcode {
		display: grid;
		column-gap: 10px;
		grid-template-columns: 160px auto;
		place-items: center start;
		row-gap: 0;
	}
}
.ssb-disp-addr {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	font-size: 1.4rem;
	line-height: 1.65;
}
.ssb-select-box {
	cursor: pointer;
	width: 100%;
	border: 1px solid #33333380;
	border-radius: 2px;
	position: relative;
}
.ssb-select-box select {
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	padding: 12px 16px;
	width: 100%;
	font-size: 1.6rem;
	line-height: 1.5;
	background-color: #ffffffff;
}
.ssb-select-box:after {
    content: "";
    pointer-events: none;
    margin-inline-end: 8px;
    position: absolute;
    right: 0;
    top: 20px;
    border-style: solid;
    border-width: 5px;
    border-color: #333333ff transparent transparent transparent;
}
.ssb-addr-container,
.ssb-name-container {
	display: flex;
	flex-direction: column;
	row-gap: 26px;
}
.ssb-name-box {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	column-gap: 1rem;
}

.ssb-input-error {
	padding-block-start: 4px;
	display: flex;
	justify-content: space-between;
}
.ssb-input-error span {
	color: #d11100ff;
	font-size: 1.4rem;
	display: flex;
	align-items: start;
	text-align: start;
	line-height: 1.35;
}
.ssb-input-error span:before {
	content: url(../images/icon_error.svg);
	display: block;
	margin-inline-end: 8px;
	width: 20px;
	height: 20px;
}
.ssb-input-error span:empty {
	opacity: 0;
}
button.ssb-btn-post {
	width: 90px;
	font-weight: 400;
	font-size: 1.4rem;
	padding: 8px;
	color: #ffffffff;
	border: none;
	text-align: center;
	cursor: pointer;
	border-radius: 2px;
	background-color: #003e70ff;
	margin: 0;
	text-decoration: none;
	line-height: 1.5;
}
button:hover.ssb-btn-post {
	background-color: #004c8aff;
}
@media screen and (min-width: 752px) {
	button.ssb-btn-post {
		font-size: 1.5rem;
	}
}
.ssb-reg-check {
	border: 1px solid #dadadaff;
	width: 100%;
	background-color: #ffffffff;
	color: #000000ff;
	padding: 16px;;
}
.ssb-reg-check label {
	display: flex;
	flex-direction: row;
	font-size: 1.4rem;
	align-items: center;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.ssb-newespaper-request {
	display: flex;
	align-items: center;
	column-gap: 8px;
	font-size: 1.4rem;
	line-height: 1.65;
	margin-top: 12px;
}
.ssb-newespaper-request .ssb-select-box {
	width: 216px;
	margin: 0;
}
@media screen and (min-width: 752px) {
	.ssb-newespaper-request .ssb-select-small {
		width: 108px;
	}
}
.ssb-radiobutton-box,
.ssb-checkbox-box {
	padding: 12px 16px 12px 8px;
}
.ssb-radiobutton-label,
.ssb-checkbox-label {
	display: flex;
	color: #333333ff;
	font-size: 1.6rem;
	line-height: 1.5;
	cursor: pointer;
	text-align: left;
	align-items: center;
	width: fit-content;
}
.ssb-price {
	color: #333333ff;
	font-size: 1.6rem;
	line-height: 1.5;
}
a.ssb-link-m {
	color: #326691ff;
	text-decoration: underline;
}
a.ssb-link-m:hover {
	color: #326691ff;
	text-decoration: underline;
}
.ssb-input-tel-box {
	display: flex;
	column-gap: 4px;
	text-align: center;
	align-items: center;
	justify-content: start;
}
.ssb-input-tel-split {
	max-width: 120px;
}
.ssb-agree-check-box {
	margin-block: var16px;
	display: flex;
	justify-content: center;
}
.ssb-agree-text p {
	font-size: 1.2rem;
	line-height: 1.65;
}
@media screen and (min-width: 752px) {
	.ssb-agree-text p {
		font-size: 1.4rem;
		line-height: 1.65;
	}
}
.ssb-annotation-box {
	padding: 24px;
	display: flex;
	flex-direction: column;
	row-gap: 4px;
	background-color: #ffffffff;
	font-size: 1.2rem;
	line-height: 1.65;
}
.ssb-annotation-box p {
	margin: 0;
	padding: 0 0 10px 5px;
	font-weight: 700;
}
.ssb-annotation-list {
	margin: 0;
	padding: 0;
	list-style: inside;
	display: flex;
	flex-direction: column;
	text-indent: -1em;
	padding-inline-start: 16px;
	font-size: 1.2rem;
	line-height: 1.65;
	row-gap: 4px;
}
.ssb-annotation-list li {
	margin: 0;
	display: list-item;
	list-style: none;
}
.ssb-annotation-list>li:before {
	content: "・";
}
table.ssb-plan-box {
	border-collapse: collapse;
	font-size: 1.4rem;
	line-height: 1.65;
	border-spacing: 0;
}
table.ssb-plan-box,
thead.ssb-plan-head {
	width: 100%;
	border: 1px solid #dadadaff;
}
thead.ssb-plan-head {
	background-color: #dadadaff;
	font-weight: 700;
	display: table-header-group;
}
tr.ssb-plan-head-tr>td {
	padding: 8px;
	text-align: left;
	border-top: 1px solid #dadadaff;
}
tbody.ssb-plan-body {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
tr.ssb-plan-body-tr>td {
	padding: 8px;
	text-align: left;
	border-top: 1px solid #dadadaff;
	background-color: #ffffffff;
}
td.ssb-plan-product {
	padding: 8px;
	font-size: 1.4rem;
	line-height: var(--line-hight-by-font-size-14);
	display: flex;
	width: 100%;
	background-color: #ffffffff;
}
div.ssb-plan-body-leftitem {
	width: 75%;
	display: flex;
	column-gap: 4px;
}
div.ssb-plan-icon {
    padding: 8px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.ssb-plan-name {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
}
div.ssb-plan-body-rightitem {
	flex: 1;
	padding: 8px 0 8px 8px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
td.ssb-plan-total-price {
	color: #f58700ff;
	display: flex;
	justify-content: flex-end;
	column-gap: 8px;
	background-color: #ffffffff;
	padding: 8px;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.65;
}
@media screen and (min-width: 752px) {
	tr.ssb-plan-head-tr>td {
		padding: 8px 16px;
		font-size: 1.6rem;
		line-height: 1.5;
	}
	tr.ssb-plan-body-tr>td {
		padding: 16px;
	}
	td.ssb-plan-product,
	td.ssb-plan-total-price {
		padding: 16px;
	}
}