@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**********************************************************************************
 * 共通
 **********************************************************************************/
html {
	/*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic", "YuGothic",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: 游ゴシック体,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,Arial,Helvetica,sans-serif;
	font-family: "Noto Sans JP", sans-serif;
	  font-optical-sizing: auto;
  font-style: normal;
  color: #333333;
	/*font-weight: 600;*/
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

body.minwidth{
	min-width: 1550px;
	overflow-x: scroll;
}

.button_white,
button.button_white,
a.button_white {
  border: 1px solid #ddd;
  color: #333;
  background-color: #fff;
	font-weight: 600;
}
.button_white:hover,
button.button_white:hover,
a.button_white:hover {
  color: #999;
  background-color: #fff;
}

.button_blue,
button.button_blue,
a.button_blue {
  border: 1px solid #1a73e8;
  color: #fff;
  background-color: #1a73e8;
	font-weight: 600;
	font-size: 14px;
}
.button_blue:hover,
button.button_blue:hover,
a.button_blue:hover {
  color: #1a73e8;
  background-color: #fff;
}


.button_black,
button.button_black,
a.button_black {
  border: 1px solid #333;
  color: #fff;
  background-color: #333;
	font-weight: 600;
	font-size: 14px;
}
.button_black:hover,
button.button_black:hover,
a.button_black:hover {
  color: #333;
  background-color: #fff;
}


a:hover {
  color: #5FA0F5!important;
}


/**********************************************************************************
 * ヘッダー
 **********************************************************************************/
#header {
	position: fixed!important;
	display: block!important;
    width: 100%;
    top: 0;
    z-index: 10000;
}

.newdesign #header_2nd {
  height: 50px!important;
}
.newdesign #header_2nd_wrapper {
  background-color: #000!important;
}
#header_2nd_wrapper #header_2nd #header_2nd_links #header_2nd_links_left {
	color: #fff;
	background-color: #1a73e8;
	height: 50px;
	padding: 0 2em;
}
#header_2nd_wrapper #header_2nd #header_2nd_links #header_2nd_links_left #header_2nd_links_left_user #header_2nd_links_left_user_name {
	color: #fff;
	height: 50px;
	display: flex;
	align-items: center;
}
#header_2nd_logo{
	height: 50px;
	width: 280px;
	/*margin-top: 30px;*/
	display: flex;
    align-items: center;
}
#header_2nd_logo a{
	width: 100%;
}
#header_2nd_logo img{
	height: 30px;
	margin-left: 20px;
	/*width: 100%;*/
}
.nickname{
  padding-right: 1em;
}


.newdesign #header_3rd_misc #header_3rd_misc_logout_wrapper {
	height: 50px;
	background-color: #3B3B3B;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.newdesign #header_3rd_misc #header_3rd_misc_logout_wrapper:hover {
	background-color: #252525;
}

.newdesign #header_3rd_wrapper {
  background-color: #000!important;
}
#header_3rd_wrapper #header_3rd_searcher #header_3rd_searcher_words_wrapper {
  background-color: #ffffff;
}
#header_3rd_wrapper #header_3rd_searcher #header_3rd_searcher_words_wrapper #header_3rd_searcher_words {
  background-color: #ffffff;
}
#header_3rd_wrapper #header_3rd_searcher #header_3rd_searcher_button_wrapper #header_3rd_searcher_button {
  color: #ffffff;
  background-color: #d10003;
}
#header_3rd_wrapper #header_3rd_searcher #header_3rd_searcher_button_wrapper #header_3rd_searcher_button_news {
  color: #333333;
  background-color: #c5feff;
}
#header_3rd_wrapper #header_3rd_misc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#header_3rd_wrapper #header_3rd_misc > div {
  margin-left: 20px;
}
#header_3rd_wrapper #header_3rd_misc > a {
	color: #fff;
	font-size: 0.8em;
	font-weight: 600;
	padding: 18px 0;
}
.newdesign #header_3rd_misc_logout_wrapper {
}
.newdesign #header_3rd_misc_register_wrapper > a,
.newdesign #header_3rd_misc_mypage_wrapper > a,
.newdesign #header_3rd_misc_login_wrapper > a,
.newdesign #header_3rd_misc_logout_wrapper > a {
  border: 0px;
  color: #fff;
  padding: 0 2em;
  display: flex;
  align-items: center;
}
.newdesign #header_3rd_misc_register_wrapper > a:hover,
.newdesign #header_3rd_misc_mypage_wrapper > a:hover,
.newdesign #header_3rd_misc_login_wrapper > a:hover,
.newdesign #header_3rd_misc_logout_wrapper > a:hover {
  /*background-color: #777777;*/
}


#container {
	display: flex;
	justify-content: flex-start;
	margin-left: 0!important;
	flex-direction: row;
}

	.newdesign{
		position: fixed!important;
	}
	
	#header + .content_wrapper, #header + #container {
		/*margin: 0 auto 0;*/
		padding-top: 50px;
	}
	/*#container {
		display: flex;
		justify-content: flex-start;
		margin-left: 0!important;
	}*/
	#header #header_2nd {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
				justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: flex-start;
			-ms-flex-align: flex-start;
				align-items:flex-start;
		height: 60px;
		/*min-width: 1400px;*/
	}
	#header #header_2nd #header_2nd_links #header_2nd_links_left {
		margin-right: 0!important;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: right;
		-webkit-justify-content: right;
			-ms-flex-pack: right;
				justify-content: right;
		-webkit-align-content: space-between;
			-ms-flex-line-pack: justify;
				align-content: space-between;
	}
	#header #header_3rd {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: flex-end;
			-ms-flex-pack: justify;
				justify-content: flex-end;
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		height: 50px;
	}

@media print, screen and (min-width: 768px) {
}
	

				/*.submenu_wrap {
					position: relative;
				}
					.submenu_wrap .submenu {
						position: absolute;
						width: 200px;
						z-index: 9999;
						overflow: hidden;
						margin-top: 200px;
						left: -100px;
					}
						.submenu_wrap .submenu li {
							overflow: hidden;
							height: 0;
							transition: 0.2s;
							left: -40px;
							color: #fff;
							background: rgba(255,255,255,0.80);
							background: rgba(41,144,253,0.80);
							background: rgba(0,179,237,0.80);
							background: rgba(0,0,0,0.8);
							display: flex;
							width: 200px;
						}
						.submenu_wrap .submenu li a {
							width: 200px;
							text-align: left;
							color: #fff;
							position:relative;
							padding: 10px 20px;
							height: inherit;
						}
						.submenu_wrap:hover > .submenu > li {
							overflow: visible;
							height: 40px;
							display: inline-block;
						}
						.submenu_wrap .submenu li:hover a {
							color: #00B3ED;
							background: #fff;
						}*/

				.submenu_wrap {
					position: relative;
				}
					/* メニューアイテムのホバースタイル */
					.menu-item:hover .drop-menu-list {
					  transform: scaleY(1); /* ドロップダウンメニューの表示 */
					}
					.menu-item:hover {
					  /*background-color: #696969;*/ /* メニューアイテムのホバー時の背景色 */
					  transition: background-color .3s; /* 背景色の変化をアニメーション化 */
					}
						.drop-menu-item:hover {
						  opacity: .8; /* ドロップダウンメニューアイテムのホバー時の不透明度 */
						  transition: opacity .3s; /* 不透明度の変化をアニメーション化 */
						}
							.menu-item a {
							  align-items: center;
							  color: #fff; /* メニューアイテム内のリンクテキストの色 */
							  display: flex;
							  /*height: 40px;*/
							  justify-content: center;
							  text-decoration: none; /* リンクの下線を非表示 */
							}

					/* ドロップダウンメニュー */
					.drop-menu {
					  position: relative;
					}
						.drop-menu-list {
						  left: -80px;
						  position: absolute;
						  top: 100%;
						  top: 34px;
						  transform: scaleY(0); /* ドロップダウンメニューの非表示 */
						  transform-origin: center top; /* 変形を適応する基準を設定 */
						  transition: transform .3s; /* 表示の変化をアニメーション化 */
						  width: max-content;
						  /*z-index: 999;*/
							display: flex;
							flex-direction: column;
						}
							.drop-menu-item {
								background-color: #000; /* ドロップダウンメニューの背景色 */
								transition: opacity .3s; /* 不透明度の変化をアニメーション化 */
								width: 200px;
								height: 40px;
								font-size: 12px;
							}
							.drop-menu-item a {
								width: 200px;
								height: 40px;
							}
							.drop-menu-item a:hover {
								background-color: #1b3880; /* ドロップダウンメニューの背景色 */
								/*z-index: 999;*/
							}

.previewAlart {
	position: fixed!important;
	top: 0;
	left: 0;
    background: #cc0000;
    color: #ffffff;
    font-weight: bold;
    padding: 8px;
	box-sizing: border-box;
    text-align: center;
	z-index: 99999;
	
}


/**********************************************************************************
 * サイドバー
 **********************************************************************************/
.mypage_side{
	/*background-color: #2f3f4e;*/
	background-color: #1d2833;
	width: 280px;
}
	.s_01 .accordion_one {
		/*max-width: 280px;*/
		/*margin: 0 auto;*/
		width: 100%;
		position: relative;
	}
	.s_01 .accordion_one:hover {
		background-color: #36495B;
		z-index: 999;
		color: #fff;
	}
	.s_01 .accordion_one a {
		/*max-width: 280px;*/
		/*margin: 0 auto;*/
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9;
	}
		.s_01 .accordion_one .accordion_header {
			/*background-color: #ccc;*/
			color: #fff;
			font-size: 14px;
			/*font-weight: 500;*/
			padding: 14px 20px;
			text-align: left;
			position: relative;
			z-index: +1;
			cursor: pointer;
			transition-duration: 0.2s;
			box-sizing: border-box;
		}
		.s_01 .accordion_one .accordion_header:hover {
			/*background-color: #36495B;*/
			opacity: .8;
			z-index: 8;
			color: #fff;
		}
		.s_01 .accordion_one:nth-of-type(1) .accordion_header {
			padding: 20px 20px;
			border-bottom: 1px solid rgba(255,255,255,0.20);
		}
		.s_01 .accordion_one:nth-of-type(2) .accordion_header {
			border-bottom: 1px solid rgba(255,255,255,0.20);
		}
		.s_01 .accordion_one:nth-of-type(3) .accordion_header {
			color: rgba(255,255,255,0.80);
			font-size: 10px;
			padding: 16px 20px 4px 20px;
			text-align: left;
		}
			.s_01 .accordion_one:nth-of-type(3):hover {
				background-color: #2f3f4e;
			}
			.s_01 .accordion_one:nth-of-type(3) .accordion_header:hover {
				opacity:inherit;
				cursor:inherit;
			}

		.s_01 .accordion_one:nth-of-type(4) .accordion_header {
			padding: 12px 20px;
		}
		.s_01 .accordion_one:nth-of-type(5) .accordion_header {
			padding: 12px 20px;
		}
		.s_01 .accordion_one:nth-of-type(6) .accordion_header {
			padding: 12px 20px;
		}
		.s_01 .accordion_one:nth-of-type(7) .accordion_header {
			padding: 12px 20px 14px;
			border-bottom: 1px solid rgba(255,255,255,0.20);
		}
		.s_01 .accordion_one:nth-of-type(8) .accordion_header {
			color: rgba(255,255,255,0.80);
			font-size: 10px;
			padding: 16px 20px 4px 20px;
			text-align: left;
		}
			.s_01 .accordion_one:nth-of-type(8):hover {
				background-color: #2f3f4e;
			}
			.s_01 .accordion_one:nth-of-type(8) .accordion_header:hover {
				opacity:inherit;
				cursor:inherit;
			}


		.s_01 .accordion_one:nth-of-type(9) .accordion_header {
			padding: 12px 20px;
		}
		.s_01 .accordion_one:nth-of-type(10) .accordion_header {
			padding: 12px 20px 14px;
			border-bottom: 1px solid rgba(255,255,255,0.20);
		}
		/*.s_01 .accordion_one .accordion_header:hover {
			opacity: .8;
		}*/
			.s_01 .accordion_one .accordion_header a {
				color: #fff;
			}
			.s_01 .accordion_one .accordion_header i {
				vertical-align: middle;
				font-size: 24px;
				font-weight: 100;
				margin: 0 6px 0 0;
			}

			/*矢印*/
			.s_01 .accordion_one .accordion_header .i_arrow {
				display: flex;
				justify-content: center;
				align-items: center;
				position: absolute;
				right: 2%;
				width: 20px;
				height: 20px;
				margin-top: -20px;
				box-sizing: border-box;
				color: rgba(255,255,255,0.50);
			}
			/*展開プラス*/
			.s_01 .accordion_one .accordion_header .i_box {
				display: flex;
				justify-content: center;
				align-items: center;
				position: absolute;
				/*top: 50%;*/
				right: 3%;
				width: 20px;
				height: 20px;
				/*border: 1px solid #fff;*/
				margin-top: -20px;
				box-sizing: border-box;
				/*-webkit-transform: rotate(45deg);
				transform: rotate(45deg);*/
				transform-origin: center center;
				transition-duration: 0.2s;
			}
				.s_01 .accordion_one .accordion_header .i_box .one_i {
					display: block;
					width: 18px;
					height: 18px;
					/*-webkit-transform: rotate(45deg);
					transform: rotate(45deg);*/
					transform-origin: center center;
					transition-duration: 0.2s;
					position: relative;
				}
				.s_01 .accordion_one .accordion_header.open .i_box {
					-webkit-transform: rotate(-360deg);
					transform: rotate(-360deg);
				}
				.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
					display: flex;
					content: '';
					background-color: rgba(255,255,255,0.50);
					border-radius: 10px;
					width: 14px;
					height: 2px;
					position: absolute;
					top: 8px;
					left: 3px;
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);
					transform-origin: center center;
				}
					.s_01 .accordion_one .accordion_header .i_box .one_i:before {
						width: 2px;
						height: 14px;
						top: 2px;
						left: 9px;
					}
				.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
					content: none;
				}
				.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
					/*-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);*/
				}
					.s_01 .accordion_one .accordion_inner {
						display: none;
						padding: 30px 30px;
						/*border-left: 2px solid #db0f2f;
						border-right: 2px solid #db0f2f;
						border-bottom: 2px solid #db0f2f;*/
						box-sizing: border-box;
						background-color: #26323E;
					}
					.s_01 .accordion_one:nth-of-type(2) .accordion_inner {
						border-left: 2px solid #ff9a05;
						border-right: 2px solid #ff9a05;
						border-bottom: 2px solid #ff9a05;
					}
					.s_01 .accordion_one:nth-of-type(3) .accordion_inner {
						border-left: 2px solid #1c85d8;
						border-right: 2px solid #1c85d8;
						border-bottom: 2px solid #1c85d8;
					}
					.s_01 .accordion_one .accordion_inner .box_one {
						height: 300px;
					}
					.s_01 .accordion_one .accordion_inner p.txt_a_ac {
						margin: 0;
					}

	/*.s_01 .accordion_two {
		width: 100%;
		position: relative;
	}
		.s_01 .accordion_two .accordion_header {
			color: rgba(255,255,255,0.80);
			font-size: 10px;
			padding: 14px 20px 10px 20px;
			text-align: left;
		}*/
		/*.s_01 .accordion_two:nth-of-type(1) .accordion_header {
			padding: 20px 20px 10px 20px;
		}*/



