@charset "UTF-8";

/* color

テキスト　#61666C

リンクの青 #0D84DF

赤　#D64141

ボタンの青　#1E6AD6

ボタンのテキスト　#0A4A9B

*/

@media all and (-ms-high-contrast:none){

	*::-ms-backdrop, .foo { color: red } /* IE11 */

}

@media all and (-ms-high-contrast:none){

	.foo { color: green } /* IE10〜Edge */

}

/* module --------------------------------------------------*/

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

.side-menu {

	padding: 22px 0 32px;

	background: #F5F8FA;

}

.side-menu-title {

	padding: 0 30px;

	color: #61666C;

	font-size: 20px;

	font-weight: bold;

	letter-spacing: 0.02em;

	line-height: 1.6;

	margin-bottom: 23px;

}

.side-menu-list {}

.side-menu-list-item {}

.side-menu-list-item a {

	display: block;

	padding: 13px 30px;

	font-size: 14px;

	color: #61666C;

	line-height: 1.6;

	transition: all .25s ease;

}

.side-menu-list-item a:hover {

	background-color: #0D84DE;

	color: #fff;

}

.side-menu-list-item.is-active > a {

	color: #0D84DF;

	font-weight: bold;

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_dot.png) no-repeat 95% center;

	background-size: 8px 8px;

	transition: all .25s ease;

}

.side-menu-list-item.is-active > a:hover {

	background-color: #0D84DE;

	color: #fff;

}

.side-menu-sublist {}

.side-menu-sublist-item {}

.side-menu-sublist-item a {

	display: block;

	font-size: 14px;

	color: #61666C;

	padding-left:40px;

	line-height: 1.6;

	transition: all .25s ease;

}

.side-menu-sublist-item a:hover{background: #fff;}

/* title ---------------------------------------*/

.title-page{}

.title-section,

.entrybody > h1,

.entrybody .maintab-content > h1,

.entrybody .accordion-body > h1{

	line-height: 1.7;

	padding: 0px 0 20px;

	position: relative;

	color: #343639;

	font-size: 30px;

	margin: 56px 0 32px;

	letter-spacing: 0.04em;

}

.title-section:first-child,

.entrybody > h1:first-child,

.entrybody .maintab-content > h1:first-child,

.entrybody .accordion-body > h1:first-child{margin-top: 0;}

.title-section::after,

.entrybody > h1::after,

.entrybody .maintab-content > h1::after,

.entrybody .accordion-body > h1::after{

	display: block;

	content: '';

	background: #0D84DF;

	background-size: 100%;

	width: 160px;

	height: 3px;

	position: absolute;

	left: 0;

	bottom: 0;

}

.title-section::before,

.entrybody > h1::before,

.entrybody .maintab-content > h1::before,

.entrybody .accordion-body > h1::before{

	display: block;

	content: '';

	background: #BDC2CE;

	background-size: 100%;

	width: 100%;

	height: 3px;

	position: absolute;

	left: 0;

	bottom: 0;

}

.title-block,

.entrybody > h2,

.entrybody .maintab-content > h2,

.entrybody .accordion-body > h2{

	line-height: 1.6;

	position: relative;

	font-size: 24px;

	color: #343639;

	margin: 32px 0 16px;

	padding: 5px 0 5px 20px;

	letter-spacing: 0.04em;

}

.title-block:first-child,

.entrybody > h2:first-child,

.entrybody .maintab-content > h2:first-child,

.entrybody .accordion-body > h2:first-child{margin-top: 0;}

.title-block::before,

.entrybody > h2::before,

.entrybody .maintab-content > h2::before,

.entrybody .accordion-body > h2::before{

	display: block;

	content: '';

	background: #0D84DF;

	background-size: 100%;

	width: 3px;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}

.title-paragraph,

.entrybody > h3,

.entrybody .maintab-content > h3,

.entrybody .accordion-body > h3{

	line-height: 1.5;

	position: relative;

	font-size: 22px;

	margin:32px 0 16px;

	color: #343639;

	letter-spacing: 0.04em;

}

.title-paragraph:first-child,

.entrybody > h3:first-child,

.entrybody .maintab-content > h3:first-child,

.entrybody .accordion-body > h3:first-child{margin-top: 0;}

.title-small,

.entrybody > h4,

.entrybody .maintab-content > h4,

.entrybody .accordion-body > h4{

	line-height: 2;

	position: relative;

	font-size: 16px;

	margin:20px 0 15px;

	color: #333;

}

.title-small:first-child,

.entrybody > h4:first-child,

.entrybody .maintab-content > h4:first-child,

.entrybody .accordion-body > h4:first-child{margin-top: 0;}

.title-small-picture{

	line-height: 2;

	position: relative;

	font-size: 18px;

	font-weight: bold;

	margin:8px 0 64px;

	color: #333;

}

/* text ---------------------------------------*/

.font-roboto {font-family: Roboto, sans-serif;}

.font-en {}

.text-center{text-align: center !important;}

.text-right{text-align: right !important;}

.text-left{text-align: left !important;}

.text-bold{font-weight:bold;}

.text-normal{font-weight: normal}

.s-bold-red{text-decoration: line-through 1.5px solid #D03939;}

.box30 {

    margin: 2em 0;

    background: #F5F8FA;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);

}

.box30 .box-title {

    font-size: 0.8em;

    background: #EE8A26;

    padding: 4px;

    text-align: center;

    color: #FFF;

    font-weight: bold;

    letter-spacing: 0.05em;

	border: none;

}

.box30 p {

    padding: 10px 5px;

    margin: 0;

}

.text a,

.textlink,

.entrybody table a{

	color: #0D84DF;

	transition: all .25s ease;

}

.text-red .text a,

.text-red .textlink,

.text-red .entrybody table a{

	color: #D64141;

}

.text a:hover,

.textlink:hover,

.entrybody table a:hover{

	color: #32A1F5;

	text-decoration: underline;

}

.entrybody p a {

	color: #0D84DF;

	display: inline-block;

	max-width: 100%;

}

.entrybody .text-red a {

	color: #D64141;

	display: inline-block;

	text-decoration: underline;

}

.entrybody p a:hover {

	text-decoration: underline;

	background: #E8F4FC;

}

.entrybody .text-red a:hover {

	background: none;

	text-decoration: none;

}

.text-blue{color: #0D84DF !important;}

.text-red{color: #D64141 !important;}

.text-green{color: #06c286 !important;}

.text-orange {color: #EE8A26 !important;}

.blank{

	margin-right: 10px;

}

.blank::after{

	display: inline-block;

	content: '';

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_link.png);

	background-size: 100%;

	background-repeat: no-repeat;

	width: 13px;

	height: 13px;

	margin-left: 5px;

}

.text-lead{

	font-size:16px;

	line-height: 2;

	margin-bottom: 20px;

}

.text-s{

	font-size: 12px;

}

.text-m{

	font-size: 14px;

}

.text-l{

	font-size: 20px;

}

.row p {

	font-size: 16px;

	color: #61666C;

	line-height: 2;

	letter-spacing: 0.04em;

}

.memo {

  resize: none;

  width:180px;

  height:50px;

}

.text-ok:before{

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0,-50%);

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_ok.svg) no-repeat center center;

	background-size: 27px;

	width: 27px;

	height: 27px;

}

.text-ng:before{

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0,-50%);

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_invalid.svg) no-repeat center center;

	background-size: 27px;

	width: 27px;

	height: 27px;

}

/* icon ---------------------------------------*/

.icon-check{display: inline-block;}

.icon-check::before {

	content: '';

	display: inline-block;

	vertical-align: middle;

	margin-right: 10px;

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_check.png) no-repeat center top;

	background-size: 100%;

	width: 15px;

	height: 15px;

}

.icon-available{display: inline-block;}

.icon-available::before {

	content: '';

	display: inline-block;

	vertical-align: middle;

	margin-right: 10px;

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_available.png) no-repeat center top;

	background-size: 100%;

	width: 23px;

	height: 23px;

}

/* arrowlink ---------------------------------------*/

.arrowlink{

	color: #0D84DF;

	position:relative;

	padding-right: 15px;

	display: inline-block;

}

.arrowlink::after {

    content: '';

    background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Farrow_right_blue2.png);

    background-size: 100%;

    background-repeat: no-repeat;

    width: 6px;

    height: 10px;

    position: absolute;

    top: 50%;

    right: 0px;

    transform: translate(0,-50%);

}

/* boxlink ---------------------------------------*/

.boxlink{

	display: block;

	background: #F5F8FA;

	width: 100%;

	padding: 20px 50px 20px 20px;

	position: relative;

	color: #61666C;

	font-size:16px;

	line-height: 2;

}

.boxlink::after{

	content: '';

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Farrow_right_blue.png);

	background-size: 100%;

	background-repeat: no-repeat;

	width: 10px;

	height: 18px;

	position: absolute;

	top: 50%;

	right: 20px;

	transform: translate(0,-50%);

}

.boxlink:hover{

	background: #E8F4FC;

	text-decoration: underline;

	color: #0D84DF;

}

.boxlink-blank{

	display: block;

	background: #F5F8FA;

	width: 100%;

	padding: 20px;

	position: relative;

	color: #61666C;

	font-size: 16px;

}

.boxlink-blank::after{

	content: '';

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_link.png);

	background-size: 100%;

	background-repeat: no-repeat;

	width: 16px;

	height: 16px;

	position: absolute;

	top: calc(50% - 8px);

	right: 30px;

}

.boxlink-blank:hover{

	background: #E8F4FC;

	text-decoration: underline;

	color: #0D84DF;

}

/* list ---------------------------------------*/

.list{}

.entrybody ul,

.entrybody ol{margin-bottom: 32px;}

.entrybody .maintab-list {margin-bottom: 0;}

.list li,

.entrybody li{

	font-size: 16px;

	line-height: 1.6;

	text-align: left;

	color: #61666C;

	margin-bottom: 15px;

	padding-left: 30px;

	position: relative;

	letter-spacing: 0.06em;

}

.entrybody .maintab-list li {

	text-align: center;

	font-size:14px;

	color: #484848;

	padding: 16px 8px;

	margin-bottom: 0;

	letter-spacing: 0;

}

.list > li::after,

.entrybody li::after{

	position: absolute;

	content: '';

	display:inline-block;

	background: #0097E6;

	border-radius: 50%;

	width: 8px;

	height: 8px;

	top: 8px;

	left: 6px;

}

.list > li::before,

.entrybody li::before{

	position: absolute;

	content: '';

	display:inline-block;

	background: #D3E9F5;

	border-radius: 50%;

	width: 20px;

	height: 20px;

	top: 2px;

	left: 0;

}

.entrybody .maintab-list > li::before{display: none;}

.entrybody .maintab-list > li.is-active::before{

	position: absolute;

	top: 100%;

	left: 50%;

	margin-left: -10px;

	border: 10px solid transparent;

	border-top: 10px solid #0D84DF;

	display:block;

	background: none;

	border-radius: 0;

	width: 0;

	height: 0;

}

.entrybody .maintab-list > li::after{display: none;}

.entrybody .subtab-list li::after,

.entrybody .subtab-list li::before{

	display: none;

}

.list li:last-of-type,

.entrybody li:last-of-type{

	margin-bottom: 0px;

}

.entrybody .subtab-list li:last-of-type{

	margin-bottom: 15px;

}

.entrybody li a {

	color: #0D84DF;

	transition: all .25s ease;

}

.entrybody li a:hover {

	color: #32A1F5;

	text-decoration: underline;

}

.list li.is-check::before{

	position: absolute;

	content: '';

	background: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_check.png') no-repeat center top;

	background-size:100%;

	width: 15px;

	height: 12px;

	top: 5px;

	left: 5px;

}

.list li.is-check::after{display: none;}

.list-number,

.entrybody ol{counter-reset:number; }

.list-number li,

.entrybody ol li{

	position: relative;

	padding-left: 30px;

	line-height: 1.6;

	margin-bottom: 15px;

}

.list-number > li::before,

.entrybody ol li::before{

	position: absolute;

	counter-increment: number;

	content: counter(number);

	display:inline-block;

	background: #D3E9F5;

	color: #0D84DF;

	font-family: 'Arial';

	font-size: 14px;

	border-radius: 50%;

	left: 0;

	width: 22px;

	height: 22px;

	line-height: 22px;

	text-align: center;

	top: 0px;

}

.entrybody ol ul li::before{

	position: absolute;

	counter-increment: none;

	content: "";

	background: #D3E9F5;

	border-radius: 50%;

	width: 20px;

	height: 20px;

	top: 2px;

	left: 0;

}

.list-number li:last-of-type,

.entrybody ol li:last-of-type{margin-bottom: 0px;}

.entrybody ol li::after{display: none;}

.entrybody ol ul li::after{display: inline-block;}

.entrybody ul ol li:before {

	position: absolute;

	counter-increment: number;

	content: counter(number);

	display:inline-block;

	background: #D3E9F5;

	color: #0D84DF;

	font-family: 'Arial';

	font-size: 14px;

	border-radius: 50%;

	left: 0;

	width: 22px;

	height: 22px;

	line-height: 22px;

	text-align: center;

	top: 0px;

}

.noticelist{}

.noticelist li{

	font-size: 13px;

	line-height: 2;

	color: #61666C;

}

.noticelist li::before {

	content: none;

}

.noticelist li::after {

	content: none;

}

/* btn ---------------------------------------*/

.btn{

	text-align: center;

	display: inline-block;

	width: 320px;

	height: 48px;

	color: #fff;

	border-radius: 4px;

	font-size:16px;

	position:relative;

	overflow: hidden;

	background:#32A1F5;

	z-index: 0;

	padding: 0;

	line-height: 1.4;

	margin: 0 8px;

	}

