@charset "UTF-8

/*=========================================================

00.共通設定
01.TOP
02.お客様の声
03.生地特性から選ぶ
04.よくあるご質問
05.利用シーンで選ぶ
06.データ入稿について
07.印刷方法について
08.プランについて
09.納期・送料について
10.お支払い方法
11.注文から発送までの流れ
12.掛け払い始めました
13.横断幕・応募幕の無料デザイン制作
14.横断幕・垂れ幕の価格表
15.アイテムで選ぶ
16.コラム詳細
17.コラム一覧
18.フォーム
19.生地について
20.加工について
21.アイテムで選ぶ（フライングバナー）
22.簡易お見積システム
23.初めての方へ
24.カート
25.商品一覧
26.商品詳細
27.ログイン
28.プライバシーポリシー
29.キャンセルや返品について
30.サンキューページ
31.LINE
32.国内商品
33.入稿データ作成時の注意点
34.トロマット
35.モーダル
36.商標権のあるイラスト及びロゴ等の記載のある商品について

=========================================================*/

html {
	overflow-y: scroll;	
	min-height: 100vh;
	height: -webkit-fill-available;
	/*font-family: "zen-kaku-gothic-new", sans-serif;*/
	font-weight: 400;
	font-style: normal;
}

.ec-maintenanceAlert {
	top: auto!important;
	bottom: 0!important;
}

#header {
	margin-top: 0!important;
}

body {
	word-break: break-all;
	line-height: 1.5;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	padding-top: 170px;
	/*font-family: "zen-kaku-gothic-new", sans-serif;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

/*
html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}
*/

@media screen and (max-width:1280px)  {
	body {
		padding-top: 115px;
	}	
}

@media screen and (max-width:767px)  {
	body {
		padding-top: 60px;
	}		
}

img { 
	max-width: 100%;
	height: auto; 
}

a         { color: #222; }
a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: none; }
a:active  { text-decoration: none; }
a.blue    { color: #1d60cc; }

/*---------------------------------------------------
レスポンシブ
---------------------------------------------------*/


@media screen and (min-width:1025px)  {
	.sp   { display: none!important; } 
	.tb   { display: none!important; }
	.sptb { display: none!important; }
}
@media screen and (min-width:768px) and (max-width:1024px) {
	.sp   { display: none!important; }
	.pc   { display: none!important; }
}
@media screen and (max-width:767px) {
	.pc   { display: none!important; }
	.tb   { display: none!important; }
	.pctb { display: none!important; }
}

/*---------------------------------------------------
フォント
---------------------------------------------------*/

@font-face {
	font-family: 'corporate';
	src: url('../fonts/Corporate-Logo-Medium-ver3.otf') format('opentype');
}

/*=========================================================

00.共通設定

=========================================================*/

/*---------------------------------------------------
ヘッダー
---------------------------------------------------*/

#header {
	width: 100%;
	height: 170px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	text-align: center;
	background: #fff;
}

#header .inner {
	width: 100%;
	height: 110px;
	padding: 0 30px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

@media screen and (max-width:1280px)  {
	#header {
		height: 115px;
	}

	#header .inner {
		height: 70px;
		padding: 0 20px;
	}	
}

@media screen and (max-width:767px)  {
	#header {
		height: 60px;
		background: #1d60cc;
		padding: 10px 15px;
		box-sizing: border-box;
	}

	#header .inner {
		height: 40px;
		padding: 0;
	}	
}

/* ロゴ
----------------------------------*/

#header .logo {
	width: 268px;
	text-align: left;
	margin-right: 42px;
}

@media screen and (max-width:1280px)  {
	#header .logo {
		width: 180px;
		margin-right: 30px;
	}	
}

@media screen and (max-width:767px)  {
	#header .logo {
		width: auto;
		margin: 0;
	}			
	#header .logo img {
		width: auto;
		height: 40px;
	}		
}

/* キャッチコピー
----------------------------------*/

#header .copy {
	display: inline-block;
	text-align: center;
}

#header .copy img {
	width: 392px;
	height: 57px;
}

#header .copy ul {
	display: flex;
	list-style: none;
	color: #fff;
	font-size: 1.2rem;
	font-family: "corporate-logo-ver2", sans-serif;
	font-style: italic;
	font-weight: 800;
	justify-content: center
}

#header .copy li {
	margin-right: 10px;
	background: #1d60cc;
	border-radius: 100px;
	line-height: 1;
	display: inline-flex;
	padding: 3px 15px;
}

#header .copy li:last-child {
	margin-right: 0;
}

#header .copy li span {
	color: #fffa1a;
}

#header .copy p {
	margin: 0;
	padding: 0;
	font-family: "corporate-logo-ver2", sans-serif;
	font-style: italic;
	font-weight: 800;
	color: #1d60cc;
	font-size: 1.3rem;
}

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

	#header .copy ul {
		font-size: 1.05rem;
	}

	#header .copy li {
		margin-right: 5px;
		padding: 3px 10px;
	}

	#header .copy li:last-child {
		margin-right: 0;
	}

	#header .copy p {
		font-size: 1.15rem;
	}
	
	#header .copy img {
		width: 275px;
		height: 40px;
	}
	
}

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

	#header .copy ul {
		font-size: 0.8rem;
	}

	#header .copy li {
		margin-right: 5px;
		padding: 3px 10px;
	}

	#header .copy li:last-child {
		margin-right: 0;
	}

	#header .copy p {
		font-size: 0.9rem;
	}
}

@media screen and (max-width:920px)  {
	#header .copy {
		display: none;
	}	
}

@media screen and (max-width:767px)  {
	#header .copy {
		display: none;
	}	
}

/* ボタン群
----------------------------------*/
.modalNav .info,
#header .info {
	flex-grow: 1; 
	text-align: right;
}
.modalNav .info .ib,
#header .info .ib {
	display: inline-block;
}
.modalNav .info .wrap,
#header .info .wrap {
	display: flex;
	background: #f5f5f5;
	border-radius: 10px;
	padding: 8px;
	line-height: 1;
}

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

	#header .info .wrap {
		padding: 5px;
	}
	
}

@media screen and (max-width:767px)  {
	#header .info {
		display: none;
	}	
}

/* 電話番号 */
.modalNav .info .tel,
#header .info .tel {
	width: 240px;
	text-align: center;
	line-height: 1;
	margin-right: 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.modalNav .info .tel .time,
#header .info .tel .time {
	background: #1d60cc;
	color: #fff;
	font-size: 0.6rem;
	padding: 3px 7px;
	font-weight: 500;
	border-radius: 3px;
	letter-spacing: 1px;
	font-weight: 700;
	width: 100%;
	position: absolute;
	box-sizing: border-box;
	top: 0;
	left: 0;
	white-space: nowrap;
}
.modalNav .info .tel .dial,
#header .info .tel .dial {
	font-size: 1.7rem;
	font-weight: 800;
	color: #00265f;
	font-family: "zen-kaku-gothic-new", sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-style: normal;
}
.modalNav .info .tel .mail,
#header .info .tel .mail {
	background: #fff;
	font-size: 0.8rem;
	font-weight: 800;
	color: #00265f;
	letter-spacing: 2px;
	border-radius: 3px;
	width: 100%;
	box-sizing: border-box;
	line-height: 1;
	position: absolute;
	bottom: 0;
	left: 0;
}

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

	#header .info .tel {
		width: 170px;
		margin-right: 7px;

	}

	#header .info .tel .time {
		font-size: 0.5rem;
		padding: 3px 5px;
	}

	#header .info .tel .dial {
		font-size: 1.2rem;
	}

	#header .info .tel .mail {
		font-size: 0.6rem;
	}	
}

/* 見積もり依頼 */
.modalNav .info .estimate,
#header .info .estimate {
	margin-right: 10px;
	background: #f2d431;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 3px;
}

.modalNav .info .estimate .icon,
#header .info .estimate .icon {
	text-align: center;
	margin-bottom: 5px;
}

.modalNav .info .estimate .icon img,
#header .info .estimate .icon img {
	width: 24px;
	height: auto;
}

.modalNav .info .estimate .text,
#header .info .estimate .text {
	background: #fff;
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 2px;
	border-radius: 3px;	
	padding: 3px 5px;
	white-space: nowrap;
}

@media screen and (max-width:1280px)  {
	
	#header .info .estimate {
		margin-right: 7px;
		padding: 5px;
	}

	#header .info .estimate .icon {
		margin-bottom: 4px;
	}
	#header .info .estimate .icon img {
		width: 18px;
		height: auto;
	}

	#header .info .estimate .text {
		font-size: 0.6rem;
	}	
	
}

/* カート */

.modalNav .info .cart,
#header .info .cart {
	background: #f55b79;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 3px;	
	min-width: 150px;
	text-align: center;
}

.modalNav .info .cart .name,
#header .info .cart .name {
	background: #fff;
	color: #f55b79;
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 2px;
	border-radius: 3px;	
	padding: 3px 5px;
	margin-bottom: 5px;
	display: block;
}

.modalNav .info .cart .number,
#header .info .cart .number {
	color: #fff;
	display: flex;
	align-items: center;
	margin: 0 auto;
	justify-content: center;
	font-size: 1rem;	
	font-family: "MS Pゴシック";
}

.modalNav .info .cart .number span,
#header .info .cart .number span {
	background: #fff;
	display: flex;
	width: 26px;
	height: 26px;
	border-radius: 1000px;
	color: #000;
	text-align: center;
	justify-content: center;
	line-height: 26px;
	font-size: 1.2rem;
	font-weight: 700;
	margin-left: 5px;
}

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

	#header .info .cart {
		padding: 5px;
		min-width: 100px;
	}

	#header .info .cart .name {
		font-size: 0.7rem;
		padding: 0 3px;
		margin-bottom: 8px;
	}
	
	#header .info .cart .number {
		font-size: 0.7rem;
	}

	#header .info .cart .number span {
		width: 18px;
		height: 18px;
		line-height: 18px;
		font-size: 0.8rem;
	}
	
}


/* SPナビ
----------------------------------*/

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

	.menu, .menu span {
		display: inline-block;
		-webkit-transition: all .2s;
		transition: all .2s;
		box-sizing: border-box;
	}

	.menu {
		position: fixed;
		top: 10px;
		right: 10px;
		width: 40px;
		height: 40px;
		z-index: 2000;
		cursor: pointer;
		box-sizing: border-box;
		background: #fffa1a;
		border-radius: 10px;
	}
	
	/*
	.menu:active {
		opacity: 0.50;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.50;
		-khtml-opacity: 0.50;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}
	*/
	
	.menu span {
		position: absolute;
		left: 8px;
		width: 24px;
		height: 2px;
		background: #1d60cc;
		z-index: 100;
		border-radius: 100px;
	}

	button {
		border: none;
		background: none;
	}

	.menu span:nth-of-type(1) {
		top: 12px;
	}

	.menu span:nth-of-type(2) {
		top: 20px;
	}

	.menu span:nth-of-type(3) {
		top: 28px;
	}

	.menu.active span:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
	}

	.menu.active span:nth-of-type(2) {
		opacity: 0;
	}

	.menu.active span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
	}
	
}

/*---------------------------------------------------
グローバルナビ
---------------------------------------------------*/

#globalNav {
	background: #1d60cc;
	width: 100%;
	height: 60px;
}

#globalNav ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
	max-width: 1350px;
	margin: 0 auto;
}

#globalNav ul li {
	height: 60px;
	position: relative;
	flex-grow:1;
}

#globalNav ul li:not(:last-child):after {
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	background: #8eb0e6;
	position: absolute;
	right: 0;
	top: calc(50% - 7px);
}

#globalNav ul a {
	display: flex;
	width: 100%;
	height: 60px;
	align-items: center;
	justify-content: center;
	color: #fff;	
	font-weight: 600;
	font-size: 1rem;
	overflow: hidden;
}

#globalNav ul a span {
	position: relative;
	vertical-align: middle
}

#globalNav ul a:hover span {
	color: #fffa1a;
}

#globalNav ul a:hover span:after {
	content: "";
	display: inline-block;
	background: #f2d431;
	width: 100%;
	height: 7px;
	border-radius: 5px 5px 0 0;
	position: absolute;
	bottom: -20px;
	left: 0;
}

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

	#globalNav {
		height: 45px;
	}

	#globalNav ul li {
		height: 45px;
	}

	#globalNav ul li:not(:last-child):after {
		content: "";
		display: block;
		width: 1px;
		height: 14px;
		background: #8eb0e6;
		position: absolute;
		right: 0;
		top: calc(50% - 7px);
	}

	#globalNav ul a {
		height: 45px;
		font-size: 0.9rem;
	}

	#globalNav ul a:hover span:after {
		height: 5px;
		border-radius: 3px 3px 0 0;
		bottom: -12px;
	}	
}

@media screen and (max-width:767px)  {
	#globalNav {
		display: none;
	}	
}

/*---------------------------------------------------
基本
---------------------------------------------------*/

/* レイアウト
----------------------------------*/

#contents {
	max-width: 1350px;	
	display: flex;
	margin: 40px auto 60px;
	padding: 0 20px;
	flex-wrap: wrap;
	box-sizing: border-box;
}

#main {
	width: calc(100% - 350px);	
	order: 2;
}

#sub {
	width: 300px;
	margin-right: 50px;
	order: 1;
}

#sub .heading {
	margin-bottom: 20px;
}

@media screen and (max-width:1280px)  {
	#main {
		width: calc(100% - 300px);	
		order: 2;
	}

	#sub {
		width: 250px;
		margin-right: 50px;
		order: 1;
	}	
}

@media screen and (max-width:1024px)  {
	#main {
		width: 100%;
		order: 1;
		margin: 0 0 30px;
	}

	#sub {
		width: 100%;
		margin: 0 0 50px;
		order: 2;
	}		
}

@media screen and (max-width:767px)  {
	#contents {
		padding: 0;
		margin: 0;
	}
	
	#main .inner {
		padding: 0 15px;
	}

	
	#sub {
		padding: 0 15px 30px;
		margin: 0;
	}		
}

/* 見出し
----------------------------------*/

.heading  {
	font-size: 1.4rem;
	font-weight: 800;
	margin-bottom: 40px;
	padding: 0 0 15px;
	border-bottom: 2px solid #dcdcdc;
	position: relative;
}

.heading:before {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background: #1d60cc;
	position: absolute;
	bottom: -2px;
	left: 0;
}

.heading:after {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background: #f2d431;
	position: absolute;
	bottom: -2px;
	left: 20px;
}

.heading .btn {
	position: absolute;
	right: 0;
	top: calc(50% - 13px);
	background: #1d60cc;
	font-size: 12px;
	color: #fff;
	border-radius: 1000px;
	padding: 7px 30px;
	line-height: 12px;
	font-weight: normal;
}

.heading .btn:after {
	content: "→";
	font-size: 14px;
	position: absolute;
	top: calc(50% - 7px);
	right: 5px;
	
}

.subheading {
	background: #1d60cc;
	color: #fff;
	padding: 10px 15px;
	border-radius: 5px;
	font-weight: 700;
	margin-bottom: 30px;
}

@media screen and (max-width:1280px)  {
	.heading  {
		font-size: 1.15rem;
		margin-bottom: 30px;
	}
}

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

	.heading  {
		font-size: 1.15rem;
		margin-bottom: 30px;
	}

	.heading .btn {
		position: absolute;
		right: 0;
		top: calc(50% - 18px);
		background: #1d60cc;
		font-size: 11px;
		color: #fff;
		border-radius: 1000px;
		padding: 7px 20px;
		line-height: 12px;
		font-weight: normal;
	}

	.heading .btn:after {
		content: "→";
		font-size: 12px;
		position: absolute;
		top: calc(50% - 7px);
		right: 5px;

	}

	.subheading {
		background: #1d60cc;
		color: #fff;
		padding: 10px;
		border-radius: 10px;
		font-weight: 700;
		margin-bottom: 30px;
	}	
}

/* ボタン
----------------------------------*/

.btn.chg {
	text-align: center;
	margin: 20px 0 0;
}

.btn.chg a {
	padding-right: 45px;
	background: #ff0000;
}

.btn1 {
	text-align: center;
}

.logoutBtn {
	text-align: right;
	padding-top: 30px;
}

button.btn,
.logoutBtn a,
.btn1 a,
.btn a {
	display: inline-block;
	background: #1d60cc;
	color: #fff;
	padding: 10px;
	min-width: 240px;
	border-radius: 10px;
	font-weight: 700;
	position: relative;
	text-align: center;
	line-height: 2;
	box-sizing: border-box;
}

.btn a:hover {
	opacity: 0.7;
}

button.btn:after,
.btn1 a:after,
.btn a:after {
	content: "→";
	font-size: 16px;
	color: #fff;
	line-height: 1;
	position: absolute;
	top: calc(50% - 8px);
	right: 7px;
}

.center {
	text-align: center;
}

.paid-form {
	text-align: center;
	margin: 45px 0 0;
}

.paid-form input {
	display: inline-block;
	position: relative;
	margin-bottom: -10px;
	vertical-align: inherit;
}

.paid-form label {
	display: inline-block;
}

@media screen and (max-width:767px)  {
	button.btn,
	.logoutBtn a,
	.btn1 a,
	.btn a {
		padding: 7px;
		min-width: 180px;
		width: 100%;
		font-size: 0.9rem;
	}	
}

/* 強調
----------------------------------*/

.emphasis {
	background: #ff0000;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 5px;
}

@media screen and (max-width:767px)  {
	.emphasis {
		background: #ff0000;
		color: #fff;
		font-weight: 700;
		display: inline-block;
		padding: 1px 10px 3px;
		border-radius: 5px;
		margin-right: 10px;
	}	
}

/* 箇条書き
----------------------------------*/

.sup {
}

.sup li {
	position: relative;
	padding-left: 20px;
}

.sup li:before {
	content: "※";
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
}

/* PDF
----------------------------------*/

.pdf {
	display: flex;
	align-items: center;
}

.pdf:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../images/icon_pdf.png") center center no-repeat;
	background-size: contain;
	margin-right: 10px;
}

.pdf:hover {
	opacity: 0.7;
}

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

.linkList li:not(:last-child){
	margin-bottom: 10px;
}


/*---------------------------------------------------
サブカラム
---------------------------------------------------*/

/* ボックス
----------------------------------*/

.subBox {
	background: #f5f5f5;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 30px;
}

.subBox img {
	border-radius: 10px;
}

.arrow {
	text-align: right;
	margin-top: 10px;
	font-weight: 800;
	line-height: 20px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 0.9rem;
	padding: 7px 0;
}

.arrow:before {
	content: "→";
	display: inline-block;
	background: #1d60cc;
	color: #fff;
	border-radius: 1000px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 0.7rem;
	font-weight: 800;
	margin: 2px 10px 0 0;
}

@media screen and (max-width:1280px)  {
	.subBox {
		padding: 7px;
		border-radius: 7px;
		margin-bottom: 20px;
	}

	.subBox img {
		border-radius: 7px;
	}	
	
	.arrow {
		font-size: 0.8rem;
		margin-top: 7px;
	}

	.arrow:before {
		width: 18px;
		height: 18px;
		line-height: 16px;
		font-size: 0.6rem;
		margin: 2px 7px 0 0;
		box-sizing: border-box;
	}
}

/* 1000ptバナー　*/
.pt1000Banner {
	margin-bottom: 50px;
}

/* 納期 */
.subDeadline {
	background: #ffffff;
	text-align: center;
	position: relative;
	margin-top: 30px;
	border-radius: 10px;
	padding: 0 10px 10px;
}

.subDeadline .baloon {
	background: #f2d431;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	position: absolute;
	top: -70px;
	left: calc(50% - 110px);
	font-weight: 800;
	width: 220px;
	box-sizing: border-box;
	font-size: 0.9rem;
}

.subDeadline .baloon p {
	position: relative;
	z-index: 1;
}

.subDeadline .baloon:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 20px solid #f2d431;
	transform: rotate(270deg);
	position: absolute;
	bottom: -7px;
	left: 50%;
	z-index: 0px;
}

.subDeadline .baloon span {
	font-size: 1.2rem;
	color: #1d60cc;
}

.subDeadline .info {
	padding: 15px 10px;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
}

.subDeadline .info .time {
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 1;
}

.subDeadline .info .time span {
	font-size: 2.4rem;	
	color: #1d60cc;
}

.subDeadline .info .text {	
	color: #1d60cc;
	font-weight: 800;
}

.subDeadline .link {
	background: #1d60cc;
	padding: 15px 10px 20px;
	border-radius: 10px;
	color: #ffffff;
	display: block;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1;
	margin: 0;
	position: relative;
}

.subDeadline .link:after {
  content: "→";
  position: absolute;
  top: calc(50% - 7px);
  right: 5px;
  display: flex;
  width: 18px;
  height: 18px;
  font-size: 10px;
  border-radius: 1000px;
  background: #fffa1a;
  color: #292912;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}

.subDeadline .link span {
	font-size: 1rem;
	display: block;
	line-height: 1;
	margin-bottom: 10px;
}

.subDeadline .link span strong {
	font-weight: 600;
	color: #fffa1a;
}

.subDeadline .link:hover {
	opacity: 0.7;
}

@media screen and (max-width:1280px)  {
	
	.subDeadline {
		border-radius: 7px;
	}

	.subDeadline .baloon {
		padding: 5px 10px;
		top: -70px;
		left: calc(50% - 100px);
		width: 200px;
		font-size: 0.8rem;
	}

	.subDeadline .baloon span {
		font-size: 1.1rem;
	}

	.subDeadline .info {
		padding: 10px 7px;
		border-radius: 7px 7px 0 0;
	}

	.subDeadline .info .time {
		font-size: 1.4rem;
	}

	.subDeadline .info .time span {
		font-size: 2rem;
	}

	.subDeadline .info .text {	
		font-size: 0.9rem;
	}

	.subDeadline .link {
		padding: 15px 10px 20px;
		border-radius: 7px;
		font-size: 1.2rem;
	}

	.subDeadline .link span {
		font-size: 0.9rem;
		margin-bottom: 7px;
	}	
}

/* カテゴリ
----------------------------------*/

.subCategory h3 {
	background: #1d60cc;
	color: #fff;
	font-weight: 800;
	padding: 15px;
	border-radius: 10px 10px 0 0;
}

.subCategory ul {
	border: 1px solid #dcdcdc;
	background: #fff;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}

.subCategory li:not(:last-child) {
	border-bottom: 1px solid #dcdcdc;
}

.subCategory li a {
	font-weight: 600;
	display: flex;
	align-items: center;
}

.subCategory li a .img {
	display: block;
	width: 60px;
	height: 60px;
}

.subCategory li a .image img {
	border-radius: 0;
}

.subCategory li a .title {
	display: block;
	width: calc(100% - 60px);
	box-sizing: border-box;
	padding: 10px;
}

.subCategory li a .min {
	font-size: 0.8rem;
}

@media screen and (max-width:1280px)  {
	.subCategory h3 {
		padding: 10px;
		border-radius: 7px 7px 0 0;
	}

	.subCategory ul {
		border-radius: 0 0 7px 7px;
	}

	.subCategory li a .img {
		width: 45px;
		height: 45px;
	}

	.subCategory li a .title {
		width: calc(100% - 45px);
		padding: 7px;
		font-size: 0.9rem;
	}
	
}

@media screen and (min-width:1025px) and (max-width:1280px)  {
	
	.subCategory li a .min {
		display: block;
	}
}

/* バナー群 */
.subBanners li {
	margin-bottom: 20px;
}

.subBanners li img {
	border-radius: 10px;
	box-sizing: border-box;
}

.subBanners {
	margin-bottom: 30px;
}

.borderBlue {
	border: 1px solid #1d60cc;
}
.borderGray {
	border: 1px solid #888b87;
}
.borderGreen {
	border: 1px solid #23b8be;
}

@media screen and (max-width:1280px)  {
	.subBanners li {
		margin-bottom: 10px;
	}

	.subBanners li img {
		border-radius: 7px;
	}

	.subBanners {
		margin-bottom: 20px;
	}	
}

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

	.subBanners {
		display: flex;
		flex-wrap: wrap;
	}
	
	.subBanners li {
		width: calc(50% - 10px);
		margin: 0 20px 20px 0;
	}
	
	.subBanners li:nth-child(2n){
		margin-right: 0;
	}
	
	
	.subBanners li img {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width:767px)  {
	.subBanners li {
		width: calc(50% - 5px);
		margin: 0 10px 10px 0;
	}	
}

/* SNS　*/
.subSns {
	display: flex;
	justify-content: center;
}

.subSns  li {
	padding: 0 20px;
	position: relative;
}

.subSns  li:not(:last-child):after {
	content: "";
	width: 1px;
	height: 20px;
	display: block;
	background: #dcdcdc;
	right: 0;
	top: calc(50% - 10px);
	position: absolute;
}

/*---------------------------------------------------
メインカラム
---------------------------------------------------*/

/* パンクズ
----------------------------------*/

.topicPath ul {
	display: flex;
	flex-wrap: wrap;
	font-size: 0.8rem;
}

.topicPath li {
	margin-bottom: 5px;
}

.topicPath li:not(:last-child):after {
	content: ">";
	margin: 5px 15px;
}

.topicPath a {
	display: inline-block;
	background: #f5f5f5;
	padding: 5px 15px;
	border-radius: 100px;
}

.topicPath a:hover {
	opacity: 0.7;
}

.topicPath span {
	display: inline-block;
	background: #f2d431;
	padding: 5px 15px;
	border-radius: 100px;
	font-weight: 700;
}

@media screen and (max-width:767px)  {
	.topicPath {
		display: none;
	}	
}

/* タイトル
----------------------------------*/

.page-heading,
.ec-pageHeader h1,
.pageTitle {
	margin: 45px 0;
	font-weight: 700;
	font-size: 2.4rem;
	color: #1d60cc;
}

@media screen and (max-width:767px)  {
	.page-heading,
	.ec-pageHeader h1,
	.pageTitle {
		margin: 35px 0;
		font-size: 1.4rem;
	}	
}

.ec-role {
	padding: 0;
	font-size: auto;
	line-height: auto;
}

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

/* ページング
----------------------------------*/

.pager {
	margin: 0;
}

.pager ul {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.pager ul li {
	display: inline-block;
	margin: 0 5px;
}

.pager ul li a {
	display: block;
	padding: 10px 10px 12px;
	line-height: 1;
	font-weight: 700;
	color: #3f78d4;
}

.pager ul li.num a {
	border: 1px solid #3f78d4;
	border-radius: 3px;
}

.pager ul li.next a,
.pager ul li.prev a {
	padding: 11px 10px 13px;
}

.pager ul li.current a {
	background: #3f78d4;
	color: #fff;
}

/*---------------------------------------------------
フッター
---------------------------------------------------*/

/* ガイド
----------------------------------*/

#footerGuide {
	background: #f5f5f5;
	line-height: 2;
}

#footerGuide .inner {
	margin: 0 auto;
	max-width: 1350px;
	padding: 100px 20px;
	display: flex;
	flex-wrap: wrap;
}

#footerGuide .inner .l {
	width: calc(50% - 20px);	
	margin-right: 40px;
}

#footerGuide .inner .r {
	width: calc(50% - 20px);	
}

#footerGuide .inner section {
	margin-bottom: 40px;
}

#footerGuide .inner h3 {
	font-weight: 800;
}

#footerGuide .inner .text {
	margin-bottom: 20px;
}

#footerGuide .inner .image {
	margin-bottom: 20px;
}

#footerGuide .cards {
	display: flex;
}

#footerGuide .cards li:not(:last-child){
	margin-right: 10px;
}

#footerGuide .list {
	margin-bottom: 20px;
	list-style: disc;
}

#footerGuide .list li {
	margin: 0 0 0 20px;
}

@media screen and (max-width:1024px)  {
	#footerGuide .inner {
		padding: 75px 20px 30px;
		display: block;
	}

	#footerGuide .inner .l {
		width: 100%;
		margin: 0 0 40px;
	}

	#footerGuide .inner .r {
		width: 100%;
	}	
}

@media screen and (max-width:767px)  {
	#footerGuide .inner {
		padding: 30px 15px 0;
		line-height: 1.5;
	}
	
	#footerGuide .inner section.sp_accordion {
		margin-bottom: 0;
	}
	
	#footerGuide .inner section.sp_accordion.open {
		padding-bottom: 30px;
	}
	
	#footerGuide .sp_accordion_head:before {
		z-index: 10;
		background: #1d60cc;
		right: 0;
		top: -8px;
		font-weight: 700;
		padding: 5px 5px 8px;
		border-radius: 5px;
		line-height: 1;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	#footerGuide .inner .l {
		margin: 0;
	}

	#footerGuide .inner .r {
		width: 100%;
	}		
}

/* フッター
----------------------------------*/

#globalFooter {
	background: #2e363b;
}

#globalFooter .inner {
	margin: 0 auto;
	max-width: 1350px;
	padding: 100px 20px;
}

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

	#globalFooter .inner {
		padding: 75px 20px;
	}	
}

@media screen and (max-width:767px)  {
	
	#globalFooter {
		position: relative;
	}

	#globalFooter .inner {
		padding: 50px 15px;
	}	
}

/* ロゴ */

#globalFooter .footerLogo {
	margin-bottom: 30px;
}

#globalFooter .footerText {
	color: #fff;
	font-weight: 700;
}

#globalFooter .inner .t {
	margin-bottom: 40px;
}

#globalFooter .inner .b {
	display: table;
	width: 100%;
}


@media screen and (max-width:1024px)  {
	
	#globalFooter .inner .t {
		margin-bottom: 0;
		text-align: center;
	}

	#globalFooter .inner .b {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width:767px)  {
	#globalFooter .footerLogo {
		margin-bottom: 20px;
	}
	
	#globalFooter .footerLogo img {
		width: 180px;
		height: auto;
	}

	#globalFooter .footerText {
		font-size: 0.9rem;
	}

	#globalFooter .inner .t {
		margin-bottom: 0;
	}	
}

/* SNS */

#globalFooter .inner .b .footerSns {
	display: table-cell;
	vertical-align: bottom;
	padding: 50px 0 0;
}

#globalFooter .footerSns ul { 
	display: flex;
	font-weight: 700;
	color: #fff;
}

#globalFooter .footerSns ul li {
	padding: 0 20px;
	position: relative;
}

#globalFooter .footerSns ul li:not(:last-child):after {
	content: "";
	width: 1px;
	height: 20px;
	display: block;
	background: #4d5458;
	right: 0;
	top: calc(50% - 10px);
	position: absolute;
}

#globalFooter .footerSns ul li:first-child:after {
	display: none;
}

#globalFooter .footerSns ul li:first-child {
	padding: 0;
	letter-spacing: 1px;
}

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

	#globalFooter .inner .b .footerSns {
		display: block;
		padding-top: 30px;
	}

	#globalFooter .footerSns ul { 
		display: flex;
		font-weight: 700;
		color: #fff;
		margin: 0 auto 50px;
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
	}

	#globalFooter .footerSns ul li {
		padding: 0 20px;
		position: relative;
		
	}
	#globalFooter .footerSns ul li:first-child {
		width: 100%;
		padding-bottom: 10px;
	}

	#globalFooter .footerSns ul li:not(:last-child):after {
		content: "";
		width: 1px;
		height: 20px;
		display: block;
		background: #4d5458;
		right: 0;
		top: calc(50% - 10px);
		position: absolute;
	}

	#globalFooter .footerSns ul li:first-child:after {
		display: none;
	}
}


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

	#globalFooter .inner .b .footerSns {
		padding-top: 20px;
	}

	#globalFooter .footerSns ul { 
		margin: 0 auto 10px;
	}

	#globalFooter .footerSns ul li {
		padding: 0 15px;
		position: relative;
		
	}

	#globalFooter .footerSns ul li img {
		width: 26px;
		height: auto;
	}

	#globalFooter .footerSns ul li:first-child:after {
		display: none;
	}
}

/* ナビ・コピーライト */

#globalFooter .footerInfo {
	display: table-cell;
	vertical-align: top;
	text-align: right;
}

#globalFooter .footerInfo ul {
	display: flex;
	float: right;
	margin-bottom: 30px;
}

#globalFooter .footerInfo ul li {
	position: relative;
	padding: 0 20px;
}

#globalFooter .footerInfo ul li:not(:last-child):after {
	content: "";
	width: 1px;
	height: 12px;
	display: block;
	background: #4d5458;
	right: 0;
	top: calc(50% - 6px);
	position: absolute;
}

#globalFooter .footerInfo ul li:last-child {
	padding-right: 0;
}

#globalFooter .footerInfo ul li a {
	color: #fff;
}

#globalFooter .footerInfo p {
	clear: both;
	color: #737c8c;
	letter-spacing: 1px;
	font-size: 0.9rem;
}


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

	#globalFooter .footerInfo {
		display: block;
		vertical-align: top;
		text-align: left;
	}

	#globalFooter .footerInfo ul {
		display: block;
		float: none;
		margin-bottom: 30px;
	}

	#globalFooter .footerInfo ul li {
		position: relative;
		padding: 0 ;
	}

	#globalFooter .footerInfo ul li:not(:last-child):after {
		display: none;
	}

	#globalFooter .footerInfo ul li a {
		color: #fff;
		display: block;
		padding: 20px 0;
		border-bottom: 1px solid #4d5458;
		position: relative;
	}
	
	#globalFooter .footerInfo ul li:last-child a {
		border: none;
	}
	
	#globalFooter .footerInfo ul li a:after {
		content: "→";
		position: absolute;
		top: calc(50% - 10px);
		right: 0;
		font-size: 20px;	
		line-height: 1;
	}

	#globalFooter .footerInfo p {
		text-align: center;
	}	
}


@media screen and (max-width:767px)  {
	
	#globalFooter .footerInfo ul {
		margin-bottom: 20px;
	}

	#globalFooter .footerInfo ul li a {
		padding: 15px 0;
		font-size: 0.9rem;
	}
	
	#globalFooter .footerInfo ul li a:after {
		top: calc(50% - 8px);
		font-size: 16px;
	}	
	#globalFooter .footerInfo p {
		font-size: 0.7rem;
		letter-spacing: 0;
	}	
	
}

/* ページトップ
----------------------------------*/

.pageTop a {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: flex;
	width: 60px;
	height: 60px;
	border-radius: 10px;
	color: #fff;
	background: #1d60cc;
	line-height: 1;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1.8rem;
	border: 2px solid #fff;
	z-index: 30;
}

@media screen and (max-width:767px)  {
	.pageTop a {
		position: absolute;
		bottom: auto;
		right: 15px;
		top: 15px;
		width: 36px;
		height: 36px;
		border-radius: 5px;
		font-size: 1.4rem;
		border: none;
	}	
}


/* モーダルナビ
----------------------------------*/

@media screen and (max-width:767px)  {
	.modalNav {
		position: fixed;
		top: 60px;
		left: 0;
		width: 100%;
		display: none;
		z-index: 20000;
		opacity: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
		height: calc(100vh - 60px);
		overflow: scroll;
	transform: translate(370px);
	transition: all .5s;
	}

	.modalNav.active {
		display: block;
		background: #fff;
		opacity: 1;
	transform: translateZ(0);
	}
	.modalNav .inner {
		padding: 30px 15px;
	}
	
	.modalNav .subBox {
		padding: 10px;
	}
	
	.modalNav .subBox img {
		width: 100%;
	}
	
	/* ナビ */
	.modalNav #modalGlobalNav {
		background: #1d60cc;
		border-radius: 5px;
	}
	.modalNav #modalGlobalNav li:not(:last-child){
		border-bottom: 1px solid #82a3d9;
	}
	
	.modalNav #modalGlobalNav a {
		display: flex;
		padding: 15px;
		width: 100%;
		align-items: center;
		box-sizing: border-box;
		color: #fff;
		font-weight: 700;
		position: relative;
	}
	
	.modalNav #modalGlobalNav a:hover {
		opacity: 0.7;
	}
	
	.modalNav #modalGlobalNav a:before {
		content: "";
		display: block;
		background: #fffa1a;
		border-radius: 10px;
		width: 4px;
		height: 20px;
		margin-right: 15px;
	}
	
	.modalNav #modalGlobalNav a:after {
		content: "→";
		position: absolute;
		top: calc(50% - 7px);
		right: 10px;
		display: flex;
		width: 18px;
		height: 18px;
		font-size: 10px;
		padding-bottom: 2px;
		border-radius: 1000px;
		background: #fffa1a;
		color:#292912;
		box-sizing: border-box;
		align-items: center;
		justify-content: center;
	}

	/* 納期 */
	.modalNav .subDeadline {
		margin-top: 0;
		border-radius: 5px;
	}

	.modalNav .subDeadline .baloon {
		background: #f2d431;
		display: block;
		padding: 5px 10px;
		border-radius: 5px 5px 0 0;
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		font-size: 0.9rem;
	}

	.modalNav .subDeadline .baloon:after {
		display: none;
	}

	.modalNav .subDeadline .info {
		padding: 5px;
		border-bottom: none;
		border-radius: 5px;
		text-align: center
	}

	.modalNav .subDeadline .info .time {
		font-size: 1.6rem;
		font-weight: 800;
		line-height: 1;
	}

	.modalNav .subDeadline .info .time span {
		font-size: 2rem;	
	}

	.modalNav .subDeadline .info .text {	
		font-size: 0.8rem;	
	}

	.modalNav .subDeadline .link {
		/*display: none;*/
	}
	
	.modalNav .pt1000Banner {
		margin-bottom: 20px;
	}

	/* バナー群 */
	.modalNav .subBanners {
		display: block;
	}
	
	.modalNav .subBanners li {
		margin-bottom: 20px;
		width: 100%;
	}

	.modalNav .subBanners li img {
		border-radius: 5px;
	}

	.modalNav .subBanners {
		margin-bottom: 0;
	}
	
	.modalNav .subBanners li:last-child {
		margin-bottom: 0;
	}
	/* ボタン */
	.modalNav .info .ib {
		width: 100%;
	}
	.modalNav .info .wrap {
		width: 100%;
		box-sizing: border-box;
	}
	.modalNav .info .wrap:nth-child(1){
		border-radius: 5px 5px 0 0;
		padding-bottom: 0;
	}
	.modalNav .info .wrap:nth-child(2){
		border-radius: 0 0 5px 5px;
		margin-bottom: 20px;
	}
	.modalNav .info .tel {
		width: 100%;
		display: block;
		background: #fff;
		padding: 7px;
	}
	.modalNav .info .tel .time {
		position: relative;
	}
	.modalNav .info .tel .dial {
		padding: 10px 0;
	}
	.modalNav .info .tel .mail {
		position: relative;
		background: #f2f2f2;
		padding: 2px;
		border-radius: 3px;
	}
	.modalNav .info .estimateLink {
		width: calc(45% - 10px);
		text-align: center
	}
	.modalNav .info .cart {
		width: calc(55%);
	}
}

/*=========================================================

01.TOP

=========================================================*/

/* お知らせ
----------------------------------*/

.topTopics {
	border-radius: 10px;
	padding: 7px;
	background: #f5f5f5;
	display: flex;
	line-height: 2;
	align-items: center;
	margin-bottom: 40px;
}

.topTopics h2 {
	width: 120px;
	box-sizing: border-box;
	background: #ff0000;
	color: #ffffff;
	border-radius: 10px 0 0 10px;
	text-align: center;
	padding: 5px;
	font-weight: 700;
}

.topTopics p {
	border: 1px solid #e5e5e5;
	border-left: none;
	border-radius: 0 10px 10px 0;
	flex-grow: 1;
	overflow: hidden;
}


.topTopics p:not(:first-of-type){
	display: none!important;
}

.topTopics p a {
	color: #ff0000;
	display: block;
	background: #fff;
	padding: 5px 20px;
}

/* メインビジュアル
----------------------------------*/

.topMain {
	margin-bottom: 40px;	
	border-radius: 10px;
	overflow: hidden;
}

.topMain .b {
	background: url("../images/top/top_main_b.png") repeat-y top center;
	background-size: 100% auto;
	padding-bottom: 20px;
}

.topMain .btns {
	margin: 0 2%;
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	box-sizing: border-box;
	width: 96%;
	display: flex;
	justify-content: space-between;
}

.topMain .btns p {
	line-height: 1.3;
	font-weight: 600;
	font-family: "corporate-logo-ver2", sans-serif;
	width: 40%;
}

/*
.topMain .btns .link {
	display: flex;
	width: 60%;
}
*/

.topMain .btns a {
	background: #1d60cc;
	color: #fff;
	border-radius: 10px;
	padding: 22px 30px;
	line-height: 1.5;
	font-weight: normal;
	box-sizing: border-box;
	width: calc(50% - 20px);
	display: flex;
	align-items: center;
	position: relative;
	font-weight: 700;
	width: 32%;
	font-size: 1.1rem;
}

/*
.topMain .btns a:last-child {
	margin-right: 0;
	font-size: 1.4rem;
}
*/

.topMain .btns a:after {
	content: "→";
	position: absolute;
	top: calc(50% - 7px);
	right: 5px;
	display: flex;
	width: 18px;
	height: 18px;
	font-size: 10px;
	border-radius: 1000px;
	background: #fffa1a;
	color:#292912;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	font-family: "MS Pゴシック";
}

.topMain .btns a:hover {
	opacity: 0.7;
}

@media screen and (max-width:1024px)  {
	.topMain .btns a {
		/*font-size: min(1.2vw,0.8rem);	*/
	}
}

/* ファーストビュー */
@media screen and (max-width:767px)  {
	.topFv {
		display: flex;
		flex-direction: column;
	}
	/* メイン画像 */
	.topMain {
		width: calc(100% + 30px);
		margin-left: -15px;
		margin-right: -15px;
		order: 1;
		background: url("../images/top/top_main_b.png");
		background-size: 75% auto;
		border-radius: 0;
		margin-bottom: 20px;
	}
	.topMain .t {
		/*padding: 25px 25px 0;*/
		padding: 25px 0 0;
	}
	.topMain .b {
		background: none;
		padding: 0;
	}
	.topMain .btns {		
		display: block;
		padding: 10px;
		/*
		border-radius: 5px;
		margin: 0 15px 15px;
		width: calc(100% - 30px);
		*/
		border-radius: 0;
		margin: -2px 0 15px;
		width: calc(100%);
	}
	.topMain .btns .title {
		width: 100%;
		text-align: center;
		font-size: min(4.5vw,24px);
		padding-bottom: 15px;
	}
	.topMain .btns .title br {
		display: none;
	}
	.topMain .btns .link {
		width: 100%;
	}
	.topMain .btns a {
		width: 100%;
		margin: 5px 0;
		font-size: 1.2rem;
		text-align: center;
		padding: 15px 30px 15px 20px;
		line-height: 1.4;
		border-radius: 5px;
	}
	.topMain .btns a br {
		display: none;
	}
	.topMain .btns .link a:nth-child(2) {
		margin-right: 0;
	}
	.topTopics {
		width: calc(100% - 0px);
		order: 2;
		display: block;
		box-sizing: border-box;
		margin: 0 0 20px;
	}
	.topTopics h2 {
		width: 100%;
		border-radius: 10px 10px 0 0;
		padding: 7px;
		line-height: 1;
	}
	.topTopics p {
		font-size: 0.9rem;
		border-radius: 0 0 10px 10px;
	}
}

/* バナー
----------------------------------*/

.topBanner {
	margin-bottom: 40px;
}

@media screen and (max-width:767px)  {
	.topBanner {
		margin-bottom: 30px;
	}	
}


/* 商品紹介
----------------------------------*/

.topGroups {
	margin-bottom: 40px;
}

.topItems {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.topItems a {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
	border-radius: 10px;
	padding: 10px;
	background: #f5f5f5;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.topItems a:nth-child(3n){
	margin-right: 0;
}

.topItems a .box {
	background: #fff;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #e5e5e5;
}

.topItems a .image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	overflow: hidden;
	box-sizing: border-box;
}

.topItems a .name {
	padding: 10px 35px 10px 10px;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	background: #fff;
	font-weight: 700;
	position: relative;
}

.topItems a .name:after {
	content: "→";
	position: absolute;
	top: calc(50% - 9px);
	right: 5px;
	display: block;
	width: 18px;
	height: 18px;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	background: #1d60cc;
	border-radius: 100px;
	color: #fff;
	font-weight: 800;
}

.topItems a .info {
	display: flex;
	overflow: hidden;
	background: #fff;
	padding: 10px;
	align-items: center;
	line-height: 1.5;
}

.topItems a .info .number {
	font-size: 0.7rem;
	padding-top: 5px;
}

.topItems a .info .price {
	flex-grow: 1; 
	text-align: right;
	font-size: 1.1rem;
	color: #ff0000;
	font-weight: 700;
}

.topItems a .info .price span {
	font-size: 1.7rem;
}

.topEstimate {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #1d60cc!important;
}

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

	.topItems a {
		width: 49%;
		margin-right: 2%;
	}

	.topItems a:nth-child(3n){
		margin-right: auto;
	}
	
	.topItems a:nth-child(2n){
		margin-right: 0;
	}

	.topItems a .box {
		background: #fff;
		height: 100%;
		border-radius: 10px;
		overflow: hidden;
		border: 1px solid #e5e5e5;
	}

	.topItems a .image img {
		width: 100%;
		height: 200px;
		object-fit: cover;
		overflow: hidden;
		box-sizing: border-box;
	}

	.topItems a .name {
		padding: 10px 35px 10px 10px;
		border-top: 1px solid #f5f5f5;
		border-bottom: 1px solid #f5f5f5;
		background: #fff;
		font-weight: 700;
		position: relative;
	}

	.topItems a .name:after {
		content: "→";
		position: absolute;
		top: calc(50% - 9px);
		right: 5px;
		display: block;
		width: 18px;
		height: 18px;
		font-size: 10px;
		line-height: 16px;
		text-align: center;
		background: #1d60cc;
		border-radius: 100px;
		color: #fff;
		font-weight: 800;
	}

	.topItems a .info {
		display: flex;
		overflow: hidden;
		background: #fff;
		padding: 10px;
		align-items: center;
		line-height: 1.5;
	}

	.topItems a .info .number {
		font-size: 0.7rem;
		padding-top: 5px;
	}

	.topItems a .info .price {
		flex-grow: 1; 
		text-align: right;
		font-size: 1.1rem;
		color: #ff0000;
		font-weight: 700;
	}

	.topItems a .info .price span {
		font-size: 1.7rem;
	}

	.topEstimate {
		display: flex;
		justify-content: center;
		align-items: center;
		background: #1d60cc!important;
	}
}

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


	.topItems a .image img {
		height: 120px;
	}

	.topItems a .name {
		padding: 7px 25px 7px 7px;
		font-size: 0.9rem;
		letter-spacing: 0;
	}

	.topItems a .name:after {
		content: "→";
		position: absolute;
		top: calc(50% - 9px);
		right: 5px;
		display: block;
		width: 14px;
		height: 14px;
		font-size: 10px;
		line-height: 13px;
	}

	.topItems a .info {
		padding: 5px;
		display: block;
	}

	.topItems a .info .number {
		padding-top: 5px;
	}

	.topItems a .info .price {
		font-size: 1rem;
	}

	.topItems a .info .price span {
		font-size: 1.6rem;
	}

	.topEstimate {
		display: flex;
		justify-content: center;
		align-items: center;
		background: #1d60cc!important;
	}	
	
	.topEstimate img {
		max-width:75%;
	}
}

/* 5つの理由
----------------------------------*/

.topReasons {
	margin-bottom: 40px;
}

.topReasons h2 {
	text-align: center;
	margin-bottom: 20px;
}

.topReasons ol {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.topReasons li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: calc(100%/3 - 16px);
	margin-bottom: 30px;
	padding: 10px;
	background: #f5f5f5;
	border-radius: 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.topReasons li:nth-child(1),
.topReasons li:nth-child(2){
	width: calc(50% - 16px);
}

.topReasons li .title {
	background: #1d60cc;
	border-radius: 10px 10px 0 0;
	padding: 15px 15px 15px 75px;
	color: #fff;
	font-weight: 700;
	position: relative;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	min-height: 70px;
	font-style: italic;
}

.topReasons li .title:before {
	content: "";
	position: absolute;
	top: calc(50% - 25px);
	left: 15px;
	width: 50px;
	height: 50px;
	display: block;
}

.topReasons li:nth-child(1) .title:before {
	background: url("../images/top/top_reason_num01.png");
	background-size: cover;
}

.topReasons li:nth-child(2) .title:before {
	background: url("../images/top/top_reason_num02.png");
	background-size: cover;
}

.topReasons li:nth-child(3) .title:before {
	background: url("../images/top/top_reason_num03.png");
	background-size: cover;
}

.topReasons li:nth-child(4) .title:before {
	background: url("../images/top/top_reason_num04.png");
	background-size: cover;
}

.topReasons li:nth-child(5) .title:before {
	background: url("../images/top/top_reason_num05.png");
	background-size: cover;
}


.topReasons li .image {
	overflow: hidden;
	border-radius: 0 0 10px 10px;
	margin-bottom: 5px;
}


.topReasons li .text {
	background: #fff;
	border-radius: 10px;
	padding: 10px;
	flex-grow: 1
}

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

	.topReasons ol {
		display: block;
	}

	.topReasons li {
		width: 100%;
		box-sizing: border-box;
		flex-direction: row;
	}

	.topReasons li:nth-child(1),
	.topReasons li:nth-child(2){
		width: 100%;
	}
	
	.topReasons li .sp_accordion {
		width: 100%;
	}
	
	.topReasons li .sp_accordion_body {
		display: flex;
	}

	.topReasons li .image {
		border-radius: 0 0 0 10px;
		width: 300px;
	}


	.topReasons li .text {
		border-radius: 0 0 10px 0;
		width: calc(100% - 300px);
	}	
}

@media screen and (max-width:767px)  {
	
	.topReasons li {
		margin-bottom: 20px;	
	}
	
	
	.topReasons li .sp_accordion .title{
		border-radius: 10px;
		padding: 10px 45px 10px 60px;
		font-size: 1rem;
		min-height: 40px;
	}
	
	
	.topReasons li .sp_accordion .title br {
		display: none;
	}
	
	.topReasons li .sp_accordion.open .title{
		border-radius: 10px 10px 0 0;
	}

	.topReasons li .title:before {
		content: "";
		position: absolute;
		top: calc(50% - 20px);
		left: 10px;
		width: 40px;
		height: 40px;
		display: block;
	}	
	
	.topReasons li .sp_accordion_head:before {
		z-index: 10;
		background: #fffa1a;
		right: 10px;
		font-weight: 700;
		padding: 5px 5px 8px;
		border-radius: 5px;
		line-height: 1;
		color: #1d60cc;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	
	.topReasons li .sp_accordion_body {
		display: block;
	}	
	
	.topReasons li .text {
		border-radius: 10px;
		margin-top: 10px;
	}
	
	.topReasons li .image {
		border-radius: 0 0 10px 10px;
		width: 100%;
		box-sizing: border-box;
	}


	.topReasons li .text {
		width: 100%;
		border-radius: 10px;
		box-sizing: border-box;
	}	
}

/* お客様の声
----------------------------------*/

.topVoices {
	margin-bottom: 40px;
	text-align: center;
}

.topVoices h2 {
	background: #f2d431;
	text-align: center;
	display: inline-block;
	font-weight: 700;
	font-size: 1.1rem;
	padding: 3px 30px;
	border-radius: 7px;
	letter-spacing: 3px;
	position: relative;
	bottom: -10px;
	z-index: 2;
}

.topVoices h2:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 10px solid #f2d431;
	transform: rotate(90deg);
	position: absolute;
	bottom: 0;
	left: calc(50% - 15px);
	z-index: 2;
}

.topVoices h2 strong {
	position: relative;
	z-index: 3;
	font-weight: 700;
}

.topVoices h2 span {
	font-size: 0.9rem;
}

.topVoices ul {
	margin: 0 -20px;
}

.topVoices li {
	text-align: left;
	background: #f5f5f5;
	padding-bottom: 10px;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 20px;
}

.topVoices li h3 {
	background: #1d60cc;
	color: #fff;
	text-align: center;
	padding: 23px 10px 17px;
	font-size: 1rem;
	font-weight: 700;
}

.topVoices li h3:before {
	content: "";
	width: 20px;
	height: 15px;
	display: inline-block;
	background: url("../images/top/top_voice.png");
	background-size: 20px 15px;
	margin-right: 15px;
	position: relative;
	top: 2px;
}

.topVoices li h3 span:before {
	content: "";
	width: 1px;
	height: 20px;
	background: #3f78d4;
	display: inline-block;
	position: relative;
	top: 3px;
	margin-right: 15px;
}

.topVoices li .box {
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 10px;
	margin: 10px 10px 0;
	border-radius: 10px;
	display: flex;
}

.topVoices li .box .image {
	width: 45%;
	min-height: 300px;
	position: relative;
}

.topVoices li .box .image img {
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

.topVoices li .box .image img:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.topVoices li .box .info {
	padding: 30px;
	box-sizing: border-box;
	width: calc(55%);
}

.topVoices li h4 {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 20px;
}

.bx-wrapper {
	position: relative;
}

.bx-controls-direction {
	position: absolute;
	top: 55%;
	z-index: 3;
	left: 0;
	width: 100%;
}

.bx-prev,
.bx-next {
	display: flex;
	width: 40px;
	height: 40px;
	background: #f2d431;
	border-radius: 1000px;
	text-align: center;
	justify-content: center;
	align-items: center;
	line-height: 30px;
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 2px;
	box-sizing: border-box;
	position: absolute;
	top:0;
	font-family: "MS Pゴシック";
	z-index: 3;
}

.bx-prev:hover,
.bx-next:hover {
	background: #f6e16f;
	color: #555;
}

.bx-prev {
	left: -10px;
}

.bx-next {
	right: -10px;
}

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

	.topVoices {
		margin-bottom: 30px;
	}

	.topVoices h2 {
		padding: 3px 15px;
	}

	.topVoices ul {
		margin: 0 -20px;
	}

	.topVoices li {
		text-align: left;
		background: #f5f5f5;
		padding-bottom: 10px;
		border-radius: 10px;
		overflow: hidden;
		margin: 0 20px;
	}

	.topVoices li h3 {
		text-align: left;
		padding: 23px 10px 17px;
		font-size: 1rem;
		display: flex;
		align-items: center;
	}

	.topVoices li h3:before {
		display: block;
		border-right: 1px solid #3f78d4;
		padding: 15px 15px 15px 0;
		background-repeat: no-repeat;
		background-position: center left;
	}

	.topVoices li h3 span:before {
		display: none;
	}

	.topVoices li .box {
		padding: 0;
		display: block;
	}
	
	.topVoices li .box .image {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	
	.topVoices li .box .image img {
		width: 270px;
		height: 270px;
		border-radius: 10px;
		margin: 10px auto 0;
		display: block;
		position: relative;
		top: auto;
		left: auto;
		
	}

	.topVoices li .box .info {
		padding: 0 20px 20px;
		width: 100%;
	}

	.topVoices li h4 {
		font-size: 1.1rem;
		margin-bottom: 10px;
	}
}

/* ご利用シーンから選ぶ
----------------------------------*/

.topScenes {
	margin-bottom: 40px;
}

.topScenes .application {
	background: #f5f5f5;
	border-radius: 10px;
	display: flex;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;	
}

.topScenes .application .l {
	width: 300px;
	background: #fff;
	border-radius: 10px 0 0 10px;
	border-right: 1px solid #e5e5e5;
}

.topScenes .application .l ul {
	border-radius: 10px 0 0 10px;
	height: 100%;
}

.topScenes .application .l li:not(:last-child) {
	border-bottom: 1px solid #e5e5e5;
}

.topScenes .application .l li span {
	display: block;
	padding: 30px 15px;
	font-weight: 700;
	position: relative;
	
}

.topScenes .application .l li span:not(.current):hover {
	opacity: 0.7;
	cursor: pointer;
}

.topScenes .application .l li .current {
	color: #fff;
	background: #1d60cc;
}

.topScenes .application .l li:first-child span {
	border-radius: 10px 0 0 0;
}

.topScenes .application .l li:last-child span {
	border-radius: 0 0 0 10px;
}

.topScenes .application .l li .current:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 20px solid #1d60cc;
	transform: rotate(180deg);
	position: absolute;
	bottom: 0px;
	right: -20px;
	z-index: 0px;
}

.topScenes .application .r {
	width: calc(100% - 300px);
	background: #fff;
	border-radius: 0 10px 10px 0;
	box-sizing: border-box;
}

.topScenes .application .r .image {
	text-align: center;
}

.topScenes .application .r .image img {
	max-width: 400px;
	width: calc(100% - 40px);
	margin: 20px;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	box-sizing: border-box;
}

.topScenes .application .r .text {
	margin: 0 40px 20px;
}

.topScenes .application .r .btn {
	text-align: center;
	margin: 0 0 30px;
}

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

	.topScenes {
		margin-bottom: 30px;
	}

	.topScenes .application {
		display: block;
	}

	.topScenes .application .l {
		width: 100%;
		border: none;
		padding: 0;
		border-radius: 10px 10px 0 0;
	}

	.topScenes .application .l ul {
		border-radius: 10px 10px 0 0;
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
		width: 100%;
	}

	.topScenes .application .l li {
		width: 50%;
		box-sizing: border-box;
	}

	.topScenes .application .l li:nth-child(2n) {
		width: 50%;
		box-sizing: border-box;
		border-left: 1px solid #e5e5e5;*/
	}
	
	.topScenes .application .l li:last-child {
		border-bottom: 1px solid #e5e5e5;
		width: 100%;
	}

	.topScenes .application .l li span {
		display: block;
		padding: 12px 7px;
		font-size: 0.9rem;
		letter-spacing: -1px;
		text-align: center;
	}

	.topScenes .application .l li .current:after {
		display: none;
	}

	.topScenes .application .r {
		width: 100%;
		border: none;
		padding: 0 0 20px;
		border-radius: 0 0 10px 10px;
	}

	.topScenes .application .r .image {
		text-align: center;
	}

	.topScenes .application .r .image img {
		max-width: 260px;
	}

	.topScenes .application .r .btn {
		text-align: center;
		margin: 0;
	}
	
}

/* 設置イメージから選ぶ
----------------------------------*/

.topImages {
	margin-bottom: 40px;
}

.topImages .application  {
	position: relative;
	border-radius: 10px;
	display: flex;
	width: 100%;
	height: 370px;
	box-sizing: border-box;	
	border: 10px solid #f5f5f5;
	background: url("../images/top/top_installation.png") bottom center no-repeat;
	background-size: auto 350px;
}

.topImages .application .inner {
	width: 900px;
	margin: 0 auto;
	position: relative;
}

.topImages .link {
	font-size: 12px;
	line-height: 1;
	padding: 5px 30px 5px 10px;
	position: absolute;
	display: inline-block;
	background: #1d60cc;
	color: #fff;
	border-radius: 3px;
}
.topImages .link span {
	position: relative;
	z-index: 2;
}

.topImages .link:before {
	content: "→";
	position: absolute;
	top: calc(50% - 6px);
	right: 10px;
	font-size: 12px;
	line-height: 1;
	z-index: 3;
}

.topImages .link:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 10px solid #1d60cc;
	transform: rotate(90deg);
	position: absolute;
	bottom: 0;
	left: calc(50% - 15px);
}

.topImages .link.t:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: none;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 10px solid #1d60cc;
	transform: rotate(90deg);
	position: absolute;
	top: 0;
	left: calc(50% - 15px);
}

.topImages .link:hover {
	opacity: 0.7;
}

.topImages .link.link01 { bottom: 140px; left: 30px;  }
.topImages .link.link02 { bottom: 10px;  left: 65px;  }
.topImages .link.link03 { bottom: 205px; left: 192px; }
.topImages .link.link04 { bottom: 240px; left: 329px; }
.topImages .link.link05 { bottom: 300px; left: 430px; }
.topImages .link.link06 { bottom: 10px;  left: 485px; }
.topImages .link.link07 { bottom: 10px;  left: 605px; }
.topImages .link.link08 { bottom: 190px; left: 740px; }

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

	.topImages .application  {
		height: 280px;
		background-size: auto 240px;
	}

	.topImages .application .inner {
		width: 600px;
	}

	.topImages .link {
		font-size: 10px;
		padding: 5px 20px 5px 7px;
	}

	.topImages .link:before {
		top: calc(50% - 5px);
		right: 5px;
		font-size: 10px;
	}

	.topImages .link:after {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 7px solid #1d60cc;
		left: calc(50% - 7px);
	}

	.topImages .link.t:after {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 7px solid #1d60cc;
	}
	
	.topImages .link06:after {
		left: 75%!important;
	}
	
	.topImages .link07:after {
		left: 25%!important;
	}

	.topImages .link.link01 { bottom: 97px;  left: 4px;  }
	.topImages .link.link02 { bottom: 4px;   left: 35px;  }
	.topImages .link.link03 { bottom: 142px; left: 118px; }
	.topImages .link.link04 { bottom: 165px; left: 212px; }
	.topImages .link.link05 { bottom: 210px; left: 277px; }
	.topImages .link.link06 { bottom: 4px;   left: 305px; }
	.topImages .link.link07 { bottom: 4px;   left: 405px; }
	.topImages .link.link08 { bottom: 130px; left: 500px; }
}

@media screen and (max-width:767px)  {
	.topImages {
		margin-bottom: 40px;
	}

	.topImages .application  {
		width: 100%;
		height: auto;
		background: url("../images/top/top_installation_sp.png") bottom -40px center no-repeat;
		background-size: 120% auto;
		display: block;
		padding-bottom: 75px;
	}
	
	.topImages .application01 {
		position: relative;
		background: url("../images/top/top_installation_sp_01.png") center bottom no-repeat;
		background-size: 260px auto;
		height: 150px;
		width: 100%;
		margin: 0 auto;
	}
	
	.topImages .application02 {
		position: relative;
		background: url("../images/top/top_installation_sp_02.png") center center no-repeat;
		background-size: 260px auto;
		height: 300px;
		width: 100%;
		margin: 0 auto;
	}
	
	.topImages .application03 {
		position: relative;
		background: url("../images/top/top_installation_sp_03.png") center bottom no-repeat;
		background-size: 260px auto;
		height: 130px;
		width: 100%;
		margin: 0 auto;
	}

	.topImages .application .inner {
		width: 300px;
		position: relative;
		margin: 0 auto;
	}	
	
	.topImages .link07:after {
		left: calc(50% - 7px)!important;
	}

	.topImages .link.link01 { bottom: auto; top: 63px;  left: 35px;  }
	.topImages .link.link02 { bottom: auto; top: 35px;  left: 110px;  }
	.topImages .link.link03 { bottom: auto; top: 12px;  left: 228px; }
	.topImages .link.link04 { bottom: auto; top: 76px;  left: 58px; }
	.topImages .link.link05 { bottom: auto; top: 33px;  left: 187px; }
	.topImages .link.link06 { bottom: auto; top: 248px; left: 185px; }
	.topImages .link.link07 { bottom: auto; top: 48px;  left: 45px; }
	.topImages .link.link08 { bottom: auto; top: 12px;   left: 200px; }
	
}

/* ご利用ガイド
----------------------------------*/

.topGuide {
	margin-bottom: 40px;
	border: 3px solid #2e363b;
	border-radius: 10px;
	background: #f2d431;
}

.topGuide h2 {
	background: #2e363b;
	color: #fff;
	font-family: "corporate-logo-ver2", sans-serif;
	text-align: center;
	font-size: 1.6rem;
	letter-spacing: 2px;
	font-weight: 700;
	padding: 10px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	line-height: 1;
}

.topGuide h2:before {
	content: "";
	display: inline-block;
	background: url("../images/top/top_guide_heading.png");
	width: 30px;
	height: 40px;
	background-size: cover;
	margin-right: 5px;
}

.topGuide p {
	text-align: left;
	padding: 30px;
}

.topGuide ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0 30px 15px;
}

.topGuide ul li {
	width: calc(100%/3 - 10px);
	margin: 0 15px 15px 0;
	background: #fff;
	border-radius: 7px;	
	overflow: hidden;
}

.topGuide ul li:nth-child(3n) {
	margin-right: 0;
}

.topGuide ul li a {
	display: flex;
	align-items: center;
	padding: 5px;
}

.topGuide ul li a:hover {
	opacity:  0.7;
}

.topGuide ul li .image {
	border-radius: 7px;
	background: #f5f5f5;
	display: block;
}
.topGuide ul li .text {
	padding: 10px;
	font-weight: 700;
}

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

	.topGuide {
		margin-bottom: 30px;
		border-radius: 5px;
	}

	.topGuide h2 {
		padding: 5px 10px;
	}

	.topGuide h2:before {
		content: "";
		display: inline-block;
		background: url("../images/top/top_guide_heading.png");
		width: 30px;
		height: 40px;
		background-size: cover;
		margin-right: 5px;
	}

	.topGuide p {
		text-align: left;
		padding: 15px;
		font-size: 0.9rem;
	}

	.topGuide ul {
		display: flex;
		flex-wrap: wrap;
		padding: 0 15px 6px;
	}

	.topGuide ul li {
		width: calc(100%/3 - 6px);
		margin: 0 9px 9px 0;
		border-radius: 5px;	
		text-align: center;
	}

	.topGuide ul li:nth-child(3n) {
		margin-right: 0;
	}

	.topGuide ul li a {
		display: block;
	}

	.topGuide ul li .image {
		border-radius: 7px;
		background: #f5f5f5;
		display: block;
	}
	.topGuide ul li .text {
		padding: 5px 0;
		font-size: 0.7rem;
		line-height: 1.3;
		display: block
	}
	
}

/* お知らせ
----------------------------------*/

.topNews {
	margin-bottom: 40px;
}

.topNews li a {
	display: flex;
	flex-wrap: wrap;
	padding: 15px 0;
	position: relative;
}

.topNews li:not(:last-child){
	border-bottom: 1px solid #eee;
}

.topNews li a:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: solid 1px #1E2E62;
  border-right: solid 1px #1E2E62;
  transform: rotate(135deg);
  position: absolute;
  top: calc(50% - 5px);
  right: 20px;
  transition: all 0.2s ease-out allow-discrete;
}

.topNews li.is_active a:after {
  transform: rotate(-45deg);
}

.topNews li .date {
	/*width: 100px;*/
	white-space:nowrap;
}

.topNews li .date time {
	background: #f5f5f5;
	color: #111111;
	padding: 5px;
	font-weight: 700;
	font-size: 0.9rem;
	letter-spacing: 1px;
	margin-right: 30px;
}

.topNews li .title {
	/*width: calc(100% - 130px);*/
}

.ec-newsRole__newsHeading:hover {
	cursor: pointer;
	opacity: 0.7;
}

.ec-newsRole__newsDescription {
	padding: 15px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	margin: 0 0 20px!important;
}

@media screen and (max-width:767px)  {
	.topNews {
		margin-bottom: 0px;
	}

	.topNews li a {
		display: block;
		padding: 0 0 30px;
		padding: 15px 0;
	}
	
	.topNews li:last-child a {
		padding-bottom: 0;
	}

	.topNews li .date {
		width: 100%;
		display: block;
		padding-bottom: 10px;
	}

	.topNews li .title {
		width: 100%;
		display: block;
	}	
}

/*=========================================================

02.お客様の声

=========================================================*/

.voiceList {
	display: flex;
	flex-wrap: wrap;
}

.voiceList li {
	width: calc(50% - 10px);
	margin-bottom: 30px;
	margin-right: 20px;
	background: #f5f5f5;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	overflow: hidden;
}

.voiceList li:nth-child(2n){
	margin-right: 0;
}

.voiceList li h2 {
	background: #1d60cc;
	color: #fff;
	text-align: left;
	padding: 13px 15px 12px 15px;
	font-size: 0.9rem;
	font-weight: 700;
	display: flex;
}

.voiceList li h2:before {
	content: "";
	width: 20px;
	height: 15px;
	display: block;
	background: url("../images/top/top_voice.png");
	background-size: 20px 15px;
	position: relative;
	top: 4px;
	box-sizing: border-box;
}


.voiceList li h2 span {
	border-left: 1px solid #3f78d4;
	padding-left: 15px;
	margin-left: 15px;
	width: calc(100% - 50px);
	box-sizing: border-box;
}

.voiceList li .box {
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 10px;
	margin: 10px;
	border-radius: 10px;
	display: flex;
	box-sizing: border-box;
	width: calc(100% - 20px);
	align-items: center;
}

.voiceList li .box .image {
	width: 45%;
	margin-right: 20px;
}

.voiceList li .box .image img {
	border-radius: 10px;
	overflow: hidden;
}

.voiceList li .box .title {
	width: calc(55% - 20px);
}

.voiceList li .box .title .size {
	background: #f5f5f5;
	display: inline;
	font-weight: 600;
	font-size: 0.9rem;
	padding: 0 5px;
	border-radius: 5px;
}

.voiceList li .box .title .name {
	color: #1d60cc;
	font-weight: 700;
	font-size: 1.4rem;
	margin: 15px 0 20px;
}

.voiceList li .box .title .dat a {
	border: 1px solid #1d60cc;
	display: inline-block;
	padding: 10px 40px;
	color: #1d60cc;
	text-align: center;
	border-radius: 100px;
	font-weight: 600;
	line-height: 1;
	position: relative;
}

.voiceList li .box .title .dat a:after {
	content: "→";
	position: absolute;
	top: calc(50% - 8px);
	right: 7px;
	font-size: 16px;
}

.voiceList li .info {
	border: 1px solid #e5e5e5;
	background: #fff;
	margin: 0 10px 10px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: calc(100% - 20px);
}

.voiceList li .info h3 {
	font-size: 1.2rem;
	font-weight: 700;
	padding: 15px 10px;
	border-bottom: 1px solid #f5f5f5;
	font-size: 1rem;
}

.voiceList li .info p {
	font-size: 0.9rem;
	padding: 15px 10px;
}

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

	.voiceList {
		display: block;
	}

	.voiceList li {
		width: 100%;
		margin-bottom: 30px;
		margin-right: 0;
	}
	
	.voiceList li .box .image {
		width: 25%;
		margin-right: 20px;
	}

	.voiceList li .box .title {
		width: calc(75% - 20px);
	}

}

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

	.voiceList li {
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
	}
	
	.voiceList li .box .image {
		width: 100px;
		margin-right: 20px;
	}

	.voiceList li .box .title {
		width: calc(100% - 120px);
	}
	

	.voiceList li .box .title .size {
		font-size: 0.8rem;
	}

	.voiceList li .box .title .name {
		color: #1d60cc;
		font-weight: 700;
		font-size: 1.2rem;
		margin: 10px 0 15px;
	}
	
	.voiceList li .box .title .dat a {
		font-size: 0.9rem;
		padding: 5px 25px;
		line-height: 1;
	}

	.voiceList li .box .title .dat a:after {
		top: calc(50% - 6px);
		right: 5px;
		font-size: 12px;
	}

	.voiceList li .info h3 {
		padding: 10px 7px;
		font-size: 1rem;
	}

	.voiceList li .info p {
		font-size: 0.9rem;
		padding: 10px 7px;
	}
	
}

/*=========================================================

03.生地特性から選ぶ

=========================================================*/

.kijiBox .accordion_head:before {
	z-index: 10;
	background: #fffa1a;
	right: 5px;
	top: calc(50% - 16px);
	font-weight: 700;
	padding: 5px 5px 8px;
	border-radius: 5px;
	line-height: 1;
	color: #1d60cc;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

#kiji01:before { background: url("../images/kiji/icon_01.png") center center no-repeat; background-size: cover; }
#kiji02:before { background: url("../images/kiji/icon_02.png") center center no-repeat; background-size: cover; }
#kiji03:before { background: url("../images/kiji/icon_03.png") center center no-repeat; background-size: cover; }
#kiji04:before { background: url("../images/kiji/icon_04.png") center center no-repeat; background-size: cover; }
#kiji05:before { background: url("../images/kiji/icon_05.png") center center no-repeat; background-size: cover; }
#kiji06:before { background: url("../images/kiji/icon_06.png") center center no-repeat; background-size: cover; }
#kiji07:before { background: url("../images/kiji/icon_07.png") center center no-repeat; background-size: cover; }
#kiji08:before { background: url("../images/kiji/icon_08.png") center center no-repeat; background-size: cover; }
#kiji09:before { background: url("../images/kiji/icon_09.png") center center no-repeat; background-size: cover; }
#kiji10:before { background: url("../images/kiji/icon_10.png") center center no-repeat; background-size: cover; }
#kiji11:before { background: url("../images/kiji/icon_11.png") center center no-repeat; background-size: cover; }

.kijiBox .subheading {
	padding-left: 45px;
}

.kijiBox .subheading:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: calc(50% - 15px);
	left:  7px;
}

.kijiBox ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 32px;
}

.kijiBox ul li {
	margin: 0 18px 18px 0;
	background: #f5f5f5;
	border-radius: 10px;
	width: calc(100%/3 - 12px);
	padding: 10px;
	box-sizing: border-box;
	font-size: 0.9rem;
}

.kijiBox ul li:nth-child(3n){
	margin-right: 0;
}

.kijiBox ul li a {
	border: 1px solid #e5e5e5;
	overflow: hidden;
	display: block;
	background: #fff;
}

.kijiBox ul li p a {
	border-radius: 5px 5px 0 0;
}

.kijiBox ul li:hover {
	opacity: 0.7;
}

.kijiBox ul li h3 a,
.kijiBox ul li a span {
	display: block;
	position: relative;
	font-size: 0.8rem;
	font-weight: 600;
	padding: 10px 5px;
	border-radius: 0 0 5px 5px;
}

.kijiBox ul li h3 a:after,
.kijiBox ul li a span:after {
	content: "→";
    position: absolute;
    top: calc(50% - 9px);
    right: 5px;
    display: block;
    width: 18px;
    height: 18px;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    background: #1d60cc;
    border-radius: 100px;
    color: #fff;
    font-weight: 800;
}

.btn-kakou-zen {
	background: #1d60cc;
	color: #fff;
	display: inline-block;
	padding: 3px;
	font-size: 0.8rem;
	border-radius: 2px;
	margin: 6px 0 6px 6px;
}

.chui {
	font-size: 0.9rem;
}

.chui01 {
	margin-top: 20px;
}

.kijiBox .txt {
	padding: 5px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #e5e5e5;
	margin-top: 5px;
}

@media screen and (max-width:767px)  {
	
	.kijiBox .subheading {
		padding-left: 38px;
	}

	.kijiBox .subheading:before {
		width: 26px;
		height: 26px;
		top: calc(50% - 13px);
		left:  5px;
	}

	.kijiBox ul {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 25px;
	}

	.kijiBox ul li {
		margin: 0 10px 10px 0;
		border-radius: 5px;
		width: calc(100%/2 - 5px);
		padding: 10px;
		box-sizing: border-box;
	}

	.kijiBox ul li:nth-child(3n){
		margin-right: auto;
	}
	
	.kijiBox ul li:nth-child(2n){
		margin-right: 0;
	}

	.kijiBox ul li h3 a,
	.kijiBox ul li a span {
		display: block;
		position: relative;
		font-size: 0.8rem;
		font-weight: 600;
		padding: 10px 35px 10px 5px;
	}
	
}

/*=========================================================

04.よくある質問

=========================================================*/

/* FAQナビ
----------------------------------*/

.faqNav {
	padding: 10px;
	border-radius: 1000px;
	overflow: hidden;
	margin-bottom: 60px;
	background: #f5f5f5;
}

.faqNav ul {
	display: flex;
	border-radius: 1000px;
	background: #1d60cc;
	align-items: center;
}

.faqNav ul li {
	display: inline-block;
	text-align: center;
	flex: 1;
}

.faqNav ul li:not(:last-child){
	border-right: 1px solid #548ae0;
}

.faqNav ul li a {
	display: block;
	color: #fff;
	font-size: 0.8rem;
	position: relative;
	padding: 10px 0;
	font-weight: 600;
}

.faqNav ul li a:after {
	content: "▼";
	color: #fffa1a;
	font-size: 6px;
	position: absolute;
	top: calc(50% - 3px);
	right: 5px;
}

@media screen and (max-width:767px)  {
	.faqNav {
		margin-bottom: 30px;
		border-radius: 10px;
	}

	.faqNav ul {
		flex-wrap: wrap;
		border-radius: 10px;
	}

	.faqNav ul li {
		flex: auto;
		width: 50%;
		box-sizing: border-box;
		border-right: none;
		border-top: 1px solid #548ae0;
	}

	.faqNav ul li:nth-child(2n - 1){
		border-right: 1px solid #548ae0;
	}
	
	.faqNav ul li:nth-child(2n){
		border-right: none!important;
	}
	
	.faqNav ul li:nth-child(1),
	.faqNav ul li:nth-child(2){
		border-top: none;
	}	

	.faqNav ul li a {
		display: block;
		color: #fff;
		font-size: 0.8rem;
		position: relative;
		padding: 10px 0;
		font-weight: 600;
	}

	.faqNav ul li a:after {
		content: "▼";
		color: #fffa1a;
		font-size: 6px;
		position: absolute;
		top: auto;
		right: auto;
		bottom: 2px;
		left: calc(50% - 3px);
	}
	
}

/* レイアウト
----------------------------------*/

.faqSection {
	margin-bottom: 45px;
}

.faqSection:last-child {
	margin-bottom: 0;
}

.faqBox .subheading {
	padding: 15px 45px 15px 70px;
	border-radius: 0;
	margin-bottom: 0;
}

.faqBox .subheading:before {
	content: "Q";
	background: #fffa1a;
	color: #1d60cc;
	display: flex;
	width: 32px;
	height: 32px;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	border-radius: 1000px;
	box-sizing: border-box;
	position: absolute;
	top: calc(50% - 16px);
	left: 13px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.faqBox .subheading:after {
	content: "";
	width: 1px;
	height: 20px;
	background: #3f78d4;
	position: absolute;
	top: 20px;
	left: 55px;
}

.faqBox .accordion_head:before {
	z-index: 10;
	background: #fffa1a;
	right: 5px;
	top: calc(50% - 16px);
	font-weight: 700;
	padding: 5px 5px 8px;
	border-radius: 5px;
	line-height: 1;
	color: #1d60cc;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}


.faqBox {
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 15px;
}

.faqBoxInner {
	padding: 25px 15px 30px 70px;
	background: #f5f5f5;
	position: relative;
	font-size: 0.9rem;
}

.faqBoxInner:before {
	content: "A";
	background: #ff0000;
	color: #fff;
	display: flex;
	width: 32px;
	height: 32px;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	line-height: 1;
	border-radius: 1000px;
	box-sizing: border-box;
	position: absolute;
	font-weight: 700;
	top: 20px;
	left: 13px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.faqBoxInner:after {
	content: "";
	width: 1px;
	height: 20px;
	background: #d4d4d4;
	position: absolute;
	top: 25px;
	left: 55px;
}

/*=========================================================

05.利用シーンで選ぶ

=========================================================*/

/* メイン画像
----------------------------------*/

.scineMainImage {
	margin-bottom: 45px;
	position: relative;
	text-align: center;
}

.scineMainImage img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	margin: 0 auto;
}

/*
.scineMainImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
}

.scineMainImage:before{
	content: "";
	display: block;
	padding-top:  52.5%;
}
*/

/* 制作事例
----------------------------------*/

.scineCase {
	margin-bottom: 45px;
}

.scineCaseBox {
	border-radius: 10px;
	background: #f5f5f5;
	padding: 20px 10px;
}

.scineCaseFree {
	display: flex;
	width: 100%;
	justify-content: center;
	text-align: center;
	margin-bottom: 20px;
}

.scineCaseFree li {
	display: inline-block;
	color: #fff;
	background: #1d60cc;
	border-radius: 100px;
	padding: 5px 30px;
	font-size: 0.9rem;
	font-weight: 700;
	margin: 0 5px;
}

.scineCaseItems li {
	border: 1px solid #e5e5e5;
	padding: 10px;
	border-radius: 10px;
	background: #fff;
	display: flex;
	width: 100%;
	box-sizing: border-box;
}

.scineCaseItems li:not(:last-child){
	margin-bottom: 10px;
}

.scineCaseItems li .l {
	width: 70%;
	display: table;
}

.scineCaseItems li .l .info {
	display: table-cell;
	vertical-align: middle;
}

.scineCaseItems li .l .name {
	font-size: 1.2rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	margin: 0 15px 15px 0;
}

.scineCaseItems li .l .name:before {
	content: "";
	display: inline-block;
	border-radius: 10px;
	width: 5px;
	height: 30px;
	background: #1d60cc;
	margin-right: 10px;
}

.scineCaseItems li .l .spec {
	display: ;
}

.scineCaseItems li .l dl {
	display: table;
	align-items: center;
	font-size: 0.8rem;
	margin-left: -5px;
	margin-bottom: 5px;
	float: left;
}

.scineCaseItems li .l dl dt {
	display: table-cell;
	background: #f2d431;
	border-radius: 100px;
	padding: 2px 15px;
	font-weight: 700;
	margin: 0 5px;
	vertical-align: middle;
}

.scineCaseItems li .l dl dd {
	font-weight: bold;
	letter-spacing: 1px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px 0 5px;
}

.scineCaseItems li .r {
	background: #f5f5f5;
	padding: 15px;
	width: 35%;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	border-radius: 10px;
	box-sizing: border-box;
	font-weight: 700;
}

.scineCaseItems li .r .mai {
	font-size: 1.1rem;
	margin-right: 20px;
	white-space: nowrap;
	
}

.scineCaseItems li .r .mai span {
	font-size: 1.4rem;
	
}

.scineCaseItems li .r .kei {
	font-size: 0.8rem;
	margin-right: 10px;
	display: inline-block;
	color: #fff;
	background: #ff0000;
	border-radius: 5px;
	padding: 3px 5px;
	white-space: nowrap;
}

.scineCaseItems li .r .yen {
	font-size: 1.1rem;	
	color: #ff0000;
	white-space: nowrap;
}

.scineCaseItems li .r .yen span {
	font-size: 2.2rem;
}

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

	.scineCaseItems li {
		display: block;
	}
	.scineCaseItems li .l {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 20px;
	}

	.scineCaseItems li .r {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}	
}

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

	.scineCaseBox {
		padding: 15px;
	}

	.scineCaseFree {
		margin-bottom: 20px;
	}

	.scineCaseFree li {
		padding: 5px 6px;
		font-size: 0.8rem;
		margin: 0 2px;
	}
	
	.scineCaseItems li .l {
		margin-bottom: 10px;
	}

	.scineCaseItems li .l .info {
		display: block;
	}
	
	.scineCaseItems li .l .name {
		margin-bottom: 20px;
	}
	
	.scineCaseItems li .l .spec {
		display: block;
		overflow: hidden;
		padding-left: 10px;
	}

	.scineCaseItems li .l dl {
		float: left;
		margin-bottom: 10px;
	}

	.scineCaseItems li .l dl dt {

		background: #f2d431;
		border-radius: 100px;
		padding: 2px 7px;
		font-weight: 700;
		margin: 0 5px;
	}

	.scineCaseItems li .l dl dd {
		padding: 2px 7px 2px 2px;
		font-weight: bold;
		letter-spacing: 1px;
	}
	
	.scineCaseItems li .r {
		width: 100%;
		box-sizing: border-box;
		padding: 5px;
		line-height: 1;
	}	

	.scineCaseItems li .r .mai {
		margin-right: 15px;

	}

	.scineCaseItems li .r .mai span {
		font-size: 1.5rem;

	}	
}

/* 制作事例スライド
----------------------------------*/

.scineExamples {
}

.scineExamples .btn {
	margin-top: 45px;
	text-align: center;
}

.scineExamplesSlider li {
	border-radius: 10px;
	overflow: hidden;
}

.scineExamplesSlider li .image {
	background: #f5f5f5;
	padding: 10px;
}

.scineExamplesSlider li .image img {
	border-radius: 10px;
}

.scineExamplesSlider li h3 {
  background: #1d60cc;
  color: #fff;
  text-align: left;
  padding: 10px 10px 10px;
  font-size: 1rem;
  font-weight: 700;
}

.scineExamplesSlider li h3 span::before {
  content: "";
  width: 1px;
  height: 20px;
  background: #3f78d4;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 15px;
}

.scineExamplesSlider li h3:before {
  content: "";
  width: 20px;
  height: 15px;
  display: inline-block;
  background: url("../images/top/top_voice.png");
    background-size: auto;
  background-size: 20px 15px;
  margin-right: 15px;
  position: relative;
  top: 2px;
}

@media screen and (max-width:767px)  {
	.scineExamples .btn {
		margin-top: 20px;
	}	
}


/* 制作事例スライド
----------------------------------*/

.scines {
	display: flex;
	flex-wrap: wrap;
}

.scines li {
	width: calc(100% / 3 - 14px);
	margin: 0 21px 21px 0;
	text-align: center;
}

.scines li:nth-child(3n){
	margin-right: 0;
}

.scines img {
	border-radius: 10px;
	margin-bottom: 5px;
}

.scines p {
	font-weight: 700;
}

@media (max-width:767px) {
	.scines li {
		width: 100%;
		margin-right: 0;
	}
}

/*=========================================================

06.データ入稿について

=========================================================*/

/* お問い合わせ
----------------------------------*/

.dataCautionBox {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
	align-items: center;
	justify-content: center;

}

.dataCautionBox p {
	background: #f6f6f6;
	padding: 10px;
	display: inline-block;
	border-radius: 10px;
	position: relative;
	padding-left: 55px;
	font-size: 1.2rem;
	font-weight: bold;
}

.dataCautionBox p span {
	color: #ff0000;
	text-decoration: underline;
}

.dataCautionBox p:before {
	content: "";
	width: 36px;
	height: 36px;
	display: inline-block;
	background: url("../images/icon_caution.png") center center no-repeat;
	background-size: contain;
	position: absolute;
	top: calc(50% - 18px);
	left: 10px;
}

.dataSubmissionBox {
	border-radius: 10px;
	padding: 10px;
	background: #f5f5f5;
	margin-bottom: 35px;
}

.dataSubmissionBox ul {
	display: flex;
	margin-bottom: 10px;
}

.dataSubmissionBox ul li {
	width: calc(50% - 5px);
	box-sizing: border-box;
	margin-right: 10px;
	background: #f2d431;
	border-radius: 10px;
	padding: 10px;
}

.dataSubmissionBox ul li:nth-child(2n) {
	margin-right: 0;
	background: #1d60cc;
}

.dataSubmissionBox ul li strong {
	background: #fff;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.dataSubmissionBox ul li p {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	font-weight: bold;
	font-size: 1.1rem;
}

.dataSubmissionBox ul li p:before {
	content: "";
	width: 50px;
	height: 50px;
	display: inline-block;
	background: #fff url("../images/icon_nyuko_mypage.png") center center no-repeat;
	background-size: 30px 30px;
	border-radius: 1000px;
	margin-right: 7px;
}

.dataSubmissionBox ul li:nth-child(2) p:before {
	background: #fff url("../images/icon_nyuko_mail.png") center center no-repeat;
	background-size: 30px 30px;		
}

.dataSubmissionBox ul li:nth-child(1) a p {
	color: #000;
}
.dataSubmissionBox ul li:nth-child(2) a p {
	color: #fff;
}

.dataSubmissionMail {
	background: #fff;
	border-radius: 5px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

.dataSubmissionMail span {
	font-size: 1.2rem;
	margin-right: 15px;
	display: inline-block;
}



.dataSubmissionMail a {
	color: #1d60cc;
	font-size: 1.1rem;
}
.dataOptionBox {
	padding: 20px;
	border-radius: 10px;
	border: 2px solid #ff0000;
	margin: -20px 0 50px;
}

.dataOptionBox span {
	color:#ff0000;
}


.dataOptionBox a {
	color:#1d60cc;
}

.dataCapacity p {
	margin-bottom: 45px;
}

.dataCapacity ul {
	display: flex;
	justify-content: space-around;
}

.dataCapacity ul li {
	width: calc(100% / 3 - 14px);
}

.dataCapacity ul li img {
	width: 100%;
	border-radius: 10px;
	height: auto;
}

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

	.dataCautionBox {
		margin-bottom: 30px;
	}

	.dataCautionBox p {
		font-size: 1rem;
	}


	.dataSubmissionBox {
		margin-bottom: 20px;
	}

	.dataSubmissionBox ul {
		display: block;
	}

	.dataSubmissionBox ul li {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.dataSubmissionBox ul li p:before {
		width: 30px;
		height: 30px;
		background-size: 18px auto;
	}
	
	
	.dataSubmissionBox ul li:nth-child(2) p:before {
		width: 30px;
		height: 30px;
		background-size: 18px auto;
	}
	
	.dataSubmissionBox ul li strong {
		font-size: 0.8rem;
	}

	.dataSubmissionBox ul li:nth-child(2n) {
			margin-bottom: 0;
	}

	.dataSubmissionBox ul li p {
		font-size: 1rem;
	}

	.dataSubmissionMail span {
		font-size: 1.1rem;
	}

	.dataSubmissionMail a {
		font-size: 1.1rem;
	}
	.dataOptionBox {
		padding: 15px;
		margin: 0px 0 30px;
		font-size: 0.9rem;
	}

	.dataCapacity p {
		margin-bottom: 30px;
	}

	.dataCapacity ul {
		display: block;
	}

	.dataCapacity ul li {
		width: 100%;
		max-width: 320px;
		margin: 0 auto 10px;
	}
}

/*=========================================================

07.印刷方法について

=========================================================*/

.printBox .list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.printBox .list li {
	margin: 0 48px 48px 0;
	width: calc(100% / 3 - 32px);
}

.printBox .list li:nth-child(3n){
	margin-right: 0;
}

.printBox .list li:not(:last-child) .image:after {
	content: "";
	position: absolute;
	top: calc(50% - 20px);
	right: -54px;
	display: block;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-right: 20px solid transparent;
	border-left: 20px solid #f2d431;
	border-bottom: 20px solid transparent;
}

.printBox .list li img {
	width: 100%;
}

.printBox .list li .image {
	margin-bottom: 10px;
	position: relative;
}

.printBox .list li .text {
	position: relative;
	padding-left: 33px;
	font-weight: 700;
}

.printBox .list li .text:before {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 24px;
	height: 24px;
	line-height: 1;
	font-weight: bold;
	background: #f2d431;
	border-radius: 100px;
	font-family: "MS Pゴシック" ;
	font-size: 0.8rem;
	position: absolute;
	top: 0;
	left: 0;
}

.printBox .list li:nth-child(1) .text:before {
	content: "1";
}


.printBox .list li:nth-child(2) .text:before {
	content: "2";
}


.printBox .list li:nth-child(3) .text:before {
	content: "3";
}

.photos {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}

.photos li {
	margin: 0 40px 40px 0;
	width: calc(100% / 2 - 20px);
	padding: 10px;
	background: #f5f5f5;
	box-sizing: border-box;
	border-radius: 10px;
}

.photos li:nth-child(2n){
	margin-right: 0;
}

.photos li .text {
	background: #fff;
	padding: 5px 10px;
	font-weight: 700;
}

@media screen and (max-width:767px)  {
	
	.printBox .subheading {
		padding-right: 40px;
		margin-bottom: 10px;
	}	
	
	.printBox .subheading span {
		font-size: 0.8rem;
		display: block;
		margin-bottom: 5px;
	}
	
	.printBox .sp_accordion_head:before {
		z-index: 10;
		background: #fffa1a;
		right: 10px;
		font-weight: 700;
		padding: 5px 5px 8px;
		border-radius: 5px;
		line-height: 1;
		color: #1d60cc;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	
	.printBox .list {
		display: block;
	}
	
	.printBox .list li {
		margin-bottom: 50px;
		width: 100%;
		position: relative;
	}
	
	.printBox .list li:not(:last-child) .image:after {	
		display: none;
	}
	
	.printBox .list li:after {
		content: "";
		position: absolute;
		top: -35px;
		left: calc(50% - 20px);
		display: block;
		width: 0px;
		height: 0px;
		border-top: 20px solid #f2d431;
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
		border-bottom: 20px solid transparent;
	}	
	.printBox .list li:last-child:after {
		display: none;
	}
	
	.photos {
		margin: 0 0 20px;
	}
	
	.photos li {
		width: 100%;
		margin: 0 0 20px;
	}
	
}

/*=========================================================

08.プランについて

=========================================================*/

/* プラン比較
----------------------------------*/

.planningRead {
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 30px;
	color: #1d60cc;
}

.planningPlan {
	padding: 10px;
	border-radius: 10px;
	background: #f5f5f5;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.planningPlan li {
	width: calc(50% - 5px);
	margin-right: 10px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	background: #fff;
}

.planningPlan li:nth-child(2n){
	margin-right: 0;
}

.planningPlan li .copy {
	text-align: center;
	font-size: 1.1rem;
	font-weight: 700;
	padding: 10px;
	color: #fff;
	background: #2e3e69;
	border-radius: 10px 10px 0 0;
}
.planningPlan li .copy span {
	color: #fffa1a;
}
.planningPlan li  .title {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content:  center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #2e3e69;
	padding: 30px 0;
}
.planningPlan li .title:before {
	content: "";
	display: inline-block;
	width: 75px;
	height: 75px;
	background: url("../images/planning/icon_oversea.png");
	background-size: contain;
}

.planningPlan li.domestic .copy {
	background: #ff0000;
	position: relative;
}
.planningPlan li.domestic .title {
	color: #ff0000;
}

.planningPlan li.domestic .title:before {
	background: url("../images/planning/icon_domestic.png");
	background-size: contain;
}

.planningPlan li.domestic .copy span:before {
	content: "";
	background: url("../images/planning/icon_new.png");
	background-size: contain;
	width: 82px;
	height: 50px;
	display: block;
	position: absolute;
	top: -20px;
	left: 10px;
}

@media screen and (max-width:767px)  {
	
	.planningRead {
		display: none;
	}

	.planningPlan {
		margin-bottom: 30px;
	}

	.planningPlan li .copy {
		font-size: 1rem;
	}

	.planningPlan li  .title {
		display: block;
		font-size: 1rem;
		padding: 15px 0;
	}
	.planningPlan li .title:before {
		display: block;
		width: 55px;
		height: 55px;
		margin: 0 auto 10px;
	}

	.planningPlan li.domestic .copy span:before {
		width: 49px;
		height: 30px;
		top: -15px;
		left: 5px;
	}	
}

/* プラン比較
----------------------------------*/

.planningTable {
	text-align: center;
	margin-bottom: 50px;
}

.planningTableTitle {
	background: #f2d431;
	display: inline-block;
	font-weight: 700;
	font-size: 1.3rem;
	padding: 10px 30px;
	border-radius: 5px;
	position: relative;
	z-index: 2;
}

.planningTableTitle span {
	position: relative;
	z-index: 2;
}

.planningTableTitle:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: calc(50% - 80px);
	display: block;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-left: 20px solid transparent;
	border-right: 20px solid #f2d431;
	border-bottom: 20px solid transparent;
	z-index: 1;
}

.planningTableInner {
	padding: 10px;
	border-radius: 10px;
	background: #f5f5f5;
	margin-top: -30px;
	margin-bottom: 15px;
}

.planningTableTable td:after {
	content: "";
	display: block;
	background: #828a9f;
	width: calc(100% - 40px);
	height: 1px;
	margin:  20px 20px 0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.planningTableTable tr:last-child td:after {
	display: none;
}

.planningTableTable {
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
	font-weight: 700;
}

.planningTableTable th {
	width: 50%;
	text-align: center;
	padding: 45px 10px 0;
	position: relative;
}

.planningTableTable td {
	width: 50%;
	text-align: center;
	padding: 20px;
	position: relative;
}

.planningTableTable tr:last-child td {
	padding-bottom: 45px;
}

.planningTableTable tr th:nth-child(1),
.planningTableTable tr td:nth-child(1){
	background: #2e3e69;
	color: #fff;
}

.planningTableTable tr th:nth-child(1) strong{
	background: #fffa1a;
	color: #2e3e69;
	display: inline-block;
	padding: 10px 45px;
	font-weight: 700;
	border-radius: 5px;
}

.planningTableTable tr th:nth-child(2) strong{
	background: #ff0000;
	color: #fff;
	display: inline-block;
	padding: 10px 45px;
	font-weight: 700;
	border-radius: 5px;
}

.planningTableTable .cen {
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 1000px;
	background: #f2d431;
	color: #2e3e69;
	padding: 5px;
	font-size: 0.9rem;
	position: absolute;
	box-sizing: border-box;
	top: calc(50% - 15px);
	right: -75px;
}

.planningTableTable td .link {
	color: #fff;
	font-size: 0.9rem;
}

.planningTableTable td .link a {
	color: #fffa1a;
}

.planningTableTable td .min {
	font-size: 0.9rem;
}

.planningTableTable td .num  {
	color: #fffa1a;
}
.planningTableTable td .num strong {
	font-weight: 700;
	font-size: 1.4rem;
}

.planningTableTable td:nth-child(2) .num  {
	color: #ff0000;
}
.planningTableTable td:nth-child(2) .num strong {
	font-weight: 700;
	font-size: 1.4rem;
}

.planningTableTable td .symbol {
	font-size: 3rem;
	font-weight: 700;
	color: #fffa1a;
	display: block;
}

.planningTableTable td:nth-child(2) .symbol{
	color: #ff0000;
}

.planningTableSup {
	text-align: left;
	font-size: 0.8rem;
}

.planningTableSup li {
	position: relative;
	padding-left: 30px;
}

.planningTableSup li:before {
	position: absolute;
	top: : 0;
	left: 0;
}

.planningTableSup li:nth-child(1):before {
	content:"※1.";
}

.planningTableSup li:nth-child(2):before {
	content:"※2.";
}

@media screen and (min-width:768px)  {
	.planningTableTable .cen.sp {
		display: none!important;
	}
}

@media screen and (max-width:767px)  {
	
	.planningTable {
		margin-bottom: 30px;
	}

	.planningTableTitle {
		font-weight: 700;
		font-size: 1rem;
		padding: 10px;
	}

	.planningTableTitle:after {
		bottom: -15px;
		left: calc(50% - 80px);
	}

	.planningTableInner {
		margin-top: -5px;
	}

	.planningTableTable td:after {
		display: none;
	}

	.planningTableTable tr:last-child td:after {
		display: none;
	}

	.planningTableTable {
		border-radius: 10px;
		border: 1px solid #e5e5e5;
		background: #fff;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		overflow: hidden;
		font-weight: 700;
	}

	.planningTableTable th {
		width: 50%;
		text-align: center;
		padding: 55px 10px 0;
	}

	.planningTableTable td {
		width: 50%;
		text-align: center;
		padding: 20px;
		position: relative;
		padding-top: 35px;
	}

	.planningTableTable tr:last-child td {
		padding-bottom: 45px;
	}

	.planningTableTable tr th:nth-child(1),
	.planningTableTable tr td:nth-child(1){
		background: #2e3e69;
		color: #fff;
	}

	.planningTableTable tr th:nth-child(1) strong{
		padding: 5px 10px;
	}

	.planningTableTable tr th:nth-child(2) strong{
		padding: 5px 10px;
	}
	
	.planningTableTable .cen.pc {
		display: none!important;
	}

	.planningTableTable .cen {
		padding: 5px;
		line-height: 1;
		font-size: 0.9rem;
		top: 0;
		right: auto;
		left: 10px;
		width: calc(200% - 20px);
		font-weight: 700!important;
	}
	.planningTableTable td.fst {
		padding-top: 10px;
	}
	.planningTableTable th .cen {
		top: 15px;
	}

	.planningTableTable td .min {
		font-size: 0.8rem;
	}

	.planningTableTable td .num  {
		color: #fffa1a;
	}
	.planningTableTable td .num strong {
		font-weight: 700;
		font-size: 1.4rem;
	}

	.planningTableTable td:nth-child(2) .num  {
		color: #ff0000;
	}
	.planningTableTable td:nth-child(2) .num strong {
		font-weight: 700;
		font-size: 1.4rem;
	}

	.planningTableTable td .symbol {
		font-size: 3rem;
		font-weight: 700;
		color: #fffa1a;
		display: block;
	}

	.planningTableTable td:nth-child(2) .symbol{
		color: #ff0000;
	}

	.planningTableSup {
		text-align: left;
		font-size: 0.8rem;
	}

	.planningTableSup li {
		position: relative;
		padding-left: 30px;
	}

	.planningTableSup li:before {
		position: absolute;
		top: : 0;
		left: 0;
	}

	.planningTableSup li:nth-child(1):before {
		content:"※1.";
	}

	.planningTableSup li:nth-child(2):before {
		content:"※2.";
	}
}

/* プラン詳細
----------------------------------*/

.planningDetail {
	border-radius: 10px;
	border: 10px solid #f5f5f5;	
}

.planningDetail:not(:last-child){
	margin-bottom: 20px;
}

.planningDetailSup {
	margin: 0 0 50px;
	font-size: 0.8rem;
}

.planningDetailTitle {
	background: #2e3e69;
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0 0 30px;
	border-radius: 5px 5px 0 0;
	
}

.planningDetailTitle:before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fffa1a url("../images/planning/icon_oversea.png") center center no-repeat;
	background-size: 40px 40px;
	margin-right: 20px;
}

.planningDetail .main {
	margin: 0 30px 30px;
	color: #fff;
	text-align: center;
	height: 300px;
	width: calc(100% - 60px);
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	background: url("../images/planning/image_oversea.jpg");
	background-size: cover;
	border-radius: 10px;
	font-size: 1.6rem;
	font-weight: 700;
	text-shadow: #000 1px 0 10px;
}

.planningDetail ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 30px 0;
	width: calc(100% - 60px);
}

.planningDetail ul li {
	width: calc(100%/3 - 20px);
	margin: 0 30px 30px 0;
	background: #f5f5f5;
	overflow: hidden;
	border-radius: 10px;
}

.planningDetail ul li:nth-child(3n){
	margin-right: 0;
}

.planningDetail ul li .q {
	background: #2e3e69;
	color: #fff;
	font-size: 1.1rem;
	display: flex;
	width: 100%;
	align-items: center;
	box-sizing: border-box;
	padding: 5px;
	font-weight: 700;
	margin-bottom: 15px;
	min-height: 70px;
}

.planningDetail ul li .q:before {
	content: "Q";
	display: flex;
	font-weight: 700;
	background: #fffa1a;
	color: #2e3e69;
	font-family: "MS Pゴシック";
	line-height: 1;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-right: 10px;
	margin-left: 5px;
}

.planningDetail ul li .a {
	background: #f2d431;
	padding: 10px;
	border-radius: 5px;
	display: flex;
	width: calc(100% - 30px);
	align-items: center;
	box-sizing: border-box;
	font-weight: 700;
	font-size: 0.9rem;
	margin: 0 15px 15px;
	white-space: nowrap;
}

.planningDetail ul li .a:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url("../images/icon_admaku.png") center center no-repeat;
	background-size: 34px 34px;
	border-right: 1px solid #000;
	margin-right: 10px;
}

.planningDetail ul li .text {
	font-size: 0.9rem;
	margin: 0 15px 15px;
}


.domestic.planningDetail .main {
	color:#ff0000;
	text-shadow: #fff 1px 0 10px;
}
.domestic .planningDetailTitle {
	background: #ff0000;
}

.domestic .planningDetailTitle:before {
	background: #fffa1a url("../images/planning/icon_domestic.png") center center no-repeat;
	background-size: 40px 40px;
}

.domestic.planningDetail .main {
	background: url("../images/planning/image_domestic.jpg");
}

.domestic.planningDetail ul li:nth-child(3n){
	margin-right: 0;
}

.domestic.planningDetail ul li .q {
	background: #ff0000;
}

.domestic.planningDetail ul li .q:before {
	background: #fff;
	color: #ff0000;
}

.planningDetail.oversea {
	margin-bottom: 50px;
}


@media screen and (max-width:1280px)  {
	.planningDetail ul {
		display: block;
		margin: 0 10px 10px;
		width: calc(100% - 20px);
	}

	.planningDetail ul li {
		width: 100%;
		margin: 0 0 10px;
	}		
}

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

	.planningDetailSup {
		margin: 0 0 30px;
	}

	.planningDetailTitle {
		margin: 0 0 30px;
	}

	.planningDetailTitle:before {
		width: 40px;
		height: 40px;
		background: #fffa1a url("../images/planning/icon_oversea.png") center center no-repeat;
		background-size: 32px 32px;
		margin-right: 10px;
	}

	.planningDetail .main {
		margin: 0 10px 15px;
		height: auto;
		width: calc(100% - 20px);
		padding: 10px;
		font-size: 1.1rem;
		box-sizing: border-box;
	}

	.planningDetail ul li .q {
		font-size: 1rem;
		margin: 0;
		min-height: auto;
	}

	.planningDetail ul li .sp_accordion_head::before {
		z-index: 10;
		background: #fffa1a;
		right: 5px;
		top: calc(50% - 15px);
		height: 30px;
		font-weight: 700;
		padding: 5px 5px 8px;
		box-sizing: border-box;
		border-radius: 5px;
		line-height: 1;
		color: #2e3e69;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	
	.planningDetail ul li .a {
		margin-top: 15px;
	}

	.planningDetail ul li .a:before {
		width: 30px;
		height: 30px;
		background: url("../images/icon_admaku.png") center center no-repeat;
		background-size: 30px 30px;
	}

	.planningDetail ul li .text {
		font-size: 0.9rem;
	}

	.domestic .planningDetailTitle:before {
		background: #fffa1a url("../images/planning/icon_domestic.png") center center no-repeat;
		background-size: 32px 32px;
	}
	
	.planningDetail.domestic ul li .sp_accordion_head::before {
		background: #fff;
		color: #ff0000;
	}
	
}

/*=========================================================

09.納期・送料について

=========================================================*/

/* 納期
----------------------------------*/

.delivery {
	margin-bottom: 50px;
}

.deliveryText {
	margin-bottom: 50px;
}

.deliveryText .eigyo {
	background: #ff0000;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 5px;
}

@media screen and (max-width:767px)  {
	.delivery {
		margin-bottom: 30px;
	}

	.deliveryText {
		margin-bottom: 30px;
	}	
}

.deliveryBox {
	border-radius: 10px;
	border: 10px solid #f5f5f5;	
	margin-bottom: 30px;
	text-align: center;
}

.deliveryCaution {
	background: #f5f5f5;
	padding: 10px 30px;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 30px;
}

.deliveryCaution span {
	color: #ff0000;
	text-decoration: underline;
}

.deliveryBoxTitle {
	background: #1d60cc;
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0 0 30px;
	border-radius: 5px 5px 0 0;	
}

.deliveryBoxTitle:before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	background: #fffa1a url("../images/deliverydate/icon_delivery.png") center center no-repeat;
	background-size: 40px 40px;
	margin-right: 20px;
}

.deliveryCalendar {
	margin: 0 30px 30px;
	font-weight: 700;
}

.deliveryCalendar li {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
	position: relative;
}

.deliveryCalendar li .today {
	position: absolute;
	top: -23px;
	left: 10px;
	background: #f2d431;
	color: #111;
	padding: 2px 10px;
	border-radius: 5px;
	font-size: 0.9rem;
}


.deliveryCalendar li .today:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-top: 10px solid #f2d431;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	z-index: 2;
	position: absolute;
	transform: rotate(90deg);
	bottom: -10px;
	left: 5px;
	
}

.deliveryCalendar .date {
	width: 150px;
	margin-right: 15px;
	box-sizing: border-box;
	display: flex;
	padding: 10px;
	background: #f5f5f5;
	align-items: center;
	border-radius: 5px;
	line-height: 1;
	justify-content: flex-end;
}

.deliveryCalendar .date .m {
	border-right: 1px solid #b0b0b0;
	margin-right: 15px;
	padding-right: 15px;
}

.deliveryCalendar .date .m span {
	font-size: 1.4rem;
}

.deliveryCalendar .date .w {
	background: #fcf951;
	display: flex;
	width: 28px;
	height: 28px;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 100px;
	font-family: "MS Pゴシック" ;
}

.deliveryCalendar .week {
	width: calc(100% - 165px);
	box-sizing: border-box;
	border-radius: 5px;
	background: #f5f5f5;
	display: flex;
	align-items: center;
	padding: 10px;
}

.deliveryCalendar .day {
	flex-grow: 1;
	text-align: left;
}

.deliveryCalendar .limit {
	text-align: right;
	background: #c00;	
	border-radius: 5px;
	color: #fff;
	padding: 3px 10px;
}

.deliveryCalendar .after {
	text-align: right;
}

.deliveryCalendar .holiday .date {
	background: #989898;
	color: #fff;
}

.deliveryCalendar .holiday .date .w {
	color: #989898;
	background: #fff;		
}

.deliveryCalendar .holiday .week {
	background: #989898;
}

.deliveryCalendar .holiday .week .day {
	color: #fff;
}

.deliveryCalendar .start .date {
	background: #1d60cc;
	color: #fff;
}

.deliveryCalendar .start .date .m span {
	color: #fffa1a;
}

.deliveryCalendar .start .date .w {
	color: #1d60cc;	
}

.deliveryCalendar .start .week {
	background: #1d60cc;
}

.deliveryCalendar .start .week .day {
	color: #fff;
}

.deliveryCalendar .end .date {
	background: #ff0000;
	color: #fff;
}

.deliveryCalendar .end .date .m span {
	color: #fffa1a;
}

.deliveryCalendar .end .date .w {
	color: #ff0000;	
	background: #fff;
}

.deliveryCalendar .end .week {
	background: #ff0000;
}

.deliveryCalendar .end .week .day {
	color: #fff;
}

.deliveryCalendar .end .week .after {

}

.deliveryCalendar .cArrow:before {
	content: "";
	display: block;
	position: absolute;
	top: :0;
	left: 360px;
	width: 20px;
	height: calc(100% + 15px);
	background: #1d60cc;
	border-radius: 0!important;
}

.deliveryCalendar .cArrow.end:before {
	display: block;
	width: 0px;
	height: 0px;
	border-top: 20px solid #1d60cc;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	z-index: 2;
	background: #f00;
	margin-left: -10px;
}

.deliveryList li {
	padding-left: 18px;
	position: relative;
	font-size: 0.9rem;	
}

.deliveryList li:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;	
}

@media screen and (max-width:767px)  {
	
	.deliveryBox .sp_accordion_head {
		border-radius: 10px;
		overflow: hidden;
	}
	
	.deliveryBox.sp_accordion.open .sp_accordion_head{
		border-radius: 0!important;
	}

	.deliveryBox .sp_accordion_head:before {
		z-index: 10;
		background: #fffa1a;
		right: 5px;
		top: calc(50% - 15px);
		height: 30px;
		font-weight: 700;
		padding: 5px 5px 8px;
		box-sizing: border-box;
		border-radius: 5px;
		line-height: 1;
		color: #2e3e69;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.deliveryBoxTitle {
		margin: 0 ;
	}

	.deliveryBoxTitle:before {
		width: 40px;
		height: 40px;
		background: #fffa1a url("../images/deliverydate/icon_delivery.png") center center no-repeat;
		background-size: 32px 32px;
		margin-right: 10px;
	}

	.deliveryCalendar {
		margin: 40px 10px 10px;
	}

	.deliveryCalendar li {
		margin-bottom: 10px;
	}

	.deliveryCalendar .date {
		width: 110px;
		margin-right: 5px;
		padding: 3px;
	}

	.deliveryCalendar .date .m {
		margin-right: 5px;
		padding-right: 5px;
	}

	.deliveryCalendar .date .m span {
		font-size: 1.1em;
	}

	.deliveryCalendar .date .w {
		width: 20px;
		height: 20px;
		font-size: 0.9rem;
	}

	.deliveryCalendar .week {
		width: calc(100% - 115px);
		padding: 7px;
	}

	.deliveryCalendar .cArrow:before {
		left: 180px;
		width: 10px;
		height: calc(100% + 10px);
	}

	.deliveryCalendar .cArrow.end:before {
		border-top: 16px solid #1d60cc;
		border-left: 16px solid transparent;
		border-right: 16px solid transparent;
		border-bottom: 16px solid transparent;
		margin-left: -11px;
		
	}
	
	.deliveryCalendar .day {
		
		font-size: 0.9rem;	
		position: relative;
		z-index: 2;
	}
	
	.deliveryCalendar .limit {
		
		font-size: 0.9rem;	
		padding: 3px;
		position: relative;
		z-index: 2;
	}
	
	.deliveryCalendar .after {
		font-size: 0.9rem;	
		position: relative;
		z-index: 2;
		width: 120px;
	}
	
	.deliveryCaution {
		font-size: 0.9rem;
		margin: 0 10px 10px;
		text-align: left;
	}
	
}

/* 配送・送料
----------------------------------*/

.postageList {
	display: flex;
	flex-wrap: wrap;
	border-radius: 10px;
	background:  #f5f5f5;	
	padding: 10px;
}

.postageList > li {
	background: #fff;
	width: calc(50% - 5px);
	margin-right: 10px;
	border-radius: 10px;
	box-sizing: border-box;
}

.postageList > li:nth-child(2n){
	margin-right: 0;
}

.postageList > li .title {
	
	text-align: center;
	font-size: 1.2rem;
	color: #fff;
	background: #2e3e69;
	border-radius: 5px 5px 0 0;
	padding: 10px;
	font-weight: 700;
}

.postageList > li.oversea .emphasis {
	background: #2e3e69!important;
}

.postageList > li.domestic .title {
	background: #ff0000;
}

.postageList li .info {
	margin: 20px 15px;
}

.postageList li .info .emphasis {
	background: #ff0000;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 5px;
}

.postageList li .info .text {
	margin-bottom: 15px;
}


.postageList li .info .text01 {
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.postageList li .info .text02 {
	margin-bottom: 20px;
}

.postageList li .info .text02 span {
	font-size: 0.9rem;
}

.postageList li .info .text03 {
	margin-bottom: 10px;
}

.postageList li .info table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
	margin-bottom: 20px;
}

.postageList li .info table th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	font-weight: 700;
	background: #f5f5f5;
}

.postageList li .info table td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

.postageList li .info .price {
	background: #f5f5f5;
	display: flex;
	border-radius: 5px;
	padding: 5px 30px;
	float: left;
	margin-bottom: 10px;
	font-size: 0.9rem;
	align-items: center;
}

.postageList li .info .price .area {
	display: inline-block;
	background: #2e3e69;
	color: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 0 5px;
}

.postageList li .info .price .value {
	margin: 0 5px;
}

.postageList li ul {
	clear: both;
}

.postageList li ul li {
	padding-left: 18px;
	position: relative;
	font-size: 0.9rem;
}

.postageList li ul li:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width:767px)  {
	
	.postageList {
		display: block;
	}

	.postageList > li {
		width: 100%;
		margin: 0 0 10px;
	}

	.postageList > li:nth-child(2n){
		margin-bottom: 0;
	}

	.postageList > li .title {
		font-size: 1.1rem;
	}

	.postageList li .info {
		margin: 0;
		padding: 20px 15px 20px;
	}

	.postageList li .info .text {
		margin-bottom: 0;
	}

	.postageList li .info .price {
		margin-top: 10px;
	}
	
}


/*=========================================================

10.お支払い方法

=========================================================*/

.paymentText {
	margin-bottom: 50px;
}

.paymentNav {
	border: 10px solid #f5f5f5;
	border-radius: 10px;
	margin-bottom: 75px;
}

.paymentNav h2 {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px;
	font-weight: 700;
	text-align: center;
	color: #1d60cc;
	font-size: 1.6rem;
}

.paymentNav ul {
	padding: 10px;
	display: flex;
	margin-bottom: -10px;
	flex-wrap: wrap;
}

.paymentNav ul li {
	width: calc(50% - 5px);
	margin: 0 10px 10px 0;
}
.paymentNav ul li a {
	display: flex;
	padding: 10px 30px 10px 10px;
	border-radius: 5px;
	background: #1d60cc;
	align-items: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.1rem;
	box-sizing: border-box;
	width: 100%;
	position: relative;
}

.paymentNav ul li a:after {
	content: "▼";
	color: #fffa1a;
	position: absolute;
	top: 50%;
	font-size: 10px;
	line-height: 1;
	font-family: "MS Pゴシック";
	top: calc(50% - 5px);
	right: 10px;
}

.paymentNav ul li a:hover {
	opacity: 0.7;
}

.paymentNav ul li a .image {
	margin-right: 10px;
}

.paymentNav ul li a .image img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 5px;
}

.paymentNav ul li a .emphasis{
	background: #ff0000;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	padding: 1px 10px 3px;
	border-radius: 5px;
	margin-right: 10px;
}

.paymentNav ul li:nth-child(2n){
	margin-right: 0;
}

@media screen and (max-width:1024px)  {
	.paymentNav ul {
		display: block;
		margin-bottom: -10px;
	}

	.paymentNav ul li {
		width: 100%;
		margin: 0 0 10px;
	}
}

@media screen and (max-width:767px)  {
	.paymentText {
		margin-bottom: 30px;
	}

	.paymentNav {
		margin-bottom: 30px;
	}

	.paymentNav h2 {
		font-size: 1.3rem;
	}
	.paymentNav ul li a {
		font-size: 1rem;
	}
	
	.paymentNav ul li a .emphasis {
		padding: 1px 3px 3px;
	}
	
	.paymentNav ul li a .min {
		font-size: 0.9rem;
	}
	
}

/* お支払い方法
----------------------------------*/

.paymentBox {
	margin-bottom: 50px;
}

.paymentBox .heading .emphasis{
	background: #ff0000;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 5px;
	margin-right: 10px;
}

.paymentBox .btn {
	margin-top: 30px;
}

.paymentBox .btn a {
	min-width: auto;
	max-width: auto;
	width: auto;
	display: inline-block;
	padding-right: 30px;
}

.paymentBox .heading .min {
	font-size: 0.9rem;
}

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

	.paymentBox {
		margin-bottom: 30px;
	}

	.paymentBox .heading .emphasis{
		padding: 2px 5px 1px;
		margin-right: 5px;
		font-size: 0.9rem;
	}

	.paymentBox .btn {
		margin-top: 20px;
	}
	
	.paymentBox .heading .min {
		font-size: 0.8rem;
	}
	
}

.paymentList {
	list-style: disc;
	color: #1d60cc;
	margin: 0 15px;
}

.paymentList li:not(:last-child){
	margin-bottom: 5px;
}

.paymentList li .text{
	color: #000;
}

.paymentExplanation {
	background: #f1f6fc;
	padding: 30px;
	border-radius: 10px;
	margin-top: 30px;
}

.myPayment {
	margin-bottom: 50px;
}


.paymentExplanation .baloon {
	text-align: center;
	margin-bottom: 30px;
}

.paymentExplanation .baloon p {
	background: #ff0000;
	display: inline-block;
	border-radius: 100px;
	padding: 5px 15px;
	color: #fff;
	font-weight: 700;
}

.paymentExplanation .baloon h3 {
	font-weight: 700;
	font-size: 2rem;
}

.paymentExplanation .flow {
	display: flex;
	list-style: none;
	
}
.paymentExplanation .flow li {
	width: 32%;
	margin-right: 2%;
	border: 2px solid #0a3e86;
	border-radius: 5px;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
	font-weight: 700;
	padding: 20px;
	position: relative;
}

.paymentExplanation .flow li .num {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 36px;
	height: 36px;
	line-height: 1;
	font-family: "MS Pゴシック";
	font-weight: 700;
	border-radius: 1000px;
	background: #0a3e86;
	color: #fff;
	position: absolute;
	top: -15px;
	left: -15px;
}
.paymentExplanation .flow li .hosoku {
	color: #329a43;
	font-size: 0.9rem;
}

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


	.paymentExplanation {
		padding: 15px;
		margin-top: 20px;
	}

	.myPayment {
		margin-bottom: 30px;
	}


	.paymentExplanation .baloon {
		margin-bottom: 20px;
	}

	.paymentExplanation .baloon p {
		font-size: 0.9rem;
		padding: 2px 10px;
	}

	.paymentExplanation .baloon h3 {
		font-size: 1.4rem;
	}

	.paymentExplanation .flow {
		display: block;

	}
	.paymentExplanation .flow li {
		width: 100%;
		margin-right: 0;
		padding: 10px;
		margin-bottom: 15px;
	}
	.paymentExplanation .flow li:last-child {
		margin-bottom: 0;
	}
	
	.paymentExplanation .flow li .spFlex {
		display: flex;
		align-items: center;
	}

	.paymentExplanation .flow li .spFlex .text {
		width: 65%;
		text-align: left;
		font-size: 0.9rem;
	}
	.paymentExplanation .flow li .spFlex .image {
		width: 35%;
	}

	.paymentExplanation .flow li .num {
		width: 24px;
		height: 24px;
		font-size: 0.9rem;
		top: -12px;
		left: -12px;
	}
	.paymentExplanation .flow li .hosoku {
		font-size: 0.8rem;
	}	
}

/*=========================================================

11.注文から発送までの流れ

=========================================================*/

.orderprocessBox {
	margin-bottom: 50px;
}

.orderprocessBox .subheading {
	display: flex;
	align-items: center;
}

.orderprocessBox .subheading .num {
	display: flex;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #3b75d3;
	line-height: 1;
}

.orderprocessBox .subheading .num strong {
	width: 20px;
	height: 20px;
	background: #fffa1a;
	font-family: "MS Pゴシック";
	border-radius: 1000px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #1d60cc;
	font-weight: 700;
	font-size: 0.9rem;
	margin: 0px 0 0 5px;
}

.orderprocessBoxTitle {
	background: #1d60cc;
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0;
	border-radius: 5px 5px 0 0;	
}

.orderprocessBoxTitle:before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	margin-right: 20px;
}

.l .orderprocessBoxTitle:before {
	background: #fffa1a url("../images/orderprocess/icon_data.png") center center no-repeat;
	background-size: 40px 40px;
}

.r .orderprocessBoxTitle:before {
	background: #fffa1a url("../images/orderprocess/icon_design.png") center center no-repeat;
	background-size: 40px 40px;
}

.c .orderprocessBoxTitle:before {
	background: #fffa1a url("../images/orderprocess/icon_box.png") center center no-repeat;
	background-size: 40px 40px;
}

.banner1000pt {
	text-align: center;
}

.banner1000pt picture {
	margin-top: 30px;
	border: 10px solid #f5f5f5;
	border-radius: 10px;
	box-sizing: border-box;
	display: inline-block;
}

.banner1000pt a picture:hover {
	opacity: 0.7;
}

.red {
	color: #ff0000;
}

.sml {
	font-size:  0.9rem;
}

@media screen and (max-width:767px)  {
	
	.orderprocessBox {
		margin-bottom: 30px;
	}
	
	.orderprocessBox .subheading .num {
		padding-right: 10px;
		margin-right: 10px;
	}
	
	.orderprocessBoxTitle {
		border-radius: 0;
		font-size: 1rem;
		padding-right: 40px;
	}

	.orderprocessBoxTitle:before {
		width: 40px;
		height: 80px;
		margin-right: 10px;
	}
	
	.orderprocessBoxInner .sp_accordion_head:before {
		z-index: 10;
		background: #fffa1a;
		top: calc(50% - 15px);
		right: 10px;
		height: 30px;
		font-weight: 700;
		padding: 5px 5px 8px;
		box-sizing: border-box;
		border-radius: 5px;
		line-height: 1;
		color: #2e3e69;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.l .orderprocessBoxTitle:before {
		background: #fffa1a url("../images/orderprocess/icon_data.png") center center no-repeat;
		background-size: 30px 30px;
	}

	.r .orderprocessBoxTitle:before {
		background: #fffa1a url("../images/orderprocess/icon_design.png") center center no-repeat;
		background-size: 30px 30px;
	}

	.c .orderprocessBoxTitle:before {
		background: #fffa1a url("../images/orderprocess/icon_box.png") center center no-repeat;
		background-size: 30px 30px;
	}

	.banner1000pt {
		text-align: center;
	}

	.banner1000pt picture {
		margin-top: 30px;
		border: 10px solid #f5f5f5;
		border-radius: 10px;
		box-sizing: border-box;
		display: inline-block;
	}

	.banner1000pt picture:hover {
		opacity: 0.7;
	}

	.red {
		color: #ff0000;
	}

	.sml {
		font-size:  0.9rem;
	}	
}


/* データ入
----------------------------------*/

.pcFlex {
	display: flex;
	flex-wrap: wrap;
}

.orderprocessBoxInner{
	margin-top: 30px;
	background: #f5f5f5;
	border-radius: 10px;
	padding: 10px;
}

.orderprocessBoxInner .l {
	width: calc(50% - 5px);
	margin-right: 10px;
	background: #fff;
	border-radius: 10px;
}

.orderprocessBoxInner .r {
	width: calc(50% - 5px);
	background: #fff;
	border-radius: 10px;
}

.orderprocessBoxInner .c {
	background: #fff;
	width: 100%;
	border-radius: 10px;
}

.orderprocessBoxInner .info {
	padding: 40px;
}

.orderprocessBoxInner .text {
	margin-bottom: 20px;
}

.orderprocessBoxInnerText {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.orderprocessBoxList {
	text-align: center;
}

.orderprocessBoxList > li {
	background: #f5f5f5;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
	position: relative;
	font-weight: 700;
}

.orderprocessBoxList > li:last-child {
	margin-bottom: 0;
}

.orderprocessBoxList > li:not(:last-child):after {
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 10px solid #1d60cc;
	transform: rotate(180deg);
	position: absolute;
	bottom: -15px;
	left: calc(50% - 15px);
	z-index: 0px;
}

@media screen and (max-width:767px)  {
	
	.pcFlex {
		display: block;
	}

	.orderprocessBoxInner{
		padding: 10px;
	}

	.orderprocessBoxInner .l {
		width: 100%;
		margin-right: 0;
		border-radius: 10px;
		overflow: hidden;
	}

	.orderprocessBoxInner .r {
		width: 100%;
		border-radius: 10px;
		overflow: hidden;
		margin-top: 10px;
	}

	.orderprocessBoxInner .c {
		width: 100%;
	}

	.orderprocessBoxInner .info {
		padding: 10px;
	}

	.orderprocessBoxInner .text {
		margin-bottom: 20px;
		text-align: center;
	}

	.orderprocessBoxInnerText {
		margin-bottom: 20px;
		margin-top: 10px;
		display: block;
		align-items: center;
		text-align: left;
	}
	
}

/* 配送について
----------------------------------*/

.orderprocessBoxInnerSection {
	padding:  30px 20px;
}

.orderprocessBoxHeader {
	display: flex;
	background: #f5f5f5;
	padding: 10px;
	border-radius: 10px;
	margin:  0 0 30px;
	align-items: center;
}


.orderprocessBoxHeader h4 {
	font-size: 1.6rem;
	color: #2e3e69;
	font-weight: 700;
	display: flex;
	align-items: center;
	padding: 15px;
	border-radius: 5px;
	width: 250px;
	background: #fff url("../images/orderprocess/icon_soh.png") center right 10px no-repeat;
	background-size: auto 40px;
	margin-right: 20px;
}

.orderprocessBoxHeader h4:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url("../images/planning/icon_oversea.png");
	background-size: contain;
}

.orderprocessBoxHeader.domestic h4 {
	color: #ff0000;
	background-image: none;
}

.orderprocessBoxHeader.domestic h4:before {
	background: url("../images/planning/icon_domestic.png");
	background-size: contain;
}

.orderprocessBoxHeader .value {
	
}

.orderprocessBoxInnerSection .hosoku {
	background: #f5f5f5;
	padding: 20px;
	border-radius: 5px;
	margin-top: 30px;
}

.orderprocessBoxInnerSection .hosoku p {
	position: relative;
	padding-left: 20px;
	font-size: 0.8rem;
}

.orderprocessBoxInnerSection .hosoku p:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}

.deliveryList01 {
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}

.deliveryList01 li {
	width: calc(100% / 3 - 8px);
	margin-right: 12px;
	background: #f2d431;
	display: block;
	padding: 5px;
	font-weight: 700;
	text-align: center;
	border-radius: 100px;
	box-sizing: border-box;
}

.deliveryList01 li:nth-child(3n){
	margin-right: 0;
}

.deliveryList02 {
	margin-bottom: -20px;
}

.deliveryList02 li {
	display: flex;
	width: 100%;
	margin-bottom: 20px;
	align-items: center;
	border-radius: 1000px;
	overflow: hidden;
	background: #f5f5f5;
}

.deliveryList02 li .name {
	width: calc(100% / 3 - 8px);
	margin-right: 12px;
	background: #f2d431;
	display: block;
	padding: 5px;
	font-weight: 700;
	text-align: center;
	box-sizing: border-box;	
}

.deliveryList02 li .url {
	display: block;
	padding: 0 20px;
	font-size: 0.9rem;
}

	@media screen and (max-width:767px)  {
	.orderprocessBoxInnerSection {
		padding:  30px 20px;
	}

	.orderprocessBoxHeader {
		display: block;
		margin:  0 0 20px;
		align-items: center;
		justify-content: center;
		text-align: center;
		box-sizing: border-box;
	}


	.orderprocessBoxHeader h4 {
		font-size: 1.3rem;
		margin-right: 0;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 15px;
	}


	.orderprocessBoxInnerSection .hosoku {
		padding: 10px;
		margin-top: 20px;
	}

	.orderprocessBoxInnerSection .hosoku p {
		position: relative;
		padding: 10px;
		font-size: 0.8rem;
	}

	.deliveryList01 {
		display: block;
		width: 100%;
		margin-bottom: 0;
	}

	.deliveryList01 li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.deliveryList02 {
		margin-bottom: -20px;
	}

	.deliveryList02 li {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		align-items: center;
		border-radius: 5px;
		overflow: hidden;
		background: #f5f5f5;
	}

	.deliveryList02 li .name {
		width: 100%;
		margin-right: 0;
	}

	.deliveryList02 li .url {
		display: block;
		padding: 10px;
		font-size: 0.9rem;
	}	
}

/* 法人の方にとって嬉しいポイント
----------------------------------*/

.orderPointList {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-bottom: 50px;
}


.orderPointList li {
	width: calc(100% / 3 - 14px);
	margin-right: 21px;
	box-sizing: border-box;
	background:  #f5f5f5;
	padding: 10px;
	border-radius: 10px;
}

.orderPointList li:last-child {
	margin-right: 0;
}

.orderPointList li .head {
	background: #1d60cc;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	text-align: center;
}

.orderPointList li .num {
	display: inline-block;
	background: #fffa1a;
	border-radius: 1000px;
	padding: 5px 10px;
	color: #1d60cc;
	font-size: 0.9rem;
	line-height: 1;
	margin: 5px 0;
	font-style: italic;
	font-weight: 700;
}

.orderPointList li .title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.3;
	font-style: italic;
	font-weight: 700;
}

.orderPointList li .image {
	
}

.orderPointList li .text {
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	border: 1px solid #e5e5e5;
	margin-top: 10px;
}

.bannerOudanText {
	text-align: center;
	margin-bottom: 10px;
	font-family: "corporate-logo-ver2", sans-serif;
	font-style: italic;
	font-weight: 800;
	color: #1d60cc;
	font-size: 1.8rem;
}

.bannerOudanText span {
	font-size: 2.4rem;
}

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

	.orderPointList {
		display: block;
		margin-bottom: 30px;
	}

	.orderPointList li {
		width: 100%;
		margin-right: 0;
	}

	.orderPointList li:last-child {
		margin-bottom: 0;
	}
	
	.orderPointListInner {
		display: flex;
		border: 1px solid #e5e5e5;
		border-top:  none;
		border-radius: 0 0 5px 5px;
		overflow: hidden;
	}
	

	.orderPointList li .image {
		background: #c00;
		width: 50%;
	}
	
	.orderPointList li .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.orderPointList li .text {
		background: #fff;
		border-radius: 5px;
		padding: 10px;
		border: none;
		margin-top: 0;
		width: 50%;
		font-size: 0.9rem;
	}

	.bannerOudanText {
		font-size: 1.2rem;
	}

	.bannerOudanText span {
		font-size: 1.8rem;
	}
}

/* スライダー
----------------------------------*/

.caseSlider li {
	border: 10px solid #f5f5f5;
	border-radius: 10px;
}

.caseSlider li a {
	display: block;
}

.caseSlider li .image {
	position: relative;
}

.caseSlider li .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.caseSlider li .image:before {
	content: "";
	display: block;
	width: 100%;
	padding-top:  72.5%;
}

.caseSlider li .text {
	background: #fff;
	text-align: center;
	padding: 5px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}



/*=========================================================

12.掛け払い始めました

=========================================================*/

.paidUser {
	background: #f5f5f5;
	padding: 10px;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-bottom: 50px;
}

.paidUserInner {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
}

.paidUser .l {
	border-radius: 5px;
	background: #fff;
	box-sizing: border-box;
	width: calc(45% - 5px);
	margin-right: 10px;
	padding: 10px;
}

.paidUser .l .title {
	text-align: center;
	background: #1b9d84;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	padding: 3px;
	font-weight: 700;
	font-size: 0.9rem;
	margin-bottom: 10px;
}

.paidUser .l .image {
	width: 106px;
}

.paidUser .l .info {
	display: inline-block;
	font-weight: 700;
	color: #1b9d84;
	padding-left: 15px;
}

.paidUser .l .info span {
	font-size:  0.9rem;
}

.paidUser .r {
	border-radius: 5px;
	background: #1b9d84;
	box-sizing: border-box;
	width: calc(55% - 5px);
	padding: 10px;
}

.paidUser .r .title {
	text-align: center;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	color: #000;
	padding: 3px;
	font-weight: 700;
	font-size: 0.9rem;
	margin-bottom: 10px;
}

.paidUser .r .info {
	display: inline-block;
	color: #fff;
	padding-left: 5px;	
	line-height: 1;
	letter-spacing: 1px;
}

.paidUser .r .info .tel {
	font-size: 2.2rem;
	font-weight: 700;
	padding-bottom: 5px;
}

.paidUser .r .info .time {
	font-size: 0.9rem;
	padding-bottom: 5px;
}

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

	.paidUser {
		display: block;
		margin-bottom: 30px;
	}

	.paidUserInner {
		height: auto;
	}

	.paidUser .l {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.paidUser .r {
		width: 100%;
	}
	
	.paidUser .r .image img {
		width: 50px;
		height: 50px;
	}
	
}

@media screen and (max-width:380px)  {
	
	.paidUser .l .image {
		width: 80px;
	}
	
	.paidUser .l .info {
		font-size: 0.9rem;
	}

	.paidUser .l .info span {
		font-size:  0.8rem;
	}
	
	.paidUser .r .image img {
		width: 50px;
		height: 50px;
	}
	
	.paidUser .r .info .tel {
		font-size: 1.8rem;
	}

	.paidUser .r .info .time {
		font-size: 0.8rem;
	}
}


/* Paid -ペイド- （締め支払い）とは？
----------------------------------*/

.paidAbout {
	margin-bottom: 50px;
}

.paidAboutPicture {
	padding: 30px 50px;
	background: #edfaf8;
	border-radius: 10px;
	margin-bottom: 50px;
}

.paidAboutText {
	margin-bottom: 30px;
}

.paidAboutList {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.paidAboutList li {
	width: calc(100% / 3 - 14px);
	box-sizing: border-box;
	border-radius: 10px;
	background: #fff;
	border: 10px solid #f5f5f5;
	margin-right: 21px;
	position: relative;
}

.paidAboutList li:nth-child(3n) {
	margin-right: 0;
}

.paidAboutList li:before {
	content: "";
	display: flex;
	width: 40px;
	height: 40px;
	background: #f7b52c url("../images/icon_check.png") center center no-repeat;
	background-size: 20px 20px;
	border-radius: 1000px;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: absolute;
	top:-20px;
	left: -20px;
}

.paidAboutList li .title {
	text-align: center;
	color: #fff;
	font-style: italic;
	font-weight: 700;
	background: #1b9d84;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	font-size: 0.9rem;
}

.paidAboutList li .title span {
	font-size: 0.8rem;
}

.paidAboutList li .text {
	padding: 15px;
	font-size: 0.9rem;
}

@media screen and (max-width:767px)  {
	.paidAbout {
		margin-bottom: 30px;
	}

	.paidAboutPicture {
		padding: 20px 15px;
		margin-bottom: 30px;
	}	
	
	.paidAboutOp {
		border: 2px solid #f7b52c;
		border-radius: 10px;
		padding: 10px;
		margin-bottom: 30px;
	}
	
	.paidAboutOp ul {
	}
	
	.paidAboutOp ul li {
		position: relative;
		padding-left: 20px;
	}
	
	.paidAboutOp ul li:before{
		content: "●";
		color: #f7b52c;
		font-size: 0.9rem;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.paidAboutList {
		display: block;
		
	}
	.paidAboutList li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	
}

/* ご利用条件
----------------------------------*/

.paidConditions {
	margin-bottom: 50px;
}

.paidConditionsText {
	margin-bottom: 30px;
}

.paidConditionsTable {
	border: 1px solid #d5d5d5;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
}

.paidConditionsTable th {
	border-right: 1px solid #d5d5d5;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	background: #1b9d84;
	color: #fff;
	white-space: nowrap;
	box-sizing: border-box;
	width: 25%;
}

.paidConditionsTable th:last-child {
	border: none;
}

.paidConditionsTable td {
	border-top: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

.paidConditionsTable tr td:last-child {
	border-right: none;
}

.paidConditionsTable .fPrice {
	font-weight: 700;
	font-size: 1.2rem;
}

.paidConditionsTable .fPrice .num {
	font-size: 2rem;
}

.paidConditionsTable .gPrice {
	font-weight: 700;
	font-size: 1rem;	
}

.paidConditionsTable .gPrice .num {
	font-size: 1.4rem;
}

.paidConditionsTable .op {
	font-size: 0.8rem;
}

.paidConditionsTable td.th {
	background: #f5f5f5;
	font-weight: 700;
}

@media screen and (max-width:767px)  {
	.paidConditionsText {
		margin-bottom: 20px;
	}
	.paidConditionsTable .op {
		text-align: left;
	}
	.paidConditions {
		margin-bottom: 30px;
	}	
}

/* ご利用方法
----------------------------------*/

.paidFlowBox {
	margin-bottom: 50px;
}

.paidFlowBox .subheading {
	display: flex;
	align-items: center;
	background: #1b9d84;
}

.paidFlowBox .subheading .num {
	display: flex;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #3b75d3;
	line-height: 1;
}

.paidFlowBox .subheading .num strong {
	width: 20px;
	height: 20px;
	background: #fffa1a;
	font-family: "MS Pゴシック";
	border-radius: 1000px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #1b9d84;
	font-weight: 700;
	font-size: 0.9rem;
	margin: 0px 0 0 5px;
}

.paidFlowBox .sup {
	margin-top: 20px;
}

.paidFlowBox .image {
	margin-top: 20px;
}

/* ご利用時の注意事項
----------------------------------*/

.attentionBox {
	border: 2px solid #ff0000;
	border-radius: 5px;
	margin-bottom: 50px;
	display: block;
}

.attentionBox h3 {
	background: #ff0000;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-size: 1.1rem;
	font-weight: 700;
}

.attentionBox ul {
	margin: 20px;
}

.attentionBox ul li {
	padding-left: 20px;	
	position: relative;
}

.attentionBox ul li:before {
	content: "●";
	color: #ff0000;
	position: absolute;
	top: 3px;
	left: 0;
	font-size: 0.8rem;
}

.paidFaq  .linkList {
	margin-top: 20px;
}

.attention {
	border: 2px solid #ff0000;
	border-radius: 5px;
	margin: 50px 0;
	display: block;
	color: #ff0000;
	padding: 20px;
}

.help-block .attention {
	border:none!important;
	padding: 0!important;
	color: #000!important;
	margin: 0!important;
}

.btn_group {
	display: flex;
}

.btn_group p {
	margin-right: 10px;
}

.ec-errorMessage {
	margin: 0 0 20px;
}

/*=========================================================

13.横断幕・応募幕の無料デザイン制作

=========================================================*/

.freedesignSection {
	margin-bottom: 50px;
}

@media screen and (max-width:767px)  {
	.freedesignSection {
		margin-bottom: 30px;
	}	
}


/* 手書きイラストで依頼が可能
----------------------------------*/

.freedesignBa {
	border-radius: 10px;
	padding: 10px;
	background: #f5f5f5;
}

.freedesignBaBox {
	display: flex;
}

.freedesignBaBox:first-child {
	margin-bottom: 10px;
}

.before {
	padding: 10px;
	background: #fff;
	border-radius: 10px;
	margin-right: 50px;
	position: relative;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
}

.before:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-right: 15px solid transparent;
	border-left: 15px solid #1d60cc;
	border-bottom: 15px solid transparent;
	position: absolute;
	top: calc(50% - 15px);
	right: -52px;
	z-index: 0px;
}

.before img {
	width: 300px;
	height: 200px;
	object-fit: cover;
}

.after {
	width: calc(100% - 350px);
	border-radius: 10px;
	background: #fff;
	padding: 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
}

.after img {
	width: 100%;
	height: 200px;
	object-fit: contain;
}

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

	.freedesignBaBox {
		display: block;
	}

	.freedesignBaBox:first-child {
		margin-bottom: 20px;
	}

	.before {
		margin-right: 0;
		margin-bottom: 40px;
		text-align: center;
	}

	.before:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-bottom: 10px solid transparent;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		border-top: 10px solid #1d60cc;
		position: absolute;
		top: auto;
		right: -auto;
		bottom: -35px;
		left:  calc(50% - 10px);
		z-index: 0px;
	}

	.before img {
		width: 250px;
		height: 150px;
		object-fit: contain;
	}

	.after {
		width: 100%;
	}

	.after img {
		width: 100%;
		height: 150px;
		object-fit: contain;
	}	
}

/* 無料でデザイン依頼が可能
----------------------------------*/

.freedesignIraiBox {
	height: 460px;
	width: 100%;
	background: url("../images/freedesign/fix_bg.png") center center no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;	
	margin-bottom: 30px;
	border-radius: 10px;
}

.freedesignIraiBox ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

.freedesignIraiBox ul li {
	margin: 0 20px;
}

.freedesignIraiBox ul li img {
	width: 220px;
	height: auto;
}

.freedesignIraiExample ul {
	display: flex;
	margin-bottom: 30px;
}

.freedesignIraiExample ul li {
	border: 1px solid #e5e5e5;
	padding: 15px;
	text-align: center;
	border-radius: 10px;
	margin-right: 20px;
}

.freedesignIraiExample ul li:last-child {
	margin-right: 0;
}

.freedesignIraiExample {
	font-weight: 700;
	color: #1d60cc;
}

.freedesignIraiExample01 {
	margin-bottom: 10px;
}

.freedesignIraiText {
	margin-bottom: 30px;
}

.freedesignIraiSup.sup {
	font-size: 0.9rem;
}

@media screen and (max-width:767px)  {
	
	.freedesignIraiBox {
		height: auto;
		width: 100%;
		background: none;
	}
	
	.freedesignIraiText {
		margin-bottom: 20px;
	}
	
	.freedesignIraiBox.sp img {
		border-radius: 10px;
	}

	.freedesignIraiBox ul li {
		margin: 0;
		width: calc(50% - 10px);
		margin-right: 20px;
	}
	
	.freedesignIraiBox ul li:nth-child(2n){
		margin-right: 0;
	}

	.freedesignIraiBox ul li img {
		width: 100%;
		height: auto;
	}

	.freedesignIraiExample ul {
		display: flex;
		margin-bottom: 20px;
	}

	.freedesignIraiExample ul li {
		padding: 5px;
		margin-right: 10px;
		font-size: 0.8rem;
		white-space: nowrap;
	}

	.freedesignIraiExample ul li:last-child {
		margin-right: 0;
	}
	
}

/* デザイン実績
----------------------------------*/

.freedesignSlider li {
	border: 10px solid #f5f5f5;
	border-radius: 10px;
}

.freedesignSlider li a {
	display: block;
}

.freedesignSlider li .image {
	position: relative;
}

.freedesignSlider li .image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
}

.freedesignSlider li .image:before {
	content: "";
	display: block;
	width: 100%;
	padding-top:  52.5%;
}

.freedesignSlider .name {
	font-weight: 700;
	padding: 0 30px 15px 15px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}

.freedesignSlider .name:before {
	content: "→";
	display: inline-block;
	background: #1d60cc;
	color: #fff;
	border-radius: 1000px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 0.7rem;
	font-weight: 800;
	margin: 2px 10px 0 0;
	width: 18px;
    height: 18px;
    line-height: 16px;
    font-size: 0.6rem;
    margin: 2px 7px 0 0;
    box-sizing: border-box;
	position: absolute;
	top: calc(50% - 10px);
	right: 5px;
}


.freedesignSlider .price {
	
	text-align: right;
	padding: 10px 15px;
	color: #ff0000;
	font-weight: 700;
	font-size: 0.8rem;
}

.freedesignSlider .price .value {
	font-size: 1.4rem;
}

.freedesignSlider .price .yen {
	font-size: 1.1rem;
}


.freedesignSlider .text {
	font-size: 0.9rem;
	padding: 0 15px 15px;
}

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

/* デザインご依頼書
----------------------------------*/

.freedesignRequestExampleInner {
	display: flex;
	background: #fff;
	border: 10px solid #f5f5f5;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 50px;
}

.freedesignRequestExampleInner .l {
	width: 260px;
	margin-right: 50px;
	text-align: center;
	color: #1d60cc;
	font-weight: 700;
}

.freedesignRequestExampleInner .r {
	width: calc(100% - 310px);
}

.freedesignRequestExampleInner .r ul {
	margin-bottom: 40px;
}

.freedesignRequestExampleInner .r li {
	background: #f5f5f5;
	padding: 5px;
	border-radius: 1000px;
	margin-bottom: 10px;
	color: #1d60cc;
	font-weight: 700;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.freedesignRequestExampleInner .r li:before {
	content: "";
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-right: 10px;
	background: #f2d431 url("../images/icon_check_black.png") center center no-repeat;
	background-size: 18px 18px;
	border-radius: 100px;
	box-sizing: border-box;
}
.freedesignRequestExampleInner .r li span {
	width: calc(100% - 40px);
}

.freedesignRequestExampleInner .r li:last-child {
	margin-bottom: 0;
}

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

	.freedesignRequestExampleInner {
		padding: 20px 10px;
		margin-bottom: 30px;
		display: block;
	}

	.freedesignRequestExampleInner .l {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.freedesignRequestExampleInner .r {
		width: 100%;
	}

	.freedesignRequestExampleInner .r ul {
		margin-bottom: 20px;
	}

	.freedesignRequestExampleInner .r li {
		background: #f5f5f5;
		padding: 5px;
	}
	


	.freedesignRequestExampleInner .r li:last-child {
		margin-bottom: 0;
	}	
}

.freedesignRequestAddressInner {
	display: flex;
	background: #f5f5f5;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 50px;
}


.freedesignRequestAddressInner .l {
	border-radius: 5px;
	background: #f2d431;
	box-sizing: border-box;
	width: calc(50% - 5px);
	margin-right: 10px;
	padding: 10px;
}

.freedesignRequestAddressInner .l .title {
	text-align: center;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	color: #000;
	padding: 3px;
	font-weight: 700;
	font-size: 0.9rem;
	margin-bottom: 10px;
}

.freedesignRequestAddressInner .l .info {
	display: inline-block;
	color: #000;
	padding-left: 5px;	
	line-height: 1;
	letter-spacing: 1px;
}

.freedesignRequestAddressInner .l .info .tel {
	font-size: 2.2rem;
	font-weight: 700;
	padding-bottom: 5px;
}

.freedesignRequestAddressInner .r {
	border-radius: 5px;
	background: #1d60cc;
	box-sizing: border-box;
	width: calc(50% - 5px);
	padding: 10px;
}

.freedesignRequestAddressInner .r .title {
	text-align: center;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	color: #000;
	padding: 3px;
	font-weight: 700;
	font-size: 0.9rem;
	margin-bottom: 10px;
}

.freedesignRequestAddressInner .r .info {
	display: inline-block;
	color: #fff;
	padding-left: 5px;	
	line-height: 1;
	letter-spacing: 1px;
}

.freedesignRequestAddressInner .r .info .tel {
	font-size: 1.4rem;
	font-weight: 700;
	padding-bottom: 5px;
}

.freedesignRequestAddressInnerBox {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
}

@media screen and (max-width:767px)  {
	
	.freedesignRequestAddressInnerBox {
		height: auto;
	}

	.freedesignRequestAddressInner {
		display: block;
		margin-bottom: 30px;
	}


	.freedesignRequestAddressInner .l {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.freedesignRequestAddressInner .l .title {
		text-align: center;
		background: #fff;
		border-radius: 5px;
		text-align: center;
		color: #000;
		padding: 3px;
		font-weight: 700;
		font-size: 0.8rem;
		margin-bottom: 10px;
	}

	.freedesignRequestAddressInner .l .info {
		display: inline-block;
		color: #000;
		padding-left: 5px;	
		line-height: 1;
		letter-spacing: 1px;
	}

	.freedesignRequestAddressInner .l .info .tel {
		font-size: 1.8rem;
	}

	.freedesignRequestAddressInner .r {
		width: 100%;
	}

	.freedesignRequestAddressInner .r .info .tel {
		font-size: 1.2rem;
	}	

	.freedesignRequestAddressInner .image img {
		width: 30px;
		height: 30px;
	}
	
}

@media screen and (max-width:364px)  {
	
	.freedesignRequestAddressInner {
		display: block;
		margin-bottom: 30px;
	}

	.freedesignRequestAddressInner .l .info .tel {
		font-size: 1.4rem;
	}
	
	.freedesignRequestAddressInner .l .info .image img {
		width: 40px;
		height: 40px;
	}

	.freedesignRequestAddressInner .r .info .tel {
		font-size: 1rem;
	}	
	
}

/* デザインの確認と修正
----------------------------------*/

.freedesignCheckList {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.freedesignCheckList li {
	width: calc(100% / 3 - 14px);
	box-sizing: border-box;
	border-radius: 10px;
	background: #fff;
	border: 10px solid #f5f5f5;
	margin-right: 21px;
	position: relative;
}

.freedesignCheckList li:nth-child(3n) {
	margin-right: 0;
}

.freedesignCheckList li .title {
	text-align: center;
	color: #fff;
	font-style: italic;
	font-weight: 700;
	background: #1d60cc;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	font-size: 1.4rem;
	border-radius: 5px 5px 0 0;
}

.freedesignCheckList li .title span {
	font-size: 0.8rem;
}

.freedesignCheckList li .text {
	padding: 15px;
	font-size: 0.9rem;
}

.freedesignCheckText {
	margin-bottom: 30px;
}

@media screen and (max-width:767px)  {
	
	.freedesignCheckList {
		display: block;
		
	}
	.freedesignCheckList li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.freedesignCheckText {
		margin-bottom: 20px;
	}
	
}

/*=========================================================

14.価格表

=========================================================*/

.priceSection {
	margin-bottom: 50px;
}

@media screen and (max-width:767px)  {
	.priceSection {
		margin-bottom: 30px;
	}
	
	.priceNav.faqNav ul li a {
		
		display: flex;
		width: 100%;
		align-items: center;
		text-align: center;
		justify-content: center;
		height: 36px;
		line-height: 1.3;
		padding-bottom: 20px;
	}
	
	.priceNav.faqNav ul li:nth-child(1),
	.priceNav.faqNav ul li:nth-child(2),	
	.priceNav.faqNav ul li:nth-child(3){
		width: calc(100%/3);
		border-top:  none;
	}
	.priceNav.faqNav ul li:nth-child(2) {
		border-right: 1px solid #548ae0!important;
	}
	.priceNav.faqNav ul li:nth-child(3) {
		border-right: none!important;
	}
	.priceNav.faqNav ul li:nth-child(4) {
		border-right: 1px solid #548ae0!important;
	}
	.priceNav.faqNav ul li:nth-child(5) {
		border-right: none!important;
	}
}

/* メインビジュアル・バナー
----------------------------------*/

.priceMain {
	display: flex;
	margin-bottom: 50px;
}

.priceMain .l {
	width: 40%;
	margin-right: 4%;
}

.priceMain .l img {
	border-radius: 10px;
}

.priceMain .r {
	width: 56%;
	line-height: 2;
}

.priceMerit {
	margin-bottom: 50px;
}

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

	.priceMain {
		display: block;
		margin-bottom: 30px;
	}

	.priceMain .l {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.priceMain .r {
		line-height: 1.5;
		width: 100%;
	}

	.priceMerit {
		margin-bottom: 30px;
	}	
}

/* 詳細 - イメージ
----------------------------------*/

.priceKakakuDetail {
	margin-bottom: 50px;
}

.subheadingBox {
	position: relative;
}

.subheadingBox .yellowBtn {
	position: absolute;
	right: 10px;
	top: 50%;
	display: flex;
	background: #fffa1a;
	color: #1d60cc;
	padding: 5px 40px 5px 30px;
	border-radius: 1000px;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	box-sizing: border-box;
	font-size: 0.9rem;
	height: 30px;
	margin-top: -15px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.subheadingBox .yellowBtn:after {
	content: "→";
	font-size: 16px;
	color: #000;
	line-height: 1;
	position: absolute;
	top: calc(50% - 8px);
	right: 7px;
}

.subheadingBox .yellowBtn:hover {
	opacity: 0.7;
}

.priceKakakuDetailImage {
	margin-bottom: 30px;
	position: relative;
	overflow: hidden
}

.priceKakakuDetailImage img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.priceKakakuDetailImage:before {
	content: "";
	padding-top: 42.5%;
	display: block;
	width: 100%;
}

.priceKakakuDetail .spec {
	display: flex;
	margin-bottom: 30px;
}

.priceKakakuDetail .spec .l {
	width: 61%;
	margin-right: 4%;
}

.priceKakakuDetail .spec .r {
	width: 35%;
}

.priceKakakuDetail .text01 {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 10px;
}
.priceKakakuDetail .text02 {
	margin-bottom: 20px;
}

.priceKakakuDetail .purpose {
	background: #f5f5f5;
	padding: 8px;
	border-radius: 8px;
	display: flex;
	float: left;
	align-items: center;
	font-size: 0.8rem;
	font-weight: 700;
}

.priceKakakuDetail .purpose:after {
	content: "";
	clear: both;
}

.priceKakakuDetail .title {
	background: #f2d431;
	display: inline-block;
	padding: 3px 8px;
	margin-right: 8px;
}

.priceKakakuDetail .btn{
	margin-top: 30px;
}

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

	.priceKakakuDetail {
		margin-bottom: 30px;
	}
	
	.subheadingBox {
		position: relative;
		margin-bottom: 30px;
		text-align: center;
	}
	
	.subheadingBox .subheading {
		text-align: left;
	}

	.subheadingBox .yellowBtn {
		position: relative;
		right: auto;
		top: auto;
		display: inline-block;
		line-height: 1;
		height: auto;
		padding: 15px 50px 15px 15px;
	}

	.subheadingBox .yellowBtn:hover {
		opacity: 0.7;
	}

	.priceKakakuDetailImage {
		margin-bottom: 30px;
		position: relative;
		overflow: hidden
	}

	.priceKakakuDetailImage img {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 10px;
	}

	.priceKakakuDetailImage:before {
		content: "";
		padding-top: 42.5%;
		display: block;
		width: 100%;
	}

	.priceKakakuDetail .spec {
		display: block;
		margin-bottom: 20px;
	}

	.priceKakakuDetail .spec .l {
		width: 100%;
		margin-right: 0;
	}

	.priceKakakuDetail .spec .r {
		display: none;
	}
	
	.priceKakakuDetail .spec .spFlex {
		display: flex;
		align-items: flex-start;
	}
	
	.spImg {
		width: 50%;
	}

	.priceKakakuDetail .purpose {
		box-sizing: border-box;
		width: 100%;
		display: block;
		float: none;
	}
	
	.priceKakakuDetail .spFlex .purpose {
		width: 100%;
	}

	.priceKakakuDetail .title {
		padding: 3px 8px;
		margin-right: 0;
		margin-bottom: 5px;
		display: block;
		text-align: center;
	}
	
}

/* 詳細 - 価格テーブル
----------------------------------*/

.maisu3,
.priceTable {
	border: 1px solid #d5d5d5;
	border-radius: 10px;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}

.maisu3 td,
.priceTable td  {
	text-align: center;
	padding: 15px 10px;
	border-right: 1px solid #d5d5d5;
	font-weight: 700;	
	background: #fff;
	border-top: 1px solid #d5d5d5;
	vertical-align: middle;
	font-size: 0.9rem;
}

.maisu3 th,
.priceTable th  {
	text-align: center;
	padding: 15px 10px;
	color: #fff;
	border-right: 1px solid #d5d5d5;
	font-weight: 700;	
	background: #5489df;
	border-top: 1px solid #d5d5d5;
	vertical-align: middle;
}

.maisu3 tr td:first-child,
.maisu3 tr td:first-child {
	background: #5489df;
	color: #fff;
	font-weight: 700;	
}

.maisu3 tr td:last-child,
.maisu3 tr td:last-child {
	background: #fff;
	color: #000;
	/*font-weight: normal;*/	
}

/*
.maisu3 tr:first-child th,
.maisu3 tr:first-child td,
*/

.maisu3 tr:first-child td {
	border-top: none;
}

.priceTable tr:first-child th {
	background: #1d60cc;
	border-top: none;
	color: #fff;
}

.maisu3 tr th:last-child,
.maisu3 tr td:last-child {
	border-right: none;
}

.maisu3 tr:first-child th:last-child,
.priceTable tr:first-child th:last-child {
	border: none;
}

@media screen and (max-width:767px)  {
	.priceTableWrap {
		overflow-x: scroll;
		margin-bottom: 30px;
	}
	.priceTableWrap table {
		width: 700px;
		margin-bottom: 0;
	}
	.maisu3 td,
	.priceTable td {
		font-size: 0.9rem;	
	}
	.maisu3 td,
	.priceTable td {
		font-size: 0.8rem;	
	}
}

/* サイズ表
----------------------------------*/

.priceSizeList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}

.priceSizeList li:not(.wide) {
	width: calc(50% - 10px);
	background: #f5f5f5;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 10px;
}

.priceSizeList li.wide {
	width: 100%;
	margin-bottom: 40px;
}

.priceSizeList li .image {
	border-radius: 5px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	margin-bottom: 10px;
	background: #fff;
}

.priceSizeList li .text {
	border-radius: 5px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	background: #fff;
}

.priceSizeList li .text .size {
	padding: 10px;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 700;
}

.priceSizeList li .text .price {
	padding: 10px;
	display: flex;
	align-items: center;
}

.priceSizeList li .text .price .num {
	font-size: 0.8rem;
}

.priceSizeList li .text .price .yen {
	flex-grow: 1;
	text-align: right;
	font-weight: 700;
}

.priceSizeList li .text .price .yen .num {
	font-size: 0.9rem;
}
.priceSizeList li .text .price .yen .num {
	font-size: 0.9rem;
}
.priceSizeList li .text .price .yen .maisu {
	font-size: 1rem;
}
.priceSizeList li .text .price .yen .kakaku {
	font-size: 1.3rem;
}

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

	.priceSizeList {
		margin-bottom: 30px;
	}

	.priceSizeList li:not(.wide) {
		width: 100%;
	}

	.priceSizeList li.wide {
		width: 100%;
		margin-bottom: 20px;
	}

	.priceSizeList li .text .size {
		text-align: center;
	}

	.priceSizeList li .text .price {
		text-align: center;
		display: block;
	}
	.priceSizeList li .text .price .yen {
		flex-grow: 1;
		text-align: center;
		font-weight: 700;
	}
	
}

/* リンクボタン
----------------------------------*/

.contactBtns {
	display: flex;
	width: 100%;
}

.contactBtns a {
	width: calc(100%/3 - 14px);
	margin-right: 21px;
	display: block;
	padding: 10px;
	border-radius: 10px;
	box-sizing: border-box;
}

.contactBtns a:hover {
	opacity: 0.7;
}

.contactBtns a:last-child {
	margin-right: 0;
}

.contactBtns a .title {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	font-weight: 700;
}

.contactBtns a .title:before {
	content: "";
	display: flex;
	width: 30px;
	height: 30px;	
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-right: 10px;
}

.contactBtns a .title:after {
	content: "→";
	display: flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: "MS Pゴシック";
	background: #fff;
	border-radius: 100px;
	margin-left: 10px;
}

.contactBtns a .text {
	font-size: 0.9rem;
	padding: 10px 0 0;
}

.contactBtnKanni {
	background: #1d60cc;
	color: #fff;
}

.contactBtnKanni .title:before {
	background: url("../images/price/icon_btn_01.png") no-repeat center center;
	background-size: 24px 24px;
}

.contactBtnKanni .title:after {
	background: #fffa1a!important;
	color: #111;
}

.contactBtnMitsumori {
	background: #f2d431;
}

.contactBtnMitsumori .title:before {
	background: url("../images/price/icon_btn_03_black.png") no-repeat center center;
	background-size: 24px 24px;
}

.contactBtnMitsumori .title {
	border-color: #111!important;
}

.contactBtnOtoiawase {
	background: #f55b79;
	color: #fff;
}

.contactBtnOtoiawase .title:before {
	background: url("../images/price/icon_btn_02.png") no-repeat center center;
	background-size: 24px 24px;
}

.contactBtnOtoiawase .title:after {
	color: #111;
}

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

	.contactBtns {
		display: block;
		width: 100%;
	}

	.contactBtns a {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	.contactBtns a .title {
		text-align: left;
		justify-content:start;
		position: relative;
	}
	
	.contactBtns a .title::after {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
}

/*=========================================================

15.アイテムで選ぶ

=========================================================*/

/* メイン
----------------------------------*/

.itemMain {
	margin-bottom: 50px;
}

.itemMain .mainImage {
	margin-bottom: 50px;	
	text-align: center;
}

.itemMain .mainImage img {
	border-radius: 10px;
}

.itemMain .tags {
	display: flex;
	margin-bottom: 20px;
}

.itemMain .tags li {
	background: #1d60cc;
	color: #fff;
	display: inline-block;
	padding: 5px 20px;
	margin-right: 10px;
	font-size: 0.8rem;
	border-radius: 100px;
	font-weight: 700;
}

.itemMain .heading {
	font-size: 1.8rem;
}

.itemMain .text {
	margin-bottom: 30px;
}

.itemMain .spec {
	margin-bottom: 30px;
	border: 10px solid #f5f5f5;
	border-radius: 10px;
	padding: 15px;
	display: flex;
	align-items: center;
}


.itemMain .spec .l {
	width: 55%;
	margin-right: 30px;
}

.itemMain .spec .l ul {
	overflow: hidden;
}

.itemMain .spec .l li {
	float: left;
	margin: 0 15px 7px 0;
	display: flex;
	align-items: center;
	font-size: 0.8rem;
}

.itemMain .spec .l li .title {
	background: #f2d431;
	border-radius: 100px;
	padding: 1px 10px;
	font-weight: 700;
	width: 60px;
	text-align: center;
	box-sizing: border-box;
	margin-right: 5px;
}

.itemMain .spec .r {
	width:calc(45% - 30px);	
	background: #f5f5f5;
	border-radius: 5px;
	padding: 10px 10px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	line-height: 1;
}

.itemMain .spec .r .label {
	background: #ff0000;
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	margin-right: 10px;
	bottom: -5px;
	position: relative;
}

.itemMain .spec .r .price {
	font-size: 1.6rem;
	font-style: italic;
	color: #ff0000;
}

.itemMain .spec .r .price span {
	font-size: 3.6rem;
}

.itemMain .btn a {
	padding-right: 30px;
}

@media screen and (max-width:767px)  {
	.itemMain {
		margin-bottom: 30px;
	}

	.itemMain .mainImage {
		margin-bottom: 30px;	
	}

	.itemMain .tags {
		margin-bottom: 40px;
	}

	.itemMain .tags li {
		padding: 5px 10px;
		margin-right: 5px;
		font-size: 0.7rem;
	}

	.itemMain .heading {
		font-size: 1.6rem;
	}

	.itemMain .spec {
		padding: 10px;
		display: block;
	}


	.itemMain .spec .l {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.itemMain .spec .l li {
		float: none;
		margin: 0 0 7px;
	}

	.itemMain .spec .l li .title {
		padding: 1px 10px;
		width: 70px;
	}

	.itemMain .spec .r {
		width: 100%;
		padding: 15px 5px 15px;
		box-sizing: border-box;
		margin-right: 0;
	}

	.itemMain .spec .r .label {
		font-size: 0.8rem;
		bottom: 1px;
	}

	.itemMain .spec .r .price {
		font-size: 1.4rem;
		font-style: italic;
		color: #ff0000;
	}

	.itemMain .spec .r .price span {
		font-size: 2.2rem;
	}
}

/* このアイテムのおすすめ生地
----------------------------------*/

.recommend {
	border: 10px solid #f5f5f5;
	border-radius: 10px;
}

.recommendHeading {
	background: #1d60cc;
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0 0 20px;
	border-radius: 5px 5px 0 0;
}

.recommendHeading::before {
	content: "";
	display: inline-block;
	width: 65px;
	height: 65px;
	margin-right: 20px;
	background: #fffa1a url("../images/item/icon_kiji.png") center center no-repeat;
	background-size: auto;
	background-size: 40px 40px;
}

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

	.recommendHeading {
		background: #1d60cc;
		color: #fff;
		display: flex;
		align-items: center;
		font-size: 1.1rem;
		font-weight: 700;
		margin: 0 0 20px;
		border-radius: 5px 5px 0 0;
	}

	.recommendHeading::before {
		width: 40px;
		height: 60px;
		margin-right: 10px;
		background-size: 32px 32px;
	}	
}

/*詳細情報*/

.recommendDetail {
	padding: 15px;
}
.recommendDetail:not(:last-child){
	margin-bottom: 20px;
}

.recommendDetailHeading {
	background: #1d60cc;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 10px;
	border-radius: 5px;
	display: flex;
	align-items: center;
}

.recommendDetailHeading:before {
	content: "";
	width: 30px;
	height: 30px;
	border-right: 1px solid #3f78d4;
	margin-right: 10px;
	padding-right: 10px;
}

.recommendDetailHeading.okunai:before {
	background: url("../images/item/icon_okunai.png") center left no-repeat;
	background-size: 30px 30px;
}

.recommendDetailHeading.okugai:before {
	background: url("../images/item/icon_okugai.png") center left no-repeat;
	background-size: 30px 30px;
}

.recommendDetail .detail {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.recommendDetail .detail .l {
	width: 240px;
	margin-right: 30px;
	box-sizing: border-box;
	border: 10px solid #f5f5f5;
	border-radius: 10px;
}

.recommendDetail .detail .l .name {
	padding: 5px;
	font-size: 0.8rem;
	font-weight: 700;
	position: relative;
}

.recommendDetail .detail .l .name:after {
	content: "→";
	font-family: "MS Pゴシック";
	width: 18px;
	height: 18px;
	line-height: 1;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	background: #1d60cc;
	color: #fff;
	font-weight: 700;
	border-radius: 100px;
	position: absolute;
	top: calc(50% - 9px);
	right: 5px;
}

.recommendDetail .detail .r {
	width: calc(100% - 270px);
}

.recommendDetail .detail .r .title {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 20px;
}

.recommendDetail .detail .r .text01 {
	font-size: 1.4rem;
	font-weight: 700;
	color: #1d60cc;
}

.recommendDetail .detail .r .text02 {
	margin-bottom: 30px;
}

.recommendDetail .btn a {
	padding-right: 30px;
}

.recommendDetail .options {
	display: flex;
	justify-content: space-around;
	margin-bottom: 50px;
}

.recommendDetail .options li {
	width: calc(20% - 16px);
	background: #fffa1a;
	border-radius: 5px;
	font-weight: 700;
	padding: 10px 1px;
	color: #1d60cc;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

.recommendDetail .options li img {
	width: 30px;
	height: auto;
	margin-right: 10px;
}

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

	.recommendDetail {
		padding: 0 15px 15px;
		margin-bottom: 0;
	}
	.recommendDetail:not(:last-child){
		margin-bottom: 20px;
		margin-bottom: 0;
	}

	.recommendDetailHeading {
		padding-right: 50px;
		margin-bottom: 0;
	}
	
	.recommendDetail .sp_accordion_head::before {
		z-index: 10;
		background: #fffa1a;
		right: 5px;
		top: calc(50% - 15px);
		height: 30px;
		font-weight: 700;
		padding: 5px 5px 8px;
		box-sizing: border-box;
		border-radius: 5px;
		line-height: 1;
		color: #2e3e69;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.recommendDetail .detail {
		align-items: start;
		margin-bottom: 20px;
		padding-top: 20px;
	}

	.recommendDetail .detail .l {
		width: 120px;
		margin-right: 10px;
	}

	.recommendDetail .detail .l .name {
		padding: 3px;
		font-size: 0.7rem;
	}

	.recommendDetail .detail .l .name:after {
		content: "→";
		width: 14px;
		height: 14px;
		position: absolute;
		top: calc(50% - 7px);
	}

	.recommendDetail .detail .r {
		width: calc(100% - 130px);
	}

	.recommendDetail .detail .r .title {
		font-size: 1.2rem;
		margin-bottom: 15px;
	}

	.recommendDetail .detail .r .text01 {
		font-size: 1rem;
	}

	.recommendDetail .detail .r .text02 {
		margin-bottom: 20px;
		font-size: 0.9rem;
	}

	.recommendDetail .btn a {
		padding-right: 30px;
	}

	.recommendDetail .options {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.recommendDetail .options li {
		width: calc(100%/3 - 8px);
		font-size: 0.8rem;
		margin: 0 4px 8px;
		letter-spacing: -0.05rem;
	}

	.recommendDetail .options li img {
		width: 20px;
		margin-right: 4px;
	}	
}

/*生地価格表*/
.recommendDetailSubheading {
	background: #5489df;
	font-weight: 700;
	color: #fff;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 30px;
}

.priceTab {
	border-radius: 10px 10px 0 0;
	border: 1px solid #d5d5d5;
	border-bottom: none;
	display: flex;
	float: left;
	overflow: hidden;
}

.priceTab li {
	display: inline-block;
	padding: 10px 30px;
	background: #f5f5f5;
	font-weight: 700;
	cursor: pointer;
}

.priceTab li:hover {
	opacity: 0.7;
}

.priceTab li:not(:last-child){
	border-right: 1px solid #d5d5d5;
}

.priceTab li.current {
	background: #1d60cc;
	color: #fff;
}

.priceTable {
	border-radius: 0 10px 10px 10px;
	margin-bottom: 0;
	clear: both;
}

.priceTable th {
	width: 15%;
	box-sizing: border-box;
}

.priceTable tr th:first-child {
	width: auto;
}

@media screen and (max-width:767px)  {
	
	.recommendDetailSubheading {
		margin-bottom: 20px;
	}

	.priceTab {
		border-radius: 10px;
		display: flex;
		float: none;
		overflow: hidden;
		margin-bottom: 15px;
		width: 100%;
		box-sizing: border-box;
		border: 1px solid #d5d5d5;
	}

	.priceTab li {
		font-size: 0.8rem;
		padding: 10px;
		white-space: nowrap;
		display: block;
		text-align: center;
		box-sizing: border-box;
		width: calc(100% / 3);
	}
	
	.priceTable {
		border-radius: 10px;
	}
	
	.priceTable th {
		width: 14%;
		box-sizing: border-box;
	}
	
	.priceTable th {
		font-size: 0.9rem;	
	}
	
	.priceTable td {
		font-size: 0.8rem;	
	}
	
}

/*=========================================================

16.コラム詳細

=========================================================*/

/* タイトル
----------------------------------*/

.p-articleMetas.-top {
	justify-content: flex-end;
	margin: 0 0 30px;
}

.p-articleThumb img {
	max-width: 100%!important;
	max-height: 100%!important;
}

.articleHead {
	border-radius: 10px;
	border: 10px solid #f5f5f5;
	margin: 0 0 20px;
	display: table;
	min-height: 130px;
	width: 100%;
	box-sizing: border-box;
}

.articleHead .info {
	padding: 5px;
	width: 130px;
	background: #1d60cc;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	display: table-cell;
}

.articleHead .info .cat {
	background: #fffa1a;
	border-radius: 5px;
	padding: 3px;
	color: #111;
	font-size: 0.8rem;
	font-weight: 700;
	margin-bottom: 10px;
}

.articleHead .info time {
	font-weight: 700;
}

.articleHead .info time .year {
	font-size: 1.2rem;
	display: block;
}

.articleHead .info time .date {
	font-size: 1.6rem;
	display: block;
}

.articleHead h1 {
	display: table-cell;
	vertical-align: middle;
	font-weight: 700;
	font-size: 1.8rem;
	color: #1d60cc;
	padding: 20px;
}

.l-mainContent.l-article {
	margin-top: 30px;
}

@media screen and (max-width:767px)  {
	.articleHead {
		margin: 30px 0;
		display: block;
		min-height: auto;
	}

	.articleHead .info {
		width: 100%;
		display: table;
		padding: 0;
	}

	.articleHead .info .cat {
		margin-bottom: 0;
		display: table-cell;
		vertical-align: middle;
		width: 70px;
		border-radius: 0;
	}

	.articleHead .info time {
		display: table-cell;
		vertical-align: middle;
	}

	.articleHead .info time .year {
		font-size: 1.1rem;
		display: inline-block;
		margin-right: 10px;
	}

	.articleHead .info time .date {
		font-size: 1.4rem;
		display: inline-block;
	}

	.articleHead h1 {
		display: block;
		font-size: 1.1rem;
		padding: 10px;
	}	
}

/* サムネイル
----------------------------------*/

.articleThumbnail {
	margin-bottom: 60px;
}

@media screen and (max-width:767px)  {
	.articleThumbnail {
		margin-bottom: 30px;
	}
}

/* 目次
----------------------------------*/

#main_content .p-toc {
	display: none!important;
}

#main_content #toc_container,
#main_content .p-toc {
	border: 10px solid #f5f5f5;
	border-radius: 10px;
	color: #1d60cc;
	width: 92%;
	margin: 30px auto 0;
	padding: 0 0 20px;
}

#toc_container p.toc_title,
.p-toc__ttl {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1d60cc;
	padding: 0px 0 10px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
}

.toc_title:before,
.p-toc__ttl:before {
	content: "";
	width: 30px;
	height: 30px;
	display: inline-block;
	background: url("../images/icon_index.png");
	background-size: contain;
	margin-right: 10px;
}


#toc_container a,
.p-toc a {
	color: #1d60cc;	
}

.toc_list,
.p-toc > ol {
	margin: 30px 30px 50px!important;
	font-weight: 700;
	line-height: 2;
}

.toc_list li ul {
	margin-bottom: 10px;
}

.toc_list li li,
.p-toc li li {
	margin-left: 20px!important;
	font-size: 0.9rem!important;
	font-weight: normal!important;
	margin-bottom: 5px!important;
}

.toc_list button,
.p-toc button {
	display: none;
}

@media screen and (max-width:767px)  {
	#toc_container,
	.p-toc {
		border: 10px solid #f5f5f5;
		margin: 30px 0;
	}
	.toc_title,
	.p-toc__ttl {
		justify-content: start;
		font-size: 1.2rem;
		padding: 5px 10px;
		margin-bottom: 10px;
	}
	.toc_title:before,
	.p-toc__ttl:before {
		width: 30px;
		height: 30px;
		margin-right: 7px;
	}
	.toc_list,
	.p-toc > ol {
		margin: 0 30px 5px;
		font-size: 0.8rem;
		line-height: 1.8;
	}
	
	.p-toc > ol li ol {
		margin-left: 20px;
		font-size: 0.7rem;
	}	
}


/* 本文
----------------------------------*/

.articleBody {
	line-height: 2;
	margin-bottom: 50px;
}

.articleBody p {
	margin-bottom: 20px;
}

@media screen and (max-width:767px)  {
	.articleBody {
		line-height: 1.8;
		margin-bottom: 30px;
	}

	.articleBody p {
		margin-bottom: 15px;
	}	
}

/* 装飾 */
.articleBody .mark_yellow {
	background: -webkit-linear-gradient(transparent 64%,var(#fffa1a) 0%);
	background: linear-gradient(transparent 64%,var(#fffa1a) 0%);
	background:linear-gradient(transparent 60%, #fffa1a 60%);
}

.articleBody .swl-marker {
 	display: inline;
 	padding: 2px;
}

.articleBody b,
.articleBody strong {
	font-weight: bold;
}

.articleBody em {
	font-style: italic;
}

/* h2 */
.articleBody h2 {
	background: #1d60cc;
	border-radius: 5px;
	display: flex;
	align-items: center;
	color: #fff;
	padding: 7px 10px;
	font-weight: 700!important;
	margin-bottom: 30px;
	font-size: 1.2rem;
	line-height: 1.5;
}

.articleBody h2 > * {
	font-weight: 700!important;	
	/*width: calc(100% - 50px);*/
}

.articleBody h2:before {
	content: "";
	display: block;
	width: 40px;
	height: 24px;
	background: url("../images/icon_blog.png") left center no-repeat;
	background-size: 30px auto;
	border-right: 1px solid #3b75d2;
	margin-right: 10px;
	position: relative;
}

@media screen and (max-width:767px)  {
	.articleBody h2 {
		padding: 5px 7px;
		margin-bottom: 20px;
		font-size: 1.1rem;
	}
	
}

/* h3 */
.articleBody h3 {
	background: #f5f5f5;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 7px 10px;
	font-weight: 700!important;
	margin-bottom: 30px;
	line-height: 1.5;
}

.articleBody h3 > * {
	font-weight: 700!important;	
}

.articleBody h3:before {
	content: "";
	display: inline-block;
	width: 4px;
	border-top: 15px solid #1d60cc;
	border-bottom: 15px solid #f2d431;
	border-radius: 1000px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	box-sizing: border-box.
}

@media screen and (max-width:767px)  {
	.articleBody h3 {
		padding: 5px 7px;
		margin-bottom: 20px;
		font-size: 1rem;
	}	
}

/* table */
.articleBody table {
	border: 1px solid #d5d5d5;
	border-radius: 10px;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	border-collapse: separate;
}

.has-swl-pale-01-background-color {
	background: #1d60cc!important;
}

.articleBody table th  {
	text-align: center;
	padding: 15px 10px;
	color: #fff;
	border-right: 1px solid #d5d5d5;
	font-weight: 700;	
	background: #5489df;
	border-top: 1px solid #d5d5d5;
	vertical-align: middle;
}

.articleBody table tr:first-child td,
.articleBody table tr:first-child th {
	background: #1d60cc!important;
	border-top: none;
	color: #fff;
	font-weight: 700;	
}

.articleBody table tr:first-child th:last-child {
	border: none;
}

.articleBody table td  {
	padding: 15px 10px;
	border-right: 1px solid #d5d5d5;
	font-weight: 700;	
	background: #fff;
	border-top: 1px solid #d5d5d5;
	vertical-align: middle;
	font-size: 0.9rem;
}

.articleBody table tr td:first-child  {
	/*white-space: nowrap;*/
	background: #5489df;
	color: #fff;
}


.articleBody table tr td:last-child  {
	border-right: none;	
}

.wp-block-table {
	padding: 0;
	margin: 0 0 30px;
}

/* まとめ */
.is-style-icon_pen {
	background: #f1f6ff;
	/*padding: 20px;*/
	color: #1d60cc;
}

@media screen and (max-width:767px)  {
	.is-style-icon_pen {
		/*padding: 15px;*/
	}	
	.tableWrap {
		width: 100%;
		overflow: scroll;
		margin: 0 0 20px;
	}

	.tableWrap table {
		width: 800px;
		margin: 0;
	}
}


/*=========================================================

17.コラム一覧

=========================================================*/
		
.p-postList__title {
	border-left: 10px solid #1d60cc!important;
}

.p-termHead {
	border: none;
	border-radius: 10px;
	background: #f7f7f7;
}
		
[class*="page-numbers"].current {
	background: #1d60cc;
	font-weight:700;
}
	
[class*="page-numbers"] {
	border-radius: 1000px;			
}

.acv a {
	display: block!important;
	padding: 10px!important;
}

.acv a time {
	display: block;
	font-size: 0.9rem;
	color: #1d60cc;
}

.acv a span {
	font-size: 0.9rem;
}

.acv a:hover {
	opacity: 0.7;
}

@media screen and (max-width:767px)  {
	.-type-list .p-postList__link, .-type-list2 .p-postList__link {
		display: block;	
	}
	.-type-list .p-postList__thumb, .-type-list2 .p-postList__thumb {
		width: 100%;
		margin: 0 0 15px;
	}
	.-type-list .p-postList__body, .-type-list2 .p-postList__body {
		width: 100%;	
	}
	.p-termHead {
		margin-top: 0;
	}
	.p-termContent {
		margin-top: 20px;	
	}
}

/*=========================================================

18.フォーム

=========================================================*/

/* バナー
----------------------------------*/

.formAdBox {
	margin-bottom: 50px;
}

.text1000pt {
	text-align: center;
	font-weight: 700;
	color: #1d60cc;
	letter-spacing: 1px;
}


/* フロー
----------------------------------*/

.formFlow {
	display: flex;
	width: 600px;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin: 0 auto 30px;
	list-style: none;
	background: #f5f5f5;
	overflow: hidden;
}

.formFlow li {
	text-align: center;
	padding: 20px 0;
}

.formFlow li .step {
	display: flex;
	align-items: center;
	font-weight: 700;
	justify-content: center;
	margin-bottom: 10px;
}

.formFlow li .step .num {
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #1d60cc;
	border-radius: 1000px;
	color: #fff;
	font-family: "MS Pゴシック";
	margin-left: 7px;
}

.formFlow li .value {
	background: #1d60cc;
	color: #fff;
	border-radius: 100px;
	font-size: 0.9rem;
	width: 100px;
	margin: 0 auto 0;	
	font-weight: 700;
}

.formFlow li:nth-child(1),
.formFlow li:nth-child(3),
.formFlow li:nth-child(5),
.formFlow li:nth-child(7),
.formFlow li:nth-child(9) {
	width: 180px;
}

.formFlow li:nth-child(2),
.formFlow li:nth-child(4),
.formFlow li:nth-child(6),
.formFlow li:nth-child(8) {
	width: 30px;
}

.step1.formFlow li:nth-child(1) .value,
.step2.formFlow li:nth-child(3) .value,
.step3.formFlow li:nth-child(5) .value
.step4.formFlow li:nth-child(7) .value
.step5.formFlow li:nth-child(9) .value {
	color: #1d60cc;
	background: #fff;
}

.step1.formFlow li:nth-child(1) .step,
.step2.formFlow li:nth-child(3) .step,
.step3.formFlow li:nth-child(5) .step,
.step4.formFlow li:nth-child(7) .step,
.step5.formFlow li:nth-child(9) .step {
	color: #fff;
}
.step1.formFlow li:nth-child(1) .step .num,
.step2.formFlow li:nth-child(3) .step .num,
.step3.formFlow li:nth-child(5) .step .num,
.step4.formFlow li:nth-child(7) .step .num,
.step5.formFlow li:nth-child(9) .step .num {
	color: #1d60cc;
	background: #fffa1a;
}

.step1.formFlow li:nth-child(1){ background: #1d60cc; }
.step1.formFlow li:nth-child(2){ background: url("../images/form/arrow_bw.png") center center no-repeat; background-size: 100% 100%; }
.step1.formFlow li:nth-child(3){ }
.step1.formFlow li:nth-child(4){ background: url("../images/form/arrow_ww.png") center center no-repeat; background-size: 100% 100%; }
.step1.formFlow li:nth-child(5){ }
.step1.formFlow li:nth-child(6){ background: url("../images/form/arrow_ww.png") center center no-repeat; background-size: 100% 100%; }
.step1.formFlow li:nth-child(7){ }
.step1.formFlow li:nth-child(8){ background: url("../images/form/arrow_ww.png") center center no-repeat; background-size: 100% 100%; }
.step1.formFlow li:nth-child(9){ }

.step2.formFlow li:nth-child(1){ }
.step2.formFlow li:nth-child(2){ background: url("../images/form/arrow_wb.png") center center no-repeat; background-size: 100% 100%; }
.step2.formFlow li:nth-child(3){ background: #1d60cc; }
.step2.formFlow li:nth-child(4){ background: url("../images/form/arrow_bw.png") center center no-repeat; background-size: 100% 100%; }
.step2.formFlow li:nth-child(5){ }
.step2.formFlow li:nth-child(6){ background: url("../images/form/arrow_ww.png") center center no-repeat; background-size: 100% 100%; }
.step2.formFlow li:nth-child(7){ }
.step2.formFlow li:nth-child(8){ background: url("../images/form/arrow_ww.png") center center no-repeat; background-size: 100% 100%; }
.step2.formFlow li:nth-child(9){ }

.step3.formFlow li:nth-child(1){ }
.step3.formFlow li:nth-child(2){ background: url("../images/form/arrow_ww.png") center center no-repeat; background-size: 100% 100%; }
.step3.formFlow li:nth-child(3){ }
.step3.formFlow li:nth-child(4){ background: url("../images/form/arrow_wb.png") center center no-repeat; background-size: 100% 100%; }
.step3.formFlow li:nth-child(5){ background: #1d60cc; }
.step3.formFlow li:nth-child(6){ background: url("../images/form/arrow_bw.png") center center no-repeat; background-size: 100% 100%; }
.step3.formFlow li:nth-child(7){ }
.step3.formFlow li:nth-child(8){ background: url("../images/form/arrow_ww.png") center center no-repeat; background-size: 100% 100%; }
.step3.formFlow li:nth-child(9){ }

.step4.formFlow li:nth-child(1){ }
.step4.formFlow li:nth-child(2){ background: url("../images/form/arrow_ww.png") center center no-repeat; background-size: 100% 100%; }
.step4.formFlow li:nth-child(3){ }
.step4.formFlow li:nth-child(4){ background: url("../images/form/arrow_ww.png") center center no-repeat; background-size: 100% 100%; }
.step4.formFlow li:nth-child(5){ }
.step4.formFlow li:nth-child(6){ background: url("../images/form/arrow_wb.png") center center no-repeat; background-size: 100% 100%; }
.step4.formFlow li:nth-child(7){ background: #1d60cc; }
.step4.formFlow li:nth-child(8){ background: url("../images/form/arrow_bw.png") center center no-repeat; background-size: 100% 100%; }
.step4.formFlow li:nth-child(9){ }

.step5.formFlow li:nth-child(1){ }
.step5.formFlow li:nth-child(2){ background: url("../images/form/arrow_ww.png") center center no-repeat; background-size: 100% 100%; }
.step5.formFlow li:nth-child(3){ }
.step5.formFlow li:nth-child(4){ background: url("../images/form/arrow_ww.png") center center no-repeat; background-size: 100% 100%; }
.step5.formFlow li:nth-child(5){ }
.step5.formFlow li:nth-child(6){ background: url("../images/form/arrow_ww.png") center center no-repeat; background-size: 100% 100%; }
.step5.formFlow li:nth-child(7){ }
.step5.formFlow li:nth-child(8){ background: url("../images/form/arrow_wb.png") center center no-repeat; background-size: 100% 100%; }
.step5.formFlow li:nth-child(9){ background: #1d60cc; }

.formPol {
	text-align: center;
	margin: 0 0 30px;
}

@media screen and (max-width:767px)  {
	
	.formFlow {
		width: 100%;
		max-width: 360px;
		margin: 0 auto 20px;
	}

	.formFlow li {
		text-align: center;
		padding: 7px 0;
	}

	.formFlow li .step {
		margin-bottom: 5px;
		font-size: 0.8rem;
	}

	.formFlow li .step .num {
		display: flex;
		width: 20px;
		height: 20px;
		margin-left: 4px;
		font-size: 0.8rem;
	}

	.formFlow li .value {
		font-size: 0.7rem;
		width: 50px;
	}

	.formFlow li:nth-child(1),
	.formFlow li:nth-child(3),
	.formFlow li:nth-child(5),
	.formFlow li:nth-child(7),
	.formFlow li:nth-child(9) {
		width: 30%;
	}

	.formFlow li:nth-child(2),
	.formFlow li:nth-child(4),
	.formFlow li:nth-child(6),
	.formFlow li:nth-child(8) {
		width: 5%;
	}

}


/* 入力
----------------------------------*/

.formArea {
	margin-bottom: 50px;
}

/*.ec-borderedDefs,*/
.formBox {
	border: 10px solid #f5f5f5;
	padding: 50px;
	border-radius: 10px;
}

.formTable {
	margin-bottom: 30px;
	width: 100%;
}

.ec-borderedDefs {
	margin-top: 45px;
}

.ec-borderedDefs dl {
	padding: 0!important;
	border: none!important;
	display: flex;
	width: 100%;
}

.ec-borderedDefs dl dt,
.ec-borderedDefs dl dd,
.formTable th,
.formTable td {
	border-bottom: 1px solid #e9e9e9;
	padding: 20px 0;
	vertical-align: top;
	box-sizing: border-box;
}

.ec-borderedDefs dl dt,
.formTable th {
	font-weight: 700;
	padding-right: 20px;
	padding-top: 30px;
	/*white-space: nowrap;*/
	min-width: 200px;
}

.ec-borderedDefs dl dt {
	width: 200px;
	/*display: flex;*/
	text-align: left;
}

.ec-borderedDefs dl dt p {
	display: inline-block;
}

.ec-borderedDefs dl dd {
	width: calc(100% - 200px);
}

.ec-halfInput {
	display: flex;
}

.formTable th p {
	display: inline-block;
}

.formTable .attention {
	font-size: 0.8rem;
}

.toi-left {
	display: flex;
	align-items: center;
}

.ec-registerRole__paid-copy-button .ec-inlineBtn {
	margin: 20px 0;
}

.ec-borderedDefs dl dt .hissu,
.formTable th .hissu,
.formTable th.imp:before {
	content: "必須";
	font-size: 0.8rem;
	font-weight: 700;
	color: #fff;
	border-radius: 5px;
	background: #ff0000;
	display: inline-block;
	margin-right: 10px;
	padding: 2px 7px;
	white-space: nowrap;
}

.formTable td input[type="radio"],
.formTable td input[type="checkbox"] {
	vertical-align: inherit;
	margin-right: 0;
}

.formTable td input[type="number"],
.formTable td input[type="tel"],
.formTable td input[type="email"],
.formTable td input[type="password"],
.formTable td input[type="text"] {
	background: #f5f5f5;
	padding: 15px 10px;
	border-radius: 5px;
	border: none;
	box-sizing: border-box;
	width: 100%;
}

.formTable textarea {
	background: #f5f5f5;
	padding: 15px 10px;
	border-radius: 5px;
	border: none;
	box-sizing: border-box;
	width: 100%;
	height: 220px;
}

.formTable td select {
	background: #f5f5f5;
	padding: 15px 10px;
	border-radius: 5px;
	border: none;
	box-sizing: border-box;
}

.formTable td .flex {
	display: flex;
	align-items: center;
}

.formTable td .sml {
	font-size: 0.8rem;
}

.formTable td .mt10 {
	margin-top: 10px;
}

.mwform-tel-field {
	display: flex;
	align-items: center;
}

.mwform-tel-field input {
	margin-right: 10px;
	margin-left: 10px;
}

.tbl-r004 {
	overflow: hidden;
}

.tbl-r004  .mwform-checkbox-field {
	float: left;
}

.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0;
}



.formTable td .dash {
	display: inline-block;
	padding: 0 10px;
	line-height: 2rem;
}

.formBox label {
	/*display: flex;*/
	align-items: center;
	margin-right: 20px;
}

.formBox label input {
	margin-right: 5px;
}

.w100 {
	width: 100%;
}

.mwform-tel-field input,
.telFaxBox input {
	width: 100px!important;
}

#zip,
#fzip1 {
	width: 90px!important;
}

#zip1,
#fzip2 {
	width: 120px!important;
}

#foversea,
#fdomestic {
	width: 100%;
}

#fyoko,
#ftate {
	width: 100px;
}

#fnum {
	width: 100px;
}

.formTable .min {
	width: 75px!important;
	background: #fff!important;
	padding: 5px!important;
	border: 1px solid #ccc!important;
}

.formTable .attentionText {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	color: #1d60cc;
	font-weight: 700;
}

.mwform-radio-field:has(input:checked),
li:has(input:checked) {
	background: #f5f5f5;
	border-radius: 5px;
}

.attentionText {
	position: relative;
	padding-left: 30px;
}

.attentionText:before {
	content: "!";
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #f2d431;
	font-family: "MS Pゴシック";
	border-radius: 100px;
	font-weight: 700;
	line-height: 1;
	margin-right: 5px;
	color: #111;
	position: absolute;
	top: 0;
	left: 0;
}

.radios li{
	margin: 5px 0;
	padding: 5px;
}

.radios li input[type="radio"]{
	margin-right: 5px;
}

.formTable table.w100 th,
.formTable table.w100 td {
	border-bottom: none!important;
}

#fnyuko {
	width: 100%;
}

.btn-mitsumori {
	display: inline-block;
	padding: 10px 15px 10px 15px;
	background: #1d60cc;
	color: #fff;
	font-weight: 700;
	border-radius: 5px;
	border: none !important;
	position: relative;
	margin-bottom: 30px;
}

.btn-mitsumori:after {
	display: none;
}

.mb10 {
	margin-bottom: 10px;
}

@media screen and (max-width:767px)  {
	
	.formArea {
		margin-bottom: 30px;
	}

	.formBox {
		padding: 10px;
		box-sizing: border-box;
	}

	.formTable {
		margin-bottom: 20px;
		width: 100%;
		box-sizing: border-box;
	}
	
	.formTable tr {
		display: block;
		width: 100%;	
	}

	.formTable th,
	.formTable td {
		border-bottom: 1px solid #e9e9e9;
		padding: 10px 0;
		display: block;
		width: 100%;
	}

	.formTable th {
		font-weight: 700;
		padding: 10px 0 0;
		display: block;
		width: 100%;	
		border-bottom: none;
	}

	.formTable th.imp:before {
		font-size: 0.8rem;
		margin-right: 6px;
		padding: 1px 4px;
	}

	.formTable td input[type="number"],
	.formTable td input[type="tel"],
	.formTable td input[type="email"],
	.formTable td input[type="password"],
	.formTable td input[type="text"] {
		background: #f5f5f5;
		padding: 15px 10px;
		border-radius: 5px;
		border: none;
		box-sizing: border-box;
		width: 100%;
	}

	.formTable td select {
		background: #f5f5f5;
		padding: 10px 10px;
		border-radius: 5px;
		border: none;
		box-sizing: border-box;
	}
	
	.fgenderBox {
		display: block!important;
	}
	
	.telFaxBox input {
		width: 20%!important;
	}
	
	.mwform-tel-field input {
		width: 25%!important;
	}
	
	#zip,
	#fzip1 {
		width: 60px!important;
	}
	
	#zip1,
	#fzip2 {
		width: 90px!important;
	}
	
}

.policyText {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.policyText input {
	  vertical-align: baseline;
}

.submitWrap {
	width: 240px;
	position: relative;
	margin: 0 auto;
}

.submitWrap:after {
	content: "→";
	font-size: 16px;
	color: #fff;
	line-height: 1;
	position: absolute;
	top: calc(50% - 8px);
	right: 7px;
}

.submitWrap button,
.submitWrap input,
.submit {
	display: inline-block;
	background: #1d60cc;
	color: #fff;
	padding: 10px;
	width: 100%;
	border-radius: 10px;
	font-weight: 700;
	position: relative;
	text-align: center;
	line-height: 2;
	box-sizing: border-box;
	border: none;
}

.submitWrap button:after {
	display: none;
}

.backWrap {
	text-align: center;
	margin-top: 20px;
}

.backWrap button,
.backWrap input {
	display: inline-block;
	background: #999;
	color: #fff;
	padding: 10px 60px;
	font-size: 0.9rem;
	border-radius: 10px;
	font-weight: 700;
	position: relative;
	text-align: center;
	line-height: 1.5;
	box-sizing: border-box;
	border: none;
}

.withPaidText {
	margin: 30px 0 0;
	display: flex;
	justify-content: center;
}

.paidOp {
	text-align: center;
	margin-top: 20px;
}

@media screen and (max-width:767px)  {
	.submitWrap {
		padding: 7px;
		min-width: 180px;
		width: 100%;
		font-size: 0.9rem;
	}	
}


.mw_wp_form_confirm .f,
.mw_wp_form_input .c {
	display: none;
}

.ctnBox {
	border: 1px solid #ff0000;
	border-radius: 5px;
	padding: 15px 20px;
	margin: 0 0 30px;
}

.ctnBox ul {
	margin-bottom : 10px;
}

.ctnBox h3 {
	color: #ff0000;
	font-weight: bold;
	margin: 0 0 10px;
}

/* 窓口
----------------------------------*/

.contactSubmissionBox {
	border-radius: 10px;
	padding: 10px;
	background: #f5f5f5;
	margin-bottom: 35px;
}

.contactSubmissionBox ul {
	display: flex;
}

.contactSubmissionBox ul li {
	width: calc(50% - 5px);
	box-sizing: border-box;
	margin-right: 10px;
	background: #1d60cc;
	border-radius: 10px;
	padding: 10px;
}

.contactSubmissionBox ul li:nth-child(2n) {
	margin-right: 0;
	background: #4cc764;
}

.contactSubmissionBox ul li strong {
	background: #fff;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.contactSubmissionBox ul li p {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	font-weight: bold;
	font-size: 1.1rem;
	
}

.contactSubmissionBox ul li p:before {
	content: "";
	width: 50px;
	height: 50px;
	display: inline-block;
	background: #fff url("../images/icon_tel.png") center center no-repeat;
	background-size: 20px auto;
	border-radius: 1000px;
	margin-right: 7px;
}

.contactSubmissionBox ul li:nth-child(2) p:before {
	background: #00c800 url("../images/icon_line.png") center center no-repeat;
	background-size: 40px 40px;		
}

.contactSubmissionBox ul li:nth-child(1) a p {
	color: #fff;
	font-size: 1.8rem;
}
.contactSubmissionBox ul li:nth-child(2) a p {
	color: #fff;
}

.contactSubmissionMail {
	background: #fff;
	border-radius: 5px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

.contactSubmissionMail span {
	font-size: 1.2rem;
	margin-right: 15px;
	display: inline-block;
}

.contactSubmissionMail a {
	color: #1d60cc;
	font-size: 1.1rem;
}

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

	.contactSubmissionBox {
		margin-bottom: 20px;
	}

	.contactSubmissionBox ul {
		display: block;
	}

	.contactSubmissionBox ul li {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.contactSubmissionBox ul li p:before {
		width: 30px;
		height: 30px;
		background-size: 14px auto;
	}
	
	.contactSubmissionBox ul li strong {
		font-size: 0.8rem;
	}

	.contactSubmissionBox ul li:nth-child(2) p:before {
		background-size: 20px 20px;		
	}
	
	.contactSubmissionBox ul li:nth-child(1) a p {
		font-size: 1.2rem;
	}

	.contactSubmissionBox ul li:nth-child(2n) {
			margin-bottom: 0;
	}

	.contactSubmissionBox ul li p {
		font-size: 1rem;
	}

	.contactSubmissionMail span {
		font-size: 1.1rem;
	}

	.contactSubmissionMail a {
		font-size: 1.1rem;
	}
}


/* お問い合わせ選択ボタン
----------------------------------*/

.contactSwitch {
	border: 10px solid #f5f5f5;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 50px;
}

.contactSwitch ul {
	display: flex;
	justify-content: space-around;
}

.contactSwitch ul li {
	background: #aec0de;
	padding: 5px;
	box-sizing: border-box;
	width: calc(50% - 5px);
	border-radius: 5px;
}

.contactSwitch ul li.current {
	background: #1d60cc;	
}

.contactSwitch ul li a {
	display: flex;
	align-items: center;
	font-weight: 700;
	width: 100%;
	color: #fff;
}

.contactSwitch ul li a:hover {
	opacity: 0.7;
}

.contactSwitch ul li a:before {
	width: 60px;
	height: 60px;
	background: #fff;
	display: block;
	content: "";
	border-radius: 5px;
	margin-right: 10px;
}

.contactSwitch ul li:nth-child(1) a:before {
	background: #fff url("../images/form/icon_mail_off.png") center center no-repeat;
	background-size: 50px 50px;
}

.contactSwitch ul li:nth-child(2) a:before {
	background: #fff url("../images/form/icon_nouki_off.png") center center no-repeat;
	background-size: 50px 50px;
}

.contactSwitch ul li:nth-child(1).current a:before {
	background: #fffa1a url("../images/form/icon_mail_on.png") center center no-repeat;
	background-size: 50px 50px;
}

.contactSwitch ul li:nth-child(2).current a:before {
	background: #fffa1a url("../images/form/icon_nouki_on.png") center center no-repeat;
	background-size: 50px 50px;
}

@media screen and (max-width:767px)  {
	.contactSwitch {
		margin-bottom: 30px;
		padding: 5px;
	}
	
	.contactSwitch ul {
		display: block;
	}
	
	.contactSwitch ul li {
		width: 100%;
	}
	

	.contactSwitch ul li:not(:last-child){
		margin-bottom: 5px;
	}

	.contactSwitch ul li a:before {
		width: 40px;
		height: 40px;
		margin-right: 7px;
		font-size: 0.9rem;
	}

	.contactSwitch ul li:nth-child(1) a:before {
		background-size: 30px 30px;
	}

	.contactSwitch ul li:nth-child(2) a:before {
		background-size: 30px 30px;
	}

	.contactSwitch ul li:nth-child(1).current a:before {
		background-size: 30px 30px;
	}

	.contactSwitch ul li:nth-child(2).current a:before {
		background-size: 30px 30px;
	}	
}

/* 見積もり依頼
----------------------------------*/

.cautionMessage {
	text-align: center;
	margin-bottom: 30px;
	display: inline-block;
}

.cautionMessage p {
	display: flex;
	flex-basis: auto;
	flex: 1;
	margin: 0 auto;
	text-align: center;
	justify-content: center;
	align-items: center;
	background: #ff0000;
	color: #fff;
	border: 10px solid #e5e5e5;;
	padding: 5px 20px;
	border-radius: 10px;
	font-weight: bold;
}

.cautionMessage p:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../images/icon_caution.png") center center no-repeat;
	background-size: contain;
	margin-right: 5px;
}

.osusumeBox {
	margin: 50px 0 20px;
	border: 10px solid #e5e5e5;
	border-radius: 10px;
	padding: 10px 20px;
	background: #f2d431;
}

.osusumeTitle {
	font-weight: 700;
	padding: 0 0 5px;
	border-bottom: 2px solid #f5f5f5;
	margin: 0 0 10px;
	text-align: center;
	font-size: 1.2rem;
}

.osusumeTitle span {
	color: #1d60cc;
}

.osusumeBox .last {
	background: #fff;
	padding: 5px;
	margin-top: 15px;
	border-radius: 5px;
	text-align: center;
	color: #1d60cc;
	font-weight: 700;
}

.osusumeList li {
	margin-bottom: 5px;
}

.osusumeList li:before {
	display: inline-block;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	background: #fff url(../images/icon_check_blue.png) center center no-repeat;
	background-size: 12px 12px;
	border-radius: 1000px;
	content: "";
	margin-bottom: -4px;
}

.osusumeText {
	text-align: center;
	margin-bottom: 50px;
	font-weight: 700;
	color: #1d60cc;
	font-size: 1.1rem;
}

@media screen and (max-width:767px)  {
	
	.cautionMessage {
		/*margin-bottom: 20px;*/
	}

	.cautionMessage p {
		font-size: 0.9rem;
		padding: 5px 15px;
		text-align: left;
	}

	.osusumeBox {
		margin: 30px 0 20px;
	}

	.osusumeTitle {
		font-size: 1.1rem;
	}
	
	.osusumeList li {
		padding-left: 30px;
		position: relative;
		font-size: 0.9rem;
	}

	.osusumeList li:before {
		position: absolute;
		top: 1px;
		left: 0;
	}

	.osusumeText {
		margin-bottom: 30px;
		font-size: 1rem;
		text-align: left;
	}
	
	.osusumeText br {
		display: none;
	}
	
}

/* 加工
----------------------------------*/

.noBorder {
	border-bottom: none!important;
	text-align: center;
}

.formSubtitle {
	background: #1d60cc;
	color: #fff;
	border-radius: 100px;
	padding: 5px 30px;
	font-weight: 700;
	display: inline-block;
}

.kakoText {
	width: 200px;
	background: #1d60cc;
	color: #fff;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
	font-size: 0.9rem;
}

.kakoImage {
	width: 200px;
}

.formCaution {
	background: #fefdde;
	padding: 10px;
	font-weight: normal;
	font-size: 0.9rem;
	margin-top: 20px;
	text-align: left;
}

.formTable td .flex {
	vertical-align: baseline;
}

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

	.formSubtitle {
		padding: 5px 20px;
	}

	.kakoText {
		width: 200px;
		background: #1d60cc;
		color: #fff;
		text-align: center;
		padding: 5px;
		box-sizing: border-box;
		font-size: 0.9rem;
		margin: 0 auto;
	}

	.kakoImage {
		width: 200px;
		margin: 0 auto;
	}
	
	.formTable td .flex.htm {
		display: block;
	}
	
	.flex .parts {
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}
	
}


/*=========================================================

19.生地について

=========================================================*/


/* ナビ
----------------------------------*/

.clothNav {
	background: #f5f5f5;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 50px;	
}

.clothNav ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.clothNav ul li {
	margin-right: 15px;
	width: calc(20% - 12px);
	box-sizing: border-box;
}

.clothNav ul li:last-child {
	margin-right: 0;
}

.clothNav ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 10px;
	background: #1d60cc;
	color: #fff;
	font-weight: 700;
	text-align: center;
	font-size: 0.9rem;
}

.clothNav ul li a img {
	width: 26px;
	margin-right: 7px;
}

.clothNav ul li a span {
	border-left: 1px solid #4078d3;
	padding-left: 7px;
}

.clothNav ul li a:hover {
	opacity: 0.7;
}

.clothSubheading {
	display: flex;
	align-items: center;
}

.clothSubheading img {
	width: 30px;
	height: auto;
	margin-right: 7px;
}
.clothSubheading span {
	border-left: 1px solid #4078d3;
	padding-left: 7px;
}

@media screen and (max-width:1279px)  {
	.clothNav ul li a {
		font-size: 0.8rem;	
		white-space: nowrap;
	}
	.clothNav {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:1079px)  {
	.clothNav ul li {
		margin-right: 10px;
		width: calc(50% - 5px);
		box-sizing: border-box;
		margin-top: 10px;
	}
	.clothNav ul li:nth-child(1),
	.clothNav ul li:nth-child(2){
		margin-top: 0;
	}
	.clothNav ul li:nth-child(2n) {
		margin-right: 0;
	}	
	.clothNav ul li:last-child {
		margin-right: 0;
	}	
}

@media screen and (max-width:767px)  {
	.clothNav ul li a {
		font-size: 0.7rem;
	}
	
	.clothSubheading img {
		margin-right: 4px;
		width: 24px;
	}
}

/* メイン
----------------------------------*/

.clothMain {
	background: #f5f5f5;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 50px;
}

.clothMain .detail {
	display: flex;
}

.clothMain .detail .l {
	width: calc(35% - 10px);
	box-sizing: border-box;
	margin-right: 10px;
}

.clothMain .detail .l .image {
	border-radius: 5px;
	padding: 15px;	
	background: #fff;
	position: relative;
	border: 1px solid #e5e5e5;
}

.clothMain .detail .l .image:before {
	content: "表面";
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px 20px 2px 15px;
	background: #f2d431;
	border-radius: 0 0 30px 0;
	font-size: 0.8rem;
	font-weight: 700;
}

.clothMain .detail .l .image img {
	border-radius: 5px;
}

.clothMain .detail .l ul {
	display: flex;
	margin-top: 10px;
	justify-content: space-between;
}

.clothMain .detail .l ul li {
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e5e5e5;
	width: calc(50% - 7px);
	overflow: hidden;
	position: relative;
}

.clothMain .detail .l ul li.ura:before {
	content: "裏面";
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px 20px 2px 15px;
	background: #f2d431;
	border-radius: 0 0 30px 0;
	font-size: 0.8rem;
	font-weight: 700;	
}

.clothMain .detail .l ul li.kakudai:before {
	content: "拡大";
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px 20px 2px 15px;
	background: #f2d431;
	border-radius: 0 0 30px 0;
	font-size: 0.8rem;
	font-weight: 700;	
}

.clothMain .detail .r {
	width: 65%;
	background: #fff;
	border-radius: 5px;
	padding: 15px;
	box-sizing: border-box;
	padding-top: 45px;
}

.clothMain .detail .r .btn a {
	padding-right: 30px;
}

.iconOversea {
	background: #2e3e69 url("../images/planning/icon_oversea_white.png") left 13px center no-repeat;
	background-size: auto 90%;
	border-radius: 100px;
	color: #fff;
	display: inline-block;
	padding: 3px 10px 3px 45px;
	font-weight: 700;
	font-size: 0.8rem;
	margin-bottom: 20px;
}

.iconDomestic {
	background: #ff0000 url("../images/planning/icon_domestic_white.png") left 13px center no-repeat;
	background-size: auto 90%;
	border-radius: 100px;
	color: #fff;
	display: inline-block;
	padding: 3px 10px 3px 45px;
	font-weight: 700;
	font-size: 0.8rem;
	margin-bottom: 20px;
}

.clothMain .detail .r .title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.clothMain .detail .r .text01 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #1d60cc;
}

.clothMain .detail .r .text02 {
  margin-bottom: 30px;
}
	
@media screen and (max-width:1024px)  {
	
	.clothMain {
		margin-bottom: 30px;
	}

	.clothMain .detail {
		display: block;
		padding: 15px;
		border-radius: 10px;
		border: 1px solid #e5e5e5;
		background: #fff;
	}

	.clothMain .detail .l {
		width: 100%;
		margin-right: 0px;
		display: flex;
	}

	.clothMain .detail .l .image {
		box-sizing: border-box;
		width: calc(50% - 10px);
		border: none;
		padding: 0;
		margin-right: 10px;
	}

	.clothMain .detail .l ul {
		width: 50%;
		display: flex;
		flex-direction: column;
		margin: 0;
	}

	.clothMain .detail .l ul li {
		box-sizing: border-box;
		width: 100%;
		margin: 0;
	}

	.clothMain .detail .r {
		width: 100%;
		border-radius: 0;
		padding: 0;
		padding-top: 30px;
		text-align: center;
	}

	.clothMain .detail .r .title {
	  font-size: 1.4rem;
		text-align: left;
	}

	.clothMain .detail .r .text01 {
		font-size: 1.2rem;
		text-align: left;
		margin-bottom: 10px;
	}

	.clothMain .detail .r .text02 {
	  margin-bottom: 20px;
		text-align: left;
	}

	.clothMain .howto {
		margin-top: 10px;
		border-radius: 10px;
		background: #fff;
		border: 1px solid #e5e5e5;
		padding: 30px 20px;
	}
}

.clothMain .howto {
	margin-top: 10px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 30px 20px;
}

.howtoTable {
	border: 1px solid #d5d5d5;
	border-radius: 10px;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}

.howtoTable tr th {
	background: #1d60cc;
	text-align: center;
	padding: 10px;
	color: #fff;
	border-right: 1px solid #d5d5d5;
	font-weight: 700;
	vertical-align: middle;
}

.howtoTable tr th .sml {
	font-size: 0.8rem!important;
}


.howtoTable tr th:last-child {
	border-right: none;
}

.howtoTable td {
	text-align: center;
	padding: 10px;	
	border-top: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	vertical-align: middle;
}

.howtoTable td a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
	color: #1d60cc;
}

.howtoTable td a:after {
	content: "→";
	display: inline-block;
	background: #1d60cc;
	color: #fff;
	border-radius: 1000px;
	width: 18px;
	height: 18px;
	line-height: 16px;
	font-size: 0.6rem;
	margin: 2px 7px 0 0;
	box-sizing: border-box;
	font-family: "MS Pゴシック";
}

.howtoTable tr td:last-child {
	border-right: none;	
}

.clothMain .price {
	margin-top: 10px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 30px 20px;
}

.clothMain .price .priceTableWrap {
	margin: 0;
}

.clothMain .howto .hosoku {
	font-size: 0.8rem;
	margin-top: 20px;
}

@media screen and (max-width:767px)  {
	.clothMain .howto {
		padding: 15px;
	}

	.howtoTable tr th {
		font-size: 0.9rem;
	}

	.howtoTable tr th .sml {
		font-size: 0.8rem!important;
	}


	.howtoTable td {

		font-size: 0.9rem;
	}

	.howtoTable tr td:last-child {
		border-right: none;	
	}
	
	.clothMain .price {
		padding: 15px;
	}
}

/* 生地紹介
----------------------------------*/

.clothInfo {
	background: #f5f5f5;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 30px;	
}

.clothInt {
	display: flex;
	margin-bottom: 10px;
}

.clothInt .l {
	width: calc(50% - 5px);
	margin-right: 10px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
	
}

.clothInt .r {
	width: calc(50% - 5px);
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
}

.clothIntTitle {
	background: #1d60cc;
	color: #fff;
	font-weight: 700;
	display: flex;
	align-items: center;
}
.clothIntTitle:before {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	margin-right: 15px;
}

.l .clothIntTitle:before {
	background: #fffa1a url("../images/item/icon_kiji.png") center center no-repeat;
	background-size: 40px auto;
}

.r .clothIntTitle:before {
	background: #fffa1a url("../images/item/icon_vinyl.png") center center no-repeat;
	background-size: 40px auto;
}

.clothIntInner {
	padding: 20px;
}

.clothIntInner .image {
	margin-bottom: 20px;
}

.minheading {
	background: #5489df;
	font-weight: 700;
	color: #fff;
	border-radius: 5px;
	padding: 7px;
	margin-bottom: 15px;
	font-size: 0.9rem;
}

.tokuchoList {
	margin-bottom: 20px;
}

.tokuchoList li {
	display: flex;
	margin: 8px 0;
}

.tokuchoList li:before {
	content: "!";
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #f2d431;
	font-family: "MS Pゴシック";
	border-radius: 100px;
	font-weight: 700;
	line-height: 1;
	margin-right: 5px;
	color: #111;
}

.tokuchoList li p {
	width: calc(100% - 29px);
}

.var {
	margin-bottom: 20px;
}

.chart {
	background: #f5f5f5;
	border-radius: 10px;
	padding: 10px;
	display: flex;
	margin-bottom: 15px;
}

.chartL {
	width: 50px;
	height: 500px;
	position: relative;
	background: linear-gradient(#7ca8f1, #1d60cc);
	border-radius: 5px;
	font-weight: 700;
}

.usui {
	color: #fff;
	position: absolute;
	top: 10px;
	left: 0;
	text-align: center;
	display: block;
	width: 100%;
}

.atsu {
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 0;	
	text-align: center;
	display: block;
	width: 100%;
}

.chartR {
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 10px 0;
}

.chartR li {
	list-style: disc;
	margin-left: 30px;
	color: #1d60cc;
}

.chartR li a {
	font-weight: 700;
	color: #1d60cc;
	font-size: 1.2rem;
}

.clothCaution {
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 30px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #1d60cc;
}

.clothCaution p {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.clothCaution p:before {
	content: "!";
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #f2d431;
	font-family: "MS Pゴシック";
	border-radius: 100px;
	font-weight: 700;
	line-height: 1;
	margin-right: 5px;
	color: #111;	
}

.clothCaution p span {
	background: #f2d431;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	position: absolute;
	top: -55px;
	left: calc(50% - 110px);
	font-weight: 800;
	width: 220px;
	box-sizing: border-box;
	font-size: 1.2rem;
	color: #111;
}

.clothCaution p span:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 20px solid #f2d431;
	transform: rotate(270deg);
	position: absolute;
	bottom: -4px;
	left: 20%;
	z-index: 0px;
}
.clothCaution p strong {
	position: relative;
	font-weight: 700;
	z-index: 3;
}

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

	.clothInfo {
		margin-bottom: 20px;	
		display: block;
	}
	.clothInt {
		display: block;	
	}

	.clothInt .l {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		border-radius: 10px;
	}

	.clothInt .r {
		width: 100%;
	}

	.clothIntTitle:before {
		width: 45px;
		height: 45px;
		margin-right: 10px;
	}
	
	.clothInt .sp_accordion_head::before {
		z-index: 10;
		background: #fffa1a;
		top: calc(50% - 15px);
		right: 10px;
		height: 30px;
		font-weight: 700;
		padding: 5px 5px 8px;
		box-sizing: border-box;
		border-radius: 5px;
		line-height: 1;
		color: #2e3e69;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	  }

	.l .clothIntTitle:before {
		background: #fffa1a url("../images/item/icon_kiji.png") center center no-repeat;
		background-size: 30px auto;
	}

	.r .clothIntTitle:before {
		background: #fffa1a url("../images/item/icon_vinyl.png") center center no-repeat;
		background-size: 30px auto;
	}

	.clothIntInner {
		padding: 15px;
	}

	.var {
		margin-bottom: 20px;
	}

	.chart {
		background: #f5f5f5;
		border-radius: 10px;
		padding: 10px;
		display: flex;
	}

	.chartL {
		width: 40px;
		height: 400px;
	}

	.clothCaution {
		padding: 15px;
		font-size: 1.2rem;
		margin-top: 50px;
	}

	.clothCaution p {
		text-align: left;
		padding-left: 50px;
	}

	.clothCaution p:before {
		position: absolute;
		top: 0;
		left: 0;
	}

	.clothCaution p span {
		background: #f2d431;
		display: inline-block;
		padding: 5px 10px 8px;
		line-height: 1;
	}

	.clothCaution p span:after {
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 10px solid #f2d431;
	}
	
	.clothCaution p strong {
		font-size: 0.8rem;
	}
	
}

/* 生地選びに迷ったら
----------------------------------*/

.clothAstray {
	background: #f5f5f5;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 50px;	
}

.clothAstrayInner {
	padding: 20px;
	border-radius: 10px;
	background: #fff;
}

.clothAstrayInner:not(:first-child){
	margin-top: 10px;
}

.clothAstrayTitle {
	text-align: center;
	font-family: "corporate-logo-ver2", sans-serif;
	font-style: italic;
	font-weight: 800;
	font-size: 2.6rem;
	color: #1d60cc;
	margin-bottom: 20px;
}

.clothAstrayText {
	text-align: center;
	margin-bottom: 30px;
	font-weight: 700;
}

.clothAstrayList {
	
}

.clothAstrayList li {
	margin-bottom: 30px;
	position: relative;
	display: flex;
	border-radius: 1000px;
	background: #f5f5f5;
	min-height: 70px;
	width: 100%;
}

.clothAstrayList li:last-child {
	margin-bottom: 0;
}

.clothAstrayList li .r1 {
	position: relative;
	width: 130px;
	margin-right: 20px;
}

.clothAstrayList li .r1 img {
	position: absolute;
	bottom: 0;
	left: ;
	width: 100%;
}

.clothAstrayList li .r2 {
	font-size: 1.2rem;
	font-weight: 700;
	color: #1d60cc;
	position: relative;
	display: flex;
	align-items: center;
	padding-right: 35px;
	width: 260px;
}

.clothAstrayList li .r2 span {
	background: -webkit-linear-gradient(transparent 64%,var(#fffa1a) 0%);
	background: linear-gradient(transparent 64%,var(#fffa1a) 0%);
	background:linear-gradient(transparent 60%, #fffa1a 60%);
}

.clothAstrayList li .r2 span {
 	display: inline;
 	padding: 2px;
}


.clothAstrayList li .r2:after {
	position: absolute;
	right:0;
	top: calc(50% - 15px);
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-top: 15px solid transparent;
	border-left: 9px solid #1d60cc;
	border-right: 9px solid transparent;
	border-bottom: 15px solid transparent;
	z-index: 2;
}

.clothAstrayList li .r3 {
	align-items: center;
	width: calc(100% - 430px);
	box-sizing: border-box;
	padding: 20px;
}

.clothAstrayList li .r3 a {
	display: block;
	text-align: center;
	padding: 10px;
	border-radius: 100px;
	background: #1d60cc;
	color: #fff;
	font-weight: 700;
}

.clothAstrayCtaText {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1d60cc;
	margin-bottom: 20px;
}

.clothAstrayCtaList {
	display: flex;
	text-align: center;
	justify-content: center;
}

.clothAstrayCtaList li {
	padding: 0 10px;
}

.lineBtn a {
	background: #00c900;
}

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

	.clothAstray {
		margin-bottom: 30px;	
	}

	.clothAstrayInner {
		padding: 10px;
	}

	.clothAstrayInner:not(:first-child){
		margin-top: 10px;
	}

	.clothAstrayTitle {
		font-size: 2rem;
	}

	.clothAstrayText {
		text-align: left;
		margin-bottom: 30px;
		font-weight: 700;
	}
	.clothAstrayText br {
		display: none;
	}

	.clothAstrayList li {
		margin-bottom: 10px;
		display: block;
		min-height: auto;
		background: none;
	}

	.clothAstrayList li:last-child {
		margin-bottom: 0;
	}

	.clothAstrayList li .r1 {
		position: relative;
		width: auto;
		margin-right: 0;
		z-index: 2;
	}

	.clothAstrayList li .r1 img {
		position: relative;
		bottom: auto;
		left: auto;
		width: 80px;
		margin-bottom: 0;
		bottom: -50px;
	}

	.clothAstrayList li .r2 {
		display: flex;		
		background: #f5f5f5;
		padding: 10px;
		width: 100%;
		font-weight: 700;
		box-sizing: border-box;
		padding-left: 90px;
		border-radius: 1000px;
		position: relative;
		font-size: 1rem;
		height: 50px;
	}

	.clothAstrayList li .r2:after {
		position: absolute;
		right:auto;
		top: auto;
		left: calc(50% - 15px);
		bottom: -30px;
		content: "";
		display: block;
		width: 0px;
		height: 0px;
		border-bottom: 9px solid transparent;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 9px solid #1d60cc;
		z-index: 2;
	}

	.clothAstrayList li .r3 {
		width: 100%;
		padding: 0;
		margin-top: 30px;
	}

	.clothAstrayList li .r3 a {
		display: block;
		text-align: center;
		padding: 10px;
		border-radius: 100px;
		background: #1d60cc;
		color: #fff;
		font-weight: 700;
	}

	.clothAstrayCtaText {
		font-size: 1.1rem;
		text-align: left;
	}
	
	.clothAstrayCtaText br {
		display: none;
	}
	
	.clothAstrayCtaList {
		display: block;
	}
	.clothAstrayCtaList li {
		padding: 0;		
	}
	.clothAstrayCtaList li:nth-child(2) {
		margin-top: 10px;
	}	
}

@media screen and (max-width:380px)  {
	.clothAstrayList li .r2 {
		font-size: 0.9rem;
		white-space: nowrap;
	}
}

@media screen and (max-width:360px)  {
	.clothAstrayList li .r2 {
		font-size: 0.8rem;
		white-space: nowrap;
	}
}

/* 早見表
----------------------------------*/

.clothReferenceTable {
	border: 1px solid #d5d5d5;
	border-radius: 10px;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}

.clothReferenceTable th  {
	text-align: center;
	padding: 15px 10px;
	color: #fff;
	border-right: 1px solid #d5d5d5;
	font-weight: 700;	
	background: #5489df;
	border-top: 1px solid #d5d5d5;
	vertical-align: middle;
	font-size: 0.9rem;
}

.clothReferenceTable tr:first-child th,
.clothReferenceTable tr:first-child td {
	background: #1d60cc;
	border-top: none;
}

.clothReferenceTable tr td:first-child {
	font-size: 0.8rem;
}

.clothReferenceTable tr th:last-child,
.clothReferenceTable tr td:last-child {
	border-right: none;
}

.clothReferenceTable td  {
	text-align: center;
	padding: 15px 10px;
	border-right: 1px solid #d5d5d5;
	font-weight: 700;	
	background: #fff;
	border-top: 1px solid #d5d5d5;
	vertical-align: middle;
	font-size: 0.8rem;
}

.lt {
	white-space: nowrap;
	padding: 20px 40px!important;
}

.itm {
	color: #fff!important;
	font-size: 0.7rem!important;
}

.itm a {
	color: #fff!important;	
}

.line1 {
	background: #5489df!important;
	color: #fff!important;
}

.bg1 {
	background: #f8fbff!important;
}

.bg2 {
	background: #fffff2!important;
}

.vt {
	writing-mode: vertical-rl;
	text-align: left!important;
}


@media screen and (max-width:767px)  {
	
	.clothReferenceTableWrap {
		overflow-x: scroll;
		margin-bottom: 0;
	}
	.clothReferenceTableWrap table {
		width: 800px;
		margin-bottom: 0;
	}
}

/*=========================================================

20.加工について

=========================================================*/

.aboutProcessingSection {
	margin-bottom: 50px;
}

.aboutProcessingSection .subheading {
	display: flex;
	align-items: center;
}

.aboutProcessingSection .subheading .iconFree {
	display: inline-block;
	background: #fffa1a;
	color: #1d60cc;
	padding: 2px 10px;
	border-radius: 5px;
	margin-right: 10px;
}

.aboutProcessingSection .subheading .iconFree,
.aboutProcessingSection .subheading .iconPaid {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 5px;
	margin-right: 10px;
}

.aboutProcessingSection .subheading .iconPaid {
	background: #ff0000;
	color: #fff;
}

.aboutProcessingSection .subheading .iconFree {
	background: #fffa1a;
	color: #1d60cc;
}

.aboutProcessingSection .subheading .name {
	border-left: 1px solid #3f78d4;
	padding-left: 10px;
}

@media screen and (max-width:767px)  {
	
	.aboutProcessingSection .subheading {
		margin-bottom: 10px;
	}
	
	.aboutProcessingSection .sp_accordion_head::before {
		z-index: 10;
		background: #fffa1a;
		right: 10px;
		font-weight: 700;
		padding: 5px 5px 8px;
		border-radius: 5px;
		line-height: 1;
		color: #1d60cc;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.aboutProcessingSection {
		margin: 0;
	}

	.aboutProcessingSection .subheading .iconFree,
	.aboutProcessingSection .subheading .iconPaid {
		font-size: 0.9rem;
	}

}

/* メイン
----------------------------------*/

.aboutProcessingMain {
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}

.aboutProcessingMain .l {
	width: 40%;
	margin-right: 5%;
}

.aboutProcessingMain .r {
	width: 55%;
}

.aboutProcessingSection .title {
	color: #1d60cc;
	font-weight: 700;
	font-size: 1.6rem;
	margin-bottom: 20px;
}

.aboutProcessingSection .text {
	margin-bottom: 30px;
}

.aboutProcessingMain .r .text {
	margin-bottom: 0;
}

.aboutProcessingSection .formSubtitle {
	margin-bottom: 30px;
}

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

	.aboutProcessingMain {
		display: block;
		margin-bottom: 30px;
		margin-top: 20px;
	}

	.aboutProcessingMain .l {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.aboutProcessingMain .r {
		width: 100%;
	}

	.aboutProcessingSection .title {
		font-size: 1.3rem;
		margin-bottom: 15px;
	}

	.aboutProcessingSection .text {
		margin-bottom: 20px;
	}

	.aboutProcessingSection .formSubtitle {
		margin-bottom: 20px;
	}
	
	.mb30 {
		margin-bottom: 30px;
	}
	
}

/* Before - After
----------------------------------*/

.aboutProcessingBf {
	display: flex;
	margin-bottom: 50px;
}

.aboutProcessingBf .l {
	margin-right: 20px;
	position: relative;
}

.aboutProcessingBf .l:after {
	position: absolute;
	right:-35px;
	top: calc(50% - 15px);
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-top: 15px solid transparent;
	border-left: 9px solid #1d60cc;
	border-right: 9px solid transparent;
	border-bottom: 15px solid transparent;
	z-index: 2;
}

.aboutProcessingBf .r {
	margin-left: 20px;
}

@media screen and (max-width:767px)  {
	
	.aboutProcessingBf {
		display: block;
		margin-bottom: 30px;
	}

	.aboutProcessingBf .l {
		margin-right: 0;
		position: relative;
		margin-bottom: 40px;
		width: 100%;
	}

	.aboutProcessingBf .l:after {
		position: absolute;
		right:auto;
		top: auto;
		left: calc(50% - 9px);
		bottom: -33px;
		content: "";
		display: block;
		width: 0px;
		height: 0px;
		border-top: 9px solid #1d60cc;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 9px solid transparent;
		z-index: 2;
	}

	.aboutProcessingBf .r {
		width: 100%;
		margin: 0;
	}
	
}

/* データ
----------------------------------*/

.aboutProcessingData {
	display: flex;
	align-items: center;
}

.aboutProcessingData .l {
	margin-right: 30px;
}

.aboutProcessingData .r .text {
	font-size: 0.8rem;
	padding: 0 30px;
	margin: 0;
}

@media screen and (max-width:767px)  {
	.aboutProcessingData {
		display: block;
	}

	.aboutProcessingData .l {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

/* 50%
----------------------------------*/

.aboutHalf {
	display: flex;
	justify-content: space-around;
}

.aboutHalf .l {
	width: calc(50% - 25px);
	margin-right: 50px;
	position: relative;
}

.aboutHalf .l.arw:after {
	position: absolute;
	right:-35px;
	top: calc(50% - 15px);
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-top: 15px solid transparent;
	border-left: 9px solid #1d60cc;
	border-right: 9px solid transparent;
	border-bottom: 15px solid transparent;
	z-index: 2;
}

.aboutHalf .r {
	width: calc(50% - 25px);
}

.aboutHalf .text {
	font-size: 0.8rem;
	padding: 0 30px;
	margin: 0;
}

.largeText {
	margin-bottom: 30px;
}

.fukuronuiText {
	margin: 50px 0 30px;
	text-align: center;
	font-weight: 700;
	color: #1d60cc;
	font-size: 1.4rem;
}

.fukuronuiList {
	display: flex;
}

.fukuronuiList li {
	width: 32%;
	margin-right: 2%;
}

.fukuronuiList li:nth-child(3n){
	margin-right: 0;
}

.fukuronuiList .text {
	font-size: 0.8rem;
	padding: 0 20px;
	margin: 15px 0 0;	
}

.noFlex {
	display: block;
}

.mb50 {
	margin-bottom: 50px;
}

@media screen and (max-width:767px)  {
	.aboutHalf {
		display: block;
	}

	.aboutHalf .l {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.aboutHalf .l.arw:after {
		position: absolute;
		right:auto;
		top: auto;
		left: calc(50% - 9px);
		bottom: -33px;
		content: "";
		display: block;
		width: 0px;
		height: 0px;
		border-top: 9px solid #1d60cc;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 9px solid transparent;
		z-index: 2;
	}
	
	.aboutHalf .l.arw {
		margin-bottom: 40px;
	}

	.aboutHalf .r {
		width: 100%;
	}

	.aboutHalf .text {
		font-size: 0.8rem;
		padding: 0 30px;
		margin: 15px 0 0;
	}

	.largeText {
		margin-bottom: 30px;
	}

	.fukuronuiText {
		margin: 30px 0 20px;
		font-size: 1.1rem;
		text-align: left;
	}
	.fukuronuiText br {
		display: none;
	}

	.fukuronuiList {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.fukuronuiList li {
		width: 48%;
		margin: 20px auto 0;
		padding: 0 1%;
	}
	
	.fukuronuiList li:nth-child(1),
	.fukuronuiList li:nth-child(2) {
		margin-top: 0;
	}

	.fukuronuiList li:nth-child(3n){
		margin-right: auto;
	}

	.fukuronuiList .text {
		font-size: 0.8rem;
		padding: 0 20px;
		margin: 15px 0 0;	
	}

	.noFlex {
		display: block;
	}

	.mb50 {
		margin-bottom: 30px;
	}	
}

/*=========================================================

21.アイテムで選ぶ（フライングバナー）

=========================================================*/

/* メイン
----------------------------------*/

.itemFlyingMain {
	display: flex;
	margin-bottom: 50px;
}

@media screen and (max-width:767px)  {
	
	.itemFlyingMain {
		margin-bottom: 30px;
	}
	
}

/* 左 */
.itemFlyingMain .l {
	width: 48%;
	margin-right: 4%;
}

.itemFlyingMain .l img {
	border-radius: 5px;
}

.itemFlyingMain .l .thumbnail {
	margin-bottom: 10px;
	position: relative;
}

.itemFlyingMain .l .thumbnail img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 5px;
}

.itemFlyingMain .l .thumbnail:before {
  display: block;
  content: "";
  padding-top: 100%;
}

.itemFlyingMain .l .thumbnails {
	display: none;
	flex-wrap: wrap;
}

.itemFlyingMain .l .thumbnails li {
	width: calc(20% - 8px);
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #eee;
	box-sizing: border-box;
}

.itemFlyingMain .l .thumbnails li:nth-child(5n){
	margin-right: 0;
}

.itemFlyingMain .l .thumbnails li img {
	width: 100%;
	height: 65px;
	object-fit: cover;
	cursor: pointer;
}

.itemFlyingMain .l .thumbnails li img:hover {
	opacity: 0.7;
}

.options {
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 10px;
}

.options p{
	float: left;
	display: flex;
	align-items: center;
	font-size: 0.8rem;
	margin: 0 10px 10px 0;
}

.options p span {
	display: inline-block;
	background: #f2d431;
	font-weight: 700;
	margin-right: 5px;
	padding: 2px 10px;
	border-radius: 100px;
}

.opTxt {
	margin: 30px 0;
}

@media screen and (max-width:767px)  {
	
	.itemFlyingMain {
		display: block;
	}

	.itemFlyingMain .l {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.options p  {
		float: none;
	}
	
	.options p span {
		width: 100px;
		text-align: center;
	}

}

/* 右 */
.itemFlyingMain .r {
	width: 48%;
}

.itemFlyingMain .r table {
	width: 100%;
	margin-bottom: 30px;
}

.itemFlyingMain .r table th {
	font-weight: 700;
	padding: 20px 0;
	border-bottom: 1px solid #e9e9e9;
	vertical-align: middle;
}

.itemFlyingMain .r table th .hissu {
	background: #ff0000;
	font-size: 0.9rem;
	padding: 2px 4px;
	color: #fff;
	border-radius: 5px;
	float: right
}

.itemFlyingMain .r table td {
	padding: 20px 0 20px 20px;
	border-bottom: 1px solid #e9e9e9;
}

.itemFlyingMain .r table tr:last-child th,
.itemFlyingMain .r table tr:last-child td {
	border-bottom: none;
}

.itemFlyingMain .r table th.no,
.itemFlyingMain .r table td.no {

	border: none;
	padding-bottom: 0;
}

.itemFlyingMain .r table th.no {
	padding-top: 5px;
}

.sizeView {
	display: inline-block;
	background: #f2d431 url("../images/item/icon_search.png") right 5px center no-repeat;
	background-size: 18px auto;
	border-radius: 100px;
	padding: 5px 30px 5px 10px;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
}

.sizeView:hover {
	opacity: 0.7;
}

.zoomSize {
	display: none;
	z-index: 20000;
	position: relative;
}

.zoomSize .modal {
	background-color: rgba(0,0,0,0.9);
	position: fixed;
	display: flex;
	width: 100%;
	height: 100vh;
	align-items: center;
	justify-content: center;
}

.zoomSize .modal img {
	width: 50%;
	height: auto;
	margin: 0 auto;
	background: #fff;
	border-radius: 10px;
}

@media screen and (max-width:767px)  {
	.zoomSize .modal img {
		width: 90%;	
	}
}

.fav {
	text-align: center;
	margin: 0 0 30px;
}

.fav a {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 3px;
	border-radius: 1000px;
	cursor: pointer;
}

.fav a:hover {
	opacity: 0.7;
}

.itemFlyingMain .r select {
	background: #f5f5f5;
	padding: 15px 10px;
	border-radius: 5px;
	border: none;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
}

.itemFlyingMain .r input[type="text"]{
	background: #f5f5f5;
	padding: 15px 10px;
	border-radius: 5px;
	border: none;
	box-sizing: border-box;
}


.itemFlyingMain .r .tate {
	display: flex;
	align-items: center;
}

.itemFlyingMain .r .tate input {
	width: 100px;
	margin-right: 10px;
}

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

	.itemFlyingMain .r {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
		box-sizing: border-box;	
		border: 10px solid #f5f5f5;
		border-radius: 10px;
	}
	
	.itemFlyingMain .r table {
		margin-bottom: 30px;
	}

	.itemFlyingMain .r table tr {
		width: 100%;
		display: block;
	}

	.itemFlyingMain .r table th {
		width: 100%;
		display: block;
		padding: 10px 0;
		border-bottom: none;
	}

	.itemFlyingMain .r table th .hissu {
		float: left;
		margin-right: 10px;
	}

	.itemFlyingMain .r table td {
		padding: 10px 0;
		width: 100%;
		display: block;
	}

	.itemFlyingMain .r table tr:last-child th,
	.itemFlyingMain .r table tr:last-child td {
		border-bottom: none;
	}
	
	.itemFlyingMain .r table th.noSp {
		border: none;
		display: none;
	}

	.itemFlyingMain .r table td.noSp {
		text-align: center;
		padding: 0 0 10px
	}

	.itemFlyingMain .r table th.no {
		padding-top: 5px;
	}
}

/* 価格 */
.itemFlyingMain .r .priceLabel {
	text-align: center;
	/*margin-bottom: 20px;*/
	background: #ff0000;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	border-radius: 5px;
	padding: 2px 10px;
}

.itemFlyingMain .r .price {
	font-weight: 700;
	font-size: 1.6rem;
	color: #ff0000;
	font-style: italic;
	margin-bottom: 30px;
	
}

.itemFlyingMain .r .price span {
	font-size: 3rem;
}

.addCart button {
	display: flex;
	margin: 0 auto 30px;
	background: #ff0000;
	color: #fff;
	font-weight: 700;
	border: none;
	padding: 15px 40px;
	font-size: 1.2rem;
	border-radius: 5px;
	letter-spacing: 1px;
}

.addCart button:before {
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	background: #fff url("../images/item/icon_cart.png") center center no-repeat;
	background-size: 30px 30px;
	border-radius: 1000px;
	margin-right: 10px;
}

.itemFlyingMain .r .point {
	text-align: center;
	color: #1d60cc;
	font-weight: 700;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

.itemFlyingMain .r .point:before {
	content: "";
	display: block;
	width: 35px;
	height: 27px;
	background: url("../images/item/icon_point.png");
	background-size: contain;
	margin-right: 10px;
}

.itemFlyingMain .r .share {
	text-align: center;
}

.itemFlyingMain .r .share img {
	width: 300px;
}

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

	.itemFlyingMain .r .priceLabel {
		margin-bottom: 0;
	}

	.itemFlyingMain .r .price {
		font-size: 1.2rem;
		margin-bottom: 20px;
	}

	.itemFlyingMain .r .price span {
		font-size: 2.4rem;
	}

	.itemFlyingMain .share {
		text-align: center;
		margin-top: 30px;
	}

	.itemFlyingMain .share img {
		width: 300px;
	}	
	
	.addCart button {
		margin: 0 auto 20px;
		padding: 10px 15px;
		font-size: 0.9rem;
	}

	.addCart button:before {
		content: "";
		width: 34px;
		height: 34px;
		display: block;
		background: #fff url("../images/item/icon_cart.png") center center no-repeat;
		background-size: 24px 24px;
	}
	
	.itemFlyingMain .r .point {
		font-size: 1rem;
		margin-bottom: 20px;
	}

	.itemFlyingMain .r .point:before {
		content: "";
		display: block;
		width: 25px;
		height: 27px;
		background: url("../images/item/icon_point.png") center center no-repeat;
		background-size: contain;
		margin-right: 10px;
	}
	
}

.backboard td {
	text-align: center;
	padding: 3px;
	font-weight: bold;
}

/* レイアウト
----------------------------------*/

.itemFlyingSection {
	margin-bottom: 50px;
}

.itemFlyingSection .subtext br {
	/*display: none;*/
}

.size-button {
	background: #fff;
	border-radius: 10px;
	padding: 10px;
	border: 5px solid #f5f5f5;
}

.size-button a {
	margin: 0 5px;
}

.size-button a:hover {
	opacity: 0.7;
}

.itemFlyingSection .expansion {
	max-width: 400px;
	margin: 0 auto;
	display: block;
}

.itemFlyingSection .mini {
	display: block;
	margin: -20px 0 30px;
}

@media screen and (max-width:767px)  {
	.itemFlyingSection {
		margin-bottom: 30px;
	}
}


/* 商品について
----------------------------------*/

.itemFlyingArea {
	margin-bottom: 45px;
}

.itemFlyingSection .osusumeBox {
	margin-bottom: 50px;
}

.itemFlyingArea .cautionMessage p {
	background: #e5e5e5!important;
	border: none!important;
	border-radius: 5px!important;
	padding: 10px 20px;
	color: #ff0000;
}

/* 利用シーンのご提案
----------------------------------*/

.itemFlyingSectionScineList {
	border-radius: 10px;
	padding: 10px;
	background: #f5f5f5;
	margin-bottom: 50px;
}
.itemFlyingSectionScineList li  {
	background: #fff;
	margin-bottom: 10px;
}
.itemFlyingSectionScineList li .box {

	display: flex;
	padding: 15px;
}

.itemFlyingSectionScineList li .l {
	width: 180px;
	margin-right: 20px;
}

.itemFlyingSectionScineList li .l img {
	border-radius: 5px;
}

.itemFlyingSectionScineList li .r {
	width: calc(100% - 200px);
}

.itemFlyingSectionScineList li .r .title {
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 1.2rem;
	color: #1d60cc;
}

.itemFlyingSectionScineList li:last-child {
	margin-bottom: 0;
}

@media screen and (max-width:767px)  {
	
	.itemFlyingSectionScineList {
		margin-bottom: 30px;
	}

	.itemFlyingSectionScineList li .box {
		margin-bottom: 10px;
		display: flex;
		padding: 15px 15px 0;
		align-items: center;
	}

	.itemFlyingSectionScineList li .l {
		width: 160px;
		margin-right: 20px;
	}

	.itemFlyingSectionScineList li .r {
		width: calc(100% - 180px);
	}

	.itemFlyingSectionScineList li .r .title {
		font-weight: 700;
		margin-bottom: 0;
		font-size: 1.2rem;
		color: #1d60cc;
	}
	.itemFlyingSectionScineList li .text {
		padding: 0 15px 15px;
	}

	.itemFlyingSectionScineList li:last-child {
		margin-bottom: 0;
	}
	
}


/* テーブル
----------------------------------*/

.itemFlyingSection .priceTable {
	margin-bottom: 30px;
	border-radius: 10px;
}

.priceTopHeading {
	margin-bottom: 30px;
	font-size: 1.2rem;
	font-weight: 700;
	display: flex;
	align-items: center;
}

.priceTopHeading:before {
	content: "";
	width: 4px;
	height: 30px;
	background: #1d60cc;
	border-radius: 10px;
	margin-right: 20px;
		
}

.priceBottomText {
	margin-bottom: 50px;
	font-size: 0.9rem;
}

.itemFlyingSection .priceTable tr:first-child th {
	white-space: nowrap;
}

.itemFlyingSection .priceTable tr td:first-child {
	background: #5489df;
	color: #fff;
}
.itemFlyingSection .priceTable tr td:last-child {
	border-right: none;
}

@media screen and (max-width:767px)  {
	
	.itemFlyingSection .priceTable {
		margin-bottom: 20px;
	}

	.priceTopHeading {
		margin-bottom: 20px;
		font-size: 1.1rem;
	}

	.priceTopHeading:before {
		height: 26px;
		margin-right: 15px;
	}

	.priceBottomText {
		margin-bottom: 30px;
	}
	
	.priceTableWrap {
		overflow-x: scroll;
	}
	
	.priceTableWrap .priceTable {
		width: 800px;
	}
	
}


/* 動画
----------------------------------*/

.itemFlyingSection .movie {
	text-align: center;
	max-width: 560px;
	margin: 0 auto 50px
}

.movieBox {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
 
.movieBox iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.itemFlyingSection .clothNav span span {
	font-size: 0.7rem!important;
	padding: 0!important;
	border: none!important;
	font-weight: normal!important;
}

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

	.itemFlyingSection .movie {
		margin: 0 auto 30px
	}	
	
	.itemFlyingSection .clothNav  ul {
		flex-wrap: wrap
	}
	
	.itemFlyingSection .clothNav li:nth-child(1),
	.itemFlyingSection .clothNav li:nth-child(2),
	.itemFlyingSection .clothNav li:nth-child(3) {
		width:calc(100% / 3);
		box-sizing: border-box;
		margin: 0;
	}
	
	.itemFlyingSection .clothNav li:nth-child(2) {
		border-left: 1px solid #548ae0;
		border-right: 1px solid #548ae0;
	}
	
	.itemFlyingSection .clothNav li a {
		border-radius: 0!important;
		text-align: center;
		display: block;
	}
	.itemFlyingSection .clothNav li a img {
		display: block;
		margin: 0 auto 10px;
	}
	
	.itemFlyingSection .clothNav li a span {
		padding: 0;
		font-size: 1rem;
		border: none;
		line-height: 1;
	}
	
	
	.itemFlyingSection .clothNav li a span span {
		
	}

	.itemFlyingSection .clothNav li:nth-child(4) {
		border-right: 1px solid #548ae0;
	}
	
	.itemFlyingSection .clothNav li:nth-child(4),
	.itemFlyingSection .clothNav li:nth-child(5) {
		width:calc(100% / 2);
		box-sizing: border-box;
		margin: 0;
		border-top: 1px solid #548ae0;
	}
	
}


/* スライド
----------------------------------*/

.mt30 {
	margin-top: 30px;
}


/*=========================================================

22.簡易お見積システム

=========================================================*/

.autoStep {
	margin-bottom: 50px;
}

.autoText {
	text-align: center;
	margin-bottom: 50px;
	font-weight: 700;
	font-size: 1.2rem;
	letter-spacing: 2px;
	color: #1d60cc;
}

.autoText span {
	margin-right: 5px;
}

.beginnersSection .subheading,
.autoStep .subheading {
	display: flex;
	align-items: center;
	padding-right: 40px;
}

.beginnersSection .subheading span,
.autoStep .subheading span {
	padding-right: 10px;
	margin-right: 10px;
	display: flex;
	align-items: center;
	border-right: 1px solid #3f78d4;
	line-height: 1;
	white-space: nowrap;
}

.beginnersSection .subheading span strong,
.autoStep .subheading span strong {
	display: flex;
	width: 20px;
	height: 20px;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 1000px;
	color: #1d60cc;
	background: #fffa1a;
	font-family: "MS Pゴシック";
	margin-left: 7px;
	font-size: 0.8rem;
}

@media screen and (max-width:767px)  {
	.autoStep {
		margin-bottom: 30px;
	}

	.autoText {
		text-align: left;
		margin-bottom: 30px;
		font-size: 1.1rem;
		letter-spacing: 1px;
	}
	
	.autoText br {
		display: none;
	}
}


/* STEPフォーム
----------------------------------*/

.autoStepFormInnerFlex {
	display: flex;
	justify-content: center;
}

#design-list li {
	padding: 3px 0;
}

#design-list li .input-box:nth-child(1) {
	width: 100%;
}

#design-list li .input-box:nth-child(2) {
	width: 30%;
}

.autoStepForm {
	border: 10px solid #f5f5f5;
	padding: 30px 15px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 50px;
	border-radius: 10px;
}

.autoStepFormInner li {
	display: flex;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
}

.autoStepForm input {
	width: 100px;
	padding: 15px;
	border: 1px solid #d6d6d6;
	border-radius: 5px;
	margin: 0 10px;
	box-sizing: border-box;
}

.autoStepForm .parts {
	display: flex;
	align-items: center;
	margin: 0 10px;
}

.autoStepForm span {
	font-weight: 700;
}

.autoStepForm span span {
	color: #1d60cc;
	font-size: 1.2rem;
	display: inline-block;
	margin: 0 10px;
}

.autoStepForm .name {
	width: 100%;
}

.autoStepForm .num {
	width: 100px;
}

.addBtn {
	margin: 15px 10px;
}

.addBtn button {
	display: block;
	padding: 10px 80px 10px 15px;
	background: #1d60cc;
	color: #fff;
	font-weight: 700;
	border-radius: 5px;
	border: none!important;
	position: relative;
}

.addBtn button:after {
	content: "+";
	color: #fff;
	position: absolute;
	top: calc(50% - 8px);
	right: 10px;
	font-size: 12px;
	line-height: 1;
	font-family: "MS Pゴシック";
}


.removeBtn {
	margin: 0 10px;
}

.removeBtn button {
	display: block;
	padding: 10px 80px 10px 15px;
	background: #333;
	color: #fff;
	font-weight: 700;
	border-radius: 5px;
	border: none!important;
	position: relative;
}

.removeBtn button:after {
	content: "-";
	color: #fff;
	position: absolute;
	top: calc(50% - 8px);
	right: 10px;
	font-size: 12px;
	line-height: 1;
	font-family: "MS Pゴシック";
}


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

	.autoStepForm {
		padding: 15px;
		width: 100%;
		margin-bottom: 30px;
	}

	.autoStepFormInner {
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		justify-content: center;
		align-items: center;
	}

	.autoStepForm input {
		width: 100px;
		padding: 15px;
		border: 1px solid #d6d6d6;
		border-radius: 5px;
		margin: 0 10px;
		box-sizing: border-box;
	}
	
	.autoStepForm .parts {
		text-align: center;
		align-items: center;
	}
	

	.autoStepForm span {
		font-weight: 700;
	}

	.autoStepForm span span {
		color: #1d60cc;
		font-size: 1.2rem;
		display: inline-block;
		margin: 0 10px;
	}

	.autoStepForm .name {
		width: 100%;
	}

	.autoStepForm .num {
		width: 100px;
	}

	.addBtn {
		margin: 15px 10px;
	}

	.addBtn button {
		display: block;
		padding: 10px 80px 10px 15px;
		background: #1d60cc;
		color: #fff;
		font-weight: 700;
		border-radius: 5px;
		border: none!important;
		position: relative;
	}

	.addBtn button:after {
		content: "+";
		color: #fff;
		position: absolute;
		top: calc(50% - 8px);
		right: 10px;
		font-size: 12px;
		line-height: 1;
		font-family: "MS Pゴシック";
	}	
}


/* STEP
----------------------------------*/

.autoStep .formFlow {
	margin: 0 auto 50px;
	border: none;
}

.autoStep .formFlow li {
	text-align: center;
	padding: 10px 0;
}

.autoStep .formFlow li .step {
	margin-bottom: 0;
}

.autoStep .formFlow li .step .num {
	width: 20px;
	height: 20px;
	font-size: 0.8rem;
}

.autoStep .formFlow li .value {
	background: #1d60cc;
	color: #fff;
	border-radius: 100px;
	font-size: 0.9rem;
	width: 100px;
	margin: 0 auto 0;	
	font-weight: 700;
}

.autoStep .formFlow li:nth-child(1),
.autoStep .formFlow li:nth-child(3),
.autoStep .formFlow li:nth-child(5),
.autoStep .formFlow li:nth-child(7),
.autoStep .formFlow li:nth-child(9) {
	width: 100px;
}

.autoStep .formFlow li:nth-child(2),
.autoStep .formFlow li:nth-child(4),
.autoStep .formFlow li:nth-child(6),
.autoStep .formFlow li:nth-child(8) {
	width: 25px;
}

@media screen and (max-width:767px)  {
	.autoStep .formFlow {
		margin: 0 auto 30px;
		border: none;
	}

	.autoStep .formFlow li {
		text-align: center;
		padding: 5px 0;
	}

	.autoStep .formFlow li .step {
		margin-bottom: 0;
		display: block;
		text-align: center;
	}

	.autoStep .formFlow li .step .num {
		display: block;
		margin: 3px auto 0;
		padding-top: 1px;
		box-sizing: border-box;
	}

	.autoStep .formFlow li .value {
		background: #1d60cc;
		color: #fff;
		border-radius: 100px;
		font-size: 0.9rem;
		width: auto;
		margin: 0 auto 0;	
		font-weight: 700;
	}

	.autoStep .formFlow li:nth-child(1),
	.autoStep .formFlow li:nth-child(3),
	.autoStep .formFlow li:nth-child(5),
	.autoStep .formFlow li:nth-child(7),
	.autoStep .formFlow li:nth-child(9) {
		width: calc(100% / 5 - 12px);
	}

	.autoStep .formFlow li:nth-child(2),
	.autoStep .formFlow li:nth-child(4),
	.autoStep .formFlow li:nth-child(6),
	.autoStep .formFlow li:nth-child(8) {
		width: 15px;
	}	
}


/* halfFlex
----------------------------------*/

.halfFlex {
	display: flex;
	justify-content:space-between;
}

@media screen and (max-width:767px)  {
	.halfFlex {
		display: block;
	}	
}


/* STEP1
----------------------------------*/

.planDat {
	border: 10px solid #f5f5f5;
	width: calc(50% - 10px);
	box-sizing: border-box;
	border-radius: 10px;
	text-align: center;
	padding: 20px;
}

.planDat:hover {
	opacity: 0.7;
}

.planDat .flex {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 1.2rem;
}

.planDat .flex input {
	margin-right: 7px;
}

.planDat .merit {
	background: #2e3e69;
	padding: 7px 20px;
	justify-content: center;
	align-items: center;
	display: inline-block;
	color: #fff;
	border-radius: 5px;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1.1rem;
	margin-bottom: 20px;
}

.planDat .merit span {
	color: #fffa1a;
}

.planDat.planDomestic .merit {
	background: #ff0000;
}

.planDat .image img {
	width: 150px;
	height: auto;
}

.planDat .value {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.planDat .kinds {
	display: flex;
	width: 100px;
	height: 100px;
	background: #2e3e69;
	color: #fff;
	align-items: center;
	justify-content: center;
	border-radius: 1000px;
	line-height: 1.2;
	margin-right: 20px;
	position: relative;
}

.planDat .kinds:after {
	content: "";
	display: block;
	width: 30px;
	height: 24px;
	background: url("../images/form/balooon_blue.png") center center no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0;
	right: 0;
}

.planDat.planDomestic .kinds:after {
	content: "";
	display: block;
	width: 30px;
	height: 24px;
	background: url("../images/form/balooon_red.png") center center no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0;
	right: 0;
}

.planDat.planDomestic .kinds {
	background: #ff0000;
}

.planDat .kinds span.num {
	font-size: 1.6rem;
	font-weight: 700;
	color: #fffa1a;
	position: relative;
	z-index: 2;
}

.planDat .kinds span.unit {
	font-weight: 700;
	color: #fffa1a;
	position: relative;
	z-index: 2;
}

.planDat .term {
	font-size: 1.8rem;
	font-weight: 700;
	position: relative;
	line-height: 1;
}

.planDat .term .hosoku {
	font-size: 1.2rem;
}

.planDat .term .kome {
	font-size: 0.8rem;
	font-weight: normal;
	position: absolute;
	top: -20px;
	right: 0;
}

.planDat .ex {
	background: #f5f5f5;
	padding: 5px 15px;
	display: inline-block;
	margin-bottom: 20px;
	border-radius: 5px;
}

.planDat .price {
	font-size: 2rem;
	font-weight: 700;
	color: #ff0000;
}
.planDat .price .sml {
	color: #000;
	font-size: 0.8rem;
	font-weight: 400;
}

.planDat .price span {
	font-size: 3rem;
}

#autoStep1 .halfFlex {
	margin-bottom: 15px;
}

.autoStep1Sml1 {
	padding-left: 30px;
	position: relative;
	font-size: 0.8rem;
}

.autoStep1Sml1:before {
	content: "※1.";
	position: absolute;
	top: 0;
	left: 0;
}

.autoStep1Sml2 {
	padding-left: 30px;
	position: relative;
	font-size: 0.8rem;
}

.autoStep1Sml2:before {
	content: "※2.";
	position: absolute;
	top: 0;
	left: 0;
}

.autoStep1Sml3 {
	padding-left: 30px;
	position: relative;
	font-size: 0.8rem;
}

.autoStep1Sml3:before {
	content: "※3.";
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width:767px)  {
	
	.planDat {
		width: 100%;
		padding: 10px;
		display: block;
		position: relative;
	}
	
	.planOversea {
		margin-bottom: 10px;
	}

	.planDat .flex {
		display: flex;
		align-items: center;
		justify-content: start;
	}

	.planDat .merit {
		display: block;
	}

	.planDat .image img {
		width: 80px;
		height: auto;
		margin-right: 10px;
	}

	.planDat .value {
		display: flex;
		align-items: center;
		margin-bottom: 10px;
		justify-content: center;
	}

	.planDat .term {
		font-size: 1.6rem;
		font-weight: 700;
		position: relative;
		line-height: 1;
	}

	.planDat .term .hosoku {
		font-size: 1.1rem;
	}
	
	.planDat .kinds {
		position: absolute;
		top: -35px;
		right: -20px;
		width: 80px;
		height: 80px;
	}
	
	.planDat .kinds:after {
		background: url("../images/form/balooon_blue_sp.png") center center no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 0;
		right: auto;
		left: 0;
	}
	.planDat.planDomestic .kinds:after {
		background: url("../images/form/balooon_red_sp.png") center center no-repeat;
		background-size: contain;
	}
	
	.planDat .kinds span.num {
		font-size: 1.3rem;
	}

	.planDat .kinds span.unit {
		font-size: 0.8rem;
	}

	.planDat .ex {
		display: block;
		margin-bottom: 0;
	}

	.planDat .price {
		font-size: 1.6rem;
	}

	.planDat .price span {
		font-size: 2.6rem;
	}

	#autoStep1 .halfFlex {
		margin-bottom: 15px;
	}
	
}


/* STEP2
----------------------------------*/

.clothChoice {
	border: 10px solid #f5f5f5;
	width: calc(50% - 10px);
	box-sizing: border-box;
	border-radius: 10px;
}

.clothChoice .title {
	padding: 10px;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	margin: 0 0 30px;
	background: #ff0000;
	color: #fff;
	line-height: 1;
}

.clothChoiceBox {
	padding: 0;
	background: #ffe9e9;
	text-align: center;
	color: #ff0000;
	font-weight: 700;
	margin-bottom: 10px;
	border-radius: 5px;
	position: relative;
	font-size: 1.1rem;
}

.clothChoiceInner {
	margin: 0 30px 30px;
}

#clothChoiceVinyl.clothChoice .title  {
	background: #2e3e69;
}

#clothChoiceVinyl .clothChoiceBox {
	background: #eaeffa;
	color: #2e3e69;
}

.choiceTitle {
	padding: 10px;
}

.clothChoice .accordion .accordion_head:before {
	content: "＞";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	font-weight: 700;
	background: #fff;
	text-align: center;
	font-size: 0.8rem;
	color: #ff0000;
	border-radius: 1000px;
	transform: rotate(-270deg);
	font-family: "MS Pゴシック";
	position: absolute;
	top: calc(50% - 15px);
	right: 5px;
}

#clothChoiceVinyl.clothChoice .accordion .accordion_head:before {
	color: #2e3e69;
}

@media screen and (max-width:767px)  {
	
	.clothChoice {
		width: 100%;
	}

	.clothChoice .title {
		margin: 0 0 20px;
	}
	
	#clothChoiceCloth {
		margin-bottom: 10px;
	}

	.clothChoiceInner {
		margin: 0 20px 20px;
	}
}

.choiceList {
	background: #fff;
	border: 1px solid #e5e5e5;
	position: relative;
	z-index: 2;
	border-radius: 0 0 10px 10px;
	text-align: left;
	color: #111!important;
	padding: 20px 0;
	overflow-y: scroll;
	max-height: 200px;
}

.choiceList li {
	font-size: 0.9rem;
	padding: 10px 15px;
	position: relative;
}

.choiceList li:hover {
	background: #f6f6f6;
}

.choiceList li label {
	display: flex;
	align-items: center;
}

.choiceList li label input {
	margin-right: 5px;
}

.choiceList li .baloon {
	background: #ff0000;
	color: #fff;
	font-size: 0.6rem;
	display: inline-block;
	top: -15px;
	left: 25px;
	border-radius: 1000px;
	padding: 3px 10px;
	position: absolute;
}

.choiceList li .baloon:after {
	content: "▼";
	position: absolute;
	color: #ff0000;
	font-size: 6px;
	line-height: 1;
	bottom: -4px;
	left: calc(50% - 3px);
}

.priceBtn:hover {
	opacity: 0.7;
	cursor: pointer;
}

/* STEP3
----------------------------------*/

.autoStep .priceTable {
	border-radius: 10px;
	margin-bottom: 15px;
}

.materialBox .priceTable td:hover {
	opacity: 0.7;
	cursor: pointer;
}

.autoStep3Text {
	text-align: center;
	margin: 30px;
	font-weight: 700;
	font-size: 1.4rem;
}

.autoStep3Sml {
	position: relative;
	padding-left: 20px;
	font-size: 0.8rem;
}

.autoStep3Sml:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}

.step3btn {
	display: flex;
	margin: 0 auto 50px;
	background: #ff0000;
	color: #fff;
	font-weight: 700;
	border: none;
	padding: 15px 70px 15px 20px;
	font-size: 1.2rem;
	border-radius: 5px;
	letter-spacing: 1px;
	text-align: left;
	position: relative;
}

.step3btn:after {
	content: "＞";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	font-weight: 700;
	background: #fff;
	text-align: center;
	font-size: 0.8rem;
	color: #ff0000;
	border-radius: 1000px;
	transform: rotate(270deg);
	font-family: "MS Pゴシック";
	position: absolute;
	top: calc(50% - 15px);
	right: 15px;
}

.step3btn span {
	color: #fffa1a;
}

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


	.autoStep3Text {
		margin: 20px;
		font-size: 1.1rem;
	}

	.autoStep3Sml {
		position: relative;
		padding-left: 20px;
		font-size: 0.8rem;
	}

	.autoStep3Sml:before {
		content: "※";
		position: absolute;
		top: 0;
		left: 0;
	}

	.step3btn {
		font-size: 1.1rem;
	}
	
	.priceTableWrap {
		overflow-x: scroll;
	}
	
	.priceTableWrap .priceTable {
		width: 800px;
	}

}

/* STEP4
----------------------------------*/

.autoStep .formTable tr:last-child th,
.autoStep .formTable tr:last-child td {
	border-bottom: none;
	padding-bottom: 0;
}


/* STEP5
----------------------------------*/

#autoStep5 .autoStepForm {
	margin-bottom: 15px;
}

.autoStep5Sml {
	font-size: 0.8rem;
	margin-bottom: 50px;
}

.autoStep5Sml li {
	position: relative;
	padding-left: 20px;
}

.autoStep5Sml li:before {
	position: absolute;
	top: 0;
	left: 0;
}

.autoStep5Sml li:nth-child(1):before {
	content: "※1";
}

.autoStep5Sml li:nth-child(2):before {
	content: "※2";
}

.autoStep5Sml li:nth-child(3):before {
	content: "※3";
}

.autoStepResult {
	border: 10px solid #f5f5f5;
	padding: 20px 15px 35px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 10px;	
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 30px;
}

.autoStepResult .label {
	background: #ff0000;
	color: #fff;
	padding: 3px 10px;
	font-size: 1.1rem;
	font-weight: 700;
	border-radius: 5px;
	margin: 30px 20px 0 0;
}

.autoStepResult .price {
	font-size: 1.6rem;
	font-weight: 700;
	color: #ff0000;
}

.autoStepResult .price span {
	font-size: 4.6rem;
}

#autoStep5 .addCart button {
	margin-bottom: 0;
}

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

	.autoStep5Sml {
		font-size: 0.8rem;
		margin-bottom: 30px;
	}

	.autoStepResult {
		margin: 0 0 20px;
		display: block;
		text-align: center;
		padding: 20px;
	}

	.autoStepResult .label {
		display: inline-block;
		font-size: 0.9rem;
		margin: 0 0 -10px;
	}

	.autoStepResult .price {
		font-size: 1rem;
	}

	.autoStepResult .price span {
		font-size: 2.6rem;
	}
}

/*=========================================================

23.初めての方へ

=========================================================*/

.begginersLogo {
	text-align: center;
	display: flex;
	align-items: flex-end;
	font-family: "corporate-logo-ver2", sans-serif;
	font-style: italic;
	font-size: 2rem;
	justify-content: center;
	margin-bottom: 20px;
	color: #1d60cc;
}

.begginersRead {
	color: #1d60cc;
	font-size: 1.6rem;
	margin-bottom: 50px;
	text-align: center;
	font-weight: 700;
}

.beginnersText {
	margin-bottom: 30px;
}

.beginnersSection {
	margin-bottom: 50px;
}

.beginnersSectionInner {
	border-radius: 10px;
	padding: 10px;
	background: #e5e5e5;
}

.beginnersSectionInner .cta {
	border-radius: 10px;
	padding: 30px;
	background: #fff;
}

.beginnersSectionInner .cta ul {
	display: flex;
	justify-content: center;
}

.beginnersSectionInner .cta ul li {
	padding: 0 10px;
}

@media screen and (max-width:767px)  {
	
	.begginersLogo {
		font-size: 1.6rem;
		margin-bottom: 10px;
	}
	
	.begginersLogo img {
		width: 180px;
		height: auto;
		position: relative;
		top: -8px;
		margin-right: -5px;
	}

	.begginersRead {
		font-size: 1.2rem;
		margin-bottom: 30px;
		text-align: left;
	}
	
	.begginersRead br {
		display: none;
	}

	.beginnersText {
		margin-bottom: 20px;
	}

	.beginnersSection {
		margin-bottom: 30px;
	}

	.beginnersSectionInner .cta {
		padding: 15px 10px;
		text-align: center;
	}

	.beginnersSectionInner .cta ul {
		display: block;
	}

	.beginnersSectionInner .cta ul li {
		padding: 0 ;
	}
	
	.beginnersSectionInner .cta ul li:not(:last-child){
		margin-bottom: 5px;
	}
}

/* 5つのおすすめポイント
----------------------------------*/

#beginnersPoints {
	margin-bottom: 50px;
}

.beginnersPointsHeading {
	font-family: "corporate-logo-ver2", sans-serif;
	font-style: italic;
	font-size: 2rem;
	text-align: center;
	font-weight: 700;
	margin-bottom: 20px;
	color: #1d60cc;	
}

.beginnersPointsHeading span {
	font-size: 3rem;
}

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

	#beginnersPoints {
		margin-bottom: 30px;
	}

	.beginnersPointsHeading {
		font-size: 1.2rem;
	}

	.beginnersPointsHeading span {
		font-size: 2rem;
	}	
}

/* 商品紹介
----------------------------------*/

.lineup {
	display: flex;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
	margin-bottom: 10px;
}

.lineup .l {
	width: 300px;
	border-radius: 10px;
	overflow: hidden;
	margin-right: 30px;
}

.lineup .r {
	width: calc(100% - 330px);
}

.lineup .info {
	overflow: hidden;
	font-weight: 700;
	margin-bottom: 20px;
}

.lineup .info ul {
	float: left;
	display: flex;
	align-items: center;
}

.lineup .info ul li {
	border-radius: 1000px;
	background: #1d60cc;
	color: #fff;
	padding: 3px 10px;
	text-align: center;
	width: 90px;
	font-size: 0.8rem;
	box-sizing: border-box;
	margin-right: 10px;
}

.lineup .info p {
	float: right;
	padding: 5px;
	border-radius: 5px;
	background: #f2d431;
	text-align: center;
}

.lineup .name {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 20px;
}

.lineup .spec {
	background: #f5f5f5;
	display: flex;
	align-items: center;
	padding: 5px 15px;
}

.lineup .spec .price {
	margin-right: 30px;
	white-space: nowrap;
}

.lineup .spec .label {
	background: #ff0000;
	color: #ffffff;
	border-radius: 5px;
	font-size: 0.9rem;
	font-weight: 700;
	padding: 2px 10px;
	margin-right: 5px;
	bottom: 5px;
	position: relative;
}

.lineup .spec .num {
	font-size: 2rem;
	font-style: italic;
	color: #ff0000;
	font-weight: 700;
}


.lineup .spec .num strong {
	font-size: 3rem;
	font-style: italic;
	font-weight: 700;
}

	@media screen and (max-width:767px)  {
		
	.lineup {
		display: block;
		padding: 0;
		margin-bottom: 10px;
		position: relative;
	}

	.lineup .l {
		width: 100%;
		margin: 0;
	}

	.lineup .r {
		width: 100%;
		box-sizing: border-box;
		padding: 20px 10px 10px;
	}

	.lineup .info {
		margin-bottom: 0px;
	}

	.lineup .info ul {
		float: none;
		display: flex;
		align-items: center;
		text-align: center;
		justify-content: center;
		margin-bottom: 15px;
	}

	.lineup .info ul li {
		padding: 2px 7px;
		width: 80px;
		font-size: 0.7rem;
		margin: 0 5px;
	}

	.lineup .info p {
		float: none;
		position: absolute;
		top: 0;
		right: 0;
		border-radius: 0 5px 0 5px;
		font-size: 0.8rem;
	}

	.lineup .name {
		font-size: 1.2rem;
		margin-bottom: 15px;
	}

	.lineup .spec {
		background: #f5f5f5;
		display: block;
		padding: 0 10px 5px;
		border-radius: 5px;
	}

	.lineup .spec .price {
		margin-right: 0;
		margin-bottom: 5px;
	}

	.lineup .spec .label {
		background: #ff0000;
		color: #ffffff;
		font-size: 0.7rem;
		font-weight: 700;
		padding: 2px 4px 3px;
		bottom: 5px;
	}

	.lineup .spec .num {
		font-size: 1.8rem;
		font-style: italic;
		color: #ff0000;
		font-weight: 700;
	}


	.lineup .spec .num strong {
		font-size: 2.4rem;
		font-style: italic;
		font-weight: 700;
	}
		.lineup .size {
			font-size: 0.9rem;
		}
}

/* サービス紹介
----------------------------------*/

.beginnersSectionInnerFlex {
	display: flex;
}

.beginnersSectionInnerFlex .box {
	display: flex;
	flex-direction: column;
	width: calc(50% - 5px);
	box-sizing: border-box;
	margin: 0 10px 0 0;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
	text-align: center;
}

.beginnersSectionInnerFlex .box:nth-child(2n){
	margin-right: 0;
}

.beginnersSectionInnerFlex .box .copy {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 5px;
}

.beginnersSectionInnerFlex .box .title {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 5px;
	color: #1d60cc;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.beginnersSectionInnerFlex .box .title span {
	background: #f2d431;
	color: #111;
	border-radius: 5px;
	font-size: 0.9rem;
	margin: 0 5px;
	padding: 2px 10px;
}

.beginnersSectionInnerFlex .box .title strong {
	font-size: 1.4rem;
	font-weight: 700;
}

.beginnersSectionInnerFlex .box .image {
	margin-bottom: 10px;
}

.beginnersSectionInnerFlex .box .text {
	text-align: left;
}

.beginnersSectionInnerFlex .box .btn {
	margin-top: 20px;
}

.beginnersSectionInnerFlex .box .btn a {
	border-radius: 1000px;
	padding: 5px 20px 5px 5px;
	font-size: 0.9rem;
}

@media screen and (max-width:767px)  {
	.beginnersSectionInnerFlex {
		display: block;
	}

	.beginnersSectionInnerFlex .box {
		display: flex;
		flex-direction: column;
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 10px;
		padding: 10px;
	}	
}

/* 初めて幕を作成されるお客様
----------------------------------*/

.beginnersFirstHeading {
	font-family: "corporate-logo-ver2", sans-serif;
	font-style: italic;
	font-size: 2rem;
	text-align: center;
	font-weight: 700;
	margin-bottom: 20px;
	color: #1d60cc;	
}


.beginnersSample {
	margin-bottom: 50px;
	background: #f5f5f5;
	padding: 20px;
	border-radius: 10px;
}

.beginnersSampleInner {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.beginnersSample .l {
	margin-right: 30px;
	width: 150px;
}


.beginnersSample .r {
	width: calc(100% - 180px);
}

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

	.beginnersFirstHeading {
		font-size: 2rem;
	}
	
	.beginnersSample {
		margin-bottom: 30px;
	}

	.beginnersSampleInner {
		margin-bottom: 15px;
	}

	.beginnersSample .l {
		margin: 0 15px 15px 0;
		width: 75px;
	}


	.beginnersSample .r {
		width: calc(100% - 90px);
		font-size: 0.8rem;
		font-weight: 700;
		color: #1d60cc;
	}
	
}

/* オプション
----------------------------------*/

.beginersOptions {
	margin-bottom: 50px;
}

.beginersOptions ul {
	background: #f5f5f5;
	border-radius: 10px;
	padding: 10px;
}

.beginersOptions ul li {
	background: #fff;
	margin-bottom: 10px;
	border-radius: 10px;
	padding: 10px;
	display: flex;
}

.beginersOptions ul li:last-child {
	margin-bottom: 0;
}

.beginersOptions ul li .l {
	width: 180px;
	margin-right: 20px;
	box-sizing: border-box;
}

.beginersOptions ul li .r {
	width: calc(100% - 200px);
	box-sizing: border-box;
}

.beginersOptions ul li .r .name {
	font-size: 1.2rem;
	font-weight: 700;
	color: #1d60cc;
	margin-bottom: 15px;
}

.beginersOptions ul li .r .name span.iconFree {
	display: inline-block;
	background: #f2d431;
	color: #1d60cc;
	padding: 2px 10px;
	border-radius: 5px;
	margin-right: 5px;
	font-size: 0.9rem;
}

.beginersOptions ul li .r .name span.iconPaid {
	display: inline-block;
	background: #ff0000;
	color: #fff;
	padding: 2px 10px;
	border-radius: 5px;
	margin-right: 5px;
	font-size: 0.9rem;
}
.beginersOptions ul li .r .btn {
	text-align: right;
}
.beginersOptions ul li .r .btn a {
	border-radius: 1000px;
	padding: 5px 20px 5px 5px;
	font-size: 0.9rem;
	min-width: 150px;
}

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

	.beginersOptions {
		margin-bottom: 30px;
	}

	.beginersOptions ul {
		background: #f5f5f5;
		border-radius: 10px;
		padding: 10px;
	}

	.beginersOptions ul li {
		background: #fff;
		margin-bottom: 10px;
		border-radius: 10px;
		padding: 10px;
		display: flex;
	}

	.beginersOptions ul li:last-child {
		margin-bottom: 0;
	}

	.beginersOptions ul li .l {
		width: 40%;
		margin-right: 10px;
	}

	.beginersOptions ul li .r {
		width: calc(60% - 10px);
	}

	.beginersOptions ul li .r .name {
		font-size: 1rem;
		margin-bottom: 10px;
	}
	.beginersOptions ul li .r .text {
		font-size: 0.9rem;
		margin-bottom: 10px;
	}

	.beginersOptions ul li .r .name span.iconFree {
		padding: 2px 4px;
		font-size: 0.8rem;
	}

	.beginersOptions ul li .r .name span.iconPaid {
		padding: 2px 4px;
		font-size: 0.8rem;
	}
	.beginersOptions ul li .r .btn {
		text-align: right;
	}
	.beginersOptions ul li .r .btn a {
		line-height: 1;
		padding: 6px 10px 6px 4px;
		font-size: 0.8rem;
		min-width: auto;
	}
	
}

/* デザインを作成しましょう。
----------------------------------*/

.beginnersCaseList {
	border-radius: 10px;
}

.beginnersCaseList li {
	background: #fff;
	overflow: hidden;
	display: flex;
	align-items: center;
	padding: 30px 15px;
}

.beginnersCaseList li:not(:last-child){
	border-bottom: 1px solid #e5e5e5;
}

.beginnersCaseList li:first-child {
	border-radius: 10px 10px 0 0;
}

.beginnersCaseList li:last-child {
	border-radius: 0 0 10px 10p;
}


.beginnersCaseList li .title {
	font-size: 1.4rem;
	font-weight: 700;
	color: #1d60cc;
	display: flex;
	align-items: center;
}

.beginnersCaseList li .title:before {
	content:"！";
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: 700;
	background: #f2d431;
	border-radius: 1000px;
	color: #111;
	margin-right: 10px;
}

.beginnersCaseList li .r {
	text-align: right;
}

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

	.beginnersCaseList {
		border-radius: 10px;
	}

	.beginnersCaseList li {
		display: block;
		padding: 10px ;
	}


	.beginnersCaseList li .title {
		font-size: 1.1rem;
	}

	.beginnersCaseList li .title:before {
		width: 26px;
		height: 26px;
		margin-right: 5px;
		font-size: 0.9rem;
	}
}

/* 生地
----------------------------------*/

.beginnersSectionInnerWrap {
	background: #fff;
	padding: 10px;
	border-radius: 0 0 5px 5px;
}

.beginnersKijiBox {
	background: #fff;
	border-radius: 5px 5px 0 0;
}

.beginnersKijiBox .subheading {
	margin-bottom: 0;
	border-radius: 5px 5px 0 0;
	display: flex;
	padding: 0;
}

.beginnersKijiHeadingFlag:before {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	margin-right: 15px;
	background: #fffa1a url("../images/beginners/icon_flag.png") center center no-repeat;
	background-size: auto;
	background-size: 40px auto;
}

.beginnersKijiHeadingTare:before {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	margin-right: 15px;
	background: #fffa1a url("../images/beginners/icon_tare.png") center center no-repeat;
	background-size: auto;
	background-size: 40px auto;
}

.beginnersKijiMain {
	display: flex;
	padding: 30px 15px;
	align-items: center;
}

.beginnersKijiMain .l {
	width: 240px;
	margin-right: 30px;
}

.beginnersKijiMain .r {
	width: calc(100% - 270px);
}

.beginnersKijiMain .r .title {
	font-size: 1.2rem;
	font-weight: 700;
	color: #1d60cc;
	margin-bottom: 15px;
}

.beginnersSectionInnerWrap .subheading {
	margin-bottom: 0!important;
}

.beginnersSectionInnerWrap .kijiBox:not(:last-child){
	margin-bottom: 10px;
}

.beginnersSectionInnerWrap .kijiBox ul {
	margin: 30px 0 0;
}

@media screen and (max-width:767px)  {
	.beginnersSectionInnerWrap {
		background: #fff;
		padding: 10px;
		border-radius: 0 0 5px 5px;
	}

	.beginnersKijiBox {
		background: #fff;
		border-radius: 5px 5px 0 0;
	}

	.beginnersKijiBox .subheading {
		margin-bottom: 0;
		border-radius: 5px 5px 0 0;
		display: flex;
		padding: 0;
	}

	.beginnersKijiHeadingFlag:before {
		width: 40px;
		height: 40px;
		margin-right: 10px;
		background-size: 30px auto;
	}

	.beginnersKijiHeadingTare:before {
		width: 40px;
		height: 40px;
		margin-right: 10px;
		background-size: 30px auto;
	}

	.beginnersKijiMain {
		display: flex;
		padding: 10px;
		align-items: center;
	}

	.beginnersKijiMain .l {
		width: 40%;
		margin-right: 10px;
	}

	.beginnersKijiMain .r {
		width: calc(60% - 10px);
		font-size: 0.8rem;
	}

	.beginnersKijiBox .title {
		font-size: 1.1rem;
		font-weight: 700;
		color: #1d60cc;
		margin: 0;
		padding: 10px 10px 0;
	}

	.beginnersSectionInnerWrap .subheading {
		margin-bottom: 0!important;
	}

	.beginnersSectionInnerWrap .kijiBox:not(:last-child){
		margin-bottom: 10px;
	}

	.beginnersSectionInnerWrap .kijiBox ul {
		margin: 30px 0 0;
	}	
}

/* よくある質問
----------------------------------*/

#beginnersFaq {
	margin-bottom: 50px;
}

@media screen and (max-width:767px)  {
	#beginnersFaq {
		margin-bottom: 30px;
	}	
}

/*=========================================================

24.カート

=========================================================*/

/* フロー
----------------------------------*/

.ec-progress {
  margin: 0 auto;
  padding: 8px 0 16px;
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 600px;
  list-style: none
}
.ec-progress .ec-progress__item {
  display: table-cell;
  position: relative;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  z-index: 0
}
.ec-progress .ec-progress__item:after {
  content: "";
  position: absolute;
  display: block;
  background: #525263;
  width: 100%;
  height: .25em;
  top: 1.25em;
  left: 50%;
  z-index: -1
}
.ec-progress .ec-progress__item:last-child:after {
  display: none
}
.ec-progress .ec-progress__number {
  line-height: 30px;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  font-size: 12px;
  background: #525263;
  color: #fff;
  top: 0;
  left: 18px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%
}
.ec-progress .ec-progress__label {
  font-size: 12px
}
.ec-progress .is-complete .ec-progress__number {
  background:#1d60cc;
}
.ec-progress .is-complete .ec-progress__label {
  color: #5cb1b1
}
@media only screen and (min-width: 768px) {
  .ec-progress .ec-progress__number {
    line-height: 42px;
    width: 42px;
    height: 42px;
    font-size: 20px;
  }
}

.ec-cartRole__totalText {
	text-align: center;
	margin: 0 0 50px;
}

/* テーブル
----------------------------------*/

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}
.form-label {
  margin-bottom: .5rem
}
.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.42857142
}
.col-form-label-lg {
  padding-top: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size: 1.09375rem
}
.col-form-label-sm {
  padding-top: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size: .765625rem
}
.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: #6c757d
}
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857142;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.form-control[type=file] {
  overflow: hidden
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #99bddb;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(51,122,183,.25)
}
.form-control::-webkit-date-and-time-value {
  height: 1.42857142em
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1
}
.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1
}
.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3
}
.form-control::-webkit-file-upload-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  line-height: 1.42857142;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0
}
.form-control-sm {
  min-height: calc(1.42857142em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .765625rem;
  border-radius: .2rem
}
.form-control-sm::file-selector-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}
.form-control-sm::-webkit-file-upload-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}
.form-control-lg {
  min-height: calc(1.42857142em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.09375rem;
  border-radius: .3rem
}
.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}
.form-control-lg::-webkit-file-upload-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}
textarea.form-control {
  min-height: calc(1.42857142em + .75rem + 2px)
}
textarea.form-control-sm {
  min-height: calc(1.42857142em + .5rem + 2px)
}
textarea.form-control-lg {
  min-height: calc(1.42857142em + 1rem + 2px)
}
.form-control-color {
  width: 3rem;
  height: auto;
  padding: .375rem
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer
}
.form-control-color::-moz-color-swatch {
  height: 1.42857142em;
  border-radius: .25rem
}
.form-control-color::-webkit-color-swatch {
  height: 1.42857142em;
  border-radius: .25rem
}
.form-select {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857142;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.form-select:focus {
  border-color: #99bddb;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(51,122,183,.25)
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: .75rem;
  background-image: none
}
.form-select:disabled {
  background-color: #e9ecef
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529
}
.form-select-sm {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .765625rem;
  border-radius: .2rem
}
.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.09375rem;
  border-radius: .3rem
}
.form-check {
  display: block;
  min-height: 1.2499999925rem;
  padding-left: 1.5em;
  margin-bottom: .125rem
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em
}
.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: .21428571em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0,0,0,.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact
}
.form-check-input[type=checkbox] {
  border-radius: .25em
}
.form-check-input[type=radio] {
  border-radius: 50%
}
.form-check-input:active {
  filter: brightness(90%)
}
.form-check-input:focus {
  border-color: #99bddb;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(51,122,183,.25)
}
.form-check-input:checked {
  background-color: #337ab7;
  border-color: #337ab7
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #337ab7;
  border-color: #337ab7;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  opacity: .5
}
.form-switch {
  padding-left: 2.5em
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position .15s ease-in-out
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2399bddb'/%3e%3c/svg%3e")
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem
}
.btn-check {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none
}
.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: .65
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.form-range:focus {
  outline: 0
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(51,122,183,.25)
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(51,122,183,.25)
}
.form-range::-moz-focus-outer {
  border: 0
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  background-color: #337ab7;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none
}
.form-range::-webkit-slider-thumb:active {
  background-color: #c2d7e9
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #337ab7;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -moz-appearance: none;
  appearance: none
}
.form-range::-moz-range-thumb:active {
  background-color: #c2d7e9
}
.form-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}
.form-range:disabled {
  pointer-events: none
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd
}
.form-floating {
  position: relative
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem .75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out,transform .1s ease-in-out
}
.form-floating > .form-control {
  padding: 1rem .75rem
}
.form-floating > .form-control::-moz-placeholder {
  color: transparent
}
.form-floating > .form-control:-ms-input-placeholder {
  color: transparent
}
.form-floating > .form-control::placeholder {
  color: transparent
}
.form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}
.form-floating > .form-control:not(:-ms-input-placeholder) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3
}
.input-group .btn {
  position: relative;
  z-index: 2
}
.input-group .btn:focus {
  z-index: 3
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.42857142;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem
}
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
  padding: .5rem 1rem;
  font-size: 1.09375rem;
  border-radius: .3rem
}
.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
  padding: .25rem .5rem;
  font-size: .765625rem;
  border-radius: .2rem
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #198754
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .765625rem;
  color: #fff;
  background-color: rgba(25,135,84,.9);
  border-radius: .25rem
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #198754;
  padding-right: calc(1.42857142em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.357142855em + .1875rem) center;
  background-size: calc(.71428571em + .375rem) calc(.71428571em + .375rem)
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.42857142em + .75rem);
  background-position: top calc(.357142855em + .1875rem) right calc(.357142855em + .1875rem)
}
.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: #198754
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right .75rem center,center right 2.25rem;
  background-size: 16px 12px,calc(.71428571em + .375rem) calc(.71428571em + .375rem)
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: #198754
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #198754
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: #198754
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: .5em
}
.input-group .form-control.is-valid,
.input-group .form-select.is-valid,
.was-validated .input-group .form-control:valid,
.was-validated .input-group .form-select:valid {
  z-index: 1
}
.input-group .form-control.is-valid:focus,
.input-group .form-select.is-valid:focus,
.was-validated .input-group .form-control:valid:focus,
.was-validated .input-group .form-select:valid:focus {
  z-index: 3
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #dc3545
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .765625rem;
  color: #fff;
  background-color: rgba(220,53,69,.9);
  border-radius: .25rem
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.42857142em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.357142855em + .1875rem) center;
  background-size: calc(.71428571em + .375rem) calc(.71428571em + .375rem)
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.42857142em + .75rem);
  background-position: top calc(.357142855em + .1875rem) right calc(.357142855em + .1875rem)
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: #dc3545
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right .75rem center,center right 2.25rem;
  background-size: 16px 12px,calc(.71428571em + .375rem) calc(.71428571em + .375rem)
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: #dc3545
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: #dc3545
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: .5em
}
.input-group .form-control.is-invalid,
.input-group .form-select.is-invalid,
.was-validated .input-group .form-control:invalid,
.was-validated .input-group .form-select:invalid {
  z-index: 2
}
.input-group .form-control.is-invalid:focus,
.input-group .form-select.is-invalid:focus,
.was-validated .input-group .form-control:invalid:focus,
.was-validated .input-group .form-select:invalid:focus {
  z-index: 3
}
/*
.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.42857142;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: .875rem;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.btn:hover {
  color: #212529
}
*/
.btn-check:focus + .btn,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(51,122,183,.25)
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  pointer-events: none;
  opacity: .65
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}
.btn-primary:hover {
  color: #fff;
  background-color: #2b689c;
  border-color: #296292
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #2b689c;
  border-color: #296292;
  box-shadow: 0 0 0 .25rem rgba(82,142,194,.5)
}
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #296292;
  border-color: #265c89
}
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(82,142,194,.5)
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
}
.btn-check:active + .btn-secondary,
.btn-check:checked + .btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e
}
.btn-check:active + .btn-secondary:focus,
.btn-check:checked + .btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}
.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754
}
.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43
}
.btn-check:focus + .btn-success,
.btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
}
.btn-check:active + .btn-success,
.btn-check:checked + .btn-success,
.btn-success.active,
.btn-success:active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f
}
.btn-check:active + .btn-success:focus,
.btn-check:checked + .btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #198754;
  border-color: #198754
}
.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0
}
.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2
}
.btn-check:focus + .btn-info,
.btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
}
.btn-check:active + .btn-info,
.btn-check:checked + .btn-info,
.btn-info.active,
.btn-info:active,
.show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2
}
.btn-check:active + .btn-info:focus,
.btn-check:checked + .btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
}
.btn-info.disabled,
.btn-info:disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0
}
.btn-warning {
  color: #000;
  background-color: #fcf8e3;
  border-color: #fcf8e3
}
.btn-warning:hover {
  color: #000;
  background-color: #fcf9e7;
  border-color: #fcf9e6
}
.btn-check:focus + .btn-warning,
.btn-warning:focus {
  color: #000;
  background-color: #fcf9e7;
  border-color: #fcf9e6;
  box-shadow: 0 0 0 .25rem rgba(214,211,193,.5)
}
.btn-check:active + .btn-warning,
.btn-check:checked + .btn-warning,
.btn-warning.active,
.btn-warning:active,
.show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #fdf9e9;
  border-color: #fcf9e6
}
.btn-check:active + .btn-warning:focus,
.btn-check:checked + .btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(214,211,193,.5)
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #000;
  background-color: #fcf8e3;
  border-color: #fcf8e3
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}
.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37
}
.btn-check:focus + .btn-danger,
.btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 .25rem rgba(225,83,97,.5)
}
.btn-check:active + .btn-danger,
.btn-check:checked + .btn-danger,
.btn-danger.active,
.btn-danger:active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834
}
.btn-check:active + .btn-danger:focus,
.btn-check:checked + .btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(225,83,97,.5)
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}
.btn-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}
.btn-light:hover {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb
}
.btn-check:focus + .btn-light,
.btn-light:focus {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
}
.btn-check:active + .btn-light,
.btn-check:checked + .btn-light,
.btn-light.active,
.btn-light:active,
.show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb
}
.btn-check:active + .btn-light:focus,
.btn-check:checked + .btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
}
.btn-light.disabled,
.btn-light:disabled {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}
.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529
}
.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21
}
.btn-check:focus + .btn-dark,
.btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 .25rem rgba(66,70,73,.5)
}
.btn-check:active + .btn-dark,
.btn-check:checked + .btn-dark,
.btn-dark.active,
.btn-dark:active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f
}
.btn-check:active + .btn-dark:focus,
.btn-check:checked + .btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(66,70,73,.5)
}
.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529
}
.btn-outline-primary {
  color: #337ab7;
  border-color: #337ab7
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 .25rem rgba(51,122,183,.5)
}
.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}
.btn-check:active + .btn-outline-primary:focus,
.btn-check:checked + .btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
  box-shadow: 0 0 0 .25rem rgba(51,122,183,.5)
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #337ab7;
  background-color: transparent
}
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}
.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 .25rem rgba(108,117,125,.5)
}
.btn-check:active + .btn-outline-secondary,
.btn-check:checked + .btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}
.btn-check:active + .btn-outline-secondary:focus,
.btn-check:checked + .btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
  box-shadow: 0 0 0 .25rem rgba(108,117,125,.5)
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent
}
.btn-outline-success {
  color: #198754;
  border-color: #198754
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #198754;
  border-color: #198754
}
.btn-check:focus + .btn-outline-success,
.btn-outline-success:focus {
  box-shadow: 0 0 0 .25rem rgba(25,135,84,.5)
}
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
  color: #fff;
  background-color: #198754;
  border-color: #198754
}
.btn-check:active + .btn-outline-success:focus,
.btn-check:checked + .btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
  box-shadow: 0 0 0 .25rem rgba(25,135,84,.5)
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #198754;
  background-color: transparent
}
.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0
}
.btn-outline-info:hover {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0
}
.btn-check:focus + .btn-outline-info,
.btn-outline-info:focus {
  box-shadow: 0 0 0 .25rem rgba(13,202,240,.5)
}
.btn-check:active + .btn-outline-info,
.btn-check:checked + .btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0
}
.btn-check:active + .btn-outline-info:focus,
.btn-check:checked + .btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
  box-shadow: 0 0 0 .25rem rgba(13,202,240,.5)
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #0dcaf0;
  background-color: transparent
}
.btn-outline-warning {
  color: #fcf8e3;
  border-color: #fcf8e3
}
.btn-outline-warning:hover {
  color: #000;
  background-color: #fcf8e3;
  border-color: #fcf8e3
}
.btn-check:focus + .btn-outline-warning,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 .25rem rgba(252,248,227,.5)
}
.btn-check:active + .btn-outline-warning,
.btn-check:checked + .btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
  color: #000;
  background-color: #fcf8e3;
  border-color: #fcf8e3
}
.btn-check:active + .btn-outline-warning:focus,
.btn-check:checked + .btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
  box-shadow: 0 0 0 .25rem rgba(252,248,227,.5)
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #fcf8e3;
  background-color: transparent
}
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}
.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 .25rem rgba(220,53,69,.5)
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}
.btn-check:active + .btn-outline-danger:focus,
.btn-check:checked + .btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
  box-shadow: 0 0 0 .25rem rgba(220,53,69,.5)
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent
}
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa
}
.btn-outline-light:hover {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}
.btn-check:focus + .btn-outline-light,
.btn-outline-light:focus {
  box-shadow: 0 0 0 .25rem rgba(248,249,250,.5)
}
.btn-check:active + .btn-outline-light,
.btn-check:checked + .btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}
.btn-check:active + .btn-outline-light:focus,
.btn-check:checked + .btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
  box-shadow: 0 0 0 .25rem rgba(248,249,250,.5)
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent
}
.btn-outline-dark {
  color: #212529;
  border-color: #212529
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529
}
.btn-check:focus + .btn-outline-dark,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 .25rem rgba(33,37,41,.5)
}
.btn-check:active + .btn-outline-dark,
.btn-check:checked + .btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
  color: #fff;
  background-color: #212529;
  border-color: #212529
}
.btn-check:active + .btn-outline-dark:focus,
.btn-check:checked + .btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
  box-shadow: 0 0 0 .25rem rgba(33,37,41,.5)
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #212529;
  background-color: transparent
}
.btn-link {
  font-weight: 400;
  color: #337ab7;
  text-decoration: underline
}
.btn-link:hover {
  color: #296292
}
.btn-link.disabled,
.btn-link:disabled {
  color: #6c757d
}
.btn-group-lg > .btn,
.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.09375rem;
  border-radius: .3rem
}
.btn-group-sm > .btn,
.btn-sm {
  padding: .25rem .5rem;
  font-size: .765625rem;
  border-radius: .2rem
}
.fade {
  transition: opacity .15s linear
}
.fade:not(.show) {
  opacity: 0
}
.collapse:not(.show) {
  display: none
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease
}
.dropdown,
.dropend,
.dropstart,
.dropup {
  position: relative
}
.dropdown-toggle {
  white-space: nowrap
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
  margin-left: 0
}
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: .5rem 0;
  margin: 0;
  font-size: .875rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: .125rem
}
.dropdown-menu-start {
  --bs-position: start
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0
}
.dropdown-menu-end {
  --bs-position: end
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: .125rem
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0
}
.dropend .dropdown-toggle::after {
  vertical-align: 0
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: .125rem
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: ""
}
.dropstart .dropdown-toggle::after {
  display: none
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0
}
.dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0,0,0,.15)
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: #1e2125;
  background-color: #e9ecef
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent
}
.dropdown-menu.show {
  display: block
}
.dropdown-header {
  display: block;
  padding: .5rem 1rem;
  margin-bottom: 0;
  font-size: .765625rem;
  color: #6c757d;
  white-space: nowrap
}
.dropdown-item-text {
  display: block;
  padding: .25rem 1rem;
  color: #212529
}
.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0,0,0,.15)
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6
}
.dropdown-menu-dark .dropdown-item:focus,
.dropdown-menu-dark .dropdown-item:hover {
  color: #fff;
  background-color: rgba(255,255,255,.15)
}
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #337ab7
}
.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0,0,0,.15)
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover {
  z-index: 1
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}
.btn-toolbar .input-group {
  width: auto
}
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
  margin-left: -1px
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem
}
.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
  margin-left: 0
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}
.nav-link {
  display: block;
  padding: .5rem 1rem;
  color: #337ab7;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}
.nav-link:focus,
.nav-link:hover {
  color: #296292
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6;
  isolation: isolate
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  border-radius: .25rem
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #337ab7
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%
}
.tab-content > .tab-pane {
  display: none
}
.tab-content > .active {
  display: block
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: .5rem;
  padding-bottom: .5rem
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between
}
.navbar-brand {
  padding-top: .3437500009rem;
  padding-bottom: .3437500009rem;
  margin-right: 1rem;
  font-size: 1.09375rem;
  text-decoration: none;
  white-space: nowrap
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0
}
.navbar-nav .dropdown-menu {
  position: static
}
.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center
}
.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.09375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: box-shadow .15s ease-in-out
}
.navbar-toggler:hover {
  text-decoration: none
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 .25rem
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height,75vh);
  overflow-y: auto
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start
}
.navbar-expand .navbar-nav {
  flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible
}
.navbar-expand .navbar-collapse {
  display: flex!important;
  flex-basis: auto
}
.navbar-expand .navbar-toggler {
  display: none
}
.navbar-expand .offcanvas-header {
  display: none
}
.navbar-expand .offcanvas {
  position: inherit;
  bottom: 0;
  z-index: 1000;
  flex-grow: 1;
  visibility: visible!important;
  background-color: transparent;
  border-right: 0;
  border-left: 0;
  transition: none;
  transform: none
}
.navbar-expand .offcanvas-bottom,
.navbar-expand .offcanvas-top {
  height: auto;
  border-top: 0;
  border-bottom: 0
}
.navbar-expand .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible
}
.navbar-light .navbar-brand {
  color: rgba(0,0,0,.9)
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: rgba(0,0,0,.9)
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0,0,0,.55)
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0,0,0,.7)
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0,0,0,.3)
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0,0,0,.9)
}
.navbar-light .navbar-toggler {
  color: rgba(0,0,0,.55);
  border-color: rgba(0,0,0,.1)
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
  color: rgba(0,0,0,.55)
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
  color: rgba(0,0,0,.9)
}
.navbar-dark .navbar-brand {
  color: #fff
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: #fff
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,.55)
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255,255,255,.75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255,255,255,.25)
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #fff
}
.navbar-dark .navbar-toggler {
  color: rgba(255,255,255,.55);
  border-color: rgba(255,255,255,.1)
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
  color: rgba(255,255,255,.55)
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
  color: #fff
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem
}
.card > hr {
  margin-right: 0;
  margin-left: 0
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0
}
.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem
}
.card-title {
  margin-bottom: .5rem
}
.card-subtitle {
  margin-top: -.25rem;
  margin-bottom: 0
}
.card-text:last-child {
  margin-bottom: 0
}
.card-link + .card-link {
  margin-left: 1rem
}
.card-header {
  padding: .5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125)
}
.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-footer {
  padding: .5rem 1rem;
  background-color: rgba(0,0,0,.03);
  border-top: 1px solid rgba(0,0,0,.125)
}
.card-footer:last-child {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
  margin-right: -.5rem;
  margin-bottom: -.5rem;
  margin-left: -.5rem;
  border-bottom: 0
}
.card-header-pills {
  margin-right: -.5rem;
  margin-left: -.5rem
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(.25rem - 1px)
}
.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%
}
.card-img,
.card-img-top {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}
.card-group > .card {
  margin-bottom: .75rem
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: .875rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease
}
.accordion-button:not(.collapsed) {
  color: #2e6ea5;
  background-color: #ebf2f8;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125)
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232e6ea5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg)
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out
}
.accordion-button:hover {
  z-index: 2
}
.accordion-button:focus {
  z-index: 3;
  border-color: #99bddb;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(51,122,183,.25)
}
.accordion-header {
  margin-bottom: 0
}
.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125)
}
.accordion-item:first-of-type {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}
.accordion-item:not(:first-of-type) {
  border-top: 0
}
.accordion-item:last-of-type {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem
}
.accordion-body {
  padding: 1rem 1.25rem
}
.accordion-flush .accordion-collapse {
  border-width: 0
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}
.accordion-flush .accordion-item:first-child {
  border-top: 0
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: .5rem
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/")
}
.breadcrumb-item.active {
  color: #6c757d
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none
}
.page-link {
  position: relative;
  display: block;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.page-link:hover {
  z-index: 2;
  color: #296292;
  background-color: #e9ecef;
  border-color: #dee2e6
}
.page-link:focus {
  z-index: 3;
  color: #296292;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(51,122,183,.25)
}
.page-item:not(:first-child) .page-link {
  margin-left: -1px
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6
}
.page-link {
  padding: .375rem .75rem
}
.page-item:first-child .page-link {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem
}
.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.09375rem
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .765625rem
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem
}
.badge {
  display: inline-block;
  padding: .35em .65em;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem
}
.badge:empty {
  display: none
}
.btn .badge {
  position: relative;
  top: -1px
}
.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem
}
.alert-heading {
  color: inherit
}
.alert-link {
  font-weight: 700
}
.alert-dismissible {
  padding-right: 3rem
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem
}
.alert-primary {
  color: #1f496e;
  background-color: #d6e4f1;
  border-color: #c2d7e9
}
.alert-primary .alert-link {
  color: #193a58
}
.alert-secondary {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8
}
.alert-secondary .alert-link {
  color: #34383c
}
.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc
}
.alert-success .alert-link {
  color: #0c4128
}
.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb
}
.alert-info .alert-link {
  color: #04414d
}
.alert-warning {
  color: #65635b;
  background-color: #fefef9;
  border-color: #fefdf7
}
.alert-warning .alert-link {
  color: #514f49
}
.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7
}
.alert-danger .alert-link {
  color: #6a1a21
}
.alert-light {
  color: #636464;
  background-color: #fefefe;
  border-color: #fdfdfe
}
.alert-light .alert-link {
  color: #4f5050
}
.alert-dark {
  color: #141619;
  background-color: #d3d3d4;
  border-color: #bcbebf
}
.alert-dark .alert-link {
  color: #101214
}
@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: .65625rem;
  background-color: #e9ecef;
  border-radius: .25rem
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #337ab7;
  transition: width .6s ease
}
.progress-bar-striped {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: 1rem 1rem
}
.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: .25rem
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section
}
.list-group-numbered > li::before {
  content: counters(section, ".") ". ";
  counter-increment: section
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit
}
.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef
}
.list-group-item {
  position: relative;
  display: block;
  padding: .5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125)
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}
.list-group-item + .list-group-item {
  border-top-width: 0
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px
}
.list-group-horizontal {
  flex-direction: row
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: .25rem;
  border-top-right-radius: 0
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: .25rem;
  border-bottom-left-radius: 0
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px
}
.list-group-flush {
  border-radius: 0
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0
}
.list-group-item-primary {
  color: #1f496e;
  background-color: #d6e4f1
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  color: #1f496e;
  background-color: #c1cdd9
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #1f496e;
  border-color: #1f496e
}
.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  color: #41464b;
  background-color: #cbccce
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b
}
.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  color: #0f5132;
  background-color: #bcd0c7
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132
}
.list-group-item-info {
  color: #055160;
  background-color: #cff4fc
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color: #055160;
  background-color: #badce3
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160
}
.list-group-item-warning {
  color: #65635b;
  background-color: #fefef9
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  color: #65635b;
  background-color: #e5e5e0
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #65635b;
  border-color: #65635b
}
.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  color: #842029;
  background-color: #dfc2c4
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029
}
.list-group-item-light {
  color: #636464;
  background-color: #fefefe
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  color: #636464;
  background-color: #e5e5e5
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464
}
.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  color: #141619;
  background-color: #bebebf
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619
}
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: .5
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: .75
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(51,122,183,.25);
  opacity: 1
}
.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: .25
}
.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%)
}
.toast {
  width: 350px;
  max-width: 100%;
  font-size: .875rem;
  pointer-events: auto;
  background-color: rgba(255,255,255,.85);
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.1);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  border-radius: .25rem
}
.toast.showing {
  opacity: 0
}
.toast:not(.show) {
  display: none
}
.toast-container {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none
}
.toast-container > :not(:last-child) {
  margin-bottom: .75rem
}
.toast-header {
  display: flex;
  align-items: center;
  padding: .5rem .75rem;
  color: #6c757d;
  background-color: rgba(255,255,255,.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0,0,0,.05);
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}
.toast-header .btn-close {
  margin-right: -.375rem;
  margin-left: .75rem
}
.toast-body {
  padding: .75rem;
  word-wrap: break-word
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none
}
.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0,-50px)
}
.modal.show .modal-dialog {
  transform: none
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02)
}
.modal-dialog-scrollable {
  height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem)
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  outline: 0
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000
}
.modal-backdrop.fade {
  opacity: 0
}
.modal-backdrop.show {
  opacity: .5
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}
.modal-header .btn-close {
  padding: .5rem .5rem;
  margin: -.5rem -.5rem -.5rem auto
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.42857142
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem
}
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px)
}
.modal-footer > * {
  margin: .25rem
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0
}
.modal-fullscreen .modal-header {
  border-radius: 0
}
.modal-fullscreen .modal-body {
  overflow-y: auto
}
.modal-fullscreen .modal-footer {
  border-radius: 0
}
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857142;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .765625rem;
  word-wrap: break-word;
  opacity: 0
}
.tooltip.show {
  opacity: .9
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid
}
.bs-tooltip-auto[data-popper-placement^=top],
.bs-tooltip-top {
  padding: .4rem 0
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: 0
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  top: -1px;
  border-width: .4rem .4rem 0;
  border-top-color: #000
}
.bs-tooltip-auto[data-popper-placement^=right],
.bs-tooltip-end {
  padding: 0 .4rem
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left: 0;
  width: .4rem;
  height: .8rem
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  right: -1px;
  border-width: .4rem .4rem .4rem 0;
  border-right-color: #000
}
.bs-tooltip-auto[data-popper-placement^=bottom],
.bs-tooltip-bottom {
  padding: .4rem 0
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: 0
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 .4rem .4rem;
  border-bottom-color: #000
}
.bs-tooltip-auto[data-popper-placement^=left],
.bs-tooltip-start {
  padding: 0 .4rem
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right: 0;
  width: .4rem;
  height: .8rem
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  left: -1px;
  border-width: .4rem 0 .4rem .4rem;
  border-left-color: #000
}
.tooltip-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857142;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .765625rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: .5rem
}
.popover .popover-arrow::after,
.popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow,
.bs-popover-top > .popover-arrow {
  bottom: calc(-.5rem - 1px)
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::before {
  bottom: 0;
  border-width: .5rem .5rem 0;
  border-top-color: rgba(0,0,0,.25)
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.bs-popover-top > .popover-arrow::after {
  bottom: 1px;
  border-width: .5rem .5rem 0;
  border-top-color: #fff
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow,
.bs-popover-end > .popover-arrow {
  left: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::before {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: rgba(0,0,0,.25)
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-end > .popover-arrow::after {
  left: 1px;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow,
.bs-popover-bottom > .popover-arrow {
  top: calc(-.5rem - 1px)
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::before {
  top: 0;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: rgba(0,0,0,.25)
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::after {
  top: 1px;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: #fff
}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow,
.bs-popover-start > .popover-arrow {
  right: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::before {
  right: 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: rgba(0,0,0,.25)
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.bs-popover-start > .popover-arrow::after {
  right: 1px;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #fff
}
.popover-header {
  padding: .5rem 1rem;
  margin-bottom: 0;
  font-size: .875rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0,0,0,.2);
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
  display: none
}
.popover-body {
  padding: 1rem 1rem;
  color: #212529
}
.carousel {
  position: relative
}
.carousel.pointer-event {
  touch-action: pan-y
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: ""
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%)
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%)
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s
}
.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}
.carousel-control-prev {
  left: 0
}
.carousel-control-next {
  right: 0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease
}
.carousel-indicators .active {
  opacity: 1
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center
}
.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
  filter: invert(1) grayscale(100)
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000
}
.carousel-dark .carousel-caption {
  color: #000
}
@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -.125em;
  border: .25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border;
  animation: .75s linear infinite spinner-border
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: .2em
}
@-webkit-keyframes spinner-grow {
  0% {
    transform: scale(0)
  }
  50% {
    opacity: 1;
    transform: none
  }
}
@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }
  50% {
    opacity: 1;
    transform: none
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: .75s linear infinite spinner-grow;
  animation: .75s linear infinite spinner-grow
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform .3s ease-in-out
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}
.offcanvas-backdrop.fade {
  opacity: 0
}
.offcanvas-backdrop.show {
  opacity: .5
}
.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem
}
.offcanvas-header .btn-close {
  padding: .5rem .5rem;
  margin-top: -.5rem;
  margin-right: -.5rem;
  margin-bottom: -.5rem
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.42857142
}
.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto
}
.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0,0,0,.2);
  transform: translateX(-100%)
}
.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0,0,0,.2);
  transform: translateX(100%)
}
.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0,0,0,.2);
  transform: translateY(-100%)
}
.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0,0,0,.2);
  transform: translateY(100%)
}
.offcanvas.show {
  transform: none
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: .5
}
.placeholder.btn::before {
  display: inline-block;
  content: ""
}
.placeholder-xs {
  min-height: .6em
}
.placeholder-sm {
  min-height: .8em
}
.placeholder-lg {
  min-height: 1.2em
}
.placeholder-glow .placeholder {
  -webkit-animation: placeholder-glow 2s ease-in-out infinite;
  animation: placeholder-glow 2s ease-in-out infinite
}
@-webkit-keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}
@keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
  mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  -webkit-animation: placeholder-wave 2s linear infinite;
  animation: placeholder-wave 2s linear infinite
}
@-webkit-keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%
  }
}
@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: ""
}
.link-primary {
  color: #337ab7
}
.link-primary:focus,
.link-primary:hover {
  color: #296292
}
.link-secondary {
  color: #6c757d
}
.link-secondary:focus,
.link-secondary:hover {
  color: #565e64
}
.link-success {
  color: #198754
}
.link-success:focus,
.link-success:hover {
  color: #146c43
}
.link-info {
  color: #0dcaf0
}
.link-info:focus,
.link-info:hover {
  color: #3dd5f3
}
.link-warning {
  color: #fcf8e3
}
.link-warning:focus,
.link-warning:hover {
  color: #fdf9e9
}
.link-danger {
  color: #dc3545
}
.link-danger:focus,
.link-danger:hover {
  color: #b02a37
}
.link-light {
  color: #f8f9fa
}
.link-light:focus,
.link-light:hover {
  color: #f9fafb
}
.link-dark {
  color: #212529
}
.link-dark:focus,
.link-dark:hover {
  color: #1a1e21
}
.ratio {
  position: relative;
  width: 100%
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: ""
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute!important;
  width: 1px!important;
  height: 1px!important;
  padding: 0!important;
  margin: -1px!important;
  overflow: hidden!important;
  clip: rect(0,0,0,0)!important;
  white-space: nowrap!important;
  border: 0!important
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: .25
}
.align-baseline {
  vertical-align: baseline!important
}
.align-top {
  vertical-align: top!important
}
.align-middle {
  vertical-align: middle!important
}
.align-bottom {
  vertical-align: bottom!important
}
.align-text-bottom {
  vertical-align: text-bottom!important
}
.align-text-top {
  vertical-align: text-top!important
}
.float-start {
  float: left!important
}
.float-end {
  float: right!important
}
.float-none {
  float: none!important
}
.opacity-0 {
  opacity: 0!important
}
.opacity-25 {
  opacity: .25!important
}
.opacity-50 {
  opacity: .5!important
}
.opacity-75 {
  opacity: .75!important
}
.opacity-100 {
  opacity: 1!important
}
.overflow-auto {
  overflow: auto!important
}
.overflow-hidden {
  overflow: hidden!important
}
.overflow-visible {
  overflow: visible!important
}
.overflow-scroll {
  overflow: scroll!important
}
.d-inline {
  display: inline!important
}
.d-inline-block {
  display: inline-block!important
}
.d-block {
  display: block!important
}
.d-grid {
  display: grid!important
}
.d-table {
  display: table!important
}
.d-table-row {
  display: table-row!important
}
.d-table-cell {
  display: table-cell!important
}
.d-flex {
  display: flex!important
}
.d-inline-flex {
  display: inline-flex!important
}
.d-none {
  display: none!important
}
.shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}
.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}
.shadow-none {
  box-shadow: none!important
}
.position-static {
  position: static!important
}
.position-relative {
  position: relative!important
}
.position-absolute {
  position: absolute!important
}
.position-fixed {
  position: fixed!important
}
.position-sticky {
  position: -webkit-sticky!important;
  position: sticky!important
}
.top-0 {
  top: 0!important
}
.top-50 {
  top: 50%!important
}
.top-100 {
  top: 100%!important
}
.bottom-0 {
  bottom: 0!important
}
.bottom-50 {
  bottom: 50%!important
}
.bottom-100 {
  bottom: 100%!important
}
.start-0 {
  left: 0!important
}
.start-50 {
  left: 50%!important
}
.start-100 {
  left: 100%!important
}
.end-0 {
  right: 0!important
}
.end-50 {
  right: 50%!important
}
.end-100 {
  right: 100%!important
}
.translate-middle {
  transform: translate(-50%,-50%)!important
}
.translate-middle-x {
  transform: translateX(-50%)!important
}
.translate-middle-y {
  transform: translateY(-50%)!important
}
.border {
  border: 1px solid #dee2e6!important
}
.border-0 {
  border: 0!important
}
.border-top {
  border-top: 1px solid #dee2e6!important
}
.border-top-0 {
  border-top: 0!important
}
.border-end {
  border-right: 1px solid #dee2e6!important
}
.border-end-0 {
  border-right: 0!important
}
.border-bottom {
  border-bottom: 1px solid #dee2e6!important
}
.border-bottom-0 {
  border-bottom: 0!important
}
.border-start {
  border-left: 1px solid #dee2e6!important
}
.border-start-0 {
  border-left: 0!important
}
.border-primary {
  border-color: #337ab7!important
}
.border-secondary {
  border-color: #6c757d!important
}
.border-success {
  border-color: #198754!important
}
.border-info {
  border-color: #0dcaf0!important
}
.border-warning {
  border-color: #fcf8e3!important
}
.border-danger {
  border-color: #dc3545!important
}
.border-light {
  border-color: #f8f9fa!important
}
.border-dark {
  border-color: #212529!important
}
.border-white {
  border-color: #fff!important
}
.border-1 {
  border-width: 1px!important
}
.border-2 {
  border-width: 2px!important
}
.border-3 {
  border-width: 3px!important
}
.border-4 {
  border-width: 4px!important
}
.border-5 {
  border-width: 5px!important
}
.w-25 {
  width: 25%!important
}
.w-50 {
  width: 50%!important
}
.w-75 {
  width: 75%!important
}
.w-100 {
  width: 100%!important
}
.w-auto {
  width: auto!important
}
.mw-100 {
  max-width: 100%!important
}
.vw-100 {
  width: 100vw!important
}
.min-vw-100 {
  min-width: 100vw!important
}
.h-25 {
  height: 25%!important
}
.h-50 {
  height: 50%!important
}
.h-75 {
  height: 75%!important
}
.h-100 {
  height: 100%!important
}
.h-auto {
  height: auto!important
}
.mh-100 {
  max-height: 100%!important
}
.vh-100 {
  height: 100vh!important
}
.min-vh-100 {
  min-height: 100vh!important
}
.flex-fill {
  flex: 1 1 auto!important
}
.flex-row {
  flex-direction: row!important
}
.flex-column {
  flex-direction: column!important
}
.flex-row-reverse {
  flex-direction: row-reverse!important
}
.flex-column-reverse {
  flex-direction: column-reverse!important
}
.flex-grow-0 {
  flex-grow: 0!important
}
.flex-grow-1 {
  flex-grow: 1!important
}
.flex-shrink-0 {
  flex-shrink: 0!important
}
.flex-shrink-1 {
  flex-shrink: 1!important
}
.flex-wrap {
  flex-wrap: wrap!important
}
.flex-nowrap {
  flex-wrap: nowrap!important
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse!important
}
.gap-0 {
  gap: 0!important
}
.gap-1 {
  gap: .25rem!important
}
.gap-2 {
  gap: .5rem!important
}
.gap-3 {
  gap: 1rem!important
}
.gap-4 {
  gap: 1.5rem!important
}
.gap-5 {
  gap: 3rem!important
}
.justify-content-start {
  justify-content: flex-start!important
}
.justify-content-end {
  justify-content: flex-end!important
}
.justify-content-center {
  justify-content: center!important
}
.justify-content-between {
  justify-content: space-between!important
}
.justify-content-around {
  justify-content: space-around!important
}
.justify-content-evenly {
  justify-content: space-evenly!important
}
.align-items-start {
  align-items: flex-start!important
}
.align-items-end {
  align-items: flex-end!important
}
.align-items-center {
  align-items: center!important
}
.align-items-baseline {
  align-items: baseline!important
}
.align-items-stretch {
  align-items: stretch!important
}
.align-content-start {
  align-content: flex-start!important
}
.align-content-end {
  align-content: flex-end!important
}
.align-content-center {
  align-content: center!important
}
.align-content-between {
  align-content: space-between!important
}
.align-content-around {
  align-content: space-around!important
}
.align-content-stretch {
  align-content: stretch!important
}
.align-self-auto {
  align-self: auto!important
}
.align-self-start {
  align-self: flex-start!important
}
.align-self-end {
  align-self: flex-end!important
}
.align-self-center {
  align-self: center!important
}
.align-self-baseline {
  align-self: baseline!important
}
.align-self-stretch {
  align-self: stretch!important
}
.order-first {
  order: -1!important
}
.order-0 {
  order: 0!important
}
.order-1 {
  order: 1!important
}
.order-2 {
  order: 2!important
}
.order-3 {
  order: 3!important
}
.order-4 {
  order: 4!important
}
.order-5 {
  order: 5!important
}
.order-last {
  order: 6!important
}
.m-0 {
  margin: 0!important
}
.m-1 {
  margin: .25rem!important
}
.m-2 {
  margin: .5rem!important
}
.m-3 {
  margin: 1rem!important
}
.m-4 {
  margin: 1.5rem!important
}
.m-5 {
  margin: 3rem!important
}
.m-auto {
  margin: auto!important
}
.mx-0 {
  margin-right: 0!important;
  margin-left: 0!important
}
.mx-1 {
  margin-right: .25rem!important;
  margin-left: .25rem!important
}
.mx-2 {
  margin-right: .5rem!important;
  margin-left: .5rem!important
}
.mx-3 {
  margin-right: 1rem!important;
  margin-left: 1rem!important
}
.mx-4 {
  margin-right: 1.5rem!important;
  margin-left: 1.5rem!important
}
.mx-5 {
  margin-right: 3rem!important;
  margin-left: 3rem!important
}
.mx-auto {
  margin-right: auto!important;
  margin-left: auto!important
}
.my-0 {
  margin-top: 0!important;
  margin-bottom: 0!important
}
.my-1 {
  margin-top: .25rem!important;
  margin-bottom: .25rem!important
}
.my-2 {
  margin-top: .5rem!important;
  margin-bottom: .5rem!important
}
.my-3 {
  margin-top: 1rem!important;
  margin-bottom: 1rem!important
}
.my-4 {
  margin-top: 1.5rem!important;
  margin-bottom: 1.5rem!important
}
.my-5 {
  margin-top: 3rem!important;
  margin-bottom: 3rem!important
}
.my-auto {
  margin-top: auto!important;
  margin-bottom: auto!important
}
.mt-0 {
  margin-top: 0!important
}
.mt-1 {
  margin-top: .25rem!important
}
.mt-2 {
  margin-top: .5rem!important
}
.mt-3 {
  margin-top: 1rem!important
}
.mt-4 {
  margin-top: 1.5rem!important
}
.mt-5 {
  margin-top: 3rem!important
}
.mt-auto {
  margin-top: auto!important
}
.me-0 {
  margin-right: 0!important
}
.me-1 {
  margin-right: .25rem!important
}
.me-2 {
  margin-right: .5rem!important
}
.me-3 {
  margin-right: 1rem!important
}
.me-4 {
  margin-right: 1.5rem!important
}
.me-5 {
  margin-right: 3rem!important
}
.me-auto {
  margin-right: auto!important
}
.mb-0 {
  margin-bottom: 0!important
}
.mb-1 {
  margin-bottom: .25rem!important
}
.mb-2 {
  margin-bottom: .5rem!important
}
.mb-3 {
  margin-bottom: 1rem!important
}
.mb-4 {
  margin-bottom: 1.5rem!important
}
.mb-5 {
  margin-bottom: 3rem!important
}
.mb-auto {
  margin-bottom: auto!important
}
.ms-0 {
  margin-left: 0!important
}
.ms-1 {
  margin-left: .25rem!important
}
.ms-2 {
  margin-left: .5rem!important
}
.ms-3 {
  margin-left: 1rem!important
}
.ms-4 {
  margin-left: 1.5rem!important
}
.ms-5 {
  margin-left: 3rem!important
}
.ms-auto {
  margin-left: auto!important
}
.p-0 {
  padding: 0!important
}
.p-1 {
  padding: .25rem!important
}
.p-2 {
  padding: .5rem!important
}
.p-3 {
  padding: 1rem!important
}
.p-4 {
  padding: 1.5rem!important
}
.p-5 {
  padding: 3rem!important
}
.px-0 {
  padding-right: 0!important;
  padding-left: 0!important
}
.px-1 {
  padding-right: .25rem!important;
  padding-left: .25rem!important
}
.px-2 {
  padding-right: .5rem!important;
  padding-left: .5rem!important
}
.px-3 {
  padding-right: 1rem!important;
  padding-left: 1rem!important
}
.px-4 {
  padding-right: 1.5rem!important;
  padding-left: 1.5rem!important
}
.px-5 {
  padding-right: 3rem!important;
  padding-left: 3rem!important
}
.py-0 {
  padding-top: 0!important;
  padding-bottom: 0!important
}
.py-1 {
  padding-top: .25rem!important;
  padding-bottom: .25rem!important
}
.py-2 {
  padding-top: .5rem!important;
  padding-bottom: .5rem!important
}
.py-3 {
  padding-top: 1rem!important;
  padding-bottom: 1rem!important
}
.py-4 {
  padding-top: 1.5rem!important;
  padding-bottom: 1.5rem!important
}
.py-5 {
  padding-top: 3rem!important;
  padding-bottom: 3rem!important
}
.pt-0 {
  padding-top: 0!important
}
.pt-1 {
  padding-top: .25rem!important
}
.pt-2 {
  padding-top: .5rem!important
}
.pt-3 {
  padding-top: 1rem!important
}
.pt-4 {
  padding-top: 1.5rem!important
}
.pt-5 {
  padding-top: 3rem!important
}
.pe-0 {
  padding-right: 0!important
}
.pe-1 {
  padding-right: .25rem!important
}
.pe-2 {
  padding-right: .5rem!important
}
.pe-3 {
  padding-right: 1rem!important
}
.pe-4 {
  padding-right: 1.5rem!important
}
.pe-5 {
  padding-right: 3rem!important
}
.pb-0 {
  padding-bottom: 0!important
}
.pb-1 {
  padding-bottom: .25rem!important
}
.pb-2 {
  padding-bottom: .5rem!important
}
.pb-3 {
  padding-bottom: 1rem!important
}
.pb-4 {
  padding-bottom: 1.5rem!important
}
.pb-5 {
  padding-bottom: 3rem!important
}
.ps-0 {
  padding-left: 0!important
}
.ps-1 {
  padding-left: .25rem!important
}
.ps-2 {
  padding-left: .5rem!important
}
.ps-3 {
  padding-left: 1rem!important
}
.ps-4 {
  padding-left: 1.5rem!important
}
.ps-5 {
  padding-left: 3rem!important
}
.font-monospace {
  font-family: var(--bs-font-monospace)!important
}
.fs-1 {
  font-size: calc(1.34375rem + 1.125vw)!important
}
.fs-2 {
  font-size: calc(1.3rem + .6vw)!important
}
.fs-3 {
  font-size: calc(1.278125rem + .3375vw)!important
}
.fs-4 {
  font-size: calc(1.25625rem + .075vw)!important
}
.fs-5 {
  font-size: 1.09375rem!important
}
.fs-6 {
  font-size: .875rem!important
}
.fst-italic {
  font-style: italic!important
}
.fst-normal {
  font-style: normal!important
}
.fw-light {
  font-weight: 300!important
}
.fw-lighter {
  font-weight: lighter!important
}
.fw-normal {
  font-weight: 400!important
}
.fw-bold {
  font-weight: 700!important
}
.fw-bolder {
  font-weight: bolder!important
}
.lh-1 {
  line-height: 1!important
}
.lh-sm {
  line-height: 1.25!important
}
.lh-base {
  line-height: 1.42857142!important
}
.lh-lg {
  line-height: 2!important
}
.text-start {
  text-align: left!important
}
.text-end {
  text-align: right!important
}
.text-center {
  text-align: center!important
}
.text-decoration-none {
  text-decoration: none!important
}
.text-decoration-underline {
  text-decoration: underline!important
}
.text-decoration-line-through {
  text-decoration: line-through!important
}
.text-lowercase {
  text-transform: lowercase!important
}
.text-uppercase {
  text-transform: uppercase!important
}
.text-capitalize {
  text-transform: capitalize!important
}
.text-wrap {
  white-space: normal!important
}
.text-nowrap {
  white-space: nowrap!important
}
.text-break {
  word-wrap: break-word!important;
  word-break: break-word!important
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}
.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d!important
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0,0,0,.5)!important
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255,255,255,.5)!important
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit!important
}
.text-opacity-25 {
  --bs-text-opacity: 0.25
}
.text-opacity-50 {
  --bs-text-opacity: 0.5
}
.text-opacity-75 {
  --bs-text-opacity: 0.75
}
.text-opacity-100 {
  --bs-text-opacity: 1
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent!important
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75
}
.bg-opacity-100 {
  --bs-bg-opacity: 1
}
.bg-gradient {
  background-image: var(--bs-gradient)!important
}
.user-select-all {
  -webkit-user-select: all!important;
  -moz-user-select: all!important;
  -ms-user-select: all!important;
  user-select: all!important
}
.user-select-auto {
  -webkit-user-select: auto!important;
  -moz-user-select: auto!important;
  -ms-user-select: auto!important;
  user-select: auto!important
}
.user-select-none {
  -webkit-user-select: none!important;
  -moz-user-select: none!important;
  -ms-user-select: none!important;
  user-select: none!important
}
.pe-none {
  pointer-events: none!important
}
.pe-auto {
  pointer-events: auto!important
}
.rounded {
  border-radius: .25rem!important
}
.rounded-0 {
  border-radius: 0!important
}
.rounded-1 {
  border-radius: .2rem!important
}
.rounded-2 {
  border-radius: .25rem!important
}
.rounded-3 {
  border-radius: .3rem!important
}
.rounded-circle {
  border-radius: 50%!important
}
.rounded-pill {
  border-radius: 50rem!important
}
.rounded-top {
  border-top-left-radius: .25rem!important;
  border-top-right-radius: .25rem!important
}
.rounded-end {
  border-top-right-radius: .25rem!important;
  border-bottom-right-radius: .25rem!important
}
.rounded-bottom {
  border-bottom-right-radius: .25rem!important;
  border-bottom-left-radius: .25rem!important
}
.rounded-start {
  border-bottom-left-radius: .25rem!important;
  border-top-left-radius: .25rem!important
}
.visible {
  visibility: visible!important
}
.invisible {
  visibility: hidden!important
}
.ec-headingTitle {
  margin: 0 0 8px;
  font-size: 32px;
  font-weight: 400;
  color: #525263
}
/*
.ec-pageHeader .h1,
.ec-pageHeader h1 {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 5px 7px;
  -webkit-text-decoration: underline wavy #BB0D0D;
  text-decoration: underline wavy #BB0D0D;
  font-weight: 700;
  text-underline-offset: 4px;
  font-size: 20px
}
.ec-pageHeader .h1:after,
.ec-pageHeader h1:after {
  font-size: 20px;
  -webkit-text-decoration: underline wavy #BB0D0D;
  text-decoration: underline wavy #BB0D0D;
  font-weight: 700;
  text-underline-offset: 4px;
  margin-top: -10px
}
*/

.ec-heading {
  margin: 24px 0
}
.ec-heading-bold {
  margin: 16px 0;
  font-size: 16px;
  font-weight: 700
}
.ec-rectHeading {
  color: #fff;
  background-color:#1d60cc;
  border-color: #bb0d0d;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}
.other_page .ec-rectHeading {
  margin-top: 30px;
  margin-bottom: 10px
}
.ec-rectHeading .h1,
.ec-rectHeading .h2,
.ec-rectHeading .h3,
.ec-rectHeading .h4,
.ec-rectHeading .h5,
.ec-rectHeading .h6,
.ec-rectHeading h1,
.ec-rectHeading h2,
.ec-rectHeading h3,
.ec-rectHeading h4,
.ec-rectHeading h5,
.ec-rectHeading h6 {
  font-size: 14px;
  margin: 0;
  font-weight: 700
}
.ec-reportHeading {
  width: 100%;
  border-top: 1px dotted #ccc;
  margin: 20px 0 30px;
  padding: 0;
  text-align: center;
  font-size: 24px;
  font-weight: 700
}
.ec-reportHeading .h1,
.ec-reportHeading .h2,
.ec-reportHeading .h3,
.ec-reportHeading .h4,
.ec-reportHeading .h5,
.ec-reportHeading .h6,
.ec-reportHeading h1,
.ec-reportHeading h2,
.ec-reportHeading h3,
.ec-reportHeading h4,
.ec-reportHeading h5,
.ec-reportHeading h6,
.ec-reportHeading p {
  font-weight: 700;
  font-size: 24px
}
.ec-link {
  color: #0092c4;
  text-decoration: none;
  cursor: pointer
}
.ec-link:hover {
  color: #33a8d0;
  text-decoration: none
}
.ec-font-bold {
  font-weight: 700
}
.ec-color-grey {
  color: #9a947e
}
.ec-color-red {
  color: #de5d50
}
.ec-color-accent {
  color: #de5d50
}
.ec-font-size-1 {
  font-size: 12px
}
.ec-font-size-2 {
  font-size: 14px
}
.ec-font-size-3 {
  font-size: 16px
}
.ec-font-size-4 {
  font-size: 20px
}
.ec-font-size-5 {
  font-size: 32px
}
.ec-font-size-6 {
  font-size: 40px
}
.ec-text-ac {
  text-align: center
}
.ec-price .ec-price__unit {
  font-size: 18px;
  font-weight: 700
}
.ec-price .ec-price__price {
  display: inline-block;
  padding: 0 .3em;
  font-size: 18px;
  font-weight: 700
}
.ec-price .ec-price__tax {
  font-size: 12px
}
.text-left {
  text-align: left
}
.text-center {
  text-align: center
}
.text-right {
  text-align: right
}
.ec-reportDescription {
  margin-bottom: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 1.4
}
.ec-para-normal {
  margin-bottom: 16px;
  padding: 30px;
  border: 1px solid #eee;
  border-radius: 5px;
  display: block;
  text-align: center;
}

.ec-definitions,
.ec-definitions--soft {
  margin: 5px 0;
  display: block
}
.ec-definitions dd,
.ec-definitions dt,
.ec-definitions--soft dd,
.ec-definitions--soft dt {
  display: inline-block;
  margin: 0
}
.ec-definitions dt,
.ec-definitions--soft dt {
  font-weight: 700
}
.ec-definitions--soft dt {
  font-weight: 400
}
/*
.ec-borderedDefs {
  width: 100%;
  border-top: 1px dotted #ccc;
  margin: 45px 0;
}
.ec-borderedDefs dl {
  display: flex;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding: 10px 0 0;
  flex-wrap: wrap
}
.ec-borderedDefs dd,
.ec-borderedDefs dt {
  padding: 0
}
.ec-borderedDefs dt {
  font-weight: 400;
  width: 100%;
  padding-top: 0
}
.ec-borderedDefs dd {
  padding: 0;
  width: 100%;
  line-height: 2.5
}
.ec-borderedDefs p {
  line-height: 1.4
}
*/
.ec-list-chilled {
  display: table-row;
  border: 0 none;
  padding: 8px 0
}
.ec-list-chilled dd,
.ec-list-chilled dt {
  display: table-cell;
  border-bottom: 1px dotted #ccc;
  padding: 0
}
.ec-list-chilled dt {
  width: 30%
}
.ec-list-chilled dd {
  padding: 0
}
.ec-borderedList {
  width: 100%;
  border-top: 0;
  list-style: none;
  padding: 0
}
.ec-borderedList li {
  border-bottom: 1px dotted #ccc
}
.ec-list-chilled {
  display: table-row;
  border: 0 none;
  padding: 8px 0
}
.ec-list-chilled dd,
.ec-list-chilled dt {
  display: table-cell;
  border-bottom: 1px dotted #ccc;
  padding: 16px 0
}
.ec-list-chilled dt {
  width: 30%
}
.ec-list-chilled dd {
  padding: 16px
}
.ec-inlineBtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: .875rem;
  border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #525263;
  background-color: #f5f7f8;
  border-color: #ccc
}
.ec-inlineBtn.active.focus,
.ec-inlineBtn.active:focus,
.ec-inlineBtn.focus,
.ec-inlineBtn:active.focus,
.ec-inlineBtn:active:focus,
.ec-inlineBtn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.ec-inlineBtn.focus,
.ec-inlineBtn:focus,
.ec-inlineBtn:hover {
  color: #525263;
  text-decoration: none
}
.ec-inlineBtn.active,
.ec-inlineBtn:active {
  outline: 0;
  background-image: none
}
.ec-inlineBtn.disabled,
.ec-inlineBtn[disabled],
fieldset[disabled] .ec-inlineBtn {
  cursor: not-allowed;
  opacity: .65
}
.ec-inlineBtn:hover {
  color: #000;
  background-color: #f7f8f9;
  border-color: #d1d1d1
}
.btn-check:focus + .ec-inlineBtn,
.ec-inlineBtn:focus {
  color: #000;
  background-color: #f7f8f9;
  border-color: #d1d1d1;
  box-shadow: 0 0 0 .25rem rgba(186,186,188,.5)
}
.btn-check:active + .ec-inlineBtn,
.btn-check:checked + .ec-inlineBtn,
.ec-inlineBtn.active,
.ec-inlineBtn:active,
.show > .ec-inlineBtn.dropdown-toggle {
  color: #000;
  background-color: #f7f9f9;
  border-color: #d1d1d1
}
.btn-check:active + .ec-inlineBtn:focus,
.btn-check:checked + .ec-inlineBtn:focus,
.ec-inlineBtn.active:focus,
.ec-inlineBtn:active:focus,
.show > .ec-inlineBtn.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(186,186,188,.5)
}
.ec-inlineBtn.disabled,
.ec-inlineBtn:disabled {
  color: #525263;
  background-color: #f5f7f8;
  border-color: #ccc
}
.ec-inlineBtn .ec-icon img {
  width: 1em;
  vertical-align: text-bottom
}
.ec-inlineBtn--primary {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: .875rem;
  border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #5cb1b1;
  border-color: #5cb1b1
}
.ec-inlineBtn--primary.active.focus,
.ec-inlineBtn--primary.active:focus,
.ec-inlineBtn--primary.focus,
.ec-inlineBtn--primary:active.focus,
.ec-inlineBtn--primary:active:focus,
.ec-inlineBtn--primary:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.ec-inlineBtn--primary.focus,
.ec-inlineBtn--primary:focus,
.ec-inlineBtn--primary:hover {
  color: #525263;
  text-decoration: none
}
.ec-inlineBtn--primary.active,
.ec-inlineBtn--primary:active {
  outline: 0;
  background-image: none
}
.ec-inlineBtn--primary.disabled,
.ec-inlineBtn--primary[disabled],
fieldset[disabled] .ec-inlineBtn--primary {
  cursor: not-allowed;
  opacity: .65
}
.ec-inlineBtn--primary:hover {
  color: #000;
  background-color: #4e9696;
  border-color: #4a8e8e
}
.btn-check:focus + .ec-inlineBtn--primary,
.ec-inlineBtn--primary:focus {
  color: #000;
  background-color: #4e9696;
  border-color: #4a8e8e;
  box-shadow: 0 0 0 .25rem rgba(116,189,189,.5)
}
.btn-check:active + .ec-inlineBtn--primary,
.btn-check:checked + .ec-inlineBtn--primary,
.ec-inlineBtn--primary.active,
.ec-inlineBtn--primary:active,
.show > .ec-inlineBtn--primary.dropdown-toggle {
  color: #000;
  background-color: #4a8e8e;
  border-color: #458585
}
.btn-check:active + .ec-inlineBtn--primary:focus,
.btn-check:checked + .ec-inlineBtn--primary:focus,
.ec-inlineBtn--primary.active:focus,
.ec-inlineBtn--primary:active:focus,
.show > .ec-inlineBtn--primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(116,189,189,.5)
}
.ec-inlineBtn--primary.disabled,
.ec-inlineBtn--primary:disabled {
  color: #fff;
  background-color: #5cb1b1;
  border-color: #5cb1b1
}
.ec-inlineBtn--primary .ec-icon img {
  width: 1em;
  vertical-align: text-bottom
}
.ec-inlineBtn--action {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: .875rem;
  border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #de5d50;
  border-color: #de5d50
}
.ec-inlineBtn--action.active.focus,
.ec-inlineBtn--action.active:focus,
.ec-inlineBtn--action.focus,
.ec-inlineBtn--action:active.focus,
.ec-inlineBtn--action:active:focus,
.ec-inlineBtn--action:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.ec-inlineBtn--action.focus,
.ec-inlineBtn--action:focus,
.ec-inlineBtn--action:hover {
  color: #525263;
  text-decoration: none
}
.ec-inlineBtn--action.active,
.ec-inlineBtn--action:active {
  outline: 0;
  background-image: none
}
.ec-inlineBtn--action.disabled,
.ec-inlineBtn--action[disabled],
fieldset[disabled] .ec-inlineBtn--action {
  cursor: not-allowed;
  opacity: .65
}
.ec-inlineBtn--action:hover {
  color: #fff;
  background-color: #bd4f44;
  border-color: #b24a40
}
.btn-check:focus + .ec-inlineBtn--action,
.ec-inlineBtn--action:focus {
  color: #fff;
  background-color: #bd4f44;
  border-color: #b24a40;
  box-shadow: 0 0 0 .25rem rgba(227,117,106,.5)
}
.btn-check:active + .ec-inlineBtn--action,
.btn-check:checked + .ec-inlineBtn--action,
.ec-inlineBtn--action.active,
.ec-inlineBtn--action:active,
.show > .ec-inlineBtn--action.dropdown-toggle {
  color: #fff;
  background-color: #b24a40;
  border-color: #a7463c
}
.btn-check:active + .ec-inlineBtn--action:focus,
.btn-check:checked + .ec-inlineBtn--action:focus,
.ec-inlineBtn--action.active:focus,
.ec-inlineBtn--action:active:focus,
.show > .ec-inlineBtn--action.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(227,117,106,.5)
}
.ec-inlineBtn--action.disabled,
.ec-inlineBtn--action:disabled {
  color: #fff;
  background-color: #de5d50;
  border-color: #de5d50
}
.ec-inlineBtn--action .ec-icon img {
  width: 1em;
  vertical-align: text-bottom
}
.ec-inlineBtn--cancel {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: .875rem;
  border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #e6e6e6;
  border-color: #e6e6e6
}
.ec-inlineBtn--cancel.active.focus,
.ec-inlineBtn--cancel.active:focus,
.ec-inlineBtn--cancel.focus,
.ec-inlineBtn--cancel:active.focus,
.ec-inlineBtn--cancel:active:focus,
.ec-inlineBtn--cancel:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.ec-inlineBtn--cancel.focus,
.ec-inlineBtn--cancel:focus,
.ec-inlineBtn--cancel:hover {
  color: #525263;
  text-decoration: none
}
.ec-inlineBtn--cancel.active,
.ec-inlineBtn--cancel:active {
  outline: 0;
  background-image: none
}
.ec-inlineBtn--cancel.disabled,
.ec-inlineBtn--cancel[disabled],
fieldset[disabled] .ec-inlineBtn--cancel {
  cursor: not-allowed;
  opacity: .65
}
.ec-inlineBtn--cancel:hover {
  color: #000;
  background-color: #c4c4c4;
  border-color: #b8b8b8
}
.btn-check:focus + .ec-inlineBtn--cancel,
.ec-inlineBtn--cancel:focus {
  color: #000;
  background-color: #c4c4c4;
  border-color: #b8b8b8;
  box-shadow: 0 0 0 .25rem rgba(234,234,234,.5)
}
.btn-check:active + .ec-inlineBtn--cancel,
.btn-check:checked + .ec-inlineBtn--cancel,
.ec-inlineBtn--cancel.active,
.ec-inlineBtn--cancel:active,
.show > .ec-inlineBtn--cancel.dropdown-toggle {
  color: #000;
  background-color: #b8b8b8;
  border-color: #adadad
}
.btn-check:active + .ec-inlineBtn--cancel:focus,
.btn-check:checked + .ec-inlineBtn--cancel:focus,
.ec-inlineBtn--cancel.active:focus,
.ec-inlineBtn--cancel:active:focus,
.show > .ec-inlineBtn--cancel.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(234,234,234,.5)
}
.ec-inlineBtn--cancel.disabled,
.ec-inlineBtn--cancel:disabled {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #e6e6e6
}
.ec-inlineBtn--cancel .ec-icon img {
  width: 1em;
  vertical-align: text-bottom
}
.ec-blockBtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: .875rem;
  border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #525263;
  background-color: #f5f7f8;
  border-color: #ccc;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0
}
.ec-blockBtn.active.focus,
.ec-blockBtn.active:focus,
.ec-blockBtn.focus,
.ec-blockBtn:active.focus,
.ec-blockBtn:active:focus,
.ec-blockBtn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.ec-blockBtn.focus,
.ec-blockBtn:focus,
.ec-blockBtn:hover {
  color: #525263;
  text-decoration: none
}
.ec-blockBtn.active,
.ec-blockBtn:active {
  outline: 0;
  background-image: none
}
.ec-blockBtn.disabled,
.ec-blockBtn[disabled],
fieldset[disabled] .ec-blockBtn {
  cursor: not-allowed;
  opacity: .65
}
.ec-blockBtn:hover {
  color: #000;
  background-color: #f7f8f9;
  border-color: #d1d1d1
}
.btn-check:focus + .ec-blockBtn,
.ec-blockBtn:focus {
  color: #000;
  background-color: #f7f8f9;
  border-color: #d1d1d1;
  box-shadow: 0 0 0 .25rem rgba(186,186,188,.5)
}
.btn-check:active + .ec-blockBtn,
.btn-check:checked + .ec-blockBtn,
.ec-blockBtn.active,
.ec-blockBtn:active,
.show > .ec-blockBtn.dropdown-toggle {
  color: #000;
  background-color: #f7f9f9;
  border-color: #d1d1d1
}
.btn-check:active + .ec-blockBtn:focus,
.btn-check:checked + .ec-blockBtn:focus,
.ec-blockBtn.active:focus,
.ec-blockBtn:active:focus,
.show > .ec-blockBtn.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(186,186,188,.5)
}
.ec-blockBtn.disabled,
.ec-blockBtn:disabled {
  color: #525263;
  background-color: #f5f7f8;
  border-color: #ccc
}
.ec-blockBtn .ec-icon img {
  width: 1em;
  vertical-align: text-bottom
}
.ec-blockBtn--primary {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: .875rem;
  border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #5cb1b1;
  border-color: #5cb1b1;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0
}
.ec-blockBtn--primary.active.focus,
.ec-blockBtn--primary.active:focus,
.ec-blockBtn--primary.focus,
.ec-blockBtn--primary:active.focus,
.ec-blockBtn--primary:active:focus,
.ec-blockBtn--primary:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.ec-blockBtn--primary.focus,
.ec-blockBtn--primary:focus,
.ec-blockBtn--primary:hover {
  color: #525263;
  text-decoration: none
}
.ec-blockBtn--primary.active,
.ec-blockBtn--primary:active {
  outline: 0;
  background-image: none
}
.ec-blockBtn--primary.disabled,
.ec-blockBtn--primary[disabled],
fieldset[disabled] .ec-blockBtn--primary {
  cursor: not-allowed;
  opacity: .65
}
.ec-blockBtn--primary:hover {
  color: #000;
  background-color: #4e9696;
  border-color: #4a8e8e
}
.btn-check:focus + .ec-blockBtn--primary,
.ec-blockBtn--primary:focus {
  color: #000;
  background-color: #4e9696;
  border-color: #4a8e8e;
  box-shadow: 0 0 0 .25rem rgba(116,189,189,.5)
}
.btn-check:active + .ec-blockBtn--primary,
.btn-check:checked + .ec-blockBtn--primary,
.ec-blockBtn--primary.active,
.ec-blockBtn--primary:active,
.show > .ec-blockBtn--primary.dropdown-toggle {
  color: #000;
  background-color: #4a8e8e;
  border-color: #458585
}
.btn-check:active + .ec-blockBtn--primary:focus,
.btn-check:checked + .ec-blockBtn--primary:focus,
.ec-blockBtn--primary.active:focus,
.ec-blockBtn--primary:active:focus,
.show > .ec-blockBtn--primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(116,189,189,.5)
}
.ec-blockBtn--primary.disabled,
.ec-blockBtn--primary:disabled {
  color: #fff;
  background-color: #5cb1b1;
  border-color: #5cb1b1
}
.ec-blockBtn--primary .ec-icon img {
  width: 1em;
  vertical-align: text-bottom
}
.ec-blockBtn--action {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: .875rem;
  border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #de5d50;
  border-color: #de5d50;
  display: block;
  width: 100%;
  border-radius: 4px;
  font-weight: 400;
  background-color: #f55b79;
  border-color: #f55b79;
  outline: 2px solid #FFFFFF;
  outline-offset: -5px;
  padding: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 560px;
  font-size: 1.2em
}
.ec-blockBtn--action.active.focus,
.ec-blockBtn--action.active:focus,
.ec-blockBtn--action.focus,
.ec-blockBtn--action:active.focus,
.ec-blockBtn--action:active:focus,
.ec-blockBtn--action:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.ec-blockBtn--action.focus,
.ec-blockBtn--action:focus,
.ec-blockBtn--action:hover {
  color: #525263;
  text-decoration: none
}
.ec-blockBtn--action.active,
.ec-blockBtn--action:active {
  outline: 0;
  background-image: none
}
.ec-blockBtn--action.disabled,
.ec-blockBtn--action[disabled],
fieldset[disabled] .ec-blockBtn--action {
  cursor: not-allowed;
  opacity: .65
}
.ec-blockBtn--action:hover {
  color: #fff;
  background-color: #bd4f44;
  border-color: #b24a40
}
.btn-check:focus + .ec-blockBtn--action,
.ec-blockBtn--action:focus {
  color: #fff;
  background-color: #bd4f44;
  border-color: #b24a40;
  box-shadow: 0 0 0 .25rem rgba(227,117,106,.5)
}
.btn-check:active + .ec-blockBtn--action,
.btn-check:checked + .ec-blockBtn--action,
.ec-blockBtn--action.active,
.ec-blockBtn--action:active,
.show > .ec-blockBtn--action.dropdown-toggle {
  color: #fff;
  background-color: #b24a40;
  border-color: #a7463c
}
.btn-check:active + .ec-blockBtn--action:focus,
.btn-check:checked + .ec-blockBtn--action:focus,
.ec-blockBtn--action.active:focus,
.ec-blockBtn--action:active:focus,
.show > .ec-blockBtn--action.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(227,117,106,.5)
}
.ec-blockBtn--action.disabled,
.ec-blockBtn--action:disabled {
  color: #fff;
  background-color: #de5d50;
  border-color: #de5d50
}
.ec-blockBtn--action .ec-icon img {
  width: 1em;
  vertical-align: text-bottom
}
.ec-blockBtn--cancel {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: .875rem;
  border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  display: block;
  width: 100%;
  border-radius: 4px;
  font-weight: 400;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  outline: 2px solid #FFFFFF;
  outline-offset: -5px;
  padding: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 560px;
  font-size: 1.2em;
  box-sizing: border-box;
}
.ec-blockBtn--cancel.active.focus,
.ec-blockBtn--cancel.active:focus,
.ec-blockBtn--cancel.focus,
.ec-blockBtn--cancel:active.focus,
.ec-blockBtn--cancel:active:focus,
.ec-blockBtn--cancel:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.ec-blockBtn--cancel.focus,
.ec-blockBtn--cancel:focus,
.ec-blockBtn--cancel:hover {
  color: #525263;
  text-decoration: none
}
.ec-blockBtn--cancel.active,
.ec-blockBtn--cancel:active {
  outline: 0;
  background-image: none
}
.ec-blockBtn--cancel.disabled,
.ec-blockBtn--cancel[disabled],
fieldset[disabled] .ec-blockBtn--cancel {
  cursor: not-allowed;
  opacity: .65
}
.ec-blockBtn--cancel:hover {
  color: #000;
  background-color: #c4c4c4;
  border-color: #b8b8b8
}
.btn-check:focus + .ec-blockBtn--cancel,
.ec-blockBtn--cancel:focus {
  color: #000;
  background-color: #c4c4c4;
  border-color: #b8b8b8;
  box-shadow: 0 0 0 .25rem rgba(234,234,234,.5)
}
.btn-check:active + .ec-blockBtn--cancel,
.btn-check:checked + .ec-blockBtn--cancel,
.ec-blockBtn--cancel.active,
.ec-blockBtn--cancel:active,
.show > .ec-blockBtn--cancel.dropdown-toggle {
  color: #000;
  background-color: #b8b8b8;
  border-color: #adadad
}
.btn-check:active + .ec-blockBtn--cancel:focus,
.btn-check:checked + .ec-blockBtn--cancel:focus,
.ec-blockBtn--cancel.active:focus,
.ec-blockBtn--cancel:active:focus,
.show > .ec-blockBtn--cancel.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(234,234,234,.5)
}
.ec-blockBtn--cancel.disabled,
.ec-blockBtn--cancel:disabled {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #e6e6e6
}
.ec-blockBtn--cancel .ec-icon img {
  width: 1em;
  vertical-align: text-bottom
}
.ec-closeBtn {
  cursor: pointer
}
.ec-closeBtn .ec-icon img {
  display: inline-block;
  margin-right: 5px;
  width: 1em;
  height: 1em;
  position: relative;
  top: -1px;
  vertical-align: middle
}
.ec-closeBtn--circle {
  display: block;
  border: 0 none;
  padding: 0;
  margin: 0;
  text-shadow: none;
  box-shadow: none;
  border-radius: 50%;
  background: #b8bec4;
  cursor: pointer;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  position: relative;
  text-align: center
}
.ec-closeBtn--circle .ec-icon img {
  display: block;
  margin-top: -.5em;
  margin-left: -.5em;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%
}
.ec-blockTopBtn {
  display: none;
  position: fixed;
  width: 120px;
  height: 40px;
  right: 0;
  bottom: 10px;
  cursor: pointer;
  color: #fff;
  text-align: center;
  line-height: 40px;
  opacity: .8;
  background-color: #9da3a9
}
.ec-birth input[type=checkbox],
.ec-birth input[type=radio],
.ec-halfInput input[type=checkbox],
.ec-halfInput input[type=radio],
.ec-input input[type=checkbox],
.ec-input input[type=radio],
.ec-numberInput input[type=checkbox],
.ec-numberInput input[type=radio],
.ec-select input[type=checkbox],
.ec-select input[type=radio],
.ec-telInput input[type=checkbox],
.ec-telInput input[type=radio],
.ec-zipInput input[type=checkbox],
.ec-zipInput input[type=radio] {
  margin: 4px 0 0;
  line-height: normal
}
.ec-birth input[type=file],
.ec-halfInput input[type=file],
.ec-input input[type=file],
.ec-numberInput input[type=file],
.ec-select input[type=file],
.ec-telInput input[type=file],
.ec-zipInput input[type=file] {
  display: block
}
.ec-birth input[type=range],
.ec-halfInput input[type=range],
.ec-input input[type=range],
.ec-numberInput input[type=range],
.ec-select input[type=range],
.ec-telInput input[type=range],
.ec-zipInput input[type=range] {
  display: block;
  width: 100%
}
.ec-birth select[multiple],
.ec-birth select[size],
.ec-halfInput select[multiple],
.ec-halfInput select[size],
.ec-input select[multiple],
.ec-input select[size],
.ec-numberInput select[multiple],
.ec-numberInput select[size],
.ec-select select[multiple],
.ec-select select[size],
.ec-telInput select[multiple],
.ec-telInput select[size],
.ec-zipInput select[multiple],
.ec-zipInput select[size] {
  height: auto
}
.ec-birth input[type=checkbox]:focus,
.ec-birth input[type=file]:focus,
.ec-birth input[type=radio]:focus,
.ec-halfInput input[type=checkbox]:focus,
.ec-halfInput input[type=file]:focus,
.ec-halfInput input[type=radio]:focus,
.ec-input input[type=checkbox]:focus,
.ec-input input[type=file]:focus,
.ec-input input[type=radio]:focus,
.ec-numberInput input[type=checkbox]:focus,
.ec-numberInput input[type=file]:focus,
.ec-numberInput input[type=radio]:focus,
.ec-select input[type=checkbox]:focus,
.ec-select input[type=file]:focus,
.ec-select input[type=radio]:focus,
.ec-telInput input[type=checkbox]:focus,
.ec-telInput input[type=file]:focus,
.ec-telInput input[type=radio]:focus,
.ec-zipInput input[type=checkbox]:focus,
.ec-zipInput input[type=file]:focus,
.ec-zipInput input[type=radio]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.ec-birth input,
.ec-halfInput input,
.ec-input input,
.ec-numberInput input,
.ec-select input,
.ec-telInput input,
.ec-zipInput input {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: #212529;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: .25rem;
  -webkit-appearance: none;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  font-weight: 700;
  border-radius: 3px
}
.ec-birth input:focus,
.ec-halfInput input:focus,
.ec-input input:focus,
.ec-numberInput input:focus,
.ec-select input:focus,
.ec-telInput input:focus,
.ec-zipInput input:focus {
  border-color: #66afe9;
  outline: 0
}
.ec-birth input::-moz-placeholder,
.ec-halfInput input::-moz-placeholder,
.ec-input input::-moz-placeholder,
.ec-numberInput input::-moz-placeholder,
.ec-select input::-moz-placeholder,
.ec-telInput input::-moz-placeholder,
.ec-zipInput input::-moz-placeholder {
  color: #999;
  opacity: 1
}
.ec-birth input:-ms-input-placeholder,
.ec-halfInput input:-ms-input-placeholder,
.ec-input input:-ms-input-placeholder,
.ec-numberInput input:-ms-input-placeholder,
.ec-select input:-ms-input-placeholder,
.ec-telInput input:-ms-input-placeholder,
.ec-zipInput input:-ms-input-placeholder {
  color: #999
}
.ec-birth input::-webkit-input-placeholder,
.ec-halfInput input::-webkit-input-placeholder,
.ec-input input::-webkit-input-placeholder,
.ec-numberInput input::-webkit-input-placeholder,
.ec-select input::-webkit-input-placeholder,
.ec-telInput input::-webkit-input-placeholder,
.ec-zipInput input::-webkit-input-placeholder {
  color: #999
}
.ec-birth input::-ms-expand,
.ec-halfInput input::-ms-expand,
.ec-input input::-ms-expand,
.ec-numberInput input::-ms-expand,
.ec-select input::-ms-expand,
.ec-telInput input::-ms-expand,
.ec-zipInput input::-ms-expand {
  border: 0;
  background-color: transparent
}
.ec-birth input[disabled],
.ec-birth input[readonly],
.ec-halfInput input[disabled],
.ec-halfInput input[readonly],
.ec-input input[disabled],
.ec-input input[readonly],
.ec-numberInput input[disabled],
.ec-numberInput input[readonly],
.ec-select input[disabled],
.ec-select input[readonly],
.ec-telInput input[disabled],
.ec-telInput input[readonly],
.ec-zipInput input[disabled],
.ec-zipInput input[readonly],
fieldset[disabled] .ec-birth input,
fieldset[disabled] .ec-halfInput input,
fieldset[disabled] .ec-input input,
fieldset[disabled] .ec-numberInput input,
fieldset[disabled] .ec-select input,
fieldset[disabled] .ec-telInput input,
fieldset[disabled] .ec-zipInput input {
  opacity: 1
}
.ec-birth input[disabled],
.ec-halfInput input[disabled],
.ec-input input[disabled],
.ec-numberInput input[disabled],
.ec-select input[disabled],
.ec-telInput input[disabled],
.ec-zipInput input[disabled],
fieldset[disabled] .ec-birth input,
fieldset[disabled] .ec-halfInput input,
fieldset[disabled] .ec-input input,
fieldset[disabled] .ec-numberInput input,
fieldset[disabled] .ec-select input,
fieldset[disabled] .ec-telInput input,
fieldset[disabled] .ec-zipInput input {
  cursor: not-allowed
}
.ec-birth select,
.ec-halfInput select,
.ec-input select,
.ec-numberInput select,
.ec-select select,
.ec-telInput select,
.ec-zipInput select {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: #212529;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: .25rem;
  -webkit-appearance: none;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  font-weight: 700;
  border-radius: 3px
}
.ec-birth select:focus,
.ec-halfInput select:focus,
.ec-input select:focus,
.ec-numberInput select:focus,
.ec-select select:focus,
.ec-telInput select:focus,
.ec-zipInput select:focus {
  border-color: #66afe9;
  outline: 0
}
.ec-birth select::-moz-placeholder,
.ec-halfInput select::-moz-placeholder,
.ec-input select::-moz-placeholder,
.ec-numberInput select::-moz-placeholder,
.ec-select select::-moz-placeholder,
.ec-telInput select::-moz-placeholder,
.ec-zipInput select::-moz-placeholder {
  color: #999;
  opacity: 1
}
.ec-birth select:-ms-input-placeholder,
.ec-halfInput select:-ms-input-placeholder,
.ec-input select:-ms-input-placeholder,
.ec-numberInput select:-ms-input-placeholder,
.ec-select select:-ms-input-placeholder,
.ec-telInput select:-ms-input-placeholder,
.ec-zipInput select:-ms-input-placeholder {
  color: #999
}
.ec-birth select::-webkit-input-placeholder,
.ec-halfInput select::-webkit-input-placeholder,
.ec-input select::-webkit-input-placeholder,
.ec-numberInput select::-webkit-input-placeholder,
.ec-select select::-webkit-input-placeholder,
.ec-telInput select::-webkit-input-placeholder,
.ec-zipInput select::-webkit-input-placeholder {
  color: #999
}
.ec-birth select::-ms-expand,
.ec-halfInput select::-ms-expand,
.ec-input select::-ms-expand,
.ec-numberInput select::-ms-expand,
.ec-select select::-ms-expand,
.ec-telInput select::-ms-expand,
.ec-zipInput select::-ms-expand {
  border: 0;
  background-color: transparent
}
.ec-birth select[disabled],
.ec-birth select[readonly],
.ec-halfInput select[disabled],
.ec-halfInput select[readonly],
.ec-input select[disabled],
.ec-input select[readonly],
.ec-numberInput select[disabled],
.ec-numberInput select[readonly],
.ec-select select[disabled],
.ec-select select[readonly],
.ec-telInput select[disabled],
.ec-telInput select[readonly],
.ec-zipInput select[disabled],
.ec-zipInput select[readonly],
fieldset[disabled] .ec-birth select,
fieldset[disabled] .ec-halfInput select,
fieldset[disabled] .ec-input select,
fieldset[disabled] .ec-numberInput select,
fieldset[disabled] .ec-select select,
fieldset[disabled] .ec-telInput select,
fieldset[disabled] .ec-zipInput select {
  opacity: 1
}
.ec-birth select[disabled],
.ec-halfInput select[disabled],
.ec-input select[disabled],
.ec-numberInput select[disabled],
.ec-select select[disabled],
.ec-telInput select[disabled],
.ec-zipInput select[disabled],
fieldset[disabled] .ec-birth select,
fieldset[disabled] .ec-halfInput select,
fieldset[disabled] .ec-input select,
fieldset[disabled] .ec-numberInput select,
fieldset[disabled] .ec-select select,
fieldset[disabled] .ec-telInput select,
fieldset[disabled] .ec-zipInput select {
  cursor: not-allowed
}
.ec-birth textarea,
.ec-halfInput textarea,
.ec-input textarea,
.ec-numberInput textarea,
.ec-select textarea,
.ec-telInput textarea,
.ec-zipInput textarea {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: #212529;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: .25rem;
  -webkit-appearance: none;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  font-weight: 700;
  border-radius: 3px
}
.ec-birth textarea:focus,
.ec-halfInput textarea:focus,
.ec-input textarea:focus,
.ec-numberInput textarea:focus,
.ec-select textarea:focus,
.ec-telInput textarea:focus,
.ec-zipInput textarea:focus {
  border-color: #66afe9;
  outline: 0
}
.ec-birth textarea::-moz-placeholder,
.ec-halfInput textarea::-moz-placeholder,
.ec-input textarea::-moz-placeholder,
.ec-numberInput textarea::-moz-placeholder,
.ec-select textarea::-moz-placeholder,
.ec-telInput textarea::-moz-placeholder,
.ec-zipInput textarea::-moz-placeholder {
  color: #999;
  opacity: 1
}
.ec-birth textarea:-ms-input-placeholder,
.ec-halfInput textarea:-ms-input-placeholder,
.ec-input textarea:-ms-input-placeholder,
.ec-numberInput textarea:-ms-input-placeholder,
.ec-select textarea:-ms-input-placeholder,
.ec-telInput textarea:-ms-input-placeholder,
.ec-zipInput textarea:-ms-input-placeholder {
  color: #999
}
.ec-birth textarea::-webkit-input-placeholder,
.ec-halfInput textarea::-webkit-input-placeholder,
.ec-input textarea::-webkit-input-placeholder,
.ec-numberInput textarea::-webkit-input-placeholder,
.ec-select textarea::-webkit-input-placeholder,
.ec-telInput textarea::-webkit-input-placeholder,
.ec-zipInput textarea::-webkit-input-placeholder {
  color: #999
}
.ec-birth textarea::-ms-expand,
.ec-halfInput textarea::-ms-expand,
.ec-input textarea::-ms-expand,
.ec-numberInput textarea::-ms-expand,
.ec-select textarea::-ms-expand,
.ec-telInput textarea::-ms-expand,
.ec-zipInput textarea::-ms-expand {
  border: 0;
  background-color: transparent
}
.ec-birth textarea[disabled],
.ec-birth textarea[readonly],
.ec-halfInput textarea[disabled],
.ec-halfInput textarea[readonly],
.ec-input textarea[disabled],
.ec-input textarea[readonly],
.ec-numberInput textarea[disabled],
.ec-numberInput textarea[readonly],
.ec-select textarea[disabled],
.ec-select textarea[readonly],
.ec-telInput textarea[disabled],
.ec-telInput textarea[readonly],
.ec-zipInput textarea[disabled],
.ec-zipInput textarea[readonly],
fieldset[disabled] .ec-birth textarea,
fieldset[disabled] .ec-halfInput textarea,
fieldset[disabled] .ec-input textarea,
fieldset[disabled] .ec-numberInput textarea,
fieldset[disabled] .ec-select textarea,
fieldset[disabled] .ec-telInput textarea,
fieldset[disabled] .ec-zipInput textarea {
  opacity: 1
}
.ec-birth textarea[disabled],
.ec-halfInput textarea[disabled],
.ec-input textarea[disabled],
.ec-numberInput textarea[disabled],
.ec-select textarea[disabled],
.ec-telInput textarea[disabled],
.ec-zipInput textarea[disabled],
fieldset[disabled] .ec-birth textarea,
fieldset[disabled] .ec-halfInput textarea,
fieldset[disabled] .ec-input textarea,
fieldset[disabled] .ec-numberInput textarea,
fieldset[disabled] .ec-select textarea,
fieldset[disabled] .ec-telInput textarea,
fieldset[disabled] .ec-zipInput textarea {
  cursor: not-allowed
}
.ec-birth input:focus,
.ec-birth textarea:focus,
.ec-halfInput input:focus,
.ec-halfInput textarea:focus,
.ec-input input:focus,
.ec-input textarea:focus,
.ec-numberInput input:focus,
.ec-numberInput textarea:focus,
.ec-select input:focus,
.ec-select textarea:focus,
.ec-telInput input:focus,
.ec-telInput textarea:focus,
.ec-zipInput input:focus,
.ec-zipInput textarea:focus {
  box-shadow: none;
  border-color: #3c8dbc
}
.ec-birth input,
.ec-halfInput input,
.ec-input input,
.ec-numberInput input,
.ec-select input,
.ec-telInput input,
.ec-zipInput input {
  height: 40px;
  margin-bottom: 10px
}
.ec-birth textarea,
.ec-halfInput textarea,
.ec-input textarea,
.ec-numberInput textarea,
.ec-select textarea,
.ec-telInput textarea,
.ec-zipInput textarea {
  height: auto;
  min-height: 100px
}
.ec-birth p,
.ec-halfInput p,
.ec-input p,
.ec-numberInput p,
.ec-select p,
.ec-telInput p,
.ec-zipInput p {
  line-height: 1.4
}
.ec-birth .ec-errorMessage,
.ec-halfInput .ec-errorMessage,
.ec-input .ec-errorMessage,
.ec-numberInput .ec-errorMessage,
.ec-select .ec-errorMessage,
.ec-telInput .ec-errorMessage,
.ec-zipInput .ec-errorMessage {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: 700;
  color: #de5d50
}
.error.ec-birth input,
.error.ec-birth select,
.error.ec-birth textarea,
.error.ec-halfInput input,
.error.ec-halfInput select,
.error.ec-halfInput textarea,
.error.ec-input input,
.error.ec-input select,
.error.ec-input textarea,
.error.ec-numberInput input,
.error.ec-numberInput select,
.error.ec-numberInput textarea,
.error.ec-select input,
.error.ec-select select,
.error.ec-select textarea,
.error.ec-telInput input,
.error.ec-telInput select,
.error.ec-telInput textarea,
.error.ec-zipInput input,
.error.ec-zipInput select,
.error.ec-zipInput textarea {
  margin-bottom: 5px;
  border-color: #cf3f34;
  background: #fdf1f0
}
.ec-checkbox .ec-errorMessage,
.ec-radio .ec-errorMessage {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: 700;
  color: #de5d50
}
.error.ec-checkbox div,
.error.ec-checkbox input,
.error.ec-checkbox label,
.error.ec-radio div,
.error.ec-radio input,
.error.ec-radio label {
  border-color: #cf3f34;
  background: #fdf1f0
}
.ec-halfInput input[type=text] {
  display: inline-block;
  width: 47%;
  margin-left: 2%
}
.ec-halfInput .ec-errorMessage {
  display: inline-block;
  width: 47%
}
.ec-halfInput .ec-errorMessage:first-of-type,
.ec-halfInput input[type=text]:first-of-type {
  margin-left: 0
}
.ec-numberInput input[type=number] {
  display: inline-block;
  width: auto;
  max-width: 100px;
  text-align: right
}
.ec-zipInput {
  display: inline-block
}
.ec-zipInput input {
  display: inline-block;
  text-align: left;
  width: auto;
  max-width: 9em;
  font-size: 16px
}
.ec-zipInput span {
  display: inline-block;
  padding: 5px 5px 5px 3px;
  margin-left: 5px
}
.ec-zipInputHelp {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 16px;
  vertical-align: baseline;
  line-height: 0
}
.ec-zipInputHelp .ec-zipInputHelp__icon {
  display: inline-block;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: #525263;
  border-radius: 50%;
  font-size: 13px;
  position: relative;
  top: -6px
}
.ec-zipInputHelp .ec-zipInputHelp__icon .ec-icon img {
  width: 1em;
  height: 1em;
  position: relative;
  left: 3px;
  top: 3px
}
.ec-zipInputHelp span {
  margin-left: 8px;
  display: inline-block;
  color: #0092c4;
  vertical-align: 3px
}
.ec-zipAuto {
  margin-bottom: 16px
}
.ec-zipAuto .ec-inlineBtn {
  font-weight: 400
}
.ec-telInput input {
  max-width: 12em;
  text-align: left
}
.ec-birth input[type=checkbox],
.ec-birth input[type=radio],
.ec-halfInput input[type=checkbox],
.ec-halfInput input[type=radio],
.ec-input input[type=checkbox],
.ec-input input[type=radio],
.ec-numberInput input[type=checkbox],
.ec-numberInput input[type=radio],
.ec-select input[type=checkbox],
.ec-select input[type=radio],
.ec-telInput input[type=checkbox],
.ec-telInput input[type=radio],
.ec-zipInput input[type=checkbox],
.ec-zipInput input[type=radio] {
  margin: 4px 0 0;
  line-height: normal
}
.ec-birth input[type=file],
.ec-halfInput input[type=file],
.ec-input input[type=file],
.ec-numberInput input[type=file],
.ec-select input[type=file],
.ec-telInput input[type=file],
.ec-zipInput input[type=file] {
  display: block
}
.ec-birth input[type=range],
.ec-halfInput input[type=range],
.ec-input input[type=range],
.ec-numberInput input[type=range],
.ec-select input[type=range],
.ec-telInput input[type=range],
.ec-zipInput input[type=range] {
  display: block;
  width: 100%
}
.ec-birth select[multiple],
.ec-birth select[size],
.ec-halfInput select[multiple],
.ec-halfInput select[size],
.ec-input select[multiple],
.ec-input select[size],
.ec-numberInput select[multiple],
.ec-numberInput select[size],
.ec-select select[multiple],
.ec-select select[size],
.ec-telInput select[multiple],
.ec-telInput select[size],
.ec-zipInput select[multiple],
.ec-zipInput select[size] {
  height: auto
}
.ec-birth input[type=checkbox]:focus,
.ec-birth input[type=file]:focus,
.ec-birth input[type=radio]:focus,
.ec-halfInput input[type=checkbox]:focus,
.ec-halfInput input[type=file]:focus,
.ec-halfInput input[type=radio]:focus,
.ec-input input[type=checkbox]:focus,
.ec-input input[type=file]:focus,
.ec-input input[type=radio]:focus,
.ec-numberInput input[type=checkbox]:focus,
.ec-numberInput input[type=file]:focus,
.ec-numberInput input[type=radio]:focus,
.ec-select input[type=checkbox]:focus,
.ec-select input[type=file]:focus,
.ec-select input[type=radio]:focus,
.ec-telInput input[type=checkbox]:focus,
.ec-telInput input[type=file]:focus,
.ec-telInput input[type=radio]:focus,
.ec-zipInput input[type=checkbox]:focus,
.ec-zipInput input[type=file]:focus,
.ec-zipInput input[type=radio]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.ec-birth input,
.ec-halfInput input,
.ec-input input,
.ec-numberInput input,
.ec-select input,
.ec-telInput input,
.ec-zipInput input {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: #212529;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: .25rem;
  -webkit-appearance: none;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  font-weight: 700;
  border-radius: 3px
}
.ec-birth input:focus,
.ec-halfInput input:focus,
.ec-input input:focus,
.ec-numberInput input:focus,
.ec-select input:focus,
.ec-telInput input:focus,
.ec-zipInput input:focus {
  border-color: #66afe9;
  outline: 0
}
.ec-birth input::-moz-placeholder,
.ec-halfInput input::-moz-placeholder,
.ec-input input::-moz-placeholder,
.ec-numberInput input::-moz-placeholder,
.ec-select input::-moz-placeholder,
.ec-telInput input::-moz-placeholder,
.ec-zipInput input::-moz-placeholder {
  color: #999;
  opacity: 1
}
.ec-birth input:-ms-input-placeholder,
.ec-halfInput input:-ms-input-placeholder,
.ec-input input:-ms-input-placeholder,
.ec-numberInput input:-ms-input-placeholder,
.ec-select input:-ms-input-placeholder,
.ec-telInput input:-ms-input-placeholder,
.ec-zipInput input:-ms-input-placeholder {
  color: #999
}
.ec-birth input::-webkit-input-placeholder,
.ec-halfInput input::-webkit-input-placeholder,
.ec-input input::-webkit-input-placeholder,
.ec-numberInput input::-webkit-input-placeholder,
.ec-select input::-webkit-input-placeholder,
.ec-telInput input::-webkit-input-placeholder,
.ec-zipInput input::-webkit-input-placeholder {
  color: #999
}
.ec-birth input::-ms-expand,
.ec-halfInput input::-ms-expand,
.ec-input input::-ms-expand,
.ec-numberInput input::-ms-expand,
.ec-select input::-ms-expand,
.ec-telInput input::-ms-expand,
.ec-zipInput input::-ms-expand {
  border: 0;
  background-color: transparent
}
.ec-birth input[disabled],
.ec-birth input[readonly],
.ec-halfInput input[disabled],
.ec-halfInput input[readonly],
.ec-input input[disabled],
.ec-input input[readonly],
.ec-numberInput input[disabled],
.ec-numberInput input[readonly],
.ec-select input[disabled],
.ec-select input[readonly],
.ec-telInput input[disabled],
.ec-telInput input[readonly],
.ec-zipInput input[disabled],
.ec-zipInput input[readonly],
fieldset[disabled] .ec-birth input,
fieldset[disabled] .ec-halfInput input,
fieldset[disabled] .ec-input input,
fieldset[disabled] .ec-numberInput input,
fieldset[disabled] .ec-select input,
fieldset[disabled] .ec-telInput input,
fieldset[disabled] .ec-zipInput input {
  opacity: 1
}
.ec-birth input[disabled],
.ec-halfInput input[disabled],
.ec-input input[disabled],
.ec-numberInput input[disabled],
.ec-select input[disabled],
.ec-telInput input[disabled],
.ec-zipInput input[disabled],
fieldset[disabled] .ec-birth input,
fieldset[disabled] .ec-halfInput input,
fieldset[disabled] .ec-input input,
fieldset[disabled] .ec-numberInput input,
fieldset[disabled] .ec-select input,
fieldset[disabled] .ec-telInput input,
fieldset[disabled] .ec-zipInput input {
  cursor: not-allowed
}
.ec-birth select,
.ec-halfInput select,
.ec-input select,
.ec-numberInput select,
.ec-select select,
.ec-telInput select,
.ec-zipInput select {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: #212529;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: .25rem;
  -webkit-appearance: none;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  font-weight: 700;
  border-radius: 3px
}
.ec-birth select:focus,
.ec-halfInput select:focus,
.ec-input select:focus,
.ec-numberInput select:focus,
.ec-select select:focus,
.ec-telInput select:focus,
.ec-zipInput select:focus {
  border-color: #66afe9;
  outline: 0
}
.ec-birth select::-moz-placeholder,
.ec-halfInput select::-moz-placeholder,
.ec-input select::-moz-placeholder,
.ec-numberInput select::-moz-placeholder,
.ec-select select::-moz-placeholder,
.ec-telInput select::-moz-placeholder,
.ec-zipInput select::-moz-placeholder {
  color: #999;
  opacity: 1
}
.ec-birth select:-ms-input-placeholder,
.ec-halfInput select:-ms-input-placeholder,
.ec-input select:-ms-input-placeholder,
.ec-numberInput select:-ms-input-placeholder,
.ec-select select:-ms-input-placeholder,
.ec-telInput select:-ms-input-placeholder,
.ec-zipInput select:-ms-input-placeholder {
  color: #999
}
.ec-birth select::-webkit-input-placeholder,
.ec-halfInput select::-webkit-input-placeholder,
.ec-input select::-webkit-input-placeholder,
.ec-numberInput select::-webkit-input-placeholder,
.ec-select select::-webkit-input-placeholder,
.ec-telInput select::-webkit-input-placeholder,
.ec-zipInput select::-webkit-input-placeholder {
  color: #999
}
.ec-birth select::-ms-expand,
.ec-halfInput select::-ms-expand,
.ec-input select::-ms-expand,
.ec-numberInput select::-ms-expand,
.ec-select select::-ms-expand,
.ec-telInput select::-ms-expand,
.ec-zipInput select::-ms-expand {
  border: 0;
  background-color: transparent
}
.ec-birth select[disabled],
.ec-birth select[readonly],
.ec-halfInput select[disabled],
.ec-halfInput select[readonly],
.ec-input select[disabled],
.ec-input select[readonly],
.ec-numberInput select[disabled],
.ec-numberInput select[readonly],
.ec-select select[disabled],
.ec-select select[readonly],
.ec-telInput select[disabled],
.ec-telInput select[readonly],
.ec-zipInput select[disabled],
.ec-zipInput select[readonly],
fieldset[disabled] .ec-birth select,
fieldset[disabled] .ec-halfInput select,
fieldset[disabled] .ec-input select,
fieldset[disabled] .ec-numberInput select,
fieldset[disabled] .ec-select select,
fieldset[disabled] .ec-telInput select,
fieldset[disabled] .ec-zipInput select {
  opacity: 1
}
.ec-birth select[disabled],
.ec-halfInput select[disabled],
.ec-input select[disabled],
.ec-numberInput select[disabled],
.ec-select select[disabled],
.ec-telInput select[disabled],
.ec-zipInput select[disabled],
fieldset[disabled] .ec-birth select,
fieldset[disabled] .ec-halfInput select,
fieldset[disabled] .ec-input select,
fieldset[disabled] .ec-numberInput select,
fieldset[disabled] .ec-select select,
fieldset[disabled] .ec-telInput select,
fieldset[disabled] .ec-zipInput select {
  cursor: not-allowed
}
.ec-birth textarea,
.ec-halfInput textarea,
.ec-input textarea,
.ec-numberInput textarea,
.ec-select textarea,
.ec-telInput textarea,
.ec-zipInput textarea {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: #212529;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: .25rem;
  -webkit-appearance: none;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  font-weight: 700;
  border-radius: 3px
}
.ec-birth textarea:focus,
.ec-halfInput textarea:focus,
.ec-input textarea:focus,
.ec-numberInput textarea:focus,
.ec-select textarea:focus,
.ec-telInput textarea:focus,
.ec-zipInput textarea:focus {
  border-color: #66afe9;
  outline: 0
}
.ec-birth textarea::-moz-placeholder,
.ec-halfInput textarea::-moz-placeholder,
.ec-input textarea::-moz-placeholder,
.ec-numberInput textarea::-moz-placeholder,
.ec-select textarea::-moz-placeholder,
.ec-telInput textarea::-moz-placeholder,
.ec-zipInput textarea::-moz-placeholder {
  color: #999;
  opacity: 1
}
.ec-birth textarea:-ms-input-placeholder,
.ec-halfInput textarea:-ms-input-placeholder,
.ec-input textarea:-ms-input-placeholder,
.ec-numberInput textarea:-ms-input-placeholder,
.ec-select textarea:-ms-input-placeholder,
.ec-telInput textarea:-ms-input-placeholder,
.ec-zipInput textarea:-ms-input-placeholder {
  color: #999
}
.ec-birth textarea::-webkit-input-placeholder,
.ec-halfInput textarea::-webkit-input-placeholder,
.ec-input textarea::-webkit-input-placeholder,
.ec-numberInput textarea::-webkit-input-placeholder,
.ec-select textarea::-webkit-input-placeholder,
.ec-telInput textarea::-webkit-input-placeholder,
.ec-zipInput textarea::-webkit-input-placeholder {
  color: #999
}
.ec-birth textarea::-ms-expand,
.ec-halfInput textarea::-ms-expand,
.ec-input textarea::-ms-expand,
.ec-numberInput textarea::-ms-expand,
.ec-select textarea::-ms-expand,
.ec-telInput textarea::-ms-expand,
.ec-zipInput textarea::-ms-expand {
  border: 0;
  background-color: transparent
}
.ec-birth textarea[disabled],
.ec-birth textarea[readonly],
.ec-halfInput textarea[disabled],
.ec-halfInput textarea[readonly],
.ec-input textarea[disabled],
.ec-input textarea[readonly],
.ec-numberInput textarea[disabled],
.ec-numberInput textarea[readonly],
.ec-select textarea[disabled],
.ec-select textarea[readonly],
.ec-telInput textarea[disabled],
.ec-telInput textarea[readonly],
.ec-zipInput textarea[disabled],
.ec-zipInput textarea[readonly],
fieldset[disabled] .ec-birth textarea,
fieldset[disabled] .ec-halfInput textarea,
fieldset[disabled] .ec-input textarea,
fieldset[disabled] .ec-numberInput textarea,
fieldset[disabled] .ec-select textarea,
fieldset[disabled] .ec-telInput textarea,
fieldset[disabled] .ec-zipInput textarea {
  opacity: 1
}
.ec-birth textarea[disabled],
.ec-halfInput textarea[disabled],
.ec-input textarea[disabled],
.ec-numberInput textarea[disabled],
.ec-select textarea[disabled],
.ec-telInput textarea[disabled],
.ec-zipInput textarea[disabled],
fieldset[disabled] .ec-birth textarea,
fieldset[disabled] .ec-halfInput textarea,
fieldset[disabled] .ec-input textarea,
fieldset[disabled] .ec-numberInput textarea,
fieldset[disabled] .ec-select textarea,
fieldset[disabled] .ec-telInput textarea,
fieldset[disabled] .ec-zipInput textarea {
  cursor: not-allowed
}
.ec-birth input:focus,
.ec-birth textarea:focus,
.ec-halfInput input:focus,
.ec-halfInput textarea:focus,
.ec-input input:focus,
.ec-input textarea:focus,
.ec-numberInput input:focus,
.ec-numberInput textarea:focus,
.ec-select input:focus,
.ec-select textarea:focus,
.ec-telInput input:focus,
.ec-telInput textarea:focus,
.ec-zipInput input:focus,
.ec-zipInput textarea:focus {
  box-shadow: none;
  border-color: #3c8dbc
}
.ec-birth input,
.ec-halfInput input,
.ec-input input,
.ec-numberInput input,
.ec-select input,
.ec-telInput input,
.ec-zipInput input {
  height: 40px;
  margin-bottom: 10px
}
.ec-birth textarea,
.ec-halfInput textarea,
.ec-input textarea,
.ec-numberInput textarea,
.ec-select textarea,
.ec-telInput textarea,
.ec-zipInput textarea {
  height: auto;
  min-height: 100px
}
.ec-birth p,
.ec-halfInput p,
.ec-input p,
.ec-numberInput p,
.ec-select p,
.ec-telInput p,
.ec-zipInput p {
  line-height: 1.4
}
.ec-birth .ec-errorMessage,
.ec-halfInput .ec-errorMessage,
.ec-input .ec-errorMessage,
.ec-numberInput .ec-errorMessage,
.ec-select .ec-errorMessage,
.ec-telInput .ec-errorMessage,
.ec-zipInput .ec-errorMessage {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: 700;
  color: #de5d50
}
.error.ec-birth input,
.error.ec-birth select,
.error.ec-birth textarea,
.error.ec-halfInput input,
.error.ec-halfInput select,
.error.ec-halfInput textarea,
.error.ec-input input,
.error.ec-input select,
.error.ec-input textarea,
.error.ec-numberInput input,
.error.ec-numberInput select,
.error.ec-numberInput textarea,
.error.ec-select input,
.error.ec-select select,
.error.ec-select textarea,
.error.ec-telInput input,
.error.ec-telInput select,
.error.ec-telInput textarea,
.error.ec-zipInput input,
.error.ec-zipInput select,
.error.ec-zipInput textarea {
  margin-bottom: 5px;
  border-color: #cf3f34;
  background: #fdf1f0
}
.ec-checkbox .ec-errorMessage,
.ec-radio .ec-errorMessage {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: 700;
  color: #de5d50
}
.error.ec-checkbox div,
.error.ec-checkbox input,
.error.ec-checkbox label,
.error.ec-radio div,
.error.ec-radio input,
.error.ec-radio label {
  border-color: #cf3f34;
  background: #fdf1f0
}
.ec-radio {
	padding-top: 10px;
}
.ec-halfInput input[type=text] {
  display: inline-block;
  width: 47%;
  margin-left: 2%
}
.ec-halfInput .ec-errorMessage {
  display: inline-block;
  width: 47%
}
.ec-halfInput .ec-errorMessage:first-of-type,
.ec-halfInput input[type=text]:first-of-type {
  margin-left: 0
}
.ec-numberInput input[type=number] {
  display: inline-block;
  width: auto;
  max-width: 100px;
  text-align: right
}
.ec-zipInput {
  display: inline-block
}
.ec-zipInput input {
  display: inline-block;
  text-align: left;
  width: auto;
  max-width: 9em;
  font-size: 16px
}
.ec-zipInput span {
  display: inline-block;
  padding: 5px 5px 5px 3px;
  margin-left: 5px
}
.ec-zipInputHelp {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 16px;
  vertical-align: baseline;
  line-height: 0
}
.ec-zipInputHelp a {
	display: inline-block;
	position: relative;
	top: 6px;
}

.ec-zipInputHelp a span {
	margin-left: 3px;
}
.ec-zipInputHelp .ec-zipInputHelp__icon {
  display: inline-block;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: #525263;
  border-radius: 50%;
  font-size: 13px;
  position: relative;
  top: -6px
}
.ec-icon {
	text-align: left;
}
.ec-zipInputHelp .ec-zipInputHelp__icon .ec-icon img {
  width: 1em;
  height: 1em;
  position: relative;
  left: 3px;
  top: 3px
}
.ec-zipInputHelp span {
  margin-left: 8px;
  display: inline-block;
  color: #0092c4;
  vertical-align: 3px
}
.ec-zipAuto {
  margin-bottom: 16px
}
.ec-zipAuto .ec-inlineBtn {
  font-weight: 400
}
.ec-telInput input {
  max-width: 12em;
  text-align: left
}
.ec-radio div {
  display: inline-block
}
.ec-radio label {
  margin-right: 20px
}
.ec-radio input {
  margin-right: 10px;
 /* margin-bottom: 10px*/
 margin-top: 4px;
}
.ec-radio span {
  font-weight: 400
}
.ec-blockRadio label {
  display: block
}
.ec-blockRadio span {
  padding-left: 10px;
  font-weight: 400
}
.ec-selects {
  margin-bottom: 20px;
  border-bottom: 1px dotted #ccc
}
.ec-select {
  margin-bottom: 16px
}
.ec-select select {
  display: inline-block;
  width: auto;
  max-width: 100%;
  background-color: #f8f8f8;
  -webkit-appearance: menulist;
  -moz-appearance: menulist
}
.ec-select select:focus {
  box-shadow: none
}
.ec-select label {
  margin-right: 10px;
  font-weight: 700
}
.ec-select label:nth-child(3) {
  margin-left: 10px;
  font-weight: 700
}
.ec-select__delivery {
  display: block;
  margin-right: 16px
}
.ec-select__time {
  display: block
}
.ec-birth select {
  display: inline-block;
  width: auto;
  margin: 0 0 10px;
  background-color: #f8f8f8;
  -webkit-appearance: menulist;
  -moz-appearance: menulist
}
.ec-birth select:focus {
  box-shadow: none
}
.ec-birth span {
  margin-left: 5px
}
.ec-checkbox label {
  display: inline-block;
  margin-top: 30px;
  font-weight: 700
}
.ec-checkbox input {
  margin-bottom: 10px
}
.ec-checkbox span {
  font-weight: 400
}
.ec-blockCheckbox label {
  display: block
}
.ec-blockCheckbox span {
  font-weight: 400
}
.ec-label {
  display: inline-block;
  font-weight: 700;
  margin-bottom: 5px
}
.ec-required {
  display: inline-block;
  margin-left: .8em;
  vertical-align: 2px;
  color: #de5d50;
  font-size: 12px;
  font-weight: 400
}
.ec-icon img {
  max-width: 80px;
  max-height: 80px
}
.ec-grid2 {
  display: block;
  margin: 0
}
.ec-grid2 .ec-grid2__cell {
  position: relative;
  min-height: 1px
}
.ec-grid2 .ec-grid2__cell2 {
  position: relative;
  min-height: 1px
}
.ec-grid3 {
  display: block;
  margin: 0
}
.ec-grid3 .ec-grid3__cell {
  position: relative;
  min-height: 1px
}
.ec-grid3 .ec-grid3__cell2 {
  position: relative;
  min-height: 1px
}
.ec-grid3 .ec-grid3__cell3 {
  position: relative;
  min-height: 1px
}
.ec-grid4 {
  display: block;
  margin: 0
}
.ec-grid4 .ec-grid4__cell {
  position: relative;
  min-height: 1px
}
.ec-grid6 {
  display: block;
  margin: 0
}
.ec-grid6 .ec-grid6__cell {
  position: relative;
  min-height: 1px
}
.ec-grid6 .ec-grid6__cell2 {
  position: relative;
  min-height: 1px
}
.ec-grid6 .ec-grid6__cell3 {
  position: relative;
  min-height: 1px
}
.ec-off1Grid {
  margin: 0
}
.ec-off1Grid .ec-off1Grid__cell {
  margin: 0
}
.ec-off2Grid {
  display: block;
  margin: 0
}
.ec-off2Grid .ec-off2Grid__cell {
  margin: 0
}
.ec-off3Grid {
  display: block;
  margin: 0
}
.ec-off3Grid .ec-off3Grid__cell {
  margin: 0
}
.ec-off4Grid {
  display: block;
  margin: 0
}
.ec-off4Grid .ec-off4Grid__cell {
  margin: 0
  text-align: center;
}
.ec-grid--left {
  justify-content: flex-start
}
.ec-grid--right {
  justify-content: flex-end
}
.ec-grid--center {
  justify-content: center
}
.col-1,
.col-2,
.col-3 {
  width: 100%
}
.col-sm-5,
.col-sm-7 {
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}
.ec-imageGrid {
  display: table;
  border-top: 1px dotted #ccc;
  width: 100%
}
.ec-imageGrid .ec-imageGrid__img {
  display: table-cell;
  padding: 10px;
  width: 100px
}
.ec-imageGrid .ec-imageGrid__img img {
  width: 100%
}
.ec-imageGrid .ec-imageGrid__content {
  vertical-align: middle;
  display: table-cell
}
.ec-imageGrid .ec-imageGrid__content span {
  margin-left: 10px
}
.ec-imageGrid .ec-imageGrid__content p {
  margin-bottom: 0
}
.ec-login {
  margin: 0 0 20px;
  padding: 30px 13% 20px;
  height: auto;
  background: #f3f4f4;
  box-sizing: border-box
}
.ec-login .ec-login__icon {
  text-align: center
}
.ec-login .ec-icon {
  margin-bottom: 10px
}
.ec-login .ec-icon img {
  width: 90px;
  height: 90px;
  display: inline-block
}
.ec-login .ec-login__input {
  margin-bottom: 40px
}
.ec-login .ec-login__input .ec-checkbox span {
  margin-left: 5px;
  font-weight: 400
}
.ec-login .ec-login__actions {
  color: #fff
}
.ec-login .ec-login__actions a {
  color: inherit;
  text-decoration: none
}
.ec-login .ec-login__actions a:hover {
  text-decoration: none
}
.ec-login .ec-login__link {
  margin-top: 5px;
  margin-left: 0
}
.ec-login .ec-errorMessage {
  color: #de5d50;
  margin-bottom: 20px
}
.ec-guest {
  display: table;
  margin: 0;
  padding: 13%;
  height: auto;
  box-sizing: border-box;
  background: #f3f4f4
}
.ec-guest .ec-guest__inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}
.ec-guest .ec-guest__inner p {
  margin-bottom: 16px
}
.ec-guest .ec-guest__actions {
  display: block;
  vertical-align: middle;
  text-align: center;
  color: #fff
}
.ec-guest .ec-guest__actions a {
  color: inherit;
  text-decoration: none
}
.ec-guest .ec-guest__actions a:hover {
  text-decoration: none
}
.ec-guest .ec-guest__icon {
  font-size: 70px;
  text-align: center
}
.ec-displayB {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  flex-direction: column
}
.ec-displayB .ec-displayB__cell {
  width: 100%;
  margin-bottom: 16px
}
.ec-displayB .ec-displayB__cell a {
  color: inherit;
  text-decoration: none
}
.ec-displayB .ec-displayB__cell a:hover {
  text-decoration: none
}
.ec-displayB .ec-displayB__cell:hover {
  text-decoration: none
}
.ec-displayB .ec-displayB__cell:hover img {
  opacity: .8
}
.ec-displayB .ec-displayB__cell:hover a {
  text-decoration: none
}
.ec-displayB .ec-displayB__img {
  margin-bottom: 15px
}
.ec-displayB .ec-displayB__catch {
  margin-bottom: 15px;
  text-decoration: none;
  font-weight: 700;
  color: #9a947e
}
.ec-displayB .ec-displayB__comment {
  margin-bottom: 14px;
  text-decoration: none;
  color: #525263;
  font-size: 14px
}
.ec-displayB .ec-displayB__link {
  text-decoration: none;
  font-weight: 700;
  color: #9a947e
}
.ec-displayC {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 24px
}
.ec-displayC .ec-displayC__cell {
  width: 47%
}
.ec-displayC .ec-displayC__cell a {
  color: inherit;
  text-decoration: none
}
.ec-displayC .ec-displayC__cell a:hover {
  text-decoration: none
}
.ec-displayC .ec-displayC__cell:hover a {
  text-decoration: none
}
.ec-displayC .ec-displayC__cell:hover img {
  opacity: .8
}
.ec-displayC .ec-displayC__img {
  display: block;
  width: 100%;
  margin-bottom: 15px
}
.ec-displayC .ec-displayC__catch {
  display: block;
  width: 100%;
  font-weight: 700;
  color: #9a947e
}
.ec-displayC .ec-displayC__title {
  display: block;
  width: 100%;
  color: #525263
}
.ec-displayC .ec-displayC__price {
  display: block;
  width: 100%;
  font-weight: 700;
  color: #525263
}
.ec-displayC .ec-displayC__price--sp {
  display: block;
  width: 100%;
  font-weight: 700;
  color: #de5d50
}
.ec-displayD {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap-reverse
}
.ec-displayD .ec-displayD__cell {
  width: 30%;
  margin-bottom: 8px
}
.ec-displayD .ec-displayD__cell a {
  color: inherit;
  text-decoration: none
}
.ec-displayD .ec-displayD__cell a:hover {
  text-decoration: none
}
.ec-displayD .ec-displayD__cell:hover {
  text-decoration: none
}
.ec-displayD .ec-displayD__cell:hover img {
  opacity: .8
}
.ec-displayD .ec-displayD__img {
  display: block;
  width: 100%
}
.ec-topicpath {
  letter-spacing: -.4em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 10px;
  list-style: none;
  overflow: hidden;
  font-size: 12px;
  color: #0092c4
}
.ec-topicpath .ec-topicpath__item a {
  color: inherit;
  text-decoration: none
}
.ec-topicpath .ec-topicpath__item a:hover {
  text-decoration: none
}
.ec-topicpath .ec-topicpath__divider {
  color: #000
}
.ec-topicpath .ec-topicpath__divider,
.ec-topicpath .ec-topicpath__item,
.ec-topicpath .ec-topicpath__item--active {
  display: inline-block;
  min-width: 16px;
  text-align: center;
  position: relative;
  letter-spacing: normal
}
.ec-topicpath .ec-topicpath__item--active {
  font-weight: 700
}
.ec-topicpath .ec-topicpath__item--active a {
  color: inherit;
  text-decoration: none
}
.ec-topicpath .ec-topicpath__item--active a:hover {
  text-decoration: none
}
.ec-pager {
  list-style: none;
  list-style-type: none;
  margin: 0 auto;
  padding: 1em 0;
  text-align: center
}
.ec-pager .ec-pager__item,
.ec-pager .ec-pager__item--active {
  display: inline-block;
  min-width: 29px;
  padding: 0 3px 0 2px;
  text-align: center;
  position: relative
}
.ec-pager .ec-pager__item a,
.ec-pager .ec-pager__item--active a {
  color: inherit;
  text-decoration: none
}
.ec-pager .ec-pager__item a:hover,
.ec-pager .ec-pager__item--active a:hover {
  text-decoration: none
}
.ec-pager .ec-pager__item a,
.ec-pager .ec-pager__item--active a {
  color: inherit;
  display: block;
  line-height: 1.8;
  padding: 5px 1em;
  text-decoration: none
}
.ec-pager .ec-pager__item a:hover,
.ec-pager .ec-pager__item--active a:hover {
  color: inherit
}
.ec-pager .ec-pager__item--active {
  background: #f3f3f3
}
.ec-pager .ec-pager__item:hover {
  background: #f3f3f3
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden
  }
  100% {
    opacity: 1;
    visibility: visible
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden
  }
  100% {
    opacity: 1;
    visibility: visible
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible
  }
  100% {
    opacity: 0;
    visibility: hidden
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible
  }
  100% {
    opacity: 0;
    visibility: hidden
  }
}
.bg-load-overlay {
  background: rgba(255,255,255,.4);
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1
}
.ec-progress {
  margin: 0 auto;
  padding: 8px 0 16px;
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 600px;
  list-style: none
}
.ec-progress .ec-progress__item {
  display: table-cell;
  position: relative;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  z-index: 0
}
.ec-progress .ec-progress__item:after {
  content: "";
  position: absolute;
  display: block;
  background: #525263;
  width: 100%;
  height: .25em;
  top: 1.25em;
  left: 50%;
  z-index: -1
}
.ec-progress .ec-progress__item:last-child:after {
  display: none
}
.ec-progress .ec-progress__number {
  line-height: 30px;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  font-size: 12px;
  background: #525263;
  color: #fff;
  top: 0;
  left: 18px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%
}
.ec-progress .ec-progress__label {
  font-size: 12px
}
.ec-progress .is-complete .ec-progress__number {
  background: #1d60cc;
}
.ec-progress .is-complete .ec-progress__label {
  color: #1d60cc;
}
.ec-cartNavi {
  display: inline-block;
  padding: 10px 0 0 20px;
  width: auto;
  color: #000;
  background: 0 0
}
.ec-cartNavi .ec-cartNavi__icon {
  display: inline-block;
  font-size: 20px;
  display: inline-block;
  opacity: 1;
  visibility: visible;
  -webkit-animation: fadeIn .2s linear 0s;
  animation: fadeIn .2s linear 0s;
  position: relative
}
.ec-cartNavi .ec-cartNavi__badge {
  display: inline-block;
  border-radius: 99999px;
  box-sizing: border-box;
  padding: 5px;
  height: 17px;
  font-size: 10px;
  line-height: .7;
  vertical-align: top;
  color: #fff;
  text-align: left;
  white-space: nowrap;
  background-color: #de5d50;
  position: absolute;
  left: 60%;
  top: -10px
}
.ec-cartNavi .ec-cartNavi__price {
  display: none
}
.ec-cartNavi.is-active .ec-cartNavi__icon:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900
}
.ec-cartNavi.is-active .ec-cartNavi__badge {
  display: none
}
.ec-cartNaviIsset {
  display: none;
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  box-sizing: border-box;
  padding: 16px;
  z-index: 20;
  position: absolute;
  right: 0
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 16px;
  padding-bottom: 32px
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart:after {
  content: " ";
  display: table
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart:after {
  clear: both
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage {
  float: left;
  width: 45%
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage img {
  width: 100%
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContent {
  float: right;
  width: 55%;
  padding-left: 16px;
  text-align: left;
  box-sizing: border-box
}
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action {
  color: #fff;
  margin-bottom: 8px
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentTitle {
  margin-bottom: 8px
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentPrice {
  font-weight: 700
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentTax {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  margin-left: 2px
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentNumber {
  font-size: 14px
}
.ec-cartNaviIsset.is-active {
  display: block
}
.ec-cartNaviNull {
  display: none;
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  box-sizing: border-box;
  padding: 16px;
  z-index: 3;
  position: absolute;
  right: 0
}
.ec-cartNaviNull .ec-cartNaviNull__message {
  border: 1px solid #d9d9d9;
  padding: 16px 0;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #f99
}
.ec-cartNaviNull .ec-cartNaviNull__message p {
  margin: 0
}
.ec-cartNaviNull.is-active {
  display: block
}
.ec-totalBox {
  background: #f3f3f3;
  padding: 16px;
  margin-bottom: 16px
}
.ec-totalBox .ec-totalBox__spec {
  display: flex;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 8px
}
.ec-totalBox .ec-totalBox__spec dt {
  font-weight: 400;
  text-align: left
}
.ec-totalBox .ec-totalBox__spec dd {
  text-align: right
}
.ec-totalBox .ec-totalBox__spec .ec-totalBox .ec-totalBox__spec__specTotal {
  color: #de5d50
}
.ec-totalBox .ec-totalBox__total {
  border-top: 1px dotted #ccc;
  padding: 8px 0;
  text-align: right;
  font-size: 14px;
  font-weight: 700
}
.ec-totalBox .ec-totalBox__paymentTotal {
  border-top: 1px dotted #ccc;
  padding: 8px 0;
  text-align: right;
  font-size: 14px;
  font-weight: 700
}
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price,
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel {
  color: #de5d50
}
.ec-totalBox .ec-totalBox__price {
  margin-left: 16px;
  font-size: 16px;
  font-weight: 700
}
.ec-totalBox .ec-totalBox__taxLabel {
  margin-left: 8px;
  font-size: 12px
}
.ec-totalBox .ec-totalBox__taxRate {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
  font-size: 10px
}
.ec-totalBox .ec-totalBox__taxRate dt {
  font-weight: 400;
  text-align: left;
  margin-right: 8px
}
.ec-totalBox .ec-totalBox__taxRate dt::before {
  content: "[ "
}
.ec-totalBox .ec-totalBox__taxRate dd {
  text-align: right
}
.ec-totalBox .ec-totalBox__taxRate dd::after {
  content: " ]"
}
.ec-totalBox .ec-totalBox__pointBlock {
  padding: 18px 20px 10px;
  margin-bottom: 10px;
  background: #fff
}
.ec-totalBox .ec-totalBox__btn a {
  color: inherit;
  text-decoration: none
}
.ec-totalBox .ec-totalBox__btn a:hover {
  text-decoration: none
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
  font-size: 16px;
  font-weight: 700
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--cancel {
  margin-top: 8px
}
.ec-news {
  margin-bottom: 16px;
  background: #f8f8f8
}
.ec-news .ec-news__title {
  font-weight: 700;
  padding: 8px;
  font-size: 16px;
  text-align: center
}
.ec-news .ec-news__items {
  padding: 0;
  list-style: none;
  border-top: 1px dotted #ccc
}
.ec-newsline {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0 16px
}
.ec-newsline .ec-newsline__info {
  width: 100%;
  padding: 16px 0
}
.ec-newsline .ec-newsline__info:after {
  content: " ";
  display: table
}
.ec-newsline .ec-newsline__info:after {
  clear: both
}
.ec-newsline .ec-newsline__date {
  display: inline-block;
  margin-right: 10px;
  float: left
}
.ec-newsline .ec-newsline__comment {
  display: inline-block;
  float: left
}
.ec-newsline .ec-newsline__close {
  float: right;
  display: inline-block;
  text-align: right
}
.ec-newsline .ec-newsline__close .ec-closeBtn--circle {
  display: inline-block;
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px
}
.ec-newsline .ec-newsline__description {
  width: 100%;
  height: 0;
  transition: all .2s ease-out
}
.ec-newsline.is_active .ec-newsline__description {
  height: auto;
  transition: all .2s ease-out;
  padding-bottom: 16px
}
.ec-newsline.is_active .ec-icon img {
  transform: rotateX(180deg)
}
.ec-navlistRole .ec-navlistRole__navlist {
  display: flex;
  flex-wrap: wrap;
  border-color: #d0d0d0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin-bottom: 32px;
  padding: 0;
  list-style: none
}
.ec-navlistRole .ec-navlistRole__navlist a {
  color: inherit;
  text-decoration: none
}
.ec-navlistRole .ec-navlistRole__navlist a:hover {
  text-decoration: none
}
.ec-navlistRole .ec-navlistRole__item {
  display: flex;
  width: 50%;
  border-color: #d0d0d0;
  border-style: solid;
  border-width: 0 1px 1px 0;
  text-align: center;
  font-weight: 700
}
.ec-navlistRole .ec-navlistRole__item:hover {
  background: #f5f7f8
}
.ec-navlistRole .ec-navlistRole__item a {
  margin: auto;
  padding: 16px 10px;
  width: 100%;
  display: inline-block
}
.ec-navlistRole .active a {
  color: #de5d50
}
.ec-welcomeMsg {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  margin: 1em 0;
  padding-bottom: 32px;
  text-align: center;
  border-bottom: 1px dotted #ccc
}
.ec-welcomeMsg:after {
  content: " ";
  display: table
}
.ec-welcomeMsg:after {
  clear: both
}
.ec-welcomeMsg textarea {
  font-family: sans-serif
}
.ec-welcomeMsg img {
  max-width: 100%
}
.ec-welcomeMsg html {
  box-sizing: border-box
}
.ec-welcomeMsg *,
.ec-welcomeMsg ::after,
.ec-welcomeMsg ::before {
  box-sizing: inherit
}
.ec-favoriteRole .ec-favoriteRole__header {
  margin-bottom: 16px
}
.ec-favoriteRole .ec-favoriteRole__itemList {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none
}
.ec-favoriteRole .ec-favoriteRole__itemList a {
  color: inherit;
  text-decoration: none
}
.ec-favoriteRole .ec-favoriteRole__itemList a:hover {
  text-decoration: none
}
.ec-favoriteRole .ec-favoriteRole__item {
  margin-bottom: 8px;
  width: 47.5%;
  position: relative;
  box-sizing: border-box;
  padding: 10px
}
.ec-favoriteRole .ec-favoriteRole__item-image {
  margin-bottom: 10px;
  text-align: center
}
.ec-favoriteRole .ec-favoriteRole__item img {
  width: auto;
  max-height: 100%
}
.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle {
  position: absolute;
  right: 10px;
  top: 10px
}
.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle .ec-icon img {
  width: 1em;
  height: 1em
}
.ec-favoriteRole .ec-favoriteRole__itemThumb {
  display: block;
  height: auto;
  margin-bottom: 8px
}
.ec-favoriteRole .ec-favoriteRole__itemTitle {
  margin-bottom: 2px
}
.ec-favoriteRole .ec-favoriteRole__itemPrice {
  font-weight: 700;
  margin-bottom: 0
}
.ec-role {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px
}
.ec-role:after {
  content: " ";
  display: table
}
.ec-role:after {
  clear: both
}
.ec-role textarea {
  font-family: sans-serif
}
.ec-role img {
  max-width: 100%
}
.ec-role html {
  box-sizing: border-box
}
.ec-role *,
.ec-role ::after,
.ec-role ::before {
  box-sizing: inherit
}
.ec-mypageRole {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%
}
.ec-mypageRole:after {
  content: " ";
  display: table
}
.ec-mypageRole:after {
  clear: both
}
.ec-mypageRole textarea {
  font-family: sans-serif
}
.ec-mypageRole img {
  max-width: 100%
}
.ec-mypageRole html {
  box-sizing: border-box
}
.ec-mypageRole *,
.ec-mypageRole ::after,
.ec-mypageRole ::before {
  box-sizing: inherit
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden
  }
  100% {
    opacity: 1;
    visibility: visible
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible
  }
  100% {
    opacity: 0;
    visibility: hidden
  }
}
.bg-load-overlay {
  background: rgba(255,255,255,.4);
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1
}
.ec-layoutRole {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  transition: transform .3s;
  background: #fff
}
.ec-layoutRole .ec-layoutRole__contentTop {
  padding: 0
}
.ec-layoutRole .ec-layoutRole__contents {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1410px;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1
}
.ec-layoutRole .ec-layoutRole__main {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px
}
.ec-layoutRole .ec-layoutRole__mainWithColumn {
  width: 100%
}
.ec-layoutRole .ec-layoutRole__mainBetweenColumn {
  width: 100%
}
.ec-layoutRole .ec-layoutRole__left,
.ec-layoutRole .ec-layoutRole__right {
  display: none
}
.ec-headerRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px;
  padding-top: 15px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: auto
}
.ec-headerRole:after {
  content: " ";
  display: table
}
.ec-headerRole:after {
  clear: both
}
.ec-headerRole textarea {
  font-family: sans-serif
}
.ec-headerRole img {
  max-width: 100%
}
.ec-headerRole html {
  box-sizing: border-box
}
.ec-headerRole *,
.ec-headerRole ::after,
.ec-headerRole ::before {
  box-sizing: inherit
}
.ec-headerRole:after {
  display: none
}
.ec-headerRole::before {
  display: none
}
.ec-headerRole .ec-headerRole__title {
  width: 100%
}
.ec-headerRole .ec-headerRole__navSP {
  display: block;
  position: absolute;
  top: 15px;
  width: 27%;
  right: 0;
  text-align: right
}
.ec-headerNaviRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  box-sizing: content-box;
  max-width: 1410px
}
.ec-headerNaviRole:after {
  content: " ";
  display: table
}
.ec-headerNaviRole:after {
  clear: both
}
.ec-headerNaviRole textarea {
  font-family: sans-serif
}
.ec-headerNaviRole img {
  max-width: 100%
}
.ec-headerNaviRole html {
  box-sizing: border-box
}
.ec-headerNaviRole *,
.ec-headerNaviRole ::after,
.ec-headerNaviRole ::before {
  box-sizing: inherit
}
.ec-headerNaviRole .fa-bars {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}
.ec-headerNaviRole .ec-headerNaviRole__left {
  width: 33.3333333333%
}
.ec-headerNaviRole .ec-headerNaviRole__search {
  display: none
}
.ec-headerNaviRole .ec-headerNaviRole__navSP {
  display: block
}
.ec-headerNaviRole .ec-headerNaviRole__right {
  width: 66.6666666667%;
  display: flex;
  justify-content: flex-end;
  align-items: center
}
.ec-headerNaviRole .ec-headerNaviRole__nav {
  display: inline-block
}
.ec-headerNaviRole .ec-headerNaviRole__nav a {
  color: inherit;
  text-decoration: none
}
.ec-headerNaviRole .ec-headerNaviRole__nav a:hover {
  text-decoration: none
}
.ec-headerNaviRole .ec-headerNaviRole__cart {
  display: inline-block
}
.ec-headerNaviRole .ec-headerNaviRole__cart a {
  color: inherit;
  text-decoration: none
}
.ec-headerNaviRole .ec-headerNaviRole__cart a:hover {
  text-decoration: none
}
.ec-headerNaviRole .ec-headerNaviRole__full {
  width: 100%
}
.ec-headerNavSP {
  display: block;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 10px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  text-align: center;
  color: #000;
  background: #fff;
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000
}
.ec-headerNavSP .fas {
  vertical-align: top
}
.ec-headerNavSP.is-active {
  display: none
}
.ec-headerTitle {
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%
}
.ec-headerTitle textarea {
  font-family: sans-serif
}
.ec-headerTitle img {
  max-width: 100%
}
.ec-headerTitle html {
  box-sizing: border-box
}
.ec-headerTitle *,
.ec-headerTitle ::after,
.ec-headerTitle ::before {
  box-sizing: inherit
}
.ec-headerTitle .ec-headerTitle__title {
  text-align: center
}
.ec-headerTitle .ec-headerTitle__title .h1,
.ec-headerTitle .ec-headerTitle__title h1 {
  margin: 0;
  padding: 0
}
.ec-headerTitle .ec-headerTitle__title a {
  display: inline-block;
  margin-bottom: 30px;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  color: #000
}
.ec-headerTitle .ec-headerTitle__title a:hover {
  opacity: .8
}
.ec-headerTitle .ec-headerTitle__subtitle {
  font-size: 10px;
  text-align: center
}
.ec-headerTitle .ec-headerTitle__subtitle a {
  display: inline-block;
  color: #0092c4;
  text-decoration: none;
  cursor: pointer
}
.ec-headerNav {
  text-align: right
}
.ec-headerNav .ec-headerNav__item {
  margin-left: 0;
  display: inline-block;
  font-size: 28px
}
.ec-headerNav .ec-headerNav__itemIcon {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 18px;
  color: #000
}
.ec-headerNav .ec-headerNav__itemLink {
  display: none;
  margin-right: 5px;
  font-size: 14px;
  vertical-align: middle;
  color: #000
}
.ec-headerSearch:after {
  content: " ";
  display: table
}
.ec-headerSearch:after {
  clear: both
}
.ec-headerSearch .ec-headerSearch__category {
  float: none
}
.ec-headerSearch .ec-headerSearch__category .ec-select {
  overflow: hidden;
  width: 100%;
  margin: 0;
  text-align: center
}
.ec-headerSearch .ec-headerSearch__category .ec-select select {
  width: 100%;
  cursor: pointer;
  padding: 8px 24px 8px 8px;
  text-indent: .01px;
  text-overflow: ellipsis;
  border: none;
  outline: 0;
  background: 0 0;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #fff
}
.ec-headerSearch .ec-headerSearch__category .ec-select select option {
  color: #000
}
.ec-headerSearch .ec-headerSearch__category .ec-select select::-ms-expand {
  display: none
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
  position: relative;
  border: 0;
  background: #000;
  color: #fff;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
  position: absolute;
  top: .8em;
  right: .4em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  pointer-events: none
}
.ec-headerSearch .ec-headerSearch__keyword {
  position: relative;
  color: #525263;
  border: 1px solid #ccc;
  background-color: #f6f6f6;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px
}
.ec-headerSearch .ec-headerSearch__keyword input[type=search] {
  width: 100%;
  height: 34px;
  font-size: 16px;
  border: 0 none;
  padding: .5em 50px .5em 1em;
  box-shadow: none;
  background: 0 0;
  box-sizing: border-box;
  margin-bottom: 0
}
.ec-headerSearch .ec-headerSearch__keyword .ec-icon {
  width: 22px;
  height: 22px
}
.ec-headerSearch .ec-headerSearch__keywordBtn {
  border: 0;
  background: 0 0;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-55%);
  display: block;
  white-space: nowrap;
  z-index: 1
}
.ec-categoryNaviRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px;
  display: none
}
.ec-categoryNaviRole:after {
  content: " ";
  display: table
}
.ec-categoryNaviRole:after {
  clear: both
}
.ec-categoryNaviRole textarea {
  font-family: sans-serif
}
.ec-categoryNaviRole img {
  max-width: 100%
}
.ec-categoryNaviRole html {
  box-sizing: border-box
}
.ec-categoryNaviRole *,
.ec-categoryNaviRole ::after,
.ec-categoryNaviRole ::before {
  box-sizing: inherit
}
.ec-itemNav {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center
}
.ec-itemNav__nav {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: auto;
  height: auto;
  list-style-type: none;
  text-align: center;
  vertical-align: bottom
}
.ec-itemNav__nav li {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  position: relative
}
.ec-itemNav__nav li a {
  display: block;
  border-bottom: 1px solid #e8e8e8;
  margin: 0;
  padding: 16px;
  height: auto;
  color: #2e3233;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  text-align: left;
  background: #fff;
  border-bottom: 1px solid #e8e8e8
}
.ec-itemNav__nav li ul {
  display: none;
  z-index: 0;
  margin: 0;
  padding: 0;
  min-width: 200px;
  list-style: none;
  position: static;
  top: 100%;
  left: 0
}
.ec-itemNav__nav li ul li {
  overflow: hidden;
  width: 100%;
  height: auto;
  transition: .3s
}
.ec-itemNav__nav li ul li a {
  border-bottom: 1px solid #e8e8e8;
  padding: 16px 22px 16px 16px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-align: left;
  background: #000
}
.ec-itemNav__nav > li:hover > a {
  background: #fafafa
}
.ec-itemNav__nav > li:hover li:hover > a {
  background: #333
}
.ec-itemNav__nav li ul li ul {
  top: 0;
  left: 100%;
  width: auto
}
.ec-itemNav__nav li ul li ul li a {
  background: #7d7d7d
}
.ec-itemNav__nav li:hover ul li ul li a:hover {
  background: #333
}
.ec-drawerRole {
  overflow-y: scroll;
  background: #000;
  width: 260px;
  height: 100vh;
  transform: translateX(-300px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  transition: z-index 0s 1ms
}
.ec-drawerRole .ec-headerSearchArea {
  padding: 20px 10px;
  width: 100%;
  background: #f8f8f8
}
.ec-drawerRole .ec-headerSearch {
  padding: 16px 8px 26px;
  background: #ebebeb;
  color: #636378
}
.ec-drawerRole .ec-headerSearch select {
  width: 100%!important
}
.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1em 10px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  background: #f8f8f8
}
.ec-drawerRole .ec-headerCategoryArea p {
  margin-top: 0;
  margin-bottom: 0
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a {
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #000;
  font-weight: 400;
  background: #f8f8f8
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li a {
  border-bottom: 1px solid #ccc;
  padding-left: 20px;
  font-weight: 400;
  background: #fff
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav > li:hover > a {
  background: #f8f8f8
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav > li:hover li:hover > a {
  background: #fff
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li ul li a {
  padding-left: 40px;
  color: #000;
  background: #fff
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li:hover ul li ul li a:hover {
  background: #fff
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li ul li ul li a {
  padding-left: 60px;
  font-weight: 400
}
.ec-drawerRole .ec-headerLinkArea {
  background: #000
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list {
  border-top: 1px solid #ccc
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 700;
  color: #fff
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__icon {
  display: inline-block;
  width: 28px;
  font-size: 17px
}
.ec-drawerRoleClose {
  display: none;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 10px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  text-align: center;
  color: #000;
  background: #fff;
  position: fixed;
  top: 10px;
  left: 270px;
  z-index: 1000
}
.ec-drawerRoleClose .fas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}
.ec-drawerRole.is_active {
  display: block;
  transform: translateX(0);
  transition: all .3s;
  z-index: 100000
}
.ec-drawerRoleClose.is_active {
  display: inline-block;
  transition: all .3s
}
.ec-overlayRole {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 0;
  background: 0 0;
  transform: translateX(0);
  transition: all .3s;
  visibility: hidden
}
.have_curtain .ec-overlayRole {
  display: block;
  opacity: 1;
  background: rgba(0,0,0,.5);
  visibility: visible
}
.ec-itemNavAccordion {
  display: none
}
.ec-maintenanceAlert {
  background: #4682b4;
  height: 50px;
  position: fixed;
  top: 0;
  width: 100%;
  color: #fff;
  z-index: 9999;
  display: flex;
  font-weight: 700
}
.ec-maintenanceAlert > * {
  margin: auto
}
.ec-maintenanceAlert .ec-maintenanceAlert__icon {
  display: inline-block;
  margin-right: 1rem;
  width: 20px;
  height: 20px;
  color: #fff;
  fill: #fff;
  vertical-align: top
}
.ec-maintenanceAlert + * {
  margin-top: 50px
}
.ec-footerRole {
  padding-top: 40px
}
.ec-footerNavi {
  padding: 0;
  color: #fff;
  list-style: none;
  text-align: center
}
.ec-footerNavi .ec-footerNavi__link {
  display: block
}
.ec-footerNavi .ec-footerNavi__link a {
  display: block;
  border-bottom: 1px solid #7d7d7d;
  padding: 15px 0;
  font-size: 14px;
  color: inherit;
  text-decoration: none
}
.ec-footerNavi .ec-footerNavi__link:hover a {
  opacity: .8;
  text-decoration: none
}
.ec-footerTitle {
  padding: 40px 0 60px;
  text-align: center;
  color: #fff
}
.ec-footerTitle .ec-footerTitle__logo {
  display: block;
  margin-bottom: 10px;
  font-weight: 700
}
.ec-footerTitle .ec-footerTitle__logo a {
  color: inherit;
  text-decoration: none
}
.ec-footerTitle .ec-footerTitle__logo a:hover {
  text-decoration: none
}
.ec-footerTitle .ec-footerTitle__logo a {
  font-size: 22px;
  color: inherit
}
.ec-footerTitle .ec-footerTitle__logo:hover a {
  opacity: .8;
  text-decoration: none
}
.ec-footerTitle .ec-footerTitle__copyright {
  font-size: 10px
}
.ec-sliderRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px;
  margin-bottom: 24px
}
.ec-sliderRole:after {
  content: " ";
  display: table
}
.ec-sliderRole:after {
  clear: both
}
.ec-sliderRole textarea {
  font-family: sans-serif
}
.ec-sliderRole img {
  max-width: 100%
}
.ec-sliderRole html {
  box-sizing: border-box
}
.ec-sliderRole *,
.ec-sliderRole ::after,
.ec-sliderRole ::before {
  box-sizing: inherit
}
.ec-sliderRole ul {
  padding: 0;
  list-style: none
}
.ec-sliderItemRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px;
  margin-bottom: 24px
}
.ec-sliderItemRole:after {
  content: " ";
  display: table
}
.ec-sliderItemRole:after {
  clear: both
}
.ec-sliderItemRole textarea {
  font-family: sans-serif
}
.ec-sliderItemRole img {
  max-width: 100%
}
.ec-sliderItemRole html {
  box-sizing: border-box
}
.ec-sliderItemRole *,
.ec-sliderItemRole ::after,
.ec-sliderItemRole ::before {
  box-sizing: inherit
}
.ec-sliderItemRole ul {
  padding: 0;
  list-style: none
}
.ec-sliderItemRole .item_nav {
  display: none
}
.ec-sliderItemRole .slideThumb {
  margin-bottom: 25px;
  width: 33%;
  opacity: .8;
  cursor: pointer
}
.ec-sliderItemRole .slideThumb:focus {
  outline: 0
}
.ec-sliderItemRole .slideThumb:hover {
  opacity: 1
}
.ec-sliderItemRole .slideThumb img {
  width: 80%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover
}
.ec-eyecatchRole {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px
}
.ec-eyecatchRole .ec-eyecatchRole__image {
  display: block;
  margin-bottom: 40px;
  width: 100%;
  height: 100%
}
.ec-eyecatchRole .ec-eyecatchRole__intro {
  color: #000
}
.ec-eyecatchRole .ec-eyecatchRole__introEnTitle {
  margin-bottom: .8em;
  font-size: 16px;
  font-weight: 400
}
.ec-eyecatchRole .ec-eyecatchRole__introTitle {
  margin-bottom: .8em;
  font-size: 24px;
  font-weight: 700
}
.ec-eyecatchRole .ec-eyecatchRole__introDescriptiron {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 2
}
.ec-eyecatchRole .ec-eyecatchRole__introDescription {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 2
}
.ec-inlineBtn--top {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: .875rem;
  border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #000;
  border-color: #000
}
.ec-inlineBtn--top.active.focus,
.ec-inlineBtn--top.active:focus,
.ec-inlineBtn--top.focus,
.ec-inlineBtn--top:active.focus,
.ec-inlineBtn--top:active:focus,
.ec-inlineBtn--top:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.ec-inlineBtn--top.focus,
.ec-inlineBtn--top:focus,
.ec-inlineBtn--top:hover {
  color: #525263;
  text-decoration: none
}
.ec-inlineBtn--top.active,
.ec-inlineBtn--top:active {
  outline: 0;
  background-image: none
}
.ec-inlineBtn--top.disabled,
.ec-inlineBtn--top[disabled],
fieldset[disabled] .ec-inlineBtn--top {
  cursor: not-allowed;
  opacity: .65
}
.ec-inlineBtn--top:hover {
  color: #fff;
  background-color: #000;
  border-color: #000
}
.btn-check:focus + .ec-inlineBtn--top,
.ec-inlineBtn--top:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
  box-shadow: 0 0 0 .25rem rgba(38,38,38,.5)
}
.btn-check:active + .ec-inlineBtn--top,
.btn-check:checked + .ec-inlineBtn--top,
.ec-inlineBtn--top.active,
.ec-inlineBtn--top:active,
.show > .ec-inlineBtn--top.dropdown-toggle {
  color: #fff;
  background-color: #000;
  border-color: #000
}
.btn-check:active + .ec-inlineBtn--top:focus,
.btn-check:checked + .ec-inlineBtn--top:focus,
.ec-inlineBtn--top.active:focus,
.ec-inlineBtn--top:active:focus,
.show > .ec-inlineBtn--top.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(38,38,38,.5)
}
.ec-inlineBtn--top.disabled,
.ec-inlineBtn--top:disabled {
  color: #fff;
  background-color: #000;
  border-color: #000
}
.ec-inlineBtn--top .ec-icon img {
  width: 1em;
  vertical-align: text-bottom
}
.ec-blockBtn--top {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: .875rem;
  border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #000;
  border-color: #000;
  display: block;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0
}
.ec-blockBtn--top.active.focus,
.ec-blockBtn--top.active:focus,
.ec-blockBtn--top.focus,
.ec-blockBtn--top:active.focus,
.ec-blockBtn--top:active:focus,
.ec-blockBtn--top:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.ec-blockBtn--top.focus,
.ec-blockBtn--top:focus,
.ec-blockBtn--top:hover {
  color: #525263;
  text-decoration: none
}
.ec-blockBtn--top.active,
.ec-blockBtn--top:active {
  outline: 0;
  background-image: none
}
.ec-blockBtn--top.disabled,
.ec-blockBtn--top[disabled],
fieldset[disabled] .ec-blockBtn--top {
  cursor: not-allowed;
  opacity: .65
}
.ec-blockBtn--top:hover {
  color: #fff;
  background-color: #000;
  border-color: #000
}
.btn-check:focus + .ec-blockBtn--top,
.ec-blockBtn--top:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
  box-shadow: 0 0 0 .25rem rgba(38,38,38,.5)
}
.btn-check:active + .ec-blockBtn--top,
.btn-check:checked + .ec-blockBtn--top,
.ec-blockBtn--top.active,
.ec-blockBtn--top:active,
.show > .ec-blockBtn--top.dropdown-toggle {
  color: #fff;
  background-color: #000;
  border-color: #000
}
.btn-check:active + .ec-blockBtn--top:focus,
.btn-check:checked + .ec-blockBtn--top:focus,
.ec-blockBtn--top.active:focus,
.ec-blockBtn--top:active:focus,
.show > .ec-blockBtn--top.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(38,38,38,.5)
}
.ec-blockBtn--top.disabled,
.ec-blockBtn--top:disabled {
  color: #fff;
  background-color: #000;
  border-color: #000
}
.ec-blockBtn--top .ec-icon img {
  width: 1em;
  vertical-align: text-bottom
}
.ec-secHeading {
  margin-bottom: 15px;
  color: #000
}
.ec-secHeading .ec-secHeading__en {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .2em
}
.ec-secHeading .ec-secHeading__line {
  display: inline-block;
  margin: 0 20px;
  width: 1px;
  height: 14px;
  background: #000
}
.ec-secHeading .ec-secHeading__ja {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .15em;
  vertical-align: 2px
}
.ec-secHeading--tandem {
  margin-bottom: 15px;
  color: #000;
  text-align: center
}
.ec-secHeading--tandem .ec-secHeading__en {
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .2em
}
.ec-secHeading--tandem .ec-secHeading__line {
  display: block;
  margin: 13px auto;
  width: 20px;
  height: 1px;
  background: #000
}
.ec-secHeading--tandem .ec-secHeading__ja {
  display: block;
  margin-bottom: 30px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .15em;
  vertical-align: 2px
}
.ec-topicRole {
  padding: 40px 0;
  background: #f8f8f8
}
.ec-topicRole .ec-topicRole__list {
  display: flex;
  flex-wrap: wrap
}
.ec-topicRole .ec-topicRole__listItem {
  margin-bottom: 20px;
  width: 100%;
  height: auto
}
.ec-topicRole .ec-topicRole__listItemTitle {
  margin-top: .5em;
  font-size: 14px;
  color: #000
}
.ec-newItemRole {
  padding: 40px 0
}
.ec-newItemRole .ec-newItemRole__list {
  display: flex;
  flex-wrap: wrap
}
.ec-newItemRole .ec-newItemRole__listItem {
  margin-bottom: 4%;
  width: 48%;
  height: auto
}
.ec-newItemRole .ec-newItemRole__listItem:not(:first-child) a {
  color: #000
}
.ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) {
  margin-right: 4%
}
.ec-newItemRole .ec-newItemRole__listItemHeading {
  margin-top: calc(45% - 20px)
}
.ec-newItemRole .ec-newItemRole__listItemTitle {
  margin: 8px 0;
  font-size: 14px;
  font-weight: 700
}
.ec-newItemRole .ec-newItemRole__listItemPrice {
  font-size: 12px
}
.ec-categoryRole {
  padding: 40px 0;
  color: #000;
  background: #f8f8f8
}
.ec-categoryRole .ec-categoryRole__list {
  display: flex;
  flex-wrap: wrap
}
.ec-categoryRole .ec-categoryRole__listItem {
  margin-bottom: 20px;
  width: 100%;
  height: auto
}
.ec-newsRole {
  padding: 40px 0 0
}
.ec-newsRole .ec-newsRole__news {
  box-sizing: border-box
}
.ec-newsRole .ec-newsRole__newsItem {
  width: 100%
}
.ec-newsRole .ec-newsRole__newsItem:not(:last-of-type) {
  border-bottom: 1px solid #ccc
}
.ec-newsRole .ec-newsRole__newsItem:last-of-type {
  margin-bottom: 20px
}
.ec-newsRole .ec-newsRole__newsHeading {
  cursor: pointer
}
.ec-newsRole .ec-newsRole__newsDate {
  display: block;
  margin: 15px 0 5px;
  font-size: 12px;
  color: #000
}
.ec-newsRole .ec-newsRole__newsColumn {
  display: flex
}
.ec-newsRole .ec-newsRole__newsTitle {
  display: inline-block;
  margin-bottom: 10px;
  width: 90%;
  font-size: 14px;
  font-weight: 700;
  color: #7d7d7d;
  line-height: 1.6
}
.ec-newsRole .ec-newsRole__newsClose {
  display: inline-block;
  width: 10%;
  position: relative
}
.ec-newsRole .ec-newsRole__newsCloseBtn {
  display: inline-block;
  margin-left: auto;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: #fff;
  text-align: center;
  background: #000;
  cursor: pointer;
  position: absolute;
  right: 5px
}
.ec-newsRole .ec-newsRole__newsDescription {
  display: none;
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.4;
  overflow: hidden
}
.ec-newsRole .ec-newsRole__newsDescription a {
  color: #0092c4
}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription {
  margin: 0 0 10px
}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsCloseBtn i {
  display: inline-block;
  transform: rotateX(180deg) translateY(2px)
}
.ec-calendar {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}
.ec-calendar__month {
  margin-bottom: 20px
}
.ec-calendar__month td,
.ec-calendar__month th {
  border: 1px solid #f7f6ed;
  padding: 1px 3px;
  text-align: center;
  vertical-align: middle
}
.ec-calendar__month th {
  height: 25px
}
.ec-calendar .ec-calendar__title {
  border: 0;
  color: #000;
  text-align: left!important;
  font-size: 14px;
  font-weight: 400;
  border-top: none!important
}
.ec-calendar .ec-calendar__sun {
  background: #fbc610;
  color: #de5d50
}
.ec-calendar .ec-calendar__fri,
.ec-calendar .ec-calendar__mon,
.ec-calendar .ec-calendar__thu,
.ec-calendar .ec-calendar__tue,
.ec-calendar .ec-calendar__wed {
  background: #fbc610;
  color: #333
}
.ec-calendar .ec-calendar__sat {
  background: #fbc610;
  color: #5cb1b1
}
.ec-calendar .ec-calendar__day {
  background: #fff;
  color: #333
}
.ec-calendar .ec-calendar__holiday {
  background: #fff;
  color: #af1101!important
}
.ec-calendar .ec-calendar__today {
  color: #333;
  position: relative;
  z-index: 1;
  background-color: #eee;
  font-weight: 700
}
.ec-searchnavRole {
  margin-bottom: 0;
  padding: 0
}
.ec-searchnavRole .ec-searchnavRole__infos {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px;
  display: flex;
  border-top: 0;
  margin-bottom: 16px;
  padding-top: 5px;
  flex-direction: column
}
.ec-searchnavRole .ec-searchnavRole__infos:after {
  content: " ";
  display: table
}
.ec-searchnavRole .ec-searchnavRole__infos:after {
  clear: both
}
.ec-searchnavRole .ec-searchnavRole__infos textarea {
  font-family: sans-serif
}
.ec-searchnavRole .ec-searchnavRole__infos img {
  max-width: 100%
}
.ec-searchnavRole .ec-searchnavRole__infos html {
  box-sizing: border-box
}
.ec-searchnavRole .ec-searchnavRole__infos *,
.ec-searchnavRole .ec-searchnavRole__infos ::after,
.ec-searchnavRole .ec-searchnavRole__infos ::before {
  box-sizing: inherit
}
.ec-searchnavRole .ec-searchnavRole__counter {
  margin-bottom: 16px;
  width: 100%
}
.ec-searchnavRole .ec-searchnavRole__actions {
  text-align: right;
  width: 100%
}
.ec-shelfRole {
  margin: 0 auto;
  /*
  padding-left: 16px;
  padding-right: 16px;
  */
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px
}
.ec-shelfRole:after {
  content: " ";
  display: table
}
.ec-shelfRole:after {
  clear: both
}
.ec-shelfRole textarea {
  font-family: sans-serif
}
.ec-shelfRole img {
  max-width: 100%
}
.ec-shelfRole html {
  box-sizing: border-box
}
.ec-shelfRole *,
.ec-shelfRole ::after,
.ec-shelfRole ::before {
  box-sizing: inherit
}
.ec-shelfGrid {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  flex-wrap: wrap;
  padding: 0;
  list-style: none
}
.ec-shelfGrid a {
  color: inherit;
  text-decoration: none
}
.ec-shelfGrid a:hover {
  text-decoration: none
}
.ec-shelfGrid .ec-shelfGrid__item {
  width: 100%;
  display: flex;
  flex-direction: column
}
.ec-shelfGrid .ec-shelfGrid__item-image {
  text-align: center;
  width: 41.6666666667%
}
.ec-shelfGrid .ec-shelfGrid__item img {
  width: auto;
  max-height: 100%
}
.ec-shelfGrid .ec-shelfGrid__item .ec-productRole__btn {
  margin-top: auto;
  margin-bottom: 15px
}
.ec-shelfGrid .ec-shelfGrid__item a {
  display: flex;
  flex-wrap: wrap
}
.ec-shelfGrid .ec-shelfGrid__item .caption {
  flex: 1
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
  padding-right: 8px
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(2n) {
  padding-left: 8px
}
.ec-shelfGrid .ec-shelfGrid__title {
  margin-bottom: 7px
}
.ec-shelfGrid .ec-shelfGrid__plice {
  font-weight: 700
}
.ec-shelfGridCenter {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  justify-content: center
}
.ec-shelfGridCenter a {
  color: inherit;
  text-decoration: none
}
.ec-shelfGridCenter a:hover {
  text-decoration: none
}
.ec-shelfGridCenter .ec-shelfGridCenter__item {
  margin-bottom: 36px;
  width: 50%
}
.ec-shelfGridCenter .ec-shelfGridCenter__item-image {
  margin-bottom: 10px;
  text-align: center
}
.ec-shelfGridCenter .ec-shelfGridCenter__item img {
  width: auto;
  max-height: 100%
}
.ec-shelfGridCenter .ec-shelfGridCenter__item .ec-productRole__btn {
  margin-top: auto;
  padding-top: 1em
}
.ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(odd) {
  padding-right: 8px
}
.ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(2n) {
  padding-left: 8px
}
.ec-shelfGridCenter .ec-shelfGridCenter__title {
  margin-bottom: 7px
}
.ec-shelfGridCenter .ec-shelfGridCenter__plice {
  font-weight: 700
}
.ec-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%
}
.ec-modal.small {
  width: 30%
}
.ec-modal.full {
  width: 100%;
  height: 100%
}
.ec-modal .ec-modal-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0,0,0,.3);
  width: 100%;
  height: 100%
}
.ec-modal .ec-modal-wrap {
  position: relative;
  border-radius: 2px;
  border: 1px solid #333;
  background-color: #fff;
  width: 90%;
  margin: 20px;
  padding: 40px 5px
}
.ec-modal .ec-modal-close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 20px;
  height: 30px;
  width: 20px
}
.ec-modal .ec-modal-close:hover {
  color: #4b5361
}
.ec-modal .ec-modal-box {
  text-align: center
}
.ec-modal .ec-role {
  margin-top: 20px
}
.ec-productRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px
}
.ec-productRole:after {
  content: " ";
  display: table
}
.ec-productRole:after {
  clear: both
}
.ec-productRole textarea {
  font-family: sans-serif
}
.ec-productRole img {
  max-width: 100%
}
.ec-productRole html {
  box-sizing: border-box
}
.ec-productRole *,
.ec-productRole ::after,
.ec-productRole ::before {
  box-sizing: inherit
}
.ec-productRole .ec-productRole__img {
  margin-right: 0;
  margin-bottom: 20px
}
.ec-productRole .ec-productRole__profile {
  margin-left: 0
}
.ec-productRole .ec-productRole__title .ec-headingTitle {
  font-size: 20px
}
.ec-productRole .ec-productRole__tags {
  margin-top: 16px;
  padding: 0;
  padding-bottom: 16px;
  border-bottom: 1px dotted #ccc
}
.ec-productRole .ec-productRole__tag {
  display: inline-block;
  padding: 2px 5px;
  list-style: none;
  font-size: 80%;
  color: #525263;
  border: solid 1px #d7dadd;
  border-radius: 3px;
  background-color: #f5f7f8
}
.ec-productRole .ec-productRole__priceRegular {
  padding-top: 14px
}
.ec-productRole .ec-productRole__priceRegularTax {
  margin-left: 5px;
  font-size: 10px
}
.ec-productRole .ec-productRole__price {
  color: #de5d50;
  font-size: 28px;
  padding: 0;
  border-bottom: 0
}
.ec-productRole .ec-productRole__code {
  padding: 14px 0;
  border-bottom: 1px dotted #ccc
}
.ec-productRole .ec-productRole__category {
  padding: 14px 0;
  border-bottom: 1px dotted #ccc
}
.ec-productRole .ec-productRole__category a {
  color: #33a8d0
}
.ec-productRole .ec-productRole__category ul {
  list-style: none;
  padding: 0;
  margin: 0
}
.ec-productRole .ec-productRole__actions {
  padding: 14px 0
}
.ec-productRole .ec-productRole__actions .ec-select select {
  height: 40px;
  max-width: 100%;
  min-width: 100%
}
.ec-productRole .ec-productRole__btn {
  width: 100%;
  margin-bottom: 10px
}
.ec-productRole .ec-productRole__description {
  margin-bottom: 16px
}
.ec-cartRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end
}
.ec-cartRole:after {
  content: " ";
  display: table
}
.ec-cartRole:after {
  clear: both
}
.ec-cartRole textarea {
  font-family: sans-serif
}
.ec-cartRole img {
  max-width: 100%
}
.ec-cartRole html {
  box-sizing: border-box
}
.ec-cartRole *,
.ec-cartRole ::after,
.ec-cartRole ::before {
  box-sizing: inherit
}
.ec-cartRole::before {
  display: none
}
.ec-cartRole .ec-cartRole__progress {
  width: 100%;
  text-align: center
}
.ec-cartRole .ec-cartRole__error {
  width: 100%;
  text-align: center
}
.ec-cartRole .ec-cartRole__error .ec-alert-warning {
  max-width: 80%;
  display: inline-block
}
.ec-cartRole .ec-cartRole__totalText {
  margin-bottom: 0;
  padding: 16px 0 6px;
  width: 100%;
  text-align: center;
  font-weight: 400
}
.ec-cartRole .ec-cartRole__cart {
  margin: 0;
  width: 100%;
  background: #fff;
}
.ec-cartRole .ec-cartRole__actions {
  text-align: right;
  width: 100%
}
.ec-cartRole .ec-cartRole__total {
  padding: 15px 0 30px;
  font-weight: 700;
  font-size: 16px
}
.ec-cartRole .ec-cartRole__totalAmount {
  margin-left: 30px;
  color: #ff0000;
  font-size: 16px
}
.ec-cartRole .ec-blockBtn--action {
  margin-bottom: 10px
}
.ec-cartTable {
  display: table;
  border-top: 1px dotted #ccc;
  width: 100%
}
.ec-cartHeader {
  display: none;
  width: 100%;
  background: #f4f3f0
}
.ec-cartHeader .ec-cartHeader__label {
  display: table-cell;
  padding: 16px;
  text-align: center;
  background: #1d60cc;
  color: #fff;
  overflow-x: hidden;
  font-weight: 700
}
.ec-cartCompleteRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px
}
.ec-cartCompleteRole:after {
  content: " ";
  display: table
}
.ec-cartCompleteRole:after {
  clear: both
}
.ec-cartCompleteRole textarea {
  font-family: sans-serif
}
.ec-cartCompleteRole img {
  max-width: 100%
}
.ec-cartCompleteRole html {
  box-sizing: border-box
}
.ec-cartCompleteRole *,
.ec-cartCompleteRole ::after,
.ec-cartCompleteRole ::before {
  box-sizing: inherit
}
.ec-cartRow {
  display: table-row
}
.ec-cartRow .ec-cartRow__delColumn {
  border-bottom: 1px dotted #ccc;
  text-align: center;
  display: table-cell;
  width: 14%;
  vertical-align: middle
}
.ec-cartRow .ec-cartRow__delColumn .ec-icon img {
  width: 1.5em;
  height: 1.5em
}
.ec-cartRow .ec-cartRow__contentColumn {
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
  display: table
}
.ec-cartRow .ec-cartRow__img {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
  padding-right: 10px
}
.ec-cartRow .ec-cartRow__summary {
  display: table-cell;
  margin-left: 5px;
  font-weight: 700;
  vertical-align: middle;
  width: 46%
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__name {
  margin-bottom: 5px
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__sutbtotalSP {
  display: block;
  font-weight: 400
}
.ec-cartRow .ec-cartRow__amountColumn {
  display: table-cell;
  border-bottom: 1px dotted #ccc;
  vertical-align: middle;
  text-align: center;
  width: 20%
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
  display: none;
  margin-bottom: 10px
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
  display: block;
  margin-bottom: 10px
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown {
  display: flex;
  justify-content: center
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton {
  margin: 0 2px;
  display: inline-block;
  border: 2px solid #c9c9c9;
  border-radius: 50%;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  cursor: pointer;
  line-height: 40px;
  vertical-align: middle;
  position: relative;
  text-align: center;
  background: #fff
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountUpButton__icon img {
  display: block;
  margin-left: -.4em;
  width: .8em;
  height: .8em;
  position: absolute;
  top: 28%;
  left: 50%
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
  margin: 0 2px;
  display: inline-block;
  border: 2px solid #c9c9c9;
  border-radius: 50%;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  cursor: pointer;
  line-height: 40px;
  vertical-align: middle;
  position: relative;
  text-align: center;
  background: #fff
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton .ec-cartRow__amountDownButton__icon img,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .ec-cartRow__amountDownButton__icon img {
  display: block;
  margin-left: -.4em;
  width: .8em;
  height: .8em;
  position: absolute;
  top: 28%;
  left: 50%
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
  cursor: default
}
.ec-cartRow .ec-cartRow__subtotalColumn {
  display: none;
  border-bottom: 1px dotted #ccc;
  text-align: right;
  width: 16.66666667%;
  padding: 10px;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
  cursor: default
}
.ec-alert-warning {
  width: 100%;
  padding: 10px;
  text-align: center;
  background: #f99;
  margin-bottom: 20px
}
.ec-alert-warning .ec-alert-warning__icon {
  display: inline-block;
  margin-right: 1rem;
  width: 20px;
  height: 20px;
  color: #fff;
  fill: #fff;
  vertical-align: top
}
.ec-alert-warning .ec-alert-warning__text {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  position: relative
}
.ec-orderRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  margin-top: 0
}
.ec-orderRole:after {
  content: " ";
  display: table
}
.ec-orderRole:after {
  clear: both
}
.ec-orderRole textarea {
  font-family: sans-serif
}
.ec-orderRole img {
  max-width: 100%
}
.ec-orderRole html {
  box-sizing: border-box
}
.ec-orderRole *,
.ec-orderRole ::after,
.ec-orderRole ::before {
  box-sizing: inherit
}
.ec-orderRole .ec-inlineBtn {
  font-weight: 400
}
.mypage .ec-orderRole .ec-inlineBtn {
  font-weight: 700
}
.ec-orderRole .ec-orderRole__detail {
  padding: 0;
  width: 100%
}
.ec-orderRole .ec-orderRole__detail .panel > * {
  padding: 10px 15px
}
.ec-orderRole .ec-orderRole__summary {
  width: 100%
}
.ec-orderRole .ec-orderRole__summary .ec-inlineBtn {
  display: inline-block
}
.ec-orderRole .ec-borderedList {
  margin-bottom: 20px;
  border-top: 1px dotted #ccc
}
.ec-orderOrder {
  margin-bottom: 30px
}
.ec-orderOrder .ec-orderOrder__items {
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc
}
.ec-orderAccount {
  margin-bottom: 30px
}
.ec-orderAccount p {
  margin-bottom: 0
}
.ec-orderAccount:after {
  content: " ";
  display: table
}
.ec-orderAccount:after {
  clear: both
}
.ec-orderAccount .ec-orderAccount__change {
  display: inline-block;
  margin-left: 10px;
  float: right
}
.ec-orderAccount .ec-orderAccount__account {
  margin-bottom: 16px
}
.ec-orderDelivery .ec-orderDelivery__title {
  padding: 16px 0 17px;
  font-weight: 700;
  font-size: 18px;
  position: relative
}
.ec-orderDelivery .ec-orderDelivery__change {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0
}
.ec-orderDelivery .ec-orderDelivery__items {
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc
}
.ec-orderDelivery .ec-orderDelivery__address {
  margin: 10px 0 18px
}
.ec-orderDelivery .ec-orderDelivery__address p {
  margin: 0
}
.ec-orderConfirm {
  margin-bottom: 20px
}
.ec-orderConfirm .ec-birth textarea,
.ec-orderConfirm .ec-halfInput textarea,
.ec-orderConfirm .ec-input textarea,
.ec-orderConfirm .ec-numberInput textarea,
.ec-orderConfirm .ec-select textarea,
.ec-orderConfirm .ec-telInput textarea,
.ec-orderConfirm .ec-zipInput textarea {
  height: 96px
}
.ec-AddAddress {
  padding: 0 10px
}
.ec-AddAddress .ec-AddAddress__info {
  margin-bottom: 32px;
  text-align: center;
  font-size: 16px
}
.ec-AddAddress .ec-AddAddress__add {
  border-top: 1px solid #f4f4f4;
  padding-top: 20px;
  margin-bottom: 20px
}
.ec-AddAddress .ec-AddAddress__item {
  display: table;
  padding: 16px;
  background: #f4f4f4;
  margin-bottom: 16px
}
.ec-AddAddress .ec-AddAddress__itemThumb {
  display: table-cell;
  min-width: 160px;
  width: 20%
}
.ec-AddAddress .ec-AddAddress__itemThumb img {
  width: 100%
}
.ec-AddAddress .ec-AddAddress__itemtContent {
  display: table-cell;
  vertical-align: middle;
  padding-left: 16px;
  font-size: 16px
}
.ec-AddAddress .ec-AddAddress__itemtTitle {
  font-weight: 700;
  margin-bottom: 10px
}
.ec-AddAddress .ec-AddAddress__itemtSize {
  margin-bottom: 10px
}
.ec-AddAddress .ec-AddAddress__select {
  margin-bottom: 5px
}
.ec-AddAddress .ec-AddAddress__selectAddress {
  display: block
}
.ec-AddAddress .ec-AddAddress__selectAddress label {
  font-size: 16px;
  font-weight: 400
}
.ec-AddAddress .ec-AddAddress__selectAddress select {
  min-width: 100%
}
.ec-AddAddress .ec-AddAddress__selectNumber {
  display: block
}
.ec-AddAddress .ec-AddAddress__selectNumber label {
  font-size: 16px;
  font-weight: 400
}
.ec-AddAddress .ec-AddAddress__selectNumber input {
  display: inline-block;
  margin-left: 10px;
  width: 80px
}
.ec-AddAddress .ec-AddAddress__actions .ec-blockBtn--action {
  margin-bottom: 8px
}
.ec-AddAddress .ec-AddAddress__new {
  margin-bottom: 20px
}
.ec-historyRole .ec-historyRole__contents {
  padding-top: 1em;
  padding-bottom: 16px;
  border-top: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  color: #525263
}
.ec-historyRole .ec-historyRole__header {
  width: 100%
}
.ec-historyRole .ec-historyRole__detail {
  border-top: 1px dotted #ccc;
  width: 100%
}
.ec-historyRole .ec-historyRole__detail .ec-imageGrid:first-of-type {
  border-top: none
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle {
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 700
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice {
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 700
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailOption {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: .5rem;
  font-size: 1.6rem
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailOption::after {
  display: inline-block;
  padding-left: .5rem;
  content: "/";
  font-weight: 700
}
.ec-historyListHeader .ec-historyListHeader__date {
  font-weight: 700;
  font-size: 16px
}
.ec-historyListHeader .ec-historyListHeader__action {
  margin: 16px 0
}
.ec-historyListHeader .ec-historyListHeader__action a {
  font-size: 12px;
  font-weight: 400
}
.ec-orderMails .ec-orderMails__item {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc
}
.ec-orderMails .ec-orderMails__time {
  margin: 0
}
.ec-orderMails .ec-orderMails__body {
  display: none
}
.ec-orderMail {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 16px
}
.ec-orderMail .ec-orderMail__time {
  margin: 0
}
.ec-orderMail .ec-orderMail__body {
  display: none
}
.ec-orderMail .ec-orderMail__time {
  margin-bottom: 4px
}
.ec-orderMail .ec-orderMail__link {
  margin-bottom: 4px
}
.ec-orderMail .ec-orderMail__link a {
  color: #0092c4;
  text-decoration: none;
  cursor: pointer
}
.ec-orderMail .ec-orderMail__link a:hover {
  color: #33a8d0
}
.ec-orderMail .ec-orderMail__close a {
  color: #0092c4;
  text-decoration: none;
  cursor: pointer
}
.ec-orderMail .ec-orderMail__close a:hover {
  color: #33a8d0
}
.ec-addressRole .ec-addressRole__item {
  border-top: 1px dotted #ccc
}
.ec-addressRole .ec-addressRole__actions {
  margin-top: 32px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #ccc
}
.ec-addressList .ec-addressList__item {
  display: table;
  width: 100%;
  position: relative;
  border-bottom: 1px dotted #ccc
}
.ec-addressList .ec-addressList__remove {
  vertical-align: middle;
  padding: 16px;
  text-align: center
}
.ec-addressList .ec-addressList__remove .ec-icon img {
  width: 1em;
  height: 1em
}
.ec-addressList .ec-addressList__address {
  display: table-cell;
  vertical-align: middle;
  padding: 16px;
  margin-right: 4em;
  width: 80%
}
.ec-addressList .ec-addressList__action {
  position: relative;
  vertical-align: middle;
  text-align: right;
  top: 27px;
  padding-right: 10px
}
.ec-forgotRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px
}
.ec-forgotRole:after {
  content: " ";
  display: table
}
.ec-forgotRole:after {
  clear: both
}
.ec-forgotRole textarea {
  font-family: sans-serif
}
.ec-forgotRole img {
  max-width: 100%
}
.ec-forgotRole html {
  box-sizing: border-box
}
.ec-forgotRole *,
.ec-forgotRole ::after,
.ec-forgotRole ::before {
  box-sizing: inherit
}
.ec-forgotRole .ec-forgotRole__intro {
  font-size: 16px
}
.ec-forgotRole .ec-forgotRole__form {
  margin-bottom: 16px
}
/*
.ec-registerRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px
}
.ec-registerRole:after {
  content: " ";
  display: table
}
.ec-registerRole:after {
  clear: both
}
.ec-registerRole textarea {
  font-family: sans-serif
}
.ec-registerRole img {
  max-width: 100%
}
.ec-registerRole html {
  box-sizing: border-box
}
.ec-registerRole *,
.ec-registerRole ::after,
.ec-registerRole ::before {
  box-sizing: inherit
}
.ec-registerRole .ec-registerRole__actions {
  padding-top: 20px;
  text-align: center
}
.ec-registerRole .ec-registerRole__actions p {
  margin-bottom: 16px
}
.ec-registerRole .ec-blockBtn--action {
  margin-bottom: 16px
}
*/
.ec-registerCompleteRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px
}
.ec-registerCompleteRole:after {
  content: " ";
  display: table
}
.ec-registerCompleteRole:after {
  clear: both
}
.ec-registerCompleteRole textarea {
  font-family: sans-serif
}
.ec-registerCompleteRole img {
  max-width: 100%
}
.ec-registerCompleteRole html {
  box-sizing: border-box
}
.ec-registerCompleteRole *,
.ec-registerCompleteRole ::after,
.ec-registerCompleteRole ::before {
  box-sizing: inherit
}
.ec-contactRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px
}
.ec-contactRole:after {
  content: " ";
  display: table
}
.ec-contactRole:after {
  clear: both
}
.ec-contactRole textarea {
  font-family: sans-serif
}
.ec-contactRole img {
  max-width: 100%
}
.ec-contactRole html {
  box-sizing: border-box
}
.ec-contactRole *,
.ec-contactRole ::after,
.ec-contactRole ::before {
  box-sizing: inherit
}
.ec-contactRole .ec-contactRole__actions {
  padding-top: 20px
}
.ec-contactRole p {
  margin: 16px 0
}
.ec-contactConfirmRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px
}
.ec-contactConfirmRole:after {
  content: " ";
  display: table
}
.ec-contactConfirmRole:after {
  clear: both
}
.ec-contactConfirmRole textarea {
  font-family: sans-serif
}
.ec-contactConfirmRole img {
  max-width: 100%
}
.ec-contactConfirmRole html {
  box-sizing: border-box
}
.ec-contactConfirmRole *,
.ec-contactConfirmRole ::after,
.ec-contactConfirmRole ::before {
  box-sizing: inherit
}
.ec-contactConfirmRole .ec-contactConfirmRole__actions {
  padding-top: 20px
}
.ec-contactConfirmRole .ec-blockBtn--action {
  margin-bottom: 16px
}
.ec-contactCompleteRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px
}
.ec-contactCompleteRole:after {
  content: " ";
  display: table
}
.ec-contactCompleteRole:after {
  clear: both
}
.ec-contactCompleteRole textarea {
  font-family: sans-serif
}
.ec-contactCompleteRole img {
  max-width: 100%
}
.ec-contactCompleteRole html {
  box-sizing: border-box
}
.ec-contactCompleteRole *,
.ec-contactCompleteRole ::after,
.ec-contactCompleteRole ::before {
  box-sizing: inherit
}
.ec-customerRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px
}
.ec-customerRole:after {
  content: " ";
  display: table
}
.ec-customerRole:after {
  clear: both
}
.ec-customerRole textarea {
  font-family: sans-serif
}
.ec-customerRole img {
  max-width: 100%
}
.ec-customerRole html {
  box-sizing: border-box
}
.ec-customerRole *,
.ec-customerRole ::after,
.ec-customerRole ::before {
  box-sizing: inherit
}
.ec-customerRole .ec-customerRole__actions {
  padding-top: 20px
}
.ec-customerRole .ec-blockBtn--action {
  margin-bottom: 10px
}
.ec-contactConfirmRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px
}
.ec-contactConfirmRole:after {
  content: " ";
  display: table
}
.ec-contactConfirmRole:after {
  clear: both
}
.ec-contactConfirmRole textarea {
  font-family: sans-serif
}
.ec-contactConfirmRole img {
  max-width: 100%
}
.ec-contactConfirmRole html {
  box-sizing: border-box
}
.ec-contactConfirmRole *,
.ec-contactConfirmRole ::after,
.ec-contactConfirmRole ::before {
  box-sizing: inherit
}
.ec-contactConfirmRole .ec-contactConfirmRole__actions {
  padding-top: 20px
}
.ec-contactConfirmRole .ec-blockBtn--action {
  margin-bottom: 16px
}
.ec-contactCompleteRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px
}
.ec-contactCompleteRole:after {
  content: " ";
  display: table
}
.ec-contactCompleteRole:after {
  clear: both
}
.ec-contactCompleteRole textarea {
  font-family: sans-serif
}
.ec-contactCompleteRole img {
  max-width: 100%
}
.ec-contactCompleteRole html {
  box-sizing: border-box
}
.ec-contactCompleteRole *,
.ec-contactCompleteRole ::after,
.ec-contactCompleteRole ::before {
  box-sizing: inherit
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden
  }
  100% {
    opacity: 1;
    visibility: visible
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible
  }
  100% {
    opacity: 0;
    visibility: hidden
  }
}
.bg-load-overlay {
  background: rgba(255,255,255,.4);
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1
}
.ec-404Role {
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  height: 100vh;
  background-color: #f2f2f2;
  text-align: center;
  box-sizing: border-box
}
.ec-404Role textarea {
  font-family: sans-serif
}
.ec-404Role img {
  max-width: 100%
}
.ec-404Role html {
  box-sizing: border-box
}
.ec-404Role *,
.ec-404Role ::after,
.ec-404Role ::before {
  box-sizing: inherit
}
.ec-404Role .ec-404Role__icon img {
  width: 1em;
  height: 1em
}
.ec-404Role .ec-404Role__title {
  font-weight: 700;
  font-size: 25px
}
.ec-withdrawRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px;
  text-align: center;
  padding: 0 16px
}
.ec-withdrawRole:after {
  content: " ";
  display: table
}
.ec-withdrawRole:after {
  clear: both
}
.ec-withdrawRole textarea {
  font-family: sans-serif
}
.ec-withdrawRole img {
  max-width: 100%
}
.ec-withdrawRole html {
  box-sizing: border-box
}
.ec-withdrawRole *,
.ec-withdrawRole ::after,
.ec-withdrawRole ::before {
  box-sizing: inherit
}
.ec-withdrawRole .ec-withdrawRole__title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 24px
}
.ec-withdrawRole .ec-withdrawRole__description {
  margin-bottom: 32px;
  font-size: 16px
}
.ec-withdrawRole .ec-icon {
text-align: center;
}
.ec-withdrawRole .ec-icon img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: block;
}
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__cancel {
  margin-bottom: 20px
}
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 24px
}
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__description {
  margin-bottom: 32px;
  font-size: 16px
}
.ec-withdrawConfirmRole .ec-icon img {
  width: 100px;
  height: 100px
}
.ec-userEditCompleteRole {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1440px;
  text-align: center;
  padding: 0 16px
}
.ec-userEditCompleteRole:after {
  content: " ";
  display: table
}
.ec-userEditCompleteRole:after {
  clear: both
}
.ec-userEditCompleteRole textarea {
  font-family: sans-serif
}
.ec-userEditCompleteRole img {
  max-width: 100%
}
.ec-userEditCompleteRole html {
  box-sizing: border-box
}
.ec-userEditCompleteRole *,
.ec-userEditCompleteRole ::after,
.ec-userEditCompleteRole ::before {
  box-sizing: inherit
}
.ec-userEditCompleteRole .ec-userEditCompleteRole__title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 24px
}
.ec-userEditCompleteRole .ec-userEditCompleteRole__description {
  margin-bottom: 32px;
  font-size: 16px
}
@media (min-width:576px) {
  .container,
  .container-sm {
    max-width: 540px
  }
  .col-sm {
    flex: 1 0 0%
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%
  }
  .offset-sm-0 {
    margin-left: 0
  }
  .offset-sm-1 {
    margin-left: 8.33333333%
  }
  .offset-sm-2 {
    margin-left: 16.66666667%
  }
  .offset-sm-3 {
    margin-left: 25%
  }
  .offset-sm-4 {
    margin-left: 33.33333333%
  }
  .offset-sm-5 {
    margin-left: 41.66666667%
  }
  .offset-sm-6 {
    margin-left: 50%
  }
  .offset-sm-7 {
    margin-left: 58.33333333%
  }
  .offset-sm-8 {
    margin-left: 66.66666667%
  }
  .offset-sm-9 {
    margin-left: 75%
  }
  .offset-sm-10 {
    margin-left: 83.33333333%
  }
  .offset-sm-11 {
    margin-left: 91.66666667%
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem
  }
  .dropdown-menu-sm-start {
    --bs-position: start
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0
  }
  .dropdown-menu-sm-end {
    --bs-position: end
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto
  }
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex!important;
    flex-basis: auto
  }
  .navbar-expand-sm .navbar-toggler {
    display: none
  }
  .navbar-expand-sm .offcanvas-header {
    display: none
  }
  .navbar-expand-sm .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible!important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none
  }
  .navbar-expand-sm .offcanvas-bottom,
  .navbar-expand-sm .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom: 0
  }
  .navbar-expand-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
  .card-group {
    display: flex;
    flex-flow: row wrap
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }
  .card-group > .card:not(:last-child) .card-header,
  .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
  }
  .card-group > .card:not(:last-child) .card-footer,
  .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }
  .card-group > .card:not(:first-child) .card-header,
  .card-group > .card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
  }
  .card-group > .card:not(:first-child) .card-footer,
  .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
  }
  .list-group-horizontal-sm {
    flex-direction: row
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto
  }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem)
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem)
  }
  .modal-sm {
    max-width: 300px
  }
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
  .float-sm-start {
    float: left!important
  }
  .float-sm-end {
    float: right!important
  }
  .float-sm-none {
    float: none!important
  }
  .d-sm-inline {
    display: inline!important
  }
  .d-sm-inline-block {
    display: inline-block!important
  }
  .d-sm-block {
    display: block!important
  }
  .d-sm-grid {
    display: grid!important
  }
  .d-sm-table {
    display: table!important
  }
  .d-sm-table-row {
    display: table-row!important
  }
  .d-sm-table-cell {
    display: table-cell!important
  }
  .d-sm-flex {
    display: flex!important
  }
  .d-sm-inline-flex {
    display: inline-flex!important
  }
  .d-sm-none {
    display: none!important
  }
  .flex-sm-fill {
    flex: 1 1 auto!important
  }
  .flex-sm-row {
    flex-direction: row!important
  }
  .flex-sm-column {
    flex-direction: column!important
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse!important
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse!important
  }
  .flex-sm-grow-0 {
    flex-grow: 0!important
  }
  .flex-sm-grow-1 {
    flex-grow: 1!important
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0!important
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1!important
  }
  .flex-sm-wrap {
    flex-wrap: wrap!important
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap!important
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse!important
  }
  .gap-sm-0 {
    gap: 0!important
  }
  .gap-sm-1 {
    gap: .25rem!important
  }
  .gap-sm-2 {
    gap: .5rem!important
  }
  .gap-sm-3 {
    gap: 1rem!important
  }
  .gap-sm-4 {
    gap: 1.5rem!important
  }
  .gap-sm-5 {
    gap: 3rem!important
  }
  .justify-content-sm-start {
    justify-content: flex-start!important
  }
  .justify-content-sm-end {
    justify-content: flex-end!important
  }
  .justify-content-sm-center {
    justify-content: center!important
  }
  .justify-content-sm-between {
    justify-content: space-between!important
  }
  .justify-content-sm-around {
    justify-content: space-around!important
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly!important
  }
  .align-items-sm-start {
    align-items: flex-start!important
  }
  .align-items-sm-end {
    align-items: flex-end!important
  }
  .align-items-sm-center {
    align-items: center!important
  }
  .align-items-sm-baseline {
    align-items: baseline!important
  }
  .align-items-sm-stretch {
    align-items: stretch!important
  }
  .align-content-sm-start {
    align-content: flex-start!important
  }
  .align-content-sm-end {
    align-content: flex-end!important
  }
  .align-content-sm-center {
    align-content: center!important
  }
  .align-content-sm-between {
    align-content: space-between!important
  }
  .align-content-sm-around {
    align-content: space-around!important
  }
  .align-content-sm-stretch {
    align-content: stretch!important
  }
  .align-self-sm-auto {
    align-self: auto!important
  }
  .align-self-sm-start {
    align-self: flex-start!important
  }
  .align-self-sm-end {
    align-self: flex-end!important
  }
  .align-self-sm-center {
    align-self: center!important
  }
  .align-self-sm-baseline {
    align-self: baseline!important
  }
  .align-self-sm-stretch {
    align-self: stretch!important
  }
  .order-sm-first {
    order: -1!important
  }
  .order-sm-0 {
    order: 0!important
  }
  .order-sm-1 {
    order: 1!important
  }
  .order-sm-2 {
    order: 2!important
  }
  .order-sm-3 {
    order: 3!important
  }
  .order-sm-4 {
    order: 4!important
  }
  .order-sm-5 {
    order: 5!important
  }
  .order-sm-last {
    order: 6!important
  }
  .m-sm-0 {
    margin: 0!important
  }
  .m-sm-1 {
    margin: .25rem!important
  }
  .m-sm-2 {
    margin: .5rem!important
  }
  .m-sm-3 {
    margin: 1rem!important
  }
  .m-sm-4 {
    margin: 1.5rem!important
  }
  .m-sm-5 {
    margin: 3rem!important
  }
  .m-sm-auto {
    margin: auto!important
  }
  .mx-sm-0 {
    margin-right: 0!important;
    margin-left: 0!important
  }
  .mx-sm-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
  }
  .mx-sm-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
  }
  .mx-sm-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
  }
  .mx-sm-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
  }
  .mx-sm-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
  }
  .mx-sm-auto {
    margin-right: auto!important;
    margin-left: auto!important
  }
  .my-sm-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  .my-sm-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
  }
  .my-sm-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
  }
  .my-sm-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
  }
  .my-sm-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
  }
  .my-sm-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
  }
  .my-sm-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
  }
  .mt-sm-0 {
    margin-top: 0!important
  }
  .mt-sm-1 {
    margin-top: .25rem!important
  }
  .mt-sm-2 {
    margin-top: .5rem!important
  }
  .mt-sm-3 {
    margin-top: 1rem!important
  }
  .mt-sm-4 {
    margin-top: 1.5rem!important
  }
  .mt-sm-5 {
    margin-top: 3rem!important
  }
  .mt-sm-auto {
    margin-top: auto!important
  }
  .me-sm-0 {
    margin-right: 0!important
  }
  .me-sm-1 {
    margin-right: .25rem!important
  }
  .me-sm-2 {
    margin-right: .5rem!important
  }
  .me-sm-3 {
    margin-right: 1rem!important
  }
  .me-sm-4 {
    margin-right: 1.5rem!important
  }
  .me-sm-5 {
    margin-right: 3rem!important
  }
  .me-sm-auto {
    margin-right: auto!important
  }
  .mb-sm-0 {
    margin-bottom: 0!important
  }
  .mb-sm-1 {
    margin-bottom: .25rem!important
  }
  .mb-sm-2 {
    margin-bottom: .5rem!important
  }
  .mb-sm-3 {
    margin-bottom: 1rem!important
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem!important
  }
  .mb-sm-5 {
    margin-bottom: 3rem!important
  }
  .mb-sm-auto {
    margin-bottom: auto!important
  }
  .ms-sm-0 {
    margin-left: 0!important
  }
  .ms-sm-1 {
    margin-left: .25rem!important
  }
  .ms-sm-2 {
    margin-left: .5rem!important
  }
  .ms-sm-3 {
    margin-left: 1rem!important
  }
  .ms-sm-4 {
    margin-left: 1.5rem!important
  }
  .ms-sm-5 {
    margin-left: 3rem!important
  }
  .ms-sm-auto {
    margin-left: auto!important
  }
  .p-sm-0 {
    padding: 0!important
  }
  .p-sm-1 {
    padding: .25rem!important
  }
  .p-sm-2 {
    padding: .5rem!important
  }
  .p-sm-3 {
    padding: 1rem!important
  }
  .p-sm-4 {
    padding: 1.5rem!important
  }
  .p-sm-5 {
    padding: 3rem!important
  }
  .px-sm-0 {
    padding-right: 0!important;
    padding-left: 0!important
  }
  .px-sm-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
  }
  .px-sm-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
  }
  .px-sm-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
  }
  .px-sm-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
  }
  .px-sm-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
  }
  .py-sm-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
  }
  .py-sm-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
  }
  .py-sm-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
  }
  .py-sm-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
  }
  .py-sm-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
  }
  .py-sm-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
  }
  .pt-sm-0 {
    padding-top: 0!important
  }
  .pt-sm-1 {
    padding-top: .25rem!important
  }
  .pt-sm-2 {
    padding-top: .5rem!important
  }
  .pt-sm-3 {
    padding-top: 1rem!important
  }
  .pt-sm-4 {
    padding-top: 1.5rem!important
  }
  .pt-sm-5 {
    padding-top: 3rem!important
  }
  .pe-sm-0 {
    padding-right: 0!important
  }
  .pe-sm-1 {
    padding-right: .25rem!important
  }
  .pe-sm-2 {
    padding-right: .5rem!important
  }
  .pe-sm-3 {
    padding-right: 1rem!important
  }
  .pe-sm-4 {
    padding-right: 1.5rem!important
  }
  .pe-sm-5 {
    padding-right: 3rem!important
  }
  .pb-sm-0 {
    padding-bottom: 0!important
  }
  .pb-sm-1 {
    padding-bottom: .25rem!important
  }
  .pb-sm-2 {
    padding-bottom: .5rem!important
  }
  .pb-sm-3 {
    padding-bottom: 1rem!important
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem!important
  }
  .pb-sm-5 {
    padding-bottom: 3rem!important
  }
  .ps-sm-0 {
    padding-left: 0!important
  }
  .ps-sm-1 {
    padding-left: .25rem!important
  }
  .ps-sm-2 {
    padding-left: .5rem!important
  }
  .ps-sm-3 {
    padding-left: 1rem!important
  }
  .ps-sm-4 {
    padding-left: 1.5rem!important
  }
  .ps-sm-5 {
    padding-left: 3rem!important
  }
  .text-sm-start {
    text-align: left!important
  }
  .text-sm-end {
    text-align: right!important
  }
  .text-sm-center {
    text-align: center!important
  }
}
@media (min-width:768px) {

  .dropdown-menu-md-start {
    --bs-position: start
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0
  }
  .dropdown-menu-md-end {
    --bs-position: end
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto
  }
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible
  }
  .navbar-expand-md .navbar-collapse {
    display: flex!important;
    flex-basis: auto
  }
  .navbar-expand-md .navbar-toggler {
    display: none
  }
  .navbar-expand-md .offcanvas-header {
    display: none
  }
  .navbar-expand-md .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible!important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none
  }
  .navbar-expand-md .offcanvas-bottom,
  .navbar-expand-md .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom: 0
  }
  .navbar-expand-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
  .list-group-horizontal-md {
    flex-direction: row
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
  .float-md-start {
    float: left!important
  }
  .float-md-end {
    float: right!important
  }
  .float-md-none {
    float: none!important
  }
  .d-md-inline {
    display: inline!important
  }
  .d-md-inline-block {
    display: inline-block!important
  }
  .d-md-block {
    display: block!important
  }
  .d-md-grid {
    display: grid!important
  }
  .d-md-table {
    display: table!important
  }
  .d-md-table-row {
    display: table-row!important
  }
  .d-md-table-cell {
    display: table-cell!important
  }
  .d-md-flex {
    display: flex!important
  }
  .d-md-inline-flex {
    display: inline-flex!important
  }
  .d-md-none {
    display: none!important
  }
  .flex-md-fill {
    flex: 1 1 auto!important
  }
  .flex-md-row {
    flex-direction: row!important
  }
  .flex-md-column {
    flex-direction: column!important
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse!important
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse!important
  }
  .flex-md-grow-0 {
    flex-grow: 0!important
  }
  .flex-md-grow-1 {
    flex-grow: 1!important
  }
  .flex-md-shrink-0 {
    flex-shrink: 0!important
  }
  .flex-md-shrink-1 {
    flex-shrink: 1!important
  }
  .flex-md-wrap {
    flex-wrap: wrap!important
  }
  .flex-md-nowrap {
    flex-wrap: nowrap!important
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse!important
  }
  .gap-md-0 {
    gap: 0!important
  }
  .gap-md-1 {
    gap: .25rem!important
  }
  .gap-md-2 {
    gap: .5rem!important
  }
  .gap-md-3 {
    gap: 1rem!important
  }
  .gap-md-4 {
    gap: 1.5rem!important
  }
  .gap-md-5 {
    gap: 3rem!important
  }
  .justify-content-md-start {
    justify-content: flex-start!important
  }
  .justify-content-md-end {
    justify-content: flex-end!important
  }
  .justify-content-md-center {
    justify-content: center!important
  }
  .justify-content-md-between {
    justify-content: space-between!important
  }
  .justify-content-md-around {
    justify-content: space-around!important
  }
  .justify-content-md-evenly {
    justify-content: space-evenly!important
  }
  .align-items-md-start {
    align-items: flex-start!important
  }
  .align-items-md-end {
    align-items: flex-end!important
  }
  .align-items-md-center {
    align-items: center!important
  }
  .align-items-md-baseline {
    align-items: baseline!important
  }
  .align-items-md-stretch {
    align-items: stretch!important
  }
  .align-content-md-start {
    align-content: flex-start!important
  }
  .align-content-md-end {
    align-content: flex-end!important
  }
  .align-content-md-center {
    align-content: center!important
  }
  .align-content-md-between {
    align-content: space-between!important
  }
  .align-content-md-around {
    align-content: space-around!important
  }
  .align-content-md-stretch {
    align-content: stretch!important
  }
  .align-self-md-auto {
    align-self: auto!important
  }
  .align-self-md-start {
    align-self: flex-start!important
  }
  .align-self-md-end {
    align-self: flex-end!important
  }
  .align-self-md-center {
    align-self: center!important
  }
  .align-self-md-baseline {
    align-self: baseline!important
  }
  .align-self-md-stretch {
    align-self: stretch!important
  }
  .order-md-first {
    order: -1!important
  }
  .order-md-0 {
    order: 0!important
  }
  .order-md-1 {
    order: 1!important
  }
  .order-md-2 {
    order: 2!important
  }
  .order-md-3 {
    order: 3!important
  }
  .order-md-4 {
    order: 4!important
  }
  .order-md-5 {
    order: 5!important
  }
  .order-md-last {
    order: 6!important
  }
  .m-md-0 {
    margin: 0!important
  }
  .m-md-1 {
    margin: .25rem!important
  }
  .m-md-2 {
    margin: .5rem!important
  }
  .m-md-3 {
    margin: 1rem!important
  }
  .m-md-4 {
    margin: 1.5rem!important
  }
  .m-md-5 {
    margin: 3rem!important
  }
  .m-md-auto {
    margin: auto!important
  }
  .mx-md-0 {
    margin-right: 0!important;
    margin-left: 0!important
  }
  .mx-md-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
  }
  .mx-md-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
  }
  .mx-md-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
  }
  .mx-md-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
  }
  .mx-md-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
  }
  .mx-md-auto {
    margin-right: auto!important;
    margin-left: auto!important
  }
  .my-md-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  .my-md-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
  }
  .my-md-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
  }
  .my-md-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
  }
  .my-md-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
  }
  .my-md-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
  }
  .my-md-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
  }
  .mt-md-0 {
    margin-top: 0!important
  }
  .mt-md-1 {
    margin-top: .25rem!important
  }
  .mt-md-2 {
    margin-top: .5rem!important
  }
  .mt-md-3 {
    margin-top: 1rem!important
  }
  .mt-md-4 {
    margin-top: 1.5rem!important
  }
  .mt-md-5 {
    margin-top: 3rem!important
  }
  .mt-md-auto {
    margin-top: auto!important
  }
  .me-md-0 {
    margin-right: 0!important
  }
  .me-md-1 {
    margin-right: .25rem!important
  }
  .me-md-2 {
    margin-right: .5rem!important
  }
  .me-md-3 {
    margin-right: 1rem!important
  }
  .me-md-4 {
    margin-right: 1.5rem!important
  }
  .me-md-5 {
    margin-right: 3rem!important
  }
  .me-md-auto {
    margin-right: auto!important
  }
  .mb-md-0 {
    margin-bottom: 0!important
  }
  .mb-md-1 {
    margin-bottom: .25rem!important
  }
  .mb-md-2 {
    margin-bottom: .5rem!important
  }
  .mb-md-3 {
    margin-bottom: 1rem!important
  }
  .mb-md-4 {
    margin-bottom: 1.5rem!important
  }
  .mb-md-5 {
    margin-bottom: 3rem!important
  }
  .mb-md-auto {
    margin-bottom: auto!important
  }
  .ms-md-0 {
    margin-left: 0!important
  }
  .ms-md-1 {
    margin-left: .25rem!important
  }
  .ms-md-2 {
    margin-left: .5rem!important
  }
  .ms-md-3 {
    margin-left: 1rem!important
  }
  .ms-md-4 {
    margin-left: 1.5rem!important
  }
  .ms-md-5 {
    margin-left: 3rem!important
  }
  .ms-md-auto {
    margin-left: auto!important
  }
  .p-md-0 {
    padding: 0!important
  }
  .p-md-1 {
    padding: .25rem!important
  }
  .p-md-2 {
    padding: .5rem!important
  }
  .p-md-3 {
    padding: 1rem!important
  }
  .p-md-4 {
    padding: 1.5rem!important
  }
  .p-md-5 {
    padding: 3rem!important
  }
  .px-md-0 {
    padding-right: 0!important;
    padding-left: 0!important
  }
  .px-md-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
  }
  .px-md-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
  }
  .px-md-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
  }
  .px-md-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
  }
  .px-md-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
  }
  .py-md-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
  }
  .py-md-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
  }
  .py-md-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
  }
  .py-md-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
  }
  .py-md-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
  }
  .py-md-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
  }
  .pt-md-0 {
    padding-top: 0!important
  }
  .pt-md-1 {
    padding-top: .25rem!important
  }
  .pt-md-2 {
    padding-top: .5rem!important
  }
  .pt-md-3 {
    padding-top: 1rem!important
  }
  .pt-md-4 {
    padding-top: 1.5rem!important
  }
  .pt-md-5 {
    padding-top: 3rem!important
  }
  .pe-md-0 {
    padding-right: 0!important
  }
  .pe-md-1 {
    padding-right: .25rem!important
  }
  .pe-md-2 {
    padding-right: .5rem!important
  }
  .pe-md-3 {
    padding-right: 1rem!important
  }
  .pe-md-4 {
    padding-right: 1.5rem!important
  }
  .pe-md-5 {
    padding-right: 3rem!important
  }
  .pb-md-0 {
    padding-bottom: 0!important
  }
  .pb-md-1 {
    padding-bottom: .25rem!important
  }
  .pb-md-2 {
    padding-bottom: .5rem!important
  }
  .pb-md-3 {
    padding-bottom: 1rem!important
  }
  .pb-md-4 {
    padding-bottom: 1.5rem!important
  }
  .pb-md-5 {
    padding-bottom: 3rem!important
  }
  .ps-md-0 {
    padding-left: 0!important
  }
  .ps-md-1 {
    padding-left: .25rem!important
  }
  .ps-md-2 {
    padding-left: .5rem!important
  }
  .ps-md-3 {
    padding-left: 1rem!important
  }
  .ps-md-4 {
    padding-left: 1.5rem!important
  }
  .ps-md-5 {
    padding-left: 3rem!important
  }
  .text-md-start {
    text-align: left!important
  }
  .text-md-end {
    text-align: right!important
  }
  .text-md-center {
    text-align: center!important
  }
  .ec-grid2 .ec-grid2__cell {
    width: 50%
  }
  .ec-grid2 .ec-grid2__cell2 {
    width: 100%
  }
  .ec-grid3 .ec-grid3__cell {
    width: 33.3333333333%
  }
  .ec-grid3 .ec-grid3__cell2 {
    width: 66.6666666667%
  }
  .ec-grid3 .ec-grid3__cell3 {
    width: 100%
  }
  .ec-grid4 .ec-grid4__cell {
    width: 25%
  }
  .ec-grid6 .ec-grid6__cell {
    width: 16.6666666667%
  }
  .ec-grid6 .ec-grid6__cell2 {
    width: 33.3333333333%
  }
  .ec-grid6 .ec-grid6__cell3 {
    width: 50%
  }
}
@media only screen and (min-width:768px) {
  .ec-heading-bold {
    font-size: 18px
  }
  .ec-reportHeading {
    border-top: 0;
    font-size: 32px
  }
  .ec-reportHeading .h1,
  .ec-reportHeading .h2,
  .ec-reportHeading .h3,
  .ec-reportHeading .h4,
  .ec-reportHeading .h5,
  .ec-reportHeading .h6,
  .ec-reportHeading h1,
  .ec-reportHeading h2,
  .ec-reportHeading h3,
  .ec-reportHeading h4,
  .ec-reportHeading h5,
  .ec-reportHeading h6,
  .ec-reportHeading p {
    font-size: 32px
  }
  .ec-price .ec-price__unit {
    font-size: 1em
  }
  .ec-price .ec-price__price {
    font-size: 1em
  }
  .ec-price .ec-price__tax {
    font-size: .57em
  }
  /*
  .ec-borderedDefs dl {
    flex-wrap: nowrap;
    padding: 15px 0 4px
  }
  .ec-borderedDefs dt {
    padding-top: 14px;
    width: 30%
  }
  .ec-borderedDefs dd {
    width: 70%;
    line-height: 3
  }
  */
  .ec-list-chilled dd,
  .ec-list-chilled dt {
    padding: 16px 0
  }
  .ec-list-chilled dd {
    padding: 16px
  }
  .ec-borderedList {
    border-top: 1px dotted #ccc
  }
  .ec-blockTopBtn {
    right: 30px;
    bottom: 30px
  }
  .ec-birth input,
  .ec-halfInput input,
  .ec-input input,
  .ec-numberInput input,
  .ec-select input,
  .ec-telInput input,
  .ec-zipInput input {
    font-size: .875rem
  }
  .ec-birth select,
  .ec-halfInput select,
  .ec-input select,
  .ec-numberInput select,
  .ec-select select,
  .ec-telInput select,
  .ec-zipInput select {
    font-size: .875rem
  }
  .ec-birth textarea,
  .ec-halfInput textarea,
  .ec-input textarea,
  .ec-numberInput textarea,
  .ec-select textarea,
  .ec-telInput textarea,
  .ec-zipInput textarea {
    font-size: .875rem
  }
  .ec-birth input,
  .ec-halfInput input,
  .ec-input input,
  .ec-numberInput input,
  .ec-select input,
  .ec-telInput input,
  .ec-zipInput input {
    margin-bottom: 16px
  }
  .ec-halfInput input[type=text] {
    margin-left: 15px;
    width: 45%
  }
  .ec-halfInput .ec-errorMessage {
    margin-left: 15px;
    width: 45%
  }
  .ec-birth input,
  .ec-halfInput input,
  .ec-input input,
  .ec-numberInput input,
  .ec-select input,
  .ec-telInput input,
  .ec-zipInput input {
    font-size: .875rem
  }
  .ec-birth select,
  .ec-halfInput select,
  .ec-input select,
  .ec-numberInput select,
  .ec-select select,
  .ec-telInput select,
  .ec-zipInput select {
    font-size: .875rem
  }
  .ec-birth textarea,
  .ec-halfInput textarea,
  .ec-input textarea,
  .ec-numberInput textarea,
  .ec-select textarea,
  .ec-telInput textarea,
  .ec-zipInput textarea {
    font-size: .875rem
  }
  .ec-birth input,
  .ec-halfInput input,
  .ec-input input,
  .ec-numberInput input,
  .ec-select input,
  .ec-telInput input,
  .ec-zipInput input {
    margin-bottom: 16px
  }
  .ec-halfInput input[type=text] {
    margin-left: 15px;
    width: 45%
  }
  .ec-halfInput .ec-errorMessage {
    margin-left: 15px;
    width: 45%
  }
  .ec-select__delivery {
    display: inline-block
  }
  .ec-select__time {
    display: inline-block
  }
  .ec-birth select {
    margin: 0 8px 10px
  }
  .ec-required {
    margin-left: 1em
  }
  .ec-grid2 {
    display: flex
  }
  .ec-grid3 {
    display: flex
  }
  .ec-grid4 {
    display: flex
  }
  .ec-grid6 {
    display: flex
  }
  .ec-off1Grid {
    display: block;
    margin: 0
  }
  .ec-off1Grid .ec-off1Grid__cell {
    position: relative;
    min-height: 1px;
  }
  .ec-off2Grid {
    display: flex
  }
  .ec-off2Grid .ec-off2Grid__cell {
    position: relative;
    min-height: 1px;
    margin-left: 16.6666666667%
  }
  .ec-off3Grid {
    display: flex
  }
  .ec-off3Grid .ec-off3Grid__cell {
    position: relative;
    min-height: 1px;
  }
  .ec-off4Grid {
    display: flex;
    justify-content: center;
  }
  .ec-off4Grid .ec-off4Grid__cell {
    position: relative;
    min-height: 1px;
    /*margin-left: 33.3333333333%*/
  }
  .col-sm-5,
  .col-sm-7 {
    float: left
  }
  .col-sm-7 {
    width: 58.33333333%
  }
  .col-sm-5 {
    width: 41.66666667%
  }
  .ec-imageGrid .ec-imageGrid__img {
    padding: 10px;
    width: 130px
  }
  .ec-login {
    margin: 0 16px;
    padding: 30px 13% 60px
  }
  .ec-login .ec-login__link {
    margin-left: 20px
  }
  .ec-guest {
    height: 100%;
    margin: 0 16px
  }
  .ec-displayB {
    flex-direction: row
  }
  .ec-displayB .ec-displayB__cell {
    width: 31.4466%;
    margin-bottom: 0
  }
  .ec-displayC .ec-displayC__cell {
    width: 22.8775%
  }
  .ec-displayD {
    box-sizing: border-box;
    flex-wrap: nowrap
  }
  .ec-displayD .ec-displayD__cell {
    width: 14.3083%;
    margin-bottom: 16px
  }
  .ec-topicpath {
    padding: 30px 0 10px;
    border: 0;
    font-size: 16px
  }
  .ec-progress {
    margin-bottom: 30px;
    padding: 0
  }
  .ec-progress .ec-progress__number {
    line-height: 42px;
    width: 42px;
    height: 42px;
    font-size: 20px
  }
  .ec-cartNaviWrap {
    position: relative
  }
  .ec-cartNavi {
    display: flex;
    justify-content: space-between;
    border-radius: 99999px;
    box-sizing: border-box;
    padding: 12px 17px 10px;
    width: auto;
    min-width: 140px;
    height: 44px;
    white-space: nowrap;
    cursor: pointer;
    background: #f8f8f8
  }
  .ec-cartNavi .ec-cartNavi__badge {
    display: inline-block;
    min-width: 17px;
    position: relative;
    left: 0;
    top: 0
  }
  .ec-cartNavi .ec-cartNavi__price {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle
  }
  .ec-cartNavi.is-active .ec-cartNavi__badge {
    display: none
  }
  .ec-cartNaviIsset {
    margin-top: 10px;
    min-width: 256px;
    max-width: 256px
  }
  .ec-cartNaviIsset::before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 10px 8.5px;
    border-color: transparent transparent #f8f8f8 transparent;
    position: absolute;
    top: -9px
  }
  .ec-cartNaviNull {
    margin-top: 10px;
    min-width: 256px;
    max-width: 256px
  }
  .ec-cartNaviNull::before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 10px 8.5px;
    border-color: transparent transparent #f8f8f8 transparent;
    position: absolute;
    top: -9px
  }
  .ec-totalBox .ec-totalBox__price {
    font-size: 24px
  }
  .ec-totalBox .ec-totalBox__taxLabel {
    font-size: 14px
  }
  .ec-totalBox .ec-totalBox__taxRate {
    font-size: 12px
  }
  .ec-news {
    margin-right: 3%
  }
  .ec-news {
    margin-bottom: 32px
  }
  .ec-news .ec-news__title {
    padding: 16px;
    text-align: left;
    font-size: 24px
  }
  .ec-navlistRole .ec-navlistRole__navlist {
    flex-wrap: nowrap
  }
  .ec-welcomeMsg {
    padding-left: 26px;
    padding-right: 26px
  }
  .ec-favoriteRole .ec-favoriteRole__item {
    width: 25%
  }
  .ec-mypageRole {
    padding-left: 26px;
    padding-right: 26px
  }
  .ec-headerRole:after {
    content: " ";
    display: table
  }
  .ec-headerRole:after {
    clear: both
  }
  .ec-headerRole {
    width: 100%
  }
  .ec-headerRole:after {
    content: " ";
    display: table
  }
  .ec-headerRole:after {
    clear: both
  }
  .ec-headerRole .ec-headerRole__navSP {
    display: none
  }
  .ec-headerNaviRole .ec-headerNaviRole__search {
    display: inline-block;
    margin-top: 10px
  }
  .ec-headerNaviRole .ec-headerNaviRole__search a {
    color: inherit;
    text-decoration: none
  }
  .ec-headerNaviRole .ec-headerNaviRole__search a:hover {
    text-decoration: none
  }
  .ec-headerNaviRole .ec-headerNaviRole__navSP {
    display: none
  }
  .ec-headerNaviRole .ec-headerNaviRole__navSP a {
    color: inherit;
    text-decoration: none
  }
  .ec-headerNaviRole .ec-headerNaviRole__navSP a:hover {
    text-decoration: none
  }
  .ec-headerNavSP {
    display: none
  }
  .ec-headerTitle .ec-headerTitle__title a {
    font-size: 40px
  }
  .ec-headerTitle .ec-headerTitle__subtitle {
    font-size: 16px;
    margin-bottom: 10px
  }
  .ec-headerNav .ec-headerNav__itemIcon {
    margin-right: 0;
    font-size: 20px
  }
  .ec-headerNav .ec-headerNav__itemLink {
    display: inline-block
  }
  .ec-headerSearch .ec-headerSearch__category {
    float: left;
    width: 43%
  }
  .ec-headerSearch .ec-headerSearch__category .ec-select select {
    max-width: 165px;
    height: 36px
  }
  .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    border-top-right-radius: inherit;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
  }
  .ec-headerSearch .ec-headerSearch__keyword {
    float: right;
    width: 57%;
    border-bottom-left-radius: inherit;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px
  }
  .ec-headerSearch .ec-headerSearch__keyword input[type=search] {
    font-size: 12px
  }
  .ec-categoryNaviRole {
    display: block;
    width: 100%
  }
  .ec-categoryNaviRole a {
    color: inherit;
    text-decoration: none
  }
  .ec-categoryNaviRole a:hover {
    text-decoration: none
  }
  .ec-itemNav__nav {
    display: inline-block
  }
  .ec-itemNav__nav li {
    float: left;
    width: auto
  }
  .ec-itemNav__nav li a {
    text-align: center;
    border-bottom: none
  }
  .ec-itemNav__nav li ul {
    display: block;
    z-index: 100;
    position: absolute
  }
  .ec-itemNav__nav li ul li {
    overflow: hidden;
    height: 0
  }
  .ec-itemNav__nav > li:hover > ul > li {
    overflow: visible;
    height: auto
  }
  .ec-itemNav__nav li ul li ul:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 19px;
    right: auto;
    left: -20px
  }
  .ec-itemNav__nav li ul li:hover > ul > li {
    overflow: visible;
    height: auto;
    width: auto
  }
  .ec-drawerRole {
    display: none
  }
  .ec-drawerRoleClose {
    display: none
  }
  .ec-drawerRole.is_active {
    display: none
  }
  .ec-drawerRoleClose.is_active {
    display: none
  }
  .ec-overlayRole {
    display: none
  }
  .have_curtain .ec-overlayRole {
    display: none
  }
  .ec-footerRole .ec-footerRole__inner {
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
    max-width: 1410px
  }
  .ec-footerRole .ec-footerRole__inner:after {
    content: " ";
    display: table
  }
  .ec-footerRole .ec-footerRole__inner:after {
    clear: both
  }
  .ec-footerRole .ec-footerRole__inner textarea {
    font-family: sans-serif
  }
  .ec-footerRole .ec-footerRole__inner img {
    max-width: 100%
  }
  .ec-footerRole .ec-footerRole__inner html {
    box-sizing: border-box
  }
  .ec-footerRole .ec-footerRole__inner *,
  .ec-footerRole .ec-footerRole__inner ::after,
  .ec-footerRole .ec-footerRole__inner ::before {
    box-sizing: inherit
  }
  .ec-footerNavi .ec-footerNavi__link {
    display: inline-block
  }
  .ec-footerNavi .ec-footerNavi__link a {
    display: inline-block;
    border-bottom: none;
    margin: 0 10px;
    padding: 0;
    text-decoration: underline
  }
  .ec-footerTitle {
    padding: 50px 0 80px
  }
  .ec-footerTitle .ec-footerTitle__logo a {
    font-size: 24px
  }
  .ec-footerTitle .ec-footerTitle__copyright {
    font-size: 12px
  }
  .ec-sliderItemRole .item_nav {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0
  }
  .ec-eyecatchRole {
    flex-wrap: nowrap
  }
  .ec-eyecatchRole .ec-eyecatchRole__image {
    order: 2
  }
  .ec-eyecatchRole .ec-eyecatchRole__intro {
    padding-right: 5%;
    order: 1
  }
  .ec-eyecatchRole .ec-eyecatchRole__introEnTitle {
    margin-top: 45px
  }
  .ec-eyecatchRole .ec-eyecatchRole__introTitle {
    margin-bottom: 1em;
    font-size: 26px
  }
  .ec-eyecatchRole .ec-eyecatchRole__introDescriptiron {
    margin-bottom: 30px
  }
  .ec-eyecatchRole .ec-eyecatchRole__introDescription {
    margin-bottom: 30px
  }
  .ec-blockBtn--top {
    max-width: 260px
  }
  .ec-topicRole {
    padding: 60px 0
  }
  .ec-topicRole .ec-topicRole__list {
    flex-wrap: nowrap
  }
  .ec-topicRole .ec-topicRole__listItem {
    width: 50%
  }
  .ec-topicRole .ec-topicRole__listItem:not(:last-of-type) {
    margin-right: 30px
  }
  .ec-topicRole .ec-topicRole__listItemTitle {
    margin-top: 1em
  }
  .ec-newItemRole {
    padding: 60px 0
  }
  .ec-newItemRole .ec-newItemRole__list {
    flex-wrap: nowrap
  }
  .ec-newItemRole .ec-newItemRole__listItem {
    margin-bottom: 15px;
    width: 25%
  }
  .ec-newItemRole .ec-newItemRole__listItem:not(:last-of-type) {
    margin-right: 30px
  }
  .ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) {
    margin-right: 30px
  }
  .ec-newItemRole .ec-newItemRole__listItemTitle {
    margin: 20px 0 10px
  }
  .ec-categoryRole {
    padding: 60px 0
  }
  .ec-categoryRole .ec-categoryRole__list {
    flex-wrap: nowrap
  }
  .ec-categoryRole .ec-categoryRole__listItem {
    width: 33.3333333333%
  }
  .ec-categoryRole .ec-categoryRole__listItem:not(:last-of-type) {
    margin-right: 30px
  }
  .ec-newsRole {
    padding: 60px 0 0
  }
  .ec-newsRole .ec-newsRole__news {
    border: 16px solid #f8f8f8;
    padding: 20px 30px
  }
  .ec-newsRole .ec-newsRole__newsItem:last-of-type {
    margin-bottom: 0
  }
  .ec-newsRole .ec-newsRole__newsItem {
    padding: 20px 0
  }
  .ec-newsRole .ec-newsRole__newsHeading {
    display: flex
  }
  .ec-newsRole .ec-newsRole__newsDate {
    display: inline-block;
    margin: 0;
    min-width: 120px;
    font-size: 14px
  }
  .ec-newsRole .ec-newsRole__newsColumn {
    display: inline-flex;
    min-width: calc(100% - 120px)
  }
  .ec-newsRole .ec-newsRole__newsTitle {
    margin-bottom: 0;
    line-height: 1.8
  }
  .ec-newsRole .ec-newsRole__newsDescription {
    margin: 20px 0 0;
    line-height: 1.8
  }
  .ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription {
    margin: 20px 0 0
  }
  .ec-searchnavRole {
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1440px
  }
  .ec-searchnavRole:after {
    content: " ";
    display: table
  }
  .ec-searchnavRole:after {
    clear: both
  }
  .ec-searchnavRole textarea {
    font-family: sans-serif
  }
  .ec-searchnavRole img {
    max-width: 100%
  }
  .ec-searchnavRole html {
    box-sizing: border-box
  }
  .ec-searchnavRole *,
  .ec-searchnavRole ::after,
  .ec-searchnavRole ::before {
    box-sizing: inherit
  }
  .ec-searchnavRole .ec-searchnavRole__infos {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #ccc;
    padding-top: 16px;
    flex-direction: row
  }
  .ec-searchnavRole .ec-searchnavRole__counter {
    margin-bottom: 0;
    width: 50%
  }
  .ec-searchnavRole .ec-searchnavRole__actions {
    width: 50%
  }
  .ec-shelfGrid {
    margin-left: -16px;
    margin-right: -16px
  }
  .ec-shelfGrid .ec-shelfGrid__item-image {
    width: 100%
  }
  .ec-shelfGrid .ec-shelfGrid__item {
    padding: 0 16px;
    width: 33.3333333333%
  }
  .ec-shelfGrid .ec-shelfGrid__item .btn-arrow {
    display: none
  }
  .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
    padding: 0 16px
  }
  .ec-shelfGrid .ec-shelfGrid__item:nth-child(2n) {
    padding: 0 16px
  }
  .ec-shelfGridCenter {
    margin-left: -16px;
    margin-right: -16px
  }
  .ec-shelfGridCenter .ec-shelfGridCenter__item {
    padding: 0 16px;
    width: 25%
  }
  .ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(odd) {
    padding: 0 16px
  }
  .ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(2n) {
    padding: 0 16px
  }
  .ec-modal .ec-modal-wrap {
    padding: 40px 10px;
    width: 50%;
    margin: 20px auto
  }
  .ec-productRole .ec-productRole__img {
    margin-right: 16px;
    margin-bottom: 0
  }
  .ec-productRole .ec-productRole__profile {
    margin-left: 16px
  }
  .ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 32px
  }
  .ec-productRole .ec-productRole__price {
    padding: 14px 0;
    border-bottom: 1px dotted #ccc
  }
  .ec-productRole .ec-productRole__actions .ec-select select {
    min-width: 350px;
    max-width: 350px
  }
  .ec-productRole .ec-productRole__btn {
    width: 60%;
    margin-bottom: 16px;
    min-width: 350px
  }
  .ec-cartRole .ec-cartRole__totalText {
    margin-bottom: 30px;
    padding: 0
  }

  .ec-cartRole .ec-cartRole__actions {
    width: 30%;
  }
  .ec-cartRole .ec-cartRole__totalAmount {
    font-size: 24px
  }
  .ec-cartTable {
    border-top: none
  }
  .ec-cartHeader {
    display: table-row
  }
  .ec-cartRow .ec-cartRow__delColumn {
    width: 8.3333333%
  }
  .ec-cartRow .ec-cartRow__delColumn .ec-icon img {
    width: 1em;
    height: 1em
  }
  .ec-cartRow .ec-cartRow__contentColumn {
    display: table-cell
  }
  .ec-cartRow .ec-cartRow__img {
    display: inline-block;
    min-width: 80px;
    max-width: 100px;
    padding-right: 0
  }
  .ec-cartRow .ec-cartRow__summary {
    display: inline-block;
    width: calc(100% - 130px);
    margin-left: 20px;
    vertical-align: middle
  }
  .ec-cartRow .ec-cartRow__summary .ec-cartRow__sutbtotalSP {
    display: none
  }
  .ec-cartRow .ec-cartRow__amountColumn {
    width: 16.66666667%
  }
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
    display: block
  }
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
    display: none
  }
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown {
    display: block
  }
  .ec-cartRow .ec-cartRow__subtotalColumn {
    display: table-cell
  }
  .ec-orderRole {
    margin-top: 20px;
    flex-direction: row
  }
  .ec-orderRole .ec-orderRole__detail {
	width: 63%;
	margin-right: 2%;
  }
  .ec-orderRole .ec-orderRole__summary {
	width: 35%;
  }
  .ec-orderRole .ec-orderRole__summary .ec-inlineBtn {
    display: none
  }
  .ec-orderRole .ec-borderedList {
    border-top: none
  }
  .ec-orderConfirm {
    margin-bottom: 0
  }
  .ec-AddAddress {
    margin: 0 10%
  }
  .ec-AddAddress .ec-AddAddress__selectAddress {
    display: inline-block
  }
  .ec-AddAddress .ec-AddAddress__selectAddress select {
    min-width: 350px
  }
  .ec-AddAddress .ec-AddAddress__selectNumber {
    display: inline-block;
    margin-left: 30px
  }
  .ec-AddAddress .ec-AddAddress__actions {
    width: 33.3333%;
    min-width: 250px;
    margin: 0 auto
  }
  .ec-historyRole .ec-historyRole__contents {
    flex-direction: row
  }
  .ec-historyRole .ec-historyRole__header {
    width: 33.3333%
  }
  .ec-historyRole .ec-historyRole__detail {
    width: 66.6666%;
    border-top: none
  }
  .ec-historyListHeader .ec-historyListHeader__date {
    font-weight: 700;
    font-size: 20px
  }
  .ec-historyListHeader .ec-historyListHeader__action a {
    font-size: 14px
  }
  .ec-customerRole .ec-blockBtn--action {
    margin-bottom: 16px
  }
  .ec-userEditCompleteRole .ec-userEditCompleteRole__title {
    font-size: 32px
  }
}
@media only screen and (min-width:768px) and (min-width:768px) {
	/*
  .ec-off1Grid {
    display: flex
  }
  .ec-off1Grid .ec-off1Grid__cell {
    width: 83.3333333333%
  }
  .ec-off2Grid .ec-off2Grid__cell {
    width: 66.6666666667%
  }
  .ec-off3Grid .ec-off3Grid__cell {
    width: 50%
  }
  .ec-off4Grid .ec-off4Grid__cell {
    width: 33.3333333333%
  }
  */
}
@media screen and (min-width:768px) {
  .ec-calendar {
    flex-direction: row
  }
}
@media (min-width:992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
  .col-lg {
    flex: 1 0 0%
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%
  }
  .offset-lg-0 {
    margin-left: 0
  }
  .offset-lg-1 {
    margin-left: 8.33333333%
  }
  .offset-lg-2 {
    margin-left: 16.66666667%
  }
  .offset-lg-3 {
    margin-left: 25%
  }
  .offset-lg-4 {
    margin-left: 33.33333333%
  }
  .offset-lg-5 {
    margin-left: 41.66666667%
  }
  .offset-lg-6 {
    margin-left: 50%
  }
  .offset-lg-7 {
    margin-left: 58.33333333%
  }
  .offset-lg-8 {
    margin-left: 66.66666667%
  }
  .offset-lg-9 {
    margin-left: 75%
  }
  .offset-lg-10 {
    margin-left: 83.33333333%
  }
  .offset-lg-11 {
    margin-left: 91.66666667%
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem
  }
  .dropdown-menu-lg-start {
    --bs-position: start
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0
  }
  .dropdown-menu-lg-end {
    --bs-position: end
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto
  }
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto
  }
  .navbar-expand-lg .navbar-toggler {
    display: none
  }
  .navbar-expand-lg .offcanvas-header {
    display: none
  }
  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible!important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none
  }
  .navbar-expand-lg .offcanvas-bottom,
  .navbar-expand-lg .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom: 0
  }
  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
  .list-group-horizontal-lg {
    flex-direction: row
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
  .modal-lg,
  .modal-xl {
    max-width: 800px
  }
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
  .float-lg-start {
    float: left!important
  }
  .float-lg-end {
    float: right!important
  }
  .float-lg-none {
    float: none!important
  }
  .d-lg-inline {
    display: inline!important
  }
  .d-lg-inline-block {
    display: inline-block!important
  }
  .d-lg-block {
    display: block!important
  }
  .d-lg-grid {
    display: grid!important
  }
  .d-lg-table {
    display: table!important
  }
  .d-lg-table-row {
    display: table-row!important
  }
  .d-lg-table-cell {
    display: table-cell!important
  }
  .d-lg-flex {
    display: flex!important
  }
  .d-lg-inline-flex {
    display: inline-flex!important
  }
  .d-lg-none {
    display: none!important
  }
  .flex-lg-fill {
    flex: 1 1 auto!important
  }
  .flex-lg-row {
    flex-direction: row!important
  }
  .flex-lg-column {
    flex-direction: column!important
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse!important
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse!important
  }
  .flex-lg-grow-0 {
    flex-grow: 0!important
  }
  .flex-lg-grow-1 {
    flex-grow: 1!important
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0!important
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1!important
  }
  .flex-lg-wrap {
    flex-wrap: wrap!important
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap!important
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse!important
  }
  .gap-lg-0 {
    gap: 0!important
  }
  .gap-lg-1 {
    gap: .25rem!important
  }
  .gap-lg-2 {
    gap: .5rem!important
  }
  .gap-lg-3 {
    gap: 1rem!important
  }
  .gap-lg-4 {
    gap: 1.5rem!important
  }
  .gap-lg-5 {
    gap: 3rem!important
  }
  .justify-content-lg-start {
    justify-content: flex-start!important
  }
  .justify-content-lg-end {
    justify-content: flex-end!important
  }
  .justify-content-lg-center {
    justify-content: center!important
  }
  .justify-content-lg-between {
    justify-content: space-between!important
  }
  .justify-content-lg-around {
    justify-content: space-around!important
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly!important
  }
  .align-items-lg-start {
    align-items: flex-start!important
  }
  .align-items-lg-end {
    align-items: flex-end!important
  }
  .align-items-lg-center {
    align-items: center!important
  }
  .align-items-lg-baseline {
    align-items: baseline!important
  }
  .align-items-lg-stretch {
    align-items: stretch!important
  }
  .align-content-lg-start {
    align-content: flex-start!important
  }
  .align-content-lg-end {
    align-content: flex-end!important
  }
  .align-content-lg-center {
    align-content: center!important
  }
  .align-content-lg-between {
    align-content: space-between!important
  }
  .align-content-lg-around {
    align-content: space-around!important
  }
  .align-content-lg-stretch {
    align-content: stretch!important
  }
  .align-self-lg-auto {
    align-self: auto!important
  }
  .align-self-lg-start {
    align-self: flex-start!important
  }
  .align-self-lg-end {
    align-self: flex-end!important
  }
  .align-self-lg-center {
    align-self: center!important
  }
  .align-self-lg-baseline {
    align-self: baseline!important
  }
  .align-self-lg-stretch {
    align-self: stretch!important
  }
  .order-lg-first {
    order: -1!important
  }
  .order-lg-0 {
    order: 0!important
  }
  .order-lg-1 {
    order: 1!important
  }
  .order-lg-2 {
    order: 2!important
  }
  .order-lg-3 {
    order: 3!important
  }
  .order-lg-4 {
    order: 4!important
  }
  .order-lg-5 {
    order: 5!important
  }
  .order-lg-last {
    order: 6!important
  }
  .m-lg-0 {
    margin: 0!important
  }
  .m-lg-1 {
    margin: .25rem!important
  }
  .m-lg-2 {
    margin: .5rem!important
  }
  .m-lg-3 {
    margin: 1rem!important
  }
  .m-lg-4 {
    margin: 1.5rem!important
  }
  .m-lg-5 {
    margin: 3rem!important
  }
  .m-lg-auto {
    margin: auto!important
  }
  .mx-lg-0 {
    margin-right: 0!important;
    margin-left: 0!important
  }
  .mx-lg-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
  }
  .mx-lg-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
  }
  .mx-lg-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
  }
  .mx-lg-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
  }
  .mx-lg-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
  }
  .mx-lg-auto {
    margin-right: auto!important;
    margin-left: auto!important
  }
  .my-lg-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  .my-lg-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
  }
  .my-lg-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
  }
  .my-lg-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
  }
  .my-lg-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
  }
  .my-lg-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
  }
  .my-lg-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
  }
  .mt-lg-0 {
    margin-top: 0!important
  }
  .mt-lg-1 {
    margin-top: .25rem!important
  }
  .mt-lg-2 {
    margin-top: .5rem!important
  }
  .mt-lg-3 {
    margin-top: 1rem!important
  }
  .mt-lg-4 {
    margin-top: 1.5rem!important
  }
  .mt-lg-5 {
    margin-top: 3rem!important
  }
  .mt-lg-auto {
    margin-top: auto!important
  }
  .me-lg-0 {
    margin-right: 0!important
  }
  .me-lg-1 {
    margin-right: .25rem!important
  }
  .me-lg-2 {
    margin-right: .5rem!important
  }
  .me-lg-3 {
    margin-right: 1rem!important
  }
  .me-lg-4 {
    margin-right: 1.5rem!important
  }
  .me-lg-5 {
    margin-right: 3rem!important
  }
  .me-lg-auto {
    margin-right: auto!important
  }
  .mb-lg-0 {
    margin-bottom: 0!important
  }
  .mb-lg-1 {
    margin-bottom: .25rem!important
  }
  .mb-lg-2 {
    margin-bottom: .5rem!important
  }
  .mb-lg-3 {
    margin-bottom: 1rem!important
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem!important
  }
  .mb-lg-5 {
    margin-bottom: 3rem!important
  }
  .mb-lg-auto {
    margin-bottom: auto!important
  }
  .ms-lg-0 {
    margin-left: 0!important
  }
  .ms-lg-1 {
    margin-left: .25rem!important
  }
  .ms-lg-2 {
    margin-left: .5rem!important
  }
  .ms-lg-3 {
    margin-left: 1rem!important
  }
  .ms-lg-4 {
    margin-left: 1.5rem!important
  }
  .ms-lg-5 {
    margin-left: 3rem!important
  }
  .ms-lg-auto {
    margin-left: auto!important
  }
  .p-lg-0 {
    padding: 0!important
  }
  .p-lg-1 {
    padding: .25rem!important
  }
  .p-lg-2 {
    padding: .5rem!important
  }
  .p-lg-3 {
    padding: 1rem!important
  }
  .p-lg-4 {
    padding: 1.5rem!important
  }
  .p-lg-5 {
    padding: 3rem!important
  }
  .px-lg-0 {
    padding-right: 0!important;
    padding-left: 0!important
  }
  .px-lg-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
  }
  .px-lg-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
  }
  .px-lg-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
  }
  .px-lg-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
  }
  .px-lg-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
  }
  .py-lg-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
  }
  .py-lg-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
  }
  .py-lg-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
  }
  .py-lg-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
  }
  .py-lg-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
  }
  .py-lg-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
  }
  .pt-lg-0 {
    padding-top: 0!important
  }
  .pt-lg-1 {
    padding-top: .25rem!important
  }
  .pt-lg-2 {
    padding-top: .5rem!important
  }
  .pt-lg-3 {
    padding-top: 1rem!important
  }
  .pt-lg-4 {
    padding-top: 1.5rem!important
  }
  .pt-lg-5 {
    padding-top: 3rem!important
  }
  .pe-lg-0 {
    padding-right: 0!important
  }
  .pe-lg-1 {
    padding-right: .25rem!important
  }
  .pe-lg-2 {
    padding-right: .5rem!important
  }
  .pe-lg-3 {
    padding-right: 1rem!important
  }
  .pe-lg-4 {
    padding-right: 1.5rem!important
  }
  .pe-lg-5 {
    padding-right: 3rem!important
  }
  .pb-lg-0 {
    padding-bottom: 0!important
  }
  .pb-lg-1 {
    padding-bottom: .25rem!important
  }
  .pb-lg-2 {
    padding-bottom: .5rem!important
  }
  .pb-lg-3 {
    padding-bottom: 1rem!important
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem!important
  }
  .pb-lg-5 {
    padding-bottom: 3rem!important
  }
  .ps-lg-0 {
    padding-left: 0!important
  }
  .ps-lg-1 {
    padding-left: .25rem!important
  }
  .ps-lg-2 {
    padding-left: .5rem!important
  }
  .ps-lg-3 {
    padding-left: 1rem!important
  }
  .ps-lg-4 {
    padding-left: 1.5rem!important
  }
  .ps-lg-5 {
    padding-left: 3rem!important
  }
  .text-lg-start {
    text-align: left!important
  }
  .text-lg-end {
    text-align: right!important
  }
  .text-lg-center {
    text-align: center!important
  }
}
@media only screen and (min-width:992px) {
  .ec-layoutRole .ec-layoutRole__main {
    padding-left: 40px;
    padding-right: 40px
  }
  .ec-layoutRole .ec-layoutRole__mainWithColumn {
    width: calc(100% - 265px)
  }
  .ec-layoutRole .ec-layoutRole__mainBetweenColumn {
    width: 50%
  }
  .ec-layoutRole .ec-layoutRole__left,
  .ec-layoutRole .ec-layoutRole__right {
    display: block;
    width: 265px
  }
  .ec-layoutRole__mainWithColumn #calender_area {
    display: none
  }
  .ec-shelfGrid .ec-shelfGrid__item {
    width: 23%
  }
}
@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
  .col-xl {
    flex: 1 0 0%
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%
  }
  .offset-xl-0 {
    margin-left: 0
  }
  .offset-xl-1 {
    margin-left: 8.33333333%
  }
  .offset-xl-2 {
    margin-left: 16.66666667%
  }
  .offset-xl-3 {
    margin-left: 25%
  }
  .offset-xl-4 {
    margin-left: 33.33333333%
  }
  .offset-xl-5 {
    margin-left: 41.66666667%
  }
  .offset-xl-6 {
    margin-left: 50%
  }
  .offset-xl-7 {
    margin-left: 58.33333333%
  }
  .offset-xl-8 {
    margin-left: 66.66666667%
  }
  .offset-xl-9 {
    margin-left: 75%
  }
  .offset-xl-10 {
    margin-left: 83.33333333%
  }
  .offset-xl-11 {
    margin-left: 91.66666667%
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem
  }
  .dropdown-menu-xl-start {
    --bs-position: start
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0
  }
  .dropdown-menu-xl-end {
    --bs-position: end
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex!important;
    flex-basis: auto
  }
  .navbar-expand-xl .navbar-toggler {
    display: none
  }
  .navbar-expand-xl .offcanvas-header {
    display: none
  }
  .navbar-expand-xl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible!important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none
  }
  .navbar-expand-xl .offcanvas-bottom,
  .navbar-expand-xl .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom: 0
  }
  .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
  .list-group-horizontal-xl {
    flex-direction: row
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
  .modal-xl {
    max-width: 1140px
  }
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
  .float-xl-start {
    float: left!important
  }
  .float-xl-end {
    float: right!important
  }
  .float-xl-none {
    float: none!important
  }
  .d-xl-inline {
    display: inline!important
  }
  .d-xl-inline-block {
    display: inline-block!important
  }
  .d-xl-block {
    display: block!important
  }
  .d-xl-grid {
    display: grid!important
  }
  .d-xl-table {
    display: table!important
  }
  .d-xl-table-row {
    display: table-row!important
  }
  .d-xl-table-cell {
    display: table-cell!important
  }
  .d-xl-flex {
    display: flex!important
  }
  .d-xl-inline-flex {
    display: inline-flex!important
  }
  .d-xl-none {
    display: none!important
  }
  .flex-xl-fill {
    flex: 1 1 auto!important
  }
  .flex-xl-row {
    flex-direction: row!important
  }
  .flex-xl-column {
    flex-direction: column!important
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse!important
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse!important
  }
  .flex-xl-grow-0 {
    flex-grow: 0!important
  }
  .flex-xl-grow-1 {
    flex-grow: 1!important
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0!important
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1!important
  }
  .flex-xl-wrap {
    flex-wrap: wrap!important
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap!important
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse!important
  }
  .gap-xl-0 {
    gap: 0!important
  }
  .gap-xl-1 {
    gap: .25rem!important
  }
  .gap-xl-2 {
    gap: .5rem!important
  }
  .gap-xl-3 {
    gap: 1rem!important
  }
  .gap-xl-4 {
    gap: 1.5rem!important
  }
  .gap-xl-5 {
    gap: 3rem!important
  }
  .justify-content-xl-start {
    justify-content: flex-start!important
  }
  .justify-content-xl-end {
    justify-content: flex-end!important
  }
  .justify-content-xl-center {
    justify-content: center!important
  }
  .justify-content-xl-between {
    justify-content: space-between!important
  }
  .justify-content-xl-around {
    justify-content: space-around!important
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly!important
  }
  .align-items-xl-start {
    align-items: flex-start!important
  }
  .align-items-xl-end {
    align-items: flex-end!important
  }
  .align-items-xl-center {
    align-items: center!important
  }
  .align-items-xl-baseline {
    align-items: baseline!important
  }
  .align-items-xl-stretch {
    align-items: stretch!important
  }
  .align-content-xl-start {
    align-content: flex-start!important
  }
  .align-content-xl-end {
    align-content: flex-end!important
  }
  .align-content-xl-center {
    align-content: center!important
  }
  .align-content-xl-between {
    align-content: space-between!important
  }
  .align-content-xl-around {
    align-content: space-around!important
  }
  .align-content-xl-stretch {
    align-content: stretch!important
  }
  .align-self-xl-auto {
    align-self: auto!important
  }
  .align-self-xl-start {
    align-self: flex-start!important
  }
  .align-self-xl-end {
    align-self: flex-end!important
  }
  .align-self-xl-center {
    align-self: center!important
  }
  .align-self-xl-baseline {
    align-self: baseline!important
  }
  .align-self-xl-stretch {
    align-self: stretch!important
  }
  .order-xl-first {
    order: -1!important
  }
  .order-xl-0 {
    order: 0!important
  }
  .order-xl-1 {
    order: 1!important
  }
  .order-xl-2 {
    order: 2!important
  }
  .order-xl-3 {
    order: 3!important
  }
  .order-xl-4 {
    order: 4!important
  }
  .order-xl-5 {
    order: 5!important
  }
  .order-xl-last {
    order: 6!important
  }
  .m-xl-0 {
    margin: 0!important
  }
  .m-xl-1 {
    margin: .25rem!important
  }
  .m-xl-2 {
    margin: .5rem!important
  }
  .m-xl-3 {
    margin: 1rem!important
  }
  .m-xl-4 {
    margin: 1.5rem!important
  }
  .m-xl-5 {
    margin: 3rem!important
  }
  .m-xl-auto {
    margin: auto!important
  }
  .mx-xl-0 {
    margin-right: 0!important;
    margin-left: 0!important
  }
  .mx-xl-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
  }
  .mx-xl-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
  }
  .mx-xl-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
  }
  .mx-xl-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
  }
  .mx-xl-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
  }
  .mx-xl-auto {
    margin-right: auto!important;
    margin-left: auto!important
  }
  .my-xl-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  .my-xl-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
  }
  .my-xl-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
  }
  .my-xl-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
  }
  .my-xl-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
  }
  .my-xl-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
  }
  .my-xl-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
  }
  .mt-xl-0 {
    margin-top: 0!important
  }
  .mt-xl-1 {
    margin-top: .25rem!important
  }
  .mt-xl-2 {
    margin-top: .5rem!important
  }
  .mt-xl-3 {
    margin-top: 1rem!important
  }
  .mt-xl-4 {
    margin-top: 1.5rem!important
  }
  .mt-xl-5 {
    margin-top: 3rem!important
  }
  .mt-xl-auto {
    margin-top: auto!important
  }
  .me-xl-0 {
    margin-right: 0!important
  }
  .me-xl-1 {
    margin-right: .25rem!important
  }
  .me-xl-2 {
    margin-right: .5rem!important
  }
  .me-xl-3 {
    margin-right: 1rem!important
  }
  .me-xl-4 {
    margin-right: 1.5rem!important
  }
  .me-xl-5 {
    margin-right: 3rem!important
  }
  .me-xl-auto {
    margin-right: auto!important
  }
  .mb-xl-0 {
    margin-bottom: 0!important
  }
  .mb-xl-1 {
    margin-bottom: .25rem!important
  }
  .mb-xl-2 {
    margin-bottom: .5rem!important
  }
  .mb-xl-3 {
    margin-bottom: 1rem!important
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem!important
  }
  .mb-xl-5 {
    margin-bottom: 3rem!important
  }
  .mb-xl-auto {
    margin-bottom: auto!important
  }
  .ms-xl-0 {
    margin-left: 0!important
  }
  .ms-xl-1 {
    margin-left: .25rem!important
  }
  .ms-xl-2 {
    margin-left: .5rem!important
  }
  .ms-xl-3 {
    margin-left: 1rem!important
  }
  .ms-xl-4 {
    margin-left: 1.5rem!important
  }
  .ms-xl-5 {
    margin-left: 3rem!important
  }
  .ms-xl-auto {
    margin-left: auto!important
  }
  .p-xl-0 {
    padding: 0!important
  }
  .p-xl-1 {
    padding: .25rem!important
  }
  .p-xl-2 {
    padding: .5rem!important
  }
  .p-xl-3 {
    padding: 1rem!important
  }
  .p-xl-4 {
    padding: 1.5rem!important
  }
  .p-xl-5 {
    padding: 3rem!important
  }
  .px-xl-0 {
    padding-right: 0!important;
    padding-left: 0!important
  }
  .px-xl-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
  }
  .px-xl-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
  }
  .px-xl-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
  }
  .px-xl-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
  }
  .px-xl-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
  }
  .py-xl-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
  }
  .py-xl-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
  }
  .py-xl-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
  }
  .py-xl-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
  }
  .py-xl-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
  }
  .py-xl-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
  }
  .pt-xl-0 {
    padding-top: 0!important
  }
  .pt-xl-1 {
    padding-top: .25rem!important
  }
  .pt-xl-2 {
    padding-top: .5rem!important
  }
  .pt-xl-3 {
    padding-top: 1rem!important
  }
  .pt-xl-4 {
    padding-top: 1.5rem!important
  }
  .pt-xl-5 {
    padding-top: 3rem!important
  }
  .pe-xl-0 {
    padding-right: 0!important
  }
  .pe-xl-1 {
    padding-right: .25rem!important
  }
  .pe-xl-2 {
    padding-right: .5rem!important
  }
  .pe-xl-3 {
    padding-right: 1rem!important
  }
  .pe-xl-4 {
    padding-right: 1.5rem!important
  }
  .pe-xl-5 {
    padding-right: 3rem!important
  }
  .pb-xl-0 {
    padding-bottom: 0!important
  }
  .pb-xl-1 {
    padding-bottom: .25rem!important
  }
  .pb-xl-2 {
    padding-bottom: .5rem!important
  }
  .pb-xl-3 {
    padding-bottom: 1rem!important
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem!important
  }
  .pb-xl-5 {
    padding-bottom: 3rem!important
  }
  .ps-xl-0 {
    padding-left: 0!important
  }
  .ps-xl-1 {
    padding-left: .25rem!important
  }
  .ps-xl-2 {
    padding-left: .5rem!important
  }
  .ps-xl-3 {
    padding-left: 1rem!important
  }
  .ps-xl-4 {
    padding-left: 1.5rem!important
  }
  .ps-xl-5 {
    padding-left: 3rem!important
  }
  .text-xl-start {
    text-align: left!important
  }
  .text-xl-end {
    text-align: right!important
  }
  .text-xl-center {
    text-align: center!important
  }
  .fs-1 {
    font-size: 2.1875rem!important
  }
  .fs-2 {
    font-size: 1.75rem!important
  }
  .fs-3 {
    font-size: 1.53125rem!important
  }
  .fs-4 {
    font-size: 1.3125rem!important
  }
}
@media (min-width:1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
  .col-xxl {
    flex: 1 0 0%
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%
  }
  .offset-xxl-0 {
    margin-left: 0
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%
  }
  .offset-xxl-3 {
    margin-left: 25%
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%
  }
  .offset-xxl-6 {
    margin-left: 50%
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%
  }
  .offset-xxl-9 {
    margin-left: 75%
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem
  }
  .dropdown-menu-xxl-start {
    --bs-position: start
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0
  }
  .dropdown-menu-xxl-end {
    --bs-position: end
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex!important;
    flex-basis: auto
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none
  }
  .navbar-expand-xxl .offcanvas-header {
    display: none
  }
  .navbar-expand-xxl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible!important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none
  }
  .navbar-expand-xxl .offcanvas-bottom,
  .navbar-expand-xxl .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom: 0
  }
  .navbar-expand-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
  .list-group-horizontal-xxl {
    flex-direction: row
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
  .float-xxl-start {
    float: left!important
  }
  .float-xxl-end {
    float: right!important
  }
  .float-xxl-none {
    float: none!important
  }
  .d-xxl-inline {
    display: inline!important
  }
  .d-xxl-inline-block {
    display: inline-block!important
  }
  .d-xxl-block {
    display: block!important
  }
  .d-xxl-grid {
    display: grid!important
  }
  .d-xxl-table {
    display: table!important
  }
  .d-xxl-table-row {
    display: table-row!important
  }
  .d-xxl-table-cell {
    display: table-cell!important
  }
  .d-xxl-flex {
    display: flex!important
  }
  .d-xxl-inline-flex {
    display: inline-flex!important
  }
  .d-xxl-none {
    display: none!important
  }
  .flex-xxl-fill {
    flex: 1 1 auto!important
  }
  .flex-xxl-row {
    flex-direction: row!important
  }
  .flex-xxl-column {
    flex-direction: column!important
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse!important
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse!important
  }
  .flex-xxl-grow-0 {
    flex-grow: 0!important
  }
  .flex-xxl-grow-1 {
    flex-grow: 1!important
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0!important
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1!important
  }
  .flex-xxl-wrap {
    flex-wrap: wrap!important
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap!important
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse!important
  }
  .gap-xxl-0 {
    gap: 0!important
  }
  .gap-xxl-1 {
    gap: .25rem!important
  }
  .gap-xxl-2 {
    gap: .5rem!important
  }
  .gap-xxl-3 {
    gap: 1rem!important
  }
  .gap-xxl-4 {
    gap: 1.5rem!important
  }
  .gap-xxl-5 {
    gap: 3rem!important
  }
  .justify-content-xxl-start {
    justify-content: flex-start!important
  }
  .justify-content-xxl-end {
    justify-content: flex-end!important
  }
  .justify-content-xxl-center {
    justify-content: center!important
  }
  .justify-content-xxl-between {
    justify-content: space-between!important
  }
  .justify-content-xxl-around {
    justify-content: space-around!important
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly!important
  }
  .align-items-xxl-start {
    align-items: flex-start!important
  }
  .align-items-xxl-end {
    align-items: flex-end!important
  }
  .align-items-xxl-center {
    align-items: center!important
  }
  .align-items-xxl-baseline {
    align-items: baseline!important
  }
  .align-items-xxl-stretch {
    align-items: stretch!important
  }
  .align-content-xxl-start {
    align-content: flex-start!important
  }
  .align-content-xxl-end {
    align-content: flex-end!important
  }
  .align-content-xxl-center {
    align-content: center!important
  }
  .align-content-xxl-between {
    align-content: space-between!important
  }
  .align-content-xxl-around {
    align-content: space-around!important
  }
  .align-content-xxl-stretch {
    align-content: stretch!important
  }
  .align-self-xxl-auto {
    align-self: auto!important
  }
  .align-self-xxl-start {
    align-self: flex-start!important
  }
  .align-self-xxl-end {
    align-self: flex-end!important
  }
  .align-self-xxl-center {
    align-self: center!important
  }
  .align-self-xxl-baseline {
    align-self: baseline!important
  }
  .align-self-xxl-stretch {
    align-self: stretch!important
  }
  .order-xxl-first {
    order: -1!important
  }
  .order-xxl-0 {
    order: 0!important
  }
  .order-xxl-1 {
    order: 1!important
  }
  .order-xxl-2 {
    order: 2!important
  }
  .order-xxl-3 {
    order: 3!important
  }
  .order-xxl-4 {
    order: 4!important
  }
  .order-xxl-5 {
    order: 5!important
  }
  .order-xxl-last {
    order: 6!important
  }
  .m-xxl-0 {
    margin: 0!important
  }
  .m-xxl-1 {
    margin: .25rem!important
  }
  .m-xxl-2 {
    margin: .5rem!important
  }
  .m-xxl-3 {
    margin: 1rem!important
  }
  .m-xxl-4 {
    margin: 1.5rem!important
  }
  .m-xxl-5 {
    margin: 3rem!important
  }
  .m-xxl-auto {
    margin: auto!important
  }
  .mx-xxl-0 {
    margin-right: 0!important;
    margin-left: 0!important
  }
  .mx-xxl-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
  }
  .mx-xxl-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
  }
  .mx-xxl-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
  }
  .mx-xxl-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
  }
  .mx-xxl-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
  }
  .mx-xxl-auto {
    margin-right: auto!important;
    margin-left: auto!important
  }
  .my-xxl-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  .my-xxl-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
  }
  .my-xxl-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
  }
  .my-xxl-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
  }
  .my-xxl-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
  }
  .my-xxl-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
  }
  .my-xxl-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
  }
  .mt-xxl-0 {
    margin-top: 0!important
  }
  .mt-xxl-1 {
    margin-top: .25rem!important
  }
  .mt-xxl-2 {
    margin-top: .5rem!important
  }
  .mt-xxl-3 {
    margin-top: 1rem!important
  }
  .mt-xxl-4 {
    margin-top: 1.5rem!important
  }
  .mt-xxl-5 {
    margin-top: 3rem!important
  }
  .mt-xxl-auto {
    margin-top: auto!important
  }
  .me-xxl-0 {
    margin-right: 0!important
  }
  .me-xxl-1 {
    margin-right: .25rem!important
  }
  .me-xxl-2 {
    margin-right: .5rem!important
  }
  .me-xxl-3 {
    margin-right: 1rem!important
  }
  .me-xxl-4 {
    margin-right: 1.5rem!important
  }
  .me-xxl-5 {
    margin-right: 3rem!important
  }
  .me-xxl-auto {
    margin-right: auto!important
  }
  .mb-xxl-0 {
    margin-bottom: 0!important
  }
  .mb-xxl-1 {
    margin-bottom: .25rem!important
  }
  .mb-xxl-2 {
    margin-bottom: .5rem!important
  }
  .mb-xxl-3 {
    margin-bottom: 1rem!important
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem!important
  }
  .mb-xxl-5 {
    margin-bottom: 3rem!important
  }
  .mb-xxl-auto {
    margin-bottom: auto!important
  }
  .ms-xxl-0 {
    margin-left: 0!important
  }
  .ms-xxl-1 {
    margin-left: .25rem!important
  }
  .ms-xxl-2 {
    margin-left: .5rem!important
  }
  .ms-xxl-3 {
    margin-left: 1rem!important
  }
  .ms-xxl-4 {
    margin-left: 1.5rem!important
  }
  .ms-xxl-5 {
    margin-left: 3rem!important
  }
  .ms-xxl-auto {
    margin-left: auto!important
  }
  .p-xxl-0 {
    padding: 0!important
  }
  .p-xxl-1 {
    padding: .25rem!important
  }
  .p-xxl-2 {
    padding: .5rem!important
  }
  .p-xxl-3 {
    padding: 1rem!important
  }
  .p-xxl-4 {
    padding: 1.5rem!important
  }
  .p-xxl-5 {
    padding: 3rem!important
  }
  .px-xxl-0 {
    padding-right: 0!important;
    padding-left: 0!important
  }
  .px-xxl-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
  }
  .px-xxl-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
  }
  .px-xxl-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
  }
  .px-xxl-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
  }
  .px-xxl-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
  }
  .py-xxl-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
  }
  .py-xxl-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
  }
  .py-xxl-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
  }
  .py-xxl-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
  }
  .py-xxl-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
  }
  .py-xxl-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
  }
  .pt-xxl-0 {
    padding-top: 0!important
  }
  .pt-xxl-1 {
    padding-top: .25rem!important
  }
  .pt-xxl-2 {
    padding-top: .5rem!important
  }
  .pt-xxl-3 {
    padding-top: 1rem!important
  }
  .pt-xxl-4 {
    padding-top: 1.5rem!important
  }
  .pt-xxl-5 {
    padding-top: 3rem!important
  }
  .pe-xxl-0 {
    padding-right: 0!important
  }
  .pe-xxl-1 {
    padding-right: .25rem!important
  }
  .pe-xxl-2 {
    padding-right: .5rem!important
  }
  .pe-xxl-3 {
    padding-right: 1rem!important
  }
  .pe-xxl-4 {
    padding-right: 1.5rem!important
  }
  .pe-xxl-5 {
    padding-right: 3rem!important
  }
  .pb-xxl-0 {
    padding-bottom: 0!important
  }
  .pb-xxl-1 {
    padding-bottom: .25rem!important
  }
  .pb-xxl-2 {
    padding-bottom: .5rem!important
  }
  .pb-xxl-3 {
    padding-bottom: 1rem!important
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem!important
  }
  .pb-xxl-5 {
    padding-bottom: 3rem!important
  }
  .ps-xxl-0 {
    padding-left: 0!important
  }
  .ps-xxl-1 {
    padding-left: .25rem!important
  }
  .ps-xxl-2 {
    padding-left: .5rem!important
  }
  .ps-xxl-3 {
    padding-left: 1rem!important
  }
  .ps-xxl-4 {
    padding-left: 1.5rem!important
  }
  .ps-xxl-5 {
    padding-left: 3rem!important
  }
  .text-xxl-start {
    text-align: left!important
  }
  .text-xxl-end {
    text-align: right!important
  }
  .text-xxl-center {
    text-align: center!important
  }
}
@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0
  }
}
@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0
  }
}
@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0
  }
}
@media (max-width:767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0
  }
}
@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0
  }
}
@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}
@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
  .form-control::file-selector-button {
    transition: none
  }
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none
  }
  .form-select {
    transition: none
  }
  .form-switch .form-check-input {
    transition: none
  }
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
  .form-floating > label {
    transition: none
  }
  .btn {
    transition: none
  }
  .fade {
    transition: none
  }
  .collapsing {
    transition: none
  }
  .collapsing.collapse-horizontal {
    transition: none
  }
  .nav-link {
    transition: none
  }
  .navbar-toggler {
    transition: none
  }
  .accordion-button {
    transition: none
  }
  .accordion-button::after {
    transition: none
  }
  .page-link {
    transition: none
  }
  .progress-bar {
    transition: none
  }
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none
  }
  .modal.fade .modal-dialog {
    transition: none
  }
  .carousel-item {
    transition: none
  }
  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none
  }
  .carousel-control-next,
  .carousel-control-prev {
    transition: none
  }
  .carousel-indicators [data-bs-target] {
    transition: none
  }
  .spinner-border,
  .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
  }
  .offcanvas {
    transition: none
  }
  .ec-birth input,
  .ec-halfInput input,
  .ec-input input,
  .ec-numberInput input,
  .ec-select input,
  .ec-telInput input,
  .ec-zipInput input {
    transition: none
  }
  .ec-birth select,
  .ec-halfInput select,
  .ec-input select,
  .ec-numberInput select,
  .ec-select select,
  .ec-telInput select,
  .ec-zipInput select {
    transition: none
  }
  .ec-birth textarea,
  .ec-halfInput textarea,
  .ec-input textarea,
  .ec-numberInput textarea,
  .ec-select textarea,
  .ec-telInput textarea,
  .ec-zipInput textarea {
    transition: none
  }
  .ec-birth input,
  .ec-halfInput input,
  .ec-input input,
  .ec-numberInput input,
  .ec-select input,
  .ec-telInput input,
  .ec-zipInput input {
    transition: none
  }
  .ec-birth select,
  .ec-halfInput select,
  .ec-input select,
  .ec-numberInput select,
  .ec-select select,
  .ec-telInput select,
  .ec-zipInput select {
    transition: none
  }
  .ec-birth textarea,
  .ec-halfInput textarea,
  .ec-input textarea,
  .ec-numberInput textarea,
  .ec-select textarea,
  .ec-telInput textarea,
  .ec-zipInput textarea {
    transition: none
  }
}
@media print {
  .d-print-inline {
    display: inline!important
  }
  .d-print-inline-block {
    display: inline-block!important
  }
  .d-print-block {
    display: block!important
  }
  .d-print-grid {
    display: grid!important
  }
  .d-print-table {
    display: table!important
  }
  .d-print-table-row {
    display: table-row!important
  }
  .d-print-table-cell {
    display: table-cell!important
  }
  .d-print-flex {
    display: flex!important
  }
  .d-print-inline-flex {
    display: inline-flex!important
  }
  .d-print-none {
    display: none!important
  }
}

#customer_detail_box {
	background: #f7f7f7;
	padding: 15px;
}

#customer_detail_box p {
	margin-top: 10px;
}

.panel-default {
	/*border: 1px solid #eee;*/
}

/*=========================================================

25.商品一覧

=========================================================*/

#product-list-wrap {
	margin: 0;
	padding: 0;
	width: 100%;
	flex-wrap: wrap;
}

#product-list-wrap li {
	width: calc(25% - 15px);
	margin: 0 20px 20px 0;
	box-sizing: border-box;
	border: 10px solid #f5f5f5;
	padding: 0;
	border-radius: 10px;
}

#product-list-wrap li:hover {
	opacity: 0.7;
}

#product-list-wrap li:nth-child(4n) {
	margin-right: 0;
}

#product-list-wrap li .caption {
	padding: 10px 15px;
}

#product-list-wrap li .caption h2 {
	font-weight: 700;
	font-size: 1.1rem;
}

#product-list-wrap li .caption p {
	font-size: 0.9rem;
}

#product-list-wrap li .caption .price {
	color: #ff0000;
	margin-bottom: 15px;
	font-size: 1rem;
}

@media (max-width:767px) {
	#product-list-wrap li {
		width: 100%;
		margin-right: 0;
	}
}

/*=========================================================

26.商品詳細

=========================================================*/

.iframe-wrapper-box {
	text-align: center;
	margin: 0 auto 50px;
	max-width: 560px;
}

.iframe-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mg_socialbutton_2 iframe {
	width: 105px;
}

.size-button {
	display: flex;
	justify-content: center;
}

.size-button a img {
	max-width: 180px;
	height: auto;
}

.obverse {
	margin-bottom: 45px;
}

.ec-navlistRole .active a {
	color: #1d60cc;
}

/*=========================================================

27.ログイン

=========================================================*/

.loginArea {
	display: flex;
	border-radius: 10px;
	border: 10px solid  #e5e5e5;
	padding: 20px;
}

.loginAreaL {
	width: calc(50% - 15px);
	margin-right: 30px;
}

.loginAreaL .inputtext {
	margin-bottom: 30px;
}

.loginAreaL input[type="email"] {
	box-sizing: border-box;
	margin-bottom: 5px;
}

.loginAreaL input[type="password"] {
	box-sizing: border-box;
	margin-bottom: 5px;
}

.loginAreaR {
	width: calc(50% - 15px);
	box-sizing: border-box;
}

.loginAreaR .inputtext {
	margin-bottom: 30px;
}

.mbBox {
	margin-bottom: 30px;
}

#ec-point {
	display: none;
}

/*=========================================================

28.プライバシーポリシー

=========================================================*/

.policyBox p {
	margin: 0 0 30px;
}


.policyBox ul {
	margin: 0 20px 30px;
	list-style: disc;
}

/*=========================================================

29.当サイトについて

=========================================================*/

.compList {
	margin: 30px 20px 30px;
	list-style: disc;
}

.iframe-wrapper {
	margin: 0 0 45px;
}

.greetingText {
	margin: 0 0 20px;
}

.greetingText2 {
	margin: 0 0 45px;
}

.historyTable {
	border-top: 1px solid #e5e5e5;
	width: 100%;
	margin: 0 0 45px;
}

.historyTable th {
	padding: 10px 20px 10px 0;
	border-bottom: 1px solid #e5e5e5;
}

.historyTable td {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #e5e5e5;
}

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

	.historyTable {
		border-top: 1px solid #e5e5e5;
		width: 100%;
		margin: 0 0 30px;
	}

	.historyTable th {
		display: block;
		border:none;
		font-weight: 700;
	}

	.historyTable td {
		display: block;
	}
}

@media screen and (max-width:767px)  {
	.aboutTable th {
		display: block;
		padding: 10px;
		text-align: left;
	}
	.aboutTable td {
		display: block;
		padding: 10px;
		text-align: left;
	}
}

/*=========================================================

29.キャンセルや返品について

=========================================================*/

.p {
	margin: 0 0 30px;
}

.ul {
	list-style: disc;
	margin: 0 20px 30px;
}

.ol {
	margin: 0 20px 30px;
	list-style: decimal;
}

.ol ol {
	font-size: 0.9rem;
	margin: 0 10px 20px;
}

/*=========================================================

30.サンキューページ

=========================================================*/

.thanks01 {
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	margin: 0 0 20px;
}

.thanks02 {
	margin: 0 0 30px;
	text-align: center;
}

.thanks03 {
	margin-top: 30px;
	text-align: center;
}

.thanks03 a {
	color: #1d60cc;
}


@media screen and (max-width:767px)  {
	.thanks01 {
		font-size: 1.8rem;
		margin: 20px 20px 20px;
	}

	.thanks02 {
		margin: 0 20px 30px;
	}

	.thanks03 {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

/*=========================================================

31.LINE

=========================================================*/

.line_form_box {
  border: 9px solid #38b036;
  margin: 2em auto;
  background: #fff;
  border-radius: 10px;
  text-align: center;
}

.line_form_box .box-title {
  font-size: 1.2em;
  background: #38b036;
  color: #fff;
  text-align: center;
}

.osusumeImage {
	padding: 0 10% 30px; 
}

.lineflow {
	text-align: center;
	display: inline-block;
	list-style: none;
}

.lineflow li {
	text-align: left;
	display: flex;
	padding: 20px 0;
	border-bottom: 2px solid #38b036;
}

.lineflow li:last-child {
	border-bottom: none;
}

.lineflow li h3 {
	color: #38b036;
	font-size: 1.4rem;
	font-weight: 700;
	width: calc(40% - 20px);
	margin-right: 20px;
}

.lineflow li .box {
	width: 60%;
	display: block;
}

.bold {
	font-weight: 700;
}

@media screen and (max-width:767px)  {
	
	.line_form_box {
		margin: 0;
	}

	.osusumeImage {
		padding: 0 0 20px; 
	}
	
	.lineflow {
		padding: 0 20px;
	}

	.lineflow li {
		display: block;
		padding: 15px 0;
	}

	.lineflow li h3 {
		width: 100%;
		margin-right: 0;
		font-size: 1.2rem;
		margin-bottom: 15px;
	}

	.lineflow li .box {
		width: 100%;
	}
}

/*=========================================================

32.国内商品

=========================================================*/

.resultSlider li {
	text-align: center;
	font-weight: bold;
	position: relative;
}
.resultSlider li img {
	border-radius: 10px;
}
.resultSliderWrap .bx-controls-direction {
	top: 50%;
	margin-top: -20px;
}

/*=========================================================

33.入稿データ作成時の注意点

=========================================================*/

.rrCBox {
    margin: 0 0 30px;
}
.rrFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0 0;
}
.rrFlex h4 {
    font-weight: bold;
    margin: 0 0 10px;
    font-size: 1.2rem;
}
.rrFlex .chd {
    text-align: center;
    width: 49%;
}
@media screen and (max-width: 767px) {
    .rrFlex h4 {
        font-size: 1.1rem;
    }
}

.appTable th {
    width: 50px;
    padding-bottom: 20px;
}

/*=========================================================

34.トロマット

=========================================================*/

.le {
	text-align: center;
}
.le .ul {
	display: inline-block;
	text-align: left;
	margin-bottom: 0;
}
.le .ul li{
	text-align: left;
}
.youto.priceTable {
	border-radius: 10px;
}
.youto.priceTable tbody tr td:last-child{
	border-right: none;
}
.youto.priceTable tbody tr:first-child td {
	border-top: none;
}
.youto {
	margin: 0 0 50px;
}

/*=========================================================

35.モーダル

=========================================================*/

.zoomSize.dat img {
	max-width: 80%;
	max-height: 80%;
	width: auto;
	height: auto;
}

/*=========================================================

36.商標権のあるイラスト及びロゴ等の記載のある商品について

=========================================================*/

.policyBox .cta {
	border-radius: 10px;
	padding: 30px;
	background: #fff;
	border: 10px solid #e5e5e5;
}

.tradeTable {

}

.policyBox .cta ul {
	display: flex;
	list-style: none;
	justify-content: center;
	margin: 0;
}

.policyBox .cta ul li {
	padding: 0 10px;
	margin: 0;
}

.policyBox .cta ul li p {
	margin: 0;
}

/*=========================================================

37.入稿データの作り方

=========================================================*/

.creationBox {
	margin: 0 0 50px;
}

.creationBox a {
	color: #1d60cc;
    text-decoration: underline
}

.creationBox a:hover {
	color: #1d60cc;
    text-decoration: none;
}

.creationBox .text {
	margin: 0 0 30px;
}

.creationBox .image {
	margin: 0 0 30px;
}

.creationBox .subheading {
  display: flex;
  align-items: center;
}

.creationBox .subheading .num {
	display: flex;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #3b75d3;
	line-height: 1;
}

.creationBox .subheading .num strong {
	width: 20px;
	height: 20px;
	background: #fffa1a;
	font-family: "MS Pゴシック";
	border-radius: 1000px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #1d60cc;
	font-weight: 700;
	font-size: 0.9rem;
	margin: 0px 0 0 5px;
}

@media screen and (max-width:767px)  {
	.creationBox:last-child {
		margin: 0 0 20px;
	}
}






.basicTable.mt20 {
	margin-top: 20px;
}

.basicTable  {
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}

.basicTable th {
  background: #1d60cc;
  text-align: center;
  padding: 10px;
  color: #fff;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  font-weight: 700;
  vertical-align: middle;
  white-space: nowrap;
}

.basicTable td {
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  vertical-align: middle;
}

.basicTable tr td:last-child {
	border-right: none;
}

.basicTable tr:last-child td{
	border-bottom: none;
}