/*@media screen and (max-width: 1024px) {
	.s_01 .accordion_one .accordion_header {
		font-size: 18px;
	}
	.s_01 .accordion_one .accordion_header .i_box {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
}
@media screen and (max-width: 767px) {
	.s_01 .accordion_one .accordion_header {
		font-size: 16px;
		text-align: left;
		padding: 15px 60px 15px 15px;
	}
}*/

	.details-summary {
		position: relative;
		display: block;
		padding: 12px 20px;
		color: #fff;
		font-size: 14px;
	}		
	.details-summary:hover {
		cursor: pointer;
		opacity: 0.8;
		background: #334555;
		color: #ffffff;
	}
	.details-summary .btn {
		position: absolute;
        top: 28%;
        left: 20px;
        width: 18px;
        height: 18px;
        transform-origin: center center;
        transition-duration: 0.2s;
	}
	.details-summary .btn:before,
	.details-summary .btn:after {
		content: "";
		background-color: #fff;
		border-radius: 10px;
		width: 18px;
		height: 4px;
		position: absolute;
		top: 7px;
		left: 0;
		transform-origin: center center;
	}
	.details-summary .btn:before {
		width: 4px;
		height: 18px;
		top: 0;
		left: 7px;
	}
	
	.details-summary.is-active{
		background: #24323e;
		color: #ffffff;
	}
	#main-content #main-sidemenu
	.details-summary.is-active .btn:before,
	.details-summary.is-active .btn:after {
		background-color: #ffffff;
	}
	
	.details-summary.is-active .btn {
			-webkit-transform: rotate(-180deg);
			transform: rotate(-180deg);
	}
	.details-summary.is-active .btn:before {
            	content: none;	
	}

    .details-summary:hover .btn:before,
	.details-summary:hover .btn:after {
		background-color: #ffffff;
	}
	
	.details-summary::-webkit-details-marker {
		display: none;
	}
	/* サイドバー */
	.layer2 a {
		background: #374151;
		text-indent: 1em;
		color: #ffffff !important;
		padding: 10px 20px;
		margin-bottom: 0;
		border-bottom: 1px dotted #5b6e7a;
		position: relative;
		display: block;
		font-size: 14px;
	}			
	.mIcon_p, .mIcon_m {
		vertical-align: middle;
		margin: 0 10px 0 0;
		display: inline-block;
	}	
	.mIcon_m {
		display: none !important;
	}
	.is-active .mIcon_p {
		display: none !important;
	}
	.is-active .mIcon_m {
		display: inline-block !important;
	}
	.subTitle {
		color: rgba(255,255,255,0.80);
		font-size: 10px;
		padding: 16px 20px 4px 20px;
		text-align: left;
	}	
	.layer2 {
		display: none;
	}




/**********************************************************************************
 * フッター
 **********************************************************************************/
.footerBtn{
	display: none!important;
}




/**********************************************************************************
 * ダッシュボード
 **********************************************************************************/

#container #full-main {
	flex: 1;
	width: 100%;
	overflow: hidden;
	padding: 20px 40px;
	min-height: 800px;
}
.mypagebg {
	background-color: #fcfcfc;
	background-color: #eff0f4;
	min-height: 750px;
}


li {
    list-style: none;
}
.newmaker_mypage {
	/*margin-top: 2em;*/
	margin-bottom: 4em;
}
	.content_wrapper .content {
		/*margin: 0 auto;*/
		margin: 0;
		width: 100%;
		max-width: 100%;
		/*width: 100%;
		max-width: 1200px!important;*/
		/*padding: 0 20px;*/
		/*box-sizing: border-box;*/
	}
	.breadcrumbswrap {
		/*background-color: #333;*/
		flex: 1;
	}
	.breadcrumbs {
		margin: 0 auto;
		width: 100%;
		/*max-width: 1200px!important;*/
		/*padding: 0 20px;*/
		box-sizing: border-box;
		height: 50px;
		/*margin-top: 100px;*/
        display: flex;
        align-items: center;
		color: #fff;
		font-weight: 600;
		font-size: 14px;
	}
	.breadcrumbs a {
		color: #fff;
		font-weight: 600;
		font-size: 14px;
	}
		.breadcrumbs ul {
			padding-left: 0;
			padding: 0;
			margin: 0;
		}
			.breadcrumbs ul li {
				display: inline-block;
			}


/*----------------- トップタイトル ----------------*/
.mypagetop_titlewrap{
	/*margin-top: 20px;*/
	margin-bottom: 14px;
	width: 1080px;
}
	.mypagetop_titlewrap .mypagetop_title{
		font-size: 1.4em;
		font-weight: 600;
		color: #333;
	}