.btn::before{

	display:block;

	content:'';

	background: transparent linear-gradient(90deg, #0D84DF 0%, #285CD1 100%) 0% 0% no-repeat padding-box;

	background-size:100%;

	width:100%;

	height:100%;

	position:absolute;

	right:0;

	top:0;

	z-index: -1;

	transition: all .25s ease;

}

.btn::after{

	display:block;

	content:'';

	background: #32A1F5;

	background-size:100%;

	width:100%;

	height:100%;

	position:absolute;

	right:0;

	top:0;

	z-index: -2;

}

.btn-navy::before{

	background: #0A4A9B;

}

.btn-navy:hover{

	background: #0D84DF;

}

.btn-green::before{

	background: linear-gradient(to right,#42AEBC, #00A6CE);

}

.btn-green::after{

	background: #42AEBC;

}

.btn:hover::before{opacity: 0;}

.btn.is-double{

	height: 64px;

}

.btn-delete{

	display: inline-block;

	color: #fff;

	border-radius: 4px;

	padding: 10px 13px;

	text-align: center;

	background:#D64141;

	z-index: 0;

}

.btn-delete:hover{background: #EF6A6A}

.btn-back{

	display: inline-block;

	color: #D64141;

	border: #D64141 1px solid;

	min-width: 200px;

	padding: 10px 13px;

	text-align: center;

	background: #fff;

}

.btn-back:hover{

	background: #FFE5E5;

}

.btn-back:first-child{

	margin-right: 20px;

}

.btn-red{

	display: inline-block;

	color: #fff;

	width:  200px;

    height: 40px;

	line-height: 40px;

	text-align: center;

	background:#D64141;

	z-index: 0;

}

.btn-red:hover{background: #EF6A6A}

.btn-blue{

	display: inline-block;

	color: #fff;

	width:  200px;

    height: 40px;

	line-height: 40px;

	text-align: center;

	background: transparent linear-gradient(90deg, #0D84DF 0%, #285CD1 100%) 0% 0% no-repeat padding-box;

	z-index: 0;

}

.btn-blue:hover{background: #32A1F5}

.btn span{

	display: block;

	z-index: 2;

	position:absolute;

	left:50%;

	top:50%;

	transform:translate(-50%,-50%);

	white-space: nowrap;

}

.btn[target="_blank"] span{padding-right: 20px;}

.btn[target="_blank"] span::after{

	display:block;

	content:'';

	background: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_btnblank.png') center top no-repeat;

	background-size: 12px 12px;

	width:12px;

	height:16px;

	background-size:100%;

	margin-top:-8px;

	position:absolute;

	right:0px;

	top:50%;

}

.btn span small{

	display: block;

	font-size:13px;

}

.btn span small.text-small{

	display: inline;

	font-size:14px;

}

.btn-simple{

	text-align: center;

	display: inline-block;

	max-width: 100%;

	width: 320px;

	height: 48px;

	color: #fff;

	border-radius: 4px;

	font-size:16px;

	position:relative;

	overflow: hidden;

	color:#1E6AD6;

	border:1px solid #1E6AD6;

	z-index: 0;

	padding: 0;

	line-height: 1.4;

	margin: 0 8px;

	transition: all .25s ease;

	background: #fff;

}

.btn-simple span{

	display: block;

	z-index: 2;

	position:absolute;

	left:50%;

	top:50%;

	transform:translate(-50%,-50%);

	white-space: nowrap;

}

.btn-simple span small{

	display: block;

	font-size:13px;

}

.btn-simple.is-small{

	width: 260px;

	padding: 0px 0;

}

.btn-simple:hover{background: #E8F3FC;}

.btn-simple.is-search span::before{

	content:'';

	display: inline-block;

	vertical-align: middle;

	margin-right: 10px;

	background: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_btnsearch.png') center center no-repeat;

	background-size: 100%;

	width:24px;

	height:24px;

	position:relative;

	top: -2px;

}

.btn-simple.is-red{

	color: #D64141;

	border-color:#D64141;

}

.btn-simple.is-red:hover{

	color: #D64141;

	border-color:#D64141;

	background: #FFE5E5;}

.btn-simple.is-double{

	height: 64px;

}

.btn-cart{

	text-align: center;

	display: inline-block;

	max-width: 100%;

	width: 320px;

	color: #fff;

	border-radius: 4px;

	font-size:16px;

	position:relative;

	overflow: hidden;

	color:#fff;

	background:#F58632;

	border:1px solid #F58632;

	z-index: 0;

	padding: 11px 0;

	line-height: 1.3;

	margin: 0;

	transition: all .25s ease;

}

.btn-cart::before{

	content:'';

	display: inline-block;

	vertical-align: middle;

	margin-right: 10px;

	background: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_btncart.png') center center no-repeat;

	background-size: 100%;

	width:26px;

	height:24px;

	position:relative;

	top: -2px;

}

.btn-cart:hover{

	opacity: 0.7;

}

.btn-copy{

	border: #285CD1 1px solid;

	border-radius: 4px;

	font-size: 16px ;

	color: #285CD1;

	padding: 5px 20px;

	margin-left: 20px;

	background: #fff;

	transition: all .25s ease;

	cursor: pointer;

}

.action-buttons {

  text-align: center;

  margin-bottom: 32px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.entrybody table .btn,

.entrybody .table .btn{

	width: 100%;

	color: #fff;

	margin: 0;

}

button:disabled, input:disabled{

	background: #BDC2CE;

	border:1px solid #F5F8FA;

	color: #F5F8FA;

}

button:disabled::before, input:disabled::before{

	background: #BDC2CE;

	border:1px solid #F5F8FA;

	color: #F5F8FA;

}

button:disabled:hover{

	opacity: 0.8;

}

button:disabled:hover::before{

	opacity: 0.8;

}

/* table ---------------------------------------*/

.table-wrapper{}

.table,

.entrybody table {width:100%;}

.entrybody table {

	table-layout: fixed;

	margin-bottom: 40px;

}

.table-fixed{table-layout: fixed;}

.table thead th,

.entrybody table thead th{

	background: #E6ECF0;

	font-size: 16px;

	font-weight: normal;

	line-height: 2;

	text-align: left;

	color: #61666C;

	border: solid 1px #BDC2CE;

	padding: 30px 16px;

	vertical-align: middle;

}

.table tbody th,

.entrybody table tbody th{

	background: #E6ECF0;

	font-size: 16px;

	line-height: 2;

	text-align: left;

	color: #61666C;

	padding: 30px 16px;

	border: solid 1px #BDC2CE;

	/* vertical-align: top; */

	font-weight:normal;

}

.table tbody td,

.entrybody table tbody td{

	background: #fff;

	font-size: 16px;

	line-height: 2;

	text-align: left;

	color: #61666C;

	padding: 30px 16px;

	border: solid 1px #BDC2CE;

	vertical-align: middle;

}

.table-vertical tbody th{font-weight:bold;}

.table-horizontal thead th,

.entrybody table thead th{

	text-align:center;

	font-weight:bold;

	padding: 16px;

}

.table tbody td.td-checkbox{line-height: 1;}

.entrybody table + small {

	display: block;

	margin-top: -35px;

	text-align: right;

}

.table-row tbody tr:nth-of-type(odd) td,.table-row tbody tr:nth-of-type(odd) th{

	background: #FFF;

}

.table-row tbody tr:nth-of-type(even) td,.table-row tbody tr:nth-of-type(even) th{

	background: #F6F7F8;

}

.table td.has-tablenone {}

.table .tablenone {

	position: relative;

	width: 24px;

	height: 1px;

	background-color: #61666C;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

}

.table .is-check{

	position: relative;

	padding-left:25px ;

	margin-left: 20px;

}

.table .is-check::before{

	position: absolute;

	content: '';

	background: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_check.png') no-repeat center top;

	background-size:100%;

	width: 15px;

	height: 12px;

	top: 5px;

	left: 0px;

}

.comparison-table td {

    padding: 0 !important;

}

.comparison-table td.img {

    width: 10px;

    height: 10px;

	text-align: center;

}

/* textblock ---------------------------------------*/

.textblock{overflow: hidden;}

.textblock-image{}

.textblock-image.is-left{

	float: left;

	margin-right: 24px;

}

.textblock-image.is-right{

	float: right;

	margin-left: 24px;

}

/* image ---------------------------------------*/

.imagebox{

	margin-bottom: 16px;

	position: relative;

}

/* section ---------------------------------------*/

.border-section{

	border-top:1px solid #D9D9D9;

	padding-top: 48px;

}

/* articletag ---------------------------------------*/

.articletag{}

.articletag-category {

	background: #0D84DF;

	background-size: 100%;

	color: #fff;

	font-size: 12px;

	line-height: 1.0;

	padding: 5px 8px;

	border-radius: 2px;

}

.articletag-date{

	font-size:12px;

	color: #B8C0C7;

}

/* tagsort ---------------------------------------*/

.tagsort{

	display:flex;

	justify-content:space-between;

}

.tagsort-title{

	width: 120px;

}

.tagsort-detail{

	width: calc(100% - 120px);

}

/* taglist ---------------------------------------*/

.taglist{

	font-size:0;

}

.taglist-item{

	font-size:16px;

	display: inline-block;

	margin: 0 15px 16px 0;

}

.taglist-item > span,

.taglist-item > a{

	display: block;

	border:1px dashed #0D84DF;

	border-radius:20px;

	font-size: 13px;

	font-weight:bold;

	line-height: 1.1;

	padding: 6px 13px 5px 13px;

	color: #0D84DF;

	cursor: pointer;

	transition: all .25s ease;

}

.taglist-item > span:hover,

.taglist-item > a:hover{opacity: .7}

.taglist-item.taglist-item-more > span{

	display: block;

	border:none;

	border-radius:0;

	font-size: 13px;

	font-weight:bold;

	line-height: 1.1;

	padding: 6px 13px 5px 0;

	color: #0D84DF;

	font-weight: bold;

	cursor: pointer;

}

.taglist-item > span::before,

.taglist-item > a::before{

	content:'';

	display: inline-block;

	vertical-align: middle;

	margin-right: 10px;

	background: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_tag.png') 0 0 no-repeat;

	background-size: 100%;

	width:11px;

	height:11px;

}

.taglist-item.taglist-item-more > span::before{display: none;}

/* faq ---------------------------------------*/

.faq{}

.faq-list{}

.faq-list-item{

	border-bottom:1px solid #d9d9d9;

	padding: 0px 0;

}

.faq-title{

	font-size:16px;

	line-height: 2;

	position:relative;

	padding-left: 50px;

	margin-bottom:8px;

}

.faq-title::before{

	display:block;

	content:'Q';

	font-family: Roboto;

	color: #265FD2;

	font-size:20px;

	position:absolute;

	left:20px;

	top:0;

	line-height:1.5;

}

.faq-taglist{

	font-size:0;

	padding-left: 50px;

}

.faq-taglist-item{

	font-size:16px;

	display: inline-block;

	margin: 0 12px 12px 0;

}

.faq-taglist-item > span,

.faq-taglist-item > a{

	display: block;

	background: #F5F8FA;

	border-radius:20px;

	font-size: 11px;

	font-weight:bold;

	line-height: 1.1;

	padding: 6px 13px 5px 13px;

	color: #0D84DF;

	cursor: pointer;

}

.faq-answer{

	background: #F5F8FA;

	padding: 24px 24px 24px 60px;

	color: #61666C;

	font-size:16px;

	line-height: 1.7;

	position:relative;

}

.faq-answer::before{

	display:block;

	content:'A';

	font-family: Roboto;

	color: #00A6CE;

	font-size:20px;

	position:absolute;

	left:24px;

	top:24px;

	line-height:1.5;

}

.entrybody .faq-list li::after,

.entrybody .faq-list li::before{

	display: none;

}

/* accordion ---------------------------------------*/

.accordion{}

.accordion-title{

	position:relative;

	padding: 24px 50px 24px 0;

	cursor: pointer;

	transition: all .25s ease;

}

.accordion-title::after{

	display:block;

	content:'';

	background:url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_plus.png') no-repeat left top;

	background-size:100%;

	width:24px;

	height:24px;

	position:absolute;

	right:10px;

	top:50%;

	transform: translate(0,-50%);

}

.accordion-title.is-open::after{

	background-image:url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_minus.png');

}

.accordion-body{

	padding: 24px;

	display: none;

}

/* QA --------------------------------------------*/

.qa-title{

	position:relative;

	padding: 24px 50px 24px 0;

	cursor: pointer;

	transition: all .25s ease;

}

.qa-title::after{

	display:block;

	content:'';

	background-size:100%;

	width:24px;

	height:24px;

	position:absolute;

	right:10px;

	top:50%;

	transform: translate(0,-50%);

}

.qa-title.is-open::after{

	background-image:url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_minus.png');

}

/* maintab ---------------------------------------*/

.maintab{margin-bottom: 24px;}

.maintab-list{

	display:flex;

	justify-content:space-between;

}

.maintab-list.is-2tab > li{width:50%;}

.maintab-list.is-3tab > li{width:33.333%;}

.maintab-list.is-4tab > li{width:25%;}

.maintab-list.is-5tab > li{width:20%;}

.maintab-list.is-6tab > li{width:16.777%;}

.maintab-list.is-7tab > li{width:14.285%;}

.maintab-list > li{

	cursor: pointer;

	text-align: center;

	font-size:14px;

	line-height: 1.6;

	color: #484848;

	background: #fff;

	padding: 16px 8px;

	box-sizing:border-box;

	background: #EDF0F2;

	position: relative;

}

.maintab-list > li.is-active{

	background: #0D84DF;

	color: #fff;

	font-weight:bold;

}

.maintab-list > li.is-active::before{

	content: "";

	position: absolute;

	top: 100%;

	left: 50%;

	margin-left: -10px;

	border: 10px solid transparent;

	border-top: 10px solid #0D84DF;

}

.maintab-content{display: none;}

.maintab-content.is-active{display: block;}

/* subtab ---------------------------------------*/

.subtab{margin-bottom: 24px;}

.subtab-list{

	display:flex;

	justify-content:space-between;

}

.subtab-list.is-2tab > li{width:50%;}

.subtab-list.is-3tab > li{width:33.333%;}

.subtab-list.is-4tab > li{width:25%;}

.subtab-list.is-5tab > li{width:20%;}

.subtab-list.is-6tab > li{width:16.777%;}

.subtab-list.is-7tab > li{width:14.285%;}

.subtab-list > li{

	cursor: pointer;

	text-align: center;

	font-size:14px;

	line-height: 1.6;

	color: #61666C;

	padding: 16px 8px;

	box-sizing:border-box;

	box-shadow:0px -4px 0px #EDF0F2 inset;

}

.subtab-list > li.is-active{

	box-shadow:0px -4px 0px #0D84DF inset;

	color:#222;

}

.subtab-content{display: none;}

.subtab-content.is-active{display: block;}

/* anchor ---------------------------------------*/

.anchor{margin-bottom: 24px;}

.anchor-list{

	text-align: center;

}

.anchor-list > li{

	cursor: pointer;

	text-align: center;

	font-size:14px;

	line-height: 1.6;

	box-sizing:border-box;

	display: inline-block;

	padding-left: 0;

}

.anchor-list > li > a{

	display: block;

	padding: 16px 16px;

}

.anchor-list > li > a:hover span{

	color: #32A1F5;

}

.anchor-list > li > a > span{

	position: relative;

	padding-right: 15px;

	color: #61666C;

	display: inline-block;

	transition: all .25s ease;

}

.anchor-list > li > a > span::after {

	content: '';

	display: block;

	width: 10px;

	height: 15px;

	position: absolute;

	top: 50%;

	right: 0;

	transform: translate(0,-50%);

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_headerarrow_bl.png) no-repeat center center;

	background-size: 10px;

}

.anchor-list > li::before,

.anchor-list > li::after{

	display: none;

}

/* searchform ---------------------------------------*/

.searchform-box {

	background: #F5F8FA;

	border-radius: 4px;

	padding: 60px 40px;

}

.searchform{

	max-width: 550px;

	margin: 0 auto;

	position:relative;

	height: 50px;

}

.searchform-inner{

	overflow: hidden;

}

.searchform-inner input{

	border:1px solid #61666C;

	border-radius:5px;

	height: 48px;

	line-height: 48px;

	width: 100%;

	box-sizing:border-box;

	padding: 0 66px 0 60px;

	font-size:16px;

	outline: none;

}

.has-btn-l .searchform-inner input{

	padding: 0 120px 0 60px;

	font-size:13px;

}

.searchform-inner input::placeholder{color:#B9B9B9;}

.searchform-inner input:focus{border: 2px #0D84DF solid;}

.searchform-icon{

	display:block;

	content:'';

	background:url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_search_bold.png') no-repeat left top;

	background-size:100%;

	width:20px;

	height:20px;

	position:absolute;

	left:20px;

	top:50%;

	transform: translate(0,-50%);

}

.searchform-btn{

	position:absolute;

	right: 0;

	top: 0;

	background: #0A4A9B;

	height: 48px;

	width: 66px;

	line-height: 48px;

	font-size:16px;

	color: #fff;

	text-align:center;

	border:none;

	border-radius:0 5px 5px 0;

	cursor: pointer;

	transition: all .25s ease;

}

.searchform-btn:hover{background:#0D84DF;}

.searchform-btn-l{

	width: 120px;

	font-size:13px;

}

/* movie ---------------------------------------*/

.movie{

	max-width: 850px;

	height: 500px;

	margin: 0 auto;

	position: relative;

}

.movie iframe{

	width: 100% !important;

	height: 100% !important;

}

.jstream-eqPlayer{

	position: absolute !important;

	right: 0;

	top: 0;

	width: 100% !important;

	height: 100% !important;

}

.eq-h5_player{

	width: 100% !important;

	height: 100% !important;

}

.movie::after{

	/*

	display:block;

	content:'';

	background:url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_play.svg') no-repeat left top;

	background-size:100%;

	width:48px;

	height:48px;

	position:absolute;

	left: 50%;

	top:50%;

	transform: translate(-50%,-50%);

	*/

}

.modal-movie-video{

	max-width: 680px;

	height: 0;

	padding-bottom: 47%;

	margin: 0 auto;

	position: relative;

	border:1px solid #aaa;

}

/* pankuzu ---------------------------------------*/

.pankuzu {

	background: #F5F8FA;

	border-top:1px solid #D1D1D1;

	padding: 16px;

}

.pankuzu-list {

	max-width: 1080px;

	margin: 0 auto;

}

.pankuzu-list > li {

	font-size:13px;

	display: inline-block;

	vertical-align: middle;

	margin-right: 20px;

}

.pankuzu-list > li a{

	display: block;

	color: #61666C;

}

.pankuzu-list > li:first-child img{

	width:20px;

	padding-bottom: 2px;

}

.pankuzu-list > li a{

	display: block;

	position:relative;

	padding-left: 20px;

}

.pankuzu-list > li:first-of-type a{

	padding-left: 0px;

}

.pankuzu-list > li a::after{

	display:block;

	content:'';

	background:#c3c3c3;

	background-size:100%;

	width:1px;

	height:14px;

	position:absolute;

	left:0px;

	top:50%;

	transform: translate(0,-50%);

}

.pankuzu-list > li:first-child a::after{

	display:none;

}

/* pager ---------------------------------------*/

.pager{

	padding:12px 0;

	background: #EDF0F2;

}

.pager-list{

	font-size:0px;

	text-align: center;

}

.pager-list > li{

	display: inline-block;

	margin: 0 16px;

	font-family: Roboto;

	font-size: 16px;

	text-align: center;

	color: #61666C;

}

.pager-list > li.is-active{

	font-weight:bold;

}

.pager-list > li a,

.pager-list > li span{

	width: 32px;

	height: 32px;

	line-height: 30px;

	color: #555;

	display: block;

	transition: all .75s ease;

	border-radius:4px;

}

.pager-list > li.is-active span,

.pager-list > li.is-active a{

	background-color: #0D84DF;

	color: #fff;

}

.pager-list > li.pager-prev a,

.pager-list > li.pager-next a{

	font-size:18px;

	color: #61666C;

}

/* sns ---------------------------------------*/

.sns{}

.sns-list{

	text-align:center;

}

.sns-list > li{

	display: inline-block;

	margin: 0 20px;

}

.sns-list > li a{

	display: block;

	transition: all .25s ease;

}

.sns-list > li a:hover{opacity:0.7;}

.sns-list > li img{width:32px;}

/* footersns ---------------------------------------*/

.footersns{}

.footersns-list{

	text-align:center;

}

.footersns-text{

	text-align: center;

	margin-bottom: 20px;

}

.footersns-list > li{

	display: inline-block;

	margin: 0 10px;

}

.footersns-list > li a{

	display: block;

	transition: all .25s ease;

}

.footersns-list > li a:hover{opacity:0.7;}

.footersns-list > li img{width:40px;}

/* kv ---------------------------------------*/

.kv-wrapper {

	padding-top: 96px;

	margin-bottom: 60px;

}

.kv-wrapper.is-open {

	padding-top: 0;

}

.is-cart .kv-wrapper{padding-top: 60px;}

.kv{

	position: relative;

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Fkv.png) no-repeat center center;

	background-size: cover;

	margin-bottom: 64px;

	height: 146px;

}

.kv-inner{

	position:absolute;

	left:0%;

	top:50%;

	transform:translate(0%,-50%);

	width: 100%;

	text-align: center;

	color: #0D84DF;

}

.kv-title{

	font-size: 32px;

	line-height: 1.5;

	max-width: 1120px;

	margin: 0 auto 10px;

}

.kv-title-small{

	left: 20px;

	top: 0;

	font-size: 14px;

	color: #61666C;

	display: block;

	letter-spacing: 0.02em;

}

/* grid ---------------------------------------*/

.row {

	display: flex;

	flex-wrap: wrap;

	margin-right: -12px;

	margin-left: -12px;

	margin-bottom: 30px;

}

.row.is-alignend {align-items: flex-end;}

.row img{width:100%;}

.no-gutters {

	margin-right: 0;

	margin-left: 0;

}

.no-gutters > .col,

.no-gutters > [class*="col-"] {

	padding-right: 0;

	padding-left: 0;

}

.va-center {align-items: center;}

.col-1,

.col-2,

.col-2-4,

.col-3,

.col-4,

.col-5,

.col-6,

.col-7,

.col-8,

.col-9,

.col-10,

.col-11,

.col-12 {

	position: relative;

	width: 100%;

	min-height: 1px;

	padding-right: 12px;

	padding-left: 12px;

}

.col {

	flex-basis: 0;

	flex-grow: 1;

	max-width: 100%;

}

.col-auto {

	flex: 0 0 auto;

	width: auto;

	max-width: none;

}

.col-1 {

	flex: 0 0 8.3333333333%;

	max-width: 8.3333333333%;

}

.col-2 {

	flex: 0 0 16.6666666667%;

	max-width: 16.6666666667%;

}

.col-2-4 {

	flex: 0 0 20%;

	max-width: 20%;

}

.col-3 {

	flex: 0 0 25%;

	max-width: 25%;

}

.col-4 {

	flex: 0 0 33.3333333333%;

	max-width: 33.3333333333%;

}

.col-5 {

	flex: 0 0 41.6666666667%;

	max-width: 41.6666666667%;

}

.col-6 {

	flex: 0 0 50%;

	max-width: 50%;

}

.col-7 {

	flex: 0 0 58.3333333333%;

	max-width: 58.3333333333%;

}

.col-8 {

	flex: 0 0 66.6666666667%;

	max-width: 66.6666666667%;

}

.col-9 {

	flex: 0 0 75%;

	max-width: 75%;

}

.col-10 {

	flex: 0 0 83.3333333333%;

	max-width: 83.3333333333%;

}

.col-11 {

	flex: 0 0 91.6666666667%;

	max-width: 91.6666666667%;

}

.col-12 {

	flex: 0 0 100%;

	max-width: 100%;

}

.order-first {order: -1;}

.order-last {order: 13;}

.order-0 {order: 0;}

.order-1 {order: 1;}

.order-2 {order: 2;}

.order-3 {order: 3;}

.order-4 {order: 4;}

.order-5 {order: 5;}

.order-6 {order: 6;}

.order-7 {order: 7;}

.order-8 {order: 8;}

.order-9 {order: 9;}

.order-10 {order: 10;}

.order-11 {order: 11;}

.order-12 {order: 12;}

.offset-1 {margin-left: 8.3333333333%;}

.offset-2 {margin-left: 16.6666666667%;}

.offset-3 {margin-left: 25%;}

.offset-4 {margin-left: 33.3333333333%;}

.offset-5 {margin-left: 41.6666666667%;}

.offset-6 {	margin-left: 50%;}

.offset-7 {margin-left: 58.3333333333%;}

.offset-8 {margin-left: 66.6666666667%;}

.offset-9 {margin-left: 75%;}

.offset-10 {margin-left: 83.3333333333%;}

.offset-11 {margin-left: 91.6666666667%;

}

.col-link{

	display: block;

	height: 100%;

	transition: all .25s ease;

}

.col-link:hover{opacity:0.7;}

.col-link p{line-height: 1.5;}

/* margin ---------------------------------------*/

.mt-0{margin-top:0px !important;}

.mt-5{margin-top:5px !important;}

.mt-10{margin-top:10px !important;}

.mt-16{margin-top:16px !important;}

.mt-20{margin-top:20px !important;}

.mt-24{margin-top:24px !important;}

.mt-28{margin-top:28px !important;}

.mt-30{margin-top:30px !important;}

.mt-32{margin-top:32px !important;}

.mt-36{margin-top:36px !important;}

.mt-40{margin-top:40px !important;}

.mt-44{margin-top:44px !important;}

.mt-48{margin-top:48px !important;}

.mt-50{margin-top:50px !important;}

.mt-52{margin-top:52px !important;}

.mt-56{margin-top:56px !important;}

.mt-60{margin-top:60px !important;}

.mt-64{margin-top:64px !important;}

.mt-70{margin-top:70px !important;}

.mt-80{margin-top:80px !important;}

.mt-90{margin-top:90px !important;}

.mt-100{margin-top:100px !important;}

.mb-0{margin-bottom:0px !important;}

.mb-5{margin-bottom:5px !important;}

.mb-8{margin-bottom:8px !important;}

.mb-10{margin-bottom:10px !important;}

.mb-12{margin-bottom:12px !important;}

.mb-16{margin-bottom:16px !important;}

.mb-20{margin-bottom:20px !important;}

.mb-24{margin-bottom:24px !important;}

.mb-28{margin-bottom:28px !important;}

.mb-30{margin-bottom:30px !important;}

.mb-32{margin-bottom:32px !important;}

.mb-34{margin-bottom:34px !important;}

.mb-40{margin-bottom:40px !important;}

.mb-44{margin-bottom:44px !important;}

.mb-48{margin-bottom:48px !important;}

.mb-50{margin-bottom:50px !important;}

.mb-52{margin-bottom:52px !important;}

.mb-56{margin-bottom:56px !important;}

.mb-60{margin-bottom:60px !important;}

.mb-64{margin-bottom:64px !important;}

.mb-70{margin-bottom:70px !important;}

.mb-80{margin-bottom:80px !important;}

.mb-90{margin-bottom:90px !important;}

.mb-100{margin-bottom:100px !important;}

.mb-110{margin-bottom:100px !important;}

.mb-120{margin-bottom:100px !important;}

.mr-0{margin-right:0px !important;}

.mr-5{margin-right:5px !important;}

.mr-8{margin-right:8px !important;}

.mr-10{margin-right:10px !important;}

.mr-12{margin-right:12px !important;}

.mr-16{margin-right:16px !important;}

.mr-20{margin-right:20px !important;}

.mr-24{margin-right:24px !important;}

.mr-28{margin-right:28px !important;}

.mr-30{margin-right:30px !important;}

.mr-32{margin-right:32px !important;}

.mr-34{margin-right:34px !important;}

.mr-40{margin-right:40px !important;}

.mr-44{margin-right:44px !important;}

.mr-48{margin-right:48px !important;}

.mr-50{margin-right:50px !important;}

.mr-52{margin-right:52px !important;}

.mr-56{margin-right:56px !important;}

.mr-60{margin-right:60px !important;}

.mr-64{margin-right:64px !important;}

.mr-70{margin-right:70px !important;}

.mr-80{margin-right:80px !important;}

.mr-90{margin-right:90px !important;}

.mr-100{margin-right:100px !important;}

.mr-110{margin-right:110px !important;}

.mr-120{margin-right:120px !important;}

.ml-0{margin-left:0px !important;}

.ml-5{margin-left:5px !important;}

.ml-8{margin-left:8px !important;}

.ml-10{margin-left:10px !important;}

.ml-12{margin-left:12px !important;}

.ml-16{margin-left:16px !important;}

.ml-20{margin-left:20px !important;}

.ml-24{margin-left:24px !important;}

.ml-28{margin-left:28px !important;}

.ml-30{margin-left:30px !important;}

.ml-32{margin-left:32px !important;}

.ml-34{margin-left:34px !important;}

.ml-40{margin-left:40px !important;}

.ml-44{margin-left:44px !important;}

.ml-48{margin-left:48px !important;}

.ml-50{margin-left:50px !important;}

.ml-52{margin-left:52px !important;}

.ml-56{margin-left:56px !important;}

.ml-60{margin-left:60px !important;}

.ml-64{margin-left:64px !important;}

.ml-70{margin-left:70px !important;}

.ml-80{margin-left:80px !important;}

.ml-90{margin-left:90px !important;}

.ml-100{margin-left:100px !important;}

.ml-110{margin-left:110px !important;}

.ml-120{margin-left:120px !important;}

/* width ---------------------------------------*/

.w-5per{width:5% !important;}

.w-9per{width:9% !important;}

.w-10per{width:10% !important;}

.w-12per{width:12% !important;}

.w-13per{width:13% !important;}

.w-14per{width:14% !important;}

.w-15per{width:15% !important;}

.w-16per{width:16% !important;}

.w-20per{width:20% !important;}

.w-25per{width:25% !important;}

.w-30per{width:30% !important;}

.w-35per{width:35% !important;}

.w-37per{width:37.5% !important;}

.w-40per{width:40% !important;}

.w-45per{width:45% !important;}

.w-50per{width:50% !important;}

.w-55per{width:55% !important;}

.w-60per{width:60% !important;}

.w-65per{width:65% !important;}

.w-70per{width:70% !important;}

.w-75per{width:75% !important;}

.w-80per{width:80% !important;}

.w-85per{width:85% !important;}

.w-90per{width:90% !important;}

.w-95per{width:95% !important;}

.w-100per{width:100% !important;}

/* modal ---------------------------------------*/

.modal-wrapper{display: none;}

.modal{background: #fff;}

.modal-inner{

	padding: 50px 100px;

	background: #fff;

}

/* form ---------------------------------------*/

.form-area .submit{text-align: center;}

.form-select{

	max-width: 100%;

	border-radius: 4px;

	padding: 15px 20px;

	font-size: 16px;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	border: 1px solid #61666C;

	color: #61666C;

	background: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_headerarrow_bl.png') 97% 50% no-repeat;

	background-size: 10px 10px;

	border-radius: 4px;

	outline: none;

}

select::-ms-expand {display: none;}

.form-text{

	border-radius: 4px;

	padding: 15px 20px;

	border: 1px solid #61666C;

	font-size:16px;

	line-height: 1.4;

	width:100%;

	box-sizing:border-box;

	outline: none;

}

.form-text:focus{border: 2px #0D84DF solid;}

.form-text:focus-within{border-color:#0546A5;}

.form-text-wrapper{position:relative;}

.form-text-wrapper .form-text::placeholder{color:transparent;}

.form-text-label{

	position:absolute;

	left: 20px;

	top: 50%;

	transform: translate(0,-50%);

	transition: all .25s ease;

	transform-origin: 0 100%;

	color: #aaa;

}

@media all and (-ms-high-contrast:none){

  *::-ms-backdrop, .form-text-label {display:none;} /* IE11 */

}

.form-text-wrapper:focus-within .form-text-label{transform: translate(0,-145%) scale(0.6);}

.form-text:not(:placeholder-shown) + .form-text-label{transform: translate(0,-145%) scale(0.6);}

.form-radio {

	display: inline-block;

	line-height: 1;

	margin-right: 5px;

	font-size: 16px;

	position:relative;

}

.form-radio label {

	background: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_radio.png') left 1px no-repeat;

	background-size: 24px;

	box-sizing: border-box;

	cursor: pointer;

	display: inline-block;

	line-height: 1.4;

	min-height: 25px;

	margin: 0px 20px 10px 0;

	padding: 2px 0 0 32px;

	position: relative;

	vertical-align: top;

}

.form-radio input[type="radio"]{position: absolute;left:0px;top:0px;width:1px;height:1px;overflow: hidden;opacity:0;}

.form-radio input:checked + label {background-image: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_radio_on.png');}

.form-radio input:disabled + label {opacity: 0.7;}

.form-checkbox {

	display: inline-block;

	line-height: 1;

	margin-right: 24px;

	font-size: 16px;

	position:relative;

}

.form-checkbox.is-only{margin-right:0;line-height:1.0;}

.form-checkbox label {

	background: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_checkbox.png') left 1px no-repeat;

	background-size: 24px;

	box-sizing: border-box;

	cursor: pointer;

	display: inline-block;

	line-height: 1.4;

	min-height: 25px;

	margin: 0px 0;

	padding: 2px 0 0 32px;

	position: relative;

	vertical-align: top;

}

.form-checkbox.is-only label{padding:0 0 0 24px;}

.form-checkbox input[type="checkbox"]{position: absolute;left:0px;top:0px;width:1px;height:1px;overflow: hidden;opacity:0;}

.form-checkbox input:checked + label {background-image: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_checkbox_on.png');}

.form-checkbox input:disabled + label {opacity: 0.7;}

.form-textarea{

	padding:13px 5px;

	border:1px solid #535A63;

	width:100%;

	box-sizing:border-box;

	height:80px;

  	resize: none;

}

::placeholder {color:#aaa;}

.form-back{

	color: #D64141;

	font-size: 16px;

}

/* （設定成功） -----------*/

p.success{

	font-size: 20px;

	font-weight:bold;

	margin-left: 35px;

	position: relative;

}

p.success::before{

	content: '';

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_available.png) no-repeat center center;

	background-size: 100%;

	background-repeat: no-repeat;

	width: 27px;

	height: 27px;

	position: absolute;

    left: -30px;

    top: 50%;

    transform: translateY(-50%);

}

/* （エラー） -----------*/

p.error{

	font-size: 20px;

	font-weight:bold;

	color: #D64141;

	margin-top: 10px;

}

input.error,

select.error{

	background-color: #FFDEDE;

	border: 2px solid #D64141;

	position: relative;

	color: #D64141;

}

input.error::placeholder{color: #D64141;}

.error-input-wrapper{

	position: relative;

}

.error-input-wrapper input{padding-top:20px;}

.error-input-sample{

	display: inline-block;

	position: absolute;

	left: 23px;

	top: 8px;

	font-size: 10px;

	color: #B9B9B9;

	z-index: 1000;

}



/* module2 --------------------------------------------------*/

/* progress -----------------------*/

.progress{

	width: 750px;

	max-width: 90%;

	margin: 0 auto 32px;

}

.progress-list{

	display: flex;

	justify-content: space-around;

	position: relative;

}

.progress-list-item{

	text-align: center;

	width: 100%;

	position:relative;

}

.progress-list-item::before{

	display: block;

	content: '';

	background: #BDC2CE;

	width: 100%;

	height: 2px;

	position: absolute;

	left: 0%;

	top: 20px;

	z-index: 1;

}

.progress-list-item.is-end::before{background-color:#0D84DF; }

.progress-list-item:first-child::before{

	left: 50%;

	width: 50%;

}

.progress-list-item:last-child::before{

	width: 50%;

}

.progress-list-item.is-prev::after{

	display: block;

	content: '';

	background: #0D84DF;

	background-size: 100%;

	width: 100%;

	height: 2px;

	position: absolute;

	left: 0%;

	top: 20px;

	z-index: 2;

}

.progress-list-item:first-child.is-prev::after{

	left: 50%;

	width: 50%;

}

.progress-list-item:last-child.is-prev::after{

	width: 50%;

}

.progress-list-item img{

	width: 40px;

	margin-bottom: 10px;

	position:relative;

	z-index: 3;

}

.progress-list-item p{

	color: #61666C;

	font-size: 12px;

}

.progress-list-item.is-prev p,

.progress-list-item.is-end p{

	color: #0D84DF;

}

/* formtable -----------------------*/

.formtable{}

.formtable table thead,

.formtable-quote table thead{

	background: #F5F8FA;

	padding: 20px;

}

.formtable table thead th,

.formtable-quote table thead th{

	padding: 10px 20px;

	font-size: 18px;

	color: #fff;

	background: #9BAEBA;

}

.formtable-quote table thead th{

	border-bottom: 1px solid #BDC2CE;

	width: 30%;

	background: #F5F8FA;

	color: #61666C;

}

.formtable-quote .formtable-quote-bottom table thead th{

	border-bottom: 1px solid #BDC2CE;

	width: 25%;

}

.formtable-quote table thead td{

	background: #fff;

	border-bottom: 1px solid #BDC2CE;

	padding: 20px;

	font-size: 18px;

}

.formtable-quote .formtable-quote-select-wrapper table thead td input,

.formtable-quote .formtable-quote-select-wrapper table thead td select{

	display: block;

}

.formtable-quote table thead td input{

	width: 380px;

	margin-right: 20px;

}

.formtable-quote table thead td select{

	line-height: 1.4;

	width: 190px;

}

.formtable-quote-text{

	width: 150px;

	text-align: left;

	line-height: 1.4;

	padding: 15px 20px;

}

.formtable-head-btn{

	border: #1E6AD6 3px solid;

	border-radius: 4px;

	font-size: 16px ;

	color: #0A4A9B;

	padding: 5px 20px;

	margin-left: 20px;

	background: #fff;

	transition: all .25s ease;

	cursor: pointer;

}

.formtable-head-btn:hover{

	background: #E8F3FC

}

.formtable table tbody tr,

.formtable-quote table tbody tr{border-bottom: 1px solid #BDC2CE;}

.formtable table tbody tr:first-of-type,

.formtable-quote table tbody tr:first-of-type{border-top: 1px solid #BDC2CE;}

.formtable-quote table tbody tr:last-of-type{text-align: center;}

.formtable-quote table tbody tr:last-of-type td a{width: 100%;}

.formtable-quote table tbody tr:last-of-type td a span{font-size:18px;}

.formtable table tbody th{

	background: #F5F8FA;

	width: 30%;

	padding: 20px;

	color: #61666C;

	font-size: 16px;

}

.formtable table tbody td{

	width: 70%;

	padding: 25px 30px;

}

.formtable-quote table tbody td{

	padding: 25px 30px;

}

.formtable-quote table tbody td input{

	width: 80px;

}

.formtable-quote table tbody tr td span{

	font-size: 14px;

}

.formtable-choices{}

.formtable-choices td input,

.formtable-payment td input{margin-right: 5px;}

.formtable-payment-vertical td .form-radio,

.formtable-choices-vertical td .form-radio{

	display: block;

}

.formtable-choices-vertical-text{

	color: #61666C;

	font-size: 14px;

	margin-top: 20px;

}

.formtable-payment-vertical-text{

	color: #61666C;

	font-size: 14px;

	padding: 10px 10px 5px 10px;

}

.formtable-textarea td textarea{

	border: 1px #BDC2CE solid;

	padding: 10px;

	font-size: 14px;

	width: 100%;

	min-height: 300px;

	resize: none;

}

.formtable-textarea-remarks td textarea{

	border: 1px #BDC2CE solid;

	padding: 10px;

	font-size: 14px;

	width: 100%;

	min-height: 120px;

	resize: none;

}

.formtable-checkbox td input{

	margin-right: 15px;

}

.formtable-checkbox-text{

	color: #61666C;

	font-size: 14px;

}

.formtable-category{

	font-size: 12px;

	color: #fff;

	background: #0D84DF;

	display: inline-block;

	width: 60px;

	height: 20px;

	text-align: center;

	border-radius: 2px;

	margin-left: 10px;

	line-height: 20px;

}

.formtable-category-white{

	font-size: 12px;

	color: #0D84DF;

	background: #fff;

	display: inline-block;

	width: 60px;

	height: 20px;

	text-align: center;

	border: #0D84DF 1px solid;

	border-radius: 2px;

	margin-left: 10px;

	line-height: 20px;

}

.formtable-mandatory{

	font-size: 12px;

	color: #D64141;

	background: #fff;

	display: inline-block;

	width: 60px;

	height: 20px;

	text-align: center;

	border-radius: 2px;

	margin-left: 10px;

	line-height: 20px;

	border: 1px solid #D64141;

}

.formtable-title-wrapper{

	display: flex;

	justify-content: space-between;

}

.formtable-title{

	max-width: calc(100% - 60px);

}

.formtable-title-text{

	margin-top: 20px;

	color: #61666C;

	font-size: 14px;

}

.formtable-title-text-whois{

	margin-top: 20px;

	color: #0D84DF;

	font-size: 14px;

}

.formtable-password td input{width: 520px;}

tbody .formtable-password-btn td input{

	width: 380px;

	margin-right: 20px;

}

tbody .formtable-password-btn td .formtable-code-entry-btn{width:37.5%}

.formtable .form-select{

	max-width:520px;

	width: 100%;

}

/* （ボタンあり・約款など） -----------*/

.formtable-code{}

.formtable-code td input{

	width: 430px;

	margin-right: 20px;

}

.formtable-code-entry{

	margin-bottom: 30px;

}

.formtable-code-entry-btn{

	color: #fff;

	border-radius: 4px;

	height: 50px;

	font-size:16px;

	position:relative;

	overflow: hidden;

	background:#32A1F5;

	z-index: 0;

}

.formtable-code-entry-btn::before{

	display:block;

	content:'';

	background: transparent linear-gradient(90deg, #0D84DF 0%, #285CD1 100%) 0% 0% no-repeat padding-box;

	background-size:100%;

	width:100%;

	height:100%;

	position:absolute;

	right:0;

	top:0;

	z-index: -1;

	transition: all .25s ease;

}

.formtable-code-entry-btn::after{

	display:block;

	content:'';

	background: #32A1F5;

	background-size:100%;

	width:100%;

	height:100%;

	position:absolute;

	right:0;

	top:0;

	z-index: -2;

}

.formtable-code-entry-btn span{

	position:relative;

	z-index: 2;

}

.formtable-code-entry-btn:hover::before{

	opacity: 0;

}

.formtable-code-delete{}

/* .formtable-code-delete-btn{

	font-size: 16px;

	border-radius: 4px;

	width: 120px;

	height: 50px;

	color: #fff;

	border: none;

	background: #D64141;

} */

.formtable-code-delete-btn{

	width: 120px;

	color: #fff;

	border-radius: 4px;

	height: 50px;

	font-size:16px;

	position:relative;

	overflow: hidden;

	background:#EF6A6A;

	z-index: 0;

}

.formtable-code-delete-btn::before{

	display:block;

	content:'';

	background: #D64141;

	background-size:100%;

	width:100%;

	height:100%;

	position:absolute;

	right:0;

	top:0;

	z-index: -1;

	transition: all .25s ease;

}

.formtable-code-delete-btn::after{

	display:block;

	content:'';

	background: #EF6A6A;

	background-size:100%;

	width:100%;

	height:100%;

	position:absolute;

	right:0;

	top:0;

	z-index: -2;

}

.formtable-code-delete-btn span{

	position:relative;

	z-index: 2;

}

.formtable-code-delete-btn:hover::before{

	opacity: 0;

}

.formregulation{

	background: #F5F8FA;

	border:1px solid #E1E4EB;

	border-radius:4px;

	max-width: fit-content;

	margin: 0 auto;

	padding: 24px;

	font-size:16px;

	line-height: 1.9;

}

.formagree{

	display: flex;

	align-items: center;

	justify-content: center;

}

/* attention -----------------------*/

.attention{

}

.attention-content{

	display: flex;

	height: 150px;

	background: #F5F8FA;

	border-radius: 4px;

	margin-bottom: 30px;

}

.attention-content-image{

	width: 150px;

	display: flex;

	justify-content: center;

	align-items: center;

}

.attention-content-image img{

	width: 50px;

}

.attention-content-description{

	padding: 20px 30px 20px 0;

}

.attention-content-description-title{

	color: #3EB7A4;

	font-size: 20px;

	margin-bottom: 20px;

}

.attention-content-description-text{

	color: #61666C;

	font-size: 16px;

}

/* recommend -----------------------*/

.recommend{

	border:2px solid #E1E4EB;

	border-radius:4px;

}

.recommend-title-wrapper{

	background: #3EB7A4;

	border-radius: 4px 4px 0 0;

}

.recommend-title{

	padding: 20px 40px;

	font-size: 24px;

	font-weight: bold;

	color: #fff;

}

.recommend-list-wrapper{

	background: #F5F8FA;

	padding: 40px 50px 10px;

	border-radius: 0 0 4px 4px;

}

.recommend-list{}

.recommend-list li{

	color: #3EB7A4;

	font-size: 16px;

	line-height: 1.7;

	margin-bottom: 20px;

	padding-left: 40px;

	position:relative;

}

.recommend-list li::after{display: none;}

.recommend-list li span{

	background:linear-gradient(transparent 60%, #FFFDE0 60%);

}

.recommend-list li a{

	color: #3EB7A4;

	font-size: 16px;

	line-height: 1.7;

	background:linear-gradient(transparent 60%, #FFFDE0 60%);

}

.recommend-list li a:hover{

	background:none;

}

.recommend-list li::before{

	content: '';

	position:absolute;

	left: 0;

	top: 0;

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_recommend.png) 0 0 no-repeat;

	background-size: 100%;

	width: 27px;

	height: 27px;

}

.recommend-list.recommend-list-simple li{

	color: #61666C;

	font-size: 16px;

}

.recommend-list.recommend-list-simple li span{background:none;}

.recommend-list.recommend-list-simple li::before{top: 1px;}

/* login -----------------------*/

.login{

	

}

.login-list{

	display: flex;

	border: #E1E4EB 2px solid;

	border-radius: 4px;

	margin-bottom: 40px;

}

.login-list-id{

	width: 50%;

	text-align: center;

	border-right: 1px solid #E1E4EB;

	padding: 50px 60px;

}

.login-list-first{

	width: 50%;

	text-align: center;

	padding: 50px 60px;

}

.login-list-id-title,

.login-list-first-title{

	font-size: 24px;

	line-height: 2.4;

	color: #343639;

	position: relative;

	margin-bottom: 80px;

}

.login-list-id-title::before,

.login-list-first-title::before {

	content: '';

	position: absolute;

	left: 50%;

	bottom: -5px;

	display: inline-block;

	width: 80px;

	height: 4px;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	background-color: #0D84DF;

}

.login-list-id-list-item + .login-list-id-list-item {

	margin-top: 16px;

}

.login-list-id-list-item input{

	width: 100%;

	border-radius: 4px;

	border: 1px #61666C solid;

	padding: 20px;

}

.login-list-id-list-item button{

	width: 100%;

	margin-bottom: 20px;

	display: block;

	color: #fff;

	border-radius: 4px;

	padding: 12px 15px;

	font-size:18px;

	position:relative;

	overflow: hidden;

	background:#32A1F5;

	z-index: 0;

}

.login-list-id-list-item button::before{

	display:block;

	content:'';

	background: transparent linear-gradient(90deg, #0D84DF 0%, #285CD1 100%) 0% 0% no-repeat padding-box;

	background-size:100%;

	width:100%;

	height:100%;

	position:absolute;

	right:0;

	top:0;

	z-index: -1;

	transition: all .25s ease;

}

.login-list-id-list-item button::after{

	display:block;

	content:'';

	background: #32A1F5;

	background-size:100%;

	width:100%;

	height:100%;

	position:absolute;

	right:0;

	top:0;

	z-index: -2;

}

.login-list-id-list-item button span{

	position:relative;

	z-index: 2;

}

.login-list-id-list-item button:hover::before{opacity: 0;}

.login-list-id-forget{text-align: left;}

.login-list-id-forget-links{

	font-size: 16px;

	color: #61666C;

	position: relative;

	padding-right: 30px;

	width:auto;

	display:inline-block;

	margin-right:100px;

	margin-bottom: 10px;

}

.login-list-id-forget-links:hover{

	background: #E8F4FC;

	text-decoration: underline;

	color: #0D84DF;

}

.login-list-id-forget-links::after{

	content: '';

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_link.png);

	background-size: 100%;

	background-repeat: no-repeat;

	width: 16px;

	height: 16px;

	position: absolute;

	top: calc(50% - 8px);

	right: 0px;

}

.login-list-first-register-wrapper{padding-top: 110px;}

.login-list-first-register{

	width: 100%;

	display: block;

	border-radius: 4px;

	border: 1px #0D84DF solid;

	color: #0D84DF;

	align-items: center;

	padding: 15px 10px;

	background: #fff;

	transition: all .25s ease;

}

.login-list-first-register:hover{background: #E8F3FC;}

/* box -----------------------*/

.box{

	background: #F5F8FA;

	border:1px solid #E1E4EB;

	border-radius:8px;

}

.row .box {

	height: 100%;

}

.box-title{

	border-bottom:1px solid #E1E4EB;

	padding: 18px 36px;

	font-size:18px;

	font-weight:bold;

	color: #343639;

}

.box-note .box-title{

	padding: 18px 36px 18px 75px;

	font-weight:normal;

	position: relative;

}

.box-note .box-title::before{

	content: '';

	position: absolute;

	left: 36px;

	top: 50%;

	transform: translate(0,-50%);

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_note.png) no-repeat center center;

	background-size: 27px;

	width: 27px;

	height: 27px;

}

.box-title-point {

	background: #85BDE6;

	color: #fff;

	border-radius: 8px 8px 0 0;

}

.box-inner{

	padding: 18px 36px;

}

.box ul ,

.box ol {

	margin-bottom: 0;

}

/* caution -----------------------*/

.caution{

	background: #FDF5EA;

	border:1px solid #E1E4EB;

	border-radius:8px;

}

.row .caution {

	height: 100%;

}

.caution-title{

	border-bottom:1px solid #E1E4EB;

	padding: 18px 36px;

	font-size:18px;

	font-weight:bold;

	color: #343639;

}

.caution-note .caution-title{

	padding: 18px 36px 18px 75px;

	font-weight:normal;

	position: relative;

}

.caution-note .caution-title::before{

	content: '';

	position: absolute;

	left: 36px;

	top: 50%;

	transform: translate(0,-50%);

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_caution.png) no-repeat center center;

	background-size: 27px;

	width: 27px;

	height: 27px;

}

/* .caution-title-point {

	background: #85BDE6;

	color: #fff;

	border-radius: 8px 8px 0 0;

} */

.caution-inner{

	padding: 18px 36px;

}

.caution ul ,

.caution ol {

	margin-bottom: 0;

}

/* step -----------------------*/

.step-wrapper{padding: 0 60px 0 30px;}

.step {}

.step-stage {

	display: flex;

	justify-content: space-between;

	margin-bottom: 30px;

	position: relative;

}

.step-stage::before {

	content: '';

	width: 1px;

	height: 100%;

	background-color: #BDC2CE;

	position: absolute;

	top: calc(50% + 65px);

	left: 56px;

	z-index: -1;

	transform: translate(0,-50%);

}

.step-border-none.step-stage::before {display: none;}

.step-icon {

	position: relative;

	width: 114px;

	height: 114px;

	background: #F5F8FA;

	border-radius: 57px;

	margin-bottom: 25px;

}

.step-icon span {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	text-align: center;

	display: inline-block;

	font-size: 16px;

	line-height: 1.3;

	color: #0D84DF;

	font-weight: bold;

}

.step-icon span b {font-size: 24px;}

.step-detail {

	width: calc(100% - 138px);

	position: relative;

	/* margin-top: 60px; */

	font-size: 18px;

}

.step-detail p {

	font-size: 18px;

	line-height: 1.8;

}

.step-detail-inner {

	position: absolute;

	top: 50%;

	left: 0;

	transform: translate(0,-50%);

	width: 100%;

}

.step-detail-l {padding-top: 40px;}

.step-detail-title{

	color: #343639;

	font-size: 20px;

	margin-bottom: 10px;

}

/* managementtable -----------------------*/

.managementtable-wrapper{}

.managementtable-contents-wrapper{

	display: flex;

	justify-content: space-between;

	margin-bottom: 30px;

	align-items: center;

}

.managementtable-contents{

	display: flex;

	align-items: center;

}

.managementtable-contents .searchform{margin-right: 30px;}

.managementtable-contents-links-download,

.managementtable-contents-links-payment,

.managementtable-contents-links-login{

	color: #0A4A9B;

	position: relative;

	margin-bottom: 15px;

	display: inline-block;

}

.managementtable-contents-links-download:hover,

.managementtable-contents-links-payment:hover,

.managementtable-contents-links-login:hover{

	color: #32A1F5;

	text-decoration: underline;

}

.managementtable-contents-links-payment,

.managementtable-contents-links-download{

	margin-right: 20px;

	padding-left: 30px;

	margin-bottom: 20px;

}

.managementtable-contents-links-login{

	padding-left: 20px;

	display: inline-block;

}

.managementtable-contents-links-download::before{

	content: '';

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fmypage%2Fdownload.png);

	background-size: 100%;

	background-repeat: no-repeat;

	width: 20px;

	height: 21px;

	position: absolute;

	top: calc(50% - 10px);

	left: 0px;

}

.managementtable-contents-links-payment::before{

	content: '';

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_payment.png);

	background-size: 100%;

	background-repeat: no-repeat;

	width: 22px;

	height: 14px;

	position: absolute;

	top: calc(50% - 7px);

	left: 0px;

}

.managementtable-contents-links-login::before{

	content: '';

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_phone.png);

	background-size: 50%;

	background-repeat: no-repeat;

	width: 20px;

	height: 21px;

	position: absolute;

	top: calc(50% - 7px);

	left: 0px;

}

.managementtable-display{width:140px;}

.managementtable-display select{

	width:100%;

	background-position: 85% center;

}

.managementtable{}

.managementtable table thead{

	background: #9BAEBA;

	padding: 20px;

	border-top: 1px solid #BDC2CE;

}

.managementtable table thead th{

	padding: 20px 0;

	font-size: 13px;

	font-weight: bold;

	color: #111;

	position: relative;

	text-align: center;

}

.managementtable table thead th span.sort{

	display: inline-block;

	position:relative;

	padding-right: 20px;

	cursor: pointer;

}

.managementtable table thead th span.sort:hover{

	color: #0A4A9B;

	text-decoration: underline;

}

.managementtable table thead th span.sort::after{

	content: '';

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Farrow_under_white.png);

	background-size: 100%;

	background-repeat: no-repeat;

	width: 8px;

	height: 6px;

	position: absolute;

	top: calc(50% - 3px);

	right: 0px;

}

.managementtable table thead th span.sort.is-ascend,

.managementtable table thead th span.sort.is-descend{

	color: #0A4A9B;

}

.managementtable table thead th span.sort.is-ascend::after,

.managementtable table thead th span.sort.is-descend::after{background-image: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Farrow_under_blue.png');}

.managementtable table thead th span.sort.is-ascend::after{transform: rotate(180deg);}

.managementtable table thead th button{

	border: #1E6AD6 1px solid;

	border-radius: 4px;

	font-size: 16px ;

	color: #0A4A9B;

	padding: 10px 30px;

	margin-left: 20px;

}

.managementtable table thead th button.btn-save{

	border: #1E6AD6 1px solid;

	border-radius: 4px;

	font-size: 13px;

	color: #0A4A9B;

	padding: 3px 10px;

	margin-left: 10px;

}

.managementtable table thead th button.btn-save:hover{background-color: #E8F3FC;}

.managementtable table tbody tr{border-bottom: 1px solid #BDC2CE;}

.managementtable table tbody tr:nth-child(2n){background: #F5F8FA;}

.managementtable table tbody tr:first-of-type{border-top: 1px solid #BDC2CE;}

.managementtable table tbody th{

	background: #F5F8FA;

	padding: 20px 30px;

	color: #61666C;

	font-weight: bold;

	font-size: 16px;

}

.managementtable table tbody td{padding: 20px 10px;}

.managementtable table tbody td:nth-child(1){

	font-size: 14px;

	font-weight: bold;

}

.managementtable table tbody td:nth-child(2){

	font-size: 14px;

	text-align: center;

}

.managementtable table tbody td:nth-child(3){

	font-size: 14px;

	text-align: center;

}

.managementtable table tbody td:nth-child(4){

	font-size: 14px;

	text-align: center;

}

.managementtable table tbody td:nth-child(5){

	font-size: 14px;

	font-weight: bold;

	text-align: center;

	color: #7D8186;

}

.managementtable table tbody td:nth-child(5) img{

	width: 35px;

	margin-bottom: 5px;

}

.managementtable table tbody td:nth-child(5) a{

	display: block;

	color: #0A4A9B;

}

.managementtable table tbody td:nth-child(5) a span{

	cursor: pointer;

}

.managementtable table tbody td:nth-child(5) a:hover{

	color: #32A1F5;

	text-decoration: underline;

}

.managementtable table tbody td:nth-child(6){

	font-size: 16px;

	font-weight: bold;

	text-align: center;

}

.managementtable table tbody td:nth-child(6) span,.managementtable table tbody td:nth-child(7) span{

	font-size: 12px;

	font-weight: normal;

}

.managementtable table tbody td:nth-child(7){

	text-align: center;

}

.managementtable table tbody td:nth-child(7) a,.managementtable table tbody td:nth-child(8) a{

	display: block;

	color: #0A4A9B;

	position: relative;

	margin: 0 auto;

	display: inline-block;

}

.managementtable table tbody td:nth-child(7) a:hover,.managementtable table tbody td:nth-child(8) a:hover{

	color: #32A1F5;

	text-decoration: underline;

}

.managementtable table tbody td:nth-child(7) a::before	.managementtable table tbody td:nth-child(7) a::before,.managementtable table tbody td:nth-child(8) a::before{

	content: '';

	background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Farrow_right_blue.png);

	background-size: 100%;

	background-repeat: no-repeat;

	width: 4px;

	height: 8px;

	position: absolute;

	top: calc(50% - 4px);

	right: -10px;

}

.managementtable table tbody td:nth-child(8) textarea, .managementtable table tbody td:nth-child(9) textarea{

	border: 1px #BDC2CE solid;

	padding: 10px;

	font-size: 14px;

	height: 126px;

	min-height: 126px;

	resize: vertical;

}

.managementtable-unpaid{color: #D64141;}

.managementtable-unpaid span{color: #61666C;}

/* tool tip */

.tooltip{

	color: #fff;

	background: rgba(10, 74, 155, 0.9);

	position: absolute;

	z-index: 100;

	padding: 15px;

	font-size: 14px;

	width: 180px;

	border-radius:10px;

	text-align: left;

}

 

.tooltip::after{

	width: 0;

	height: 0;

	border-left: 10px solid transparent;

	border-right: 10px solid transparent;

	border-top: 10px solid #111;

	content: '';

	position: absolute;

	left: 50%;

	bottom: -10px;

	margin-left: -10px;

}

 

.tooltip.top::after{

	border-top-color: transparent;

	border-bottom: 10px solid #111;

	top: -20px;

	bottom: auto;

}

.tooltip.left::after{

	left: 10px;

	margin: 0;

}

.tooltip.right::after{

	right: 10px;

	left: auto;

	margin: 0;

}

/* entryinfo */

.entryinfo-wrapper {

	display: flex;

	justify-content: space-between;

}

.entryinfo{

	overflow: hidden;

	width: calc(100% - 200px);

}

.entryinfo-category{

	display: inline-block;

	vertical-align: middle;

}

.entryinfo-category:not(:first-child){margin-left: 12px;}

.entryinfo-category a {

	background: #0D84DF;

	background-size: 100%;

	color: #fff;

	font-size: 12px;

	line-height: 1.0;

	padding: 5px 8px;

	border-radius: 2px;

	transition: all .25s ease;

}

.entryinfo-category a:hover{background: #32A1F5;}

.entryinfo-date {

	display: inline-block;

	vertical-align: middle;

	font-size: 12px;

	color: #B8C0C7;

	margin-left: 12px;

}

.entrysns {

	width: 250px;

	display: inline-block;

	text-align: right;

	padding-top: 4px;

}

.entrysns-share {

	display: inline-block;

	border-right: 1px solid #E1E4EA;

	padding: 0 15px;

	line-height: 24px;

	color: #61666C;

	font-size: 12px;

	letter-spacing: 0.04em;

}

/*

.entrysns-share a {

	transition: all .25s ease;

}

.entrysns-share a:hover {

	color: #32A1F5;

	text-decoration: underline;

}

*/

.entrysns-list {

	display: inline-block;

}

.entrysns-list li {

	display: inline-block;

	width: 24px;

	margin: 0 5px;

}

.entrysns-list li a {

	transition: all .25s ease;

}

.entrysns-list li a:hover {

	opacity: .7;

}

/* entrybody ---------------------------------------*/

.entrybody{

	margin-bottom: 60px;

	min-height: 300px;

}

.entrybody p{margin: 32px 0;}

.entrybody > p:first-of-type {margin-top: 0;}

.entrybody .box p{margin:0 0 16px;}

.entrybody .box p:last-child{margin:0;}

.entrybody .caution p{margin:0 0 16px;}

.entrybody .caution p:last-child{margin:0;}

.entrybody img{

	display: block;

	margin: 32px auto;

	max-width: 100%;

	height: auto;

}

.entrybody small{font-size:13px;}

.entrybody .boxlink{margin-bottom: 24px;}

.entrybody a.imagemodal-btn img{

	margin-bottom: 0;

	margin-top: 0;

}

/* localnav ---------------------------------------*/

.localnav{margin-bottom: 60px;}

.localnav-list{

	display:flex;

	justify-content:space-between;

}

.localnav-list > li{

	cursor: pointer;

	text-align: center;

	line-height: 1.6;

	color: #61666C;

	box-sizing:border-box;

	box-shadow:0px -4px 0px #EDF0F2 inset;

	width: 100%;

}

.localnav-list.is-2 > li{width: 50%;}

.localnav-list.is-3 > li{width: 33.33%;}

.localnav-list.is-4 > li{width: 25%;}

.localnav-list.is-5 > li{width: 20%;}

.localnav-list.is-6 > li{width: 16.67%;}

.localnav-list > li > a{

	font-size: 16px;

	line-height: 1.6;

	color: #61666C;

	display: block;

	padding: 16px 8px;

}

.localnav-list > li > span{

	font-size: 16px;

	line-height: 1.6;

	color: #61666C;

	display: block;

	padding: 16px 8px;

}

.localnav-list > li.is-active{

	box-shadow:0px -4px 0px #0D84DF inset;

	color:#222;

}

.localnav-list > li.is-active:hover{

	box-shadow:0px -4px 0px #0D84DF inset;

	color:#222;

}

/* panelnav ---------------------------------------*/

.panelnav-wrapper {

	padding: 167px 20px 60px;

}

.panelnav-wrapper-lower {

	padding: 80px 20px 60px;

}

.sslpanelnav-wrapper {background-color: #F5F8FA;}

.domainpanelnav-wrapper {padding: 120px 20px 38px;}

.domainpanelnav-wrapper-bgblue {background-color: #F5F8FA;}

.panelnav {}

.panelnav-item {

	margin-bottom: 56px;

}

.panelnav-title {

	padding-bottom: 15px;

	margin-bottom: 63px;

	border-bottom: 1px solid #BDC2CE;

}

.panelnav-title small {

	display: block;

	font-size: 14px;

	line-height: 1;

	margin-bottom: 15px;

}

.sslpanelnav .panelnav-title small {color: #00A6CE;}

.domainpanelnav .panelnav-title small {color: #1774DA;}

.panelnav-title span {

	display: block;

	font-size: 32px;

	color: #343639;

	letter-spacing: -0.02em;

	line-height: 1.1;

}

.panelnav-list {

	display: flex;

	flex-wrap: wrap;

}

.panelnav-list li{

	width: calc(25% - 20px);

	margin-right: 26px;

	margin-bottom: 26px;

}

.panelnav-list li:nth-of-type(4n){margin-right: 0;}

.panelnav-list li a{

	display: block;

	border: 1px solid #BDC2CE;

	border-radius: 4px;

	height: 100%;

	padding: 22px 27px 18px;

	box-sizing: border-box;

	background: #fff;

	transition: all .25s ease;

}

.panelnav-list li a:hover{background: #E8F3FC}

.panelnav-list-image {

	max-width: 108px;

	margin: 0 auto 10px;

}

.panelnav-list-title {

	font-size: 18px;

	text-align: center;

	line-height: 1.4;

}

.sslpanelnav .panelnav-list-title {color: #00A6CE;}

.domainpanelnav .panelnav-list-title {color: #0A4A9B;}

.panelnav-list-text {

	margin-top: 17px;

	text-align: center;

	font-size: 14px;

	color: #61666C;

	line-height: 1.6;

}

/* modal ---------------------------------------*/

.modal-page{min-width:0;}

.modal{padding: 60px;}



/* 大きなpc */

@media screen and (min-width: 1300px){

	.kv-bg img {

	height: 100%;

		width: auto;

	}

}

/* さらに大きなpc */

@media screen and (min-width: 1620px){

	.kv-bg{width:55%;}

	/*

	.kv-bg{

		width: 1200px;

		right: calc(50% - 950px);

	}

	*/

}

/* pcのみ */

@media screen and (min-width: 769px){

}

@media screen and (min-width: 1001px) and (max-width: 1300px){

}



/* small pc */

@media screen and (min-width: 769px) and (max-width: 1000px){

	.title-section-l{padding-top: 40px;}

	.title-section-l span{font-size:70px}

	

	.kv-bg img{

		max-width: 500%;

	}

}

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

	/* side ---------------------------------------*/

	.side {}

	.side-menu {

		padding: 22px 0 32px;

		background: #F5F8FA;

	}

	.side-menu-title {

		padding: 0 30px;

		color: #61666C;

		font-size: 20px;

		font-weight: bold;

		letter-spacing: 0.02em;

		line-height: 1.6;

		margin-bottom: 23px;

	}

	.side-menu-list {}

	.side-menu-list-item {}

	.side-menu-list-item a {

		display: block;

		padding: 13px 30px;

		font-size: 14px;

		color: #61666C;

		line-height: 1.6;

		transition: all .25s ease;

	}

	.side-menu-list-item.is-active > a {

		color: #0D84DF;

		font-weight: bold;

		background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_dot.png) no-repeat 95% center;

		background-size: 8px 8px;

		transition: all .25s ease;

	}

	.side-menu-sublist {}

	.side-menu-sublist-item {}

	.side-menu-sublist-item a {

		display: block;

		font-size: 14px;

		color: #61666C;

		padding-left:40px;

		line-height: 1.6;

		transition: all .25s ease;

	}

	.side-menu-sublist-item a:hover{background: #fff;}

	/* title ---------------------------------------*/

	.title-page{}

	.title-section,

	.entrybody > h1,

	.entrybody .maintab-content > h1,

	.entrybody .accordion-body > h1{

		line-height: 1.7;

		padding: 0px 0 20px;

		font-size: 26px;

		margin: 40px 0 32px;

	}

	.title-section:first-child,

	.entrybody > h1:first-child,

	.entrybody .maintab-content > h1:first-child,

	.entrybody .accordion-body > h1:first-child{margin-top: 0;}

	.title-section::after,

	.entrybody > h1::after,

	.entrybody .maintab-content > h1::after,

	.entrybody .accordion-body > h1::after{

		width: 50px;

		height: 2px;

	}

	.title-section::before,

	.entrybody > h1::before,

	.entrybody .maintab-content > h1::before,

	.entrybody .accordion-body > h1::before{

		height: 2px;

	}

	.title-block,

	.entrybody > h2,

	.entrybody .maintab-content > h2,

	.entrybody .accordion-body > h2{

		font-size: 20px;

		margin: 32px 0;

		padding: 5px 0 5px 20px;

		letter-spacing: 0.04em;

	}

	.title-block:first-child,

	.entrybody > h2:first-child,

	.entrybody .maintab-content > h2:first-child,

	.entrybody .accordion-body > h2:first-child{margin-top: 0;}

	.title-block::before,

	.entrybody > h2::before,

	.entrybody .maintab-content > h2::before,

	.entrybody .accordion-body > h2::before{

		width: 2px;

		height: 100%;

	}

	.title-paragraph,

	.entrybody > h3,

	.entrybody .maintab-content > h3,

	.entrybody .accordion-body > h3{

		font-size: 18px;

		margin:12px 0;

	}

	.title-paragraph:first-child,

	.entrybody > h3:first-child,

	.entrybody .maintab-content > h3:first-child,

	.entrybody .accordion-body > h3:first-child{margin-top: 0;}

	.title-small,

	.entrybody > h4,

	.entrybody .maintab-content > h4,

	.entrybody .accordion-body > h4{

		line-height: 1.6;

		font-size: 16px;

		margin:20px 0 15px;

	}

	.title-small:first-child,

	.entrybody > h4:first-child,

	.entrybody .maintab-content > h4:first-child,

	.entrybody .accordion-body > h4:first-child{margin-top: 0;}

	/* text ---------------------------------------*/

	.blank{

		margin-right: 15px;

	}

	.blank::after{

		width: 16px;

		height: 16px;

	}

	.text-lead{

		font-size:16px;

		line-height: 2;

		margin-bottom: 20px;

	}

	.text-s{

	}

	.text-m{

	}

	.text-l{

	}

	.row p {

		line-height: 1.6;

	}

	.text a,

	.textlink{}

	.text a:hover,

	.textlink:hover,

	.entrybody table a:hover{

		text-decoration: none;

	}

	.text-sp-right{text-align: right !important;}

	.text-sp-center{text-align: center !important;}

	.text-sp-left{text-align: left !important;}

	/* boxlink ---------------------------------------*/

	.boxlink{

		padding: 20px 50px 20px 15px;

		font-size:16px;

		line-height: 2;

	}

	.boxlink::after{

		width: 10px;

		height: 18px;

		right: 15px;

	}

	.boxlink:hover{opacity:1;}

	.boxlink-blank{

		padding: 20px 40px 20px 15px;

		font-size: 16px;

	}

	.boxlink-blank::after{right: 15px;}

	.boxlink-blank:hover{opacity:1;}

	/* list ---------------------------------------*/

	.list{}

	.list li,

	.entrybody li{

		margin-bottom: 15px;

		padding-left: 30px;

	}

	.list > li::after,

	.entrybody li::afterr{

		top: 8px;

		left: 6px;

	}

	.list > li::before,

	.entrybody li::before{

		width: 18px;

		height: 18px;

		top: 3px;

		left: 1px;

	}

	.list-number li{

		padding-left: 35px;

		line-height: 1.6;

		margin-bottom: 15px;

	}

	.noticelist li {

		font-size: 14px;

		line-height: 1.7;

		color: #61666C;

	}

	/* btn ---------------------------------------*/

	.btn{

		max-width: 100%;

		margin: 0;

	}

	.btn-cart{max-width:100%;}

	.btn-simple{

		max-width:100%;

		margin: 0;

	}

	.btn:hover::before,

	.btn-cart:hover{opacity: 1;}

	.btn-back{

	min-width: 100px;

	}

	.action-buttons {

	  flex-direction: column;

	}

	.btn-delete {

	  margin-left: 0;

	  margin-top: 10px;

	}

	  /* table ---------------------------------------*/

	.table-wrapper{}

	.table,

	.entrybody table{width:100%;}

	.table-fixed{table-layout: fixed;}

	.table thead th,

	.entrybody table thead th{

		font-weight: normal;

		line-height: 2;

		text-align: left;

		color: #61666C;

		border: solid 1px #BDC2CE;

		padding: 10px;

		vertical-align: middle;

	}

	.table tbody th,

	.entrybody table tbody th{

		line-height: 2;

		text-align: left;

		color: #61666C;

		padding: 10px;

		border: solid 1px #BDC2CE;

		vertical-align: top;

		font-weight:normal;

	}

	/* .table thead th:first-child,

	.table tbody th:first-child,

	.entrybody table thead th:first-child,

	.entrybody table tbody th:first-child

	{border-left:none;} */

	/* .table thead th:last-child,

	.table tbody th:last-child,

	.entrybody table thead th:last-child,

	.entrybody table tbody th:last-child

	{border-right:none;} */

	.table tbody td,

	.entrybody table tbody td{

		background: #fff;

		font-size: 16px;

		line-height: 2;

		text-align: left;

		color: #61666C;

		padding: 10px;

		border: solid 1px #BDC2CE;

		vertical-align: top;

	}

	/* .table tbody td:last-child, */

	/* .entrybody table tbody td:last-child{border-right:none;} */

	.table-vertical,

	.table-vertical tbody,

	.table-vertical tr,

	.table-vertical th,

	.table-vertical td{

		display: block;

		width: 100%;

	}

	.table-vertical tbody th{

		/* border:none; */

		border: solid 1px #BDC2CE;

		/* border-top: solid 1px #BDC2CE; */

		/* border-bottom: solid 1px #BDC2CE; */

		padding: 10px;

		line-height: 1.6;

	}

	.table-vertical tbody td{

		/* border:none; */

		padding: 10px;

	}

	.table-sp-scroll{

		width: calc(100% + 60px);

		margin: 0 -30px;

		overflow: scroll;

	}

	.table-sp-scroll .table{

		margin-left: 30px;

	}

	.table-horizontal thead th{

		padding: 12px;

		text-align:center;

		font-weight:bold;

	}

	.table-sp-scroll .table-horizontal th{font-weight:bold;}

	.table-sp-scroll .table-horizontal thead th{

		white-space: nowrap;

	}

	.table-sp-scroll .table-horizontal th,

	.table-sp-scroll .table-horizontal td{min-width:150px;}

	/* textblock ---------------------------------------*/

	.textblock{overflow: hidden;}

	.textblock-image{}

	.textblock-image.is-left{

		margin-right: 16px;

		max-width: 35%;

	}

	.textblock-image.is-right{

		margin-left: 16px;

		max-width: 35%;

	}

	/* image ---------------------------------------*/

	.imagebox{margin-bottom: 12px;}

	/* section box ---------------------------------------*/

	.border-section{padding-top: 24px;}

	/* articletag ---------------------------------------*/

	.articletag{}

	.articletag-category {padding: 5px 12px;}

	.articletag-date{

		display: inline-block;

		margin-top: 6px;

		font-size:13px;

		color: #61666C;

	}

	/* tagsort ---------------------------------------*/

	.tagsort{display: block;}

	.tagsort-title{

		width: auto;

		margin-bottom:16px;

	}

	.tagsort-detail{width: 100%;}

	/* taglist ---------------------------------------*/

	.taglist-item{

		font-size:14px;

		margin: 0 12px 12px 0;

	}

	.taglist-item > span,

	.taglist-item > a{

		font-size: 12px;

		padding: 6px 15px 5px 15px;

	}

	/* faq ---------------------------------------*/

	.faq{}

	.faq-list{border-top:1px solid #d9d9d9;}

	.faq-list-item{padding: 16px 0;}

	.faq-title{

		font-size:16px;

		line-height: 1.6;

		padding-left: 30px;

		margin-bottom:8px;

	}

	.faq-title::before{

		font-size:16px;

		left:0px;

	}

	.faq-taglist{padding-left: 30px;}

	.faq-taglist-item{

		font-size:16px;

	}

	.faq-answer{

		padding: 16px 16px 16px 44px;

		font-size:16px;

		line-height: 1.6;

	}

	.faq-answer::before{

		font-size:16px;

		left:16px;

		top:16px;

	}

	/* accordion ---------------------------------------*/

	.accordion{}

	.accordion-title{

		padding: 16px 40px 16px 0;

	}

	.accordion-title::after{

		width:16px;

		height:16px;

		right:0px;

		top:16px;

		transform: translate(0,0%);

	}

	.accordion-body{padding: 0px;}

	/* maintab ---------------------------------------*/

	/* subtab ---------------------------------------*/

	.subtab-list > li{

		padding: 16px 0px;

	}

	/* anchor ---------------------------------------*/

	.anchor-list{

		text-align: left;

	}

	.anchor-list > li > a{

		padding: 16px 9px;

	}

	/* searchform ---------------------------------------*/

	.searchform-box {

		background: #F5F8FA;

		border-radius: 4px;

		padding: 30px 30px 98px;

		margin: 0 -30px;

	}

	.searchform-inner input{

		border:2px solid #BDC2CE;

		padding: 0 20px 0 20px;

	}

	.has-btn-l .searchform-inner input{

		padding: 0 20px 0 20px;

		font-size:16px;

	}

	.searchform-icon{display: none;}

	.searchform-box .searchform-btn {

		top: auto;

		bottom: -64px;

		height: 48px;

		width: 100%;

		line-height: 48px;

		border-radius: 5px;

	}

	.searchform-btn-l{

		width: 100%;

		font-size:16px;

	}

	/* movie ---------------------------------------*/

	/* pankuzu ---------------------------------------*/

	.pankuzu {

		padding: 20px 16px 20px 28px;

	}

	.pankuzu-list > li {

		font-size:14px;

		margin-right: 12px;

	}

	.pankuzu-list > li:first-child a::after{height:12px;}

	/* pager ---------------------------------------*/

	.pager-list > li{margin: 0 8px;}

	/* sns ---------------------------------------*/

	.sns-list > li{margin: 0 24px;}

	.sns-list > li a:hover{opacity:1;}

	.sns-list > li img{width:36px;}

	/* kv ---------------------------------------*/

	.kv-wrapper {

		padding-top: 60px;

		margin-bottom: 25px;

	}

	.kv{

		background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Fkv_sp.png) no-repeat center center;

		background-size: cover;

		margin-bottom: 40px;

		height: 140px;

	}

	.kv-inner{

		color: #0D84DF;

	}

	.kv-title{

		font-size: 26px;

		margin: 0 auto 5px;

	}

	.kv-title-small{

		font-size: 14px;

		color: #B8C0C7;

		letter-spacing: 0.02em;

	}

	/* grid ---------------------------------------*/

	.col-sp-1, .col-sp-2, .col-sp-2-4, .col-sp-3, .col-sp-4, .col-sp-5, .col-sp-6, .col-sp-7, .col-sp-8, .col-sp-9, .col-sp-10, .col-sp-11, .col-sp-12 {

		position: relative;

		width: 100%;

		min-height: 1px;

		padding-right: 10px;

		padding-left: 10px;

	}

	.col {

		flex-basis: 0;

		flex-grow: 1;

		max-width: 100%;

	}

	.col-sp-auto {

		flex: 0 0 auto;

		width: auto;

		max-width: none;

	}

	.col-sp-1 {

		flex: 0 0 8.3333333333%;

		max-width: 8.3333333333%;

	}

	.col-sp-2 {

		flex: 0 0 16.6666666667%;

		max-width: 16.6666666667%;

	}

	.col-sp-2-4 {

		flex: 0 0 20%;

		max-width: 20%;

	}

	.col-sp-3 {

		flex: 0 0 25%;

		max-width: 25%;

	}

	.col-sp-4 {

		flex: 0 0 33.3333333333%;

		max-width: 33.3333333333%;

	}

	.col-sp-5 {

		flex: 0 0 41.6666666667%;

		max-width: 41.6666666667%;

	}

	.col-sp-6 {

		flex: 0 0 50%;

		max-width: 50%;

	}

	.col-sp-7 {

		flex: 0 0 58.3333333333%;

		max-width: 58.3333333333%;

	}

	.col-sp-8 {

		flex: 0 0 66.6666666667%;

		max-width: 66.6666666667%;

	}

	.col-sp-9 {

		flex: 0 0 75%;

		max-width: 75%;

	}

	.col-sp-10 {

		flex: 0 0 83.3333333333%;

		max-width: 83.3333333333%;

	}

	.col-sp-11 {

		flex: 0 0 91.6666666667%;

		max-width: 91.6666666667%;

	}

	.col-sp-12 {

		flex: 0 0 100%;

		max-width: 100%;

	}

	.mt-sp-0{margin-top:0px !important;}

	.mt-sp-5{margin-top:5px !important;}

	.mt-sp-10{margin-top:10px !important;}

	.mt-sp-20{margin-top:20px !important;}

	.mt-sp-30{margin-top:30px !important;}

	.mt-sp-40{margin-top:40px !important;}

	.mt-sp-50{margin-top:50px !important;}

	.mt-sp-60{margin-top:60px !important;}

	.mt-sp-70{margin-top:70px !important;}

	.mt-sp-80{margin-top:80px !important;}

	.mt-sp-90{margin-top:90px !important;}

	.mt-sp-100{margin-top:100px !important;}

	.mb-sp-0{margin-bottom:0px !important;}

	.mb-sp-5{margin-bottom:5px !important;}

	.mb-sp-10{margin-bottom:10px !important;}

	.mb-sp-12{margin-bottom:12px !important;}

	.mb-sp-16{margin-bottom:16px !important;}

	.mb-sp-20{margin-bottom:20px !important;}

	.mb-sp-24{margin-bottom:24px !important;}

	.mb-sp-25{margin-bottom:25px !important;}

	.mb-sp-28{margin-bottom:28px !important;}

	.mb-sp-30{margin-bottom:30px !important;}

	.mb-sp-32{margin-bottom:32px !important;}

	.mb-sp-35{margin-bottom:35px !important;}

	.mb-sp-36{margin-bottom:36px !important;}

	.mb-sp-40{margin-bottom:40px !important;}

	.mb-sp-44{margin-bottom:44px !important;}

	.mb-sp-45{margin-bottom:45px !important;}

	.mb-sp-48{margin-bottom:48px !important;}

	.mb-sp-50{margin-bottom:50px !important;}

	.mb-sp-55{margin-bottom:55px !important;}

	.mb-sp-56{margin-bottom:56px !important;}

	.mb-sp-60{margin-bottom:60px !important;}

	.mb-sp-65{margin-bottom:65px !important;}

	.mb-sp-70{margin-bottom:70px !important;}

	.mb-sp-75{margin-bottom:75px !important;}

	.mb-sp-80{margin-bottom:80px !important;}

	.mb-sp-85{margin-bottom:85px !important;}

	.mb-sp-90{margin-bottom:90px !important;}

	.mb-sp-95{margin-bottom:95px !important;}

	.mb-sp-100{margin-bottom:100px !important;}

	/* width ---------------------------------------*/

	.w-sp-5per{width:5% !important;}

	.w-sp-9per{width:9% !important;}

	.w-sp-10per{width:10% !important;}

	.w-sp-12per{width:12% !important;}

	.w-sp-13per{width:13% !important;}

	.w-sp-14per{width:14% !important;}

	.w-sp-15per{width:15% !important;}

	.w-sp-16per{width:16% !important;}

	.w-sp-20per{width:20% !important;}

	.w-sp-25per{width:25% !important;}

	.w-sp-30per{width:30% !important;}

	.w-sp-35per{width:35% !important;}

	.w-sp-37per{width:37.5% !important;}

	.w-sp-40per{width:40% !important;}

	.w-sp-45per{width:45% !important;}

	.w-sp-50per{width:50% !important;}

	.w-sp-55per{width:55% !important;}

	.w-sp-60per{width:60% !important;}

	.w-sp-65per{width:65% !important;}

	.w-sp-70per{width:70% !important;}

	.w-sp-75per{width:75% !important;}

	.w-sp-80per{width:80% !important;}

	.w-sp-85per{width:85% !important;}

	.w-sp-90per{width:90% !important;}

	.w-sp-95per{width:95% !important;}

	.w-sp-100per{width:100% !important;}

	/* form ---------------------------------------*/

	.form-area .submit{text-align: center;}

	.form-select{

		max-width: 100%;

		border-radius: 4px;

		padding: 15px 20px;

		font-size: 16px;

		-webkit-appearance: none;

		-moz-appearance: none;

		appearance: none;

		border: 1px solid #61666C;

		color: #61666C;

		background: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_headerarrow_bl.png') 97% 50% no-repeat;

		background-size: 10px 10px;

		border-radius: 4px;

		outline: none;

	}

	select::-ms-expand {display: none;}

	.form-text{

		border-radius: 4px;

		padding: 15px 20px;

		border: 1px solid #61666C;

		font-size:16px;

		line-height: 1.4;

		width:100%;

		box-sizing:border-box;

		outline: none;

	}

	.form-text:focus-within{border-color:#0546A5;}

	.form-radio {

		display: inline-block;

		line-height: 1;

		margin-right: 5px;

		font-size: 16px;

		position:relative;

	}

	.form-radio label {

		background: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_radio.png') left 1px no-repeat;

		background-size: 24px;

		box-sizing: border-box;

		cursor: pointer;

		display: inline-block;

		line-height: 1.4;

		min-height: 25px;

		margin: 0px 20px 10px 0;

		padding: 2px 0 0 32px;

		position: relative;

		vertical-align: top;

	}

	.form-radio input[type="radio"]{position: absolute;left:0px;top:0px;width:1px;height:1px;overflow: hidden;opacity:0;}

	.form-radio input:checked + label {background-image: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_radio_on.png');}

	.form-radio input:disabled + label {opacity: 0.7;}

	.form-checkbox {

		display: inline-block;

		line-height: 1;

		margin-right: 24px;

		font-size: 16px;

		position:relative;

	}

	.form-checkbox label {

		background: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_checkbox.png') left 1px no-repeat;

		background-size: 24px;

		box-sizing: border-box;

		cursor: pointer;

		display: inline-block;

		line-height: 1.4;

		min-height: 25px;

		margin: 5px 0;

		padding: 2px 0 0 32px;

		position: relative;

		vertical-align: top;

	}

	.form-checkbox input[type="checkbox"]{position: absolute;left:0px;top:0px;width:1px;height:1px;overflow: hidden;opacity:0;}

	.form-checkbox input:checked + label {background-image: url('/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_checkbox_on.png');}

	.form-checkbox input:disabled + label {opacity: 0.7;}

	.form-textarea{

		padding:13px 5px;

		border:1px solid #535A63;

		width:100%;

		box-sizing:border-box;

		height:80px;

	}

	::placeholder {color:#aaa;}

	.form-back{

		color: #D64141;

		font-size: 16px;

	}

	/* （エラー） -----------*/

	p.error{

		color: #D64141;

		font-size: 20px;

		margin-top: 10px;

	}

	input.error,

	select.error{

		background-color: #FFDEDE;

		border: 2px solid #D64141;

		position: relative;

		color: #D64141;

	}

	input.error::placeholder{color: #D64141;}

	.error-input-wrapper{

		position: relative;

	}

	.error-input-wrapper input{padding-top:20px;}

	.error-input-sample{

		display: inline-block;

		position: absolute;

		left: 23px;

		top: 8px;

		font-size: 10px;

		color: #B9B9B9;

		z-index: 1000;

	}

	/* module2 --------------------------------------------------*/

	/* progress -----------------------*/

	.progress{

		max-width: calc(100% + 20px);

		margin: 0 -10px 32px;

	}

	.progress-list-item::before{

		top: 16px;

	}

	.progress-list-item.is-prev::after{

		top: 16px;

	}

	.progress-list-item.is-active::after{

		top: 16px;

	}

	.progress-list-item img{

		width: 32px;

		margin-bottom: 5px;

	}

	.progress-list-item p{

		font-size: 11px;

		line-height: 1.3;

	}

	/* formtable -----------------------*/

	.formtable table,

	.formtable thead,

	.formtable tbody,

	.formtable tr,

	.formtable th,

	.formtable td{display: block;}

	.formtable table thead{

		background: #9BAEBA;

		padding: 0px;

	}

	.formtable table thead th{

		padding: 8px 16px;

		font-size: 18px;

		color: #fff;

		overflow: hidden;

	}

	.formtable-quote-top{

		margin-bottom: 20px;

	}

	.formtable-quote .formtable-quote-top table thead tr,

	.formtable-quote .formtable-quote-top table thead tr th,

	.formtable-quote .formtable-quote-top table thead tr td{

		display: block;

		width: 100%;

	}

	.formtable-quote .formtable-quote-top table thead tr th {

		padding: 8px 16px;

		color: #61666C;

		font-size: 16px;

	}

	.formtable-quote-bottom {

		width: calc(100% + 60px);

		margin-left: -30px;

		overflow: auto;

		padding-left: 30px;

	}

	.formtable-quote-select-wrapper{

		display: block;

	}

	.formtable-quote table thead td input{

		width: 100%;

		margin-bottom: 20px;

	}

	.formtable-quote table thead td select{

		width: 200px;

	}

	.formtable-quote-text{

		padding: 0;

	}

	.formtable-head-btn{

		padding: 8px 24px;

		margin-left: 0px;

		float: right;

		cursor: pointer;

	}

	.formtable table tbody tr{

		border:none;

	}

	.formtable table tbody th{

		width: 100%;

		padding: 8px 16px;

		color: #61666C;

		font-size: 16px;

		border-bottom: 1px solid #BDC2CE;

	}

	.formtable table tbody td{

		width: 100%;

		padding: 24px 0px;

		border-bottom: 1px solid #BDC2CE;

		overflow: hidden;

	}

	.formtable-quote .formtable-quote-bottom table thead th,

	.formtable-quote .formtable-quote-bottom table tbody td{

		white-space: nowrap;

	}

	.formtable-choices{}

	.formtable-choices td input,

	.formtable-payment td input{margin-right: 5px;}

	.formtable-category{

		font-size: 11px;

		width: 70px;

		height: auto;

		vertical-align: middle;

	}

	.formtable-category-white{

		font-size: 11px;

		width: 70px;

		height: auto;

		vertical-align: middle;

	}

	.formtable-title-wrapper{}

	.formtable-title{

		max-width: calc(100% - 70px);

	}

	.formtable-title-text{

		margin-top: 5px;

		font-size: 12px;

	}

	.formtable-password td input{

		width: 100%;

	}

	tbody .formtable-password-btn td input{

		width: 100%;

		margin-right: 0px;

	}

	tbody .formtable-password-btn td .formtable-code-entry-btn{margin-bottom: 0;}

	.formtable .form-select{width:100%;}

	/* （ボタンあり・約款など） -----------*/

	.formtable-code{}

	.formtable-code td input{

		width: 100%;

		margin-right: 0px;

		margin-bottom: 16px;

		clear: both;

	}

	.formtable-code-entry{

		margin-bottom: 12px;

	}

	.formtable-code-entry-btn,

	.formtable-code-delete-btn{

		font-size: 14px;

		width: 130px;

		height: 45px;

		float: right;

		margin-bottom: 24px;

		margin-top: 15px;

	}

	.formtable-regulations-wrapper{

		text-align: left;

	}

	.formtable-regulations{

		width: 100%;

		margin-bottom: 16px;

	}

	/* attention -----------------------*/

	.attention{

	}

	.attention-content{

		display: block;

		height: auto;

		padding: 30px;

		border-radius: 2px;

		margin-bottom: 32px;

	}

	.attention-content-image{

		width: auto;

		display: block;

	}

	.attention-content-image img{

		width: 25%;

	}

	.attention-content-description{

		padding: 30px 0px 0px 0;

	}

	.attention-content-description-title{

		font-size: 21px;

		margin-bottom: 30px;

	}

	.attention-content-description-text{

	}

	/* recommend -----------------------*/

	.recommend{}

	.recommend-title-wrapper{}

	.recommend-title{

		padding: 18px 24px;

		font-size: 20px;

	}

	.recommend-list-wrapper{

		padding: 35px 16px 10px;

	}

	.recommend-list{}

	.recommend-list li{

		line-height: 1.6;

		margin-bottom: 25px;

		padding-left: 45px;

	}

	.recommend-list li::before{top: 1px;}

	/* login -----------------------*/

	.login{}

	.login-list{

		display: block;

		border: #E1E4EB 2px solid;

		border-radius: 4px;

		margin-bottom: 40px;

	}

	.login-list-id{

		width: 100%;

		border-right: none;

		padding: 40px 15px 20px 15px;

		border-bottom: #E1E4EB 1px solid;

	}

	.login-list-first{

		width: 100%;

		padding: 30px 15px 60px;

	}

	.login-list-id-title,

	.login-list-first-title{margin-bottom: 40px;}

	.login-list-id-list-item input{

		height: auto;

		padding: 16px 20px;

	}

	.login-list-id-list-item button{

		height: auto;

		margin-bottom: 30px;

		color: #fff;

		padding: 12px;

		font-size:14px;

		letter-spacing: 0.2em;

	}

	.login-list-id-forget{text-align: center;}

	.login-list-id-forget-links{

		width: fit-content;

		display: block;

		margin-right:0;

	}

	.login-list-first-register-wrapper{

		padding-top: 0px;

	}

	.login-list-first-register{

		height: auto;

	}

	.login-back{

		border-radius:4px;

		height: auto;

		padding: 12px;

	}

	/* box -----------------------*/

	.box-title{padding: 19px 18px;}

	.box-note .box-title{padding: 18px 18px 18px 54px;}

	.box-note .box-title::before{left: 18px;}

	.box-inner{padding: 24px 18px;}

	/* caution -----------------------*/

	.caution-title{padding: 19px 18px;}

	.caution-note .caution-title{padding: 18px 18px 18px 54px;}

	.caution-note .caution-title::before{left: 18px;}

	.caution-inner{padding: 24px 18px;}

	/* step -----------------------*/

	.step-wrapper{padding: 0 ;}

	.step-stage::before {

		top: calc(50% + 65px);

		left: 36px;

	}

	.step-icon {

		position: relative;

		width: 72px;

		height: 72px;

		border-radius: 36px;

		margin-bottom: 30px;

	}

	.step-icon span {

		top: 55%;

		left: 55%;

		transform: translate(-55%, -55%);

		line-height: 1.2;

	}

	.step-icon span b {font-size: 24px;}

	.step-detail {

		width: calc(100% - 86px);

		margin-bottom: 0px;

	}

	/* .step-detail::before {

		top: calc(50% + 36px);

		left: -50px;

	} */

	.step-border-none .step-detail::before {display: none;}

	.step-detail-inner-sp {

		position: static;

		top: auto;

		left: auto;

		transform: translate(0, 0);

		padding-top: 10px;

	}

	.step-detail-l {padding-top: 10px;}

	/* managementtable -----------------------*/

	.managementtable-wrapper{}

	.managementtable-contents-wrapper{

		display: block;

		margin-bottom: 24px;

		overflow: hidden;

	}

	.managementtable-contents{

		display: block;

	}

	.managementtable-contents .searchform{

		margin-bottom: 20px;

		margin-right: 0px;

	}

	/* .managementtable-contents-search{

		margin-right: 0px;

		display: block;

		margin-bottom: 24px

	}

	.managementtable-contents-search input{

		height: 50px;

		width: calc(100% - 65px);

		padding: 15px;

		padding-left: 50px;

		border-radius: 4px 0 0 4px;

		border: 1px solid #61666C;

	}

	.managementtable-contents-search::before{

		content: '';

		background: url(/proxy/https%3A%2F%2Fjpdirect.jp%2Fimg%2Fcommon%2Ficon_search.png);

		background-size: 100%;

		background-repeat: no-repeat;

		width: 20px;

		height: 20px;

		position: absolute;

		top: calc(50% - 10px);

		left: 20px;

	} */

	.managementtable-display{

		width:140px;

		float: right;

	}

	.managementtable-display select{width:100%;}

	.managementtable{

		width: calc(100% + 60px);

		margin-left: -30px;

		overflow: auto;

		padding-left: 30px;

	}

	.managementtable table thead th{

		white-space: nowrap;

		padding: 20px 10px;

	}

	/* entryinfo ---------------------------------------*/

	.entryinfo-wrapper {

		display: block;

	}

	.entryinfo {

		width: 100%;

		margin-bottom: 25px;

	}

	.entrysns {

		width: 100%;

		margin-bottom: 25px;

	}

	/* localnav ---------------------------------------*/

	.localnav {

		width: calc(100% + 60px);

		margin: 0 -30px 60px;

	}

	.localnav-list{

		justify-content:flex-start;

		overflow-x: auto;

		-webkit-overflow-scrolling: touch;

		padding-left: 30px;

	}

	.localnav-list > li{

		width: auto;

		white-space: nowrap;

	}

	.localnav-list.is-2 > li{width: auto;}

	.localnav-list.is-3 > li{width: auto;}

	.localnav-list.is-4 > li{width: auto;}

	.localnav-list.is-5 > li{width: auto;}

	.localnav-list.is-6 > li{width: auto;}

	.localnav-list > li > a{padding: 10px 26px;}

	.localnav-list > li > span{padding: 10px 26px;}

	/* panelnav ---------------------------------------*/

	.panelnav-wrapper {padding: 67px 20px 14px;}

	.domainpanelnav-wrapper {padding: 67px 20px 14px;}

	.panelnav-item {margin-bottom: 33px;}

	.panelnav-title {

		padding-bottom: 16px;

		margin-bottom: 40px;

	}

	.panelnav-title small {margin-bottom: 9px;}

	.panelnav-title span {font-size: 24px;}

	.panelnav-list li {

		width: calc(50% - 9px);

		margin-right: 18px;

		margin-bottom: 18px;

	}

	.panelnav-list li:nth-of-type(4n) {margin-right: 18px;}

	.panelnav-list li:nth-of-type(2n) {margin-right: 0;}

	.panelnav-list li a {

		padding: 22px 20px 18px;

		letter-spacing: -0.02em;

	}

	.panelnav-list-image {max-width: 56px;}

	.panelnav-list-title {

		font-size: 14px;

		letter-spacing: 0.04em;

	}

	.panelnav-list-text {

		margin-top: 0;

		text-align: left;

		font-size: 12px;

		line-height: 1.5;

	}

	/* entrybody ---------------------------------------*/

	.entrybody .table-wrapper + small{display: block;}

	.entrybody .table-wrapper{margin-bottom: 40px}

	.entrybody .table-sp-scroll{padding-left: 30px}

	.entrybody .table-sp-scroll table{

		table-layout:auto;

		margin-bottom: auto;

	}

	.entrybody .table-sp-scroll table td,

	.entrybody .table-sp-scroll table th{min-width:150px;}

	/* modal ---------------------------------------*/

	.modal{padding: 30px;}

}

/* iphone5 iphoneSE用 */

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

}