/*----------------- 上段 ----------------*/
.upline_wrap{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 15px;
}
	/*----------------- 上段（左） ----------------*/
	.upline_flexleft{
		display: flex;
		flex-direction: column;
		justify-content:flex-start;
		width: 100%;
		flex: 1;
		min-width: 900px;
	}
		/*----------------- 1段目 ----------------*/
		.firstline_wrap{
			width:100%;
			display: flex;
			flex-direction: row;
			align-items: stretch;
			justify-content: space-between;
			height: 180px
		}
			/*----------------- start ----------------*/
			.topinfo_edit{
				width:160px;
				margin-right: 15px;
				display: flex;
				flex-direction: column;
				align-items: stretch;
				margin-top: 0;
				text-align: left;
				font-size: 1.0em;
				font-weight: 600;
				color: #fff;
				border: 1px solid #dadce0;
				padding: 1em 1em;
				border-radius: 20px;
				box-sizing: border-box;
				background-color: #1a73e8;
				justify-content: center;
				height: 100%;
			}
			.topinfo_edit:hover {
				border: 1px solid #1a73e8;
				background-color: #ffffff;
				color: #1a73e8;
				box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.1);
			}
			.topinfo_edittxte{
				text-align: center;
				font-size: 2.4em;
			}
			.topinfo_edittxt{
				text-align: center;
				font-size: 0.9em;
				margin-top: 0.1em;
			}
			.topinfo_edittxts{
				text-align: center;
				font-size: 0.6em;
				width: 70%;
				margin: 1em auto 0;
			}

			/*----------------- 一行お知らせ ----------------*/
			.topinfo_onemsg{
				width:100%;
				width:670px;
				flex: 1;
				display: flex;
				flex-direction: column;
				align-items: stretch;
				margin-top: 0;
				text-align: left;
				font-size: 1.0em;
				/*color: #cc0000;*/
				border: 1px solid #dadce0;
				padding: 1.4em 1.4em 1em;
				border-radius: 0.5em;
				box-sizing: border-box;
				background-color: #fff;
			}
				.topinfo_onemsg .mypagemsg{
					line-height: 1.6;
					height: 26px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
					.topinfo_onemsg .mypagemsg a{
						position: relative;
					}
					.topinfo_onemsg .mypagemsg a::before{
						content:"・";
						display:inline-block;
						width: 1em;
					}
					.topinfo_onemsg .mypagemsg a:hover{
						text-decoration: underline;
						/*color: #cc0000!important;*/
					}
						.mypageupmsg_midashi {
							color: #1a73e8;
							font-weight: 600;
							padding-right: 1em;
						}

					/*--（下層ページ用） --*/
					.kasouupmsg_wrap{
						width:100%;
						display: inline-block;
						margin-top: 10px;
						margin-bottom: 1em;
						text-align: left;
						font-size: 1.0em;
						color: #1a73e8;
						color: #333;
						border: 2px solid #1a73e8;
						border: 2px solid #333;
						padding: 1em 2em;
						border-radius: 8px;
						box-sizing: border-box;
					}
						.kasouupmsg_midashi {
							color: #333;
							font-weight: 600;
							padding-right: 1em;
						}
					/* 契約期間終了お知らせ */
					.msgRed {
						color: #D40003;
						font-weight: 500;
						font-size: 14px;
						text-align: center;
						/*border: 1px solid #f4d0d0;*/
						background: #fff2f2;
						border-radius: 8px;
						padding: 3px;
						margin: -10px 0 10px 0;
					}

		/*----------------- 2段目 ----------------*/
		.secoundline_wrap{
			width:100%;
			display: flex;
			flex-direction: row;
			align-items: stretch;
			justify-content: space-between;
			margin-top: 15px;
			height: 230px;
		}

			/*----------------- カタログ閲覧 ----------------*/
			.userinfo_catalog {
				position: relative;
				display: flex;
				flex-direction: column;
				align-items: stretch;
				width: 100%;
				/*width: 630px;*/
				flex: 1;
				/*height: 140px;*/
				border: 1px solid #dadce0;
				border-radius: 0.5em;
				/*display: flex;*/
				/*align-items: center;
				text-align: center;*/
				background-color: #fff;
				padding: 1.4em;
				box-sizing: border-box;
				/*box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.10);*/
			}
				/*menuタイトル*/
				.mypagetopmenu_menutitle_l{
					position: relative;
					font-size: 14px;
					font-size: 15px;
					font-weight: 600;
					color: #3c4043;
					/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
					width: 100%;
					/*margin-bottom: 1em;*/
				}
				/*カタログと資料請求*/
				.mypagetopmenu_flexitem_l {
					/*position: relative;
					width: 49%;*/
					/*height: 140px;*/
					/*border: 1px solid #dadce0;
					border-radius: 0.5em;
					margin-bottom: 2%;*/
					display: flex;
					align-items: center;
					text-align: center;
					/*background-color: #f8f9fa;
					padding: 1em;
					box-sizing: border-box;*/
					/*box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.10);*/
				}
					/*内容左右*/
					.mypagetopmenutxt_flexwrap{
						position: relative;
						width:100%;
						display: flex;
						flex-direction: row;
						/*height: 150px;*/
					}
						.mypagetopmenutxt_flexleft{
							position: relative;
							/*text-align: left;
							padding: 0 10px 0 20px;*/
							box-sizing: border-box;
							align-items: center;
							display: flex;
							flex-direction: column;
							width: 160px;
							justify-content: center;
							margin-right: 1.5em;
						}
							/*件数表示情報*/
							.mypagetopmenu_menuinfo{
								position: relative;
								font-size: 1.0em;
								font-weight: 600;
								color: #3c4043;
								/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
								border: 10px solid #1a73e8;
								border-radius: 50%;
								height: 100px;
								width: 100px;
								display: flex;
								align-items: center;
								margin-top: 20px;
							}
								.mypagetopmenu_menuinfo.noNew {
									border: 10px solid #979ba7;
								}	
								.mypagetopmenu_menu_number.noNew {
									color: #979ba7;
								}

								.mypagetopmenu_menu_numberwrap{
									position: relative;
									width: 100%;
								}
									.mypagetopmenu_menu_numbertitle{
										position: relative;
										font-size: 0.8em;
										font-weight: 600;
										color: #3c4043;
										/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
										width: 100%;
									}
									.userinfo_catalog .mypagetopmenu_menu_numbertitle{
										padding-bottom: 4px;
										border-bottom: 1px solid #3c4043;
										margin: 0 auto;
										width: 70%;
									}
									.mypagetopmenu_menu_number{
										position: relative;
										font-size: 1.4em;
										font-size: 36px;
										font-weight: 600;
										line-height: 1.2;
										color: #1a73e8;
										/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
										width: 100%;
									}

									/*.mypagetopmenu_menu_number{
										position: relative;
										font-size: 1.2em;
										font-weight: 600;
										color: #d10003;
										font-family: 'M PLUS Rounded 1c', sans-serif;
										width: 100%;
									}*/
						.mypagetopmenutxt_flexright{
							position: relative;
							flex: 1;
							box-sizing: border-box;
							text-align: left;
							font-size: 12px;
							margin-top: 0.5em;
						}
							.mypagetopmenutxt_flexright ul{
								width: 100%;
								margin-left: 0;
								padding-left: 0;
							}
								.mypagetopmenutxt_flexright ul li{
									border-bottom: 1px dotted #ccc;
									padding: 4px 0;
								}
									.mypagetopmenutxt_date{
										font-size: 12px;
										font-weight: 600;
									}
									.mypagetopmenutxt_catalog{
										font-size: 12px;
										font-weight: 500;
										overflow: hidden;
										text-overflow: ellipsis;
										white-space: nowrap;
										width: 423px;
									}
				.mypagetopmenutxt_linkarrow {
					box-sizing: border-box;
					z-index: 9;
					pointer-events: auto;
					text-align: right;
					font-size: 14px;
					/*margin-top: 2px;*/
					position: absolute;
					bottom: 1.3em;
					right: 1.5em;
				}
					.mypagetopmenutxt_linkarrow a{
						/*position: absolute;*/
						/*top: 0;
						left: 0;
						width: 100%;
						height: 160px;*/
						box-sizing: border-box;
						z-index: 9;
						pointer-events: auto;
						text-align: right;
						font-size: 12px;
					}




			/*----------------- 資料請求 ----------------*/
			.userinfo_syryo {
				position: relative;
				display: flex;
				flex-direction: column;
				align-items: stretch;
				width: 180px;
				margin-left: 15px;
				/*height: 140px;*/
				border: 1px solid #dadce0;
				border-radius: 0.5em;
				/*display: flex;*/
				/*align-items: center;
				text-align: center;*/
				background-color: #fff;
				padding: 1.4em 1.4em 1.0em;
				box-sizing: border-box;
				/*box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.10);*/
			}
				.userinfo_syryo .mypagetopmenu_menutitle_l {
					text-align: center;
				}
				.userinfo_syryomail {
					width: 100%;
					font-size: 12px;
					margin-top: 4px;
				}
				.userinfo_syryonumber {
					width: 100%;
					text-align: center;
					height: 150px;
					display: flex;
					align-items: center;
					justify-content: center;
				}
					.userinfo_syryonumber .mypagetopmenu_menu_numbertitle {
						/*font-size: 14px;*/
						padding-bottom: 4px;
						border-bottom: 1px solid #3c4043;
						margin: 0 auto;
						width: 60px;
					}
					.userinfo_syryonumber .mypagetopmenu_menu_number {
						/*margin-top: 2px;*/
						font-size: 32px;
					}

	/*----------------- 上段（右） ----------------*/
	.upline_flexright{
		display: flex;
		flex-direction: column;
		justify-content:flex-start;
		width: 278px;
		margin-left: 15px;
	}

			/*----------------- 契約情報 ----------------*/
			.contract_info{
				width:100%;
				display: flex;
				flex-direction: column;
				align-items: stretch;
				margin-top: 0;
				text-align: left;
				font-size: 1.0em;
				font-weight: 600;
				border: 1px solid #dadce0;
				padding: 1em 1em;
				border-radius: 0.5em;
				box-sizing: border-box;
				background-color: #fff;
				justify-content: center;
				height: 100px;
			}
				.contract_infotxt{
					text-align: center;
					font-size: 14px;
				}
				.contract_infotxts{
					text-align: center;
					font-size: 14px;
					margin-top: 4px;
				}
				.keiyaku_alert {
					font-size: 0.8em;
					text-align: center;
					color: #D40003;
				}
				.count_flexwrap.date span {
					font-weight: bold;
				}
				.count_flexwrap.date span.keiyakuRed {
					color: #D40003;
				}
				.count_flexwrap.date span.keiyaku {
					color: #525252;
				}



			/*----------------- 掲載情報 ----------------*/
			.contractsBox {
				width: 278px;
				display: flex;
				flex-direction: column;
				align-items: stretch;
				margin-top: 15px;
				border: 1px solid #dadce0;
				padding: 1.4em;
				border-radius: 0.5em;
				box-sizing: border-box;
				background-color: #fff;
				/*justify-content: center;*/
				height: 310px;
			}
				.contractsBox .count_flexwrap {
					padding: 0px;
					margin-top: 20px;
					font-size: 0.9em;
					line-height: 1.8em;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
				}
					.contractsBox .count_flexleft {
						width: 90px;
						margin-right: 30px;
					}
						.count_flexleftimg{
							width: 100%;
							height: auto;
						}
							.count_flexleftimg img{
								width: 100%;
								height: 100%;
								object-fit: cover;
							}
					.contractsBox .count_flexright {
						width: 100%;
						flex: 1;
					}
						.contractsBox .count_flexwrap .count_flexright span {
							font-weight: bold;
						}
							.contractsBox .count_flexwrap .count_flexright_title {
								font-size: 0.7em;
								line-height: 1.4;
								/*font-weight: normal;*/
								background-color: #333;
								color: #ffffff;
								padding: 2px 10px;
								display: inline-block;
								border-radius: 10px;
							}
							.contractsBox .count_flexwrap .count_flexright_item {
								font-size: 0.7em;
								line-height: 1.2;
								/*font-weight: normal;*/
								padding: 4px 0 2px;
								border-bottom: 1px dotted #333;
								display: flex;
								flex-direction: row;
								justify-content: space-between;
							}
								.contractsBox .count_flexwrap .count_flexright_item .count_flexright_prdleft {
									width: 60%;
									display: flex;
									align-items: flex-end;
									font-weight: 600;
								}
								.contractsBox .count_flexwrap .count_flexright_item .count_flexright_prdright {
									width: 30%;
									text-align: right;
									font-size: 1.4em;
									font-weight: 600;
									color: #1a73e8;
									display: flex;
									align-items: flex-end;
									justify-content: flex-end;
								}
							.contractsBox .count_flexwrap .count_flexright_cate {
								font-size: 0.8em;
								font-weight: normal;
								padding: 2px 8px;
							}

			.inq {
				width: 100%;
				display: block;
				padding-top: 120px;
				margin-top: -120px;
				visibility: hidden;
			}


/*----------------- 下段 ----------------*/
.downline_flexwrap{
	width:100%;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	margin-bottom: 15px;
}
	.downline_flexleft{
		width: 100%;
		flex: 1;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: wrap;
		min-width: 900px;
	}

		/*----------------- 3つ枠 ----------------*/
		.downline_flexitem{
			display: flex;
			flex-direction: column;
			justify-content:flex-start;
			width: 100%;
			background-color: #fff;
			padding: 1.4em;
			box-sizing: border-box;
			border: 1px solid #dadce0;
			border-radius: 0.5em;
		}
		.downline_flexleft .downline_flexitem:nth-of-type(1){
			flex: 1;
		}
		.downline_flexleft .downline_flexitem:nth-of-type(2){
			width: 320px;
			margin-left: 15px;
		}
		/*.downline_flexleft .downline_flexitem:nth-of-type(3){
			margin-top: 15px;
		}*/

			.form_title {
				font-size: 14px;
				font-weight: 600;
				margin-bottom: 0;
				padding: 0 0 16px 0;
			}
			.form_title_first {
				margin-top: 0!important;
			}

			/*----------------- 事務局へメッセージ ----------------*/
			.newmaker_mypage .columns2 {
				/*font-size: 14px!important;*/
			}	
			.newmaker_mypage .columns2 .column input[type="submit"] {
				margin-left: 5px;
				/*background: #1a73e8!important;
				border: 1px solid #1a73e8!important;
				color: #fff;
				font-weight: 600;*/
			}	
			  .maker_mypage .maker_inquiry .maker_inquiry_content [type="text"],
			  .maker_mypage .maker_inquiry .maker_inquiry_content [type="email"],
			  .maker_mypage .maker_inquiry .maker_inquiry_content textarea {
				width: 100%;
				border: 1px solid #aaaaaa!important;
			  }
				.maker_inquiry_content input::placeholder {
					color: #ccc;
					font-size: 14px;
				}
				.maker_inquiry_content textarea::placeholder {
					color: #ccc;
					font-size: 14px;
				}

				.newmaker_mypage .maker_inquiry_title {
					font-size: 14px;
				}	
				.newmaker_mypage .maker_inquiry_content input,
				.newmaker_mypage .maker_inquiry_title input,
				.newmaker_mypage .maker_inquiry_content textarea {
					padding: 0.2em 0.4em;
					box-sizing:border-box;
					margin-bottom: 8px;
					border: 1px solid #aaaaaa!important;
					width: 100%;
				}	
				.newmaker_mypage .maker_inquiry_content input,
				.newmaker_mypage .maker_inquiry_title input {
					height: 40px;
					border-radius: 6px;
				}	
				.newmaker_mypage .maker_inquiry_content textarea {
					height: 160px;
					border-radius: 6px;
				}	
			.maker_inquiry_buttonwrap{
				text-align: center;
			}
			.filestyles{
				display: flex;
				border-bottom: none!important;
				margin-bottom: 0px!important;
			}
				.filestyles_left{
					flex: 1;
				}
				.filestyles_right{
					display: inline-block;
				}

			/*----------------- マニュアル ----------------*/
			.mypageconmanu_flexwrap{
				position: relative;
				width:100%;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
			}
				.mypageinfo_flexleft_item{
					position: relative;
					width: 100%;
					height: 34px;
					border-bottom: 1px dotted #ccc;
					margin-top: 0.2em;
					display: flex;
					align-items: center;
					text-align: center;
					background-color: #fff;
					box-sizing: border-box;
					justify-content: center;
					font-size: 14px;
				}
				.mypageinfo_flexleft_item a{
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 34px;
					box-sizing: border-box;
					z-index: 9;
					pointer-events: auto;
				}
					.mypageinfo_flexleft_itemleft{
						position: relative;
						width:100%;
						flex: 1;
						text-align: left;
					}
						.mypageinfo_txt{
							position: relative;
							font-size: 14px;
							font-weight: 500;
							color: #3c4043;
							width: 232px;
						}
					.mypageinfo_flexleft_itemright{
						position: relative;
						width: 40px;
						text-align: right;
					}
						.mypageinfo_arrowicon{
							height: 14px;
						}
							.mypageinfo_arrowicon img{
								width: auto;
								height: 100%;
								object-fit: cover;
							}


	.downline_flexright{
		display: flex;
		flex-direction: column;
		justify-content:flex-start;
		width: 278px;
		margin-left: 15px;
		background-color: #fff;
		padding: 1.4em;
		box-sizing: border-box;
		border: 1px solid #dadce0;
		border-radius: 0.5em;
	}

		/*----------------- 建材ナビ更新ニュース ----------------*/
		.newmaker_mypage #mypage-info {
			height: inherit!important;
		}
			.newmaker_mypage #mypage-info ul  {
				margin: 1em 0;
				padding: 0;
			}
				.newmaker_mypage #mypage-info ul li {
					font-size: 0.8em;
					line-height: 1.6;
					margin-top: 1.4em;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 4;
					max-height: 85px;
					overflow: hidden;
					border-top: 1px solid #ccc;
					padding-top: 1.4em;
				}
				.newmaker_mypage #mypage-info ul li:nth-child(1) {
					border-top: 0;
					padding-top: 0.5em;
				}
				.newmaker_mypage #mypage-info ul li div {
					font-size: 12px;
					font-weight: 600;
					line-height: 1.4;
				}






/*----------------- メディアパートナー ----------------*/
.media_wrap{
	width: 100%;
	background-color: #fff;
	padding: 1.4em;
	box-sizing: border-box;
	border: 1px solid #dadce0;
	border-radius: 0.5em;
	min-width: 1194px;
}
	.media_flexwrap{
		display: flex;
		justify-content:flex-start;
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
	}
		.media_flexitem{
			width: 49%;
			margin-right: 20px;
			margin-bottom: 20px;
		}
		.media_flexitem:nth-child(2n){
			margin-right: 0;
		}
			.media_flexitem img{
				width: 100%;
			}



/*.mypagetop_mediawrap{
	margin-top: 20px;
	margin-bottom: 14px;
}
	.mypagetop_mediawrap .mypagetop_media{
		font-size: 1.4em;
		font-weight: 600;
		color: #333;
	}

.mypagetop_prbanner {
	margin-top: 20px;
	background-color: #fff;
	padding: 1.4em;
	box-sizing: border-box;
	border: 1px solid #dadce0;
	border-radius: 0.5em;
}	
	.mypagetop_prbanner p {
		padding: 0;
		margin: 0;
	}	
	.mypagetop_prbanner img {
		width: 100%;
	}	*/








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

				/*.mypageinfo_flexright{
					position: relative;
					width: 38%;
				}
					.mypageinfo_flexright_wrap{
						width: 100%;
						margin-top: 0.8em;
						font-size: 0.8em;
					}
						.mypageinfo_flexright_wrap p {
							width: 100%;
							margin: 2px 0 0;
							padding-left: 1em;
							text-indent: -1em;
						}*/


				/*.mypageconmanu_flexleft{
					width: 49%;
					background-color: #fff;
					padding: 1.4em;
					box-sizing: border-box;
					border: 1px solid #dadce0;
					border-radius: 0.5em;
				}

				.mypageconmanu_flexright{
					width: 49%;
					background-color: #fff;
					padding: 1.4em;
					box-sizing: border-box;
					border: 1px solid #dadce0;
					border-radius: 0.5em;
				}*/



			/*.mypageinfo_flexwrap{
				position: relative;
				width:100%;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
			}
				.mypageinfo_flexleft{
					position: relative;
					width:60%;
				}*/
					/*.mypageinfo_flexleft_title{
						position: relative;
						font-size: 1.0em;
						font-weight: 600;
						color: #3c4043;
						width: 100%;
						border-bottom: 1px solid #333;
						margin-bottom: 0.8em;
						padding-bottom: 0.2em;
					}*/


					/*----- 掲載ページを編集 -----*/
						/*.mypagetopmenu_flexitem {
							position: relative;
							width: 49%;
							height: 140px;
							border: 1px solid #dadce0;
							border-radius: 0.5em;
							margin-bottom: 2%;
							display: flex;
							justify-content: center;
							flex-direction: column;
							align-items: center;
							text-align: center;
							background-color: #f8f9fa;
							padding: 1em;
							box-sizing: border-box;
						}
							.mypagetopmenu_flexitem a{
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 140px;
								box-sizing: border-box;
								z-index: 9;
								pointer-events: auto;
							}
									.mypagetopmenu_menuicon{
										height: 60px;
									}
									.mypagetopmenu_menuicon i{
										font-size: 3.5em;
										font-weight: 300!important;
										color: #4c4c4c;
									}
										.mypagetopmenu_menuicon img{
											width: 100%;
											height: 100%;
											object-fit: cover;
										}
									.mypagetopmenu_menutitle{
										margin-top: 0.2em;
										position: relative;
										font-size: 1.0em;
										font-weight: 600;
										color: #3c4043;
										width: 100%;
									}*/

			/*----------------- メインメニュー ----------------*/
			/*.mypagetop_flexwrap{
				position: relative;
				width:100%;
				display: flex;
				flex-direction: column;
			}
				.mypagetop_flexleft{
					position: relative;
					flex: 1;
					text-align: left;
				}
				.mypagetop_flexright{
					position: relative;
					width: 100%;
					margin-left: 0;
				}
*/





/**********************************************************************************
 * 右サイド
 **********************************************************************************/



/*タイトルバー*/
/*.form_title_right {
	margin-bottom: 20px;
	padding: 8px 20px;
	font-size: 0.9em;
	font-weight: 600;
}

	.mypagetop_manual{
		background-color: #fff;
		padding: 1.4em;
		box-sizing: border-box;
		border: 1px solid #dadce0;
		border-radius: 0.5em;
	}*/
		/*マニュアル*/
		/*.mypagemanu_flexwrap{
			position: relative;
			width:100%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
		}
			.mypagemanu_flexwrap::before{
				content:"";
				display:block;
				width: 32%;
				height:0;
				order:1;
			}
			.mypagemanu_flexwrap::after{
				content:"";
				display:block;
				width: 32%;
				height:0;
			}
			.mypagemanu_flexitem{
				position: relative;
				width: 32%;
			}
				.mypagemanu_flexitem a{
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					box-sizing: border-box;
					z-index: 9;
					pointer-events: auto;
				}
				.mypagemanu_flexitem img{
					width: 100%;
					height: auto;
				}
				.mypagemanu_title{
					margin-top: 0.2em;
					position: relative;
					font-size: 0.7em;
					width: 100%;
				}


	.mypagetop_information{
		margin-top: 20px;
		background-color: #fff;
		padding: 1.4em;
		box-sizing: border-box;
		border: 1px solid #dadce0;
		border-radius: 0.5em;
	}*/

		/*----------------- はじめにお読みください ----------------*/
		/*.mypagefirst_flexwrap{
			position: relative;
			width:100%;
			display: flex;
			flex-direction: row;
			justify-content: center;
			margin-bottom: 2em;
			text-align: center;
			font-size: 1.0em;
			padding: 1.4em 1.4em;
			border-radius: 8px;
			box-sizing: border-box;
			background-color: #1a73e8;
		}
		.mypagefirst_flexwrap a{
			position: absolute;
			width:100%;
			height: 100%;
			top: 0;
			left: 0;
		}
			.mypagefirst_flexleft{
				position: relative;
				width: 70px;
				text-align: left;
				margin-right: 20px;
				display: flex;
			}
				.mypagefirst_icon{
					color: #fff;
					display: flex;
					align-items: center;
					font-size: 4em;
				}
			.mypagefirst_flexright{
				position: relative;
				text-align: left;
			}
				.mypagefirst_stxt{
					color: #fff;
					font-weight: 600;
					font-size: 0.8em;
					padding-bottom: 0.5em;
					text-decoration: underline;
				}
				.mypagefirst_txt{
					color: #fff;
					font-weight: 600;
				}

			.mypagefirst_txt a{
			}
			.mypagefirst_txt a:hover{
				text-decoration: underline;
			}
			*/



/**********************************************************************************
 * 掲載情報編集 スタートページ
**********************************************************************************/
	.startBoxWrap {
		display: flex;
		justify-content: space-between;
	}
	.startBox {
		border-radius: 8px;
		margin: 0 0px 20px 0;
	}
	.startBox a {
		display: block;
		text-align: center;
		background: #ffffff;
		padding: 40px 20px;
		border-radius: 8px;
		color: #000 !important;
	}
	.startBox a:hover {
		background: #1a73e8;
		color: #ffffff !important;
		box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.1);
	}
	.startBoxWrap .left {
		width: 350px;
	}
	.startBoxWrap .right {
		width: calc(100% - 370px);
	}
	.startBoxWrap .right .flex{
		display: flex;
		justify-content:space-between;		
		flex-wrap: wrap;
	}
	.startBoxWrap .right .startBox {
		width: calc(50% - 10px);
		margin: 0 0px 20px 0;
	}
	.startBox .bx {
		font-size: 60px;
	}
	.boxTitle {
		font-weight: 600;
		margin: 0 0 5px 0;
	}
	.boxTxt {
		font-size: 12px;
		margin: 0;
	}
	.startSubTitle {
		font-weight: 600;
		font-size: 16px;
	}
	.startBoxFlex {
		display: flex !important;
		align-items: center;
	}
	.startBoxFlex a {
		text-align: center;
	}
	.startBoxFlex div {
		display: block;
		text-align: center;
		width: 100%;
	}
	.srLists {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.srli {
		width: calc(20% - 15px);
	}
	.srli p {
		margin: 0; 
		padding: 0;
	}
	.srImage {
		background: #ffffff;
		margin: 0 0 5px 0 !important;
		overflow: hidden;
	}
	.imgThumb {
		overflow: hidden;
		padding-top: 67%;
		position: relative;
		border: 1px solid #dddddd;
	}
	.imgThumb img {
		left: 50%;
		position: absolute;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		top: 50%;
		min-width: 100%;
		width: 100%;
	}
	.sr-name {
		font-size: 14px;
		font-weight: 500;
		height: 2.5em;
	}
	.sr-menu {
		padding: 0;
		margin: 5px 0 0 0;
		display: flex;
		justify-content: space-between;
	}
	.sr-menu li {
		font-size: 10px;
		margin: 0 0 5px 0;
		width: 32%;
	}
	.sr-menu li a {
		display: block;
		background-color: #333;
		color: #ffffff;
		text-align: center;
		padding: 4px 0;
		border-radius: 8px;
	}
/***********************************************************************************/

@media print, screen and (min-width: 768px) {
	
	  .content_wrapper .content {
		/*margin: 0 auto;*/
		/*width: 1200px;
		max-width: 1200px!important;*/
		/*padding: 0 20px;*/
		/*box-sizing: border-box;*/
	  }
	.breadcrumbs {
		margin: 0 auto;
		/*width: 1200px;
		max-width: 1200px!important;
		padding: 0 20px;*/
		box-sizing: border-box;
		/*margin-top: 100px;*/
        display: flex;
        align-items: center;
	}
		.breadcrumbs ul {
			padding-left: 0;
			padding: 0;
			margin: 0;
		}
			.breadcrumbs ul li {
				display: inline-block;
			}
			.mypagetop_flexwrap{
				position: relative;
				width:100%;
				display: flex;
				flex-direction: row;
			}
				.mypagetop_flexleft{
					position: relative;
					flex: 1;
					text-align: left;
				}
				.mypagetop_flexright{
					position: relative;
					width: 300px;
					margin-left: 40px;
				}

				.userinfo_flexwrap{
					position: relative;
					width:100%;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-between;
				}
	
				/*メインメニュー大*/
					.mypagetopmenu_flexitem_l{
						/*position: relative;
						width: 49%;*/
						/*height: 160px;*/
						/*border: 1px solid #dadce0;
						border-radius: 0.5em;
						margin-bottom: 2%;*/
						display: flex;
						align-items: center;
						text-align: center;
						/*background-color: #fff;*/
					}
						.userinfo_catalog a{
							/*position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 160px;*/
							box-sizing: border-box;
							z-index: 9;
							pointer-events: auto;
						}
	
	
				/*メインメニュー中*/
					.userinfo_flexwrap::before{
						content:"";
						display:block;
						width: 32%;
						height:0;
						order:1;
					}
					.userinfo_flexwrap::after{
						content:"";
						display:block;
						width: 32%;
						height:0;
					}		
					.mypagetopmenu_flexitem{
						position: relative;
						width: 32%;
						height: 140px;
						border: 1px solid #dadce0;
						border-radius: 0.5em;
						margin-bottom: 2%;
						display: flex;
						align-items: center;
						text-align: center;
						background-color: #fff;
					}
						.mypagetopmenu_flexitem a{
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 140px;
							box-sizing: border-box;
							z-index: 9;
							pointer-events: auto;
						}

	
				.boxarea_wrap01::before{
					width: 49%;
				}
				.boxarea_wrap01::after{
					width: 49%;
				}
					.boxarea_wrap01 .mypagetopmenu_flexitem{
						width: 49%;
					}
	
				.boxarea_wrap02::before{
					width: 32%;
				}
				.boxarea_wrap02::after{
					width: 32%;
				}
					.boxarea_wrap02 .mypagetopmenu_flexitem{
						width: 32%;
					}

	
	
	
	
}	
	
  /*****************************************
   * 製品リスト(カテゴリ、メーカー詳細)
   *****************************************/
 /* .products_wrapper .products .product_wrapper .product .product_infos .product_urls .product_agency_link_wrapper .product_agency_link {
    font-size: 13px;
    line-height: 1.6;
  }    */

	




/**********************************************************************************
 *
 * 下層ページ共通
 *
 **********************************************************************************/

/*タイトルバー*/
.title_underlayer_wrap {
	margin-top: 2em;
	margin-bottom: 20px;
	padding: 8px 0;
	border-bottom: 1px solid #000;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
	.title_underlayer_left {
		flex: 1;
		width: 100%;
	}
	.title_underlayer_right {
		/*width: 300px;*/
	}
		.title_underlayer {
			font-size: 1.8em;
			font-weight: 600;
			display: flex;
			align-items: center;
		}

.tooltip{
	margin-left: 10px;
	padding: 2px 10px;
	border: 1px solid #1a73e8;
	border-radius: 5px;
	font-size: 12px;
	display: inline-block;
	background-color: #1a73e8;
	color: #fff;
	position: relative;
	cursor: pointer;
	z-index: 1;
}
	/* ツールチップのテキスト */
	.tooltip_text {
		opacity: 0; /* はじめは隠しておく */
		visibility: hidden; /* はじめは隠しておく */
		position: absolute; /* 絶対配置 */
		left: 60px; /* 親に対して中央配置 */
		/*transform: translateX(10px);*/ /* 親に対して中央配置 */
		top: -20px; /* 親要素下からの位置 */
		display: inline-block;
		padding: 10px; /* 余白 */
		white-space: nowrap; /* テキストを折り返さない */
		font-size: 0.8rem; /* フォントサイズ */
		line-height: 1.4; /* 行間 */
		background: rgba(51,51,51,0.80); /* 背景色 */
		color: #fff; /* 文字色 */
		border-radius: 3px; /* 角丸 */
		transition: 0.3s ease-in; /* アニメーション */
	}

	.tooltip:hover {
		background-color: #338AFF;
		border: 1px solid #338AFF;
	}
	/* ホバー時にツールチップの非表示を解除 */
	.tooltip:hover .tooltip_text {
		opacity: 1;
		visibility: visible;
	}




/*タイトル下説明文*/
.maker_mypage_description {
    font-size: 14px;
    line-height: 20px;
	margin-bottom: 2em;
}

.maker_mypage .logs_wrapper .logs_calendar {
	width: 130px;
	margin-right: 40px;
}
	.maker_mypage .logs_wrapper .logs_calendar .accordion {
		width: 100%;
	}
.maker_mypage .logs_wrapper .logs {
	width: 100%;
	flex: 1;
}

/*サブタイトルバー*/
.subtitle_underlayer_wrap {
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0.8em 1em;
	box-sizing: border-box;
	background-color: #dbdbdb;
	background-color: #333;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-radius: 6px;
	color: #fff;
}
	.subtitle_underlayer_left {
		flex: 1;
		width: 100%;
	}
	.subtitle_underlayer_right {
		/*width: 300px;*/
	}
		.subtitle_underlayer {
			font-size: 1.2em;
			font-weight: 600;
		}
			.log_csvbuttontitle{
				padding-right: 0.5em;
				font-weight: 600;
			}
			.log_csvbutton .button, .log_csvbutton a.button{
				padding: 8px 20px;
			}


/*ページャー*/
.pager .number {
    margin-right: 10px;
    border-radius: 50%;
    display: block;
    width: 36px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    background-color: #333;
}
.pager .current {
    background-color: transparent;
    border: 1px solid #333;
}


.buttonupmsg_wrap{
	width:100%;
	display: inline-block;
	/*margin-top: 10px;
	margin-bottom: 1em;*/
	text-align: center;
	font-size: 1.0em;
	color: #1a73e8;
	color: #333;
	padding: 1em 2em;
	border-radius: 8px;
	box-sizing: border-box;
}
	.buttonupmsg {
		color: #333;
		font-weight: 600;
		padding-right: 1em;
	}



/**********************************************************************************
 *
 * 資料請求の確認
 *
 **********************************************************************************/

#requests {
}

	/*上部ボタン等*/
	#requests .button_red,
	#requests button.button_red,
	#requests a.button_red {
	  border: none;
	  color: #ffffff;
	  background-color: #d10003;
	}
	#requests .button_red:hover,
	#requests button.button_red:hover,
	#requests a.button_red:hover {
	  color: #ffffff;
	  background-color: #8F0508;
	}

	#requests .button_blue,
	#requests button.button_blue,
	#requests a.button_blue {
	  border: 1px solid #1a73e8;
	  color: #ffffff;
	  background-color: #1a73e8;
		font-weight: 600;
		font-size: 14px;
	}
	#requests .button_blue:hover,
	#requests button.button_blue:hover,
	#requests a.button_blue:hover {
	  border: 1px solid #1a73e8;
	  color: #1a73e8;
	  background-color: #ffffff;
	}




	/*資料請求内容*/
	.requests_wrapper {
		width: 100%;
	}
		.requests_wrapperitem {
			/*margin-top: 1.4em;*/
		}
			.requests_date {
				color: #999;
				/*margin-left: 1em;*/
				font-size: 12px;
				line-height: 1.2;
				/*padding-left: 1em;*/
				margin-top: 0.5em;
			}
			.requests_wrapperitemmain {
				width: 100%;
				background-color: #fff;
				/*padding: 1.0em 1.4em;*/
				box-sizing: border-box;
				/*margin-top: 0.1em;*/
				/*margin-bottom: 1em;*/
				/*border-radius: 10px;
				box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.20);*/
				border-bottom: 1px solid #ececec;
				border-bottom: 1px solid #dbdbdb;
				padding: 2% 2%;
			}
				.requests_wrapperitemmindex{
					line-height: 1.2;
				}

				.requests_orderflexno {
					width: 6%;
				}
					.requests_no {
						color: #999;
						/*padding-left: 0.4em;*/
						font-size: 12px;
						/*float: left;*/
						margin-top: 0.5em;
						line-height: 1.0;
					}
					.requests_mark {
						color: #333;
						position: relative;
					}
					.requests_reasondate {
						margin-top: 0.2em;
						font-size: 0.8em;
						color: #333;
					}

				.requests_orderflexleft {
					width: 45%;
					padding-left: 2%;
					/*border-left: 1px dotted #ccc;*/
					box-sizing: border-box;
				}
						.requests_new {
							position: absolute;
							/*background-color: #d10003;
							border-radius: 50%;*/
							color: #1a73e8;
							font-size: 12px;
							font-weight: 600;
							/*padding: 4px 2px;*/
							/*left: -60.0px;*/
							top: 80px;
							width: 30px;
							/*height: 6px;
							width: 6px;*/
						}
					.requests_orders {
						color: #fff;
						font-weight: 600;
						background-color: #333;
						display: inline-block;
						border-radius: 5px;
						padding: 2px 10px;
						font-size: 12px;
					}
					.requests_orderflexwrap {
						/*margin-top: 0.2em;*/
						width: 100%;
						display: flex;
						flex-direction: row;
						justify-content: space-between;
					}

					.requests_product {
						margin-top: 0.2em;
						font-size: 1.0em;
						font-weight: 600;
					}
					.requests_bikouflexwrap {
						margin-top: 1.0em;
						display: flex;
						flex-direction: row;
						justify-content: space-between;
					}
						.requests_bikouflexleft {
							/*width: 70px;*/
							margin-top: -4px;
						}
							.requests_bikoutitle {
								padding: 0.2em 1.8em;
								background-color: #ededed;
								font-size: 10px;
								display: inline-block;
								border-radius: 8px;
							}
						.requests_bikouflexright {
							width: 100%;
							flex: 1;
							text-align: left;
						}
							.requests_bikou {
								color: #333;
								font-size: 10px;
								padding-left: 0.5em;
							}
					.requests_memoflexwrap {
						margin-top: 0.4em;
						display: flex;
						flex-direction: row;
						/*justify-content: space-between;*/
						border: 1px solid #ededed;
						border-radius: 4px;
						padding: 6px;
					}
						.requests_memoflexleft {
							/*width: 70px;
							margin-top: -4px;*/
							margin-right: 12px;
						}
							.requests_memotitle {
								/*padding: 2px 0;*/
								/*background-color: #ededed;*/
								font-size: 10px;
								/*display: inline-block;*/
								border-radius: 8px;
							}
						.requests_memoflexright {
							width: 100%;
							flex: 1;
							text-align: left;
							font-size: 12px;
						}
							.requests_memo {
								color: #333;
								font-size: 0.9em;
								padding-left: 0.5em;
							}


				.requests_orderflexright {
					width: 45%;
					/*padding: 1em;
					background-color: #ededed;
					border-radius: 8px;*/
					padding-left: 2%;
					/*border-left: 1px dotted #ccc;*/
					box-sizing: border-box;
				}
					.requests_jobkind {
						/*padding: 0.2em 0.8em;
						background-color: #464646;*/
						font-size: 10px;
						line-height: 1.2;
						/*color: #fff;*/
						display: inline-block;
						border-radius: 4px;
					}
					.requests_companyname {
						/*margin-top: 0.2em;*/
						font-size: 1.0em;
						font-weight: 600;
					}
					.requests_adress {
						/*margin-top: 0.4em;*/
						color: #333;
						font-size: 14px;
					}
					.requests_phonefax {
						color: #333;
						font-size: 0.9em;
					}
						.requests_phone {
							margin-right: 0.5em;
						}
					.requests_username {
						margin-top: 0.8em;
						font-size: 14px;
					}
					.requests_mail {
						/*margin-top: 0.1em;*/
						color: #333;
						font-size: 0.8em;
					}

/*　new 既読未読切り替え　*/
.requests_mark .button_kenzai_blue,
.requests_mark button.button_kenzai_blue,
.requests_mark a.button_kenzai_blue {
  border: 0px solid #1a73e8;
  color: #ffffff;
  background-color: #1a73e8;
  width: 60px;
}
	.requests_mark .button_kenzai_blue:hover,
	.requests_mark button.button_kenzai_blue:hover,
	.requests_mark a.button_kenzai_blue:hover {
	  color: #ffffff;
	  background-color: #1865C9;
	}

.requests_mark .button_kenzai_blue.active,
.requests_mark button.button_kenzai_blue.active,
.requests_mark a.button_kenzai_blue.active {
  border: 0px solid #1a73e8;
  color: #ffffff;
  background-color: #cccccc;
  width: 60px;
}
	.requests_mark .button_kenzai_blue.active:hover,
	.requests_mark button.button_kenzai_blue.active:hover,
	.requests_mark a.button_kenzai_blue.active:hover {
	  color: #ffffff;
	  background-color: #B5B5B5;
	}





/*　テキスト切り替え　*/
.switch_text {
    display: inline-block;
    position: relative;
    color: #000;
    transition: 0.5s;
}
.switch_text::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: transparent;
    text-align: center;
    text-decoration: underline;
    white-space: nowrap;
    transition: 0.5s;
    content: attr(data-hover-text);
}
.switch_text:hover {
    color: transparent;
}
.switch_text:hover::before {
    color: #000;
	background-color: #FFFFFF;
	text-decoration: none;
}

	/*.requestProduct table.table th {
		background-color: #676767;
		color: #fff;
		font-weight: 500;
	}

	#requests .separate {
		margin-top: 1em;
		border-top: 20px #eaeaea solid;
	}

	#requests table tr{
		background-color: #fff;
	}
	#requests table.table-striped6 tr:nth-child(12n + 7), table.table-striped6 tr:nth-child(12n + 8), table.table-striped6 tr:nth-child(12n + 9), table.table-striped6 tr:nth-child(12n + 10), table.table-striped6 tr:nth-child(12n + 11), table.table-striped6 tr:nth-child(12n + 12) {
	  background-color: #fff;
	}*/



/*table.table {
	border-collapse: collapse;
	border-left: 0; 
	border-top: 0; 
}
			#requests th.phone {
				min-width: inherit;
			}
			#requests td .phone {
				min-width: inherit;
				text-align: left;
				padding-right: 1em;
			}
			#requests .reqcomment {
				min-height: 2em;
			}*/



/**********************************************************************************
 *
 * カタログ閲覧者
 *
 **********************************************************************************/

#viewlogs {
}

	/*上部ボタン等*/
	#viewlogs .button_blue,
	#viewlogs button.button_blue,
	#viewlogs a.button_blue {
		border: 1px solid #1a73e8;
		color: #ffffff;
		background-color: #1a73e8;
		font-size: 14px;
	}
	#viewlogs .button_blue:hover,
	#viewlogs button.button_blue:hover,
	#viewlogs a.button_blue:hover {
	  color: #1a73e8;
	  background-color: #ffffff;
	}


	/*アコーディオン*/
    #viewlogs .accordion p.year {
        background: #dbdbdb;
		border-bottom: none; 
		margin-bottom: 0.4em;
        border-radius: 6px;
        font-size: 0.8em;
        text-align: left;
        padding: 0.6em 1em;
    }
		#viewlogs .accomonth_flexwrap {
			display: flex;
			width: 100%;
			justify-content: space-between;
			border-bottom: 1px dotted #ccc;
			padding: 0 1em;
			box-sizing: border-box;
		}
			#viewlogs .accomonth_flexleft {
				width: 100%;
				flex: 1;
				text-align: left;
			}
			#viewlogs .accomonth_flexright {
				width: 30%;
				text-align: right;
			}

				.accordion .inner li span {
					display: inline-block;
					background-color: #1a73e8;
					color: #FFFFFF;
					font-size: 10px;
					font-weight: 500; 
					text-align: center;
					padding-left: 5px;
					padding-right: 5px;
					line-height: 1.6em;
					border-radius: 100px;
				}


	/*カタログ閲覧者内容*/
	.viewlogs_wrapperitem {
		width: 100%;
		/*background-color: #fff;
		padding: 2em;
		box-sizing: border-box;*/
		/*margin-top: 1.4em;*/
		/*border-radius: 10px;
		box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.20);*/
	}
		.logs_orderflexno {
			width: 8%;
		}
			.viewlogs_newdate {
				/*margin-top: 0.2em;*/
				font-size: 0.8em;
				color: #999;
			}
				.viewlogs_new {
					/*position: absolute;*/
					/*background-color: #d10003;
					border-radius: 50%;*/
					color: #1a73e8;
					font-size: 1.0em;
					font-weight: 600;
					/*padding: 0 0 0 0.4em;*/
					/*left: -6.5em;
					top: -2em;
					height: 15px;
					width: 15px;*/
				}
		.viewlogs_product {
			/*margin-top: 0.1em;*/
			font-size: 1.2em;
			font-weight: 600;
			width: 40%;
		}
			.viewlogs_product_img {
				margin: 0;
				display: flex;
			}
			.viewlogs_product_name {
				margin-top: 6px;
				font-size: 16px;
			}


		.viewlogs_userwrap {
			width: 45%;
			/*margin-top: 1em;*/
			/*padding: 1em;*/
			/*background-color: #ededed;*/
			/*border-radius: 8px;*/
			box-sizing: border-box;
		}
			.viewlogs_jobkind {
				/*padding: 0.2em 1.8em;*/
				/*background-color: #464646;*/
				font-size: 10px;
				/*color: #fff;*/
				display: inline-block;
				/*border-radius: 8px;*/
			}
			.viewlogs_companyname {
				/*margin-top: 0.6em;*/
				font-size: 1.0em;
				font-weight: 600;
			}
			.viewlogs_adress {
				margin-top: 0.4em;
				color: #333;
				font-size: 14px;
			}
			.viewlogs_phonefax {
				color: #333;
				font-size: 14px;
			}
				.viewlogs_phone {
					margin-right: 0.5em;
				}
			.viewlogs_username {
				margin-top: 0.8em;
				font-size: 14px;
			}
			.viewlogs_mail {
				margin-top: 0.1em;
				color: #333;
				font-size: 14px;
			}



					.requests_mark {
						color: #333;
						position: relative;
					}
					.requests_orders {
						color: #fff;
						font-weight: 600;
						background-color: #333;
						display: inline-block;
						border-radius: 5px;
						padding: 2px 10px;
						font-size: 12px;
					}
					/*.requests_orderflexwrap {
						margin-top: 0.2em;
						width: 100%;
						display: flex;
						flex-direction: row;
						justify-content: space-between;
					}*/

					.requests_bikoutitle {
						padding: 0.2em 1.8em;
						background-color: #ededed;
						font-size: 10px;
						display: inline-block;
						border-radius: 8px;
					}
					.requests_bikou {
						color: #333;
						font-size: 12px;
						padding-left: 0.5em;
					}




/**********************************************************************************
 *
 * 会社紹介文の編集
 *
 **********************************************************************************/

#compdigest {
}

	.company_description {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
		.compdigest_flexleft {
			width: 30%;
			align-items: flex-start;
		}
			.compdigest_flexleft_imgwrap {
				padding: 8%;
				border-radius: 8px;
				display: inline-block;
				background-color: #333;
				width: 100%;
				box-sizing: border-box;
			}
				.compdigest_flexleft .compdigest_flexleft_imgtxt {
					color: #fff;
					font-size: 14px;
					text-align: center;
				}
				.compdigest_flexleft .compdigest_flexleft_img {
					margin-top: 10px;
				}
					.compdigest_flexleft .compdigest_flexleft_imgwrap img {
						width: 100%;
						height: auto;
						object-fit: contain;
					}
				.compdigest_flexleft .compdigest_flexleft_button {
					width: 100%;
				}
					.compdigest_flexleft .compdigest_flexleft_button .button{
						box-sizing: border-box;
						width: 100%;
						font-size: 12px;
					}
		.compdigest_right {
			width: 65%;
		}
			.compdigest_right textarea {
				height: 250px!important;
			}
			.comp_layout {
				width: 100%!important;
				box-sizing: border-box;
				font-size: 16px;
			}

				#compdigest .form_border, #compdigest .form_noborder {
					display: inline-block;
					border-radius: 4px;
					padding: 1em;
					background-color: #fff;
				}
				.buttons{
					text-align: center;
					margin-bottom: 4em;
				}
				.compbutton{
					display: inline-block;
					margin: 0;
					padding: 8px 40px;
					border-radius: 8px;
					font-size: 14px;
					text-align: center;
					transition: 0.25s background-color;
					white-space: nowrap;
					cursor: pointer;
				}

				.compbutton_gray {
				  border: 1px solid #aaaaaa;
				  color: #ffffff;
				  background-color: #aaaaaa;
				}
				.compbutton_gray:hover {
				  color: #aaaaaa;
				  background-color: #ffffff;
				}

				.compbutton_red {
				  border: 1px solid #cc0000;
				  color: #ffffff;
				  background-color: #cc0000;
				}
				.compbutton_red:hover {
				  color: #ff3333;
				  background-color: #ffffff;
				}

				.compbutton_blue {
				  border: 1px solid #1a73e8;
				  color: #ffffff;
				  background-color: #1a73e8;
					font-weight: 600;
					line-height: 1.4;
				}
				.compbutton_blue:hover {
				  color: #1a73e8;
				  background-color: #ffffff;
				}

				.compbutton_white {
				  border: 1px solid #ddd;
				  color: #333;
				  background-color: #ffffff;
					font-weight: 600;
					line-height: 1.4;
				}
				.compbutton_white:hover {
				  color: #999;
				  background-color: #ffffff;
				}

				.compbutton_black {
					border: 1px solid #333;
					color: #fff;
					background-color: #333;
					font-weight: 600;
					line-height: 1.4;
				}
				.compbutton_black:hover {
					border: 1px solid #333;
				  color: #333;
				  background-color: #fff;
				}

		.tempsave_flexwrap {
			width: 100%;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			background-color: #ff7ea2a8;
			color: #b31c46a8;
			padding: 0.6em 1em;
			box-sizing: border-box;
			border: 1px solid #df6d8ca8;
		}
			.tempsave_flexleft {
				flex: 1;
				font-weight: 600;
				font-size: 14px;
				display: flex;
				align-items: center;
			}
			.tempsave_flexright {
				width: 160px;
				text-align: right;
			}
				.tempdelbutton {
					font-size: 12px;
					font-weight: 600;
					color: #ffdee8;
					cursor: pointer;
					background-color: #b31c46a8;
					/*border: 1px solid #fff;border-radius: 15px;*/
					border-radius: 15px;
					padding: 8px 14px;
				}


/**********************************************************************************
 *
 * 製品詳細ページの編集
 *
 **********************************************************************************/

/****************　製品リストページ　**********************/
#productlist {
}

	.productlist_description {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
		.productlist_flexleft {
			width: 30%;
			align-items: flex-start;
		}

			.productlist_flexleft_imgwrap {
				padding: 8%;
				border-radius: 8px;
				display: inline-block;
				background-color: #333;
			}
				.productlist_flexleft .productlist_flexleft_imgtxt {
					color: #fff;
					font-size: 14px;
					text-align: center;
				}
				.productlist_flexleft .productlist_flexleft_img {
					margin-top: 10px;
				}
					.productlist_flexleft .productlist_flexleft_imgwrap img {
						width: 100%;
						height: auto;
						object-fit: contain;
					}
				.productlist_flexleft .productlist_flexleft_button {
					width: 100%;
				}
					.productlist_flexleft .productlist_flexleft_button .button{
						box-sizing: border-box;
						width: 100%;
						font-size: 12px;
					}

		.productlist_right {
			width: 68%;
		}




	#productlist .button_kenzai_blue, #productlist button.button_kenzai_blue, #productlist a.button_kenzai_blue {
		border: none;
		color: #ffffff;
		background-color: #1a73e8;
	}
	#productlist .button_large {
		display: inline-block;
		margin: 0;
		padding: 8px 8px;
		border-radius: 8px;
		width: calc(180px - 16px - 2px);
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		-webkit-transition: 0.25s background-color;
		-o-transition: 0.25s background-color;
		transition: 0.25s background-color;
	}
	.maker_mypage .products {
		margin-bottom: 30px;
		/*display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
				justify-content: space-between;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;*/
	}
	#productlist .products {
		display: block;
	}
		.maker_mypage .products .product_wrapper {
			/*width: 49%;*/
			/*margin-bottom: 2%;*/
			/*border: 1px solid #aaaaaa;*/
		}
		#productlist .products .product_wrapper {
			width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			padding: 0.4em 1em;
			box-sizing: border-box;
			background-color: #fff;
			margin-top: 1px;
			margin-bottom: 0;
			vertical-align: middle;
		}
			/*.maker_mypage .products .product_wrapper .product {
				padding: 20px;
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				-webkit-justify-content: space-between;
				-ms-flex-pack: justify;
				justify-content: space-between;
				width: 100%;
				box-sizing: border-box;
				border: none;
			}*/
				/*.maker_mypage .products .product_wrapper .product .product_image {
					width: 100px;
					height: 100px;
					background-size: contain;
					background-repeat: no-repeat;
					background-position: center center;
				}*/
				#productlist .product_wrapper .product_image {
					width: 50px;
					height: 50px;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center center;
				}
				/*.maker_mypage .products .product_wrapper .product .product_descriptions {
					display: -webkit-box;
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
					-webkit-box-pack: justify;
					-webkit-justify-content: space-between;
					-ms-flex-pack: justify;
					justify-content: space-between;
					flex: 1;
					margin-left: 2em;
				}*/
				#productlist .product_wrapper .product_descriptions {
					flex: 1;
					margin-left: 2em;
				    width: 100%;
					display: flex;
					justify-content: center;
					flex-direction: column;
				}
					#productlist .product_wrapper .product_descriptions .product_name {
						font-weight: 600;
						line-height: 1.4;
					}
					#productlist .product_wrapper .product_descriptions .product_categories {
						font-size: 0.8em;
						margin-top: 0.3em;
					}
						.product_categories span {
							font-weight: 500;
							display: block;
							/*margin-bottom: 5px;*/
							color: #cc0000;
							color: #666;
						}
						.product_categories ul {
							padding: 0;
							margin: 0;
						}
						.product_categories ul li {
							display: inline-block;
							margin: 0 4px 6px 0;
							padding: 3px 8px;
							border-radius: 3px;
							font-size: 11px;
							background-color: #f5f5f5;
							color: #555555;
							border: 1px solid #cccccc;
						}

			.product_button_wrap {
				/*margin-top: 2em;*/
				display: flex;
				justify-content: center;
				flex-direction: column;
				margin-left: 0.5em;
				font-size: 12px;
			}
				.product_button_wrap label {
					line-height: 1.4;
					margin-bottom: -10px;
				}
				.product_button_wrap a {
					border: 1px solid #333;
					color: #ffffff;
					background-color: #333;
				}
					.product_button_wrap a:hover {
						color: #333;
						background-color: #fff;
					}
					.product_button_wrap .product_button {
						display: inline-block;
						margin: 0;
						padding: 8px 8px;
						border-radius: 8px;
						width: calc(280px - 16px - 2px);
						width: 90px;
						font-size: 0.7em;
						font-weight: 600;
						text-align: center;
						-webkit-transition: 0.25s background-color;
						-o-transition: 0.25s background-color;
						transition: 0.25s background-color;
					}


/****************　製品カテゴリーリストページ　**********************/
#productcatelist {
}
	#productcatelist .button_kenzai_blue, #productcatelist button.button_kenzai_blue, #productcatelist a.button_kenzai_blue {
		border: none;
		color: #ffffff;
		background-color: #333;
	}
	#productcatelist .button_large {
		display: inline-block;
		margin: 0;
		padding: 8px 8px;
		box-sizing: border-box;
		border-radius: 0;
		width: 100%;
		font-size: 0.8em;
		font-weight: 500;
		text-align: center;
		-webkit-transition: 0.25s background-color;
		-o-transition: 0.25s background-color;
		transition: 0.25s background-color;
	}

	#productcatelist .product_keywords_title {
		margin: 1em 0 0; 
		font-size: 1em;
		padding-left: 4em;
		text-indent: -4em;
	}
		#productcatelist .product_keywords_title span {
			margin-left: 0.5em;
			font-size: 1.6em;
			font-weight: 600;

		}


	/*#productcatelist .product_detail {
		padding: 1em;
		box-sizing: border-box;
		background-color: #fff;
	}*/
	#productcatelist .product_detail ul {
		/*margin-top: 4.0em;*/
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		/*justify-content: flex-start;*/
		padding-left: 0;
	}
	#productcatelist .product_detail ul::before {
		content:"";
		display:block;
		width: 23%;
		height:0;
		order:1;
	}
	#productcatelist .product_detail ul::after {
		content:"";
		display:block;
		width: 23%;
		height:0;
		order:1;
	}
		/*#productcatelist .productcatelist_flexleft {
			width: 240px;
			margin-right: 60px;
		}
			#productcatelist .productcatelist_producttitle {
				font-size: 1.0em;
				margin-top: 0.2em;
			}*/
		#productcatelist .product_detail ul li {
			width: 23%;
			display: flex;
			flex-direction: column;
			margin-bottom: 0.5em;
			/*margin-right: 1.3em;*/
			position: relative;
		}
			#productcatelist .product_detail ul li .thumbnail {
				width: 100%;
				height: 200px;
			}
				#productcatelist .product_detail ul li .thumbnail .product_image_large {
					width: 100%;
					height: 100%;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center center;
				}
			#productcatelist .product_detail ul li .detailAdd .detailAdd_name {
				margin-top: 0.5em;
				margin-bottom: 0.5em;
				font-size: 1.0em;
			}
			#productcatelist .product_detail ul li .detailAdd .detailAdd_descflexwrap {
				margin-top: 0.2em;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
			}
				#productcatelist .product_detail ul li .detailAdd .detailAdd_descflexleft {
					width: 105px;
					margin-top: -4px;
				}
					#productcatelist .product_detail ul li .detailAdd .detailAdd_desctitle {
						padding: 0.2em 1.8em;
						color: #fff;
						background-color: #333;
						font-size: 0.7em;
						display: inline-block;
						border-radius: 8px;
					}
				#productcatelist .product_detail ul li .detailAdd .detailAdd_descflexright {
					width: 100%;
					flex: 1;
					text-align: left;
				}
					#productcatelist .product_detail ul li .detailAdd .detailAdd_desc {
						color: #333;
						font-size: 0.9em;
						text-align: left;
					}
						#productcatelist .product_detail ul li .detailAdd .detailAdd_desc .redmark {
							color: #cc0000;
							font-weight: 600;
							font-size: 1.0em;
						}

			#productcatelist .product_detail ul li .detailAdd .detailAdd_descbutton {
				margin-top: 0.5em;
			}
			.editIcon {
				position: absolute;
				top: -5px;
				left:-5px;
				background: #cc0000;
				color: #ffffff;
				text-align: center;
				display: inline-block;
				padding: 4px 8px;
				font-size: 13px;
				border-radius: 4px;
			}
#productcatelist .productcatelist_buttonwrap {
	margin-top: 1em;
	text-align: center;
}
	#productcatelist .productcatelist_buttonwrap .compbutton {
		width: 100px;
	}

	/*li.categoryBox {
		width: 100%;
		display: flex;		
		margin-bottom: 40px;
	}
	.thumbnail {
		width: 150px;
	}
	.detailAdd {
		font-size: 0.76em;
		padding-left: 40px;
	}
	
	.categoryBox .thumbnail .product_image_large {
    	width: 150px;
    	height: 150px;
    	background-size: contain;
    	background-repeat: no-repeat;
   		background-position: center center;
  	}	
	
	li.anchorBox {
		width: 100%;
	}
	li.anchorBox a {
		width: 100%;
		display: block;
		padding-top: 120px;
	    margin-top: -120px;
    	visibility: hidden;
	}*/


.product_detail table.table {
	width: 100%;
}
	.product_detail table.table th {
		padding: 8px 16px;
		box-sizing: border-box;
	}
		.product_detail table.table td {
			padding: 8px 16px;
			box-sizing: border-box;
		}
		.product_detail table.table td a {
			word-break: break-all;
		}
		.product_detail table.table-wide {
			width: 100%;
		}




.product_detail table.table100 {
	width: 100%;
}

			th.id {
				width: 64px;
			}
			td.id {
				width: 64px;
				text-align: center;
			}
			th.datetime {
				width: 160px;
			}
			td.datetime {
				width: 160px;
				text-align: center;
			}
			th.date {
				width: 80px;
			}
			td.date {
				width: 80px;
				text-align: center;
			}
			th.status {
				width: 32px;
			}
			td.status {
				width: 32px;
				text-align: center;
			}
			th.approval {
				min-width: 500px;
			}
			td.approval {
				min-width: 500px;
			}
			td.approval .email {
				line-height: 1.6;
			}
			th.phone {
				min-width: 120px;
			}
			td.phone {
				min-width: 120px;
				text-align: center;
			}
			th.available, td.available {
				width: 4em;
				text-align: center;
			}
			th.buttons2, td.buttons2 {
				width: 10em;
				text-align: center;
			}
			th.field-name, td.field-name {
				width: 12rem;
				background-color: none;
				word-wrap: none;
			}



.detailAdd_descbutton .button_kenzai_black,
.detailAdd_descbutton button.button_kenzai_black,
.detailAdd_descbutton a.button_kenzai_black {
  border: 1px solid #333;
  color: #ffffff;
  background-color: #333;
  width: 60px;
}
	.detailAdd_descbutton .button_kenzai_black:hover,
	.detailAdd_descbutton button.button_kenzai_black:hover,
	.detailAdd_descbutton a.button_kenzai_black:hover {
	  color: #333;
	  background-color: #fff;
	}

.detailAdd_descbutton .button_kenzai_black.active,
.detailAdd_descbutton button.button_kenzai_black.active,
.detailAdd_descbutton a.button_kenzai_black.active {
  border: 1px solid #333;
  color: #333;
  background-color: #fff;
  width: 60px;
}
	.detailAdd_descbutton .button_kenzai_black.active:hover,
	.detailAdd_descbutton button.button_kenzai_black.active:hover,
	.detailAdd_descbutton a.button_kenzai_black.active:hover {
	  color: #333;
	  background-color: #fff;
	}



/****************　製品カテゴリー詳細ページ　**********************/

#productlistdetail {
}
	#productlistdetail .button_kenzai_blue, #productlistdetail button.button_kenzai_blue, #productlistdetail a.button_kenzai_blue {
		border: none;
		color: #ffffff;
		background-color: #1a73e8;
	}
	#productlistdetail .button_large {
		display: inline-block;
		margin: 0;
		padding: 8px 8px;
		box-sizing: border-box;
		border-radius: 0;
		width: 100%;
		font-size: 0.8em;
		font-weight: 500;
		text-align: center;
		-webkit-transition: 0.25s background-color;
		-o-transition: 0.25s background-color;
		transition: 0.25s background-color;
	}

	#productlistdetail .product_keywords_title {
		margin: 2em 0 0; 
		font-size: 1em;
		padding-left: 4em;
		text-indent: -4em;
	}
		#productlistdetail .product_keywords_title span {
			margin-left: 0.5em;
			font-size: 1.6em;
			font-weight: 600;
		}


	#productlistdetail .product_listdetail_proname {
		margin: 0.2em 0 0; 
		font-size: 1em;
	}
		#productlistdetail .product_listdetail_proname .cate_left {
			width: 70px;
			display: inline-block;
		}
		#productlistdetail .product_listdetail_proname .cate_right {
			padding-left: 0.5em;
			font-weight: 600;
			font-size: 1.4em;
		}
	#productlistdetail .product_listdetail_category {
		margin: 0.2em 0 0; 
		font-size: 1em;
	}
		#productlistdetail .product_listdetail_category .cate_left {
			width: 70px;
			display: inline-block;
		}
		#productlistdetail .product_listdetail_category .cate_right {
			padding-left: 0.5em;
			font-weight: 600;
		}


/*-- 黒見出し --*/
		.productImages, .productMoreTexts {
			width: 100%;
			margin-bottom: 40px;
		}
			#productlistdetail .productImages h3 {
				margin: 0; 
				font-size: 1em;
				font-weight: 500;
				color: #fff;
				background-color: #000;
				text-align: center;
				box-sizing: border-box;
			}
			.productImages h3, .productMoreTexts h3 {
				width: 100%;
				margin-bottom: 24px;
				background-color: #ffffff;
				padding: 6px 8px;

				margin: 0 0 0; 
				font-size: 1em;
				font-weight: 500;
				color: #fff;
				background-color: #000;
				text-align: center;
				box-sizing: border-box;
			}


/*------------ 追加説明文 ------------*/

		/*-- table全体 --*/
		.productMoreTexts .productMoreTextsbg {
			/*background-color: #fff;*/
			/*padding: 2em 2em 2em;*/
			/*border-bottom: 1px solid #ccc;*/
		}
			.productMoreTexts .productMoreTextsbg h4 {
				/*margin-top: 1em;*/
				font-size: 1.0em;
				margin-bottom: 6px;
			}

			#productMoreTextsSortBox {
				/*margin-bottom: 1em;*/
			}


				/*-- table　1つ --*/
				.productMoreTextsSortBox_table {
					/*margin: 10px 0;*/
					padding: 2em;
					border-spacing: 0;
					width: 100%;
					border-bottom: 2px dotted #ccc;
					box-sizing: border-box;
					background-color: #fff;
				}
				/*.productMoreTextsSortBox_table:nth-child(1) {
					margin: 0 0 10px 0;
					padding: 0 0 10px 0;
				}
				.productMoreTextsSortBox_table:last-child {
					border-bottom: none;
					margin-bottom: 0;
					padding-bottom: 0;
				}*/
					.productMoreTextsSortBox_table table {
						width: 100%;
					}
						.productMoreTextsSortBox_table table tr {
							/*background-color: #efefef;*/
						}
							.productMoreTextsSortBox_table table th {
								text-align: left;
							}
								.productMoreTextsSortBox_table table th p {
									margin: 0;
								}
								.productMoreTextsSortBox_table table td p {
									margin: 0;
								}

							.productMoreTextsSortBox_table table td {
							}
								.tdinput_waku {
									padding: 8px 8px;
									border: 1px solid #ccc;
									border-radius: 6px;
									font-size: 14px;
								}
									.tdinput_waku input, .tdinput_waku textarea {
										font-size: 14px;
									}
								.tdinput_buttonwaku {
									margin-top: 10px;
									text-align: center;
									font-size: 14px;
								}
									.productMoreTextsbgplus {
										width: 100%;
										padding: 2em 2em 2em;
										/*margin-bottom: 40px;*/
										background-color: #555;
										box-sizing: border-box;
										color: #fff;
									}
										.productMoreTextsbgplus h4 {
											/*margin-top: 1em;*/
											font-size: 1.0em;
										}
											.productMoreTextsbgplus .redalert {
												color: #cc0000;
												font-size: 0.8em;
											}
											.productMoreTextsbgplus .productMoreTextsbgplus_form {
												margin-top: 0.2em;
											}
												.productMoreTextsbgplus .productMoreTextsbgplus_form table {
												}

												.productMoreTextsbgplus_form input, .productMoreTextsbgplus_form textarea {
													/*padding: 4px 8px;
													box-sizing: border-box;*/
													/*border: 1px solid #ccc;
													border-radius: 6px;*/
												}


												.productMoreTextsbgplus table {
													margin-bottom: 4px;
													border-spacing: 0;
													width: 100%;
												}
													.productMoreTextsbgplus table tr {
														/*background-color: #efefef;*/
													}
														.productMoreTextsbgplus table th {
															text-align: left;
															padding: 1em;
															width: 200px!important;
														}
														.productMoreTextsbgplus table td {
															padding: 2px 0 0;
														}
															.productMoreTextsbgplus table td input{
																width: 100%;
															}
															.productMoreTextsbgplus table td textarea{
																width: 100%;
															}
															.productMoreTextsbgplus table th p {
																margin: 0;
															}
															.productMoreTextsbgplus table td p {
																margin: 0;
															}

													#productlistdetail .form_productDetailId_submit {
														margin-top: 1.0em;
													}



								#productlistdetail .productcatelist_buttonwrap {
									margin-top: 1em;
									margin-bottom: 4em;
									text-align: center;
								}
									#productlistdetail .productcatelist_buttonwrap .compbutton {
										width: 100px;
									}

.sortBtn{
	text-align: center;
}


		/*-- ギャラリーの登録 --*/
		#productlistdetail .productImages .images {
			/*background-color: #fff;
			padding: 1em 2em 2em;*/
			border-bottom: 1px solid #ccc;
		}
			.imgupdate_wrap{
				padding: 2em;
				background-color: #fff;
				margin-top: 0;
			}

			#productlistdetail .productImages .images ul {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				padding: 0;
				/*padding: 2em;
				background-color: #fff;
				margin-top: 0;*/
			}
				#productlistdetail .productImages .images ul li {
					width: 19.0%;
					margin-right: 4px;
					margin-bottom: 20px;
					font-size: 14px;
				}
					#productlistdetail .productImages .images ul li .image {
						width: 100%;
						height: 100px;
						background-size: cover;
						background-repeat: no-repeat;
						background-position: center center;

					}
						#productlistdetail .productImages h4 {
							/*margin-top: 1em;*/
							font-size: 1.0em;
							margin-bottom: 6px;
						}
							#productlistdetail .productImages .images_exptxt {
								margin-top: 0.2em;
								/*margin-bottom: 1em;*/
								font-size: 0.8em;
							}
							#productlistdetail .productImages .images_exptxt_submit {
								margin-top: 1.0em;
								text-align: center;
							}
		#productlistdetail .productImages .newImages {
			background-color: #fff;
			background-color: #555;
			box-sizing: border-box;
			color: #fff;
			padding: 1em 2em 2em;
		}
			.productImages .newImagesUploadBox {
				width: 100%;
				color: #333;
				display: flex;
				justify-content: space-between;
			}
				.productMoreTextsbg .images_exptxt {
					margin-top: 0.2em;
					margin-bottom: 1em;
					font-size: 0.8em;
				}
				.productMoreTextsbg .images_exptxt_submit {
					margin-top: 1.0em;
				}
					.dropArea {
						background-color: #f4f4f4;
						/*margin: 10px 0;*/
						/*padding: 10px;*/
						border: #ddd dashed 5px;
						height: 200px;
						width: 50%;
						display: flex;
						align-items: center;
						text-align: center;
						justify-content: center;
					}
					.uploadArea {
						width: 45%;
						margin-left: 0;
						color: #fff;
					}
						.uploadArea .image {
							width: 180px;
							height: 180px;
							background-size: contain;
							background-repeat: no-repeat;
							background-position: center center;
						}	

/*ブロック削除ボタン*/
.blockdel_wrap {
	width: 100%;
	text-align: right;
	margin-bottom: 4px;
}
	.blockdel_button {
		border: 1px solid #efefef;
		color: #999;
		background-color: #efefef;
		font-weight: 600;
		line-height: 1.4;
		font-size: 12px;
		padding: 2px 6px;
	}
	.blockdel_button:hover {
		color: #1a73e8;
		background-color: #ffffff;
	}




/*------------------------ 画像登録 ------------------------*/
		.imageBox_N {
		  width: 100%;
		  margin-right: 20px;
		  overflow: hidden;
		}	
			.imageBox_N p {
			  margin: 0;
			}	
				.imageBox_N .form_image {
					width: 100%;
					display: flex;
					flex-wrap: wrap;
					font-size: 0.7em;
				}	

				.imageBox_N .form_image .fw220px {
					width: 20%;
					margin-left: 2%;
					margin-right: 2%;
					margin-bottom: 16px;
				}
				.imageBox_N .form_image .fw220px img {
					height: 180px;
					width: auto;
				}	

				/*ul.productImage {
					width: 100%;
					max-width: 1140px;
					margin-bottom: 16px;
					padding-left: 0px;
					display: flex;
					flex-wrap: wrap;
					align-content: flex-start;
				}*/

				/*ul.productImage li {
					width: 100px;
					margin-left: 5px;
					margin-right: 5px;
					margin-bottom: 24px;	
					border: 1px solid #787878;	
				}*/
				/*ul.productImage li .image {
					width: 100px;
					height: 100px;
					background-size: contain;
					background-repeat: no-repeat;
					background-position: center center;

				}*/
				/*ul.productImage li .display {
					background-color: #FFFFFF;
				}
				ul.productImage li .nodisplay {
					background-color: #B5B5B5;
				}*/

				p.onwards {
					width: 100%;
					margin-left: 0%;
					margin-right: 0%;
					display: block;
				}
				ul.productImage li .image img {
					width: 100%;
					height: auto;
				}


			.prd_addtxt{
				font-size: 1em;
				font-weight: 600;
			}
			.imgdelflg_wrap{
				margin-top: 6px;
				font-size: 12px;
			}



		/*ライトボックス start*/
		.form_border,
		.form_noborder {
			display: block;
			border-radius: 4px;
			padding: 6px;
		}
		.mfp-content .form_border {
			 border: none; 
		}

		.mfp-auto-cursor .mfp-content {
			cursor: auto; 
		}
		.productlistdetail_mfp {
			width: 50%;
			margin: 0 auto;
			position: relative;
		}
			.productlistdetail_mfp .productlistdetail_mfpsubmit {
				text-align: center!important;
			}
			.productlistdetail_mfp .inline-wrap {
				/*position: absolute;
				top: 0%;
				left: 28%;*/
				width: 100%;
				padding: 12px;
				background-color: #eeeeee;
				box-sizing: border-box;
			}
				.productlistdetail_mfp .inline-wrap p {
					padding: 0px;
					margin: 0px;
					font-size: 0.9em;
					line-height: 1.8em;
				}
				.productlistdetail_mfp .inline-wrap textarea {
					padding: 6px;
					font-size: 0.9em;
					line-height: 1.4em;
					width: 100%;
					height: 120px;
					margin-right: 8px;
					box-sizing: border-box;
				}
				.productlistdetail_mfp .inline-wrap input[type="submit"] {
					display: inline-block;
					text-align: center;
					background-color: #525252;
					color: #ffffff;
					font-size: 0.9em;
					padding: 6px 10px;

				}
			.productlistdetail_mfp .mfp-close {
				/*width: 44px;
				height: 44px;*/
				line-height: 44px;
				position: absolute;
				right: -30px;
				top: -35px;
				text-decoration: none;
				text-align: center;
				opacity: 0.65;
				padding: 0 0 18px 10px;
				color: #FFF!important;
				font-style: normal;
				font-size: 60px;
				/*font-family: Arial, Baskerville, monospace; */
			}
			.productlistdetail_mfp .mfp-close:hover,
			.productlistdetail_mfp .mfp-close:focus {
				opacity: 1; 
			}
			.productlistdetail_mfp .mfp-close:active {
				top: 1px; 
			}
			.productlistdetail_mfp .mfp-image-holder .mfp-close,
			.productlistdetail_mfp .mfp-iframe-holder .mfp-close {
				color: #FFF;
				right: 0;
				text-align: right;
				padding-right: 0;
				width: 100%; 
			}
			.productlistdetail_mfp input {
				padding-block: 0;
				padding-inline: 0;
			}
		/*ライトボックス end*/

/*横移動リンク*/
.anchorLinkWrap {
  display: flex;
  width: 500px;
  margin: 20px 0 40px 0;
  padding: 0;
}
.anchorLinkWrap li {
  width: 40%;
}
.anchorLinkWrap li a {
  border: 1px solid #333333;
  padding: 5px;
  display: block;
  text-align: center;
  font-size: 12px;
  background: #ffffff;
  color: #333333;
}
.anchorLinkWrap li a:hover {
	background: #f5f5f5;
	color: #333333 !important;
}
.anchorLinkWrap li:nth-child(2n) a {
  border-left: none;
  border-right: none;
}
.anchorLinkWrap li.active a {
  background: #333333;
  color: #ffffff !important;
}


/****************　サイト内検索用キーワードの編集　**********************/

/*サイト内検索用キーワードの編集（製品一覧）*/
.product_detail .productkey_image {
	width: 100%;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
}
.product_detail .productkey_name {
	margin-top: 6px;
	font-size: 14px;
	height: 50px;
}
.product_detail .productkey_button_wrap {
	margin-top: 6px;
}
	.product_detail .productkey_button_wrap .product_button {
		display: inline-block;
		margin: 0;
		padding: 8px 8px;
		border-radius: 8px;
		width: calc(280px - 16px - 2px);
		width: 100%; 
		font-size: 12px;
		font-weight: 600;
		text-align: center;
		box-sizing: border-box;
		-webkit-transition: 0.25s background-color;
		-o-transition: 0.25s background-color;
		transition: 0.25s background-color;
		background-color: #333;
		color: #fff;
	}
	.product_button_link:hover .product_button{
		color: #5FA0F5!important;
	}
	.product_button_link:hover .detailAdd_descbutton .button_large {
		color: #5FA0F5!important;
	}
	.product_button_link:hover .productkey_button_wrap .product_button {
		color: #5FA0F5!important;
	}

/*サイト内検索用キーワードの編集（キーワード登録）*/
#productkeyword .product_keywords_title {
	margin: 2em 0 0; 
	font-size: 1em;
	padding-left: 4em;
	text-indent: -4em;
}
	#productkeyword .product_keywords_title span {
		margin-left: 0.5em;
		font-size: 1.6em;
		font-weight: 600;
	}

#productkeyword .product_keywords_flexwrap {
	display: flex;
	flex-direction: row;
	margin-top: 1em;
	min-width: 1200px;
	justify-content: space-between;
}
	#productkeyword .product_keywords_flexleft {
		width: 30%;
		/*margin-right: 50px;*/
	}
		#productkeyword .product_keywords_image {
			width: 100%;
		}
	#productkeyword .product_keywords_flexright {
		/*flex: 1;*/
		width: 65%;
	}
		#productkeyword .product_keywords_keyword {
			margin: 0; 
		}
			#productkeyword .product_keywords_keyword .form_border {
				padding: 10px;
				background-color: #fff;
			}
			#productkeyword .product_keywords_keyword .product_keywords_keywordsubtxt {
				font-size: 0.8em;
			}
		#productkeyword .product_keywords_submit {
			margin: 2em 0 0; 
			text-align: center;
		}
			#productkeyword .product_keywords_submit .compbutton_black {
				width: 100px;
			}

.product_keywords table.table {
	width: 100%;
}
	.product_keywords table.table th {
		padding: 20px 16px;
		box-sizing: border-box;
	}
		.product_keywords table.table td {
			padding: 20px 16px;
			box-sizing: border-box;
		}
		.product_keywords table.table td a {
			word-break: break-all;
		}
		.product_keywords table.table-wide {
			width: 100%;
		}

.product_keywords table.table100 {
	width: 100%;
}


.keywordLi {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 20px 0 0;
	padding: 0;
}
.keywordLi li {
	width: 24.5%;
	margin: 0 0 10px 0;
	padding: 0.6em;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
}
.keywordLi li input[type="text"] {
	width: 100%;
	font-size: 15px;
	/*padding: 2px 4px;*/
}
.keywordLi li input[type="text"]::placeholder  {
	color: #ccc;
}







/****************　製品並べ替え　**********************/
#productorder{
	margin-bottom: 4em;
}
#makerProductsOrder .products {
}
	#makerProductsOrder .product_wrapper {
		width: 49.5%;
		margin-bottom: 1%;
		border: none;
	}
		#makerProductsOrder .product_wrapper .product {
			padding: 10px;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
			justify-content: space-between;
			width: 100%;
			box-sizing: border-box;
			border: none;
		}
			#makerProductsOrder .product_wrapper .product .product_image {
				margin-right: 0;
				width: 150px;
				height: 80px;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
				border: none;
			}
			#makerProductsOrder .product_wrapper .product .product_descriptions {
				flex: 1;
				margin-left: 2em;
				font-size: 0.8em;
			}








/*****************************************
* 　　　ニュースリリース一覧
******************************************/
.newses_newmakebutton {
	margin: 4em auto 2em;
	padding-bottom: 4em;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
	.news_button_style {
		display: block;
		width: 100%;
		background-color: #CF0003;
		padding: 8px 40px;
		box-sizing: border-box;
		font-size: 16px;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		letter-spacing: 1px;
		border-radius: 5px;
		border: 1px solid #CF0003;
	}
	.news_button_style:hover {
		color: #CF0003;
		background-color: #fff;
		border: 1px solid #CF0003;
	}








/*****************************************
* 　　　ニュースリリース一覧
******************************************/

.makerMypageShowroomForm .form_border {
	display: block;
}
	.makerMypageShowroomForm .form-control {
		width: 100%!important;
		box-sizing: border-box;
	}






/*****************************************
* トップに戻るボタン
*****************************************/
#scrollToTop {
	display: none;
	position: fixed;
	bottom: 100px;
	right: 20px;
	z-index: 10000;
}


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

#footer {
    margin-top: 0; 
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
    background-color: #212121;
  }
  #footer.no-margin {
    margin-top: 0;
  }
  #footer a {
    display: block;
    color: #ffffff;
    background-color: #212121;
  }
  #footer a:hover {
    color: #C1F0FF;
  }
  #footer .groups {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #footer .groups .group {
    margin-bottom: 30px;
	  margin-right: 2%;
  }
  #footer .groups .group .title {
    width: 90%;
    margin-bottom: 16px;
    padding-left: 4px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ffffff;
  }
  #footer .groups .group .links-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #footer .groups .group .links-wrapper .links {
    margin-bottom: 20px;
    margin-right: 50px;
    /*width: 180px;*/
	  width: 100%;
    font-size: 11px;
    line-height: 1.8;
	  white-space: nowrap
  }
  #footer .groups .group .links-wrapper .links .sublinks {
    margin-bottom: 20px;
    margin-left: 20px;
  }
  #footer .copyright {
    text-align: center;
  }


/*------------ マイページ お知らせ一覧 ------------*/
.topicsWrap {
	background: #ffffff;
	border-radius: 8px;
	margin: 10px 0;
}
.topicsWrap ul {
	padding: 0;
	margin: 0;
}
.topicsWrap li a {
	display: block;
	padding: 15px 20px;
	position: relative;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
}
.topicsWrap li a:hover {
	background: #f8fafd;
}
.topicsWrap li a:first-child:hover {
	background: #f8fafd;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}					
.topicsWrap li a:last-child:hover {
	background: #f8fafd;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}					
.topicsWrap li a time {
	display: inline-block;
	margin: 0 20px 0 0;
}
.topicsWrap li a::after {
  content: '\f054';
  color: #333333;
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  opacity: .5;
}


/*------------ マイページ お知らせ詳細 ------------*/
.topicsContent {
	background: #ffffff;
	padding: 20px;
	border-radius: 8px;
}
.topicsTitle {
	font-size: 1.6em;
	font-weight: 600;
	border-bottom: 1px solid #dddddd;
	margin: -20px -20px 10px -20px;
	padding: 15px 20px;
}
.topicsContent p {
	line-height: 1.6;
}
.topicsBtnWrap {
	text-align: center;
	margin: 20px 0 0 0;
}
.topicsTime {
	margin: 0 0 20px 0;
}
.bx-time {
	vertical-align: middle;
}
.topicsH {
	font-weight: 500;
	padding: 0;
	margin: 0;
	margin-top: calc(2em + 8px);
	margin-bottom: 10px;
}



/*****************************************
* フォームバリデーション
*****************************************/
#form_message_row {
	display: none;
	color: #cc0000 !important;
	font-weight: bold;
	border: 1px solid #cc0000;
	background: #fff5f5;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 4px;	
}
#form_message_row.error_empty {
	display: block;
} 
#form_orders_row_sr {
	display: none;
	color: #cc0000 !important;
	font-weight: bold;
	border: 1px solid #cc0000;
	background: #fff5f5;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 4px;	
}
#form_orders_row_sr.error_select {
	display: block;
}
#form_latlng_row_sr {
	display: none;
	color: #cc0000 !important;
	font-weight: bold;
	border: 1px solid #cc0000;
	background: #fff5f5;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 4px;	
}
#form_latlng_row_sr.error_empty {
	display: block;
}
#form_parking_row {
	display: none;
	color: #cc0000 !important;
	font-weight: bold;
	border: 1px solid #cc0000;
	background: #fff5f5;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 4px;	
}
#form_parking_row.error_select {
	display: block;
}
.error_number .form_error_message {
	display: block !important; 
}
#form_showroomNews_type_row {
	display: none;
	color: #cc0000 !important;
	font-weight: bold;
	border: 1px solid #cc0000;
	background: #fff5f5;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 4px;	
}
#form_showroomNews_type_row.error_select {
	display: block;
}
#form_published_at_row {
	display: none;
	color: #cc0000 !important;
	font-weight: bold;
	border: 1px solid #cc0000;
	background: #fff5f5;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 4px;	
}
#form_published_at_row.error_empty {
	display: block;
}







/*****************************************
* クリア
*****************************************/
.float_clear {
    clear: both;
    height: 0px;
    width: 0px;
    visibility: hidden;
}